.ch-terminal {
    font-family: Ubuntu, Droid Sans, -apple-system, BlinkMacSystemFont, Segoe WPC,
        Segoe UI, sans-serif;
}

.ch-code-line-number {
    color: var(--ch-t-editorLineNumber-foreground);
}

.ch-code-scroll-parent ::-moz-selection {
    background-color: var(--ch-t-editor-selectionBackground);
}

.ch-code-scroll-parent ::selection {
    background-color: var(--ch-t-editor-selectionBackground);
}

.ch-code-button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    color: inherit;
    margin: 0;
    padding: 0;
    border: none;
    font-size: inherit;
}

.ch-code-button:focus-visible {
    outline-color: currentColor;
}

.ch-code-wrapper {
    background-color: var(--ch-t-background);
    color: var(--ch-t-foreground);
    color-scheme: var(--ch-t-colorScheme);
    margin: 0;
    padding: 0;
    position: relative;
    white-space: pre;
    box-sizing: content-box;
}

.ch-code-wrapper[data-ch-measured="false"] {
    overflow: auto;
}

.ch-code-wrapper[data-ch-measured="false"]>* {
    opacity: 0;
}

.ch-expand-close {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    color: inherit;
    margin: 0;
    padding: 0;
    border: none;
    font-size: inherit;
}

.ch-expand-close:focus-visible {
    outline-color: currentColor;
}

.ch-expand-dialog-content {
    border-color: var(--ch-t-sideBar-border);
}

.ch-code-browser {
    color: var(--ch-t-editor-foreground);
    font-family: Ubuntu, Droid Sans, -apple-system, BlinkMacSystemFont, Segoe WPC,
        Segoe UI, sans-serif;
}

.ch-code-browser-sidebar {
    border-left-color: var(--ch-t-sideBar-border);
    border-bottom-color: var(--ch-t-sideBar-border);
    border-right-color: var(--ch-t-sideBar-border);
    border-top-color: var(--ch-t-sideBar-border);
    background: var(--ch-t-sideBar-background);
    color: var(--ch-t-sideBar-foreground);
}

.ch-code-browser-content {
    background: var(--ch-t-background);
    color: var(--ch-t-foreground);
    color-scheme: var(--ch-t-colorScheme);
}

.ch-code-browser-content ::-moz-selection {
    background-color: var(--ch-t-editor-selectionBackground);
}

.ch-code-browser-content ::selection {
    background-color: var(--ch-t-editor-selectionBackground);
}

.ch-code-browser-sidebar-file[data-selected="true"] {
    background: var(--ch-t-list-activeSelectionBackground);
    color: var(--ch-t-list-activeSelectionForeground);
}

.ch-code-browser-sidebar-file:hover {
    background-color: var(--ch-t-list-hoverBackground);
    color: var(--ch-t-list-hoverForeground);
}

.ch-code-browser-button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    color: inherit;
    margin: 0;
    padding: 0;
    border: none;
    font-size: inherit;
}

.ch-code-browser-button:focus-visible {
    outline-color: currentColor;
}

.ch-editor-tab {
    background: var(--ch-t-tab-inactiveBackground);
    color: var(--ch-t-tab-inactiveForeground);
    border-right: 1px solid #252526;
    border-right-color: var(--ch-t-tab-border);
    border-bottom: 1px solid;
    border-bottom-color: var(--ch-t-tab-inactiveBackground);
}

.ch-editor-tab[data-active="true"] {
    background: var(--ch-t-tab-activeBackground);
    color: var(--ch-t-tab-activeForeground);
    border-bottom-color: var(--ch-t-tab-activeBorder);
    min-width: unset;
}

.ch-editor-group-border {
    position: absolute;
    top: 0;
    height: 1px;
    width: 100%;
    z-index: 1;
    background: var(--ch-t-editorGroup-border);
}

.ch-editor-frame {
    --ch-title-bar-height: 30px;
    background: var(--ch-t-editor-background);
}

.ch-editor-frame .ch-frame-title-bar {
    background: none;
    color: var(--ch-t-icon-foreground);
    background: var(--ch-t-editorGroupHeader-tabsBackground);
}

.ch-editor-button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    color: inherit;
    padding: 0;
    border: none;
    font-size: inherit;
    margin: 0 0.8em 0 0;
}

.ch-editor-button:focus-visible {
    outline-color: currentColor;
}

.ch-frame-zoom {
    width: calc(100% / var(--ch-frame-zoom));
    height: calc(100% / var(--ch-frame-zoom));
}

.ch-frame-buttons {
    display: flex;
}

.ch-mini-browser .ch-frame-title-bar input {
    background: var(--ch-t-input-background);
    color: var(--ch-t-input-foreground);
    border: 1px solid var(--ch-t-input-border);
}

.ch-browser-open-button {
    color: var(--ch-t-icon-foreground);
}

.ch-spotlight-tab:hover {
    border-color: #222;
}

.ch-spotlight-tab[data-selected] {
    border-color: #0070f3;
}

.ch-codeblock,
.ch-codegroup,
.ch-preview {
    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25),
        0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.025);
}

.ch-inline-code>code {
    color: var(--ch-t-foreground);
    background: var(--ch-t-lighter-inlineBackground);
}

.ch-inline-code .ch-section-link,
.ch-inline-code .ch-section-link * {
    -webkit-text-decoration-color: var(--ch-t-foreground);
    text-decoration-color: var(--ch-t-foreground);
}

.ch-section-link,
.ch-section-link * {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
}

.ch-code-inline-mark,
.ch-code-multiline-mark {
    background: var(--ch-t-editor-rangeHighlightBackground);
}

.ch-code-multiline-mark-border {
    background: var(--ch-t-editor-infoForeground);
}

.ch-code-multiline-mark .ch-code-button {
    font-size: 1.2em;
    position: absolute;
    right: 10px;
    top: 1px;
    display: none;
}

.ch-code-inline-link,
.ch-code-link :not(span)>span {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    color: inherit;
}

.ch-code-box-annotation {
    outline: 2px solid var(--ch-t-editor-infoForeground);
}

.ch-code-label-annotation:hover {
    background: var(--ch-t-editor-lineHighlightBackground);
}

.ch-code-label-annotation:hover .ch-code-label-annotation-text {
    display: block;
}

.ch-code-label-annotation-text {
    position: absolute;
    right: 0;
    padding-right: 16px;
    opacity: 0.7;
    display: none;
}

.dark,
[data-theme*="dark"] {
    --ch-0: dark;
    --ch-1: #8b949e;
    --ch-2: #79c0ff;
    --ch-3: #ffcda1;
    --ch-4: #f8f8f2;
    --ch-5: #bda4ff;
    --ch-6: hsl(var(--brand-600));
    --ch-7: #569cd6;
    --ch-8: hsl(var(--brand-default));
    --ch-9: #ffa198;
    --ch-10: #f0f6fc;
    --ch-11: #490202;
    --ch-12: #04260f;
    --ch-13: #5a1e02;
    --ch-14: #161b22;
    --ch-15: #8b949e;
    --ch-16: #2a2929;
    --ch-17: #264f78;
    --ch-18: #3794ff;
    --ch-19: #ffffff0b;
    --ch-20: #6e7681;
    --ch-21: #010409;
    --ch-22: #30363d;
    --ch-23: #f78166;
    --ch-24: #6e768166;
    --ch-25: #6e76811a;
}

.light,
[data-theme="light"] {
    --ch-0: light;
    --ch-1: #6e7781;
    --ch-2: #0550ae;
    --ch-3: #953800;
    --ch-4: #24292f;
    --ch-5: #8250df;
    --ch-6: hsl(var(--brand-600));
    --ch-7: #cf222e;
    --ch-8: hsl(var(--brand-default));
    --ch-9: #82071e;
    --ch-10: #f6f8fa;
    --ch-11: #ffebe9;
    --ch-12: #dafbe1;
    --ch-13: #ffd8b5;
    --ch-14: #eaeef2;
    --ch-15: #57606a;
    --ch-16: #eeeeee;
    --ch-17: #add6ff;
    --ch-18: #1a85ff;
    --ch-19: #fdff0033;
    --ch-20: #8c959f;
    --ch-21: #f6f8fa;
    --ch-22: #d0d7de;
    --ch-23: #fd8c73;
    --ch-24: #afb8c133;
    --ch-25: #eaeef280;
}

.ch-terminal {
    font-size: 14px;
    height: 100%;
    box-sizing: border-box;
    background: #1e1e1e;
    color: #fafafa;
    overflow: hidden;
    padding: 0 8px 8px;
    font-family: Courier New, Courier, monospace;
}

.ch-code-wrapper {
    background-color: var(--ch-16) !important;
}

.ch-terminal-container .ch-frame-content {
    background-color: inherit;
}

.ch-terminal-prompt {
    color: #8fa2db;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ch-terminal-content {
    margin: 0;
}

.ch-terminal-output {
    opacity: 0.66;
}

.ch-code-line-number {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: right;
    display: inline-block;
    box-sizing: border-box;
    padding-right: 1.5ch;
    font-variant-numeric: tabular-nums;
}

.ch-code-scroll-parent {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    width: 100% !important;
    letter-spacing: 0;
    border-radius: 0;
    background-color: unset;
    color: unset;
    padding: 0;
    box-sizing: content-box;
    border: none;
}

.ch-code-scroll-parent ::-moz-selection {
    background-color: var(--ch-selection-background);
    color: inherit;
}

.ch-code-scroll-parent ::selection {
    background-color: var(--ch-selection-background);
    color: inherit;
}

.ch-code-button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 1.1em;
    height: 1.1em;
    cursor: pointer;
}

.ch-no-scroll {
    overflow: hidden;
}

.ch-expand-dialog {
    height: 100vh;
    width: 100vw;
    max-width: 900px;
    border: 0;
    background-color: transparent;
}

.ch-expand-dialog::-webkit-backdrop {
    background-color: rgba(0, 0, 0, 0.8);
}

.ch-expand-dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.8);
}

.ch-expand-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #fff;
    width: 26px;
    height: 26px;
}

.ch-expand-dialog-content {
    color: #fff;
    position: absolute;
    inset: 40px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid;
}

.ch-code-browser {
    display: flex;
    height: 100%;
}

.ch-code-browser-sidebar {
    border-right: 1px solid;
    min-width: 100px;
    padding: 1em 0;
    font-size: 0.95rem;
}

.ch-code-browser-content {
    overflow: auto;
    flex: 1;
    padding: 1em;
    white-space: pre;
    font-family: monospace;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2rem;
    letter-spacing: 0;
    position: relative;
}

.ch-code-browser-content ::-moz-selection {
    background-color: var(--ch-selection-background);
    color: inherit;
}

.ch-code-browser-content ::selection {
    background-color: var(--ch-selection-background);
    color: inherit;
}

.ch-code-browser-sidebar-file,
.ch-code-browser-sidebar-folder {
    padding: 0.1em 1em;
}

.ch-code-browser-sidebar-file {
    cursor: pointer;
}

.ch-code-browser-sidebar-file:hover {
    background-color: var(--ch-hover-background);
    color: var(--ch-hover-foreground);
}

.ch-code-browser-button {
    width: 1.5em;
    height: 1.5em;
    cursor: pointer;
    min-width: 1.5em;
    min-height: 1.5em;
    position: absolute;
    right: 0.8em;
    top: 0.8em;
}

.ch-editor-tab {
    border: none;
    border-right: 1px solid var(--ch-16);
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    flex-shrink: 1;
    position: relative;
    display: flex;
    white-space: nowrap;
    cursor: pointer;
    height: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    background-color: var(--ch-21) !important;
    color: var(--ch-15);
    min-width: 0;
}

.ch-editor-tab-active {
    background-color: red;
    color: #fff;
    min-width: unset;
}

.ch-editor-tab>div {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 12px;
    line-height: 1.4em;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ch-editor-frame {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    font-family: Ubuntu, Droid Sans, -apple-system, BlinkMacSystemFont, Segoe WPC,
        Segoe UI, sans-serif;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    --ch-title-bar-height: 32px;
    height: 100%;
}

.ch-editor-frame .ch-frame-title-bar {
    background-color: var(--ch-21) !important;
    background: var(--ch-21) !important;
}

.ch-editor-terminal {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    width: 100%;
    background-color: #1e1e1e;
    color: #e7e7e7;
    border-top: 1px solid hsla(0, 0%, 50.2%, 0.35);
    padding: 0 8px;
    box-sizing: border-box;
}

.ch-editor-terminal-tab {
    text-transform: uppercase;
    padding: 4px 10px 3px;
    font-size: 11px;
    line-height: 24px;
    display: flex;
}

.ch-editor-terminal-tab>span {
    border-bottom: 1px solid #e7e7e7;
}

.ch-editor-terminal-content {
    margin-top: 8px;
    height: calc(100% - 40px);
    box-sizing: border-box;
}

.ch-editor-terminal-content .ch-terminal {
    font-size: 12px;
    margin: 0;
}

.ch-editor-button {
    width: 1.5em;
    height: 1.5em;
    cursor: pointer;
    min-width: 1.5em;
    min-height: 1.5em;
    margin-right: 0.8em;
}

.ch-frame {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ch-frame,
.ch-simple-frame {
    font-family: Ubuntu, Droid Sans, -apple-system, BlinkMacSystemFont, Segoe WPC,
        Segoe UI, sans-serif;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    --ch-title-bar-height: 30px;
}

.ch-simple-frame {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25),
        0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.025);
}

.ch-frame-content {
    background-color: var(--ch-content-background, #fafafa);
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    min-height: 0;
}

.ch-frame-zoom {
    --ch-frame-zoom: 1;
    overflow: auto;
    position: relative;
    width: calc(100% / var(--ch-frame-zoom));
    height: calc(100% / var(--ch-frame-zoom));
    transform: scale(var(--ch-frame-zoom));
    transform-origin: left top;
}

.ch-frame-title-bar {
    font-size: 12px;
    width: 100%;
    height: var(--ch-title-bar-height);
    min-height: var(--ch-title-bar-height);
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    background-color: var(--ch-content-background, #252526);
    color: #ebebed;
    position: relative;
}

.ch-frame-middle-bar {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.2em;
}

.ch-frame-left-bar,
.ch-frame-right-bar {
    flex-grow: 1;
    flex-basis: 1em;
    height: 100%;
    display: flex;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.ch-frame-buttons {
    margin: 0 0.8em;
    flex-shrink: 0;
    height: 1em;
    width: 4.16em;
    display: none;
}

.ch-frame-button {
    width: 1em;
    height: 1em;
    border: 0.08em solid;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
}

.ch-frame-button-space {
    width: 0.56em;
}

.ch-frame-button-left {
    border-color: #ce5347;
    background-color: #ed6b60;
}

.ch-frame-button-middle {
    border-color: #d6a243;
    background-color: #f5be4f;
}

.ch-frame-button-right {
    border-color: #58a942;
    background-color: #62c554;
}

.ch-mini-browser {
    height: 100%;
}

.ch-mini-browser .ch-frame-content iframe,
.ch-mini-browser .ch-frame-content video {
    border: none;
    position: absolute;
    height: 100%;
    width: 100%;
}

.ch-mini-browser .ch-frame-title-bar input {
    height: 1.4em;
    font-size: 1em;
    border-radius: 0.5em;
    border: none;
    box-shadow: none;
    flex: 1;
    padding: 0 10px;
    color: #544;
    min-width: 5px;
    width: 5px;
}

.ch-browser-button {
    margin: 0 1em;
    color: #999;
}

.ch-browser-back-button {
    margin-left: 0.2em;
}

.ch-browser-forward-button {
    margin-left: 0;
}

.ch-browser-open-button {
    color: inherit;
}

.ch-browser-open-icon {
    display: block;
}

.ch-spotlight {
    display: flex;
    gap: 1.1rem;
    margin: 1rem 0;
}

.ch-spotlight-tabs {
    display: flex;
    flex-flow: column;
    flex: 1;
    gap: 0.5rem;
    align-items: stretch;
}

.ch-spotlight-tab {
    border-radius: 0.25rem;
    margin: 0 -0.5rem;
    padding: 0 0.5rem;
    border: 1px solid #e3e3e3;
}

.ch-spotlight-tab:hover,
.ch-spotlight-tab[data-selected] {
    border-color: red;
}

.ch-spotlight-sticker {
    position: -webkit-sticky;
    position: sticky;
    top: 10vh;
    display: flex;
    align-self: stretch;
    flex-flow: column;
    justify-content: center;
    width: 420px;
    min-height: min(100%, 80vh);
    max-height: 80vh;
}

.ch-spotlight-sticker .ch-codeblock,
.ch-spotlight-sticker .ch-codegroup {
    width: 100%;
    min-width: 100%;
    min-height: min(100%, 80vh);
    max-height: 80vh;
    margin-top: 0;
    margin-bottom: 0;
    flex: 1;
}

.ch-spotlight-with-preview .ch-spotlight-sticker {
    height: 80vh;
    gap: 0.5rem;
}

.ch-spotlight-with-preview .ch-spotlight-sticker .ch-codeblock,
.ch-spotlight-with-preview .ch-spotlight-sticker .ch-codegroup {
    min-height: 0;
    flex: 1;
}

.ch-spotlight-with-preview .ch-spotlight-preview {
    height: 280px;
}

.ch-scrollycoding {
    display: flex;
    position: relative;
    margin: 1rem 0;
    gap: 1rem;
}

.ch-scrollycoding-content {
    box-sizing: border-box;
    flex: 1;
}

.ch-scrollycoding-step-content {
    border-radius: 8px;
    margin: 0 -0.5rem;
    padding: 1rem 0.5rem;
    border: 1.5px solid transparent;
    min-height: 180px;
}

.ch-scrollycoding-step-content[data-selected] {
    border-color: #0070f3;
}

.ch-scrollycoding-step-content> :first-child {
    margin-top: 0;
}

.ch-scrollycoding-step-content> :last-child {
    margin-bottom: 0;
}

.ch-scrollycoding-sticker {
    position: -webkit-sticky;
    position: sticky;
    top: 10vh;
    display: flex;
    align-self: start;
    flex-flow: column;
    justify-content: center;
    width: var(--ch-scrollycoding-sticker-width, 420px);
    max-height: 80vh;
}

.ch-scrollycoding-with-preview .ch-scrollycoding-sticker {
    height: 80vh;
    gap: 0.5rem;
}

.ch-scrollycoding-with-preview .ch-scrollycoding-sticker .ch-codeblock,
.ch-scrollycoding-with-preview .ch-scrollycoding-sticker .ch-codegroup {
    flex: 1;
}

.ch-scrollycoding-with-preview .ch-scrollycoding-preview {
    height: 280px;
}

.ch-scrollycoding-sticker .ch-codeblock,
.ch-scrollycoding-sticker .ch-codegroup {
    width: 100%;
    min-width: 100%;
    min-height: var(--ch-scrollycoding-code-min-height, 200px);
    max-height: 80vh;
    margin-top: 0;
    margin-bottom: 0;
}

.ch-scrollycoding-static .ch-preview {
    height: 150px;
}

.ch-slideshow {
    margin: 1rem 0;
}

.ch-slideshow-slide {
    display: flex;
    flex-flow: row;
    gap: 0.5rem;
    align-items: stretch;
    aspect-ratio: 16/9;
}

.ch-slideshow-slide .ch-codeblock,
.ch-slideshow-slide .ch-codegroup {
    flex: 2;
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
}

.ch-slideshow .ch-slideshow-preview {
    flex: 1;
    height: auto;
    min-width: 0;
}

.ch-slideshow-range {
    display: flex;
    flex-flow: row;
    gap: 0.5rem;
}

.ch-slideshow-range input {
    flex: 1;
}

.ch-slideshow-notes {
    border-radius: 0.25rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #e3e3e3;
}

.ch-slideshow-note {
    min-height: 140px;
    max-height: 140px;
    padding: 0.05px;
    overflow: auto;
}

.ch-codeblock,
.ch-codegroup,
.ch-preview {
    border-radius: 6px;
    overflow: hidden;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.ch-codeblock>*,
.ch-codegroup>*,
.ch-preview>* {
    height: 100%;
    max-height: inherit;
    min-height: inherit;
}

.ch-codeblock,
.ch-codegroup {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    border: 1px solid hsl(var(--border-default));
    box-shadow: none;
}

.ch-inline-code>code {
    padding: 0.2em 0.15em;
    margin: 0.1em -0.05em;
    border-radius: 0.25em;
    font-size: 0.9rem;
}

.ch-section-link,
.ch-section-link * {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: var(--ch-code-foreground, currentColor);
    text-decoration-color: var(--ch-code-foreground, currentColor);
}

.ch-section-link[data-active="true"] {
    background-color: rgba(186, 230, 253, 0.4);
}

.ch-editor-tab[data-active="true"] {
    background-color: var(--ch-16) !important;
}

.ch-section-link[data-active="true"],
.ch-section-link[data-active="true"] * {
    text-decoration-thickness: 1.5px;
}

.ch-code-inline-mark {
    border-radius: 0.25rem;
    padding: 0.2rem 0.15rem 0.1rem;
    margin: 0 -0.15rem;
}

.ch-code-multiline-mark-border {
    background: var(--foreground-default) !important;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
}

.ch-code-inline-link,
.ch-code-link :not(span)>span {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    color: inherit;
}

/*! tailwindcss v4.2.4 | 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)))) {

        *,
        ::backdrop,
        :after,
        :before {
            --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-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-divide-y-reverse: 0;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-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-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;
            --rotate: 132deg;
        }
    }
}

@layer theme {

    :host,
    :root {
        --color-emerald-50: oklch(97.9% 0.021 166.113);
        --color-emerald-200: oklch(90.5% 0.093 164.15);
        --color-emerald-300: oklch(84.5% 0.143 164.978);
        --color-emerald-400: oklch(76.5% 0.177 163.223);
        --color-emerald-500: oklch(69.6% 0.17 162.48);
        --color-emerald-600: oklch(59.6% 0.145 163.225);
        --color-emerald-700: oklch(50.8% 0.118 165.612);
        --color-emerald-900: oklch(37.8% 0.077 168.94);
        --color-emerald-950: oklch(26.2% 0.051 172.552);
        --color-teal-500: oklch(70.4% 0.14 182.503);
        --color-cyan-500: oklch(71.5% 0.143 215.221);
        --color-neutral-50: oklch(98.5% 0 0);
        --color-neutral-100: oklch(97% 0 0);
        --color-neutral-200: oklch(92.2% 0 0);
        --color-neutral-300: oklch(87% 0 0);
        --color-neutral-400: oklch(70.8% 0 0);
        --color-neutral-500: oklch(55.6% 0 0);
        --color-neutral-600: oklch(43.9% 0 0);
        --color-neutral-700: oklch(37.1% 0 0);
        --color-neutral-800: oklch(26.9% 0 0);
        --color-neutral-900: oklch(20.5% 0 0);
        --color-stone-500: oklch(55.3% 0.013 58.071);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --breakpoint-lg: 64rem;
        --breakpoint-2xl: 96rem;
        --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;
        --container-7xl: 80rem;
        --text-xs: 0.75rem;
        --text-xs--line-height: calc(1 / 0.75);
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --tracking-tighter: -0.05em;
        --tracking-tight: -0.025em;
        --tracking-normal: 0em;
        --tracking-wide: 0.025em;
        --tracking-wider: 0.05em;
        --tracking-widest: 0.1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --radius-xs: 0.125rem;
        --radius-sm: 0.25rem;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --radius-xl: 0.75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --drop-shadow-xs: 0 1px 1px #0000000d;
        --drop-shadow-md: 0 3px 3px #0000001f;
        --drop-shadow-lg: 0 4px 4px #00000026;
        --ease-in: cubic-bezier(0.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, 0.2, 1);
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        --animate-bounce: bounce 1s infinite;
        --blur-xs: 4px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-xl: 24px;
        --blur-2xl: 40px;
        --perspective-distant: 1200px;
        --aspect-video: 16/9;
        --default-transition-duration: 0.15s;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-custom,
                Circular,
                custom-font,
                Helvetica Neue,
                Helvetica,
                Arial,
                sans-serif);
        --default-mono-font-family: var(--font-source-code-pro,
                Source Code Pro,
                Office Code Pro,
                Menlo,
                monospace);
        --animate-accordion-down: accordion-down 0.15s ease-out;
        --animate-accordion-up: accordion-up 0.15s ease-out;
        --color-amber-100: var(--color-amber-100);
        --color-amber-200: var(--color-amber-200);
        --color-amber-300: var(--color-amber-300);
        --color-amber-400: var(--color-amber-400);
        --color-amber-500: var(--color-amber-500);
        --color-amber-600: var(--color-amber-600);
        --color-amber-700: var(--color-amber-700);
        --color-amber-800: var(--color-amber-800);
        --color-amber-900: var(--color-amber-900);
        --color-amber-1000: var(--color-amber-1000);
        --color-amber-1100: var(--color-amber-1100);
        --color-amber-1200: var(--color-amber-1200);
        --color-blue-100: var(--color-blue-100);
        --color-blue-200: var(--color-blue-200);
        --color-blue-300: var(--color-blue-300);
        --color-blue-400: var(--color-blue-400);
        --color-blue-500: var(--color-blue-500);
        --color-blue-600: var(--color-blue-600);
        --color-blue-700: var(--color-blue-700);
        --color-blue-800: var(--color-blue-800);
        --color-blue-900: var(--color-blue-900);
        --color-blue-1000: var(--color-blue-1000);
        --color-blue-1100: var(--color-blue-1100);
        --color-blue-1200: var(--color-blue-1200);
        --color-crimson-100: var(--color-crimson-100);
        --color-crimson-200: var(--color-crimson-200);
        --color-crimson-300: var(--color-crimson-300);
        --color-crimson-400: var(--color-crimson-400);
        --color-crimson-500: var(--color-crimson-500);
        --color-crimson-600: var(--color-crimson-600);
        --color-crimson-700: var(--color-crimson-700);
        --color-crimson-800: var(--color-crimson-800);
        --color-crimson-900: var(--color-crimson-900);
        --color-crimson-1000: var(--color-crimson-1000);
        --color-crimson-1100: var(--color-crimson-1100);
        --color-crimson-1200: var(--color-crimson-1200);
        --color-gold-100: var(--color-gold-100);
        --color-gold-200: var(--color-gold-200);
        --color-gold-300: var(--color-gold-300);
        --color-gold-400: var(--color-gold-400);
        --color-gold-500: var(--color-gold-500);
        --color-gold-600: var(--color-gold-600);
        --color-gold-700: var(--color-gold-700);
        --color-gold-800: var(--color-gold-800);
        --color-gold-900: var(--color-gold-900);
        --color-gold-1000: var(--color-gold-1000);
        --color-gold-1100: var(--color-gold-1100);
        --color-gold-1200: var(--color-gold-1200);
        --color-gray-100: var(--color-gray-100);
        --color-gray-200: var(--color-gray-200);
        --color-gray-300: var(--color-gray-300);
        --color-gray-400: var(--color-gray-400);
        --color-gray-500: var(--color-gray-500);
        --color-gray-600: var(--color-gray-600);
        --color-gray-700: var(--color-gray-700);
        --color-gray-800: var(--color-gray-800);
        --color-gray-900: var(--color-gray-900);
        --color-gray-1000: var(--color-gray-1000);
        --color-gray-1100: var(--color-gray-1100);
        --color-gray-1200: var(--color-gray-1200);
        --color-green-100: var(--color-green-100);
        --color-green-200: var(--color-green-200);
        --color-green-300: var(--color-green-300);
        --color-green-400: var(--color-green-400);
        --color-green-500: var(--color-green-500);
        --color-green-600: var(--color-green-600);
        --color-green-700: var(--color-green-700);
        --color-green-800: var(--color-green-800);
        --color-green-900: var(--color-green-900);
        --color-green-1000: var(--color-green-1000);
        --color-green-1100: var(--color-green-1100);
        --color-green-1200: var(--color-green-1200);
        --color-indigo-100: var(--color-indigo-100);
        --color-indigo-200: var(--color-indigo-200);
        --color-indigo-300: var(--color-indigo-300);
        --color-indigo-400: var(--color-indigo-400);
        --color-indigo-500: var(--color-indigo-500);
        --color-indigo-600: var(--color-indigo-600);
        --color-indigo-700: var(--color-indigo-700);
        --color-indigo-800: var(--color-indigo-800);
        --color-indigo-900: var(--color-indigo-900);
        --color-indigo-1000: var(--color-indigo-1000);
        --color-indigo-1100: var(--color-indigo-1100);
        --color-indigo-1200: var(--color-indigo-1200);
        --color-orange-100: var(--color-orange-100);
        --color-orange-200: var(--color-orange-200);
        --color-orange-300: var(--color-orange-300);
        --color-orange-400: var(--color-orange-400);
        --color-orange-500: var(--color-orange-500);
        --color-orange-600: var(--color-orange-600);
        --color-orange-700: var(--color-orange-700);
        --color-orange-800: var(--color-orange-800);
        --color-orange-900: var(--color-orange-900);
        --color-orange-1000: var(--color-orange-1000);
        --color-orange-1100: var(--color-orange-1100);
        --color-orange-1200: var(--color-orange-1200);
        --color-pink-100: var(--color-pink-100);
        --color-pink-200: var(--color-pink-200);
        --color-pink-300: var(--color-pink-300);
        --color-pink-400: var(--color-pink-400);
        --color-pink-500: var(--color-pink-500);
        --color-pink-600: var(--color-pink-600);
        --color-pink-700: var(--color-pink-700);
        --color-pink-800: var(--color-pink-800);
        --color-pink-900: var(--color-pink-900);
        --color-pink-1000: var(--color-pink-1000);
        --color-pink-1100: var(--color-pink-1100);
        --color-pink-1200: var(--color-pink-1200);
        --color-purple-100: var(--color-purple-100);
        --color-purple-200: var(--color-purple-200);
        --color-purple-300: var(--color-purple-300);
        --color-purple-400: var(--color-purple-400);
        --color-purple-500: var(--color-purple-500);
        --color-purple-600: var(--color-purple-600);
        --color-purple-700: var(--color-purple-700);
        --color-purple-800: var(--color-purple-800);
        --color-purple-900: var(--color-purple-900);
        --color-purple-1000: var(--color-purple-1000);
        --color-purple-1100: var(--color-purple-1100);
        --color-purple-1200: var(--color-purple-1200);
        --color-red-100: var(--color-red-100);
        --color-red-200: var(--color-red-200);
        --color-red-300: var(--color-red-300);
        --color-red-400: var(--color-red-400);
        --color-red-500: var(--color-red-500);
        --color-red-600: var(--color-red-600);
        --color-red-700: var(--color-red-700);
        --color-red-800: var(--color-red-800);
        --color-red-900: var(--color-red-900);
        --color-red-1000: var(--color-red-1000);
        --color-red-1100: var(--color-red-1100);
        --color-red-1200: var(--color-red-1200);
        --color-slate-100: var(--color-slate-100);
        --color-slate-200: var(--color-slate-200);
        --color-slate-300: var(--color-slate-300);
        --color-slate-400: var(--color-slate-400);
        --color-slate-500: var(--color-slate-500);
        --color-slate-600: var(--color-slate-600);
        --color-slate-700: var(--color-slate-700);
        --color-slate-800: var(--color-slate-800);
        --color-slate-900: var(--color-slate-900);
        --color-slate-1000: var(--color-slate-1000);
        --color-slate-1100: var(--color-slate-1100);
        --color-slate-1200: var(--color-slate-1200);
        --color-tomato-100: var(--color-tomato-100);
        --color-tomato-200: var(--color-tomato-200);
        --color-tomato-300: var(--color-tomato-300);
        --color-tomato-400: var(--color-tomato-400);
        --color-tomato-500: var(--color-tomato-500);
        --color-tomato-600: var(--color-tomato-600);
        --color-tomato-700: var(--color-tomato-700);
        --color-tomato-800: var(--color-tomato-800);
        --color-tomato-900: var(--color-tomato-900);
        --color-tomato-1000: var(--color-tomato-1000);
        --color-tomato-1100: var(--color-tomato-1100);
        --color-tomato-1200: var(--color-tomato-1200);
        --color-violet-100: var(--color-violet-100);
        --color-violet-200: var(--color-violet-200);
        --color-violet-300: var(--color-violet-300);
        --color-violet-400: var(--color-violet-400);
        --color-violet-500: var(--color-violet-500);
        --color-violet-600: var(--color-violet-600);
        --color-violet-700: var(--color-violet-700);
        --color-violet-800: var(--color-violet-800);
        --color-violet-900: var(--color-violet-900);
        --color-violet-1000: var(--color-violet-1000);
        --color-violet-1100: var(--color-violet-1100);
        --color-violet-1200: var(--color-violet-1200);
        --color-yellow-100: var(--color-yellow-100);
        --color-yellow-200: var(--color-yellow-200);
        --color-yellow-300: var(--color-yellow-300);
        --color-yellow-400: var(--color-yellow-400);
        --color-yellow-500: var(--color-yellow-500);
        --color-yellow-600: var(--color-yellow-600);
        --color-yellow-700: var(--color-yellow-700);
        --color-yellow-800: var(--color-yellow-800);
        --color-yellow-900: var(--color-yellow-900);
        --color-yellow-1000: var(--color-yellow-1000);
        --color-yellow-1100: var(--color-yellow-1100);
        --color-yellow-1200: var(--color-yellow-1200);
        --color-scale-100: var(--color-scale-100);
        --color-scale-200: var(--color-scale-200);
        --color-scale-300: var(--color-scale-300);
        --color-scale-400: var(--color-scale-400);
        --color-scale-500: var(--color-scale-500);
        --color-scale-600: var(--color-scale-600);
        --color-scale-700: var(--color-scale-700);
        --color-scale-800: var(--color-scale-800);
        --color-scale-900: var(--color-scale-900);
        --color-scale-1000: var(--color-scale-1000);
        --color-scale-1100: var(--color-scale-1100);
        --color-scale-1200: var(--color-scale-1200);
        --color-brand-100: var(--color-brand-100);
        --color-brand-700: var(--color-brand-700);
        --color-brand-800: var(--color-brand-800);
        --color-brand-900: var(--color-brand-900);
        --color-brand-1000: var(--color-brand-1000);
        --color-brand-1100: var(--color-brand-1100);
        --color-brand-1200: var(--color-brand-1200);
        --color-border: hsl(var(--border-default));
        --animate-fade-in: fadeIn 0.3s both;
        --animate-dropdown-content-show: overlayContentShow 0.1s cubic-bezier(0.16, 1, 0.3, 1);
        --animate-dropdown-content-hide: overlayContentHide 0.1s cubic-bezier(0.16, 1, 0.3, 1);
        --animate-overlay-show: overlayContentShow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        --animate-overlay-hide: overlayContentHide 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        --animate-fade-in-overlay-bg: fadeInOverlayBg 0.3s;
        --animate-fade-out-overlay-bg: fadeOutOverlayBg 0.3s;
        --animate-slide-down: slideDown 0.3s cubic-bezier(0.87, 0, 0.13, 1);
        --animate-slide-up: slideUp 0.3s cubic-bezier(0.87, 0, 0.13, 1);
        --animate-slide-down-normal: slideDownNormal 0.3s cubic-bezier(0.87, 0, 0.13, 1);
        --animate-slide-up-normal: slideUpNormal 0.3s cubic-bezier(0.87, 0, 0.13, 1);
        --animate-panel-slide-left-out: panelSlideLeftOut 0.2s cubic-bezier(0.87, 0, 0.13, 1);
        --animate-panel-slide-left-in: panelSlideLeftIn 0.25s cubic-bezier(0.87, 0, 0.13, 1);
        --animate-panel-slide-right-out: panelSlideRightOut 0.2s cubic-bezier(0.87, 0, 0.13, 1);
        --animate-panel-slide-right-in: panelSlideRightIn 0.25s cubic-bezier(0.87, 0, 0.13, 1);
        --animate-line-loading-slower: lineLoading 2.3s infinite;
        --animate-spinner: spinner 1s both infinite;
        --animate-marquee: marquee 35s linear infinite;
        --animate-marquee-vertical: marquee-vertical 180s linear infinite both;
        --animate-slide-in: slideIn 0.25s ease-in both;
    }
}

@layer base {

    *,
    ::backdrop,
    :after,
    :before {
        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;
    }

    :host,
    html {
        -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;
        text-decoration: inherit;
    }

    b,
    strong {
        font-weight: bolder;
    }

    code,
    kbd,
    pre,
    samp {
        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: -0.25em;
    }

    sup {
        top: -0.5em;
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse;
    }

    :-moz-focusring {
        outline: auto;
    }

    progress {
        vertical-align: baseline;
    }

    summary {
        display: list-item;
    }

    menu,
    ol,
    ul {
        list-style: none;
    }

    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
        vertical-align: middle;
        display: block;
    }

    img,
    video {
        max-width: 100%;
        height: auto;
    }

    button,
    input,
    optgroup,
    select,
    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;
    }

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field {
        padding-block: 0;
    }

    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-month-field {
        padding-block: 0;
    }

    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0;
    }

    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-second-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,
    ::-webkit-outer-spin-button {
        height: auto;
    }

    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }

    *,
    ::backdrop,
    :after,
    :before {
        border-color: hsl(var(--border-default, currentColor));
    }

    ::file-selector-button {
        border-color: hsl(var(--border-default, currentColor));
    }

    input:where(:not([type])),
    input:where([type="date"]),
    input:where([type="datetime-local"]),
    input:where([type="email"]),
    input:where([type="month"]),
    input:where([type="number"]),
    input:where([type="password"]),
    input:where([type="search"]),
    input:where([type="tel"]),
    input:where([type="text"]),
    input:where([type="time"]),
    input:where([type="url"]),
    input:where([type="week"]),
    select,
    select:where([multiple]),
    textarea {
        appearance: none;
        border-color: var(--color-gray-500);
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        border-width: 1px;
        border-radius: 0;
        padding: 0.5rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    :is(input:where([type="text"]),
        input:where(:not([type])),
        input:where([type="email"]),
        input:where([type="url"]),
        input:where([type="password"]),
        input:where([type="number"]),
        input:where([type="date"]),
        input:where([type="datetime-local"]),
        input:where([type="month"]),
        input:where([type="search"]),
        input:where([type="tel"]),
        input:where([type="time"]),
        input:where([type="week"]),
        select:where([multiple]),
        textarea,
        select):focus {
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty);
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: var(--color-blue-600);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
        border-color: var(--color-blue-600);
        outline: 2px solid #0000;
    }

    input::placeholder,
    textarea::placeholder {
        color: var(--color-gray-500);
        opacity: 1;
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }

    ::-webkit-date-and-time-value {
        min-height: 1.5em;
        text-align: inherit;
    }

    ::-webkit-datetime-edit {
        display: inline-flex;
    }

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field {
        padding-top: 0;
        padding-bottom: 0;
    }

    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-month-field {
        padding-top: 0;
        padding-bottom: 0;
    }

    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field {
        padding-top: 0;
        padding-bottom: 0;
    }

    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-second-field {
        padding-top: 0;
        padding-bottom: 0;
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-top: 0;
        padding-bottom: 0;
    }

    select {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        background-position: right 0.5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem;
    }

    select:where([multiple]),
    select:where([size]:not([size="1"])) {
        background-image: none;
        background-position: 0 0;
        background-repeat: unset;
        background-size: initial;
        print-color-adjust: unset;
        padding-right: 0.75rem;
    }

    input:where([type="checkbox"]),
    input:where([type="radio"]) {
        appearance: none;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        vertical-align: middle;
        -webkit-user-select: none;
        user-select: none;
        width: 1rem;
        height: 1rem;
        color: var(--color-blue-600);
        border-color: var(--color-gray-500);
        --tw-shadow: 0 0 #0000;
        background-color: #fff;
        background-origin: border-box;
        border-width: 1px;
        flex-shrink: 0;
        padding: 0;
        display: inline-block;
    }

    input:where([type="checkbox"]) {
        border-radius: 0;
    }

    input:where([type="radio"]) {
        border-radius: 100%;
    }

    input:where([type="checkbox"]):focus,
    input:where([type="radio"]):focus {
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty);
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: var(--color-blue-600);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
        outline: 2px solid #0000;
    }

    input:where([type="checkbox"]):checked,
    input:where([type="radio"]):checked {
        background-color: currentColor;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #0000;
    }

    input:where([type="checkbox"]):checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    }

    @media (forced-colors: active) {
        input:where([type="checkbox"]):checked {
            appearance: auto;
        }
    }

    input:where([type="radio"]):checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    }

    @media (forced-colors: active) {
        input:where([type="radio"]):checked {
            appearance: auto;
        }
    }

    input:where([type="checkbox"]):checked:focus,
    input:where([type="checkbox"]):checked:hover,
    input:where([type="radio"]):checked:focus,
    input:where([type="radio"]):checked:hover {
        background-color: currentColor;
        border-color: #0000;
    }

    input:where([type="checkbox"]):indeterminate {
        background-color: currentColor;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-color: #0000;
    }

    @media (forced-colors: active) {
        input:where([type="checkbox"]):indeterminate {
            appearance: auto;
        }
    }

    input:where([type="checkbox"]):indeterminate:focus,
    input:where([type="checkbox"]):indeterminate:hover {
        background-color: currentColor;
        border-color: #0000;
    }

    input:where([type="file"]) {
        background: unset;
        border-color: inherit;
        font-size: unset;
        line-height: inherit;
        border-width: 0;
        border-radius: 0;
        padding: 0;
    }

    input:where([type="file"]):focus {
        outline: 1px solid buttontext;
        outline: 1px auto -webkit-focus-ring-color;
    }
}

@layer components {
    .disable-blur {
        image-rendering: -webkit-optimize-contrast;
    }
}

@layer utilities {
    .\@container\/field-group {
        container: field-group/inline-size;
    }

    .\@container {
        container-type: inline-size;
    }

    .hit-area-6 {
        --hit-area-t: calc(var(--spacing) * 6 * -1);
        --hit-area-b: calc(var(--spacing) * 6 * -1);
        --hit-area-l: calc(var(--spacing) * 6 * -1);
        --hit-area-r: calc(var(--spacing) * 6 * -1);
        position: relative;
    }

    .hit-area-6:before {
        content: "";
        top: var(--hit-area-t, 0);
        right: var(--hit-area-r, 0);
        bottom: var(--hit-area-b, 0);
        left: var(--hit-area-l, 0);
        pointer-events: inherit;
        position: absolute;
    }

    .pointer-events-auto {
        pointer-events: auto;
    }

    .pointer-events-none {
        pointer-events: none;
    }

    .pointer-events-none\! {
        pointer-events: none !important;
    }

    .collapse {
        visibility: collapse;
    }

    .invisible {
        visibility: hidden;
    }

    .visible {
        visibility: visible;
    }

    .prose {
        color: var(--tw-prose-body);
        max-width: 65ch;
    }

    .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        font-weight: 400;
    }

    .prose :where([class~="lead"]):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--tw-prose-lead);
        margin-top: 1.2em;
        margin-bottom: 1.2em;
        font-size: 1.25em;
        line-height: 1.6;
    }

    .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: hsl(var(--foreground-default));
        opacity: 1;
        text-decoration: underline;
        -webkit-text-decoration-color: hsl(var(--foreground-muted));
        text-decoration-color: hsl(var(--foreground-muted));
        text-underline-offset: 2px;
        padding-bottom: 2px;
        font-weight: 400;
        text-decoration-thickness: 1px;
        transition: all 0.18s;
        position: relative;
    }

    .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--tw-prose-bold);
        font-weight: 500;
    }

    .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)),
    .prose :where(blockquote strong):not( :where([class~="not-prose"], [class~="not-prose"] *)),
    .prose :where(thead th strong):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        color: inherit;
    }

    .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        counter-reset: item;
        padding-inline-start: 1.625em;
        margin-top: 1.25em;
        margin-bottom: 3rem;
        padding-left: 1rem;
        list-style-type: none;
    }

    .prose :where(ol[type="A"]):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        list-style-type: upper-alpha;
    }

    .prose :where(ol[type="a"]):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        list-style-type: lower-alpha;
    }

    .prose :where(ol[type="A s"]):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        list-style-type: upper-alpha;
    }

    .prose :where(ol[type="a s"]):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        list-style-type: lower-alpha;
    }

    .prose :where(ol[type="I"]):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        list-style-type: upper-roman;
    }

    .prose :where(ol[type="i"]):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        list-style-type: lower-roman;
    }

    .prose :where(ol[type="I s"]):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        list-style-type: upper-roman;
    }

    .prose :where(ol[type="i s"]):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        list-style-type: lower-roman;
    }

    .prose :where(ol[type="1"]):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        list-style-type: decimal;
    }

    .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        padding-inline-start: 1.625em;
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-left: 1rem;
        list-style-type: none;
    }

    .prose :where(ol > li):not( :where([class~="not-prose"], [class~="not-prose"] *))::marker {
        color: var(--tw-prose-counters);
        font-weight: 400;
    }

    .prose :where(ul > li):not( :where([class~="not-prose"], [class~="not-prose"] *))::marker {
        color: var(--tw-prose-bullets);
    }

    .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        margin-top: 1.25em;
        font-weight: 600;
    }

    .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        border-color: var(--tw-prose-hr);
        border-top-width: 1px;
        margin-top: 3em;
        margin-bottom: 3em;
    }

    .prose :where(blockquote):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--tw-prose-quotes);
        border-inline-start-width: 0.25rem;
        border-inline-start-color: var(--tw-prose-quote-borders);
        quotes: "“" "”" "‘" "’";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1em;
        font-style: italic;
        font-weight: 500;
    }

    .prose :where(blockquote p:first-of-type):not( :where([class~="not-prose"], [class~="not-prose"] *)):before {
        content: open-quote;
    }

    .prose :where(blockquote p:last-of-type):not( :where([class~="not-prose"], [class~="not-prose"] *)):after {
        content: close-quote;
    }

    .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        margin-top: 0;
        margin-bottom: 0.888889em;
        font-size: 2.25em;
        font-weight: 800;
        line-height: 1.11111;
    }

    .prose :where(h1 strong):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        color: inherit;
        font-weight: 900;
    }

    .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        margin-top: 2em;
        margin-bottom: 1em;
        font-size: 1.5em;
        font-weight: 700;
        line-height: 1.33333;
    }

    .prose :where(h2 strong):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        color: inherit;
        font-weight: 800;
    }

    .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        margin-top: 1.6em;
        margin-bottom: 0.6em;
        font-size: 1.25em;
        font-weight: 600;
        line-height: 1.6;
    }

    .prose :where(h3 strong):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        color: inherit;
        font-weight: 700;
    }

    .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        margin-top: 1.5em;
        margin-bottom: 0.5em;
        font-size: 1.15em;
        font-weight: 600;
        line-height: 1.5;
    }

    .prose :where(h4 strong):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        color: inherit;
        font-weight: 700;
    }

    .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
        display: block;
    }

    .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--tw-prose-kbd);
        box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows),
            0 3px 0 var(--tw-prose-kbd-shadows);
        padding-top: 0.1875em;
        padding-inline-end: 0.375em;
        padding-bottom: 0.1875em;
        border-radius: 0.3125rem;
        padding-inline-start: 0.375em;
        font-family: inherit;
        font-size: 0.875em;
        font-weight: 500;
    }

    .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--tw-prose-code);
        background-color: hsl(var(--background-surface-200));
        border: 1px solid hsl(var(--background-surface-300));
        border-radius: var(--radius-lg);
        padding: 0.2rem 0.4rem;
        font-size: 0.875em;
        font-weight: 400;
    }

    .prose :where(code):not( :where([class~="not-prose"], [class~="not-prose"] *)):after,
    .prose :where(code):not( :where([class~="not-prose"], [class~="not-prose"] *)):before {
        content: "";
    }

    .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)),
    .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: inherit;
    }

    .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: inherit;
        font-size: 0.875em;
    }

    .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: inherit;
        font-size: 0.9em;
    }

    .prose :where(blockquote code):not( :where([class~="not-prose"], [class~="not-prose"] *)),
    .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)),
    .prose :where(thead th code):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        color: inherit;
    }

    .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--tw-prose-pre-code);
        background-color: var(--tw-prose-pre-bg);
        padding-inline-end: 1.14286em;
        padding-inline-start: 1.14286em;
        background: 0 0;
        border-radius: 0.375rem;
        margin-top: 1.71429em;
        margin-bottom: 32px;
        padding: 0;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.71429;
        overflow-x: auto;
    }

    .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        font-weight: inherit;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit;
        background-color: #0000;
        border-width: 0;
        border-radius: 0;
        padding: 0;
    }

    .prose :where(pre code):not( :where([class~="not-prose"], [class~="not-prose"] *)):after,
    .prose :where(pre code):not( :where([class~="not-prose"], [class~="not-prose"] *)):before {
        content: none;
    }

    .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        table-layout: auto;
        width: 100%;
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: 0.875em;
        line-height: 1.71429;
    }

    .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-th-borders);
    }

    .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        vertical-align: bottom;
        padding-inline-end: 0.571429em;
        padding-bottom: 0.571429em;
        padding-inline-start: 0.571429em;
        font-weight: 600;
    }

    .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-td-borders);
    }

    .prose :where(tbody tr:last-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        border-bottom-width: 0;
    }

    .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        vertical-align: baseline;
    }

    .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        border-top-width: 1px;
        border-top-color: var(--tw-prose-th-borders);
    }

    .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        vertical-align: top;
    }

    .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        text-align: start;
    }

    .prose :where(figure > *):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .prose :where(figcaption):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        color: hsl(var(--foreground-muted));
        margin-top: 0.857143em;
        font-family: Office Code Pro, monospace;
        font-size: 0.875em;
        line-height: 1.42857;
    }

    .prose {
        --tw-prose-body: hsl(var(--foreground-light));
        --tw-prose-headings: hsl(var(--foreground-default));
        --tw-prose-lead: hsl(var(--foreground-light));
        --tw-prose-links: hsl(var(--foreground-light));
        --tw-prose-bold: hsl(var(--foreground-light));
        --tw-prose-counters: hsl(var(--foreground-light));
        --tw-prose-bullets: hsl(var(--foreground-muted));
        --tw-prose-hr: hsl(var(--background-surface-300));
        --tw-prose-quotes: hsl(var(--foreground-light));
        --tw-prose-quote-borders: hsl(var(--background-surface-300));
        --tw-prose-captions: hsl(var(--border-strong));
        --tw-prose-kbd: oklch(21% 0.034 264.665);
        --tw-prose-kbd-shadows: oklab(21% -0.00316127 -0.0338527/.1);
        --tw-prose-code: hsl(var(--foreground-default));
        --tw-prose-pre-code: hsl(var(--foreground-muted));
        --tw-prose-pre-bg: hsl(var(--background-surface-200));
        --tw-prose-th-borders: hsl(var(--background-surface-300));
        --tw-prose-td-borders: hsl(var(--background-default));
        --tw-prose-invert-body: hsl(var(--background-default));
        --tw-prose-invert-headings: white;
        --tw-prose-invert-lead: hsl(var(--background-surface-300));
        --tw-prose-invert-links: white;
        --tw-prose-invert-bold: white;
        --tw-prose-invert-counters: hsl(var(--background-surface-200));
        --tw-prose-invert-bullets: hsl(var(--background-selection));
        --tw-prose-invert-hr: hsl(var(--border-strong));
        --tw-prose-invert-quotes: hsl(var(--background-alternative-default));
        --tw-prose-invert-quote-borders: hsl(var(--border-strong));
        --tw-prose-invert-captions: hsl(var(--background-surface-200));
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: #ffffff1a;
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
        --tw-prose-invert-pre-bg: #00000080;
        --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
        --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
        font-size: 1rem;
        line-height: 1.75;
    }

    .prose :where(picture > img):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)),
    .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        padding-inline-start: 0.375em;
    }

    .prose :where(.prose > ul > li p):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }

    .prose :where(.prose > ul > li > p:first-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 1.25em;
    }

    .prose :where(.prose > ul > li > p:last-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-bottom: 1.25em;
    }

    .prose :where(.prose > ol > li > p:first-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 1.25em;
    }

    .prose :where(.prose > ol > li > p:last-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-bottom: 1.25em;
    }

    .prose :where(ul ul, ul ol, ol ul, ol ol):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }

    .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }

    .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 0.5em;
        padding-inline-start: 1.625em;
    }

    .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
    .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
    .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
    .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose :where(thead th:first-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .prose :where(thead th:last-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .prose :where(tbody td, tfoot td):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        padding-top: 0.571429em;
        padding-inline-end: 0.571429em;
        padding-bottom: 0.571429em;
        padding-inline-start: 0.571429em;
    }

    .prose :where(tbody td:first-child, tfoot td:first-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        padding-inline-start: 0;
    }

    .prose :where(tbody td:last-child, tfoot td:last-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        padding-inline-end: 0;
    }

    .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin: 3rem 0;
    }

    .prose :where(.prose > :first-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 0;
    }

    .prose :where(.prose > :last-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-bottom: 0;
    }

    .prose :where(h5):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: var(--color-scale-1200);
    }

    .prose :where(h1, h2, h3, h4, h5, h6):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        font-weight: 400;
    }

    .prose :where(article h2, article h3, article h4, article h5, article h6):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 1em;
    }

    .prose :where(ul li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        position: relative;
    }

    .prose :where(ul li):not( :where([class~="not-prose"], [class~="not-prose"] *)):before {
        background-color: hsl(var(--border-strong));
        content: "";
        border-radius: 0.25rem;
        width: 0.5rem;
        height: 0.125rem;
        position: absolute;
        top: 0.75rem;
        left: -1rem;
    }

    .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        padding-left: 1rem;
        display: block;
        position: relative;
    }

    .prose :where(ol > li):not( :where([class~="not-prose"], [class~="not-prose"] *)):before {
        background-color: hsl(var(--background-surface-100));
        border: 1px solid hsl(var(--border-default));
        content: counter(item) "  ";
        counter-increment: item;
        width: 1.2rem;
        height: 1.2rem;
        color: hsl(var(--foreground-muted));
        border-radius: 0.25rem;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        display: flex;
        position: absolute;
        top: 0.25rem;
        left: -1rem;
    }

    .prose :where(p img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        border: 1px solid hsl(var(--border-muted));
        border-radius: 4px;
        overflow: hidden;
    }

    .prose :where(iframe):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        border: 1px solid hsl(var(--border-default));
        border-radius: var(--radius-lg);
    }

    .prose :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        border-bottom: 1px solid hsl(var(--background-surface-200));
    }

    .prose :where(a:hover):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        -webkit-text-decoration-color: hsl(var(--foreground-default));
        text-decoration-color: hsl(var(--foreground-default));
    }

    .prose :where(figure.quote-figure p:first-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 0 !important;
    }

    .prose :where(figure.quote-figure p:last-child):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-bottom: 0 !important;
    }

    .prose :where(figure img):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        margin: 0 !important;
    }

    .sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden;
    }

    .not-sr-only {
        clip-path: none;
        white-space: normal;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
        overflow: visible;
    }

    .absolute {
        position: absolute;
    }

    .fixed {
        position: fixed;
    }

    .fixed\! {
        position: fixed !important;
    }

    .relative {
        position: relative;
    }

    .relative\! {
        position: relative !important;
    }

    .static {
        position: static;
    }

    .sticky {
        position: sticky;
    }

    .-inset-0\.5 {
        inset: calc(var(--spacing) * -0.5);
    }

    .-inset-3 {
        inset: calc(var(--spacing) * -3);
    }

    .-inset-px {
        inset: -1px;
    }

    .inset-0 {
        inset: calc(var(--spacing) * 0);
    }

    .inset-1 {
        inset: calc(var(--spacing) * 1);
    }

    .inset-4 {
        inset: calc(var(--spacing) * 4);
    }

    .inset-\[-2px\] {
        inset: -2px;
    }

    .inset-px {
        inset: 1px;
    }

    .-inset-x-\[calc\(\(\(100vw-480px\)\/2\)\+24px\)\] {
        inset-inline: calc(216px - 50vw);
    }

    .inset-x-0 {
        inset-inline: calc(var(--spacing) * 0);
    }

    .inset-x-8 {
        inset-inline: calc(var(--spacing) * 8);
    }

    .inset-y-0 {
        inset-block: calc(var(--spacing) * 0);
    }

    .inset-y-1\.5 {
        inset-block: calc(var(--spacing) * 1.5);
    }

    .inset-s-0 {
        inset-inline-start: calc(var(--spacing) * 0);
    }

    .start {
        inset-inline-start: var(--spacing);
    }

    .end {
        inset-inline-end: var(--spacing);
    }

    .end\! {
        inset-inline-end: var(--spacing) !important;
    }

    .-top-1 {
        top: calc(var(--spacing) * -1);
    }

    .-top-2 {
        top: calc(var(--spacing) * -2);
    }

    .-top-6 {
        top: calc(var(--spacing) * -6);
    }

    .-top-7 {
        top: calc(var(--spacing) * -7);
    }

    .-top-8 {
        top: calc(var(--spacing) * -8);
    }

    .-top-10 {
        top: calc(var(--spacing) * -10);
    }

    .-top-14 {
        top: calc(var(--spacing) * -14);
    }

    .-top-16 {
        top: calc(var(--spacing) * -16);
    }

    .-top-28 {
        top: calc(var(--spacing) * -28);
    }

    .-top-64 {
        top: calc(var(--spacing) * -64);
    }

    .top-\(--header-height\) {
        top: var(--header-height);
    }

    .top-0 {
        top: calc(var(--spacing) * 0);
    }

    .top-0\! {
        top: calc(var(--spacing) * 0) !important;
    }

    .top-1 {
        top: calc(var(--spacing) * 1);
    }

    .top-1\.5 {
        top: calc(var(--spacing) * 1.5);
    }

    .top-1\/2 {
        top: 50%;
    }

    .top-2 {
        top: calc(var(--spacing) * 2);
    }

    .top-3\.5 {
        top: calc(var(--spacing) * 3.5);
    }

    .top-4 {
        top: calc(var(--spacing) * 4);
    }

    .top-5 {
        top: calc(var(--spacing) * 5);
    }

    .top-8 {
        top: calc(var(--spacing) * 8);
    }

    .top-9 {
        top: calc(var(--spacing) * 9);
    }

    .top-12 {
        top: calc(var(--spacing) * 12);
    }

    .top-14 {
        top: calc(var(--spacing) * 14);
    }

    .top-15 {
        top: calc(var(--spacing) * 15);
    }

    .top-16 {
        top: calc(var(--spacing) * 16);
    }

    .top-20 {
        top: calc(var(--spacing) * 20);
    }

    .top-24 {
        top: calc(var(--spacing) * 24);
    }

    .top-\[-160px\] {
        top: -160px;
    }

    .top-\[-500px\] {
        top: -500px;
    }

    .top-\[\.4rem\] {
        top: 0.4rem;
    }

    .top-\[2\%\] {
        top: 2%;
    }

    .top-\[4px\] {
        top: 4px;
    }

    .top-\[9px\] {
        top: 9px;
    }

    .top-\[10\%\] {
        top: 10%;
    }

    .top-\[16px\] {
        top: 16px;
    }

    .top-\[48\%\] {
        top: 48%;
    }

    .top-\[60\%\] {
        top: 60%;
    }

    .top-\[62px\] {
        top: 62px;
    }

    .top-\[65px\] {
        top: 65px;
    }

    .top-\[72px\] {
        top: 72px;
    }

    .top-\[108px\] {
        top: 108px;
    }

    .top-\[170px\] {
        top: 170px;
    }

    .top-\[180px\] {
        top: 180px;
    }

    .top-\[220px\] {
        top: 220px;
    }

    .top-auto {
        top: auto;
    }

    .top-auto\! {
        top: auto !important;
    }

    .top-full {
        top: 100%;
    }

    .top-px {
        top: 1px;
    }

    .-right-2 {
        right: calc(var(--spacing) * -2);
    }

    .-right-3 {
        right: calc(var(--spacing) * -3);
    }

    .-right-3\.5 {
        right: calc(var(--spacing) * -3.5);
    }

    .-right-4 {
        right: calc(var(--spacing) * -4);
    }

    .-right-10 {
        right: calc(var(--spacing) * -10);
    }

    .right-0 {
        right: calc(var(--spacing) * 0);
    }

    .right-0\! {
        right: calc(var(--spacing) * 0) !important;
    }

    .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-3\.5 {
        right: calc(var(--spacing) * 3.5);
    }

    .right-4 {
        right: calc(var(--spacing) * 4);
    }

    .right-8 {
        right: calc(var(--spacing) * 8);
    }

    .right-\[-112px\] {
        right: -112px;
    }

    .right-\[10px\] {
        right: 10px;
    }

    .right-\[130px\] {
        right: 130px;
    }

    .right-\[180px\] {
        right: 180px;
    }

    .right-\[280px\] {
        right: 280px;
    }

    .right-auto {
        right: auto;
    }

    .right-full {
        right: 100%;
    }

    .-bottom-2 {
        bottom: calc(var(--spacing) * -2);
    }

    .bottom-0 {
        bottom: calc(var(--spacing) * 0);
    }

    .bottom-0\! {
        bottom: calc(var(--spacing) * 0) !important;
    }

    .bottom-1\.5 {
        bottom: calc(var(--spacing) * 1.5);
    }

    .bottom-4 {
        bottom: calc(var(--spacing) * 4);
    }

    .bottom-8 {
        bottom: calc(var(--spacing) * 8);
    }

    .bottom-\[-15\%\] {
        bottom: -15%;
    }

    .bottom-\[-20\%\] {
        bottom: -20%;
    }

    .bottom-\[-25\%\] {
        bottom: -25%;
    }

    .bottom-\[-30\%\] {
        bottom: -30%;
    }

    .bottom-\[16\%\] {
        bottom: 16%;
    }

    .bottom-\[40px\] {
        bottom: 40px;
    }

    .bottom-auto {
        bottom: auto;
    }

    .-left-1 {
        left: calc(var(--spacing) * -1);
    }

    .-left-4 {
        left: calc(var(--spacing) * -4);
    }

    .-left-10 {
        left: calc(var(--spacing) * -10);
    }

    .-left-28 {
        left: calc(var(--spacing) * -28);
    }

    .-left-\[9999px\] {
        left: -9999px;
    }

    .left-0 {
        left: calc(var(--spacing) * 0);
    }

    .left-0\! {
        left: calc(var(--spacing) * 0) !important;
    }

    .left-1\.5 {
        left: calc(var(--spacing) * 1.5);
    }

    .left-1\/2 {
        left: 50%;
    }

    .left-1\/3 {
        left: 33.3333%;
    }

    .left-2 {
        left: calc(var(--spacing) * 2);
    }

    .left-3 {
        left: calc(var(--spacing) * 3);
    }

    .left-4 {
        left: calc(var(--spacing) * 4);
    }

    .left-6 {
        left: calc(var(--spacing) * 6);
    }

    .left-16 {
        left: calc(var(--spacing) * 16);
    }

    .left-\[-59px\] {
        left: -59px;
    }

    .left-\[-60px\] {
        left: -60px;
    }

    .left-\[-98vw\] {
        left: -98vw;
    }

    .left-\[-100px\] {
        left: -100px;
    }

    .left-\[0\%\] {
        left: 0;
    }

    .left-\[10\%\] {
        left: 10%;
    }

    .left-\[20\%\] {
        left: 20%;
    }

    .left-\[25\%\] {
        left: 25%;
    }

    .left-\[30\%\] {
        left: 30%;
    }

    .left-\[38\%\] {
        left: 38%;
    }

    .left-\[51\.15\%\] {
        left: 51.15%;
    }

    .left-\[175px\] {
        left: 175px;
    }

    .left-\[320px\] {
        left: 320px;
    }

    .left-auto {
        left: auto;
    }

    .left-full {
        left: 100%;
    }

    .left-px {
        left: 1px;
    }

    .isolate {
        isolation: isolate;
    }

    .-z-10 {
        z-index: calc(10 * -1);
    }

    .-z-20 {
        z-index: calc(20 * -1);
    }

    .z-0 {
        z-index: 0;
    }

    .z-1 {
        z-index: 1;
    }

    .z-2 {
        z-index: 2;
    }

    .z-3 {
        z-index: 3;
    }

    .z-5 {
        z-index: 5;
    }

    .z-10 {
        z-index: 10;
    }

    .z-20 {
        z-index: 20;
    }

    .z-30 {
        z-index: 30;
    }

    .z-38 {
        z-index: 38;
    }

    .z-40 {
        z-index: 40;
    }

    .z-50 {
        z-index: 50;
    }

    .z-\[-2\] {
        z-index: -2;
    }

    .z-\[-4\] {
        z-index: -4;
    }

    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    .order-3 {
        order: 3;
    }

    .order-first {
        order: -9999;
    }

    .order-last {
        order: 9999;
    }

    .col-span-1 {
        grid-column: span 1 / span 1;
    }

    .col-span-2 {
        grid-column: span 2 / span 2;
    }

    .col-span-3 {
        grid-column: span 3 / span 3;
    }

    .col-span-4 {
        grid-column: span 4 / span 4;
    }

    .col-span-5 {
        grid-column: span 5 / span 5;
    }

    .col-span-6 {
        grid-column: span 6 / span 6;
    }

    .col-span-7 {
        grid-column: span 7 / span 7;
    }

    .col-span-8 {
        grid-column: span 8 / span 8;
    }

    .col-span-12 {
        grid-column: span 12 / span 12;
    }

    .col-span-full {
        grid-column: 1/-1;
    }

    .col-start-0 {
        grid-column-start: 0;
    }

    .col-start-5 {
        grid-column-start: 5;
    }

    .col-start-9 {
        grid-column-start: 9;
    }

    .row-span-1 {
        grid-row: span 1 / span 1;
    }

    .container {
        width: 100%;
    }

    @media (min-width: 480px) {
        .container {
            max-width: 480px;
        }
    }

    @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;
        }
    }

    .prose-toc :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin: 0;
        padding-left: 0;
        list-style-type: none;
    }

    .prose-toc :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) li {
        padding-left: 0;
    }

    .prose-toc :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) a {
        color: hsl(var(--foreground-light));
        margin-bottom: 0.4rem;
        font-size: 0.8rem;
        font-weight: 200;
        text-decoration: none;
        display: block;
    }

    .prose-toc :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) a:hover {
        color: hsl(var(--foreground-default));
    }

    .prose-toc :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) a {
        font-weight: 400;
    }

    .prose-toc :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) ul {
        list-style-type: none;
    }

    .prose-toc :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) ul li {
        margin-top: 0.2rem;
        margin-bottom: 0.2rem;
        margin-left: 0.5rem;
        padding-left: 0 !important;
    }

    .prose-toc :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) ul a {
        color: hsl(var(--foreground-lighter));
        font-weight: 200;
    }

    .prose-toc :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) ul a:hover {
        color: hsl(var(--foreground-default));
    }

    .-m-px {
        margin: -1px;
    }

    .m-0 {
        margin: calc(var(--spacing) * 0);
    }

    .m-0\! {
        margin: calc(var(--spacing) * 0) !important;
    }

    .m-1 {
        margin: calc(var(--spacing) * 1);
    }

    .m-2 {
        margin: calc(var(--spacing) * 2);
    }

    .m-4 {
        margin: calc(var(--spacing) * 4);
    }

    .m-130 {
        margin: calc(var(--spacing) * 130);
    }

    .m-143 {
        margin: calc(var(--spacing) * 143);
    }

    .m-192 {
        margin: calc(var(--spacing) * 192);
    }

    .m-auto {
        margin: auto;
    }

    .-mx-1 {
        margin-inline: calc(var(--spacing) * -1);
    }

    .-mx-2 {
        margin-inline: calc(var(--spacing) * -2);
    }

    .-mx-4 {
        margin-inline: calc(var(--spacing) * -4);
    }

    .mx-1 {
        margin-inline: calc(var(--spacing) * 1);
    }

    .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-auto {
        margin-inline: auto;
    }

    .mx-auto\! {
        margin-inline: auto !important;
    }

    .mx-px {
        margin-inline: 1px;
    }

    .-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\! {
        margin-block: calc(var(--spacing) * 0) !important;
    }

    .my-0\.5 {
        margin-block: calc(var(--spacing) * 0.5);
    }

    .my-1 {
        margin-block: calc(var(--spacing) * 1);
    }

    .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-6 {
        margin-block: calc(var(--spacing) * 6);
    }

    .my-8 {
        margin-block: calc(var(--spacing) * 8);
    }

    .my-12 {
        margin-block: calc(var(--spacing) * 12);
    }

    .my-16 {
        margin-block: calc(var(--spacing) * 16);
    }

    .my-auto {
        margin-block: auto;
    }

    .my-px {
        margin-block: 1px;
    }

    .-mt-1\.5 {
        margin-top: calc(var(--spacing) * -1.5);
    }

    .-mt-2 {
        margin-top: calc(var(--spacing) * -2);
    }

    .-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-8 {
        margin-top: calc(var(--spacing) * -8);
    }

    .-mt-10 {
        margin-top: calc(var(--spacing) * -10);
    }

    .-mt-12 {
        margin-top: calc(var(--spacing) * -12);
    }

    .-mt-16 {
        margin-top: calc(var(--spacing) * -16);
    }

    .-mt-20 {
        margin-top: calc(var(--spacing) * -20);
    }

    .-mt-24 {
        margin-top: calc(var(--spacing) * -24);
    }

    .-mt-32 {
        margin-top: calc(var(--spacing) * -32);
    }

    .-mt-48 {
        margin-top: calc(var(--spacing) * -48);
    }

    .-mt-px {
        margin-top: -1px;
    }

    .mt-\(--toc-top\) {
        margin-top: var(--toc-top);
    }

    .mt-0 {
        margin-top: calc(var(--spacing) * 0);
    }

    .mt-0\! {
        margin-top: calc(var(--spacing) * 0) !important;
    }

    .mt-0\.5 {
        margin-top: calc(var(--spacing) * 0.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-3 {
        margin-top: calc(var(--spacing) * 3);
    }

    .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-8 {
        margin-top: calc(var(--spacing) * 8);
    }

    .mt-10 {
        margin-top: calc(var(--spacing) * 10);
    }

    .mt-12 {
        margin-top: calc(var(--spacing) * 12);
    }

    .mt-14 {
        margin-top: calc(var(--spacing) * 14);
    }

    .mt-16 {
        margin-top: calc(var(--spacing) * 16);
    }

    .mt-20 {
        margin-top: calc(var(--spacing) * 20);
    }

    .mt-24 {
        margin-top: calc(var(--spacing) * 24);
    }

    .mt-28 {
        margin-top: calc(var(--spacing) * 28);
    }

    .mt-32 {
        margin-top: calc(var(--spacing) * 32);
    }

    .mt-\[-0\.15rem\] {
        margin-top: -0.15rem;
    }

    .mt-\[-1\.9rem\] {
        margin-top: -1.9rem;
    }

    .mt-\[-65px\] {
        margin-top: -65px;
    }

    .mt-\[4px\] {
        margin-top: 4px;
    }

    .mt-\[15vh\] {
        margin-top: 15vh;
    }

    .mt-auto {
        margin-top: auto;
    }

    .-mr-1 {
        margin-right: calc(var(--spacing) * -1);
    }

    .mr-0\! {
        margin-right: calc(var(--spacing) * 0) !important;
    }

    .mr-0\.5 {
        margin-right: calc(var(--spacing) * 0.5);
    }

    .mr-1 {
        margin-right: calc(var(--spacing) * 1);
    }

    .mr-1\.5\! {
        margin-right: calc(var(--spacing) * 1.5) !important;
    }

    .mr-2 {
        margin-right: calc(var(--spacing) * 2);
    }

    .mr-3 {
        margin-right: calc(var(--spacing) * 3);
    }

    .mr-4 {
        margin-right: calc(var(--spacing) * 4);
    }

    .mr-6 {
        margin-right: calc(var(--spacing) * 6);
    }

    .mr-auto {
        margin-right: auto;
    }

    .-mb-4 {
        margin-bottom: calc(var(--spacing) * -4);
    }

    .-mb-6 {
        margin-bottom: calc(var(--spacing) * -6);
    }

    .-mb-8 {
        margin-bottom: calc(var(--spacing) * -8);
    }

    .-mb-12 {
        margin-bottom: calc(var(--spacing) * -12);
    }

    .-mb-20 {
        margin-bottom: calc(var(--spacing) * -20);
    }

    .-mb-32 {
        margin-bottom: calc(var(--spacing) * -32);
    }

    .-mb-48 {
        margin-bottom: calc(var(--spacing) * -48);
    }

    .-mb-px {
        margin-bottom: -1px;
    }

    .mb-0 {
        margin-bottom: calc(var(--spacing) * 0);
    }

    .mb-0\! {
        margin-bottom: calc(var(--spacing) * 0) !important;
    }

    .mb-0\.5 {
        margin-bottom: calc(var(--spacing) * 0.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\! {
        margin-bottom: calc(var(--spacing) * 2) !important;
    }

    .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);
    }

    .mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
    }

    .mb-8\! {
        margin-bottom: calc(var(--spacing) * 8) !important;
    }

    .mb-10 {
        margin-bottom: calc(var(--spacing) * 10);
    }

    .mb-11 {
        margin-bottom: calc(var(--spacing) * 11);
    }

    .mb-12 {
        margin-bottom: calc(var(--spacing) * 12);
    }

    .mb-16 {
        margin-bottom: calc(var(--spacing) * 16);
    }

    .mb-20 {
        margin-bottom: calc(var(--spacing) * 20);
    }

    .mb-\[-160px\] {
        margin-bottom: -160px;
    }

    .-ml-0\.5 {
        margin-left: calc(var(--spacing) * -0.5);
    }

    .-ml-1 {
        margin-left: calc(var(--spacing) * -1);
    }

    .-ml-2 {
        margin-left: calc(var(--spacing) * -2);
    }

    .-ml-2\.5 {
        margin-left: calc(var(--spacing) * -2.5);
    }

    .-ml-8 {
        margin-left: calc(var(--spacing) * -8);
    }

    .-ml-px {
        margin-left: -1px;
    }

    .ml-0 {
        margin-left: calc(var(--spacing) * 0);
    }

    .ml-0\.5 {
        margin-left: calc(var(--spacing) * 0.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-6 {
        margin-left: calc(var(--spacing) * 6);
    }

    .ml-8 {
        margin-left: calc(var(--spacing) * 8);
    }

    .ml-10 {
        margin-left: calc(var(--spacing) * 10);
    }

    .ml-\[-21px\] {
        margin-left: -21px;
    }

    .ml-\[-42px\] {
        margin-left: -42px;
    }

    .ml-auto {
        margin-left: auto;
    }

    .ml-auto\! {
        margin-left: auto !important;
    }

    .ml-px {
        margin-left: 1px;
    }

    .box-border {
        box-sizing: border-box;
    }

    .box-content {
        box-sizing: content-box;
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1;
    }

    .line-clamp-1,
    .line-clamp-2 {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .line-clamp-2 {
        -webkit-line-clamp: 2;
    }

    .line-clamp-3 {
        -webkit-line-clamp: 3;
    }

    .line-clamp-3,
    .line-clamp-4 {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .line-clamp-4 {
        -webkit-line-clamp: 4;
    }

    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }

    .block {
        display: block;
    }

    .block\! {
        display: block !important;
    }

    .contents {
        display: contents;
    }

    .flex {
        display: flex;
    }

    .flex\! {
        display: flex !important;
    }

    .grid {
        display: grid;
    }

    .grid\! {
        display: grid !important;
    }

    .hidden {
        display: none;
    }

    .inline {
        display: inline;
    }

    .inline-block {
        display: inline-block;
    }

    .inline-block\! {
        display: inline-block !important;
    }

    .inline-flex {
        display: inline-flex;
    }

    .table {
        display: table;
    }

    .table\! {
        display: table !important;
    }

    .aspect-1\.75\/1 {
        aspect-ratio: 1.75;
    }

    .aspect-2\/1 {
        aspect-ratio: 2;
    }

    .aspect-3\/1 {
        aspect-ratio: 3;
    }

    .aspect-5\/3 {
        aspect-ratio: 5/3;
    }

    .aspect-9\/1 {
        aspect-ratio: 9;
    }

    .aspect-29\/22 {
        aspect-ratio: 29/22;
    }

    .aspect-104\/57 {
        aspect-ratio: 104/57;
    }

    .aspect-137\/110 {
        aspect-ratio: 137/110;
    }

    .aspect-142\/189 {
        aspect-ratio: 142/189;
    }

    .aspect-148\/125 {
        aspect-ratio: 148/125;
    }

    .aspect-217\/275 {
        aspect-ratio: 217/275;
    }

    .aspect-278\/443 {
        aspect-ratio: 278/443;
    }

    .aspect-296\/275 {
        aspect-ratio: 296/275;
    }

    .aspect-330\/430 {
        aspect-ratio: 330/430;
    }

    .aspect-330\/430\! {
        aspect-ratio: 330/430 !important;
    }

    .aspect-390\/430 {
        aspect-ratio: 390/430;
    }

    .aspect-541\/285 {
        aspect-ratio: 541/285;
    }

    .aspect-978\/678 {
        aspect-ratio: 978/678;
    }

    .aspect-\[1\.9\/1\] {
        aspect-ratio: 1.9;
    }

    .aspect-\[1\.35\/1\] {
        aspect-ratio: 1.35;
    }

    .aspect-\[1\.91\/1\] {
        aspect-ratio: 1.91;
    }

    .aspect-\[1\/0\.71\] {
        aspect-ratio: 1/0.71;
    }

    .aspect-\[1\/0\.88\] {
        aspect-ratio: 1/0.88;
    }

    .aspect-\[1\/0\.99\] {
        aspect-ratio: 1/0.99;
    }

    .aspect-\[1\/1\.14\] {
        aspect-ratio: 1/1.14;
    }

    .aspect-\[1\/1\.536\] {
        aspect-ratio: 1/1.536;
    }

    .aspect-\[2\.3\/1\] {
        aspect-ratio: 2.3;
    }

    .aspect-\[2\.15\/1\] {
        aspect-ratio: 2.15;
    }

    .aspect-\[3\.67\/1\] {
        aspect-ratio: 3.67;
    }

    .aspect-\[3\.078\/1\] {
        aspect-ratio: 3.078;
    }

    .aspect-\[5\.13\/1\] {
        aspect-ratio: 5.13;
    }

    .aspect-auto {
        aspect-ratio: auto;
    }

    .aspect-square {
        aspect-ratio: 1;
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video);
    }

    .aspect-video\! {
        aspect-ratio: var(--aspect-video) !important;
    }

    .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-3 {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
    }

    .size-4 {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }

    .size-5 {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
    }

    .size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
    }

    .size-8 {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
    }

    .size-12 {
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12);
    }

    .size-full {
        width: 100%;
        height: 100%;
    }

    .h-\(--header-height\) {
        height: var(--header-height);
    }

    .h-\(--radix-navigation-menu-viewport-height\) {
        height: var(--radix-navigation-menu-viewport-height);
    }

    .h-\(--radix-select-trigger-height\) {
        height: var(--radix-select-trigger-height);
    }

    .h-\(--toc-height\) {
        height: var(--toc-height);
    }

    .h-0 {
        height: calc(var(--spacing) * 0);
    }

    .h-0\.25 {
        height: calc(var(--spacing) * 0.25);
    }

    .h-1 {
        height: calc(var(--spacing) * 1);
    }

    .h-1\.5 {
        height: calc(var(--spacing) * 1.5);
    }

    .h-1\/2 {
        height: 50%;
    }

    .h-1\/3 {
        height: 33.3333%;
    }

    .h-1\/4 {
        height: 25%;
    }

    .h-2 {
        height: calc(var(--spacing) * 2);
    }

    .h-2\.5 {
        height: calc(var(--spacing) * 2.5);
    }

    .h-2\/5 {
        height: 40%;
    }

    .h-3 {
        height: calc(var(--spacing) * 3);
    }

    .h-3\.5 {
        height: calc(var(--spacing) * 3.5);
    }

    .h-3\.5\! {
        height: calc(var(--spacing) * 3.5) !important;
    }

    .h-3\/5 {
        height: 60%;
    }

    .h-4 {
        height: calc(var(--spacing) * 4);
    }

    .h-4\! {
        height: calc(var(--spacing) * 4) !important;
    }

    .h-4\/5 {
        height: 80%;
    }

    .h-5 {
        height: calc(var(--spacing) * 5);
    }

    .h-5\/6 {
        height: 83.3333%;
    }

    .h-6 {
        height: calc(var(--spacing) * 6);
    }

    .h-6\! {
        height: calc(var(--spacing) * 6) !important;
    }

    .h-7 {
        height: calc(var(--spacing) * 7);
    }

    .h-8 {
        height: calc(var(--spacing) * 8);
    }

    .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-32 {
        height: calc(var(--spacing) * 32);
    }

    .h-40 {
        height: calc(var(--spacing) * 40);
    }

    .h-48 {
        height: calc(var(--spacing) * 48);
    }

    .h-52 {
        height: calc(var(--spacing) * 52);
    }

    .h-64 {
        height: calc(var(--spacing) * 64);
    }

    .h-96 {
        height: calc(var(--spacing) * 96);
    }

    .h-\[2px\] {
        height: 2px;
    }

    .h-\[3\.6\%\] {
        height: 3.6%;
    }

    .h-\[10px\] {
        height: 10px;
    }

    .h-\[12px\] {
        height: 12px;
    }

    .h-\[15px\] {
        height: 15px;
    }

    .h-\[16px\] {
        height: 16px;
    }

    .h-\[18px\] {
        height: 18px;
    }

    .h-\[20\%\] {
        height: 20%;
    }

    .h-\[20px\] {
        height: 20px;
    }

    .h-\[22px\] {
        height: 22px;
    }

    .h-\[23px\] {
        height: 23px;
    }

    .h-\[24px\] {
        height: 24px;
    }

    .h-\[26px\] {
        height: 26px;
    }

    .h-\[28px\] {
        height: 28px;
    }

    .h-\[28px\]\! {
        height: 28px !important;
    }

    .h-\[30px\] {
        height: 30px;
    }

    .h-\[30px\]\! {
        height: 30px !important;
    }

    .h-\[32px\] {
        height: 32px;
    }

    .h-\[33\.35px\]\! {
        height: 33.35px !important;
    }

    .h-\[33px\] {
        height: 33px;
    }

    .h-\[34px\] {
        height: 34px;
    }

    .h-\[36px\] {
        height: 36px;
    }

    .h-\[38px\] {
        height: 38px;
    }

    .h-\[40px\] {
        height: 40px;
    }

    .h-\[40vw\] {
        height: 40vw;
    }

    .h-\[42px\] {
        height: 42px;
    }

    .h-\[44\%\] {
        height: 44%;
    }

    .h-\[44px\] {
        height: 44px;
    }

    .h-\[46px\] {
        height: 46px;
    }

    .h-\[50px\] {
        height: 50px;
    }

    .h-\[53px\] {
        height: 53px;
    }

    .h-\[56px\] {
        height: 56px;
    }

    .h-\[60px\] {
        height: 60px;
    }

    .h-\[70\%\] {
        height: 70%;
    }

    .h-\[79px\] {
        height: 79px;
    }

    .h-\[80px\] {
        height: 80px;
    }

    .h-\[85dvh\] {
        height: 85dvh;
    }

    .h-\[100px\] {
        height: 100px;
    }

    .h-\[120px\] {
        height: 120px;
    }

    .h-\[150px\] {
        height: 150px;
    }

    .h-\[160px\] {
        height: 160px;
    }

    .h-\[175px\] {
        height: 175px;
    }

    .h-\[200\%\] {
        height: 200%;
    }

    .h-\[200px\] {
        height: 200px;
    }

    .h-\[230px\] {
        height: 230px;
    }

    .h-\[240px\] {
        height: 240px;
    }

    .h-\[250px\] {
        height: 250px;
    }

    .h-\[300px\] {
        height: 300px;
    }

    .h-\[370px\] {
        height: 370px;
    }

    .h-\[372px\] {
        height: 372px;
    }

    .h-\[400px\] {
        height: 400px;
    }

    .h-\[500px\] {
        height: 500px;
    }

    .h-\[800px\] {
        height: 800px;
    }

    .h-\[calc\(100\%-150px\)\] {
        height: calc(100% - 150px);
    }

    .h-\[calc\(100dvh-64px\)\] {
        height: calc(100dvh - 64px);
    }

    .h-auto {
        height: auto;
    }

    .h-auto\! {
        height: auto !important;
    }

    .h-fit {
        height: fit-content;
    }

    .h-fit\! {
        height: fit-content !important;
    }

    .h-full {
        height: 100%;
    }

    .h-full\! {
        height: 100% !important;
    }

    .h-lh {
        height: 1lh;
    }

    .h-px {
        height: 1px;
    }

    .h-screen {
        height: 100vh;
    }

    .h-svh {
        height: 100svh;
    }

    .max-h-0 {
        max-height: calc(var(--spacing) * 0);
    }

    .max-h-5 {
        max-height: calc(var(--spacing) * 5);
    }

    .max-h-10 {
        max-height: calc(var(--spacing) * 10);
    }

    .max-h-12 {
        max-height: calc(var(--spacing) * 12);
    }

    .max-h-32 {
        max-height: calc(var(--spacing) * 32);
    }

    .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-\[23px\] {
        max-height: 23px;
    }

    .max-h-\[60vh\] {
        max-height: 60vh;
    }

    .max-h-\[80px\] {
        max-height: 80px;
    }

    .max-h-\[250px\] {
        max-height: 250px;
    }

    .max-h-\[260px\] {
        max-height: 260px;
    }

    .max-h-\[300px\] {
        max-height: 300px;
    }

    .max-h-\[320px\] {
        max-height: 320px;
    }

    .max-h-\[400px\] {
        max-height: 400px;
    }

    .max-h-\[500px\] {
        max-height: 500px;
    }

    .max-h-\[700px\] {
        max-height: 700px;
    }

    .max-h-\[initial\] {
        max-height: none;
    }

    .max-h-\[unset\] {
        max-height: unset;
    }

    .max-h-screen {
        max-height: 100vh;
    }

    .min-h-0 {
        min-height: calc(var(--spacing) * 0);
    }

    .min-h-2 {
        min-height: calc(var(--spacing) * 2);
    }

    .min-h-4 {
        min-height: calc(var(--spacing) * 4);
    }

    .min-h-8 {
        min-height: calc(var(--spacing) * 8);
    }

    .min-h-10 {
        min-height: calc(var(--spacing) * 10);
    }

    .min-h-10\! {
        min-height: calc(var(--spacing) * 10) !important;
    }

    .min-h-12 {
        min-height: calc(var(--spacing) * 12);
    }

    .min-h-12\! {
        min-height: calc(var(--spacing) * 12) !important;
    }

    .min-h-24 {
        min-height: calc(var(--spacing) * 24);
    }

    .min-h-52 {
        min-height: calc(var(--spacing) * 52);
    }

    .min-h-64 {
        min-height: calc(var(--spacing) * 64);
    }

    .min-h-72 {
        min-height: calc(var(--spacing) * 72);
    }

    .min-h-\[28px\] {
        min-height: 28px;
    }

    .min-h-\[28px\]\! {
        min-height: 28px !important;
    }

    .min-h-\[32px\] {
        min-height: 32px;
    }

    .min-h-\[32svh\] {
        min-height: 32svh;
    }

    .min-h-\[35vh\] {
        min-height: 35vh;
    }

    .min-h-\[40px\] {
        min-height: 40px;
    }

    .min-h-\[43px\] {
        min-height: 43px;
    }

    .min-h-\[58px\] {
        min-height: 58px;
    }

    .min-h-\[80px\] {
        min-height: 80px;
    }

    .min-h-\[120px\] {
        min-height: 120px;
    }

    .min-h-\[170px\] {
        min-height: 170px;
    }

    .min-h-\[200px\] {
        min-height: 200px;
    }

    .min-h-\[210px\] {
        min-height: 210px;
    }

    .min-h-\[240px\] {
        min-height: 240px;
    }

    .min-h-\[290px\] {
        min-height: 290px;
    }

    .min-h-\[300px\] {
        min-height: 300px;
    }

    .min-h-\[330px\] {
        min-height: 330px;
    }

    .min-h-\[350px\] {
        min-height: 350px;
    }

    .min-h-\[360px\] {
        min-height: 360px;
    }

    .min-h-\[400px\] {
        min-height: 400px;
    }

    .min-h-\[440px\] {
        min-height: 440px;
    }

    .min-h-\[500px\] {
        min-height: 500px;
    }

    .min-h-\[600px\] {
        min-height: 600px;
    }

    .min-h-\[calc\(100dvh-66px\)\] {
        min-height: calc(100dvh - 66px);
    }

    .min-h-\[calc\(100dvh-66px\)\]\! {
        min-height: calc(100dvh - 66px) !important;
    }

    .min-h-\[inherit\] {
        min-height: inherit;
    }

    .min-h-fit\! {
        min-height: fit-content !important;
    }

    .min-h-full {
        min-height: 100%;
    }

    .min-h-full\! {
        min-height: 100% !important;
    }

    .min-h-screen {
        min-height: 100vh;
    }

    .min-h-svh {
        min-height: 100svh;
    }

    .w-\(--radix-popper-anchor-width\) {
        width: var(--radix-popper-anchor-width);
    }

    .w-\(--sidebar-width\) {
        width: var(--sidebar-width);
    }

    .w-\(--toc-width\) {
        width: var(--toc-width);
    }

    .w-0 {
        width: calc(var(--spacing) * 0);
    }

    .w-0\.5 {
        width: calc(var(--spacing) * 0.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-3 {
        width: calc(var(--spacing) * 3);
    }

    .w-3\.5 {
        width: calc(var(--spacing) * 3.5);
    }

    .w-3\.5\! {
        width: calc(var(--spacing) * 3.5) !important;
    }

    .w-3\/4 {
        width: 75%;
    }

    .w-4 {
        width: calc(var(--spacing) * 4);
    }

    .w-4\! {
        width: calc(var(--spacing) * 4) !important;
    }

    .w-4\/5 {
        width: 80%;
    }

    .w-4\/12 {
        width: 33.3333%;
    }

    .w-5 {
        width: calc(var(--spacing) * 5);
    }

    .w-5\/6 {
        width: 83.3333%;
    }

    .w-6 {
        width: calc(var(--spacing) * 6);
    }

    .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-30 {
        width: calc(var(--spacing) * 30);
    }

    .w-32 {
        width: calc(var(--spacing) * 32);
    }

    .w-40 {
        width: calc(var(--spacing) * 40);
    }

    .w-44 {
        width: calc(var(--spacing) * 44);
    }

    .w-48 {
        width: calc(var(--spacing) * 48);
    }

    .w-52 {
        width: calc(var(--spacing) * 52);
    }

    .w-60 {
        width: calc(var(--spacing) * 60);
    }

    .w-64 {
        width: calc(var(--spacing) * 64);
    }

    .w-72 {
        width: calc(var(--spacing) * 72);
    }

    .w-\[0\.8lh\] {
        width: 0.8lh;
    }

    .w-\[2\.5\%\] {
        width: 2.5%;
    }

    .w-\[2px\] {
        width: 2px;
    }

    .w-\[6\%\] {
        width: 6%;
    }

    .w-\[10px\] {
        width: 10px;
    }

    .w-\[12px\] {
        width: 12px;
    }

    .w-\[16px\] {
        width: 16px;
    }

    .w-\[18px\] {
        width: 18px;
    }

    .w-\[20px\] {
        width: 20px;
    }

    .w-\[22px\] {
        width: 22px;
    }

    .w-\[26px\] {
        width: 26px;
    }

    .w-\[28px\] {
        width: 28px;
    }

    .w-\[30px\] {
        width: 30px;
    }

    .w-\[32px\] {
        width: 32px;
    }

    .w-\[34px\] {
        width: 34px;
    }

    .w-\[40\%\] {
        width: 40%;
    }

    .w-\[40px\] {
        width: 40px;
    }

    .w-\[44\%\] {
        width: 44%;
    }

    .w-\[44px\] {
        width: 44px;
    }

    .w-\[50px\] {
        width: 50px;
    }

    .w-\[55px\]\! {
        width: 55px !important;
    }

    .w-\[60\%\] {
        width: 60%;
    }

    .w-\[60px\] {
        width: 60px;
    }

    .w-\[66\.70px\]\! {
        width: 66.7px !important;
    }

    .w-\[80\%\] {
        width: 80%;
    }

    .w-\[80px\] {
        width: 80px;
    }

    .w-\[85vw\] {
        width: 85vw;
    }

    .w-\[90\%\] {
        width: 90%;
    }

    .w-\[95\%\] {
        width: 95%;
    }

    .w-\[100px\] {
        width: 100px;
    }

    .w-\[134px\] {
        width: 134px;
    }

    .w-\[150\%\] {
        width: 150%;
    }

    .w-\[150px\] {
        width: 150px;
    }

    .w-\[180px\] {
        width: 180px;
    }

    .w-\[200px\] {
        width: 200px;
    }

    .w-\[250px\] {
        width: 250px;
    }

    .w-\[250px\]\! {
        width: 250px !important;
    }

    .w-\[280px\] {
        width: 280px;
    }

    .w-\[300px\] {
        width: 300px;
    }

    .w-\[300vw\] {
        width: 300vw;
    }

    .w-\[320px\] {
        width: 320px;
    }

    .w-\[420px\] {
        width: 420px;
    }

    .w-\[450px\] {
        width: 450px;
    }

    .w-\[550px\] {
        width: 550px;
    }

    .w-\[560px\] {
        width: 560px;
    }

    .w-\[1080px\] {
        width: 1080px;
    }

    .w-\[calc\(100\%\+2px\)\] {
        width: calc(100% + 2px);
    }

    .w-\[calc\(100\%\+100px\)\] {
        width: calc(100% + 100px);
    }

    .w-\[calc\(100\%-2rem\)\] {
        width: calc(100% - 2rem);
    }

    .w-\[calc\(100vw-2rem\)\] {
        width: calc(100vw - 2rem);
    }

    .w-auto {
        width: auto;
    }

    .w-auto\! {
        width: auto !important;
    }

    .w-fit {
        width: fit-content;
    }

    .w-full {
        width: 100%;
    }

    .w-full\! {
        width: 100% !important;
    }

    .w-listbox {
        width: 320px;
    }

    .w-max {
        width: max-content;
    }

    .w-min {
        width: min-content;
    }

    .w-px {
        width: 1px;
    }

    .w-screen {
        width: 100vw;
    }

    .w-screen\! {
        width: 100vw !important;
    }

    .max-w-\(--breakpoint-2xl\) {
        max-width: var(--breakpoint-2xl);
    }

    .max-w-\(--skeleton-width\) {
        max-width: var(--skeleton-width);
    }

    .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-5 {
        max-width: calc(var(--spacing) * 5);
    }

    .max-w-5xl {
        max-width: var(--container-5xl);
    }

    .max-w-6xl {
        max-width: var(--container-6xl);
    }

    .max-w-7xl {
        max-width: var(--container-7xl);
    }

    .max-w-10 {
        max-width: calc(var(--spacing) * 10);
    }

    .max-w-20 {
        max-width: calc(var(--spacing) * 20);
    }

    .max-w-24 {
        max-width: calc(var(--spacing) * 24);
    }

    .max-w-48 {
        max-width: calc(var(--spacing) * 48);
    }

    .max-w-64 {
        max-width: calc(var(--spacing) * 64);
    }

    .max-w-72 {
        max-width: calc(var(--spacing) * 72);
    }

    .max-w-152 {
        max-width: calc(var(--spacing) * 152);
    }

    .max-w-240 {
        max-width: calc(var(--spacing) * 240);
    }

    .max-w-260 {
        max-width: calc(var(--spacing) * 260);
    }

    .max-w-\[30px\]\! {
        max-width: 30px !important;
    }

    .max-w-\[70\%\] {
        max-width: 70%;
    }

    .max-w-\[85\%\] {
        max-width: 85%;
    }

    .max-w-\[90vw\] {
        max-width: 90vw;
    }

    .max-w-\[100vw\] {
        max-width: 100vw;
    }

    .max-w-\[100vw\]\! {
        max-width: 100vw !important;
    }

    .max-w-\[140px\] {
        max-width: 140px;
    }

    .max-w-\[145px\] {
        max-width: 145px;
    }

    .max-w-\[150px\] {
        max-width: 150px;
    }

    .max-w-\[180px\] {
        max-width: 180px;
    }

    .max-w-\[200px\] {
        max-width: 200px;
    }

    .max-w-\[220px\] {
        max-width: 220px;
    }

    .max-w-\[240px\] {
        max-width: 240px;
    }

    .max-w-\[250px\] {
        max-width: 250px;
    }

    .max-w-\[280px\] {
        max-width: 280px;
    }

    .max-w-\[300px\] {
        max-width: 300px;
    }

    .max-w-\[320px\] {
        max-width: 320px;
    }

    .max-w-\[350px\] {
        max-width: 350px;
    }

    .max-w-\[400px\] {
        max-width: 400px;
    }

    .max-w-\[430px\] {
        max-width: 430px;
    }

    .max-w-\[450px\] {
        max-width: 450px;
    }

    .max-w-\[460px\] {
        max-width: 460px;
    }

    .max-w-\[490px\] {
        max-width: 490px;
    }

    .max-w-\[500px\] {
        max-width: 500px;
    }

    .max-w-\[590px\] {
        max-width: 590px;
    }

    .max-w-\[600px\] {
        max-width: 600px;
    }

    .max-w-\[630px\] {
        max-width: 630px;
    }

    .max-w-\[640px\] {
        max-width: 640px;
    }

    .max-w-\[768px\] {
        max-width: 768px;
    }

    .max-w-\[900px\] {
        max-width: 900px;
    }

    .max-w-\[1200px\] {
        max-width: 1200px;
    }

    .max-w-\[1400px\] {
        max-width: 1400px;
    }

    .max-w-\[1600px\] {
        max-width: 1600px;
    }

    .max-w-\[calc\(100\%-1rem\)\] {
        max-width: calc(100% - 1rem);
    }

    .max-w-\[calc\(100vw-4rem\)\] {
        max-width: calc(100vw - 4rem);
    }

    .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-none\! {
        max-width: none !important;
    }

    .max-w-prose {
        max-width: 65ch;
    }

    .max-w-screen {
        max-width: 100vw;
    }

    .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-\(--radix-select-trigger-width\) {
        min-width: var(--radix-select-trigger-width);
    }

    .min-w-0 {
        min-width: calc(var(--spacing) * 0);
    }

    .min-w-2 {
        min-width: calc(var(--spacing) * 2);
    }

    .min-w-3 {
        min-width: calc(var(--spacing) * 3);
    }

    .min-w-4 {
        min-width: calc(var(--spacing) * 4);
    }

    .min-w-5 {
        min-width: calc(var(--spacing) * 5);
    }

    .min-w-6 {
        min-width: calc(var(--spacing) * 6);
    }

    .min-w-8 {
        min-width: calc(var(--spacing) * 8);
    }

    .min-w-10 {
        min-width: calc(var(--spacing) * 10);
    }

    .min-w-12 {
        min-width: calc(var(--spacing) * 12);
    }

    .min-w-20 {
        min-width: calc(var(--spacing) * 20);
    }

    .min-w-32 {
        min-width: calc(var(--spacing) * 32);
    }

    .min-w-48 {
        min-width: calc(var(--spacing) * 48);
    }

    .min-w-80 {
        min-width: calc(var(--spacing) * 80);
    }

    .min-w-\[20px\] {
        min-width: 20px;
    }

    .min-w-\[24px\] {
        min-width: 24px;
    }

    .min-w-\[28px\]\! {
        min-width: 28px !important;
    }

    .min-w-\[30px\] {
        min-width: 30px;
    }

    .min-w-\[30px\]\! {
        min-width: 30px !important;
    }

    .min-w-\[40px\] {
        min-width: 40px;
    }

    .min-w-\[60px\] {
        min-width: 60px;
    }

    .min-w-\[85px\] {
        min-width: 85px;
    }

    .min-w-\[108\.25px\] {
        min-width: 108.25px;
    }

    .min-w-\[120px\] {
        min-width: 120px;
    }

    .min-w-\[125px\] {
        min-width: 125px;
    }

    .min-w-\[130px\] {
        min-width: 130px;
    }

    .min-w-\[142px\] {
        min-width: 142px;
    }

    .min-w-\[150px\] {
        min-width: 150px;
    }

    .min-w-\[200px\] {
        min-width: 200px;
    }

    .min-w-\[220px\] {
        min-width: 220px;
    }

    .min-w-\[240px\] {
        min-width: 240px;
    }

    .min-w-\[260px\] {
        min-width: 260px;
    }

    .min-w-\[300px\] {
        min-width: 300px;
    }

    .min-w-\[300px\]\! {
        min-width: 300px !important;
    }

    .min-w-\[380px\] {
        min-width: 380px;
    }

    .min-w-\[700px\] {
        min-width: 700px;
    }

    .min-w-\[900px\] {
        min-width: 900px;
    }

    .min-w-fit {
        min-width: fit-content;
    }

    .min-w-full {
        min-width: 100%;
    }

    .min-w-px {
        min-width: 1px;
    }

    .flex-0 {
        flex: 0;
    }

    .flex-1 {
        flex: 1;
    }

    .flex-1\! {
        flex: 1 !important;
    }

    .flex-2 {
        flex: 2;
    }

    .flex-\[1_1_0\] {
        flex: 1 1 0;
    }

    .flex-auto {
        flex: auto;
    }

    .flex-none\! {
        flex: none !important;
    }

    .shrink {
        flex-shrink: 1;
    }

    .shrink-0 {
        flex-shrink: 0;
    }

    .grow {
        flex-grow: 1;
    }

    .grow-2 {
        flex-grow: 2;
    }

    .grow-3 {
        flex-grow: 3;
    }

    .basis-1\/2 {
        flex-basis: 50%;
    }

    .basis-1\/3 {
        flex-basis: 33.3333%;
    }

    .basis-2\/3 {
        flex-basis: 66.6667%;
    }

    .table-auto {
        table-layout: auto;
    }

    .table-fixed {
        table-layout: fixed;
    }

    .caption-bottom {
        caption-side: bottom;
    }

    .border-collapse {
        border-collapse: collapse;
    }

    .origin-\[50\%_25\%\] {
        transform-origin: 50% 25%;
    }

    .origin-center {
        transform-origin: 50%;
    }

    .origin-dropdown {
        transform-origin: var(--radix-dropdown-menu-content-transform-origin);
    }

    .-translate-x-1 {
        --tw-translate-x: calc(var(--spacing) * -1);
    }

    .-translate-x-1,
    .-translate-x-1\/2 {
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    }

    .-translate-x-6 {
        --tw-translate-x: calc(var(--spacing) * -6);
    }

    .-translate-x-6,
    .-translate-x-px {
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .-translate-x-px {
        --tw-translate-x: -1px;
    }

    .translate-x-0 {
        --tw-translate-x: calc(var(--spacing) * 0);
    }

    .translate-x-0,
    .translate-x-2 {
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-x-2 {
        --tw-translate-x: calc(var(--spacing) * 2);
    }

    .translate-x-\[-2px\] {
        --tw-translate-x: -2px;
    }

    .translate-x-\[-2px\],
    .translate-x-px {
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-x-px {
        --tw-translate-x: 1px;
    }

    .-translate-y-1 {
        --tw-translate-y: calc(var(--spacing) * -1);
    }

    .-translate-y-1,
    .-translate-y-1\/2 {
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    }

    .-translate-y-full {
        --tw-translate-y: -100%;
    }

    .-translate-y-full,
    .translate-y-0 {
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing) * 0);
    }

    .translate-y-1 {
        --tw-translate-y: calc(var(--spacing) * 1);
    }

    .translate-y-1,
    .translate-y-2 {
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-y-2 {
        --tw-translate-y: calc(var(--spacing) * 2);
    }

    .translate-y-3 {
        --tw-translate-y: calc(var(--spacing) * 3);
    }

    .translate-y-3,
    .translate-y-6 {
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-y-6 {
        --tw-translate-y: calc(var(--spacing) * 6);
    }

    .translate-y-\[-8\%\] {
        --tw-translate-y: -8%;
    }

    .translate-y-\[-16\%\],
    .translate-y-\[-8\%\] {
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-y-\[-16\%\] {
        --tw-translate-y: -16%;
    }

    .translate-y-\[-18\%\] {
        --tw-translate-y: -18%;
    }

    .translate-y-\[-18\%\],
    .translate-y-\[-24\%\] {
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-y-\[-24\%\] {
        --tw-translate-y: -24%;
    }

    .translate-y-full {
        --tw-translate-y: 100%;
    }

    .translate-y-full,
    .translate-y-px {
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-y-px {
        --tw-translate-y: 1px;
    }

    .scale-1 {
        --tw-scale-x: 1%;
        --tw-scale-y: 1%;
        --tw-scale-z: 1%;
    }

    .scale-1,
    .scale-50 {
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .scale-50 {
        --tw-scale-x: 50%;
        --tw-scale-y: 50%;
        --tw-scale-z: 50%;
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .scale-100\! {
        --tw-scale-x: 100% !important;
        --tw-scale-y: 100% !important;
        --tw-scale-z: 100% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }

    .scale-105 {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
    }

    .scale-105,
    .scale-110 {
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .scale-110 {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
    }

    .scale-\[80\%\] {
        scale: 0.8;
    }

    .scale-\[120\%\] {
        scale: 1.2;
    }

    .-rotate-45 {
        rotate: -45deg;
    }

    .-rotate-90 {
        rotate: -90deg;
    }

    .rotate-0 {
        rotate: 0deg;
    }

    .rotate-45 {
        rotate: 45deg;
    }

    .rotate-90 {
        rotate: 90deg;
    }

    .rotate-180 {
        rotate: 180deg;
    }

    .rotate-180\! {
        rotate: 180deg !important;
    }

    .-skew-x-12 {
        --tw-skew-x: skewX(calc(12deg * -1));
    }

    .-skew-x-12,
    .transform {
        transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    }

    .transform-none {
        transform: none;
    }

    .\!animate-in {
        animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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) !important;
    }

    .animate-\[fadeIn_0\.5s_cubic-bezier\(0\.25\,0\.25\,0\,1\)_0\.5s_both\]\! {
        animation: fadeIn 0.5s cubic-bezier(0.25, 0.25, 0, 1) 0.5s both !important;
    }

    .animate-\[marquee-reverse_30000ms_linear_both_infinite\] {
        animation: marquee-reverse 30s linear infinite both;
    }

    .animate-\[marquee_40000ms_linear_both_infinite\] {
        animation: marquee 40s linear infinite both;
    }

    .animate-\[marquee_90000ms_linear_both_infinite\] {
        animation: marquee 90s linear infinite both;
    }

    .animate-\[pulse_600ms_cubic-bezier\(0\.4\,0\,0\.6\,1\)_200ms_infinite\] {
        animation: pulse 0.6s cubic-bezier(0.4, 0, 0.6, 1) 0.2s infinite;
    }

    .animate-\[pulse_600ms_cubic-bezier\(0\.4\,0\,0\.6\,1\)_400ms_infinite\] {
        animation: pulse 0.6s cubic-bezier(0.4, 0, 0.6, 1) 0.4s infinite;
    }

    .animate-\[pulse_600ms_cubic-bezier\(0\.4\,0\,0\.6\,1\)_infinite\] {
        animation: pulse 0.6s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }

    .animate-\[transformSpin_3s_both_cubic-bezier\(\.5\,\.2\,\.5\,\.8\)_infinite\] {
        animation: transformSpin 3s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite both;
    }

    .animate-bounce {
        animation: var(--animate-bounce);
    }

    .animate-caret-blink {
        animation: caret-blink 1.25s ease-out infinite;
    }

    .animate-fade-in {
        animation: var(--animate-fade-in);
    }

    .animate-in {
        animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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-line-loading-slower {
        animation: var(--animate-line-loading-slower);
    }

    .animate-marquee {
        animation: var(--animate-marquee);
    }

    .animate-marquee-vertical {
        animation: var(--animate-marquee-vertical);
    }

    .animate-pulse {
        animation: var(--animate-pulse);
    }

    .animate-slide-in {
        animation: var(--animate-slide-in);
    }

    .animate-spin {
        animation: var(--animate-spin);
    }

    .animate-spinner {
        animation: var(--animate-spinner);
    }

    .cursor-crosshair {
        cursor: crosshair;
    }

    .cursor-default {
        cursor: default;
    }

    .cursor-grab {
        cursor: grab;
    }

    .cursor-help {
        cursor: help;
    }

    .cursor-not-allowed {
        cursor: not-allowed;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .cursor-pointer\! {
        cursor: pointer !important;
    }

    .cursor-text {
        cursor: text;
    }

    .touch-none {
        touch-action: none;
    }

    .resize {
        resize: both;
    }

    .resize-none {
        resize: none;
    }

    .snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness);
    }

    .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory;
    }

    .snap-start {
        scroll-snap-align: start;
    }

    .-scroll-mt-5 {
        scroll-margin-top: calc(var(--spacing) * -5);
    }

    .scroll-mt-10 {
        scroll-margin-top: calc(var(--spacing) * 10);
    }

    .scroll-mt-16 {
        scroll-margin-top: calc(var(--spacing) * 16);
    }

    .scroll-mt-20 {
        scroll-margin-top: calc(var(--spacing) * 20);
    }

    .scroll-mt-24 {
        scroll-margin-top: calc(var(--spacing) * 24);
    }

    .scroll-mt-32 {
        scroll-margin-top: calc(var(--spacing) * 32);
    }

    .scroll-mt-\[-66px\] {
        scroll-margin-top: -66px;
    }

    .scroll-mt-\[60px\] {
        scroll-margin-top: 60px;
    }

    .scroll-mt-\[66px\] {
        scroll-margin-top: 66px;
    }

    .scroll-mt-\[75px\] {
        scroll-margin-top: 75px;
    }

    .scroll-mt-\[105px\] {
        scroll-margin-top: 105px;
    }

    .list-inside {
        list-style-position: inside;
    }

    .list-outside {
        list-style-position: outside;
    }

    .list-decimal {
        list-style-type: decimal;
    }

    .list-disc {
        list-style-type: disc;
    }

    .list-none {
        list-style-type: none;
    }

    .columns-1 {
        column-count: 1;
    }

    .columns-2 {
        column-count: 2;
    }

    .break-inside-avoid-column {
        break-inside: avoid-column;
    }

    .grid-flow-col {
        grid-auto-flow: column;
    }

    .auto-rows-\[200px\] {
        grid-auto-rows: 200px;
    }

    .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-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .grid-cols-\[1fr_1fr\] {
        grid-template-columns: 1fr 1fr;
    }

    .grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    .grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr));
    }

    .grid-rows-\[0fr\] {
        grid-template-rows: 0fr;
    }

    .grid-rows-\[1fr\] {
        grid-template-rows: 1fr;
    }

    .grid-rows-\[44px_1fr_auto\] {
        grid-template-rows: 44px 1fr auto;
    }

    .grid-rows-\[max-content\] {
        grid-template-rows: max-content;
    }

    .flex-col {
        flex-direction: column;
    }

    .flex-col\! {
        flex-direction: column !important;
    }

    .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-items-center {
        place-items: center;
    }

    .content-end {
        align-content: flex-end;
    }

    .items-baseline {
        align-items: baseline;
    }

    .items-center {
        align-items: center;
    }

    .items-center\! {
        align-items: center !important;
    }

    .items-end {
        align-items: flex-end;
    }

    .items-start {
        align-items: flex-start;
    }

    .items-stretch {
        align-items: stretch;
    }

    .justify-around {
        justify-content: space-around;
    }

    .justify-between {
        justify-content: space-between;
    }

    .justify-between\! {
        justify-content: space-between !important;
    }

    .justify-center {
        justify-content: center;
    }

    .justify-center\! {
        justify-content: center !important;
    }

    .justify-end {
        justify-content: flex-end;
    }

    .justify-start {
        justify-content: flex-start;
    }

    .justify-stretch {
        justify-content: stretch;
    }

    .justify-items-end {
        justify-items: end;
    }

    .gap-0 {
        gap: calc(var(--spacing) * 0);
    }

    .gap-0\.5 {
        gap: calc(var(--spacing) * 0.5);
    }

    .gap-0\.25 {
        gap: calc(var(--spacing) * 0.25);
    }

    .gap-1 {
        gap: calc(var(--spacing) * 1);
    }

    .gap-1\.5 {
        gap: calc(var(--spacing) * 1.5);
    }

    .gap-2 {
        gap: calc(var(--spacing) * 2);
    }

    .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5);
    }

    .gap-3 {
        gap: calc(var(--spacing) * 3);
    }

    .gap-4 {
        gap: calc(var(--spacing) * 4);
    }

    .gap-5 {
        gap: calc(var(--spacing) * 5);
    }

    .gap-6 {
        gap: calc(var(--spacing) * 6);
    }

    .gap-7 {
        gap: calc(var(--spacing) * 7);
    }

    .gap-8 {
        gap: calc(var(--spacing) * 8);
    }

    .gap-10 {
        gap: calc(var(--spacing) * 10);
    }

    .gap-12 {
        gap: calc(var(--spacing) * 12);
    }

    .gap-16 {
        gap: calc(var(--spacing) * 16);
    }

    .gap-20 {
        gap: calc(var(--spacing) * 20);
    }

    .gap-24 {
        gap: calc(var(--spacing) * 24);
    }

    .gap-px {
        gap: 1px;
    }

    :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)));
    }

    :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) * 0.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.space-y-1 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.space-y-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-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-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-12 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.space-y-16 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }

    .gap-x-0\.5 {
        column-gap: calc(var(--spacing) * 0.5);
    }

    .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-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);
    }

    .gap-x-10 {
        column-gap: calc(var(--spacing) * 10);
    }

    .gap-x-16 {
        column-gap: calc(var(--spacing) * 16);
    }

    :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)));
    }

    :where(.-space-x-3 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)));
    }

    :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)));
    }

    :where(.space-x-3 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.space-x-4 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.space-x-5 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.space-x-6 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
    }

    .gap-y-0\.5 {
        row-gap: calc(var(--spacing) * 0.5);
    }

    .gap-y-1 {
        row-gap: calc(var(--spacing) * 1);
    }

    .gap-y-2 {
        row-gap: calc(var(--spacing) * 2);
    }

    .gap-y-3 {
        row-gap: calc(var(--spacing) * 3);
    }

    .gap-y-4 {
        row-gap: calc(var(--spacing) * 4);
    }

    .gap-y-6 {
        row-gap: calc(var(--spacing) * 6);
    }

    .gap-y-7 {
        row-gap: calc(var(--spacing) * 7);
    }

    .gap-y-8 {
        row-gap: calc(var(--spacing) * 8);
    }

    .gap-y-10 {
        row-gap: calc(var(--spacing) * 10);
    }

    .gap-y-12 {
        row-gap: calc(var(--spacing) * 12);
    }

    :where(.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(.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)) {
        border-color: hsl(var(--border-default));
    }

    :where(.divide-muted > :not(:last-child)),
    :where(.divide-muted\/50 > :not(:last-child)) {
        border-color: hsl(var(--border-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
        :where(.divide-muted\/50 > :not(:last-child)) {
            border-color: color-mix(in oklab,
                    hsl(var(--border-muted)) 50%,
                    transparent);
        }
    }

    .self-center {
        align-self: center;
    }

    .self-end {
        align-self: flex-end;
    }

    .self-start {
        align-self: flex-start;
    }

    .self-stretch {
        align-self: stretch;
    }

    .justify-self-center {
        justify-self: center;
    }

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .overflow-auto {
        overflow: auto;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .overflow-hidden\! {
        overflow: hidden !important;
    }

    .overflow-scroll {
        overflow: scroll;
    }

    .overflow-visible {
        overflow: visible;
    }

    .overflow-visible\! {
        overflow: visible !important;
    }

    .overflow-x-auto {
        overflow-x: auto;
    }

    .overflow-x-hidden {
        overflow-x: hidden;
    }

    .overflow-x-scroll {
        overflow-x: scroll;
    }

    .overflow-y-auto {
        overflow-y: auto;
    }

    .overflow-y-hidden {
        overflow-y: hidden;
    }

    .overflow-y-scroll {
        overflow-y: scroll;
    }

    .rounded {
        border-radius: 0.25rem;
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl);
    }

    .rounded-3xl {
        border-radius: var(--radius-3xl);
    }

    .rounded-\[2px\] {
        border-radius: 2px;
    }

    .rounded-\[7px\] {
        border-radius: 7px;
    }

    .rounded-\[inherit\] {
        border-radius: inherit;
    }

    .rounded-full {
        border-radius: 3.40282e38px;
    }

    .rounded-lg {
        border-radius: var(--radius-lg);
    }

    .rounded-lg\! {
        border-radius: var(--radius-lg) !important;
    }

    .rounded-md {
        border-radius: var(--radius-md);
    }

    .rounded-md\! {
        border-radius: var(--radius-md) !important;
    }

    .rounded-none {
        border-radius: 0;
    }

    .rounded-none\! {
        border-radius: 0 !important;
    }

    .rounded-sm {
        border-radius: var(--radius-sm);
    }

    .rounded-xl {
        border-radius: var(--radius-xl);
    }

    .rounded-xl\! {
        border-radius: var(--radius-xl) !important;
    }

    .rounded-xs {
        border-radius: var(--radius-xs);
    }

    .rounded-t-lg {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }

    .rounded-t-md {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md);
    }

    .rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .rounded-l {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .rounded-l-lg {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
    }

    .rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .rounded-tl {
        border-top-left-radius: 0.25rem;
    }

    .rounded-tl-\[9px\] {
        border-top-left-radius: 9px;
    }

    .rounded-tl-lg {
        border-top-left-radius: var(--radius-lg);
    }

    .rounded-tl-lg\! {
        border-top-left-radius: var(--radius-lg) !important;
    }

    .rounded-tl-sm {
        border-top-left-radius: var(--radius-sm);
    }

    .rounded-r {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

    .rounded-r-lg {
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
    }

    .rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .rounded-tr {
        border-top-right-radius: 0.25rem;
    }

    .rounded-tr-\[9px\] {
        border-top-right-radius: 9px;
    }

    .rounded-tr-lg {
        border-top-right-radius: var(--radius-lg);
    }

    .rounded-b {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .rounded-b-lg {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
    }

    .rounded-b-md {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
    }

    .rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .rounded-br-\[4px\] {
        border-bottom-right-radius: 4px;
    }

    .rounded-br-lg {
        border-bottom-right-radius: var(--radius-lg);
    }

    .rounded-bl-\[4px\] {
        border-bottom-left-radius: 4px;
    }

    .rounded-bl-lg {
        border-bottom-left-radius: var(--radius-lg);
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }

    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0;
    }

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px;
    }

    .border-2\! {
        border-style: var(--tw-border-style) !important;
        border-width: 2px !important;
    }

    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px;
    }

    .border-\[0\.5px\] {
        border-style: var(--tw-border-style);
        border-width: 0.5px;
    }

    .border-\[1\.5px\] {
        border-style: var(--tw-border-style);
        border-width: 1.5px;
    }

    .border-\[3px\] {
        border-style: var(--tw-border-style);
        border-width: 3px;
    }

    .border-x {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 1px;
    }

    .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-s {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px;
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }

    .border-t\! {
        border-top-style: var(--tw-border-style) !important;
        border-top-width: 1px !important;
    }

    .border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0;
    }

    .border-t-0\! {
        border-top-style: var(--tw-border-style) !important;
        border-top-width: 0 !important;
    }

    .border-t-2 {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px;
    }

    .border-t-8 {
        border-top-style: var(--tw-border-style);
        border-top-width: 8px;
    }

    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
    }

    .border-r-0 {
        border-right-style: var(--tw-border-style);
        border-right-width: 0;
    }

    .border-r-0\! {
        border-right-style: var(--tw-border-style) !important;
        border-right-width: 0 !important;
    }

    .border-r-8 {
        border-right-style: var(--tw-border-style);
        border-right-width: 8px;
    }

    .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-0\! {
        border-bottom-style: var(--tw-border-style) !important;
        border-bottom-width: 0 !important;
    }

    .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\! {
        border-left-style: var(--tw-border-style) !important;
        border-left-width: 1px !important;
    }

    .border-l-0\! {
        border-left-style: var(--tw-border-style) !important;
        border-left-width: 0 !important;
    }

    .border-l-4 {
        border-left-style: var(--tw-border-style);
        border-left-width: 4px;
    }

    .border-l-8 {
        border-left-style: var(--tw-border-style);
        border-left-width: 8px;
    }

    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed;
    }

    .border-dotted {
        --tw-border-style: dotted;
        border-style: dotted;
    }

    .border-none {
        --tw-border-style: none;
        border-style: none;
    }

    .border-none\! {
        --tw-border-style: none !important;
        border-style: none !important;
    }

    .border-solid {
        --tw-border-style: solid;
        border-style: solid;
    }

    .border-\(--color-border\) {
        border-color: var(--color-border);
    }

    .border-\[\#2E2E2E\] {
        border-color: #2e2e2e;
    }

    .border-\[\#6044FF40\]\! {
        border-color: #6044ff40 !important;
    }

    .border-\[\#14191B\] {
        border-color: #14191b;
    }

    .border-\[\#061517\]\! {
        border-color: #061517 !important;
    }

    .border-\[\#111618\] {
        border-color: #111618;
    }

    .border-\[\#111718\] {
        border-color: #111718;
    }

    .border-\[\#163837\]\! {
        border-color: #163837 !important;
    }

    .border-\[\#232323\] {
        border-color: #232323;
    }

    .border-\[\#DFFFF1\] {
        border-color: #dffff1;
    }

    .border-\[\#DFFFF1\]\! {
        border-color: #dffff1 !important;
    }

    .border-\[\#F4FFFA90\] {
        border-color: #f4fffa90;
    }

    .border-\[\#FFFFFF20\]\! {
        border-color: #ffffff20 !important;
    }

    .border-\[\#e5e5e5\] {
        border-color: #e5e5e5;
    }

    .border-\[\#e6e8eb\]\/90\! {
        border-color: oklab(93.0322% -0.000928372 -0.00449371/.9) !important;
    }

    .border-alternative {
        border-color: hsl(var(--border-alternative));
    }

    .border-amber-500 {
        border-color: var(--color-amber-500);
    }

    .border-background {
        border-color: hsl(var(--background-default));
    }

    .border-background-alternative {
        border-color: hsl(var(--background-alternative-default));
    }

    .border-background-surface-100 {
        border-color: hsl(var(--background-surface-100));
    }

    .border-background-surface-300 {
        border-color: hsl(var(--background-surface-300));
    }

    .border-blue-500 {
        border-color: var(--color-blue-500);
    }

    .border-border {
        border-color: hsl(var(--border-default));
    }

    .border-border-muted {
        border-color: hsl(var(--border-muted));
    }

    .border-border\/50 {
        border-color: hsl(var(--border-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-border\/50 {
            border-color: color-mix(in oklab,
                    hsl(var(--border-default)) 50%,
                    transparent);
        }
    }

    .border-brand {
        border-color: hsl(var(--brand-default));
    }

    .border-brand-300 {
        border-color: hsl(var(--brand-300));
    }

    .border-brand-400 {
        border-color: hsl(var(--brand-400));
    }

    .border-brand-500,
    .border-brand-500\/75 {
        border-color: hsl(var(--brand-500));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-brand-500\/75 {
            border-color: color-mix(in oklab, hsl(var(--brand-500)) 75%, transparent);
        }
    }

    .border-brand-600 {
        border-color: hsl(var(--brand-600));
    }

    .border-brand-900 {
        border-color: var(--color-brand-900);
    }

    .border-button {
        border-color: hsl(var(--border-button-default));
    }

    .border-button-hover {
        border-color: hsl(var(--border-button-hover));
    }

    .border-control {
        border-color: hsl(var(--border-control));
    }

    .border-default,
    .border-default\/15 {
        border-color: hsl(var(--border-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-default\/15 {
            border-color: color-mix(in oklab,
                    hsl(var(--border-default)) 15%,
                    transparent);
        }
    }

    .border-destructive {
        border-color: hsl(var(--destructive-default));
    }

    .border-destructive-400 {
        border-color: hsl(var(--destructive-400));
    }

    .border-destructive-500,
    .border-destructive-500\/20 {
        border-color: hsl(var(--destructive-500));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-destructive-500\/20 {
            border-color: color-mix(in oklab,
                    hsl(var(--destructive-500)) 20%,
                    transparent);
        }
    }

    .border-destructive-500\/50 {
        border-color: hsl(var(--destructive-500));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-destructive-500\/50 {
            border-color: color-mix(in oklab,
                    hsl(var(--destructive-500)) 50%,
                    transparent);
        }
    }

    .border-emerald-500 {
        border-color: var(--color-emerald-500);
    }

    .border-foreground {
        border-color: hsl(var(--foreground-default));
    }

    .border-foreground\! {
        border-color: hsl(var(--foreground-default)) !important;
    }

    .border-foreground-light {
        border-color: hsl(var(--foreground-light));
    }

    .border-foreground-lighter,
    .border-foreground-lighter\/30 {
        border-color: hsl(var(--foreground-lighter));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-foreground-lighter\/30 {
            border-color: color-mix(in oklab,
                    hsl(var(--foreground-lighter)) 30%,
                    transparent);
        }
    }

    .border-foreground-lighter\/70 {
        border-color: hsl(var(--foreground-lighter));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-foreground-lighter\/70 {
            border-color: color-mix(in oklab,
                    hsl(var(--foreground-lighter)) 70%,
                    transparent);
        }
    }

    .border-foreground-muted {
        border-color: hsl(var(--foreground-muted));
    }

    .border-foreground\/10 {
        border-color: hsl(var(--foreground-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-foreground\/10 {
            border-color: color-mix(in oklab,
                    hsl(var(--foreground-default)) 10%,
                    transparent);
        }
    }

    .border-gray-300 {
        border-color: var(--color-gray-300);
    }

    .border-gray-800 {
        border-color: var(--color-gray-800);
    }

    .border-green-700 {
        border-color: var(--color-green-700);
    }

    .border-muted,
    .border-muted\/40 {
        border-color: hsl(var(--border-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-muted\/40 {
            border-color: color-mix(in oklab,
                    hsl(var(--border-muted)) 40%,
                    transparent);
        }
    }

    .border-muted\/50 {
        border-color: hsl(var(--border-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-muted\/50 {
            border-color: color-mix(in oklab,
                    hsl(var(--border-muted)) 50%,
                    transparent);
        }
    }

    .border-neutral-300 {
        border-color: var(--color-neutral-300);
    }

    .border-neutral-500 {
        border-color: var(--color-neutral-500);
    }

    .border-neutral-600 {
        border-color: var(--color-neutral-600);
    }

    .border-neutral-700 {
        border-color: var(--color-neutral-700);
    }

    .border-neutral-700\/50 {
        border-color: #40404080;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-neutral-700\/50 {
            border-color: color-mix(in oklab,
                    var(--color-neutral-700) 50%,
                    transparent);
        }
    }

    .border-neutral-800 {
        border-color: var(--color-neutral-800);
    }

    .border-overlay,
    .border-overlay\/90 {
        border-color: hsl(var(--border-overlay));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-overlay\/90 {
            border-color: color-mix(in oklab,
                    hsl(var(--border-overlay)) 90%,
                    transparent);
        }
    }

    .border-purple-700 {
        border-color: var(--color-purple-700);
    }

    .border-purple-900 {
        border-color: var(--color-purple-900);
    }

    .border-red-500 {
        border-color: var(--color-red-500);
    }

    .border-secondary {
        border-color: hsl(var(--border-secondary));
    }

    .border-sidebar-border {
        border-color: hsl(var(--sidebar-border));
    }

    .border-strong {
        border-color: hsl(var(--border-strong));
    }

    .border-stronger {
        border-color: hsl(var(--border-stronger));
    }

    .border-transparent {
        border-color: #0000;
    }

    .border-transparent\/0 {
        border-color: oklab(0 none none/0);
    }

    .border-warning {
        border-color: hsl(var(--warning-default));
    }

    .border-warning-400 {
        border-color: hsl(var(--warning-400));
    }

    .border-warning-500,
    .border-warning-500\/50 {
        border-color: hsl(var(--warning-500));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-warning-500\/50 {
            border-color: color-mix(in oklab,
                    hsl(var(--warning-500)) 50%,
                    transparent);
        }
    }

    .border-t-foreground {
        border-top-color: hsl(var(--foreground-default));
    }

    .border-t-muted {
        border-top-color: hsl(var(--border-muted));
    }

    .border-t-neutral-200 {
        border-top-color: var(--color-neutral-200);
    }

    .border-t-neutral-900\/90 {
        border-top-color: #171717e6;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-t-neutral-900\/90 {
            border-top-color: color-mix(in oklab,
                    var(--color-neutral-900) 90%,
                    transparent);
        }
    }

    .border-t-transparent {
        border-top-color: #0000;
    }

    .border-r-transparent {
        border-right-color: #0000;
    }

    .border-b-muted {
        border-bottom-color: hsl(var(--border-muted));
    }

    .border-l-transparent {
        border-left-color: #0000;
    }

    .\!bg-overlay {
        background-color: hsl(var(--background-overlay-default)) !important;
    }

    .\!bg-selection {
        background-color: hsl(var(--background-selection)) !important;
    }

    .\!bg-surface-75 {
        background-color: hsl(var(--background-surface-75)) !important;
    }

    .\!bg-surface-100 {
        background-color: hsl(var(--background-surface-100)) !important;
    }

    .bg {
        background-color: hsl(var(--background-default));
    }

    .bg-\(--color-bg\) {
        background-color: var(--color-bg);
    }

    .bg-\(--color-bg-darkest\) {
        background-color: var(--color-bg-darkest);
    }

    .bg-200 {
        background-color: hsl(var(--background-200));
    }

    .bg-\[\#1C1C1C90\] {
        background-color: #1c1c1c90;
    }

    .bg-\[\#1C1C1C\] {
        background-color: #1c1c1c;
    }

    .bg-\[\#1c1c1c99\] {
        background-color: #1c1c1c99;
    }

    .bg-\[\#1f1f1f\] {
        background-color: #1f1f1f;
    }

    .bg-\[\#9e44ef\] {
        background-color: #9e44ef;
    }

    .bg-\[\#030A0C\] {
        background-color: #030a0c;
    }

    .bg-\[\#191D1E\] {
        background-color: #191d1e;
    }

    .bg-\[\#05090B\]\! {
        background-color: #05090b !important;
    }

    .bg-\[\#020405\] {
        background-color: #020405;
    }

    .bg-\[\#020405\]\! {
        background-color: #020405 !important;
    }

    .bg-\[\#32313F\] {
        background-color: #32313f;
    }

    .bg-\[\#060809\] {
        background-color: #060809;
    }

    .bg-\[\#111415\] {
        background-color: #111415;
    }

    .bg-\[\#121516\] {
        background-color: #121516;
    }

    .bg-\[\#222428\] {
        background-color: #222428;
    }

    .bg-\[\#313131\] {
        background-color: #313131;
    }

    .bg-\[\#06080999\] {
        background-color: #06080999;
    }

    .bg-\[\#f0f0f0\] {
        background-color: #f0f0f0;
    }

    .bg-\[\#f8f9fa\]\/95\! {
        background-color: oklab(98.1639% -0.000643969 -0.00158119/.95) !important;
    }

    .bg-\[linear-gradient\(to_top\,\#060809\)_0\%\,\] {
        background-color: linear-gradient(0deg, #060809) 0;
    }

    .bg-alternative {
        background-color: hsl(var(--background-alternative-default));
    }

    .bg-alternative\! {
        background-color: hsl(var(--background-alternative-default)) !important;
    }

    .bg-alternative-200,
    .bg-alternative-200\/20 {
        background-color: hsl(var(--background-alternative-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-alternative-200\/20 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-alternative-200)) 20%,
                    transparent);
        }
    }

    .bg-alternative\/90 {
        background-color: hsl(var(--background-alternative-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-alternative\/90 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-alternative-default)) 90%,
                    transparent);
        }
    }

    .bg-amber-300 {
        background-color: var(--color-amber-300);
    }

    .bg-amber-800 {
        background-color: var(--color-amber-800);
    }

    .bg-background {
        background-color: hsl(var(--background-default));
    }

    .bg-background\! {
        background-color: hsl(var(--background-default)) !important;
    }

    .bg-background-alternative {
        background-color: hsl(var(--background-alternative-default));
    }

    .bg-background-muted,
    .bg-background-muted\/80 {
        background-color: hsl(var(--background-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-background-muted\/80 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-muted)) 80%,
                    transparent);
        }
    }

    .bg-background\/80 {
        background-color: hsl(var(--background-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-background\/80 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-default)) 80%,
                    transparent);
        }
    }

    .bg-background\/90 {
        background-color: hsl(var(--background-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-background\/90 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-default)) 90%,
                    transparent);
        }
    }

    .bg-black {
        background-color: var(--color-black);
    }

    .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\/50 {
        background-color: #00000080;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/50 {
            background-color: color-mix(in oklab,
                    var(--color-black) 50%,
                    transparent);
        }
    }

    .bg-black\/80 {
        background-color: #000c;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/80 {
            background-color: color-mix(in oklab,
                    var(--color-black) 80%,
                    transparent);
        }
    }

    .bg-black\/90 {
        background-color: #000000e6;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/90 {
            background-color: color-mix(in oklab,
                    var(--color-black) 90%,
                    transparent);
        }
    }

    .bg-blue-200 {
        background-color: var(--color-blue-200);
    }

    .bg-blue-300 {
        background-color: var(--color-blue-300);
    }

    .bg-blue-500 {
        background-color: var(--color-blue-500);
    }

    .bg-blue-600 {
        background-color: var(--color-blue-600);
    }

    .bg-blue-800 {
        background-color: var(--color-blue-800);
    }

    .bg-border {
        background-color: hsl(var(--border-default));
    }

    .bg-border-muted {
        background-color: hsl(var(--border-muted));
    }

    .bg-border-overlay {
        background-color: hsl(var(--border-overlay));
    }

    .bg-border-strong {
        background-color: hsl(var(--border-strong));
    }

    .bg-border-stronger {
        background-color: hsl(var(--border-stronger));
    }

    .bg-brand {
        background-color: hsl(var(--brand-default));
    }

    .bg-brand-200 {
        background-color: hsl(var(--brand-200));
    }

    .bg-brand-300,
    .bg-brand-300\/40 {
        background-color: hsl(var(--brand-300));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-brand-300\/40 {
            background-color: color-mix(in oklab,
                    hsl(var(--brand-300)) 40%,
                    transparent);
        }
    }

    .bg-brand-400,
    .bg-brand-400\/15 {
        background-color: hsl(var(--brand-400));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-brand-400\/15 {
            background-color: color-mix(in oklab,
                    hsl(var(--brand-400)) 15%,
                    transparent);
        }
    }

    .bg-brand-500,
    .bg-brand-500\/10 {
        background-color: hsl(var(--brand-500));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-brand-500\/10 {
            background-color: color-mix(in oklab,
                    hsl(var(--brand-500)) 10%,
                    transparent);
        }
    }

    .bg-brand-600 {
        background-color: hsl(var(--brand-600));
    }

    .bg-brand-link {
        background-color: hsl(var(--brand-link));
    }

    .bg-brand\/10 {
        background-color: hsl(var(--brand-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-brand\/10 {
            background-color: color-mix(in oklab,
                    hsl(var(--brand-default)) 10%,
                    transparent);
        }
    }

    .bg-button {
        background-color: hsl(var(--background-button-default));
    }

    .bg-code_block-1 {
        background-color: hsl(var(--code-block-1));
    }

    .bg-code_block-2 {
        background-color: hsl(var(--code-block-2));
    }

    .bg-code_block-3 {
        background-color: hsl(var(--code-block-3));
    }

    .bg-code_block-4 {
        background-color: hsl(var(--code-block-4));
    }

    .bg-code_block-5 {
        background-color: hsl(var(--code-block-5));
    }

    .bg-control,
    .bg-control\/25 {
        background-color: hsl(var(--background-control));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-control\/25 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-control)) 25%,
                    transparent);
        }
    }

    .bg-current {
        background-color: currentColor;
    }

    .bg-cyan-500 {
        background-color: var(--color-cyan-500);
    }

    .bg-dash-canvas {
        background-color: hsl(var(--background-dash-canvas));
    }

    .bg-dash-sidebar {
        background-color: hsl(var(--background-dash-sidebar));
    }

    .bg-default,
    .bg-default\/30 {
        background-color: hsl(var(--background-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-default\/30 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-default)) 30%,
                    transparent);
        }
    }

    .bg-default\/90 {
        background-color: hsl(var(--background-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-default\/90 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-default)) 90%,
                    transparent);
        }
    }

    .bg-destructive {
        background-color: hsl(var(--destructive-default));
    }

    .bg-destructive-200,
    .bg-destructive-200\/30 {
        background-color: hsl(var(--destructive-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-destructive-200\/30 {
            background-color: color-mix(in oklab,
                    hsl(var(--destructive-200)) 30%,
                    transparent);
        }
    }

    .bg-destructive-200\/50 {
        background-color: hsl(var(--destructive-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-destructive-200\/50 {
            background-color: color-mix(in oklab,
                    hsl(var(--destructive-200)) 50%,
                    transparent);
        }
    }

    .bg-destructive-300 {
        background-color: hsl(var(--destructive-300));
    }

    .bg-destructive-400 {
        background-color: hsl(var(--destructive-400));
    }

    .bg-destructive-500 {
        background-color: hsl(var(--destructive-500));
    }

    .bg-destructive-600 {
        background-color: hsl(var(--destructive-600));
    }

    .bg-destructive\/10 {
        background-color: hsl(var(--destructive-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-destructive\/10 {
            background-color: color-mix(in oklab,
                    hsl(var(--destructive-default)) 10%,
                    transparent);
        }
    }

    .bg-dialog {
        background-color: hsl(var(--background-dialog-default));
    }

    .bg-emerald-200 {
        background-color: var(--color-emerald-200);
    }

    .bg-emerald-500 {
        background-color: var(--color-emerald-500);
    }

    .bg-emerald-600 {
        background-color: var(--color-emerald-600);
    }

    .bg-emerald-950 {
        background-color: var(--color-emerald-950);
    }

    .bg-foreground {
        background-color: hsl(var(--foreground-default));
    }

    .bg-foreground-light {
        background-color: hsl(var(--foreground-light));
    }

    .bg-foreground-lighter {
        background-color: hsl(var(--foreground-lighter));
    }

    .bg-foreground-muted,
    .bg-foreground-muted\/20 {
        background-color: hsl(var(--foreground-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-foreground-muted\/20 {
            background-color: color-mix(in oklab,
                    hsl(var(--foreground-muted)) 20%,
                    transparent);
        }
    }

    .bg-foreground-muted\/50 {
        background-color: hsl(var(--foreground-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-foreground-muted\/50 {
            background-color: color-mix(in oklab,
                    hsl(var(--foreground-muted)) 50%,
                    transparent);
        }
    }

    .bg-foreground-muted\/60 {
        background-color: hsl(var(--foreground-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-foreground-muted\/60 {
            background-color: color-mix(in oklab,
                    hsl(var(--foreground-muted)) 60%,
                    transparent);
        }
    }

    .bg-foreground-muted\/80 {
        background-color: hsl(var(--foreground-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-foreground-muted\/80 {
            background-color: color-mix(in oklab,
                    hsl(var(--foreground-muted)) 80%,
                    transparent);
        }
    }

    .bg-foreground\/20 {
        background-color: hsl(var(--foreground-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-foreground\/20 {
            background-color: color-mix(in oklab,
                    hsl(var(--foreground-default)) 20%,
                    transparent);
        }
    }

    .bg-foreground\/90 {
        background-color: hsl(var(--foreground-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-foreground\/90 {
            background-color: color-mix(in oklab,
                    hsl(var(--foreground-default)) 90%,
                    transparent);
        }
    }

    .bg-foreground\/\[\.026\] {
        background-color: hsl(var(--foreground-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-foreground\/\[\.026\] {
            background-color: color-mix(in oklab,
                    hsl(var(--foreground-default)) 2.6%,
                    transparent);
        }
    }

    .bg-foreground\/\[\.026\]\! {
        background-color: hsl(var(--foreground-default)) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-foreground\/\[\.026\]\! {
            background-color: color-mix(in oklab,
                    hsl(var(--foreground-default)) 2.6%,
                    transparent) !important;
        }
    }

    .bg-gray-300 {
        background-color: var(--color-gray-300);
    }

    .bg-gray-800 {
        background-color: var(--color-gray-800);
    }

    .bg-gray-900 {
        background-color: var(--color-gray-900);
    }

    .bg-green-400 {
        background-color: var(--color-green-400);
    }

    .bg-green-500 {
        background-color: var(--color-green-500);
    }

    .bg-green-800 {
        background-color: var(--color-green-800);
    }

    .bg-green-900 {
        background-color: var(--color-green-900);
    }

    .bg-indigo-500 {
        background-color: var(--color-indigo-500);
    }

    .bg-indigo-900 {
        background-color: var(--color-indigo-900);
    }

    .bg-muted {
        background-color: hsl(var(--background-muted));
    }

    .bg-neutral-300 {
        background-color: var(--color-neutral-300);
    }

    .bg-neutral-500 {
        background-color: var(--color-neutral-500);
    }

    .bg-neutral-700 {
        background-color: var(--color-neutral-700);
    }

    .bg-neutral-800 {
        background-color: var(--color-neutral-800);
    }

    .bg-neutral-900 {
        background-color: var(--color-neutral-900);
    }

    .bg-neutral-900\/80 {
        background-color: #171717cc;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-neutral-900\/80 {
            background-color: color-mix(in oklab,
                    var(--color-neutral-900) 80%,
                    transparent);
        }
    }

    .bg-orange-500 {
        background-color: var(--color-orange-500);
    }

    .bg-overlay {
        background-color: hsl(var(--background-overlay-default));
    }

    .bg-overlay-hover {
        background-color: hsl(var(--background-overlay-hover));
    }

    .bg-overlay\/50 {
        background-color: hsl(var(--background-overlay-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-overlay\/50 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-overlay-default)) 50%,
                    transparent);
        }
    }

    .bg-pink-500 {
        background-color: var(--color-pink-500);
    }

    .bg-purple-200 {
        background-color: var(--color-purple-200);
    }

    .bg-purple-300 {
        background-color: var(--color-purple-300);
    }

    .bg-purple-500 {
        background-color: var(--color-purple-500);
    }

    .bg-purple-600 {
        background-color: var(--color-purple-600);
    }

    .bg-red-500,
    .bg-red-500\/80 {
        background-color: var(--color-red-500);
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-red-500\/80 {
            background-color: color-mix(in oklab,
                    var(--color-red-500) 80%,
                    transparent);
        }
    }

    .bg-red-800 {
        background-color: var(--color-red-800);
    }

    .bg-selection {
        background-color: hsl(var(--background-selection));
    }

    .bg-sidebar {
        background-color: hsl(var(--sidebar-background));
    }

    .bg-sidebar-accent {
        background-color: hsl(var(--sidebar-accent));
    }

    .bg-sidebar-border {
        background-color: hsl(var(--sidebar-border));
    }

    .bg-slate-200 {
        background-color: var(--color-slate-200);
    }

    .bg-studio {
        background-color: hsl(var(--background-200));
    }

    .bg-surface-75,
    .bg-surface-75\/50 {
        background-color: hsl(var(--background-surface-75));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-surface-75\/50 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-surface-75)) 50%,
                    transparent);
        }
    }

    .bg-surface-100,
    .bg-surface-100\/10 {
        background-color: hsl(var(--background-surface-100));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-surface-100\/10 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-surface-100)) 10%,
                    transparent);
        }
    }

    .bg-surface-100\/75 {
        background-color: hsl(var(--background-surface-100));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-surface-100\/75 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-surface-100)) 75%,
                    transparent);
        }
    }

    .bg-surface-100\/80 {
        background-color: hsl(var(--background-surface-100));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-surface-100\/80 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-surface-100)) 80%,
                    transparent);
        }
    }

    .bg-surface-200,
    .bg-surface-200\/25 {
        background-color: hsl(var(--background-surface-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-surface-200\/25 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-surface-200)) 25%,
                    transparent);
        }
    }

    .bg-surface-200\/50 {
        background-color: hsl(var(--background-surface-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-surface-200\/50 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-surface-200)) 50%,
                    transparent);
        }
    }

    .bg-surface-300,
    .bg-surface-300\/30 {
        background-color: hsl(var(--background-surface-300));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-surface-300\/30 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-surface-300)) 30%,
                    transparent);
        }
    }

    .bg-surface-300\/50 {
        background-color: hsl(var(--background-surface-300));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-surface-300\/50 {
            background-color: color-mix(in oklab,
                    hsl(var(--background-surface-300)) 50%,
                    transparent);
        }
    }

    .bg-surface-400 {
        background-color: hsl(var(--background-surface-400));
    }

    .bg-teal-500 {
        background-color: var(--color-teal-500);
    }

    .bg-tomato-900 {
        background-color: var(--color-tomato-900);
    }

    .bg-transparent {
        background-color: #0000;
    }

    .bg-transparent\! {
        background-color: #0000 !important;
    }

    .bg-warning {
        background-color: hsl(var(--warning-default));
    }

    .bg-warning-200 {
        background-color: hsl(var(--warning-200));
    }

    .bg-warning-300 {
        background-color: hsl(var(--warning-300));
    }

    .bg-warning-400 {
        background-color: hsl(var(--warning-400));
    }

    .bg-warning-500 {
        background-color: hsl(var(--warning-500));
    }

    .bg-warning-600 {
        background-color: hsl(var(--warning-600));
    }

    .bg-warning\/10 {
        background-color: hsl(var(--warning-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-warning\/10 {
            background-color: color-mix(in oklab,
                    hsl(var(--warning-default)) 10%,
                    transparent);
        }
    }

    .bg-white {
        background-color: var(--color-white);
    }

    .bg-yellow-500 {
        background-color: var(--color-yellow-500);
    }

    .bg-yellow-900 {
        background-color: var(--color-yellow-900);
    }

    .bg-linear-to-b {
        --tw-gradient-position: to bottom;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .bg-linear-to-b {
            --tw-gradient-position: to bottom in oklab;
        }
    }

    .bg-linear-to-b {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-linear-to-br {
        --tw-gradient-position: to bottom right;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .bg-linear-to-br {
            --tw-gradient-position: to bottom right in oklab;
        }
    }

    .bg-linear-to-br {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-linear-to-l {
        --tw-gradient-position: to left;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .bg-linear-to-l {
            --tw-gradient-position: to left in oklab;
        }
    }

    .bg-linear-to-l {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-linear-to-r {
        --tw-gradient-position: to right;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .bg-linear-to-r {
            --tw-gradient-position: to right in oklab;
        }
    }

    .bg-linear-to-r {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-linear-to-t {
        --tw-gradient-position: to top;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .bg-linear-to-t {
            --tw-gradient-position: to top in oklab;
        }
    }

    .bg-linear-to-t {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-\[linear-gradient\(to_bottom\,transparent_0\%\,hsl\(var\(--background-default\)\)_100\%\)\] {
        background-image: linear-gradient(to bottom,
                transparent 0,
                hsl(var(--background-default)) 100%);
    }

    .bg-\[linear-gradient\(to_top\,hsl\(var\(--background-alternative-default\)\)_40\%\,hsl\(var\(--background-default\)\)_90\%\)\] {
        background-image: linear-gradient(to top,
                hsl(var(--background-alternative-default)) 40%,
                hsl(var(--background-default)) 90%);
    }

    .bg-\[linear-gradient\(to_top\,hsl\(var\(--background-surface-75\)\)_0\%\,transparent_100\%\)\] {
        background-image: linear-gradient(to top,
                hsl(var(--background-surface-75)) 0,
                transparent 100%);
    }

    .bg-\[linear-gradient\(to_top\,transparent_0\%\,transparent_50\%\,hsl\(var\(--background-default\)\)_75\%\)\] {
        background-image: linear-gradient(to top,
                transparent 0,
                transparent 50%,
                hsl(var(--background-default)) 75%);
    }

    .bg-\[linear-gradient\(to_top\,transparent_0\%\,transparent_50\%\,hsl\(var\(--background-surface-75\)\)_85\%\)\] {
        background-image: linear-gradient(to top,
                transparent 0,
                transparent 50%,
                hsl(var(--background-surface-75)) 85%);
    }

    .bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,transparent_0\%\,hsl\(var\(--background-default\)\)_100\%\)\] {
        background-image: radial-gradient(50% 50% at 50% 50%,
                transparent 0,
                hsl(var(--background-default)) 100%);
    }

    .bg-\[radial-gradient\(circle_at_50\%_240\%\,hsl\(var\(--brand-300\)\)\,transparent_70\%\)\] {
        background-image: radial-gradient(circle at 50% 240%,
                hsl(var(--brand-300)),
                transparent 70%);
    }

    .bg-\[url\(\'\/images\/features\/features-cover-light\.svg\'\)\] {
        background-image: url(/images/features/features-cover-light.svg);
    }

    .bg-\[url\(\'\/images\/launchweek\/cdn-caching-bg\.png\'\)\] {
        background-image: url(/images/launchweek/cdn-caching-bg.png);
    }

    .bg-\[url\(\'\/images\/launchweek\/image-processing-bg-alt\.png\'\)\] {
        background-image: url(/images/launchweek/image-processing-bg-alt.png);
    }

    .bg-\[url\(\'\/images\/launchweek\/orbit\.svg\'\)\] {
        background-image: url(/images/launchweek/orbit.svg);
    }

    .bg-none {
        background-image: none;
    }

    .from-\[\#1C1C1C80\] {
        --tw-gradient-from: #1c1c1c80;
        --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-\[\#2A1E6C\] {
        --tw-gradient-from: #2a1e6c;
        --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-\[\#3ECF8E\] {
        --tw-gradient-from: #3ecf8e;
        --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-\[\#4635A7\]\! {
        --tw-gradient-from: #4635a7 !important;
        --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)) !important;
    }

    .from-\[\#22282a\] {
        --tw-gradient-from: #22282a;
        --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-\[\#191919\] {
        --tw-gradient-from: #191919;
        --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-\[\#484848\] {
        --tw-gradient-from: #484848;
        --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-\[\#11171890\] {
        --tw-gradient-from: #11171890;
        --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-\[\#46444460\] {
        --tw-gradient-from: #46444460;
        --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-\[\#46444490\] {
        --tw-gradient-from: #46444490;
        --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-\[\#48484880\] {
        --tw-gradient-from: #48484880;
        --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-\[\#F4FFFA\] {
        --tw-gradient-from: #f4fffa;
        --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-alternative {
        --tw-gradient-from: hsl(var(--background-alternative-default));
        --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: hsl(var(--background-default));
        --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-alternative {
        --tw-gradient-from: hsl(var(--background-alternative-default));
        --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-surface-75 {
        --tw-gradient-from: hsl(var(--background-surface-75));
        --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-surface-100 {
        --tw-gradient-from: hsl(var(--background-surface-100));
        --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-black\/80 {
        --tw-gradient-from: #000c;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .from-black\/80 {
            --tw-gradient-from: color-mix(in oklab,
                    var(--color-black) 80%,
                    transparent);
        }
    }

    .from-black\/80 {
        --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-border {
        --tw-gradient-from: hsl(var(--border-default));
        --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-border-muted {
        --tw-gradient-from: hsl(var(--border-muted));
        --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-border-strong {
        --tw-gradient-from: hsl(var(--border-strong));
        --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-current {
        --tw-gradient-from: currentcolor;
        --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-emerald-400\/0 {
        --tw-gradient-from: #0000;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .from-emerald-400\/0 {
            --tw-gradient-from: color-mix(in oklab,
                    var(--color-emerald-400) 0%,
                    transparent);
        }
    }

    .from-emerald-400\/0 {
        --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-foreground {
        --tw-gradient-from: hsl(var(--foreground-default));
        --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-neutral-600\/0 {
        --tw-gradient-from: #0000;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .from-neutral-600\/0 {
            --tw-gradient-from: color-mix(in oklab,
                    var(--color-neutral-600) 0%,
                    transparent);
        }
    }

    .from-neutral-600\/0 {
        --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-neutral-700 {
        --tw-gradient-from: var(--color-neutral-700);
        --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-neutral-900 {
        --tw-gradient-from: var(--color-neutral-900);
        --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-white {
        --tw-gradient-from: var(--color-white);
        --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-0\% {
        --tw-gradient-from-position: 0%;
    }

    .via-\[\#3ECF8E\] {
        --tw-gradient-via: #3ecf8e;
        --tw-gradient-via-stops: var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-via) var(--tw-gradient-via-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    .via-background-muted\/40 {
        --tw-gradient-via: hsl(var(--background-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .via-background-muted\/40 {
            --tw-gradient-via: color-mix(in oklab,
                    hsl(var(--background-muted)) 40%,
                    transparent);
        }
    }

    .via-background-muted\/40 {
        --tw-gradient-via-stops: var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-via) var(--tw-gradient-via-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    .via-background-surface-75 {
        --tw-gradient-via: hsl(var(--background-surface-75));
        --tw-gradient-via-stops: var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-via) var(--tw-gradient-via-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    .via-black\/30 {
        --tw-gradient-via: #0000004d;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .via-black\/30 {
            --tw-gradient-via: color-mix(in oklab,
                    var(--color-black) 30%,
                    transparent);
        }
    }

    .via-black\/30 {
        --tw-gradient-via-stops: var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-via) var(--tw-gradient-via-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    .via-border {
        --tw-gradient-via: hsl(var(--border-default));
        --tw-gradient-via-stops: var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-via) var(--tw-gradient-via-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    .via-border-control {
        --tw-gradient-via: hsl(var(--border-control));
        --tw-gradient-via-stops: var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-via) var(--tw-gradient-via-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    .via-emerald-400\/30 {
        --tw-gradient-via: #00d2944d;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .via-emerald-400\/30 {
            --tw-gradient-via: color-mix(in oklab,
                    var(--color-emerald-400) 30%,
                    transparent);
        }
    }

    .via-emerald-400\/30 {
        --tw-gradient-via-stops: var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-via) var(--tw-gradient-via-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    .via-neutral-600\/30 {
        --tw-gradient-via: #5252524d;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .via-neutral-600\/30 {
            --tw-gradient-via: color-mix(in oklab,
                    var(--color-neutral-600) 30%,
                    transparent);
        }
    }

    .via-neutral-600\/30 {
        --tw-gradient-via-stops: var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-via) var(--tw-gradient-via-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    .via-transparent {
        --tw-gradient-via: transparent;
        --tw-gradient-via-stops: var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-via) var(--tw-gradient-via-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    .via-20\% {
        --tw-gradient-via-position: 20%;
    }

    .to-\[\#1C1C1C60\] {
        --tw-gradient-to: #1c1c1c60;
        --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-\[\#1C1C1C\] {
        --tw-gradient-to: #1c1c1c;
        --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-\[\#1a7a4ca1\] {
        --tw-gradient-to: #1a7a4ca1;
        --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-\[\#2A1E6C00\] {
        --tw-gradient-to: #2a1e6c00;
        --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-\[\#3ecfb2\] {
        --tw-gradient-to: #3ecfb2;
        --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-\[\#7E7AAD\] {
        --tw-gradient-to: #7e7aad;
        --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-\[\#030A0C\] {
        --tw-gradient-to: #030a0c;
        --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-\[\#675FA7\] {
        --tw-gradient-to: #675fa7;
        --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-\[\#6453C5\] {
        --tw-gradient-to: #6453c5;
        --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-\[\#464444\] {
        --tw-gradient-to: #464444;
        --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-\[\#19191980\] {
        --tw-gradient-to: #19191980;
        --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-\[\#A69DC920\]\! {
        --tw-gradient-to: #a69dc920 !important;
        --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)) !important;
    }

    .to-\[\#B7B2C9\] {
        --tw-gradient-to: #b7b2c9;
        --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-\[\#DFFFF1\] {
        --tw-gradient-to: #dffff1;
        --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-background {
        --tw-gradient-to: hsl(var(--background-default));
        --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-background-alternative {
        --tw-gradient-to: hsl(var(--background-alternative-default));
        --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-background-surface-100 {
        --tw-gradient-to: hsl(var(--background-surface-100));
        --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-background-surface-200 {
        --tw-gradient-to: hsl(var(--background-surface-200));
        --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-background-surface-300 {
        --tw-gradient-to: hsl(var(--background-surface-300));
        --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-black\/90 {
        --tw-gradient-to: #000000e6;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .to-black\/90 {
            --tw-gradient-to: color-mix(in oklab,
                    var(--color-black) 90%,
                    transparent);
        }
    }

    .to-black\/90 {
        --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-border-muted\/20 {
        --tw-gradient-to: hsl(var(--border-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .to-border-muted\/20 {
            --tw-gradient-to: color-mix(in oklab,
                    hsl(var(--border-muted)) 20%,
                    transparent);
        }
    }

    .to-border-muted\/20 {
        --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-border\/50 {
        --tw-gradient-to: hsl(var(--border-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .to-border\/50 {
            --tw-gradient-to: color-mix(in oklab,
                    hsl(var(--border-default)) 50%,
                    transparent);
        }
    }

    .to-border\/50 {
        --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-emerald-400\/0 {
        --tw-gradient-to: #0000;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .to-emerald-400\/0 {
            --tw-gradient-to: color-mix(in oklab,
                    var(--color-emerald-400) 0%,
                    transparent);
        }
    }

    .to-emerald-400\/0 {
        --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-foreground-light {
        --tw-gradient-to: hsl(var(--foreground-light));
        --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-foreground-lighter {
        --tw-gradient-to: hsl(var(--foreground-lighter));
        --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-neutral-600\/0 {
        --tw-gradient-to: #0000;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .to-neutral-600\/0 {
            --tw-gradient-to: color-mix(in oklab,
                    var(--color-neutral-600) 0%,
                    transparent);
        }
    }

    .to-neutral-600\/0 {
        --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-neutral-800 {
        --tw-gradient-to: var(--color-neutral-800);
        --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));
    }

    .to-20\% {
        --tw-gradient-to-position: 20%;
    }

    .to-40\% {
        --tw-gradient-to-position: 40%;
    }

    .to-75\% {
        --tw-gradient-to-position: 75%;
    }

    .mask-fadeout-right {
        -webkit-mask-image: linear-gradient(90deg, #fff 98%, #0000);
        mask-image: linear-gradient(90deg, #fff 98%, #0000);
    }

    .bg-auto {
        background-size: auto;
    }

    .bg-contain {
        background-size: contain;
    }

    .bg-cover {
        background-size: cover;
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text;
    }

    .bg-bottom {
        background-position: bottom;
    }

    .bg-center {
        background-position: 50%;
    }

    .bg-position-\[right_30px_top_35px\] {
        background-position: right 30px top 35px;
    }

    .bg-position-\[top_170px_center\] {
        background-position: 50% 170px;
    }

    .bg-no-repeat {
        background-repeat: no-repeat;
    }

    .fill-current {
        fill: currentColor;
    }

    .fill-foreground-lighter {
        fill: hsl(var(--foreground-lighter));
    }

    .fill-foreground-muted {
        fill: hsl(var(--foreground-muted));
    }

    .stroke-background {
        stroke: hsl(var(--background-default));
    }

    .stroke-brand {
        stroke: hsl(var(--brand-default));
    }

    .stroke-brand-200 {
        stroke: hsl(var(--brand-200));
    }

    .stroke-foreground {
        stroke: hsl(var(--foreground-default));
    }

    .stroke-foreground-light {
        stroke: hsl(var(--foreground-light));
    }

    .stroke-none {
        stroke: none;
    }

    .stroke-1 {
        stroke-width: 1px;
    }

    .stroke-2 {
        stroke-width: 2px;
    }

    .stroke-\[1\.4px\] {
        stroke-width: 1.4px;
    }

    .stroke-\[1\.5px\] {
        stroke-width: 1.5px;
    }

    .object-contain {
        object-fit: contain;
    }

    .object-cover {
        object-fit: cover;
    }

    .object-scale-down {
        object-fit: scale-down;
    }

    .object-\[0\%_30\%\] {
        object-position: 0 30%;
    }

    .object-\[20\%_50\%\] {
        object-position: 20% 50%;
    }

    .object-\[30\%_50\%\] {
        object-position: 30% 50%;
    }

    .object-\[50\%\] {
        object-position: 50%;
    }

    .object-\[90\%_50\%\] {
        object-position: 90% 50%;
    }

    .object-\[100\%\] {
        object-position: 100%;
    }

    .object-\[100\%_50\%\] {
        object-position: 100% 50%;
    }

    .object-bottom {
        object-position: bottom;
    }

    .object-bottom-left {
        object-position: left bottom;
    }

    .object-center {
        object-position: center;
    }

    .object-center\! {
        object-position: center !important;
    }

    .object-left {
        object-position: left;
    }

    .object-right {
        object-position: right;
    }

    .object-top {
        object-position: top;
    }

    .p-\(--card-padding-x\) {
        padding: var(--card-padding-x);
    }

    .p-0 {
        padding: calc(var(--spacing) * 0);
    }

    .p-0\! {
        padding: calc(var(--spacing) * 0) !important;
    }

    .p-0\.5 {
        padding: calc(var(--spacing) * 0.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\! {
        padding: calc(var(--spacing) * 2) !important;
    }

    .p-3 {
        padding: calc(var(--spacing) * 3);
    }

    .p-3\! {
        padding: calc(var(--spacing) * 3) !important;
    }

    .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-10 {
        padding: calc(var(--spacing) * 10);
    }

    .p-12 {
        padding: calc(var(--spacing) * 12);
    }

    .p-14 {
        padding: calc(var(--spacing) * 14);
    }

    .p-card {
        padding: var(--card-padding-x);
    }

    .p-px {
        padding: 1px;
    }

    .px-\(--card-padding-x\) {
        padding-inline: var(--card-padding-x);
    }

    .px-0 {
        padding-inline: calc(var(--spacing) * 0);
    }

    .px-0\! {
        padding-inline: calc(var(--spacing) * 0) !important;
    }

    .px-0\.5 {
        padding-inline: calc(var(--spacing) * 0.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\! {
        padding-inline: calc(var(--spacing) * 2) !important;
    }

    .px-2\.5 {
        padding-inline: calc(var(--spacing) * 2.5);
    }

    .px-3 {
        padding-inline: calc(var(--spacing) * 3);
    }

    .px-3\! {
        padding-inline: calc(var(--spacing) * 3) !important;
    }

    .px-4 {
        padding-inline: calc(var(--spacing) * 4);
    }

    .px-4\! {
        padding-inline: calc(var(--spacing) * 4) !important;
    }

    .px-5 {
        padding-inline: calc(var(--spacing) * 5);
    }

    .px-6 {
        padding-inline: calc(var(--spacing) * 6);
    }

    .px-6\! {
        padding-inline: calc(var(--spacing) * 6) !important;
    }

    .px-7 {
        padding-inline: calc(var(--spacing) * 7);
    }

    .px-8 {
        padding-inline: calc(var(--spacing) * 8);
    }

    .px-10 {
        padding-inline: calc(var(--spacing) * 10);
    }

    .px-12 {
        padding-inline: calc(var(--spacing) * 12);
    }

    .px-16 {
        padding-inline: calc(var(--spacing) * 16);
    }

    .px-\[4px\] {
        padding-inline: 4px;
    }

    .px-\[5\.5px\] {
        padding-inline: 5.5px;
    }

    .px-\[5px\] {
        padding-inline: 5px;
    }

    .px-\[21px\] {
        padding-inline: 21px;
    }

    .py-0 {
        padding-block: calc(var(--spacing) * 0);
    }

    .py-0\! {
        padding-block: calc(var(--spacing) * 0) !important;
    }

    .py-0\.5 {
        padding-block: calc(var(--spacing) * 0.5);
    }

    .py-1 {
        padding-block: calc(var(--spacing) * 1);
    }

    .py-1\! {
        padding-block: calc(var(--spacing) * 1) !important;
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5);
    }

    .py-2 {
        padding-block: calc(var(--spacing) * 2);
    }

    .py-2\! {
        padding-block: calc(var(--spacing) * 2) !important;
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5);
    }

    .py-3 {
        padding-block: calc(var(--spacing) * 3);
    }

    .py-3\! {
        padding-block: calc(var(--spacing) * 3) !important;
    }

    .py-4 {
        padding-block: calc(var(--spacing) * 4);
    }

    .py-4\! {
        padding-block: calc(var(--spacing) * 4) !important;
    }

    .py-5 {
        padding-block: calc(var(--spacing) * 5);
    }

    .py-6 {
        padding-block: calc(var(--spacing) * 6);
    }

    .py-6\! {
        padding-block: calc(var(--spacing) * 6) !important;
    }

    .py-7 {
        padding-block: calc(var(--spacing) * 7);
    }

    .py-8 {
        padding-block: calc(var(--spacing) * 8);
    }

    .py-8\! {
        padding-block: calc(var(--spacing) * 8) !important;
    }

    .py-10 {
        padding-block: calc(var(--spacing) * 10);
    }

    .py-10\! {
        padding-block: calc(var(--spacing) * 10) !important;
    }

    .py-12 {
        padding-block: calc(var(--spacing) * 12);
    }

    .py-14 {
        padding-block: calc(var(--spacing) * 14);
    }

    .py-16 {
        padding-block: calc(var(--spacing) * 16);
    }

    .py-20 {
        padding-block: calc(var(--spacing) * 20);
    }

    .py-20\! {
        padding-block: calc(var(--spacing) * 20) !important;
    }

    .py-24 {
        padding-block: calc(var(--spacing) * 24);
    }

    .py-24\! {
        padding-block: calc(var(--spacing) * 24) !important;
    }

    .py-32 {
        padding-block: calc(var(--spacing) * 32);
    }

    .py-\[1\.25px\] {
        padding-block: 1.25px;
    }

    .py-\[2px\] {
        padding-block: 2px;
    }

    .py-\[3px\] {
        padding-block: 3px;
    }

    .py-\[5px\] {
        padding-block: 5px;
    }

    .py-px {
        padding-block: 1px;
    }

    .ps-3 {
        padding-inline-start: calc(var(--spacing) * 3);
    }

    .ps-6 {
        padding-inline-start: calc(var(--spacing) * 6);
    }

    .ps-8 {
        padding-inline-start: calc(var(--spacing) * 8);
    }

    .ps-px {
        padding-inline-start: 1px;
    }

    .pe-4 {
        padding-inline-end: calc(var(--spacing) * 4);
    }

    .pt-0 {
        padding-top: calc(var(--spacing) * 0);
    }

    .pt-0\! {
        padding-top: calc(var(--spacing) * 0) !important;
    }

    .pt-0\.5 {
        padding-top: calc(var(--spacing) * 0.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\! {
        padding-top: calc(var(--spacing) * 2) !important;
    }

    .pt-3 {
        padding-top: calc(var(--spacing) * 3);
    }

    .pt-3\.5 {
        padding-top: calc(var(--spacing) * 3.5);
    }

    .pt-4 {
        padding-top: calc(var(--spacing) * 4);
    }

    .pt-4\! {
        padding-top: calc(var(--spacing) * 4) !important;
    }

    .pt-5 {
        padding-top: calc(var(--spacing) * 5);
    }

    .pt-6 {
        padding-top: calc(var(--spacing) * 6);
    }

    .pt-6\! {
        padding-top: calc(var(--spacing) * 6) !important;
    }

    .pt-8 {
        padding-top: calc(var(--spacing) * 8);
    }

    .pt-8\! {
        padding-top: calc(var(--spacing) * 8) !important;
    }

    .pt-10 {
        padding-top: calc(var(--spacing) * 10);
    }

    .pt-10\! {
        padding-top: calc(var(--spacing) * 10) !important;
    }

    .pt-12 {
        padding-top: calc(var(--spacing) * 12);
    }

    .pt-16 {
        padding-top: calc(var(--spacing) * 16);
    }

    .pt-20 {
        padding-top: calc(var(--spacing) * 20);
    }

    .pt-24 {
        padding-top: calc(var(--spacing) * 24);
    }

    .pt-\[90px\] {
        padding-top: 90px;
    }

    .pr-0 {
        padding-right: calc(var(--spacing) * 0);
    }

    .pr-0\.5 {
        padding-right: calc(var(--spacing) * 0.5);
    }

    .pr-1 {
        padding-right: calc(var(--spacing) * 1);
    }

    .pr-1\! {
        padding-right: calc(var(--spacing) * 1) !important;
    }

    .pr-2 {
        padding-right: calc(var(--spacing) * 2);
    }

    .pr-3 {
        padding-right: calc(var(--spacing) * 3);
    }

    .pr-3\! {
        padding-right: calc(var(--spacing) * 3) !important;
    }

    .pr-4 {
        padding-right: calc(var(--spacing) * 4);
    }

    .pr-7 {
        padding-right: calc(var(--spacing) * 7);
    }

    .pr-8 {
        padding-right: calc(var(--spacing) * 8);
    }

    .pr-9 {
        padding-right: calc(var(--spacing) * 9);
    }

    .pr-10 {
        padding-right: calc(var(--spacing) * 10);
    }

    .pb-0 {
        padding-bottom: calc(var(--spacing) * 0);
    }

    .pb-0\! {
        padding-bottom: calc(var(--spacing) * 0) !important;
    }

    .pb-1 {
        padding-bottom: calc(var(--spacing) * 1);
    }

    .pb-1\! {
        padding-bottom: calc(var(--spacing) * 1) !important;
    }

    .pb-2 {
        padding-bottom: calc(var(--spacing) * 2);
    }

    .pb-3 {
        padding-bottom: calc(var(--spacing) * 3);
    }

    .pb-4 {
        padding-bottom: calc(var(--spacing) * 4);
    }

    .pb-4\! {
        padding-bottom: calc(var(--spacing) * 4) !important;
    }

    .pb-5 {
        padding-bottom: calc(var(--spacing) * 5);
    }

    .pb-6 {
        padding-bottom: calc(var(--spacing) * 6);
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing) * 8);
    }

    .pb-8\! {
        padding-bottom: calc(var(--spacing) * 8) !important;
    }

    .pb-10 {
        padding-bottom: calc(var(--spacing) * 10);
    }

    .pb-12 {
        padding-bottom: calc(var(--spacing) * 12);
    }

    .pb-14 {
        padding-bottom: calc(var(--spacing) * 14);
    }

    .pb-16 {
        padding-bottom: calc(var(--spacing) * 16);
    }

    .pb-20 {
        padding-bottom: calc(var(--spacing) * 20);
    }

    .pb-32 {
        padding-bottom: calc(var(--spacing) * 32);
    }

    .pb-40\! {
        padding-bottom: calc(var(--spacing) * 40) !important;
    }

    .pl-0 {
        padding-left: calc(var(--spacing) * 0);
    }

    .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) !important;
    }

    .pl-3 {
        padding-left: calc(var(--spacing) * 3);
    }

    .pl-4 {
        padding-left: calc(var(--spacing) * 4);
    }

    .pl-5 {
        padding-left: calc(var(--spacing) * 5);
    }

    .pl-6 {
        padding-left: calc(var(--spacing) * 6);
    }

    .pl-7 {
        padding-left: calc(var(--spacing) * 7);
    }

    .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-11 {
        padding-left: calc(var(--spacing) * 11);
    }

    .pl-\[calc\(0\.75rem\+5px\)\] {
        padding-left: calc(0.75rem + 5px);
    }

    .text-center {
        text-align: center;
    }

    .text-end {
        text-align: end;
    }

    .text-justify {
        text-align: justify;
    }

    .text-left {
        text-align: left;
    }

    .text-left\! {
        text-align: left !important;
    }

    .text-right {
        text-align: right;
    }

    .text-start {
        text-align: start;
    }

    .indent-px {
        text-indent: 1px;
    }

    .align-middle {
        vertical-align: middle;
    }

    .font-mono {
        font-family: var(--font-source-code-pro,
                Source Code Pro,
                Office Code Pro,
                Menlo,
                monospace);
    }

    .font-sans {
        font-family: var(--font-custom,
                Circular,
                custom-font,
                Helvetica Neue,
                Helvetica,
                Arial,
                sans-serif);
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .text-7xl {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height));
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .text-\[0\.8rem\] {
        font-size: 0.8rem;
    }

    .text-\[1\.75rem\] {
        font-size: 1.75rem;
    }

    .text-\[2rem\] {
        font-size: 2rem;
    }

    .text-\[8px\] {
        font-size: 8px;
    }

    .text-\[9px\] {
        font-size: 9px;
    }

    .text-\[10px\] {
        font-size: 10px;
    }

    .text-\[10px\]\! {
        font-size: 10px !important;
    }

    .text-\[11px\] {
        font-size: 11px;
    }

    .text-\[12px\] {
        font-size: 12px;
    }

    .text-\[13px\] {
        font-size: 13px;
    }

    .text-\[13px\]\! {
        font-size: 13px !important;
    }

    .text-\[14rem\] {
        font-size: 14rem;
    }

    .text-\[18px\] {
        font-size: 18px;
    }

    .text-\[19px\] {
        font-size: 19px;
    }

    .text-\[28px\] {
        font-size: 28px;
    }

    .leading-3 {
        --tw-leading: calc(var(--spacing) * 3);
        line-height: calc(var(--spacing) * 3);
    }

    .leading-3\! {
        --tw-leading: calc(var(--spacing) * 3) !important;
        line-height: calc(var(--spacing) * 3) !important;
    }

    .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-5\! {
        --tw-leading: calc(var(--spacing) * 5) !important;
        line-height: calc(var(--spacing) * 5) !important;
    }

    .leading-5\.5 {
        --tw-leading: calc(var(--spacing) * 5.5);
        line-height: calc(var(--spacing) * 5.5);
    }

    .leading-6 {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6);
    }

    .leading-7 {
        --tw-leading: calc(var(--spacing) * 7);
        line-height: calc(var(--spacing) * 7);
    }

    .leading-8 {
        --tw-leading: calc(var(--spacing) * 8);
        line-height: calc(var(--spacing) * 8);
    }

    .leading-\[0\.92\] {
        --tw-leading: 0.92;
        line-height: 0.92;
    }

    .leading-\[1\.1\] {
        --tw-leading: 1.1;
        line-height: 1.1;
    }

    .leading-\[1\.6\] {
        --tw-leading: 1.6;
        line-height: 1.6;
    }

    .leading-\[20px\] {
        --tw-leading: 20px;
        line-height: 20px;
    }

    .leading-\[inherit\] {
        --tw-leading: inherit;
        line-height: inherit;
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1;
    }

    .leading-none\! {
        --tw-leading: 1 !important;
        line-height: 1 !important;
    }

    .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);
    }

    .leading-tight\! {
        --tw-leading: var(--leading-tight) !important;
        line-height: var(--leading-tight) !important;
    }

    .prose-docs {
        --tw-prose-body: hsl(var(--foreground-light));
        --tw-prose-headings: hsl(var(--foreground-default));
        --tw-prose-lead: hsl(var(--foreground-light));
        --tw-prose-links: hsl(var(--brand-500));
        --tw-prose-bold: hsl(var(--foreground-light));
        --tw-prose-counters: hsl(var(--foreground-light));
        --tw-prose-bullets: hsl(var(--foreground-muted));
        --tw-prose-hr: hsl(var(--background-surface-300));
        --tw-prose-quotes: hsl(var(--foreground-light));
        --tw-prose-quote-borders: hsl(var(--background-surface-300));
        --tw-prose-captions: hsl(var(--border-strong));
        --tw-prose-code: hsl(var(--foreground-default));
        --tw-prose-pre-code: hsl(var(--foreground-muted));
        --tw-prose-pre-bg: hsl(var(--background-surface-200));
        --tw-prose-th-borders: hsl(var(--background-surface-300));
        --tw-prose-td-borders: hsl(var(--background-default));
        --tw-prose-invert-body: hsl(var(--background-default));
        --tw-prose-invert-headings: white;
        --tw-prose-invert-lead: hsl(var(--background-surface-300));
        --tw-prose-invert-links: white;
        --tw-prose-invert-bold: white;
        --tw-prose-invert-counters: hsl(var(--background-surface-200));
        --tw-prose-invert-bullets: hsl(var(--background-selection));
        --tw-prose-invert-hr: hsl(var(--border-strong));
        --tw-prose-invert-quotes: hsl(var(--background-alternative-default));
        --tw-prose-invert-quote-borders: hsl(var(--border-strong));
        --tw-prose-invert-captions: hsl(var(--background-surface-200));
    }

    .prose-docs :where(h1, h2, h3, h4, h5):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        font-weight: 400;
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }

    .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold);
    }

    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light);
    }

    .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-normal\! {
        --tw-font-weight: var(--font-weight-normal) !important;
        font-weight: var(--font-weight-normal) !important;
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }

    .tracking-\[-\.01rem\] {
        --tw-tracking: -0.01rem;
        letter-spacing: -0.01rem;
    }

    .tracking-\[-\.5px\] {
        --tw-tracking: -0.5px;
        letter-spacing: -0.5px;
    }

    .tracking-\[-\.15px\] {
        --tw-tracking: -0.15px;
        letter-spacing: -0.15px;
    }

    .tracking-\[-0\.025em\] {
        --tw-tracking: -0.025em;
        letter-spacing: -0.025em;
    }

    .tracking-\[-1\.1px\] {
        --tw-tracking: -1.1px;
        letter-spacing: -1.1px;
    }

    .tracking-\[-1\.5px\] {
        --tw-tracking: -1.5px;
        letter-spacing: -1.5px;
    }

    .tracking-\[-1px\] {
        --tw-tracking: -1px;
        letter-spacing: -1px;
    }

    .tracking-\[0\.1rem\] {
        --tw-tracking: 0.1rem;
        letter-spacing: 0.1rem;
    }

    .tracking-\[0\.05rem\] {
        --tw-tracking: 0.05rem;
        letter-spacing: 0.05rem;
    }

    .tracking-\[0\.06em\] {
        --tw-tracking: 0.06em;
        letter-spacing: 0.06em;
    }

    .tracking-\[0\.07em\] {
        --tw-tracking: 0.07em;
        letter-spacing: 0.07em;
    }

    .tracking-\[0\.18em\] {
        --tw-tracking: 0.18em;
        letter-spacing: 0.18em;
    }

    .tracking-\[1px\] {
        --tw-tracking: 1px;
        letter-spacing: 1px;
    }

    .tracking-\[4px\] {
        --tw-tracking: 4px;
        letter-spacing: 4px;
    }

    .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-tighter {
        --tw-tracking: var(--tracking-tighter);
        letter-spacing: var(--tracking-tighter);
    }

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
    }

    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider);
    }

    .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest);
    }

    .text-balance {
        text-wrap: balance;
    }

    .text-nowrap {
        text-wrap: nowrap;
    }

    .text-pretty {
        text-wrap: pretty;
    }

    .wrap-anywhere {
        overflow-wrap: anywhere;
    }

    .wrap-break-word {
        overflow-wrap: break-word;
    }

    .break-all {
        word-break: break-all;
    }

    .text-clip {
        text-overflow: clip;
    }

    .text-ellipsis {
        text-overflow: ellipsis;
    }

    .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-destructive {
        color: hsl(var(--destructive-default)) !important;
    }

    .\!text-foreground {
        color: hsl(var(--foreground-default)) !important;
    }

    .text-\[\#8B9092\] {
        color: #8b9092;
    }

    .text-\[\#575E61\] {
        color: #575e61;
    }

    .text-\[\#5865F2\] {
        color: #5865f2;
    }

    .text-\[\#9296AA\] {
        color: #9296aa;
    }

    .text-\[\#707070\] {
        color: #707070;
    }

    .text-\[\#808080\] {
        color: gray;
    }

    .text-\[\#A0A0A0\] {
        color: #a0a0a0;
    }

    .text-\[\#B0B0B0\] {
        color: #b0b0b0;
    }

    .text-\[\#D87BF5\] {
        color: #d87bf5;
    }

    .text-\[\#EDEDED\] {
        color: #ededed;
    }

    .text-\[\#F4FFFA00\] {
        color: #f4fffa00;
    }

    .text-\[\#F4FFFA40\] {
        color: #f4fffa40;
    }

    .text-\[\#F4FFFA80\] {
        color: #f4fffa80;
    }

    .text-\[\#F4FFFA90\] {
        color: #f4fffa90;
    }

    .text-\[\#FF4500\] {
        color: #ff4500;
    }

    .text-\[\#ededed\] {
        color: #ededed;
    }

    .text-\[hsl\(var\(--foreground\)\)\] {
        color: hsl(var(--foreground));
    }

    .text-\[hsl\(var\(--foreground-muted\)\)\] {
        color: hsl(var(--foreground-muted));
    }

    .text-amber-900 {
        color: var(--color-amber-900);
    }

    .text-amber-1200 {
        color: var(--color-amber-1200);
    }

    .text-background {
        color: hsl(var(--background-default));
    }

    .text-background-alternative {
        color: hsl(var(--background-alternative-default));
    }

    .text-background-overlay {
        color: hsl(var(--background-overlay-default));
    }

    .text-background-surface-200 {
        color: hsl(var(--background-surface-200));
    }

    .text-black {
        color: var(--color-black);
    }

    .text-blue-400 {
        color: var(--color-blue-400);
    }

    .text-blue-900 {
        color: var(--color-blue-900);
    }

    .text-blue-900\! {
        color: var(--color-blue-900) !important;
    }

    .text-blue-1000 {
        color: var(--color-blue-1000);
    }

    .text-blue-1200 {
        color: var(--color-blue-1200);
    }

    .text-border-control {
        color: hsl(var(--border-control));
    }

    .text-border-muted {
        color: hsl(var(--border-muted));
    }

    .text-border-strong {
        color: hsl(var(--border-strong));
    }

    .text-brand {
        color: hsl(var(--brand-default));
    }

    .text-brand-100 {
        color: var(--color-brand-100);
    }

    .text-brand-200 {
        color: hsl(var(--brand-200));
    }

    .text-brand-300 {
        color: hsl(var(--brand-300));
    }

    .text-brand-400 {
        color: hsl(var(--brand-400));
    }

    .text-brand-500 {
        color: hsl(var(--brand-500));
    }

    .text-brand-600 {
        color: hsl(var(--brand-600));
    }

    .text-brand-1200 {
        color: var(--color-brand-1200);
    }

    .text-brand-link {
        color: hsl(var(--brand-link));
    }

    .text-contrast {
        color: hsl(var(--foreground-contrast));
    }

    .text-current {
        color: currentColor;
    }

    .text-default {
        color: hsl(var(--foreground-default));
    }

    .text-destructive {
        color: hsl(var(--destructive-default));
    }

    .text-destructive-200 {
        color: hsl(var(--destructive-200));
    }

    .text-destructive-500 {
        color: hsl(var(--destructive-500));
    }

    .text-destructive-600,
    .text-destructive-600\/60 {
        color: hsl(var(--destructive-600));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .text-destructive-600\/60 {
            color: color-mix(in oklab, hsl(var(--destructive-600)) 60%, transparent);
        }
    }

    .text-emerald-400 {
        color: var(--color-emerald-400);
    }

    .text-emerald-600 {
        color: var(--color-emerald-600);
    }

    .text-emerald-900 {
        color: var(--color-emerald-900);
    }

    .text-foreground {
        color: hsl(var(--foreground-default));
    }

    .text-foreground\! {
        color: hsl(var(--foreground-default)) !important;
    }

    .text-foreground-contrast {
        color: hsl(var(--foreground-contrast));
    }

    .text-foreground-light {
        color: hsl(var(--foreground-light));
    }

    .text-foreground-light\! {
        color: hsl(var(--foreground-light)) !important;
    }

    .text-foreground-lighter {
        color: hsl(var(--foreground-lighter));
    }

    .text-foreground-lighter\! {
        color: hsl(var(--foreground-lighter)) !important;
    }

    .text-foreground-lighter\/40 {
        color: hsl(var(--foreground-lighter));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .text-foreground-lighter\/40 {
            color: color-mix(in oklab,
                    hsl(var(--foreground-lighter)) 40%,
                    transparent);
        }
    }

    .text-foreground-lighter\/60 {
        color: hsl(var(--foreground-lighter));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .text-foreground-lighter\/60 {
            color: color-mix(in oklab,
                    hsl(var(--foreground-lighter)) 60%,
                    transparent);
        }
    }

    .text-foreground-lighter\/75 {
        color: hsl(var(--foreground-lighter));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .text-foreground-lighter\/75 {
            color: color-mix(in oklab,
                    hsl(var(--foreground-lighter)) 75%,
                    transparent);
        }
    }

    .text-foreground-muted,
    .text-foreground-muted\/50 {
        color: hsl(var(--foreground-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .text-foreground-muted\/50 {
            color: color-mix(in oklab, hsl(var(--foreground-muted)) 50%, transparent);
        }
    }

    .text-foreground\/30 {
        color: hsl(var(--foreground-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .text-foreground\/30 {
            color: color-mix(in oklab,
                    hsl(var(--foreground-default)) 30%,
                    transparent);
        }
    }

    .text-foreground\/40 {
        color: hsl(var(--foreground-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .text-foreground\/40 {
            color: color-mix(in oklab,
                    hsl(var(--foreground-default)) 40%,
                    transparent);
        }
    }

    .text-gray-300 {
        color: var(--color-gray-300);
    }

    .text-gray-500 {
        color: var(--color-gray-500);
    }

    .text-gray-700 {
        color: var(--color-gray-700);
    }

    .text-gray-900 {
        color: var(--color-gray-900);
    }

    .text-green-400 {
        color: var(--color-green-400);
    }

    .text-inherit {
        color: inherit;
    }

    .text-light {
        color: hsl(var(--foreground-light));
    }

    .text-lighter {
        color: hsl(var(--foreground-lighter));
    }

    .text-muted {
        color: hsl(var(--foreground-muted));
    }

    .text-neutral-50 {
        color: var(--color-neutral-50);
    }

    .text-neutral-100 {
        color: var(--color-neutral-100);
    }

    .text-neutral-100\/50 {
        color: #f5f5f580;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .text-neutral-100\/50 {
            color: color-mix(in oklab, var(--color-neutral-100) 50%, transparent);
        }
    }

    .text-neutral-200 {
        color: var(--color-neutral-200);
    }

    .text-neutral-300 {
        color: var(--color-neutral-300);
    }

    .text-neutral-400 {
        color: var(--color-neutral-400);
    }

    .text-neutral-500 {
        color: var(--color-neutral-500);
    }

    .text-neutral-700 {
        color: var(--color-neutral-700);
    }

    .text-neutral-900 {
        color: var(--color-neutral-900);
    }

    .text-orange-1000 {
        color: var(--color-orange-1000);
    }

    .text-purple-600 {
        color: var(--color-purple-600);
    }

    .text-red-400 {
        color: var(--color-red-400);
    }

    .text-red-500 {
        color: var(--color-red-500);
    }

    .text-red-600 {
        color: var(--color-red-600);
    }

    .text-red-700 {
        color: var(--color-red-700);
    }

    .text-red-900 {
        color: var(--color-red-900);
    }

    .text-red-900\! {
        color: var(--color-red-900) !important;
    }

    .text-sidebar-foreground,
    .text-sidebar-foreground\/70 {
        color: hsl(var(--sidebar-foreground));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .text-sidebar-foreground\/70 {
            color: color-mix(in oklab,
                    hsl(var(--sidebar-foreground)) 70%,
                    transparent);
        }
    }

    .text-slate-900 {
        color: var(--color-slate-900);
    }

    .text-slate-1000 {
        color: var(--color-slate-1000);
    }

    .text-transparent {
        color: #0000;
    }

    .text-warning {
        color: hsl(var(--warning-default));
    }

    .text-warning-200 {
        color: hsl(var(--warning-200));
    }

    .text-warning-600 {
        color: hsl(var(--warning-600));
    }

    .text-white {
        color: var(--color-white);
    }

    .text-white\/60 {
        color: #fff9;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/60 {
            color: color-mix(in oklab, var(--color-white) 60%, transparent);
        }
    }

    .text-white\/70 {
        color: #ffffffb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/70 {
            color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
    }

    .capitalize {
        text-transform: capitalize;
    }

    .lowercase {
        text-transform: lowercase;
    }

    .lowercase\! {
        text-transform: lowercase !important;
    }

    .uppercase {
        text-transform: uppercase;
    }

    .italic {
        font-style: italic;
    }

    .not-italic {
        font-style: normal;
    }

    .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;
    }

    .no-underline {
        text-decoration-line: none;
    }

    .underline {
        text-decoration-line: underline;
    }

    .decoration-foreground-lighter {
        -webkit-text-decoration-color: hsl(var(--foreground-lighter));
        text-decoration-color: hsl(var(--foreground-lighter));
    }

    .underline-offset-2 {
        text-underline-offset: 2px;
    }

    .underline-offset-4 {
        text-underline-offset: 4px;
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto;
    }

    .placeholder-border-stronger::placeholder {
        color: hsl(var(--border-stronger));
    }

    .placeholder-foreground-muted::placeholder {
        color: hsl(var(--foreground-muted));
    }

    .placeholder-gray-400::placeholder {
        color: var(--color-gray-400);
    }

    .placeholder-neutral-500::placeholder {
        color: var(--color-neutral-500);
    }

    .caret-transparent {
        caret-color: #0000;
    }

    .opacity-0 {
        opacity: 0;
    }

    .opacity-0\! {
        opacity: 0 !important;
    }

    .opacity-5 {
        opacity: 0.05;
    }

    .opacity-10 {
        opacity: 0.1;
    }

    .opacity-20 {
        opacity: 0.2;
    }

    .opacity-25 {
        opacity: 0.25;
    }

    .opacity-30 {
        opacity: 0.3;
    }

    .opacity-40 {
        opacity: 0.4;
    }

    .opacity-50 {
        opacity: 0.5;
    }

    .opacity-60 {
        opacity: 0.6;
    }

    .opacity-70 {
        opacity: 0.7;
    }

    .opacity-75 {
        opacity: 0.75;
    }

    .opacity-80 {
        opacity: 0.8;
    }

    .opacity-90 {
        opacity: 0.9;
    }

    .opacity-100 {
        opacity: 1;
    }

    .opacity-100\! {
        opacity: 1 !important;
    }

    .opacity-\[0\.99\] {
        opacity: 0.99;
    }

    .mix-blend-color {
        mix-blend-mode: color;
    }

    .mix-blend-overlay\! {
        mix-blend-mode: overlay !important;
    }

    .mix-blend-screen {
        mix-blend-mode: screen;
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
            0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    }

    .shadow,
    .shadow-2xl {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    }

    .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
    }

    .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\],
    .shadow-\[0px_0px_4px_0px_rgba\(255\,255\,255\,0\.25\)\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0px_0px_4px_0px_rgba\(255\,255\,255\,0\.25\)\] {
        --tw-shadow: 0px 0px 4px 0px var(--tw-shadow-color, #ffffff40);
    }

    .shadow-\[inset_0_-40px_40px_-40px_rgba\(0\,0\,0\,0\.6\)\] {
        --tw-shadow: inset 0 -40px 40px -40px var(--tw-shadow-color, #0009);
    }

    .shadow-\[inset_0_-40px_40px_-40px_rgba\(0\,0\,0\,0\.6\)\],
    .shadow-\[inset_0_0_20px_rgba\(0\,0\,0\,0\.3\)\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[inset_0_0_20px_rgba\(0\,0\,0\,0\.3\)\] {
        --tw-shadow: inset 0 0 20px var(--tw-shadow-color, #0000004d);
    }

    .shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    }

    .shadow-inner,
    .shadow-lg {
        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);
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a),
            0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    }

    .shadow-md,
    .shadow-none {
        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;
    }

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
            0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    }

    .shadow-sm,
    .shadow-xl {
        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);
    }

    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    }

    .ring,
    .shadow-xs {
        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);
    }

    .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    }

    .ring-0,
    .ring-1 {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    }

    .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-background-surface-100 {
        --tw-shadow-color: hsl(var(--background-surface-100));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .shadow-background-surface-100 {
            --tw-shadow-color: color-mix(in oklab,
                    hsl(var(--background-surface-100)) var(--tw-shadow-alpha),
                    transparent);
        }
    }

    .shadow-background-surface-300 {
        --tw-shadow-color: hsl(var(--background-surface-300));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .shadow-background-surface-300 {
            --tw-shadow-color: color-mix(in oklab,
                    hsl(var(--background-surface-300)) var(--tw-shadow-alpha),
                    transparent);
        }
    }

    .shadow-neutral-900\/75 {
        --tw-shadow-color: #171717bf;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .shadow-neutral-900\/75 {
            --tw-shadow-color: color-mix(in oklab,
                    color-mix(in oklab, var(--color-neutral-900) 75%, transparent) var(--tw-shadow-alpha),
                    transparent);
        }
    }

    .ring-background {
        --tw-ring-color: hsl(var(--background-default));
    }

    .ring-border-control {
        --tw-ring-color: hsl(var(--border-control));
    }

    .ring-foreground {
        --tw-ring-color: hsl(var(--foreground-default));
    }

    .ring-foreground-light {
        --tw-ring-color: hsl(var(--foreground-light));
    }

    .ring-foreground-lighter {
        --tw-ring-color: hsl(var(--foreground-lighter));
    }

    .ring-foreground-muted {
        --tw-ring-color: hsl(var(--foreground-muted));
    }

    .ring-sidebar-ring {
        --tw-ring-color: hsl(var(--sidebar-ring));
    }

    .ring-white {
        --tw-ring-color: var(--color-white);
    }

    .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: hsl(var(--background-default));
    }

    .ring-offset-background-control {
        --tw-ring-offset-color: hsl(var(--background-control));
    }

    .outline-hidden {
        --tw-outline-style: none;
        outline-style: none;
    }

    @media (forced-colors: active) {
        .outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000;
        }
    }

    .outline {
        outline-width: 1px;
    }

    .outline,
    .outline-0 {
        outline-style: var(--tw-outline-style);
    }

    .outline-0 {
        outline-width: 0;
    }

    .outline-1 {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
    }

    .-outline-offset-1 {
        outline-offset: calc(1px * -1);
    }

    .outline-border-muted {
        outline-color: hsl(var(--border-muted));
    }

    .outline-emerald-400\/50 {
        outline-color: #00d29480;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .outline-emerald-400\/50 {
            outline-color: color-mix(in oklab,
                    var(--color-emerald-400) 50%,
                    transparent);
        }
    }

    .outline-emerald-400\/60 {
        outline-color: #00d29499;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .outline-emerald-400\/60 {
            outline-color: color-mix(in oklab,
                    var(--color-emerald-400) 60%,
                    transparent);
        }
    }

    .outline-stone-500\/50 {
        outline-color: #79716b80;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .outline-stone-500\/50 {
            outline-color: color-mix(in oklab,
                    var(--color-stone-500) 50%,
                    transparent);
        }
    }

    .outline-white\/10 {
        outline-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .outline-white\/10 {
            outline-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .blur {
        --tw-blur: blur(8px);
    }

    .blur,
    .blur-2xl {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }

    .blur-2xl {
        --tw-blur: blur(var(--blur-2xl));
    }

    .blur-\[100px\] {
        --tw-blur: blur(100px);
    }

    .blur-\[100px\],
    .blur-md {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }

    .blur-md {
        --tw-blur: blur(var(--blur-md));
    }

    .blur-none {
        --tw-blur: ;
    }

    .blur-none,
    .blur-xl {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }

    .blur-xl {
        --tw-blur: blur(var(--blur-xl));
    }

    .blur-xs {
        --tw-blur: blur(var(--blur-xs));
    }

    .blur-xs,
    .brightness-70 {
        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);
    }

    .brightness-70 {
        --tw-brightness: brightness(70%);
    }

    .brightness-125 {
        --tw-brightness: brightness(125%);
    }

    .brightness-125,
    .contrast-0 {
        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);
    }

    .contrast-0 {
        --tw-contrast: contrast(0%);
    }

    .contrast-\[\.2\] {
        --tw-contrast: contrast(0.2);
    }

    .contrast-\[\.2\],
    .contrast-\[\.35\] {
        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);
    }

    .contrast-\[\.35\] {
        --tw-contrast: contrast(0.35);
    }

    .drop-shadow-lg {
        --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
    }

    .drop-shadow-lg,
    .drop-shadow-md {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }

    .drop-shadow-md {
        --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    }

    .drop-shadow-xs {
        --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000d));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-xs));
    }

    .drop-shadow-xs,
    .grayscale {
        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%);
    }

    .invert {
        --tw-invert: invert(100%);
    }

    .filter,
    .invert {
        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-2xl {
        --tw-backdrop-blur: blur(var(--blur-2xl));
    }

    .backdrop-blur-2xl,
    .backdrop-blur-lg {
        -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-lg {
        --tw-backdrop-blur: blur(var(--blur-lg));
    }

    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md));
    }

    .backdrop-blur-md,
    .backdrop-blur-none {
        -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-none {
        --tw-backdrop-blur: ;
    }

    .backdrop-blur-xl {
        --tw-backdrop-blur: blur(var(--blur-xl));
    }

    .backdrop-blur-xl,
    .backdrop-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);
    }

    .backdrop-blur-xs {
        --tw-backdrop-blur: blur(var(--blur-xs));
    }

    .backdrop-filter {
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    }

    .transition {
        transition-property: color, background-color, border-color, 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-\[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-\[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\,opa\] {
        transition-property: margin, opa;
        transition-timing-function: var(--tw-ease,
                var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .transition-\[text-decoration\] {
        transition-property: -webkit-text-decoration, text-decoration;
        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-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 !important;
    }

    .delay-0 {
        transition-delay: 0s;
    }

    .delay-75 {
        transition-delay: 75ms;
    }

    .delay-100 {
        transition-delay: 0.1s;
    }

    .delay-200 {
        transition-delay: 0.2s;
    }

    .delay-300 {
        transition-delay: 0.3s;
    }

    .delay-500 {
        transition-delay: 0.5s;
    }

    .delay-1000 {
        transition-delay: 1s;
    }

    .delay-1200 {
        transition-delay: 1.2s;
    }

    .duration-75 {
        --tw-duration: 75ms;
        transition-duration: 75ms;
    }

    .duration-100 {
        --tw-duration: 0.1s;
        transition-duration: 0.1s;
    }

    .duration-150 {
        --tw-duration: 0.15s;
        transition-duration: 0.15s;
    }

    .duration-200 {
        --tw-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .duration-300 {
        --tw-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .duration-300\! {
        --tw-duration: 0.3s !important;
        transition-duration: 0.3s !important;
    }

    .duration-500 {
        --tw-duration: 0.5s;
        transition-duration: 0.5s;
    }

    .duration-700 {
        --tw-duration: 0.7s;
        transition-duration: 0.7s;
    }

    .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s;
    }

    .\[transition-duration\:1200ms\] {
        transition-duration: 1.2s;
    }

    .ease-\[\.24\,0\,\.22\,\.99\]\! {
        --tw-ease: 0.24, 0, 0.22, 0.99 !important;
        transition-timing-function: 0.24, 0, 0.22, 0.99 !important;
    }

    .ease-\[cubic-bezier\(\.24\,0\,\.22\,\.99\)\]\! {
        --tw-ease: cubic-bezier(0.24, 0, 0.22, 0.99) !important;
        transition-timing-function: cubic-bezier(0.24, 0, 0.22, 0.99) !important;
    }

    .ease-\[cubic-bezier\(\.25\,\.25\,0\,1\)\]\! {
        --tw-ease: cubic-bezier(0.25, 0.25, 0, 1) !important;
        transition-timing-function: cubic-bezier(0.25, 0.25, 0, 1) !important;
    }

    .ease-\[cubic-bezier\(\.76\,0\,\.23\,1\)\]\! {
        --tw-ease: cubic-bezier(0.76, 0, 0.23, 1) !important;
        transition-timing-function: cubic-bezier(0.76, 0, 0.23, 1) !important;
    }

    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in);
    }

    .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-contents {
        will-change: contents;
    }

    .will-change-transform {
        will-change: transform;
    }

    .delay-0 {
        --tw-animation-delay: 0s;
        animation-delay: 0s;
    }

    .delay-75 {
        --tw-animation-delay: 75ms;
        animation-delay: 75ms;
    }

    .delay-100 {
        --tw-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .delay-200 {
        --tw-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .delay-300 {
        --tw-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .delay-500 {
        --tw-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .delay-1000 {
        --tw-animation-delay: 1s;
        animation-delay: 1s;
    }

    .delay-1200 {
        --tw-animation-delay: calc(1200 * 1ms);
        animation-delay: 1.2s;
    }

    .fade-in-50 {
        --tw-enter-opacity: 0.5;
    }

    .fade-in-80 {
        --tw-enter-opacity: 0.8;
    }

    .line-loading-bg-light {
        background: linear-gradient(90deg, #0000, #212121a6 50%, #0000);
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none;
    }

    .select-text {
        -webkit-user-select: text;
        user-select: text;
    }

    .\!slide-in-from-bottom-\[85\%\] {
        --tw-enter-translate-y: 85% !important;
    }

    .\!slide-in-from-left-\[0\%\] {
        --tw-enter-translate-x: calc(0% * -1) !important;
    }

    .\!slide-out-to-left-\[0\%\] {
        --tw-exit-translate-x: calc(0% * -1) !important;
    }

    .\!slide-out-to-top-\[0\%\] {
        --tw-exit-translate-y: calc(0% * -1) !important;
    }

    .\[-ms-overflow-style\:none\] {
        -ms-overflow-style: none;
    }

    .\[scrollbar-width\:none\] {
        scrollbar-width: none;
    }

    .\[text-shadow\:0_0_15px_rgba\(52\,211\,153\,0\.8\)\] {
        text-shadow: 0 0 15px #34d399cc;
    }

    .\[text-shadow\:0px_0px_4px_rgb\(255_255_255\/0\.25\)\] {
        text-shadow: 0 0 4px #ffffff40;
    }

    .paused {
        animation-play-state: paused;
    }

    .perspective-distant\! {
        perspective: var(--perspective-distant) !important;
    }

    .running {
        animation-play-state: running;
    }

    .running\! {
        animation-play-state: running !important;
    }

    .slide-in-from-top-1 {
        --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
    }

    .zoom-in {
        --tw-enter-scale: 0;
    }

    .zoom-in-\[99\%\] {
        --tw-enter-scale: 99%;
    }

    :is(.\*\:mr-2 > *) {
        margin-right: calc(var(--spacing) * 2);
    }

    :is(.\*\:w-full > *) {
        width: 100%;
    }

    :is(.\*\:border-r > *) {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
    }

    :is(.\*\:border-b > *) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }

    :is(.\*\:border-muted > *) {
        border-color: hsl(var(--border-muted));
    }

    :is(.\*\:py-1\.5 > *) {
        padding-block: calc(var(--spacing) * 1.5);
    }

    :is(.\*\:whitespace-nowrap > *) {
        white-space: nowrap;
    }

    :is(.\*\*\:text-foreground *) {
        color: hsl(var(--foreground-default));
    }

    :is(.\*\*\: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));
    }

    :is(.\*\*\:duration-300 *) {
        --tw-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .group-first\:rounded-tl-md:is(:where(.group):first-child *) {
        border-top-left-radius: var(--radius-md);
    }

    .group-first\:rounded-tr-md:is(:where(.group):first-child *) {
        border-top-right-radius: var(--radius-md);
    }

    .group-last\:rounded-br-md:is(:where(.group):last-child *) {
        border-bottom-right-radius: var(--radius-md);
    }

    .group-last\:rounded-bl-md:is(:where(.group):last-child *) {
        border-bottom-left-radius: var(--radius-md);
    }

    .group-focus-within\/menu-item\:opacity-100:is( :where(.group\/menu-item):focus-within *) {
        opacity: 1;
    }

    @media (hover: hover) {
        .group-hover\:visible:is(:where(.group):hover *) {
            visibility: visible;
        }

        .group-hover\:bottom-0\!:is(:where(.group):hover *) {
            bottom: calc(var(--spacing) * 0) !important;
        }

        .group-hover\:left-0:is(:where(.group):hover *) {
            left: calc(var(--spacing) * 0);
        }

        .group-hover\:ml-0\.5:is(:where(.group):hover *) {
            margin-left: calc(var(--spacing) * 0.5);
        }

        .group-hover\:-translate-x-2:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing) * -2);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\:-translate-x-6:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing) * -6);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\:translate-x-0:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing) * 0.5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\:translate-x-1:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing) * 1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\:translate-y-0:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\:scale-105:is(:where(.group):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-hover\:scale-110:is(:where(.group):hover *) {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-hover\:scale-150:is(:where(.group):hover *) {
            --tw-scale-x: 150%;
            --tw-scale-y: 150%;
            --tw-scale-z: 150%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-hover\:border:is(:where(.group):hover *) {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }

        .group-hover\:border-brand:is(:where(.group):hover *) {
            border-color: hsl(var(--brand-default));
        }

        .group-hover\:border-brand-500\/40:is(:where(.group):hover *) {
            border-color: hsl(var(--brand-500));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .group-hover\:border-brand-500\/40:is(:where(.group):hover *) {
                border-color: color-mix(in oklab,
                        hsl(var(--brand-500)) 40%,
                        transparent);
            }
        }

        .group-hover\:border-foreground-light:is(:where(.group):hover *) {
            border-color: hsl(var(--foreground-light));
        }

        .group-hover\:border-foreground-muted:is(:where(.group):hover *),
        .group-hover\:border-foreground-muted\/50:is(:where(.group):hover *) {
            border-color: hsl(var(--foreground-muted));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .group-hover\:border-foreground-muted\/50:is(:where(.group):hover *) {
                border-color: color-mix(in oklab,
                        hsl(var(--foreground-muted)) 50%,
                        transparent);
            }
        }

        .group-hover\:bg-brand-600\/5:is(:where(.group):hover *) {
            background-color: hsl(var(--brand-600));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .group-hover\:bg-brand-600\/5:is(:where(.group):hover *) {
                background-color: color-mix(in oklab,
                        hsl(var(--brand-600)) 5%,
                        transparent);
            }
        }

        .group-hover\:bg-surface-200:is(:where(.group):hover *) {
            background-color: hsl(var(--background-surface-200));
        }

        .group-hover\:bg-transparent:is(:where(.group):hover *) {
            background-color: #0000;
        }

        .group-hover\:text-brand:is(:where(.group):hover *) {
            color: hsl(var(--brand-default));
        }

        .group-hover\:text-brand-800:is(:where(.group):hover *) {
            color: var(--color-brand-800);
        }

        .group-hover\:text-foreground:is(:where(.group):hover *) {
            color: hsl(var(--foreground-default));
        }

        .group-hover\:text-foreground-light:is(:where(.group):hover *) {
            color: hsl(var(--foreground-light));
        }

        .group-hover\:underline:is(:where(.group):hover *) {
            text-decoration-line: underline;
        }

        .group-hover\:opacity-0:is(:where(.group):hover *) {
            opacity: 0;
        }

        .group-hover\:opacity-75:is(:where(.group):hover *) {
            opacity: 0.75;
        }

        .group-hover\:opacity-80:is(:where(.group):hover *) {
            opacity: 0.8;
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1;
        }

        .group-hover\:ring-2:is(:where(.group):hover *) {
            --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-hover\:ring-brand-500:is(:where(.group):hover *) {
            --tw-ring-color: hsl(var(--brand-500));
        }

        .group-hover\:ring-offset-2:is(:where(.group):hover *) {
            --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);
        }

        .group-hover\:ring-offset-background:is(:where(.group):hover *) {
            --tw-ring-offset-color: hsl(var(--background-default));
        }

        .group-hover\:blur-xs:is(:where(.group):hover *) {
            --tw-blur: blur(var(--blur-xs));
            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);
        }

        .group-hover\:grayscale-0:is(:where(.group):hover *) {
            --tw-grayscale: grayscale(0%);
            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);
        }

        .group-hover\:duration-300:is(:where(.group):hover *) {
            --tw-duration: 0.3s;
            transition-duration: 0.3s;
        }

        .group-hover\/2\:scale-105:is(:where(.group\/2):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-hover\/2\:opacity-100:is(:where(.group\/2):hover *) {
            opacity: 1;
        }

        .group-hover\/3\:scale-105:is(:where(.group\/3):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-hover\/3\:opacity-100:is(:where(.group\/3):hover *) {
            opacity: 1;
        }

        .group-hover\/announcement\:translate-x-0:is( :where(.group\/announcement):hover *) {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\/announcement\:opacity-100:is( :where(.group\/announcement):hover *),
        .group-hover\/community\:opacity-100:is(:where(.group\/community):hover *) {
            opacity: 1;
        }

        .group-hover\/d1\:scale-105:is(:where(.group\/d1):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-hover\/d1\:opacity-100:is(:where(.group\/d1):hover *) {
            opacity: 1;
        }

        .group-hover\/day1\:scale-105:is(:where(.group\/day1):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-hover\/day1\:opacity-100:is(:where(.group\/day1):hover *),
        .group-hover\/day4\:opacity-100:is(:where(.group\/day4):hover *),
        .group-hover\/day5step1\:opacity-100:is(:where(.group\/day5step1):hover *),
        .group-hover\/day5step2\:opacity-100:is(:where(.group\/day5step2):hover *) {
            opacity: 1;
        }

        .group-hover\/main\:bottom-0\!:is(:where(.group\/main):hover *) {
            bottom: calc(var(--spacing) * 0) !important;
        }

        .group-hover\/main\:translate-y-0:is(:where(.group\/main):hover *) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\/main\:opacity-100:is(:where(.group\/main):hover *) {
            opacity: 1;
        }

        .group-hover\/menu-item\:translate-x-0:is( :where(.group\/menu-item):hover *) {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\/menu-item\:text-brand-link:is( :where(.group\/menu-item):hover *) {
            color: hsl(var(--brand-link));
        }

        .group-hover\/menu-item\:text-foreground:is( :where(.group\/menu-item):hover *) {
            color: hsl(var(--foreground-default));
        }

        .group-hover\/menu-item\:text-foreground-light:is( :where(.group\/menu-item):hover *) {
            color: hsl(var(--foreground-light));
        }

        .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
            opacity: 1;
        }

        .group-hover\/panel\:translate-x-0:is(:where(.group\/panel):hover *) {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\/panel\:translate-x-6:is(:where(.group\/panel):hover *) {
            --tw-translate-x: calc(var(--spacing) * 6);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\/panel\:-translate-y-6:is(:where(.group\/panel):hover *) {
            --tw-translate-y: calc(var(--spacing) * -6);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\/panel\:translate-y-0:is(:where(.group\/panel):hover *) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\/panel\:text-foreground:is(:where(.group\/panel):hover *) {
            color: hsl(var(--foreground-default));
        }

        .group-hover\/panel\:opacity-75:is(:where(.group\/panel):hover *) {
            opacity: 0.75;
        }

        .group-hover\/pre0\:scale-105:is(:where(.group\/pre0):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-hover\/pre0\:opacity-100:is(:where(.group\/pre0):hover *) {
            opacity: 1;
        }

        .group-hover\/pre1\:scale-105:is(:where(.group\/pre1):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-hover\/pre1\:opacity-100:is(:where(.group\/pre1):hover *) {
            opacity: 1;
        }

        .group-hover\/pre2\:scale-105:is(:where(.group\/pre2):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .group-hover\/pre2\:opacity-100:is(:where(.group\/pre2):hover *) {
            opacity: 1;
        }

        .group-hover\/row\:text-foreground:is(:where(.group\/row):hover *) {
            color: hsl(var(--foreground-default));
        }

        .group-hover\/row\:opacity-50:is(:where(.group\/row):hover *) {
            opacity: 0.5;
        }

        .group-hover\/step\:translate-x-0:is(:where(.group\/step):hover *) {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\/step\:translate-y-0:is(:where(.group\/step):hover *) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .group-hover\/step\:text-foreground:is(:where(.group\/step):hover *) {
            color: hsl(var(--foreground-default));
        }

        .group-hover\/step\:opacity-100:is(:where(.group\/step):hover *) {
            opacity: 1;
        }

        .group-hover\/table-head-sort\:opacity-80:is( :where(.group\/table-head-sort):hover *) {
            opacity: 0.8;
        }

        .group-hover\/text-link\:text-foreground:is( :where(.group\/text-link):hover *) {
            color: hsl(var(--foreground-default));
        }

        .group-hover\/tweet-card\:border-foreground-muted:is( :where(.group\/tweet-card):hover *) {
            border-color: hsl(var(--foreground-muted));
        }

        .group-hover\/vid\:opacity-100:is(:where(.group\/vid):hover *) {
            opacity: 1;
        }
    }

    .group-focus\:border-foreground-muted:is(:where(.group):focus *) {
        border-color: hsl(var(--foreground-muted));
    }

    .group-focus\:outline-hidden:is(:where(.group):focus *) {
        --tw-outline-style: none;
        outline-style: none;
    }

    @media (forced-colors: active) {
        .group-focus\:outline-hidden:is(:where(.group):focus *) {
            outline-offset: 2px;
            outline: 2px solid #0000;
        }
    }

    .group-focus\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus *) {
        opacity: 1;
    }

    .group-focus-visible\:text-foreground:is(:where(.group):focus-visible *) {
        color: hsl(var(--foreground-default));
    }

    .group-focus-visible\:text-foreground-light:is( :where(.group):focus-visible *) {
        color: hsl(var(--foreground-light));
    }

    .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-offset-2:is(:where(.group):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);
    }

    .group-focus-visible\/menu-item\:text-foreground:is( :where(.group\/menu-item):focus-visible *) {
        color: hsl(var(--foreground-default));
    }

    .group-focus-visible\/menu-item\:text-foreground-light:is( :where(.group\/menu-item):focus-visible *) {
        color: hsl(var(--foreground-light));
    }

    .group-focus-visible\/menu-item\:opacity-100:is( :where(.group\/menu-item):focus-visible *) {
        opacity: 1;
    }

    .group-focus-visible\/step\:text-foreground:is( :where(.group\/step):focus-visible *) {
        color: hsl(var(--foreground-default));
    }

    .group-disabled\:cursor-not-allowed:is(:where(.group):disabled *) {
        cursor: not-allowed;
    }

    .group-disabled\:opacity-50:is(:where(.group):disabled *) {
        opacity: 0.5;
    }

    .group-has-data-\[orientation\=horizontal\]\/field\:text-balance:is( :where(.group\/field):has([data-orientation="horizontal"]) *) {
        text-wrap: balance;
    }

    .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-\[\>input\]\/input-group\:pt-2\.5:is( :where(.group\/input-group):has(> input) *) {
        padding-top: calc(var(--spacing) * 2.5);
    }

    .group-has-\[\>input\]\/input-group\:pb-2\.5:is( :where(.group\/input-group):has(> input) *) {
        padding-bottom: calc(var(--spacing) * 2.5);
    }

    .group-aria-selected\:left-0:is(:where(.group)[aria-selected="true"] *) {
        left: calc(var(--spacing) * 0);
    }

    .group-aria-selected\:scale-\[101\%\]:is( :where(.group)[aria-selected="true"] *) {
        scale: 1.01;
    }

    .group-aria-selected\:bg-surface-200:is( :where(.group)[aria-selected="true"] *) {
        background-color: hsl(var(--background-surface-200));
    }

    .group-aria-selected\:fill-foreground:is( :where(.group)[aria-selected="true"] *) {
        fill: hsl(var(--foreground-default));
    }

    .group-aria-selected\:text-foreground-light:is( :where(.group)[aria-selected="true"] *) {
        color: hsl(var(--foreground-light));
    }

    .group-aria-selected\:text-foreground-lighter:is( :where(.group)[aria-selected="true"] *) {
        color: hsl(var(--foreground-lighter));
    }

    .group-aria-selected\:opacity-100:is(:where(.group)[aria-selected="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\]\:pr-2\!:is( :where(.group)[data-collapsible="icon"] *) {
        padding-right: calc(var(--spacing) * 2) !important;
    }

    .group-data-\[collapsible\=icon\]\:pl-1\.5\!:is( :where(.group)[data-collapsible="icon"] *) {
        padding-left: calc(var(--spacing) * 1.5) !important;
    }

    .group-data-\[collapsible\=icon\]\:opacity-0:is( :where(.group)[data-collapsible="icon"] *) {
        opacity: 0;
    }

    .group-data-\[collapsible\=offcanvas\]\:-right-\(--sidebar-width\):is( :where(.group)[data-collapsible="offcanvas"] *) {
        right: calc(var(--sidebar-width) * -1);
    }

    .group-data-\[collapsible\=offcanvas\]\:-left-\(--sidebar-width\):is( :where(.group)[data-collapsible="offcanvas"] *) {
        left: calc(var(--sidebar-width) * -1);
    }

    .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\]\/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: 0.5;
    }

    .group-data-\[expanded\=false\]\:opacity-0:is( :where(.group)[data-expanded="false"] *) {
        opacity: 0;
    }

    .group-data-\[front\=true\]\:opacity-100\!:is( :where(.group)[data-front="true"] *) {
        opacity: 1 !important;
    }

    .group-data-\[separator\=active\]\:bg-foreground-muted:is( :where(.group)[data-separator="active"] *) {
        background-color: hsl(var(--foreground-muted));
    }

    .group-data-\[separator\=active\]\:opacity-100:is( :where(.group)[data-separator="active"] *),
    .group-data-\[separator\=hover\]\:opacity-100:is( :where(.group)[data-separator="hover"] *) {
        opacity: 1;
    }

    .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-\[state\=checked\]\:border-foreground:is( :where(.group)[data-state="checked"] *) {
        border-color: hsl(var(--foreground-default));
    }

    .group-data-\[state\=checked\]\:border-foreground-muted:is( :where(.group)[data-state="checked"] *) {
        border-color: hsl(var(--foreground-muted));
    }

    .group-data-\[state\=checked\]\:text-foreground:is( :where(.group)[data-state="checked"] *) {
        color: hsl(var(--foreground-default));
    }

    .group-data-\[state\=open\]\:rotate-90:is( :where(.group)[data-state="open"] *) {
        rotate: 90deg;
    }

    .group-data-\[state\=open\]\:rotate-180:is( :where(.group)[data-state="open"] *) {
        rotate: 180deg;
    }

    .group-data-\[state\=open\]\:bg-brand\/20:is( :where(.group)[data-state="open"] *) {
        background-color: hsl(var(--brand-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .group-data-\[state\=open\]\:bg-brand\/20:is( :where(.group)[data-state="open"] *) {
            background-color: color-mix(in oklab,
                    hsl(var(--brand-default)) 20%,
                    transparent);
        }
    }

    .group-data-\[state\=open\]\:bg-surface-75\/20:is( :where(.group)[data-state="open"] *) {
        background-color: hsl(var(--background-surface-75));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .group-data-\[state\=open\]\:bg-surface-75\/20:is( :where(.group)[data-state="open"] *) {
            background-color: color-mix(in oklab,
                    hsl(var(--background-surface-75)) 20%,
                    transparent);
        }
    }

    .group-data-\[state\=open\]\:bg-surface-75\/75:is( :where(.group)[data-state="open"] *) {
        background-color: hsl(var(--background-surface-75));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .group-data-\[state\=open\]\:bg-surface-75\/75:is( :where(.group)[data-state="open"] *) {
            background-color: color-mix(in oklab,
                    hsl(var(--background-surface-75)) 75%,
                    transparent);
        }
    }

    .group-data-\[state\=open\]\:ring-2:is(:where(.group)[data-state="open"] *) {
        --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-\[state\=open\]\:ring-brand\/20:is( :where(.group)[data-state="open"] *) {
        --tw-ring-color: hsl(var(--brand-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .group-data-\[state\=open\]\:ring-brand\/20:is( :where(.group)[data-state="open"] *) {
            --tw-ring-color: color-mix(in oklab,
                    hsl(var(--brand-default)) 20%,
                    transparent);
        }
    }

    .group-data-\[state\=open\]\:ring-foreground-muted\/20:is( :where(.group)[data-state="open"] *) {
        --tw-ring-color: hsl(var(--foreground-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .group-data-\[state\=open\]\:ring-foreground-muted\/20:is( :where(.group)[data-state="open"] *) {
            --tw-ring-color: color-mix(in oklab,
                    hsl(var(--foreground-muted)) 20%,
                    transparent);
        }
    }

    .group-data-\[variant\=floating\]\:rounded-lg:is( :where(.group)[data-variant="floating"] *) {
        border-radius: var(--radius-lg);
    }

    .group-data-\[variant\=floating\]\:border:is( :where(.group)[data-variant="floating"] *) {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }

    .group-data-\[variant\=floating\]\:border-sidebar-border:is( :where(.group)[data-variant="floating"] *) {
        border-color: hsl(var(--sidebar-border));
    }

    .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\=outline\]\/field-group\:-mb-2:is( :where(.group\/field-group)[data-variant="outline"] *) {
        margin-bottom: calc(var(--spacing) * -2);
    }

    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is( :where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
        display: block;
    }

    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is( :where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *),
    .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is( :where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
        text-align: center;
    }

    .group-aria-expanded\:rotate-90:is(:where(.group)[aria-expanded="true"] *) {
        rotate: 90deg;
    }

    .group-aria-expanded\:text-foreground-light:is( :where(.group)[aria-expanded="true"] *) {
        color: hsl(var(--foreground-light));
    }

    .group-\[\.destructive\]\:text-destructive-300:is( :where(.group).destructive *) {
        color: hsl(var(--destructive-300));
    }

    .group-\[\.toast\]\:text-foreground-lighter:is(:where(.group).toast *) {
        color: hsl(var(--foreground-lighter));
    }

    .group-\[\.toaster\]\:border:is(:where(.group).toaster *) {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }

    .group-\[\.toaster\]\:\!border-destructive-500:is(:where(.group).toaster *) {
        border-color: hsl(var(--destructive-500)) !important;
    }

    .group-\[\.toaster\]\:\!border-warning-500:is(:where(.group).toaster *) {
        border-color: hsl(var(--warning-500)) !important;
    }

    .group-\[\.toaster\]\:border-brand-500:is(:where(.group).toaster *) {
        border-color: hsl(var(--brand-500));
    }

    .group-\[\.toaster\]\:border-overlay:is(:where(.group).toaster *) {
        border-color: hsl(var(--border-overlay));
    }

    .group-\[\.toaster\]\:\!bg-brand-200:is(:where(.group).toaster *) {
        background-color: hsl(var(--brand-200)) !important;
    }

    .group-\[\.toaster\]\:\!bg-destructive-200:is(:where(.group).toaster *) {
        background-color: hsl(var(--destructive-200)) !important;
    }

    .group-\[\.toaster\]\:\!bg-warning-200:is(:where(.group).toaster *) {
        background-color: hsl(var(--warning-200)) !important;
    }

    .group-\[\.toaster\]\:bg-overlay:is(:where(.group).toaster *) {
        background-color: hsl(var(--background-overlay-default));
    }

    .group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *) {
        color: hsl(var(--foreground-default));
    }

    .group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *) {
        --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);
    }

    @media (hover: hover) {
        .peer-hover\:opacity-100:is(:where(.peer):hover ~ *) {
            opacity: 1;
        }

        .peer-hover\/menu-button\:text-sidebar-accent-foreground:is( :where(.peer\/menu-button):hover ~ *) {
            color: hsl(var(--sidebar-accent-foreground));
        }
    }

    .peer-disabled\:pointer-events-none:is(:where(.peer):disabled ~ *) {
        pointer-events: none;
    }

    .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
        cursor: not-allowed;
    }

    .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
        opacity: 0.5;
    }

    .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
        opacity: 0.7;
    }

    .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is( :where(.peer\/menu-button)[data-active="true"] ~ *) {
        color: hsl(var(--sidebar-accent-foreground));
    }

    .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-\[value\=true\]\:bg-overlay-hover:is( :where(.peer)[data-value="true"] ~ *) {
        background-color: hsl(var(--background-overlay-hover));
    }

    .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-\(--spacing\(4\)\)\)\]:is( :where(.peer)[data-variant="inset"] ~ *) {
        min-height: calc(100svh - (calc(var(--spacing) * 4)));
    }

    .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-sm::file-selector-button {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .file\:font-medium::file-selector-button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }

    .placeholder\:text-destructive-400::placeholder {
        color: hsl(var(--destructive-400));
    }

    .placeholder\:text-foreground-lighter\/50::placeholder {
        color: hsl(var(--foreground-lighter));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .placeholder\:text-foreground-lighter\/50::placeholder {
            color: color-mix(in oklab,
                    hsl(var(--foreground-lighter)) 50%,
                    transparent);
        }
    }

    .placeholder\:text-foreground-muted::placeholder,
    .placeholder\:text-muted::placeholder {
        color: hsl(var(--foreground-muted));
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute;
    }

    .before\:inset-0:before {
        content: var(--tw-content);
        inset: calc(var(--spacing) * 0);
    }

    .before\:top-0:before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
    }

    .before\:top-52:before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 52);
    }

    .before\:top-full:before {
        content: var(--tw-content);
        top: 100%;
    }

    .before\:right-0:before {
        content: var(--tw-content);
        right: calc(var(--spacing) * 0);
    }

    .before\:bottom-0:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
    }

    .before\:left-0:before {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
    }

    .before\:-z-10:before {
        content: var(--tw-content);
        z-index: calc(10 * -1);
    }

    .before\:z-10:before {
        content: var(--tw-content);
        z-index: 10;
    }

    .before\:z-20:before {
        content: var(--tw-content);
        z-index: 20;
    }

    .before\:h-3:before {
        content: var(--tw-content);
        height: calc(var(--spacing) * 3);
    }

    .before\:h-\[200px\]:before {
        content: var(--tw-content);
        height: 200px;
    }

    .before\:h-full:before {
        content: var(--tw-content);
        height: 100%;
    }

    .before\:w-6:before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 6);
    }

    .before\:w-full:before {
        content: var(--tw-content);
        width: 100%;
    }

    .before\:border-\[\#1f3536\]:before {
        content: var(--tw-content);
        border-color: #1f3536;
    }

    .before\:bg-black:before {
        content: var(--tw-content);
        background-color: var(--color-black);
    }

    .before\:bg-linear-to-b:before {
        content: var(--tw-content);
        --tw-gradient-position: to bottom;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .before\:bg-linear-to-b:before {
            --tw-gradient-position: to bottom in oklab;
        }
    }

    .before\:bg-linear-to-b:before {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .before\:bg-linear-to-l:before {
        content: var(--tw-content);
        --tw-gradient-position: to left;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .before\:bg-linear-to-l:before {
            --tw-gradient-position: to left in oklab;
        }
    }

    .before\:bg-linear-to-l:before {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .before\:bg-linear-to-t:before {
        content: var(--tw-content);
        --tw-gradient-position: to top;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .before\:bg-linear-to-t:before {
            --tw-gradient-position: to top in oklab;
        }
    }

    .before\:bg-linear-to-t:before {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .before\:bg-\[linear-gradient\(to_right\,hsl\(var\(--background-alternative-default\)\)_0\%\,transparent_10\%\,transparent_90\%\,hsl\(var\(--background-alternative-default\)\)_100\%\)\]:before {
        content: var(--tw-content);
        background-image: linear-gradient(to right,
                hsl(var(--background-alternative-default)) 0,
                transparent 10%,
                transparent 90%,
                hsl(var(--background-alternative-default)) 100%);
    }

    .before\:bg-\[linear-gradient\(to_right\,hsl\(var\(--background-default\)\)_0\%\,transparent_10\%\,transparent_90\%\,hsl\(var\(--background-default\)\)_100\%\)\]:before {
        content: var(--tw-content);
        background-image: linear-gradient(to right,
                hsl(var(--background-default)) 0,
                transparent 10%,
                transparent 90%,
                hsl(var(--background-default)) 100%);
    }

    .before\:from-\[\#1C1C1C\]:before {
        content: var(--tw-content);
        --tw-gradient-from: #1c1c1c;
        --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\:from-\[\#030A0C\]:before {
        content: var(--tw-content);
        --tw-gradient-from: #030a0c;
        --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\:from-background-overlay:before {
        content: var(--tw-content);
        --tw-gradient-from: hsl(var(--background-overlay-default));
        --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\:from-black\/5:before {
        content: var(--tw-content);
        --tw-gradient-from: #0000000d;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .before\:from-black\/5:before {
            --tw-gradient-from: color-mix(in oklab,
                    var(--color-black) 5%,
                    transparent);
        }
    }

    .before\:from-black\/5:before {
        --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\:via-\[\#1C1C1C40\]:before {
        content: var(--tw-content);
        --tw-gradient-via: #1c1c1c40;
        --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);
    }

    .before\:via-transparent:before {
        content: var(--tw-content);
        --tw-gradient-via: transparent;
        --tw-gradient-via-stops: var(--tw-gradient-position),
            var(--tw-gradient-from) var(--tw-gradient-from-position),
            var(--tw-gradient-via) var(--tw-gradient-via-position),
            var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }

    .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\:text-foreground-muted:before {
        content: var(--tw-content);
        color: hsl(var(--foreground-muted));
    }

    .before\:opacity-0:before {
        content: var(--tw-content);
        opacity: 0;
    }

    .before\:opacity-30:before {
        content: var(--tw-content);
        opacity: 0.3;
    }

    .before\:opacity-100:before {
        content: var(--tw-content);
        opacity: 1;
    }

    .before\:transition-all:before {
        content: var(--tw-content);
        transition-property: all;
        transition-timing-function: var(--tw-ease,
                var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .before\:transition-opacity:before {
        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));
    }

    .before\:duration-400:before {
        content: var(--tw-content);
        --tw-duration: 0.4s;
        transition-duration: 0.4s;
    }

    .before\:content-\[\'\(\'\]:before {
        --tw-content: "(";
        content: var(--tw-content);
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute;
    }

    .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-y-0:after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0);
    }

    .after\:top-0:after {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
    }

    .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\:-z-10:after {
        content: var(--tw-content);
        z-index: calc(10 * -1);
    }

    .after\:mx-auto:after {
        content: var(--tw-content);
        margin-inline: auto;
    }

    .after\:h-\[150px\]:after {
        content: var(--tw-content);
        height: 150px;
    }

    .after\:h-full:after {
        content: var(--tw-content);
        height: 100%;
    }

    .after\:w-1:after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 1);
    }

    .after\:w-6:after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 6);
    }

    .after\:w-\[2px\]:after {
        content: var(--tw-content);
        width: 2px;
    }

    .after\:w-full:after {
        content: var(--tw-content);
        width: 100%;
    }

    .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-\[\#1f3536\]:after {
        content: var(--tw-content);
        border-color: #1f3536;
    }

    .after\:bg-background\!:after {
        content: var(--tw-content);
        background-color: hsl(var(--background-default)) !important;
    }

    .after\:bg-white:after {
        content: var(--tw-content);
        background-color: var(--color-white);
    }

    .after\:bg-linear-to-b:after {
        content: var(--tw-content);
        --tw-gradient-position: to bottom;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .after\:bg-linear-to-b:after {
            --tw-gradient-position: to bottom in oklab;
        }
    }

    .after\:bg-linear-to-b:after {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .after\:bg-linear-to-br:after {
        content: var(--tw-content);
        --tw-gradient-position: to bottom right;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .after\:bg-linear-to-br:after {
            --tw-gradient-position: to bottom right in oklab;
        }
    }

    .after\:bg-linear-to-br:after {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .after\:bg-linear-to-r:after {
        content: var(--tw-content);
        --tw-gradient-position: to right;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .after\:bg-linear-to-r:after {
            --tw-gradient-position: to right in oklab;
        }
    }

    .after\:bg-linear-to-r:after {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .after\:bg-\[url\(\'\/images\/launchweek\/docs-update-bg\.png\'\)\]:after {
        content: var(--tw-content);
        background-image: url(/images/launchweek/docs-update-bg.png);
    }

    .after\:from-\[\#14292c\]:after {
        content: var(--tw-content);
        --tw-gradient-from: #14292c;
        --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\:from-black\/5:after {
        content: var(--tw-content);
        --tw-gradient-from: #0000000d;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .after\:from-black\/5:after {
            --tw-gradient-from: color-mix(in oklab,
                    var(--color-black) 5%,
                    transparent);
        }
    }

    .after\:from-black\/5:after {
        --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\:from-border-stronger:after {
        content: var(--tw-content);
        --tw-gradient-from: hsl(var(--border-stronger));
        --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-\[\#141516\]:after {
        content: var(--tw-content);
        --tw-gradient-to: #141516;
        --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\:bg-size-\[300px_180px\]:after {
        content: var(--tw-content);
        background-size: 300px 180px;
    }

    .after\:bg-position-\[center_bottom\]:after {
        content: var(--tw-content);
        background-position: bottom;
    }

    .after\:bg-no-repeat:after {
        content: var(--tw-content);
        background-repeat: no-repeat;
    }

    .after\:text-foreground-muted:after {
        content: var(--tw-content);
        color: hsl(var(--foreground-muted));
    }

    .after\:opacity-0:after {
        content: var(--tw-content);
        opacity: 0;
    }

    .after\:opacity-100:after {
        content: var(--tw-content);
        opacity: 1;
    }

    .after\:transition-all:after {
        content: var(--tw-content);
        transition-property: all;
        transition-timing-function: var(--tw-ease,
                var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .after\:duration-400:after {
        content: var(--tw-content);
        --tw-duration: 0.4s;
        transition-duration: 0.4s;
    }

    .after\:content-\[\'\)\'\]:after {
        --tw-content: ")";
        content: var(--tw-content);
    }

    .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is( :where(.group)[data-collapsible="offcanvas"] *):after {
        content: var(--tw-content);
        left: 100%;
    }

    .first\:mt-0:first-child {
        margin-top: calc(var(--spacing) * 0);
    }

    .first\:-ml-2:first-child {
        margin-left: calc(var(--spacing) * -2);
    }

    :where(.first\:divide-y-0:first-child > :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)));
    }

    .first\:rounded-l-md:first-child {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
    }

    .first\:rounded-l-xl:first-child {
        border-top-left-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl);
    }

    .first\:rounded-tl-md:first-child {
        border-top-left-radius: var(--radius-md);
    }

    .first\:rounded-tr-md:first-child {
        border-top-right-radius: var(--radius-md);
    }

    .first\:border-t:first-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }

    .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-md:last-child {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md);
    }

    .last\:rounded-r-xl:last-child {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
    }

    .last\:rounded-br-md:last-child {
        border-bottom-right-radius: var(--radius-md);
    }

    .last\:rounded-bl-md:last-child {
        border-bottom-left-radius: var(--radius-md);
    }

    .last\:border-0:last-child {
        border-style: var(--tw-border-style);
        border-width: 0;
    }

    .last\:border-r:last-child {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
    }

    .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\:border-none:last-child {
        --tw-border-style: none;
        border-style: none;
    }

    .last\:pb-0:last-child {
        padding-bottom: calc(var(--spacing) * 0);
    }

    .last\:pb-12:last-child {
        padding-bottom: calc(var(--spacing) * 12);
    }

    .last\:pb-24:last-child {
        padding-bottom: calc(var(--spacing) * 24);
    }

    .first-of-type\:rounded-t-lg:first-of-type {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }

    .first-of-type\:rounded-t-md:first-of-type {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md);
    }

    .last-of-type\:rounded-b-lg:last-of-type {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
    }

    .last-of-type\:rounded-b-md:last-of-type {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
    }

    .read-only\:border-button:read-only {
        border-color: hsl(var(--border-button-default));
    }

    .read-only\:border-transparent:read-only {
        border-color: #0000;
    }

    .read-only\:text-foreground-light:read-only {
        color: hsl(var(--foreground-light));
    }

    .focus-within\:relative:focus-within {
        position: relative;
    }

    .focus-within\:z-20:focus-within {
        z-index: 20;
    }

    @media (hover: hover) {
        .hover\:z-1:hover {
            z-index: 1;
        }

        .hover\:-translate-y-1:hover {
            --tw-translate-y: calc(var(--spacing) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .hover\:scale-105:hover {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .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-12:hover {
            rotate: 12deg;
        }

        .hover\:cursor-\[url\(\'\/images\/index\/products\/realtime-cursor-light\.svg\'\)\,auto\]\!:hover {
            cursor: url(/images/index/products/realtime-cursor-light.svg), auto !important;
        }

        .hover\:cursor-default:hover {
            cursor: default;
        }

        .hover\:cursor-pointer:hover {
            cursor: pointer;
        }

        .hover\:cursor-pointer\!:hover {
            cursor: pointer !important;
        }

        .hover\:border:hover {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }

        .hover\:border-dashed:hover {
            --tw-border-style: dashed;
            border-style: dashed;
        }

        .hover\:border-brand-300\/50:hover {
            border-color: hsl(var(--brand-300));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:border-brand-300\/50:hover {
                border-color: color-mix(in oklab,
                        hsl(var(--brand-300)) 50%,
                        transparent);
            }
        }

        .hover\:border-brand-600:hover {
            border-color: hsl(var(--brand-600));
        }

        .hover\:border-brand-800:hover {
            border-color: var(--color-brand-800);
        }

        .hover\:border-brand-1200:hover {
            border-color: var(--color-brand-1200);
        }

        .hover\:border-control:hover {
            border-color: hsl(var(--border-control));
        }

        .hover\:border-default:hover {
            border-color: hsl(var(--border-default));
        }

        .hover\:border-destructive:hover {
            border-color: hsl(var(--destructive-default));
        }

        .hover\:border-foreground:hover {
            border-color: hsl(var(--foreground-default));
        }

        .hover\:border-foreground-light:hover {
            border-color: hsl(var(--foreground-light));
        }

        .hover\:border-foreground-lighter:hover {
            border-color: hsl(var(--foreground-lighter));
        }

        .hover\:border-foreground-muted:hover,
        .hover\:border-foreground-muted\/30:hover {
            border-color: hsl(var(--foreground-muted));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:border-foreground-muted\/30:hover {
                border-color: color-mix(in oklab,
                        hsl(var(--foreground-muted)) 30%,
                        transparent);
            }
        }

        .hover\:border-strong:hover {
            border-color: hsl(var(--border-strong));
        }

        .hover\:border-stronger:hover {
            border-color: hsl(var(--border-stronger));
        }

        .hover\:border-warning:hover {
            border-color: hsl(var(--warning-default));
        }

        .hover\:\!bg-overlay-hover:hover,
        .hover\:\!bg-overlay-hover\/50:hover {
            background-color: hsl(var(--background-overlay-hover)) !important;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:\!bg-overlay-hover\/50:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--background-overlay-hover)) 50%,
                        transparent) !important;
            }
        }

        .hover\:bg-\[\#22272A\]:hover {
            background-color: #22272a;
        }

        .hover\:bg-\[\#121516\]:hover {
            background-color: #121516;
        }

        .hover\:bg-alternative:hover {
            background-color: hsl(var(--background-alternative-default));
        }

        .hover\:bg-background:hover {
            background-color: hsl(var(--background-default));
        }

        .hover\:bg-background-overlay:hover {
            background-color: hsl(var(--background-overlay-default));
        }

        .hover\:bg-blue-700:hover {
            background-color: var(--color-blue-700);
        }

        .hover\:bg-border-overlay:hover {
            background-color: hsl(var(--border-overlay));
        }

        .hover\:bg-border-stronger\!:hover {
            background-color: hsl(var(--border-stronger)) !important;
        }

        .hover\:bg-brand\!:hover {
            background-color: hsl(var(--brand-default)) !important;
        }

        .hover\:bg-brand-200\/50:hover {
            background-color: hsl(var(--brand-200));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-brand-200\/50:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--brand-200)) 50%,
                        transparent);
            }
        }

        .hover\:bg-brand-300:hover,
        .hover\:bg-brand-300\/25:hover {
            background-color: hsl(var(--brand-300));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-brand-300\/25:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--brand-300)) 25%,
                        transparent);
            }
        }

        .hover\:bg-brand-300\/30:hover {
            background-color: hsl(var(--brand-300));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-brand-300\/30:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--brand-300)) 30%,
                        transparent);
            }
        }

        .hover\:bg-brand-400:hover {
            background-color: hsl(var(--brand-400));
        }

        .hover\:bg-brand-500:hover {
            background-color: hsl(var(--brand-500));
        }

        .hover\:bg-brand-600:hover {
            background-color: hsl(var(--brand-600));
        }

        .hover\:bg-brand\/80:hover {
            background-color: hsl(var(--brand-default));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-brand\/80:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--brand-default)) 80%,
                        transparent);
            }
        }

        .hover\:bg-brand\/90:hover {
            background-color: hsl(var(--brand-default));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-brand\/90:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--brand-default)) 90%,
                        transparent);
            }
        }

        .hover\:bg-control:hover {
            background-color: hsl(var(--background-control));
        }

        .hover\:bg-destructive-400:hover {
            background-color: hsl(var(--destructive-400));
        }

        .hover\:bg-destructive\/90:hover {
            background-color: hsl(var(--destructive-default));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-destructive\/90:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--destructive-default)) 90%,
                        transparent);
            }
        }

        .hover\:bg-emerald-50:hover {
            background-color: var(--color-emerald-50);
        }

        .hover\:bg-emerald-300:hover {
            background-color: var(--color-emerald-300);
        }

        .hover\:bg-emerald-700:hover {
            background-color: var(--color-emerald-700);
        }

        .hover\:bg-muted:hover {
            background-color: hsl(var(--background-muted));
        }

        .hover\:bg-neutral-200:hover {
            background-color: var(--color-neutral-200);
        }

        .hover\:bg-neutral-600:hover {
            background-color: var(--color-neutral-600);
        }

        .hover\:bg-neutral-700:hover {
            background-color: var(--color-neutral-700);
        }

        .hover\:bg-neutral-800:hover {
            background-color: var(--color-neutral-800);
        }

        .hover\:bg-overlay:hover {
            background-color: hsl(var(--background-overlay-default));
        }

        .hover\:bg-overlay-hover:hover {
            background-color: hsl(var(--background-overlay-hover));
        }

        .hover\:bg-selection:hover,
        .hover\:bg-selection\/20:hover {
            background-color: hsl(var(--background-selection));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-selection\/20:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--background-selection)) 20%,
                        transparent);
            }
        }

        .hover\:bg-sidebar-accent\/50:hover {
            background-color: hsl(var(--sidebar-accent));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-sidebar-accent\/50:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--sidebar-accent)) 50%,
                        transparent);
            }
        }

        .hover\:bg-slate-100:hover {
            background-color: var(--color-slate-100);
        }

        .hover\:bg-surface-75:hover {
            background-color: hsl(var(--background-surface-75));
        }

        .hover\:bg-surface-100:hover,
        .hover\:bg-surface-100\/100:hover {
            background-color: hsl(var(--background-surface-100));
        }

        .hover\:bg-surface-200:hover {
            background-color: hsl(var(--background-surface-200));
        }

        .hover\:bg-surface-300:hover,
        .hover\:bg-surface-300\/30:hover {
            background-color: hsl(var(--background-surface-300));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-surface-300\/30:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--background-surface-300)) 30%,
                        transparent);
            }
        }

        .hover\:bg-surface-300\/50:hover {
            background-color: hsl(var(--background-surface-300));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-surface-300\/50:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--background-surface-300)) 50%,
                        transparent);
            }
        }

        .hover\:bg-surface-400:hover {
            background-color: hsl(var(--background-surface-400));
        }

        .hover\:bg-transparent\!:hover {
            background-color: #0000 !important;
        }

        .hover\:bg-warning-400:hover {
            background-color: hsl(var(--warning-400));
        }

        .hover\:bg-none:hover {
            background-image: none;
        }

        .hover\:from-\[\#4e4e4e90\]:hover {
            --tw-gradient-from: #4e4e4e90;
            --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));
        }

        .hover\:from-foreground-muted:hover {
            --tw-gradient-from: hsl(var(--foreground-muted));
            --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));
        }

        .hover\:to-\[\#4e4e4e\]:hover {
            --tw-gradient-to: #4e4e4e;
            --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));
        }

        .hover\:to-\[\#19191980\]:hover {
            --tw-gradient-to: #19191980;
            --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));
        }

        .hover\:to-\[\#19191990\]:hover {
            --tw-gradient-to: #19191990;
            --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));
        }

        .hover\:to-foreground-muted:hover {
            --tw-gradient-to: hsl(var(--foreground-muted));
            --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));
        }

        .hover\:text-\[\#EDEDED\]:hover {
            color: #ededed;
        }

        .hover\:text-border-stronger:hover {
            color: hsl(var(--border-stronger));
        }

        .hover\:text-brand:hover {
            color: hsl(var(--brand-default));
        }

        .hover\:text-brand-600:hover {
            color: hsl(var(--brand-600));
        }

        .hover\:text-brand-link:hover {
            color: hsl(var(--brand-link));
        }

        .hover\:text-destructive-600:hover {
            color: hsl(var(--destructive-600));
        }

        .hover\:text-foreground:hover {
            color: hsl(var(--foreground-default));
        }

        .hover\:text-foreground\!:hover {
            color: hsl(var(--foreground-default)) !important;
        }

        .hover\:text-foreground-light:hover {
            color: hsl(var(--foreground-light));
        }

        .hover\:text-foreground-lighter:hover {
            color: hsl(var(--foreground-lighter));
        }

        .hover\:text-hi-contrast:hover {
            color: hsl(var(--foreground-default));
        }

        .hover\:text-neutral-300:hover {
            color: var(--color-neutral-300);
        }

        .hover\:text-red-400:hover {
            color: var(--color-red-400);
        }

        .hover\:text-sidebar-accent-foreground:hover {
            color: hsl(var(--sidebar-accent-foreground));
        }

        .hover\:text-white:hover {
            color: var(--color-white);
        }

        .hover\:underline:hover {
            text-decoration-line: underline;
        }

        .hover\:decoration-foreground-light:hover {
            -webkit-text-decoration-color: hsl(var(--foreground-light));
            text-decoration-color: hsl(var(--foreground-light));
        }

        .hover\:opacity-80:hover {
            opacity: 0.8;
        }

        .hover\:opacity-90:hover {
            opacity: 0.9;
        }

        .hover\:opacity-100:hover {
            opacity: 1;
        }

        .hover\:opacity-100\!:hover {
            opacity: 1 !important;
        }

        .hover\:shadow-2xl:hover {
            --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
        }

        .hover\:shadow-2xl:hover,
        .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
            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-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
            --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
        }

        .hover\:shadow-lg:hover {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),
                0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        }

        .hover\:shadow-lg:hover,
        .hover\:shadow-md:hover {
            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);
        }

        .hover\:shadow-none:hover {
            --tw-shadow: 0 0 #0000;
        }

        .hover\:shadow-none:hover,
        .hover\:shadow-sm:hover {
            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-sm:hover {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
                0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        }

        .hover\:shadow-xs:hover {
            --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);
        }

        .hover\:drop-shadow-md:hover {
            --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
            --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
            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);
        }

        .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:is( :where(.group)[data-collapsible="offcanvas"] *):hover {
            background-color: hsl(var(--sidebar-background));
        }

        .hover\:before\:opacity-50:hover:before {
            content: var(--tw-content);
            opacity: 0.5;
        }

        .hover\:before\:opacity-100:hover:before {
            content: var(--tw-content);
            opacity: 1;
        }

        .hover\:after\:bg-sidebar-border:hover:after {
            content: var(--tw-content);
            background-color: hsl(var(--sidebar-border));
        }

        .hover\:after\:opacity-100:hover:after {
            content: var(--tw-content);
            opacity: 1;
        }
    }

    .focus\:z-10:focus {
        z-index: 10;
    }

    .focus\:rounded-xl:focus {
        border-radius: var(--radius-xl);
    }

    .focus\:border-none:focus {
        --tw-border-style: none;
        border-style: none;
    }

    .focus\:border-blue-300:focus {
        border-color: var(--color-blue-300);
    }

    .focus\:border-control:focus {
        border-color: hsl(var(--border-control));
    }

    .focus\:border-emerald-500:focus {
        border-color: var(--color-emerald-500);
    }

    .focus\:border-foreground-lighter\/50:focus {
        border-color: hsl(var(--foreground-lighter));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .focus\:border-foreground-lighter\/50:focus {
            border-color: color-mix(in oklab,
                    hsl(var(--foreground-lighter)) 50%,
                    transparent);
        }
    }

    .focus\:border-muted:focus {
        border-color: hsl(var(--border-muted));
    }

    .focus\:border-transparent:focus {
        border-color: #0000;
    }

    .focus\:bg-border-overlay:focus {
        background-color: hsl(var(--border-overlay));
    }

    .focus\:bg-overlay-hover:focus {
        background-color: hsl(var(--background-overlay-hover));
    }

    .focus\:bg-selection:focus {
        background-color: hsl(var(--background-selection));
    }

    .focus\:bg-surface-400:focus {
        background-color: hsl(var(--background-surface-400));
    }

    .focus\:text-foreground:focus {
        color: hsl(var(--foreground-default));
    }

    .focus\:opacity-100:focus {
        opacity: 1;
    }

    .focus\:shadow-none:focus {
        --tw-shadow: 0 0 #0000;
    }

    .focus\:ring-0:focus,
    .focus\:shadow-none:focus {
        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-0:focus {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    }

    .focus\:ring-2:focus {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .focus\:ring-background-control:focus {
        --tw-ring-color: hsl(var(--background-control));
    }

    .focus\:ring-brand:focus {
        --tw-ring-color: hsl(var(--brand-default));
    }

    .focus\:ring-brand-300:focus {
        --tw-ring-color: hsl(var(--brand-300));
    }

    .focus\:ring-brand-600:focus {
        --tw-ring-color: hsl(var(--brand-600));
    }

    .focus\:ring-current:focus {
        --tw-ring-color: currentcolor;
    }

    .focus\:ring-destructive-400:focus {
        --tw-ring-color: hsl(var(--destructive-400));
    }

    .focus\:ring-emerald-500:focus {
        --tw-ring-color: var(--color-emerald-500);
    }

    .focus\:ring-neutral-600:focus {
        --tw-ring-color: var(--color-neutral-600);
    }

    .focus\:ring-transparent:focus {
        --tw-ring-color: transparent;
    }

    .focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }

    .focus\: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\:ring-inset:focus {
        --tw-ring-inset: inset;
    }

    .group-\[\.destructive\]\:focus\:ring-destructive-400:is( :where(.group).destructive *):focus {
        --tw-ring-color: hsl(var(--destructive-400));
    }

    .group-\[\.destructive\]\:focus\:ring-offset-destructive-600:is( :where(.group).destructive *):focus {
        --tw-ring-offset-color: hsl(var(--destructive-600));
    }

    .focus-visible\:z-1:focus-visible {
        z-index: 1;
    }

    .focus-visible\:z-10:focus-visible {
        z-index: 10;
    }

    .focus-visible\:rounded-full:focus-visible {
        border-radius: 3.40282e38px;
    }

    .focus-visible\:rounded-sm:focus-visible {
        border-radius: var(--radius-sm);
    }

    .focus-visible\:rounded-xs:focus-visible {
        border-radius: var(--radius-xs);
    }

    .focus-visible\:rounded-b-xl:focus-visible {
        border-bottom-right-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl);
    }

    .focus-visible\:border-brand-500:focus-visible {
        border-color: hsl(var(--brand-500));
    }

    .focus-visible\:border-control:focus-visible {
        border-color: hsl(var(--border-control));
    }

    .focus-visible\:border-foreground-muted:focus-visible {
        border-color: hsl(var(--foreground-muted));
    }

    .focus-visible\:border-transparent:focus-visible {
        border-color: #0000;
    }

    .focus-visible\:text-border-control:focus-visible {
        color: hsl(var(--border-control));
    }

    .focus-visible\:text-brand-link:focus-visible {
        color: hsl(var(--brand-link));
    }

    .focus-visible\:text-foreground:focus-visible {
        color: hsl(var(--foreground-default));
    }

    .focus-visible\:shadow-md:focus-visible {
        --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);
    }

    .focus-visible\:shadow-none:focus-visible {
        --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);
    }

    .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 {
        --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-4:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .focus-visible\:ring-background-control:focus-visible {
        --tw-ring-color: hsl(var(--background-control));
    }

    .focus-visible\:ring-border-strong:focus-visible {
        --tw-ring-color: hsl(var(--border-strong));
    }

    .focus-visible\:ring-brand-600:focus-visible {
        --tw-ring-color: hsl(var(--brand-600));
    }

    .focus-visible\:ring-foreground-lighter:focus-visible {
        --tw-ring-color: hsl(var(--foreground-lighter));
    }

    .focus-visible\:ring-foreground-muted:focus-visible {
        --tw-ring-color: hsl(var(--foreground-muted));
    }

    .focus-visible\:ring-sidebar-ring:focus-visible {
        --tw-ring-color: hsl(var(--sidebar-ring));
    }

    .focus-visible\:ring-transparent:focus-visible {
        --tw-ring-color: transparent;
    }

    .focus-visible\:ring-offset-0:focus-visible {
        --tw-ring-offset-width: 0px;
        --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-1:focus-visible {
        --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);
    }

    .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-4:focus-visible {
        --tw-ring-offset-width: 4px;
        --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-background:focus-visible {
        --tw-ring-offset-color: hsl(var(--background-default));
    }

    .focus-visible\:ring-offset-background-alternative:focus-visible {
        --tw-ring-offset-color: hsl(var(--background-alternative-default));
    }

    .focus-visible\:ring-offset-background-overlay:focus-visible {
        --tw-ring-offset-color: hsl(var(--background-overlay-default));
    }

    .focus-visible\:ring-offset-foreground-muted:focus-visible {
        --tw-ring-offset-color: hsl(var(--foreground-muted));
    }

    .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-4:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 4px;
    }

    .focus-visible\:outline-offset-1:focus-visible {
        outline-offset: 1px;
    }

    .focus-visible\:outline-amber-700:focus-visible {
        outline-color: var(--color-amber-700);
    }

    .focus-visible\:outline-border-strong:focus-visible {
        outline-color: hsl(var(--border-strong));
    }

    .focus-visible\:outline-brand-600:focus-visible {
        outline-color: hsl(var(--brand-600));
    }

    .focus-visible\:outline-foreground-lighter:focus-visible {
        outline-color: hsl(var(--foreground-lighter));
    }

    .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
    }

    .active\:scale-90:active {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .active\:cursor-grabbing:active {
        cursor: grabbing;
    }

    .active\:bg-sidebar-accent\/50:active {
        background-color: hsl(var(--sidebar-accent));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .active\:bg-sidebar-accent\/50:active {
            background-color: color-mix(in oklab,
                    hsl(var(--sidebar-accent)) 50%,
                    transparent);
        }
    }

    .active\:text-sidebar-accent-foreground:active {
        color: hsl(var(--sidebar-accent-foreground));
    }

    .enabled\:cursor-pointer:enabled {
        cursor: pointer;
    }

    @media (hover: hover) {
        .enabled\:group-hover\:text-foreground:enabled:is(:where(.group):hover *) {
            color: hsl(var(--foreground-default));
        }

        .enabled\:hover\:border-foreground-muted:enabled:hover {
            border-color: hsl(var(--foreground-muted));
        }

        .enabled\:hover\:bg-surface-300:enabled:hover {
            background-color: hsl(var(--background-surface-300));
        }
    }

    .disabled\:pointer-events-none:disabled {
        pointer-events: none;
    }

    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed;
    }

    .disabled\:text-foreground-muted:disabled {
        color: hsl(var(--foreground-muted));
    }

    .disabled\:opacity-50:disabled {
        opacity: 0.5;
    }

    @media (hover: hover) {
        .disabled\:hover\:bg-neutral-800:disabled:hover {
            background-color: var(--color-neutral-800);
        }
    }

    :where([data-nav-transparent]) .in-data-nav-transparent\:text-foreground {
        color: hsl(var(--foreground-default));
    }

    :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
        cursor: w-resize;
    }

    :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
        cursor: e-resize;
    }

    :where([data-theme*="dark"]) .in-data-\[theme\*\=dark\]\:bg-brand-500 {
        background-color: hsl(var(--brand-500));
    }

    :where([data-theme*="dark"]) .in-data-\[theme\*\=dark\]\:brightness-200 {
        --tw-brightness: brightness(200%);
        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);
    }

    :where([data-theme*="dark"]) .in-data-\[theme\*\=dark\]\:contrast-0 {
        --tw-contrast: contrast(0%);
        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);
    }

    :where([data-theme*="dark"]) .in-data-\[theme\*\=dark\]\: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);
    }

    .has-disabled\:opacity-50:has(:disabled) {
        opacity: 0.5;
    }

    .has-\[\[data-slot\=input-group-control\]\:disabled\]\:cursor-not-allowed:has([data-slot="input-group-control"]:disabled) {
        cursor: not-allowed;
    }

    .has-\[\[data-slot\=input-group-control\]\:disabled\]\:text-foreground-muted:has([data-slot="input-group-control"]:disabled) {
        color: hsl(var(--foreground-muted));
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-2:has([data-slot="input-group-control"]: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);
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-background-control:has([data-slot="input-group-control"]:focus-visible) {
        --tw-ring-color: hsl(var(--background-control));
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-2:has([data-slot="input-group-control"]: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);
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-foreground-muted:has([data-slot="input-group-control"]:focus-visible) {
        --tw-ring-offset-color: hsl(var(--foreground-muted));
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:outline-hidden:has([data-slot="input-group-control"]:focus-visible) {
        --tw-outline-style: none;
        outline-style: none;
    }

    @media (forced-colors: active) {
        .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:outline-hidden:has([data-slot="input-group-control"]:focus-visible) {
            outline-offset: 2px;
            outline: 2px solid #0000;
        }
    }

    .has-\[\[data-slot\=input-group-control\]\:read-only\]\:border-button:has([data-slot="input-group-control"]:read-only) {
        border-color: hsl(var(--border-button-default));
    }

    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive-400:has([data-slot][aria-invalid="true"]) {
        border-color: hsl(var(--destructive-400));
    }

    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:bg-destructive-200:has([data-slot][aria-invalid="true"]) {
        background-color: hsl(var(--destructive-200));
    }

    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
        --tw-ring-color: hsl(var(--destructive-default));
    }

    @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,
                    hsl(var(--destructive-default)) 20%,
                    transparent);
        }
    }

    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-destructive:has([data-slot][aria-invalid="true"]):has([data-slot="input-group-control"]:focus-visible) {
        border-color: hsl(var(--destructive-default));
    }

    .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant="inset"]) {
        background-color: hsl(var(--sidebar-background));
    }

    .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-end\]\]\:pb-0:has(> [data-align="block-end"]) {
        padding-bottom: calc(var(--spacing) * 0);
    }

    .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-md:has(> [data-slot="field"]) {
        border-radius: var(--radius-md);
    }

    .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:has(> button) {
        margin-right: calc(var(--spacing) * 0);
    }

    .has-\[\>button\]\:mr-\[-0\.4rem\]:has(> button) {
        margin-right: -0.4rem;
    }

    .has-\[\>button\]\:ml-\[-0\.45rem\]:has(> button) {
        margin-left: -0.45rem;
    }

    .has-\[\>kbd\]\:mr-0:has(> kbd) {
        margin-right: calc(var(--spacing) * 0);
    }

    .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(> kbd) {
        margin-right: -0.35rem;
    }

    .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(> kbd) {
        margin-left: -0.35rem;
    }

    .has-\[\>svg\]\:px-2:has(> svg) {
        padding-inline: calc(var(--spacing) * 2);
    }

    .has-\[\>svg\]\:px-2\.5:has(> svg) {
        padding-inline: calc(var(--spacing) * 2.5);
    }

    .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-25[aria-disabled="true"] {
        opacity: 0.25;
    }

    .aria-disabled\:opacity-50[aria-disabled="true"] {
        opacity: 0.5;
    }

    @media (hover: hover) {
        .aria-disabled\:hover\:opacity-25[aria-disabled="true"]:hover {
            opacity: 0.25;
        }
    }

    .aria-selected\:scale-\[100\.3\%\][aria-selected="true"] {
        scale: 1.003;
    }

    .aria-selected\:border-overlay[aria-selected="true"] {
        border-color: hsl(var(--border-overlay));
    }

    .aria-selected\:\!bg-selection[aria-selected="true"] {
        background-color: hsl(var(--background-selection)) !important;
    }

    .aria-selected\:bg-brand-400[aria-selected="true"] {
        background-color: hsl(var(--brand-400));
    }

    .aria-selected\:bg-selection\/80[aria-selected="true"] {
        background-color: hsl(var(--background-selection));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .aria-selected\:bg-selection\/80[aria-selected="true"] {
            background-color: color-mix(in oklab,
                    hsl(var(--background-selection)) 80%,
                    transparent);
        }
    }

    .aria-selected\:bg-selection\/90[aria-selected="true"] {
        background-color: hsl(var(--background-selection));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .aria-selected\:bg-selection\/90[aria-selected="true"] {
            background-color: color-mix(in oklab,
                    hsl(var(--background-selection)) 90%,
                    transparent);
        }
    }

    .aria-selected\:text-foreground[aria-selected="true"] {
        color: hsl(var(--foreground-default));
    }

    .aria-selected\:opacity-100[aria-selected="true"] {
        opacity: 1;
    }

    .aria-selected\:shadow-xs[aria-selected="true"] {
        --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);
    }

    .aria-selected\:backdrop-blur-md[aria-selected="true"] {
        --tw-backdrop-blur: blur(var(--blur-md));
    }

    .aria-selected\:backdrop-blur-md[aria-selected="true"],
    .aria-selected\:backdrop-filter[aria-selected="true"] {
        -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);
    }

    .aria-\[invalid\=true\]\:border-destructive-400[aria-invalid="true"] {
        border-color: hsl(var(--destructive-400));
    }

    .aria-\[invalid\=true\]\:border-transparent[aria-invalid="true"] {
        border-color: #0000;
    }

    .aria-\[invalid\=true\]\:bg-destructive-200[aria-invalid="true"] {
        background-color: hsl(var(--destructive-200));
    }

    .aria-\[invalid\=true\]\:bg-transparent[aria-invalid="true"] {
        background-color: #0000;
    }

    .aria-\[invalid\=true\]\:focus\:border-destructive[aria-invalid="true"]:focus {
        border-color: hsl(var(--destructive-default));
    }

    .aria-\[invalid\=true\]\:focus\:border-transparent[aria-invalid="true"]:focus {
        border-color: #0000;
    }

    .aria-\[invalid\=true\]\:focus-visible\:border-destructive[aria-invalid="true"]:focus-visible {
        border-color: hsl(var(--destructive-default));
    }

    .aria-\[invalid\=true\]\:focus-visible\:border-transparent[aria-invalid="true"]:focus-visible {
        border-color: #0000;
    }

    .aria-\[orientation\=horizontal\]\:h-px[aria-orientation="horizontal"] {
        height: 1px;
    }

    .aria-\[orientation\=horizontal\]\:w-full[aria-orientation="horizontal"] {
        width: 100%;
    }

    .aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation="horizontal"]:after {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0);
    }

    .aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation="horizontal"]:after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 1);
    }

    .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-disabled\:pointer-events-none[data-disabled] {
        pointer-events: none;
    }

    .data-disabled\:opacity-50[data-disabled] {
        opacity: 0.5;
    }

    .data-radix-collection-item\:focus-visible\:text-foreground[data-radix-collection-item]:focus-visible {
        color: hsl(var(--foreground-default));
    }

    .data-radix-collection-item\:focus-visible\:ring-2[data-radix-collection-item]: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);
    }

    .data-radix-collection-item\:focus-visible\:ring-foreground-lighter[data-radix-collection-item]:focus-visible {
        --tw-ring-color: hsl(var(--foreground-lighter));
    }

    .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
        background-color: hsl(var(--sidebar-accent));
    }

    .data-\[active\=true\]\:font-medium[data-active="true"] {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }

    .data-\[active\=true\]\:text-foreground[data-active="true"] {
        color: hsl(var(--foreground-default));
    }

    .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
        color: hsl(var(--sidebar-accent-foreground));
    }

    .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
        pointer-events: none;
    }

    .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
        opacity: 0.5;
    }

    .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
        color: hsl(var(--destructive-default));
    }

    .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
        --tw-enter-translate-x: calc(52 * var(--spacing));
    }

    .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
        --tw-enter-translate-x: calc(52 * var(--spacing) * -1);
    }

    .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
        --tw-exit-translate-x: calc(52 * var(--spacing));
    }

    .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
        --tw-exit-translate-x: calc(52 * var(--spacing) * -1);
    }

    .data-\[motion\^\=from-\]\:animate-fade-in[data-motion^="from-"] {
        animation: var(--animate-fade-in);
    }

    .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
        --tw-enter-opacity: 0;
    }

    .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, 0.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-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
        --tw-exit-opacity: 0;
    }

    .data-\[placeholder\]\:text-foreground-lighter[data-placeholder] {
        color: hsl(var(--foreground-lighter));
    }

    .data-\[selected\=true\]\:bg-overlay-hover[data-selected="true"] {
        background-color: hsl(var(--background-overlay-hover));
    }

    .data-\[separator\=active\]\:bg-border-strong[data-separator="active"] {
        background-color: hsl(var(--border-strong));
    }

    .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
        --tw-translate-y: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .data-\[side\=bottom\]\:slide-in-from-top-1[data-side="bottom"] {
        --tw-enter-translate-y: calc(1 * var(--spacing) * -1);
    }

    .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
        --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
    }

    .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
        --tw-translate-x: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .data-\[side\=left\]\:slide-in-from-right-1[data-side="left"] {
        --tw-enter-translate-x: calc(1 * var(--spacing));
    }

    .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
        --tw-enter-translate-x: calc(2 * var(--spacing));
    }

    .data-\[side\=right\]\:translate-x-1[data-side="right"] {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .data-\[side\=right\]\:slide-in-from-left-1[data-side="right"] {
        --tw-enter-translate-x: calc(1 * var(--spacing) * -1);
    }

    .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
        --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
    }

    .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .data-\[side\=top\]\:slide-in-from-bottom-1[data-side="top"] {
        --tw-enter-translate-y: calc(1 * var(--spacing));
    }

    .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
        --tw-enter-translate-y: calc(2 * var(--spacing));
    }

    :is(.\*\:data-\[slot\=\"page-header-icon\"\]\:shrink-0 > *)[data-slot="page-header-icon"] {
        flex-shrink: 0;
    }

    :is(.\*\:data-\[slot\=\"page-header-summary\"\]\:flex-1 > *)[data-slot="page-header-summary"] {
        flex: 1;
    }

    :is(.\*\:data-\[slot\=\"page-section-aside\"\]\:shrink-0 > *)[data-slot="page-section-aside"] {
        flex-shrink: 0;
    }

    :is(.\*\:data-\[slot\=\"page-section-summary\"\]\:flex-1 > *)[data-slot="page-section-summary"] {
        flex: 1;
    }

    :is(.\*\*\:data-\[slot\=\'slider-thumb\'\]\:animate-pulse *)[data-slot="slider-thumb"] {
        animation: var(--animate-pulse);
    }

    .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
        gap: calc(var(--spacing) * 3);
    }

    :is(.\*\:data-\[slot\=field\]\:p-4 > *)[data-slot="field"] {
        padding: calc(var(--spacing) * 4);
    }

    :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;
    }

    .data-\[state\=active\]\:border-none[data-state="active"] {
        --tw-border-style: none;
        border-style: none;
    }

    .data-\[state\=active\]\:border-foreground[data-state="active"] {
        border-color: hsl(var(--foreground-default));
    }

    .data-\[state\=active\]\:bg-surface-100[data-state="active"] {
        background-color: hsl(var(--background-surface-100));
    }

    .data-\[state\=active\]\:bg-transparent[data-state="active"] {
        background-color: #0000;
    }

    .data-\[state\=active\]\:text-foreground[data-state="active"] {
        color: hsl(var(--foreground-default));
    }

    .data-\[state\=active\]\:shadow-xs[data-state="active"] {
        --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);
    }

    .data-\[state\=checked\]\:z-1[data-state="checked"] {
        z-index: 1;
    }

    .data-\[state\=checked\]\:translate-x-\[13px\][data-state="checked"] {
        --tw-translate-x: 13px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .data-\[state\=checked\]\:translate-x-\[15px\][data-state="checked"] {
        --tw-translate-x: 15px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .data-\[state\=checked\]\:translate-x-\[22px\][data-state="checked"] {
        --tw-translate-x: 22px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .data-\[state\=checked\]\:border-background-surface-300[data-state="checked"] {
        border-color: hsl(var(--background-surface-300));
    }

    .data-\[state\=checked\]\:border-foreground[data-state="checked"] {
        border-color: hsl(var(--foreground-default));
    }

    .data-\[state\=checked\]\:border-foreground-muted[data-state="checked"] {
        border-color: hsl(var(--foreground-muted));
    }

    .data-\[state\=checked\]\:border-foreground\/50[data-state="checked"] {
        border-color: hsl(var(--foreground-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .data-\[state\=checked\]\:border-foreground\/50[data-state="checked"] {
            border-color: color-mix(in oklab,
                    hsl(var(--foreground-default)) 50%,
                    transparent);
        }
    }

    .data-\[state\=checked\]\:bg-brand[data-state="checked"] {
        background-color: hsl(var(--brand-default));
    }

    .data-\[state\=checked\]\:bg-foreground[data-state="checked"] {
        background-color: hsl(var(--foreground-default));
    }

    .data-\[state\=checked\]\:bg-selection[data-state="checked"] {
        background-color: hsl(var(--background-selection));
    }

    .data-\[state\=checked\]\:bg-surface-300[data-state="checked"] {
        background-color: hsl(var(--background-surface-300));
    }

    .data-\[state\=checked\]\:bg-white[data-state="checked"] {
        background-color: var(--color-white);
    }

    .data-\[state\=checked\]\:text-background[data-state="checked"] {
        color: hsl(var(--background-default));
    }

    .data-\[state\=checked\]\:text-foreground[data-state="checked"] {
        color: hsl(var(--foreground-default));
    }

    .data-\[state\=checked\]\:ring-1[data-state="checked"] {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    }

    .data-\[state\=checked\]\:ring-1[data-state="checked"],
    .data-\[state\=checked\]\:ring-2[data-state="checked"] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .data-\[state\=checked\]\:ring-2[data-state="checked"] {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    }

    .data-\[state\=checked\]\:ring-border[data-state="checked"] {
        --tw-ring-color: hsl(var(--border-default));
    }

    .data-\[state\=checked\]\:ring-foreground[data-state="checked"] {
        --tw-ring-color: hsl(var(--foreground-default));
    }

    @media (hover: hover) {
        .data-\[state\=checked\]\:hover\:bg-brand-600\/90[data-state="checked"]:hover {
            background-color: hsl(var(--brand-600));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[state\=checked\]\:hover\:bg-brand-600\/90[data-state="checked"]:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--brand-600)) 90%,
                        transparent);
            }
        }
    }

    .data-\[state\=closed\]\:\!animate-out[data-state="closed"] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, 0.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) !important;
    }

    .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
        animation: var(--animate-accordion-up);
    }

    .data-\[state\=closed\]\:animate-out[data-state="closed"] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, 0.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\=closed\]\:duration-75[data-state="closed"] {
        --tw-duration: 75ms;
        transition-duration: 75ms;
    }

    .data-\[state\=closed\]\:duration-300[data-state="closed"] {
        --tw-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
        --tw-exit-opacity: 0;
    }

    .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
        --tw-exit-scale: 0.95;
    }

    .data-\[state\=closed\]\:\!slide-out-to-bottom[data-state="closed"] {
        --tw-exit-translate-y: 100% !important;
    }

    .data-\[state\=closed\]\:fade-out[data-state="closed"] {
        --tw-exit-opacity: 0;
    }

    .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
        --tw-exit-translate-y: 100%;
    }

    .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
        --tw-exit-translate-x: -100%;
    }

    .data-\[state\=closed\]\:slide-out-to-left-\[0\%\][data-state="closed"] {
        --tw-exit-translate-x: calc(0% * -1);
    }

    .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
        --tw-exit-translate-x: 100%;
    }

    .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
        --tw-exit-translate-y: -100%;
    }

    .data-\[state\=closed\]\:slide-out-to-top-\[0\%\][data-state="closed"] {
        --tw-exit-translate-y: calc(0% * -1);
    }

    .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, 0.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\=hidden\]\:fade-out[data-state="hidden"] {
        --tw-exit-opacity: 0;
    }

    .data-\[state\=inactive\]\:hidden[data-state="inactive"] {
        display: none;
    }

    .data-\[state\=on\]\:bg-surface-300[data-state="on"] {
        background-color: hsl(var(--background-surface-300));
    }

    .data-\[state\=on\]\:bg-surface-400[data-state="on"] {
        background-color: hsl(var(--background-surface-400));
    }

    .data-\[state\=on\]\:text-foreground[data-state="on"] {
        color: hsl(var(--foreground-default));
    }

    .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
        animation: var(--animate-accordion-down);
    }

    .data-\[state\=open\]\:animate-in[data-state="open"] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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\=open\]\:border-brand-500[data-state="open"] {
        border-color: hsl(var(--brand-500));
    }

    .data-\[state\=open\]\:border-button-hover[data-state="open"] {
        border-color: hsl(var(--border-button-hover));
    }

    .data-\[state\=open\]\:border-destructive[data-state="open"] {
        border-color: hsl(var(--destructive-default));
    }

    .data-\[state\=open\]\:border-foreground-lighter[data-state="open"] {
        border-color: hsl(var(--foreground-lighter));
    }

    .data-\[state\=open\]\:border-stronger[data-state="open"] {
        border-color: hsl(var(--border-stronger));
    }

    .data-\[state\=open\]\:border-warning[data-state="open"] {
        border-color: hsl(var(--warning-default));
    }

    .data-\[state\=open\]\:bg-brand-400[data-state="open"],
    .data-\[state\=open\]\:bg-brand-400\/80[data-state="open"] {
        background-color: hsl(var(--brand-400));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .data-\[state\=open\]\:bg-brand-400\/80[data-state="open"] {
            background-color: color-mix(in oklab,
                    hsl(var(--brand-400)) 80%,
                    transparent);
        }
    }

    .data-\[state\=open\]\:bg-brand-500[data-state="open"] {
        background-color: hsl(var(--brand-500));
    }

    .data-\[state\=open\]\:bg-control[data-state="open"] {
        background-color: hsl(var(--background-control));
    }

    .data-\[state\=open\]\:bg-destructive-400[data-state="open"] {
        background-color: hsl(var(--destructive-400));
    }

    .data-\[state\=open\]\:bg-overlay-hover[data-state="open"],
    .data-\[state\=open\]\:bg-overlay-hover\/30[data-state="open"] {
        background-color: hsl(var(--background-overlay-hover));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .data-\[state\=open\]\:bg-overlay-hover\/30[data-state="open"] {
            background-color: color-mix(in oklab,
                    hsl(var(--background-overlay-hover)) 30%,
                    transparent);
        }
    }

    .data-\[state\=open\]\:bg-selection[data-state="open"] {
        background-color: hsl(var(--background-selection));
    }

    .data-\[state\=open\]\:bg-surface-300[data-state="open"] {
        background-color: hsl(var(--background-surface-300));
    }

    .data-\[state\=open\]\:bg-transparent[data-state="open"] {
        background-color: #0000;
    }

    .data-\[state\=open\]\:bg-warning-400[data-state="open"] {
        background-color: hsl(var(--warning-400));
    }

    .data-\[state\=open\]\:text-foreground[data-state="open"] {
        color: hsl(var(--foreground-default));
    }

    .data-\[state\=open\]\:text-foreground-muted[data-state="open"] {
        color: hsl(var(--foreground-muted));
    }

    .data-\[state\=open\]\:opacity-100[data-state="open"] {
        opacity: 1;
    }

    .data-\[state\=open\]\:outline-border-strong[data-state="open"] {
        outline-color: hsl(var(--border-strong));
    }

    .data-\[state\=open\]\:outline-brand-600[data-state="open"] {
        outline-color: hsl(var(--brand-600));
    }

    .data-\[state\=open\]\:outline-destructive[data-state="open"] {
        outline-color: hsl(var(--destructive-default));
    }

    .data-\[state\=open\]\:outline-warning[data-state="open"] {
        outline-color: hsl(var(--warning-default));
    }

    .data-\[state\=open\]\:duration-100[data-state="open"] {
        --tw-duration: 0.1s;
        transition-duration: 0.1s;
    }

    .data-\[state\=open\]\:duration-300[data-state="open"] {
        --tw-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .data-\[state\=open\]\:ease-out[data-state="open"] {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out);
    }

    .data-\[state\=open\]\:fade-in-0[data-state="open"] {
        --tw-enter-opacity: 0;
    }

    .data-\[state\=open\]\:slide-in-from-right-10[data-state="open"] {
        --tw-enter-translate-x: calc(0.1 * 100%);
    }

    .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
        --tw-enter-scale: 0.95;
    }

    .data-\[state\=open\]\:fade-in[data-state="open"] {
        --tw-enter-opacity: 0;
    }

    .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
        --tw-enter-translate-y: 100%;
    }

    .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
        --tw-enter-translate-x: -100%;
    }

    .data-\[state\=open\]\:slide-in-from-left-\[0\%\][data-state="open"] {
        --tw-enter-translate-x: calc(0% * -1);
    }

    .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
        --tw-enter-translate-x: 100%;
    }

    .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
        --tw-enter-translate-y: -100%;
    }

    .data-\[state\=open\]\:slide-in-from-top-\[0\%\][data-state="open"] {
        --tw-enter-translate-y: calc(0% * -1);
    }

    @media (hover: hover) {
        .data-\[state\=open\]\:hover\:bg-sidebar-accent\/50[data-state="open"]:hover {
            background-color: hsl(var(--sidebar-accent));
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[state\=open\]\:hover\:bg-sidebar-accent\/50[data-state="open"]:hover {
                background-color: color-mix(in oklab,
                        hsl(var(--sidebar-accent)) 50%,
                        transparent);
            }
        }

        .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover {
            color: hsl(var(--sidebar-accent-foreground));
        }
    }

    .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
        background-color: hsl(var(--background-muted));
    }

    .data-\[state\=unchecked\]\:translate-x-\[3px\][data-state="unchecked"] {
        --tw-translate-x: 3px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .data-\[state\=unchecked\]\:translate-x-px[data-state="unchecked"] {
        --tw-translate-x: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .data-\[state\=unchecked\]\:bg-control[data-state="unchecked"] {
        background-color: hsl(var(--background-control));
    }

    @media (hover: hover) {
        .data-\[state\=unchecked\]\:hover\:bg-border[data-state="unchecked"]:hover {
            background-color: hsl(var(--border-default));
        }
    }

    .data-\[state\=visible\]\:animate-in[data-state="visible"] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, 0.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\=visible\]\:fade-in[data-state="visible"] {
        --tw-enter-opacity: 0;
    }

    .data-\[variant\=label\]\:text-sm[data-variant="label"] {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
        inset-inline: calc(var(--spacing) * 0);
    }

    .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
        bottom: calc(var(--spacing) * 0);
    }

    .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
        margin-top: calc(var(--spacing) * 24);
    }

    .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
        max-height: 80vh;
    }

    .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }

    .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }

    .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
        inset-block: calc(var(--spacing) * 0);
    }

    .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
        left: calc(var(--spacing) * 0);
    }

    .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
        width: 75%;
    }

    .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
    }

    .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
        inset-block: calc(var(--spacing) * 0);
    }

    .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
        right: calc(var(--spacing) * 0);
    }

    .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
        width: 75%;
    }

    .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
    }

    .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
        inset-inline: calc(var(--spacing) * 0);
    }

    .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
        top: calc(var(--spacing) * 0);
    }

    .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
        margin-bottom: calc(var(--spacing) * 24);
    }

    .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
        max-height: 80vh;
    }

    .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
    }

    .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"],
    .nth-\[-n\+2\]\:border-b:nth-child(-n + 2) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }

    .nth-\[2n\]\:border-r-0:nth-child(2n),
    .nth-\[4n\]\:border-r-0:nth-child(4n) {
        border-right-style: var(--tw-border-style);
        border-right-width: 0;
    }

    .nth-last-2\:-mt-1:nth-last-child(2) {
        margin-top: calc(var(--spacing) * -1);
    }

    @supports (height: 100cqh) {
        .supports-\[height\:100cqh\]\:h-\[100cqh\] {
            height: 100cqh;
        }
    }

    @supports (height: 100svh) {
        .supports-\[height\:100svh\]\:h-svh {
            height: 100svh;
        }
    }

    @media (prefers-reduced-motion: no-preference) {
        .motion-safe\:animate-\[marquee_50000ms_linear_both_infinite\] {
            animation: marquee 50s linear infinite both;
        }

        @media (hover: hover) {
            .motion-safe\:group-hover\:opacity-100:is(:where(.group):hover *) {
                opacity: 1;
            }
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .motion-reduce\:hidden {
            display: none;
        }

        .motion-reduce\:animate-none {
            animation: none;
        }
    }

    @media not all and (min-width: 48rem) {
        .max-md\:hidden {
            display: none;
        }

        .max-md\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }

        .max-md\:border-muted {
            border-color: hsl(var(--border-muted));
        }
    }

    @media (min-width: 480px) {
        .xs\:bottom-\[-19\%\] {
            bottom: -19%;
        }

        .xs\:bottom-\[-25\%\] {
            bottom: -25%;
        }

        .xs\:bottom-\[-30\%\] {
            bottom: -30%;
        }

        .xs\:bottom-\[-36\%\] {
            bottom: -36%;
        }

        .xs\:block {
            display: block;
        }

        .xs\:grid {
            display: grid;
        }

        .xs\:hidden {
            display: none;
        }

        .xs\:inline {
            display: inline;
        }

        .xs\:flex-row {
            flex-direction: row;
        }

        :where(.xs\: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(.xs\: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)));
        }

        .xs\:bg-\[url\(\'\/images\/launchweek\/image-processing-bg\.png\'\)\] {
            background-image: url(/images/launchweek/image-processing-bg.png);
        }

        .xs\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
    }

    @media (min-width: 40rem) {
        .sm\:absolute {
            position: absolute;
        }

        .sm\:inset-0 {
            inset: calc(var(--spacing) * 0);
        }

        .sm\:-inset-x-\[calc\(\(\(100vw-640px\)\/2\)\+24px\)\] {
            inset-inline: calc(296px - 50vw);
        }

        .sm\:-top-2 {
            top: calc(var(--spacing) * -2);
        }

        .sm\:top-\[6\%\] {
            top: 6%;
        }

        .sm\:right-8 {
            right: calc(var(--spacing) * 8);
        }

        .sm\:right-8\! {
            right: calc(var(--spacing) * 8) !important;
        }

        .sm\:right-\[-63px\] {
            right: -63px;
        }

        .sm\:-bottom-28 {
            bottom: calc(var(--spacing) * -28);
        }

        .sm\:bottom-8 {
            bottom: calc(var(--spacing) * 8);
        }

        .sm\:bottom-8\! {
            bottom: calc(var(--spacing) * 8) !important;
        }

        .sm\:bottom-\[-30\%\] {
            bottom: -30%;
        }

        .sm\:bottom-\[-38\%\] {
            bottom: -38%;
        }

        .sm\:bottom-\[-44\%\] {
            bottom: -44%;
        }

        .sm\:bottom-\[-52\%\] {
            bottom: -52%;
        }

        .sm\:-left-32 {
            left: calc(var(--spacing) * -32);
        }

        .sm\:left-\[34\%\] {
            left: 34%;
        }

        .sm\:left-auto\! {
            left: auto !important;
        }

        .sm\:order-3 {
            order: 3;
        }

        .sm\:col-span-1 {
            grid-column: span 1 / span 1;
        }

        .sm\:col-span-2 {
            grid-column: span 2 / span 2;
        }

        .sm\:col-span-4 {
            grid-column: span 4 / span 4;
        }

        .sm\:col-span-5 {
            grid-column: span 5 / span 5;
        }

        .sm\:col-span-6 {
            grid-column: span 6 / span 6;
        }

        .sm\:col-span-9 {
            grid-column: span 9 / span 9;
        }

        .sm\:col-start-5 {
            grid-column-start: 5;
        }

        .sm\:-mx-4 {
            margin-inline: calc(var(--spacing) * -4);
        }

        .sm\:mx-0 {
            margin-inline: calc(var(--spacing) * 0);
        }

        .sm\:mx-auto {
            margin-inline: auto;
        }

        .sm\:mt-0 {
            margin-top: calc(var(--spacing) * 0);
        }

        .sm\:mt-4 {
            margin-top: calc(var(--spacing) * 4);
        }

        .sm\:mt-5 {
            margin-top: calc(var(--spacing) * 5);
        }

        .sm\:mt-6 {
            margin-top: calc(var(--spacing) * 6);
        }

        .sm\:mt-10 {
            margin-top: calc(var(--spacing) * 10);
        }

        .sm\:mt-44 {
            margin-top: calc(var(--spacing) * 44);
        }

        .sm\:-mr-2 {
            margin-right: calc(var(--spacing) * -2);
        }

        .sm\:-mb-20 {
            margin-bottom: calc(var(--spacing) * -20);
        }

        .sm\:mb-0 {
            margin-bottom: calc(var(--spacing) * 0);
        }

        .sm\:mb-2 {
            margin-bottom: calc(var(--spacing) * 2);
        }

        .sm\:mb-10 {
            margin-bottom: calc(var(--spacing) * 10);
        }

        .sm\:ml-3 {
            margin-left: calc(var(--spacing) * 3);
        }

        .sm\:ml-4 {
            margin-left: calc(var(--spacing) * 4);
        }

        .sm\:ml-10 {
            margin-left: calc(var(--spacing) * 10);
        }

        .sm\:block {
            display: block;
        }

        .sm\:flex {
            display: flex;
        }

        .sm\:grid {
            display: grid;
        }

        .sm\:hidden {
            display: none;
        }

        .sm\:inline {
            display: inline;
        }

        .sm\:inline-block {
            display: inline-block;
        }

        .sm\:inline-flex {
            display: inline-flex;
        }

        .sm\:aspect-2\/1 {
            aspect-ratio: 2;
        }

        .sm\:aspect-\[3\.67\/1\] {
            aspect-ratio: 3.67;
        }

        .sm\:aspect-auto {
            aspect-ratio: auto;
        }

        .sm\:aspect-square {
            aspect-ratio: 1;
        }

        .sm\:h-1\/2 {
            height: 50%;
        }

        .sm\:h-5 {
            height: calc(var(--spacing) * 5);
        }

        .sm\:h-6 {
            height: calc(var(--spacing) * 6);
        }

        .sm\:h-8 {
            height: calc(var(--spacing) * 8);
        }

        .sm\:h-10 {
            height: calc(var(--spacing) * 10);
        }

        .sm\:h-14 {
            height: calc(var(--spacing) * 14);
        }

        .sm\:h-\[275px\] {
            height: 275px;
        }

        .sm\:h-\[300px\] {
            height: 300px;
        }

        .sm\:h-\[400px\] {
            height: 400px;
        }

        .sm\:min-h-\[360px\] {
            min-height: 360px;
        }

        .sm\:min-h-\[400px\] {
            min-height: 400px;
        }

        .sm\:w-1\/6 {
            width: 16.6667%;
        }

        .sm\:w-3\/5 {
            width: 60%;
        }

        .sm\:w-5\/6 {
            width: 83.3333%;
        }

        .sm\:w-36 {
            width: calc(var(--spacing) * 36);
        }

        .sm\:w-\[35\%\] {
            width: 35%;
        }

        .sm\:w-\[55vw\] {
            width: 55vw;
        }

        .sm\:w-\[320px\] {
            width: 320px;
        }

        .sm\:w-\[500px\] {
            width: 500px;
        }

        .sm\:w-auto {
            width: auto;
        }

        .sm\:w-fit {
            width: fit-content;
        }

        .sm\:w-full {
            width: 100%;
        }

        .sm\:w-full\! {
            width: 100% !important;
        }

        .sm\:max-w-2xl {
            max-width: var(--container-2xl);
        }

        .sm\:max-w-\[356px\]\! {
            max-width: 356px !important;
        }

        .sm\:max-w-\[425px\] {
            max-width: 425px;
        }

        .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-xs {
            max-width: var(--container-xs);
        }

        .sm\:min-w-\[240px\] {
            min-width: 240px;
        }

        .sm\:flex-none {
            flex: none;
        }

        .sm\:columns-2 {
            column-count: 2;
        }

        .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-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }

        .sm\:flex-col {
            flex-direction: column;
        }

        .sm\:flex-col-reverse {
            flex-direction: column-reverse;
        }

        .sm\:flex-row {
            flex-direction: row;
        }

        .sm\:flex-nowrap {
            flex-wrap: nowrap;
        }

        .sm\:items-center {
            align-items: center;
        }

        .sm\:items-end {
            align-items: flex-end;
        }

        .sm\:items-stretch {
            align-items: stretch;
        }

        .sm\:justify-between {
            justify-content: space-between;
        }

        .sm\:justify-end {
            justify-content: flex-end;
        }

        .sm\:gap-1\.5 {
            gap: calc(var(--spacing) * 1.5);
        }

        .sm\:gap-2 {
            gap: calc(var(--spacing) * 2);
        }

        .sm\:gap-3 {
            gap: calc(var(--spacing) * 3);
        }

        .sm\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }

        .sm\:gap-5 {
            gap: calc(var(--spacing) * 5);
        }

        .sm\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }

        .sm\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }

        .sm\:gap-10 {
            gap: calc(var(--spacing) * 10);
        }

        .sm\:gap-16 {
            gap: calc(var(--spacing) * 16);
        }

        .sm\:gap-24 {
            gap: calc(var(--spacing) * 24);
        }

        :where(.sm\: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)));
        }

        .sm\:gap-x-0 {
            column-gap: calc(var(--spacing) * 0);
        }

        .sm\:gap-x-6 {
            column-gap: calc(var(--spacing) * 6);
        }

        :where(.sm\: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)));
        }

        :where(.sm\:space-x-4 > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
        }

        .sm\:gap-y-8 {
            row-gap: calc(var(--spacing) * 8);
        }

        .sm\:gap-y-10 {
            row-gap: calc(var(--spacing) * 10);
        }

        :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)));
        }

        .sm\:truncate {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .sm\:rounded-lg {
            border-radius: var(--radius-lg);
        }

        .sm\:rounded-lg\! {
            border-radius: var(--radius-lg) !important;
        }

        .sm\:border {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }

        .sm\:border-t-0\! {
            border-top-style: var(--tw-border-style) !important;
            border-top-width: 0 !important;
        }

        .sm\:border-r {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }

        .sm\:border-l {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }

        .sm\:border-l\! {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 1px !important;
        }

        .sm\:border-l-0\! {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 0 !important;
        }

        .sm\:border-none {
            --tw-border-style: none;
            border-style: none;
        }

        .sm\:bg-transparent\! {
            background-color: #0000 !important;
        }

        .sm\:object-right {
            object-position: right;
        }

        .sm\:p-4 {
            padding: calc(var(--spacing) * 4);
        }

        .sm\:p-6 {
            padding: calc(var(--spacing) * 6);
        }

        .sm\:p-8 {
            padding: calc(var(--spacing) * 8);
        }

        .sm\:px-0\! {
            padding-inline: calc(var(--spacing) * 0) !important;
        }

        .sm\:px-4 {
            padding-inline: calc(var(--spacing) * 4);
        }

        .sm\:px-5 {
            padding-inline: calc(var(--spacing) * 5);
        }

        .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-14\! {
            padding-inline: calc(var(--spacing) * 14) !important;
        }

        .sm\:px-16 {
            padding-inline: calc(var(--spacing) * 16);
        }

        .sm\:py-0\! {
            padding-block: calc(var(--spacing) * 0) !important;
        }

        .sm\:py-4 {
            padding-block: calc(var(--spacing) * 4);
        }

        .sm\:py-5 {
            padding-block: calc(var(--spacing) * 5);
        }

        .sm\:py-6 {
            padding-block: calc(var(--spacing) * 6);
        }

        .sm\:py-14 {
            padding-block: calc(var(--spacing) * 14);
        }

        .sm\:py-16 {
            padding-block: calc(var(--spacing) * 16);
        }

        .sm\:py-18 {
            padding-block: calc(var(--spacing) * 18);
        }

        .sm\:pt-4 {
            padding-top: calc(var(--spacing) * 4);
        }

        .sm\:pt-8 {
            padding-top: calc(var(--spacing) * 8);
        }

        .sm\:pt-10\! {
            padding-top: calc(var(--spacing) * 10) !important;
        }

        .sm\:pt-12 {
            padding-top: calc(var(--spacing) * 12);
        }

        .sm\:pr-2 {
            padding-right: calc(var(--spacing) * 2);
        }

        .sm\:pb-8 {
            padding-bottom: calc(var(--spacing) * 8);
        }

        .sm\:pb-18 {
            padding-bottom: calc(var(--spacing) * 18);
        }

        .sm\:pb-20\! {
            padding-bottom: calc(var(--spacing) * 20) !important;
        }

        .sm\:pb-24 {
            padding-bottom: calc(var(--spacing) * 24);
        }

        .sm\:pb-40\! {
            padding-bottom: calc(var(--spacing) * 40) !important;
        }

        .sm\:pl-2 {
            padding-left: calc(var(--spacing) * 2);
        }

        .sm\:pl-4 {
            padding-left: calc(var(--spacing) * 4);
        }

        .sm\:text-center {
            text-align: center;
        }

        .sm\:text-left {
            text-align: left;
        }

        .sm\:text-right {
            text-align: right;
        }

        .sm\:align-middle {
            vertical-align: middle;
        }

        .sm\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }

        .sm\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }

        .sm\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }

        .sm\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }

        .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }

        .sm\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }

        .sm\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }

        .sm\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }

        .sm\:text-\[18rem\] {
            font-size: 18rem;
        }

        .sm\:text-\[32px\] {
            font-size: 32px;
        }

        .sm\:leading-none {
            --tw-leading: 1;
            line-height: 1;
        }

        .sm\:opacity-90 {
            opacity: 0.9;
        }

        .sm\: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);
        }

        .sm\:perspective-distant\! {
            perspective: var(--perspective-distant) !important;
        }

        .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"],
        .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
            max-width: var(--container-sm);
        }
    }

    @media (min-width: 48rem) {
        .md\:absolute {
            position: absolute;
        }

        .md\:-inset-x-\[calc\(\(\(100vw-768px\)\/2\)\+24px\)\] {
            inset-inline: calc(360px - 50vw);
        }

        .md\:top-0 {
            top: calc(var(--spacing) * 0);
        }

        .md\:top-20 {
            top: calc(var(--spacing) * 20);
        }

        .md\:top-24 {
            top: calc(var(--spacing) * 24);
        }

        .md\:top-\[-200px\] {
            top: -200px;
        }

        .md\:top-\[\.3rem\] {
            top: 0.3rem;
        }

        .md\:top-\[6\%\] {
            top: 6%;
        }

        .md\:top-\[10\%\] {
            top: 10%;
        }

        @media (min-width: 48rem) {
            .md\:md\:-right-20 {
                right: calc(var(--spacing) * -20);
            }
        }

        .md\:right-0 {
            right: calc(var(--spacing) * 0);
        }

        .md\:-bottom-8 {
            bottom: calc(var(--spacing) * -8);
        }

        .md\:bottom-0 {
            bottom: calc(var(--spacing) * 0);
        }

        .md\:bottom-\[-34\%\] {
            bottom: -34%;
        }

        .md\:bottom-\[-44\%\] {
            bottom: -44%;
        }

        .md\:bottom-\[-54\%\] {
            bottom: -54%;
        }

        .md\:bottom-\[-64\%\] {
            bottom: -64%;
        }

        .md\:bottom-auto {
            bottom: auto;
        }

        .md\:-left-20 {
            left: calc(var(--spacing) * -20);
        }

        .md\:-left-44 {
            left: calc(var(--spacing) * -44);
        }

        .md\:left-0 {
            left: calc(var(--spacing) * 0);
        }

        .md\:left-\[-450px\] {
            left: -450px;
        }

        .md\:left-\[33\.5\%\] {
            left: 33.5%;
        }

        .md\:left-\[50\%\] {
            left: 50%;
        }

        .md\:left-auto {
            left: auto;
        }

        .md\:order-first {
            order: -9999;
        }

        .md\:order-last {
            order: 9999;
        }

        .md\:col-span-1 {
            grid-column: span 1 / span 1;
        }

        .md\:col-span-2 {
            grid-column: span 2 / span 2;
        }

        .md\:col-span-3 {
            grid-column: span 3 / span 3;
        }

        .md\:col-span-4 {
            grid-column: span 4 / span 4;
        }

        .md\:col-span-9 {
            grid-column: span 9 / span 9;
        }

        .md\:col-span-10 {
            grid-column: span 10 / span 10;
        }

        .md\:col-span-12 {
            grid-column: span 12 / span 12;
        }

        .md\:col-start-2 {
            grid-column-start: 2;
        }

        .md\:col-start-4 {
            grid-column-start: 4;
        }

        .md\:m-6 {
            margin: calc(var(--spacing) * 6);
        }

        .md\:-mx-4 {
            margin-inline: calc(var(--spacing) * -4);
        }

        .md\:-mx-8 {
            margin-inline: calc(var(--spacing) * -8);
        }

        .md\:mx-2 {
            margin-inline: calc(var(--spacing) * 2);
        }

        .md\:mx-6 {
            margin-inline: calc(var(--spacing) * 6);
        }

        .md\:mx-auto {
            margin-inline: auto;
        }

        .md\:-mt-20 {
            margin-top: calc(var(--spacing) * -20);
        }

        .md\:mt-0 {
            margin-top: calc(var(--spacing) * 0);
        }

        .md\:mt-2 {
            margin-top: calc(var(--spacing) * 2);
        }

        .md\:mt-8 {
            margin-top: calc(var(--spacing) * 8);
        }

        .md\:mt-16 {
            margin-top: calc(var(--spacing) * 16);
        }

        .md\:mt-32 {
            margin-top: calc(var(--spacing) * 32);
        }

        .md\:mt-36 {
            margin-top: calc(var(--spacing) * 36);
        }

        .md\:mt-\[-460px\] {
            margin-top: -460px;
        }

        .md\:mr-6 {
            margin-right: calc(var(--spacing) * 6);
        }

        .md\:-mb-12 {
            margin-bottom: calc(var(--spacing) * -12);
        }

        .md\:-mb-36 {
            margin-bottom: calc(var(--spacing) * -36);
        }

        .md\:mb-0 {
            margin-bottom: calc(var(--spacing) * 0);
        }

        .md\:mb-2 {
            margin-bottom: calc(var(--spacing) * 2);
        }

        .md\:mb-4 {
            margin-bottom: calc(var(--spacing) * 4);
        }

        .md\:mb-12 {
            margin-bottom: calc(var(--spacing) * 12);
        }

        .md\:mb-20 {
            margin-bottom: calc(var(--spacing) * 20);
        }

        .md\:mb-24 {
            margin-bottom: calc(var(--spacing) * 24);
        }

        .md\:-ml-1 {
            margin-left: calc(var(--spacing) * -1);
        }

        .md\:ml-0 {
            margin-left: calc(var(--spacing) * 0);
        }

        .md\:ml-2 {
            margin-left: calc(var(--spacing) * 2);
        }

        .md\:ml-6 {
            margin-left: calc(var(--spacing) * 6);
        }

        .md\:ml-\[-37px\] {
            margin-left: -37px;
        }

        .md\:\[display\:-webkit-box\] {
            display: -webkit-box;
        }

        .md\:block {
            display: block;
        }

        .md\:flex {
            display: flex;
        }

        .md\:grid {
            display: grid;
        }

        .md\:hidden {
            display: none;
        }

        .md\:hidden\! {
            display: none !important;
        }

        .md\:inline {
            display: inline;
        }

        .md\:inline-flex {
            display: inline-flex;
        }

        .md\:table-cell {
            display: table-cell;
        }

        .md\:table-column {
            display: table-column;
        }

        .md\:aspect-1\.5\/1 {
            aspect-ratio: 1.5;
        }

        .md\:aspect-3\/1 {
            aspect-ratio: 3;
        }

        .md\:aspect-3\/2\! {
            aspect-ratio: 3/2 !important;
        }

        .md\:aspect-\[1\.53\/1\] {
            aspect-ratio: 1.53;
        }

        .md\:aspect-square {
            aspect-ratio: 1;
        }

        .md\:aspect-video\! {
            aspect-ratio: var(--aspect-video) !important;
        }

        .md\:h-6 {
            height: calc(var(--spacing) * 6);
        }

        .md\:h-8 {
            height: calc(var(--spacing) * 8);
        }

        .md\:h-10 {
            height: calc(var(--spacing) * 10);
        }

        .md\:h-12 {
            height: calc(var(--spacing) * 12);
        }

        .md\:h-14 {
            height: calc(var(--spacing) * 14);
        }

        .md\:h-18 {
            height: calc(var(--spacing) * 18);
        }

        .md\:h-20 {
            height: calc(var(--spacing) * 20);
        }

        .md\:h-28 {
            height: calc(var(--spacing) * 28);
        }

        .md\:h-32 {
            height: calc(var(--spacing) * 32);
        }

        .md\:h-40 {
            height: calc(var(--spacing) * 40);
        }

        .md\:h-\[28px\] {
            height: 28px;
        }

        .md\:h-\[30vw\] {
            height: 30vw;
        }

        .md\:h-\[60px\] {
            height: 60px;
        }

        .md\:h-\[62px\] {
            height: 62px;
        }

        .md\:h-\[80px\] {
            height: 80px;
        }

        .md\:h-\[90px\] {
            height: 90px;
        }

        .md\:h-\[100px\] {
            height: 100px;
        }

        .md\:h-\[120px\] {
            height: 120px;
        }

        .md\:h-\[130px\] {
            height: 130px;
        }

        .md\:h-\[140px\] {
            height: 140px;
        }

        .md\:h-\[200px\] {
            height: 200px;
        }

        .md\:h-\[300px\] {
            height: 300px;
        }

        .md\:h-\[360px\] {
            height: 360px;
        }

        .md\:h-\[430px\] {
            height: 430px;
        }

        .md\:h-\[700px\] {
            height: 700px;
        }

        .md\:h-auto {
            height: auto;
        }

        .md\:h-full {
            height: 100%;
        }

        .md\:max-h-\[140px\] {
            max-height: 140px;
        }

        .md\:max-h-\[250px\] {
            max-height: 250px;
        }

        .md\:max-h-\[500px\] {
            max-height: 500px;
        }

        .md\:min-h-10\! {
            min-height: calc(var(--spacing) * 10) !important;
        }

        .md\:min-h-12\! {
            min-height: calc(var(--spacing) * 12) !important;
        }

        .md\:min-h-\[50svh\] {
            min-height: 50svh;
        }

        .md\:min-h-\[170px\] {
            min-height: 170px;
        }

        .md\:min-h-\[220px\] {
            min-height: 220px;
        }

        .md\:min-h-\[250px\] {
            min-height: 250px;
        }

        .md\:min-h-\[400px\] {
            min-height: 400px;
        }

        .md\:min-h-\[600px\] {
            min-height: 600px;
        }

        .md\:w-\(--radix-navigation-menu-viewport-width\) {
            width: var(--radix-navigation-menu-viewport-width);
        }

        .md\:w-1\/2 {
            width: 50%;
        }

        .md\:w-3\/4 {
            width: 75%;
        }

        .md\:w-5\/6 {
            width: 83.3333%;
        }

        .md\:w-6 {
            width: calc(var(--spacing) * 6);
        }

        .md\:w-10 {
            width: calc(var(--spacing) * 10);
        }

        .md\:w-12 {
            width: calc(var(--spacing) * 12);
        }

        .md\:w-14 {
            width: calc(var(--spacing) * 14);
        }

        .md\:w-16 {
            width: calc(var(--spacing) * 16);
        }

        .md\:w-24 {
            width: calc(var(--spacing) * 24);
        }

        .md\:w-28 {
            width: calc(var(--spacing) * 28);
        }

        .md\:w-32 {
            width: calc(var(--spacing) * 32);
        }

        .md\:w-40 {
            width: calc(var(--spacing) * 40);
        }

        .md\:w-96 {
            width: calc(var(--spacing) * 96);
        }

        .md\:w-\[35\%\] {
            width: 35%;
        }

        .md\:w-\[62px\] {
            width: 62px;
        }

        .md\:w-\[150\%\] {
            width: 150%;
        }

        .md\:w-\[150px\] {
            width: 150px;
        }

        .md\:w-\[250px\] {
            width: 250px;
        }

        .md\:w-\[450px\] {
            width: 450px;
        }

        .md\:w-\[600px\] {
            width: 600px;
        }

        .md\:w-\[calc\(100\%\+4rem\)\] {
            width: calc(100% + 4rem);
        }

        .md\:w-\[calc\(100\%\+450px\)\] {
            width: calc(100% + 450px);
        }

        .md\:w-auto {
            width: auto;
        }

        .md\:w-full {
            width: 100%;
        }

        .md\:max-w-\(--breakpoint-lg\)\! {
            max-width: var(--breakpoint-lg) !important;
        }

        .md\:max-w-3xl {
            max-width: var(--container-3xl);
        }

        .md\:max-w-4xl {
            max-width: var(--container-4xl);
        }

        .md\:max-w-6xl {
            max-width: var(--container-6xl);
        }

        .md\:max-w-7xl {
            max-width: var(--container-7xl);
        }

        .md\:max-w-32 {
            max-width: calc(var(--spacing) * 32);
        }

        .md\:max-w-72 {
            max-width: calc(var(--spacing) * 72);
        }

        .md\:max-w-\[80\%\] {
            max-width: 80%;
        }

        .md\:max-w-\[230px\] {
            max-width: 230px;
        }

        .md\:max-w-\[250px\] {
            max-width: 250px;
        }

        .md\:max-w-lg {
            max-width: var(--container-lg);
        }

        .md\:max-w-md {
            max-width: var(--container-md);
        }

        .md\:max-w-none {
            max-width: none;
        }

        .md\:max-w-sm {
            max-width: var(--container-sm);
        }

        .md\:max-w-xl {
            max-width: var(--container-xl);
        }

        .md\:max-w-xs {
            max-width: var(--container-xs);
        }

        .md\:min-w-44 {
            min-width: calc(var(--spacing) * 44);
        }

        .md\:min-w-\[50px\]\! {
            min-width: 50px !important;
        }

        .md\:min-w-\[62px\] {
            min-width: 62px;
        }

        .md\:min-w-\[380px\] {
            min-width: 380px;
        }

        .md\:flex-1 {
            flex: 1;
        }

        .md\:flex-2 {
            flex: 2;
        }

        .md\:translate-y-8 {
            --tw-translate-y: calc(var(--spacing) * 8);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .md\:cursor-default {
            cursor: default;
        }

        .md\:columns-2 {
            column-count: 2;
        }

        .md\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .md\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }

        .md\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }

        .md\:grid-cols-8 {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }

        .md\:grid-cols-10 {
            grid-template-columns: repeat(10, minmax(0, 1fr));
        }

        .md\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }

        .md\:grid-cols-\[auto_1fr_auto\] {
            grid-template-columns: auto 1fr auto;
        }

        .md\:grid-cols-\[max-content_1fr\] {
            grid-template-columns: max-content 1fr;
        }

        .md\:grid-cols-\[minmax\(320px\,35\%\)_16px_1fr\] {
            grid-template-columns: minmax(320px, 35%) 16px 1fr;
        }

        .md\:flex-col {
            flex-direction: column;
        }

        .md\:flex-row {
            flex-direction: row;
        }

        .md\:flex-row-reverse {
            flex-direction: row-reverse;
        }

        .md\:flex-nowrap {
            flex-wrap: nowrap;
        }

        .md\:items-center {
            align-items: center;
        }

        .md\:items-end {
            align-items: flex-end;
        }

        .md\:items-start {
            align-items: flex-start;
        }

        .md\:items-stretch {
            align-items: stretch;
        }

        .md\:justify-between {
            justify-content: space-between;
        }

        .md\:justify-center {
            justify-content: center;
        }

        .md\:justify-end {
            justify-content: flex-end;
        }

        .md\:justify-start {
            justify-content: flex-start;
        }

        .md\:gap-0 {
            gap: calc(var(--spacing) * 0);
        }

        .md\:gap-1 {
            gap: calc(var(--spacing) * 1);
        }

        .md\:gap-1\.5 {
            gap: calc(var(--spacing) * 1.5);
        }

        .md\:gap-2 {
            gap: calc(var(--spacing) * 2);
        }

        .md\:gap-3 {
            gap: calc(var(--spacing) * 3);
        }

        .md\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }

        .md\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }

        .md\:gap-7 {
            gap: calc(var(--spacing) * 7);
        }

        .md\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }

        .md\:gap-10 {
            gap: calc(var(--spacing) * 10);
        }

        .md\:gap-12 {
            gap: calc(var(--spacing) * 12);
        }

        .md\:gap-16 {
            gap: calc(var(--spacing) * 16);
        }

        .md\:gap-20 {
            gap: calc(var(--spacing) * 20);
        }

        .md\:gap-24 {
            gap: calc(var(--spacing) * 24);
        }

        .md\:gap-x-0 {
            column-gap: calc(var(--spacing) * 0);
        }

        .md\:gap-x-3 {
            column-gap: calc(var(--spacing) * 3);
        }

        .md\:gap-x-8 {
            column-gap: calc(var(--spacing) * 8);
        }

        .md\:gap-x-20 {
            column-gap: calc(var(--spacing) * 20);
        }

        .md\:justify-self-end {
            justify-self: flex-end;
        }

        .md\:overflow-hidden {
            overflow: hidden;
        }

        .md\:rounded-\[11px\] {
            border-radius: 11px;
        }

        .md\:rounded-lg {
            border-radius: var(--radius-lg);
        }

        .md\:rounded-xl {
            border-radius: var(--radius-xl);
        }

        .md\:border-0 {
            border-style: var(--tw-border-style);
            border-width: 0;
        }

        .md\:border-x {
            border-inline-style: var(--tw-border-style);
            border-inline-width: 1px;
        }

        .md\:border-t-0 {
            border-top-style: var(--tw-border-style);
            border-top-width: 0;
        }

        .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\:border-l {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }

        .md\:bg-\[radial-gradient\(circle_at_50\%_280\%\,hsl\(var\(--brand-300\)\)\,transparent_70\%\)\] {
            background-image: radial-gradient(circle at 50% 280%,
                    hsl(var(--brand-300)),
                    transparent 70%);
        }

        .md\:p-1 {
            padding: calc(var(--spacing) * 1);
        }

        .md\:p-2 {
            padding: calc(var(--spacing) * 2);
        }

        .md\:p-4 {
            padding: calc(var(--spacing) * 4);
        }

        .md\:p-6 {
            padding: calc(var(--spacing) * 6);
        }

        .md\:p-8 {
            padding: calc(var(--spacing) * 8);
        }

        .md\:px-0 {
            padding-inline: calc(var(--spacing) * 0);
        }

        .md\:px-3 {
            padding-inline: calc(var(--spacing) * 3);
        }

        .md\:px-4 {
            padding-inline: calc(var(--spacing) * 4);
        }

        .md\:px-5 {
            padding-inline: calc(var(--spacing) * 5);
        }

        .md\:px-7 {
            padding-inline: calc(var(--spacing) * 7);
        }

        .md\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }

        .md\:py-0\! {
            padding-block: calc(var(--spacing) * 0) !important;
        }

        .md\:py-1 {
            padding-block: calc(var(--spacing) * 1);
        }

        .md\:py-3 {
            padding-block: calc(var(--spacing) * 3);
        }

        .md\:py-4 {
            padding-block: calc(var(--spacing) * 4);
        }

        .md\:py-4\! {
            padding-block: calc(var(--spacing) * 4) !important;
        }

        .md\:py-6 {
            padding-block: calc(var(--spacing) * 6);
        }

        .md\:py-7 {
            padding-block: calc(var(--spacing) * 7);
        }

        .md\:py-8 {
            padding-block: calc(var(--spacing) * 8);
        }

        .md\:py-8\! {
            padding-block: calc(var(--spacing) * 8) !important;
        }

        .md\:py-10 {
            padding-block: calc(var(--spacing) * 10);
        }

        .md\:py-10\! {
            padding-block: calc(var(--spacing) * 10) !important;
        }

        .md\:py-12 {
            padding-block: calc(var(--spacing) * 12);
        }

        .md\:py-16\! {
            padding-block: calc(var(--spacing) * 16) !important;
        }

        .md\:py-24 {
            padding-block: calc(var(--spacing) * 24);
        }

        .md\:py-28 {
            padding-block: calc(var(--spacing) * 28);
        }

        .md\:py-32 {
            padding-block: calc(var(--spacing) * 32);
        }

        .md\:pt-0 {
            padding-top: calc(var(--spacing) * 0);
        }

        .md\:pt-0\! {
            padding-top: calc(var(--spacing) * 0) !important;
        }

        .md\:pt-1 {
            padding-top: calc(var(--spacing) * 1);
        }

        .md\:pt-8 {
            padding-top: calc(var(--spacing) * 8);
        }

        .md\:pt-12 {
            padding-top: calc(var(--spacing) * 12);
        }

        .md\:pt-16 {
            padding-top: calc(var(--spacing) * 16);
        }

        .md\:pt-16\! {
            padding-top: calc(var(--spacing) * 16) !important;
        }

        .md\:pt-20 {
            padding-top: calc(var(--spacing) * 20);
        }

        .md\:pt-24 {
            padding-top: calc(var(--spacing) * 24);
        }

        .md\:pb-0 {
            padding-bottom: calc(var(--spacing) * 0);
        }

        .md\:pb-0\! {
            padding-bottom: calc(var(--spacing) * 0) !important;
        }

        .md\:pb-4 {
            padding-bottom: calc(var(--spacing) * 4);
        }

        .md\:pb-8 {
            padding-bottom: calc(var(--spacing) * 8);
        }

        .md\:pb-10\! {
            padding-bottom: calc(var(--spacing) * 10) !important;
        }

        .md\:pb-12\! {
            padding-bottom: calc(var(--spacing) * 12) !important;
        }

        .md\:pb-16 {
            padding-bottom: calc(var(--spacing) * 16);
        }

        .md\:pb-18 {
            padding-bottom: calc(var(--spacing) * 18);
        }

        .md\:pb-24 {
            padding-bottom: calc(var(--spacing) * 24);
        }

        .md\:pl-2 {
            padding-left: calc(var(--spacing) * 2);
        }

        .md\:pl-3 {
            padding-left: calc(var(--spacing) * 3);
        }

        .md\:pl-8 {
            padding-left: calc(var(--spacing) * 8);
        }

        .md\:text-center {
            text-align: center;
        }

        .md\:text-left {
            text-align: left;
        }

        .md\:text-right {
            text-align: right;
        }

        .md\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }

        .md\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }

        .md\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }

        .md\:text-4xl\! {
            font-size: var(--text-4xl) !important;
            line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
        }

        .md\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }

        .md\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }

        .md\:text-7xl {
            font-size: var(--text-7xl);
            line-height: var(--tw-leading, var(--text-7xl--line-height));
        }

        .md\:text-8xl {
            font-size: var(--text-8xl);
            line-height: var(--tw-leading, var(--text-8xl--line-height));
        }

        .md\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }

        .md\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }

        .md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }

        .md\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }

        .md\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
        }

        .md\:text-\[2\.25rem\] {
            font-size: 2.25rem;
        }

        .md\:text-\[4rem\] {
            font-size: 4rem;
        }

        .md\:text-\[13px\] {
            font-size: 13px;
        }

        .md\:leading-10 {
            --tw-leading: calc(var(--spacing) * 10);
            line-height: calc(var(--spacing) * 10);
        }

        .md\:text-pretty {
            text-wrap: pretty;
        }

        .md\:text-foreground {
            color: hsl(var(--foreground-default));
        }

        .md\:opacity-0 {
            opacity: 0;
        }

        .md\:opacity-40 {
            opacity: 0.4;
        }

        .md\:opacity-50 {
            opacity: 0.5;
        }

        .md\:perspective-distant\! {
            perspective: var(--perspective-distant) !important;
        }

        .md\:peer-data-\[variant\=inset\]\:m-2:is( :where(.peer)[data-variant="inset"] ~ *) {
            margin: calc(var(--spacing) * 2);
        }

        .md\:peer-data-\[variant\=inset\]\:ml-0:is( :where(.peer)[data-variant="inset"] ~ *) {
            margin-left: calc(var(--spacing) * 0);
        }

        .md\:peer-data-\[variant\=inset\]\:rounded-xl:is( :where(.peer)[data-variant="inset"] ~ *) {
            border-radius: var(--radius-xl);
        }

        .md\:peer-data-\[variant\=inset\]\:shadow-sm:is( :where(.peer)[data-variant="inset"] ~ *) {
            --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);
        }

        .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is( :where(.peer)[data-state="collapsed"] ~ *):is(:where(.peer)[data-variant="inset"] ~ *) {
            margin-left: calc(var(--spacing) * 2);
        }

        .md\:before\:h-\[600px\]:before {
            content: var(--tw-content);
            height: 600px;
        }
    }

    .after\:md\:hidden:after {
        content: var(--tw-content);
    }

    @media (min-width: 48rem) {
        .after\:md\:hidden:after {
            display: none;
        }

        .md\:data-\[state\=closed\]\:\!zoom-out-95[data-state="closed"] {
            --tw-exit-scale: 0.95 !important;
        }

        .md\:data-\[state\=closed\]\:\!slide-out-to-bottom-\[0\%\][data-state="closed"] {
            --tw-exit-translate-y: 0% !important;
        }

        .md\:data-\[state\=open\]\:\!zoom-in-95[data-state="open"] {
            --tw-enter-scale: 0.95 !important;
        }

        .md\:data-\[state\=open\]\:\!slide-in-from-bottom-\[0\%\][data-state="open"] {
            --tw-enter-translate-y: 0% !important;
        }
    }

    @media (min-width: 64rem) {
        .lg\:absolute {
            position: absolute;
        }

        .lg\:sticky {
            position: sticky;
        }

        .lg\:inset-x-auto {
            inset-inline: auto;
        }

        .lg\:-top-10 {
            top: calc(var(--spacing) * -10);
        }

        .lg\:top-0 {
            top: calc(var(--spacing) * 0);
        }

        .lg\:top-24 {
            top: calc(var(--spacing) * 24);
        }

        .lg\:top-32 {
            top: calc(var(--spacing) * 32);
        }

        .lg\:top-\[3\%\] {
            top: 3%;
        }

        .lg\:top-\[calc\(65px\+1rem\)\] {
            top: calc(65px + 1rem);
        }

        .lg\:-right-24 {
            right: calc(var(--spacing) * -24);
        }

        .lg\:-bottom-28 {
            bottom: calc(var(--spacing) * -28);
        }

        .lg\:bottom-\[-20\%\] {
            bottom: -20%;
        }

        .lg\:bottom-\[-40\%\] {
            bottom: -40%;
        }

        .lg\:bottom-\[-60\%\] {
            bottom: -60%;
        }

        .lg\:bottom-\[-80\%\] {
            bottom: -80%;
        }

        .lg\:-left-10 {
            left: calc(var(--spacing) * -10);
        }

        .lg\:left-6 {
            left: calc(var(--spacing) * 6);
        }

        .lg\:left-\[10\%\] {
            left: 10%;
        }

        .lg\:left-\[20\%\] {
            left: 20%;
        }

        .lg\:left-\[26\%\] {
            left: 26%;
        }

        .lg\:left-\[30\%\] {
            left: 30%;
        }

        .lg\:left-\[40\%\] {
            left: 40%;
        }

        .lg\:order-1 {
            order: 1;
        }

        .lg\:order-2 {
            order: 2;
        }

        .lg\:order-3 {
            order: 3;
        }

        .lg\:order-first {
            order: -9999;
        }

        .lg\:order-last {
            order: 9999;
        }

        .lg\:col-auto {
            grid-column: auto;
        }

        .lg\:col-span-1 {
            grid-column: span 1 / span 1;
        }

        .lg\:col-span-2 {
            grid-column: span 2 / span 2;
        }

        .lg\:col-span-3 {
            grid-column: span 3 / span 3;
        }

        .lg\:col-span-4 {
            grid-column: span 4 / span 4;
        }

        .lg\:col-span-5 {
            grid-column: span 5 / span 5;
        }

        .lg\:col-span-6 {
            grid-column: span 6 / span 6;
        }

        .lg\:col-span-7 {
            grid-column: span 7 / span 7;
        }

        .lg\:col-span-8 {
            grid-column: span 8 / span 8;
        }

        .lg\:col-span-10 {
            grid-column: span 10 / span 10;
        }

        .lg\:col-span-12 {
            grid-column: span 12 / span 12;
        }

        .lg\:col-span-full {
            grid-column: 1/-1;
        }

        .lg\:col-start-3 {
            grid-column-start: 3;
        }

        .lg\:col-start-4 {
            grid-column-start: 4;
        }

        .lg\:col-start-5 {
            grid-column-start: 5;
        }

        .lg\:col-start-6 {
            grid-column-start: 6;
        }

        .lg\:col-start-7 {
            grid-column-start: 7;
        }

        .lg\:col-start-8 {
            grid-column-start: 8;
        }

        .lg\:col-start-9 {
            grid-column-start: 9;
        }

        .lg\:col-end-10 {
            grid-column-end: 10;
        }

        .lg\:row-span-2 {
            grid-row: span 2 / span 2;
        }

        .lg\:container {
            width: 100%;
        }

        @media (min-width: 480px) {
            .lg\:container {
                max-width: 480px;
            }
        }

        @media (min-width: 40rem) {
            .lg\:container {
                max-width: 40rem;
            }
        }

        @media (min-width: 48rem) {
            .lg\:container {
                max-width: 48rem;
            }
        }

        @media (min-width: 64rem) {
            .lg\:container {
                max-width: 64rem;
            }
        }

        @media (min-width: 80rem) {
            .lg\:container {
                max-width: 80rem;
            }
        }

        @media (min-width: 96rem) {
            .lg\:container {
                max-width: 96rem;
            }
        }

        .lg\:container\! {
            width: 100% !important;
        }

        @media (min-width: 480px) {
            .lg\:container\! {
                max-width: 480px !important;
            }
        }

        @media (min-width: 40rem) {
            .lg\:container\! {
                max-width: 40rem !important;
            }
        }

        @media (min-width: 48rem) {
            .lg\:container\! {
                max-width: 48rem !important;
            }
        }

        @media (min-width: 64rem) {
            .lg\:container\! {
                max-width: 64rem !important;
            }
        }

        @media (min-width: 80rem) {
            .lg\:container\! {
                max-width: 80rem !important;
            }
        }

        @media (min-width: 96rem) {
            .lg\:container\! {
                max-width: 96rem !important;
            }
        }

        .lg\:m-8 {
            margin: calc(var(--spacing) * 8);
        }

        .lg\:mx-0 {
            margin-inline: calc(var(--spacing) * 0);
        }

        .lg\:mx-auto {
            margin-inline: auto;
        }

        .lg\:-mt-10 {
            margin-top: calc(var(--spacing) * -10);
        }

        .lg\:-mt-20 {
            margin-top: calc(var(--spacing) * -20);
        }

        .lg\:mt-0 {
            margin-top: calc(var(--spacing) * 0);
        }

        .lg\:mt-0\.5 {
            margin-top: calc(var(--spacing) * 0.5);
        }

        .lg\:mt-3 {
            margin-top: calc(var(--spacing) * 3);
        }

        .lg\:mt-5 {
            margin-top: calc(var(--spacing) * 5);
        }

        .lg\:mt-8 {
            margin-top: calc(var(--spacing) * 8);
        }

        .lg\:mt-10 {
            margin-top: calc(var(--spacing) * 10);
        }

        .lg\:mt-16 {
            margin-top: calc(var(--spacing) * 16);
        }

        .lg\:mt-20 {
            margin-top: calc(var(--spacing) * 20);
        }

        .lg\:mt-24 {
            margin-top: calc(var(--spacing) * 24);
        }

        .lg\:mt-28 {
            margin-top: calc(var(--spacing) * 28);
        }

        .lg\:mt-40 {
            margin-top: calc(var(--spacing) * 40);
        }

        .lg\:-mr-32 {
            margin-right: calc(var(--spacing) * -32);
        }

        .lg\:mr-14 {
            margin-right: calc(var(--spacing) * 14);
        }

        .lg\:-mb-12 {
            margin-bottom: calc(var(--spacing) * -12);
        }

        .lg\:-mb-24 {
            margin-bottom: calc(var(--spacing) * -24);
        }

        .lg\:mb-0 {
            margin-bottom: calc(var(--spacing) * 0);
        }

        .lg\:mb-4 {
            margin-bottom: calc(var(--spacing) * 4);
        }

        .lg\:mb-8 {
            margin-bottom: calc(var(--spacing) * 8);
        }

        .lg\:mb-10 {
            margin-bottom: calc(var(--spacing) * 10);
        }

        .lg\:mb-12 {
            margin-bottom: calc(var(--spacing) * 12);
        }

        .lg\:mb-16 {
            margin-bottom: calc(var(--spacing) * 16);
        }

        .lg\:mb-20 {
            margin-bottom: calc(var(--spacing) * 20);
        }

        .lg\:mb-24 {
            margin-bottom: calc(var(--spacing) * 24);
        }

        .lg\:-ml-2 {
            margin-left: calc(var(--spacing) * -2);
        }

        .lg\:-ml-32 {
            margin-left: calc(var(--spacing) * -32);
        }

        .lg\:ml-0 {
            margin-left: calc(var(--spacing) * 0);
        }

        .lg\:ml-2 {
            margin-left: calc(var(--spacing) * 2);
        }

        .lg\:ml-4 {
            margin-left: calc(var(--spacing) * 4);
        }

        .lg\:ml-\[-31px\] {
            margin-left: -31px;
        }

        .lg\:ml-\[-37\.5px\] {
            margin-left: -37.5px;
        }

        .lg\:line-clamp-2 {
            -webkit-line-clamp: 2;
        }

        .lg\:line-clamp-2,
        .lg\:line-clamp-4 {
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden;
        }

        .lg\:line-clamp-4 {
            -webkit-line-clamp: 4;
        }

        .lg\:block {
            display: block;
        }

        .lg\:flex {
            display: flex;
        }

        .lg\:grid {
            display: grid;
        }

        .lg\:hidden {
            display: none;
        }

        .lg\:inline-block {
            display: inline-block;
        }

        .lg\:inline-flex {
            display: inline-flex;
        }

        .lg\:table {
            display: table;
        }

        .lg\:aspect-2\.5\/1 {
            aspect-ratio: 2.5;
        }

        .lg\:aspect-2\/1 {
            aspect-ratio: 2;
        }

        .lg\:aspect-3\/2 {
            aspect-ratio: 3/2;
        }

        .lg\:aspect-5\/3 {
            aspect-ratio: 5/3;
        }

        .lg\:aspect-390\/430\! {
            aspect-ratio: 390/430 !important;
        }

        .lg\:size-5 {
            width: calc(var(--spacing) * 5);
            height: calc(var(--spacing) * 5);
        }

        .lg\:h-7 {
            height: calc(var(--spacing) * 7);
        }

        .lg\:h-11 {
            height: calc(var(--spacing) * 11);
        }

        .lg\:h-12 {
            height: calc(var(--spacing) * 12);
        }

        .lg\:h-16 {
            height: calc(var(--spacing) * 16);
        }

        .lg\:h-20 {
            height: calc(var(--spacing) * 20);
        }

        .lg\:h-44 {
            height: calc(var(--spacing) * 44);
        }

        .lg\:h-\[34px\] {
            height: 34px;
        }

        .lg\:h-\[92px\] {
            height: 92px;
        }

        .lg\:h-\[120px\] {
            height: 120px;
        }

        .lg\:h-\[300px\] {
            height: 300px;
        }

        .lg\:h-\[400px\] {
            height: 400px;
        }

        .lg\:h-\[500px\] {
            height: 500px;
        }

        .lg\:h-\[600px\] {
            height: 600px;
        }

        .lg\:h-auto {
            height: auto;
        }

        .lg\:h-full {
            height: 100%;
        }

        .lg\:h-full\! {
            height: 100% !important;
        }

        .lg\:h-screen {
            height: 100vh;
        }

        .lg\:max-h-\[360px\] {
            max-height: 360px;
        }

        .lg\:max-h-\[calc\(100vh-8rem\)\] {
            max-height: calc(100vh - 8rem);
        }

        .lg\:max-h-none {
            max-height: none;
        }

        .lg\:min-h-7\! {
            min-height: calc(var(--spacing) * 7) !important;
        }

        .lg\:min-h-11\! {
            min-height: calc(var(--spacing) * 11) !important;
        }

        .lg\:min-h-12\! {
            min-height: calc(var(--spacing) * 12) !important;
        }

        .lg\:min-h-\[50vh\] {
            min-height: 50vh;
        }

        .lg\:min-h-\[175px\] {
            min-height: 175px;
        }

        .lg\:min-h-\[300px\] {
            min-height: 300px;
        }

        .lg\:min-h-\[400px\] {
            min-height: 400px;
        }

        .lg\:min-h-\[calc\(100dvh-66px\)\]\! {
            min-height: calc(100dvh - 66px) !important;
        }

        .lg\:w-1\/2 {
            width: 50%;
        }

        .lg\:w-1\/3 {
            width: 33.3333%;
        }

        .lg\:w-1\/4 {
            width: 25%;
        }

        .lg\:w-2\/3 {
            width: 66.6667%;
        }

        .lg\:w-3\/5 {
            width: 60%;
        }

        .lg\:w-4\/6 {
            width: 66.6667%;
        }

        .lg\:w-16 {
            width: calc(var(--spacing) * 16);
        }

        .lg\:w-24 {
            width: calc(var(--spacing) * 24);
        }

        .lg\:w-80 {
            width: calc(var(--spacing) * 80);
        }

        .lg\:w-\[20\%\] {
            width: 20%;
        }

        .lg\:w-\[40\%\] {
            width: 40%;
        }

        .lg\:w-\[50\%\] {
            width: 50%;
        }

        .lg\:w-\[52\%\] {
            width: 52%;
        }

        .lg\:w-\[60\%\] {
            width: 60%;
        }

        .lg\:w-\[80\%\] {
            width: 80%;
        }

        .lg\:w-\[90\%\] {
            width: 90%;
        }

        .lg\:w-\[100px\] {
            width: 100px;
        }

        .lg\:w-\[130\%\] {
            width: 130%;
        }

        .lg\:w-\[240px\] {
            width: 240px;
        }

        .lg\:w-\[700px\] {
            width: 700px;
        }

        .lg\:w-auto {
            width: auto;
        }

        .lg\:w-full {
            width: 100%;
        }

        .lg\:max-w-2xl {
            max-width: var(--container-2xl);
        }

        .lg\:max-w-5xl {
            max-width: var(--container-5xl);
        }

        .lg\:max-w-6xl {
            max-width: var(--container-6xl);
        }

        .lg\:max-w-7xl {
            max-width: var(--container-7xl);
        }

        .lg\:max-w-\[47\%\] {
            max-width: 47%;
        }

        .lg\:max-w-\[50\%\] {
            max-width: 50%;
        }

        .lg\:max-w-\[240px\] {
            max-width: 240px;
        }

        .lg\:max-w-\[400px\] {
            max-width: 400px;
        }

        .lg\:max-w-\[calc\(100vw-80px\)\] {
            max-width: calc(100vw - 80px);
        }

        .lg\:max-w-lg {
            max-width: var(--container-lg);
        }

        .lg\:max-w-md {
            max-width: var(--container-md);
        }

        .lg\:max-w-none {
            max-width: none;
        }

        .lg\:max-w-xl {
            max-width: var(--container-xl);
        }

        .lg\:max-w-xs {
            max-width: var(--container-xs);
        }

        .lg\:min-w-\[316px\] {
            min-width: 316px;
        }

        .lg\:flex-1 {
            flex: 1;
        }

        .lg\:shrink {
            flex-shrink: 1;
        }

        .lg\:shrink-0 {
            flex-shrink: 0;
        }

        .lg\:grow-0 {
            flex-grow: 0;
        }

        .lg\:basis-1\/3 {
            flex-basis: 33.3333%;
        }

        .lg\:basis-2\/3 {
            flex-basis: 66.6667%;
        }

        .lg\:-translate-y-full {
            --tw-translate-y: -100%;
        }

        .lg\:-translate-y-full,
        .lg\:translate-y-\[10px\] {
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }

        .lg\:translate-y-\[10px\] {
            --tw-translate-y: 10px;
        }

        .lg\:scale-100 {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }

        .lg\:columns-3 {
            column-count: 3;
        }

        .lg\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }

        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .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-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }

        .lg\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }

        .lg\:grid-cols-7 {
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }

        .lg\:grid-cols-8 {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }

        .lg\:grid-cols-10 {
            grid-template-columns: repeat(10, minmax(0, 1fr));
        }

        .lg\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }

        .lg\:grid-cols-\[127px_1fr_127px\] {
            grid-template-columns: 127px 1fr 127px;
        }

        .lg\:grid-cols-\[220px_1fr\] {
            grid-template-columns: 220px 1fr;
        }

        .lg\:grid-cols-\[auto_1fr\] {
            grid-template-columns: auto 1fr;
        }

        .lg\:flex-col {
            flex-direction: column;
        }

        .lg\:flex-row {
            flex-direction: row;
        }

        .lg\:items-baseline {
            align-items: baseline;
        }

        .lg\:items-center {
            align-items: center;
        }

        .lg\:items-end {
            align-items: flex-end;
        }

        .lg\:items-start {
            align-items: flex-start;
        }

        .lg\:justify-between {
            justify-content: space-between;
        }

        .lg\:justify-start {
            justify-content: flex-start;
        }

        .lg\:gap-0 {
            gap: calc(var(--spacing) * 0);
        }

        .lg\:gap-0\! {
            gap: calc(var(--spacing) * 0) !important;
        }

        .lg\:gap-2 {
            gap: calc(var(--spacing) * 2);
        }

        .lg\:gap-3 {
            gap: calc(var(--spacing) * 3);
        }

        .lg\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }

        .lg\:gap-5 {
            gap: calc(var(--spacing) * 5);
        }

        .lg\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }

        .lg\:gap-10 {
            gap: calc(var(--spacing) * 10);
        }

        .lg\:gap-12 {
            gap: calc(var(--spacing) * 12);
        }

        .lg\:gap-16 {
            gap: calc(var(--spacing) * 16);
        }

        .lg\:gap-20 {
            gap: calc(var(--spacing) * 20);
        }

        :where(.lg\: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)));
        }

        .lg\:gap-x-8 {
            column-gap: calc(var(--spacing) * 8);
        }

        :where(.lg\:space-x-12 > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 12) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse)));
        }

        .lg\:gap-y-20 {
            row-gap: calc(var(--spacing) * 20);
        }

        :where(.lg\: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(.lg\: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)));
        }

        .lg\:overflow-y-auto {
            overflow-y: auto;
        }

        .lg\:rounded-tr-none {
            border-top-right-radius: 0;
        }

        .lg\:border-t {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }

        .lg\:border-t-0 {
            border-top-style: var(--tw-border-style);
            border-top-width: 0;
        }

        .lg\:border-t-2 {
            border-top-style: var(--tw-border-style);
            border-top-width: 2px;
        }

        .lg\:border-r {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }

        .lg\:border-r-0 {
            border-right-style: var(--tw-border-style);
            border-right-width: 0;
        }

        .lg\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0;
        }

        .lg\:border-l {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }

        .lg\:border-l\! {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 1px !important;
        }

        .lg\:border-l-0\! {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 0 !important;
        }

        .lg\:border-none {
            --tw-border-style: none;
            border-style: none;
        }

        .lg\:bg-linear-to-l {
            --tw-gradient-position: to left;
        }

        @supports (background-image: linear-gradient(in lab, red, red)) {
            .lg\:bg-linear-to-l {
                --tw-gradient-position: to left in oklab;
            }
        }

        .lg\:bg-linear-to-l {
            background-image: linear-gradient(var(--tw-gradient-stops));
        }

        .lg\:bg-linear-to-r {
            --tw-gradient-position: to right;
        }

        @supports (background-image: linear-gradient(in lab, red, red)) {
            .lg\:bg-linear-to-r {
                --tw-gradient-position: to right in oklab;
            }
        }

        .lg\:bg-linear-to-r {
            background-image: linear-gradient(var(--tw-gradient-stops));
        }

        .lg\:bg-\[radial-gradient\(50\%_100\%_at_50\%_0\,transparent_0\%\,transparent_50\%\,hsl\(var\(--background-default\)\)_100\%\)\] {
            background-image: radial-gradient(50% 100% at 50% 0,
                    transparent 0,
                    transparent 50%,
                    hsl(var(--background-default)) 100%);
        }

        .lg\:bg-position-\[center_bottom\] {
            background-position: bottom;
        }

        .lg\:bg-position-\[top_25px_right_25px\] {
            background-position: right 25px top 25px;
        }

        .lg\:object-right {
            object-position: right;
        }

        .lg\:object-top {
            object-position: top;
        }

        .lg\:p-4 {
            padding: calc(var(--spacing) * 4);
        }

        .lg\:p-6 {
            padding: calc(var(--spacing) * 6);
        }

        .lg\:p-8 {
            padding: calc(var(--spacing) * 8);
        }

        .lg\:p-10 {
            padding: calc(var(--spacing) * 10);
        }

        .lg\:px-0 {
            padding-inline: calc(var(--spacing) * 0);
        }

        .lg\:px-3\.5 {
            padding-inline: calc(var(--spacing) * 3.5);
        }

        .lg\:px-6 {
            padding-inline: calc(var(--spacing) * 6);
        }

        .lg\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }

        .lg\:px-10 {
            padding-inline: calc(var(--spacing) * 10);
        }

        .lg\:px-12 {
            padding-inline: calc(var(--spacing) * 12);
        }

        .lg\:px-12\! {
            padding-inline: calc(var(--spacing) * 12) !important;
        }

        .lg\:px-14 {
            padding-inline: calc(var(--spacing) * 14);
        }

        .lg\:px-16 {
            padding-inline: calc(var(--spacing) * 16);
        }

        .lg\:px-16\! {
            padding-inline: calc(var(--spacing) * 16) !important;
        }

        .lg\:px-28 {
            padding-inline: calc(var(--spacing) * 28);
        }

        .lg\:py-0 {
            padding-block: calc(var(--spacing) * 0);
        }

        .lg\:py-0\! {
            padding-block: calc(var(--spacing) * 0) !important;
        }

        .lg\:py-2 {
            padding-block: calc(var(--spacing) * 2);
        }

        .lg\:py-6 {
            padding-block: calc(var(--spacing) * 6);
        }

        .lg\:py-8 {
            padding-block: calc(var(--spacing) * 8);
        }

        .lg\:py-10 {
            padding-block: calc(var(--spacing) * 10);
        }

        .lg\:py-10\! {
            padding-block: calc(var(--spacing) * 10) !important;
        }

        .lg\:py-12 {
            padding-block: calc(var(--spacing) * 12);
        }

        .lg\:py-16 {
            padding-block: calc(var(--spacing) * 16);
        }

        .lg\:py-20 {
            padding-block: calc(var(--spacing) * 20);
        }

        .lg\:py-24 {
            padding-block: calc(var(--spacing) * 24);
        }

        .lg\:py-32 {
            padding-block: calc(var(--spacing) * 32);
        }

        .lg\:py-36 {
            padding-block: calc(var(--spacing) * 36);
        }

        .lg\:py-44\! {
            padding-block: calc(var(--spacing) * 44) !important;
        }

        .lg\:pt-0 {
            padding-top: calc(var(--spacing) * 0);
        }

        .lg\:pt-2 {
            padding-top: calc(var(--spacing) * 2);
        }

        .lg\:pt-3 {
            padding-top: calc(var(--spacing) * 3);
        }

        .lg\:pt-4 {
            padding-top: calc(var(--spacing) * 4);
        }

        .lg\:pt-6 {
            padding-top: calc(var(--spacing) * 6);
        }

        .lg\:pt-8 {
            padding-top: calc(var(--spacing) * 8);
        }

        .lg\:pt-8\! {
            padding-top: calc(var(--spacing) * 8) !important;
        }

        .lg\:pt-10 {
            padding-top: calc(var(--spacing) * 10);
        }

        .lg\:pt-12 {
            padding-top: calc(var(--spacing) * 12);
        }

        .lg\:pt-14\! {
            padding-top: calc(var(--spacing) * 14) !important;
        }

        .lg\:pt-16 {
            padding-top: calc(var(--spacing) * 16);
        }

        .lg\:pt-16\! {
            padding-top: calc(var(--spacing) * 16) !important;
        }

        .lg\:pt-20 {
            padding-top: calc(var(--spacing) * 20);
        }

        .lg\:pt-24 {
            padding-top: calc(var(--spacing) * 24);
        }

        .lg\:pt-28 {
            padding-top: calc(var(--spacing) * 28);
        }

        .lg\:pt-32 {
            padding-top: calc(var(--spacing) * 32);
        }

        .lg\:pt-\[90px\] {
            padding-top: 90px;
        }

        .lg\:pr-0 {
            padding-right: calc(var(--spacing) * 0);
        }

        .lg\:pr-8 {
            padding-right: calc(var(--spacing) * 8);
        }

        .lg\:pr-10 {
            padding-right: calc(var(--spacing) * 10);
        }

        .lg\:pb-0 {
            padding-bottom: calc(var(--spacing) * 0);
        }

        .lg\:pb-0\! {
            padding-bottom: calc(var(--spacing) * 0) !important;
        }

        .lg\:pb-8 {
            padding-bottom: calc(var(--spacing) * 8);
        }

        .lg\:pb-12\! {
            padding-bottom: calc(var(--spacing) * 12) !important;
        }

        .lg\:pb-16 {
            padding-bottom: calc(var(--spacing) * 16);
        }

        .lg\:pb-16\! {
            padding-bottom: calc(var(--spacing) * 16) !important;
        }

        .lg\:pb-20 {
            padding-bottom: calc(var(--spacing) * 20);
        }

        .lg\:pb-24 {
            padding-bottom: calc(var(--spacing) * 24);
        }

        .lg\:pb-36 {
            padding-bottom: calc(var(--spacing) * 36);
        }

        .lg\:pb-40 {
            padding-bottom: calc(var(--spacing) * 40);
        }

        .lg\:pl-0 {
            padding-left: calc(var(--spacing) * 0);
        }

        .lg\:pl-2 {
            padding-left: calc(var(--spacing) * 2);
        }

        .lg\:pl-4 {
            padding-left: calc(var(--spacing) * 4);
        }

        .lg\:pl-8 {
            padding-left: calc(var(--spacing) * 8);
        }

        .lg\:text-center {
            text-align: center;
        }

        .lg\:text-left {
            text-align: left;
        }

        .lg\:text-right {
            text-align: right;
        }

        .lg\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }

        .lg\:text-2xl\! {
            font-size: var(--text-2xl) !important;
            line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
        }

        .lg\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }

        .lg\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }

        .lg\:text-4xl\! {
            font-size: var(--text-4xl) !important;
            line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
        }

        .lg\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }

        .lg\:text-7xl {
            font-size: var(--text-7xl);
            line-height: var(--tw-leading, var(--text-7xl--line-height));
        }

        .lg\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }

        .lg\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }

        .lg\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }

        .lg\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }

        .lg\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
        }

        .lg\:text-\[5\.6rem\] {
            font-size: 5.6rem;
        }

        .lg\:text-\[28rem\] {
            font-size: 28rem;
        }

        .lg\:leading-normal {
            --tw-leading: var(--leading-normal);
            line-height: var(--leading-normal);
        }

        .lg\:tracking-normal {
            --tw-tracking: var(--tracking-normal);
            letter-spacing: var(--tracking-normal);
        }

        .lg\:text-nowrap {
            text-wrap: nowrap;
        }

        .lg\:no-underline {
            text-decoration-line: none;
        }

        .lg\:opacity-0 {
            opacity: 0;
        }

        .lg\:opacity-100 {
            opacity: 1;
        }

        .lg\:blur-lg {
            --tw-blur: blur(var(--blur-lg));
            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);
        }

        .lg\:perspective-distant\! {
            perspective: var(--perspective-distant) !important;
        }
    }

    @media (hover: hover) {
        @media (min-width: 64rem) {
            .group-hover\/main\:lg\:opacity-100:is(:where(.group\/main):hover *) {
                opacity: 1;
            }

            .group-hover\/main\:lg\:blur-none:is(:where(.group\/main):hover *) {
                --tw-blur: ;
                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);
            }
        }
    }

    .after\:lg\:h-\[250px\]:after {
        content: var(--tw-content);
    }

    @media (min-width: 64rem) {
        .after\:lg\:h-\[250px\]:after {
            height: 250px;
        }
    }

    .after\:lg\:bg-size-\[450px_300px\]:after {
        content: var(--tw-content);
    }

    @media (min-width: 64rem) {
        .after\:lg\:bg-size-\[450px_300px\]:after {
            background-size: 450px 300px;
        }

        .lg\:after\:bg-position-\[right_15\%_top_100px\]:after {
            content: var(--tw-content);
            background-position: right 15% top 100px;
        }

        .lg\:nth-\[-n\+2\]\:border-b-0:nth-child(-n + 2) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0;
        }

        .lg\:nth-\[2n\]\:border-r:nth-child(2n) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }

        .lg\:nth-\[2n\]\:border-r-0:nth-child(2n),
        .lg\:nth-\[4n\]\:border-r-0:nth-child(4n) {
            border-right-style: var(--tw-border-style);
            border-right-width: 0;
        }
    }

    @media (min-width: 80rem) {
        .xl\:absolute {
            position: absolute;
        }

        .xl\:top-0 {
            top: calc(var(--spacing) * 0);
        }

        .xl\:top-10 {
            top: calc(var(--spacing) * 10);
        }

        .xl\:top-\[-210px\] {
            top: -210px;
        }

        .xl\:top-\[3\%\] {
            top: 3%;
        }

        .xl\:top-\[45\%\] {
            top: 45%;
        }

        .xl\:top-\[84px\] {
            top: 84px;
        }

        .xl\:-right-10 {
            right: calc(var(--spacing) * -10);
        }

        .xl\:-right-12 {
            right: calc(var(--spacing) * -12);
        }

        .xl\:-bottom-2 {
            bottom: calc(var(--spacing) * -2);
        }

        .xl\:-bottom-4 {
            bottom: calc(var(--spacing) * -4);
        }

        .xl\:-bottom-full {
            bottom: -100%;
        }

        .xl\:bottom-0 {
            bottom: calc(var(--spacing) * 0);
        }

        .xl\:bottom-\[-25\%\] {
            bottom: -25%;
        }

        .xl\:bottom-\[-50\%\] {
            bottom: -50%;
        }

        .xl\:bottom-\[-75\%\] {
            bottom: -75%;
        }

        .xl\:-left-32 {
            left: calc(var(--spacing) * -32);
        }

        .xl\:left-0 {
            left: calc(var(--spacing) * 0);
        }

        .xl\:left-8 {
            left: calc(var(--spacing) * 8);
        }

        .xl\:left-\[-200px\] {
            left: -200px;
        }

        .xl\:left-\[28\%\] {
            left: 28%;
        }

        .xl\:order-last {
            order: 9999;
        }

        .xl\:col-span-1 {
            grid-column: span 1 / span 1;
        }

        .xl\:col-span-2 {
            grid-column: span 2 / span 2;
        }

        .xl\:col-span-3 {
            grid-column: span 3 / span 3;
        }

        .xl\:col-span-4 {
            grid-column: span 4 / span 4;
        }

        .xl\:col-span-5 {
            grid-column: span 5 / span 5;
        }

        .xl\:col-span-6 {
            grid-column: span 6 / span 6;
        }

        .xl\:col-span-7 {
            grid-column: span 7 / span 7;
        }

        .xl\:col-span-8 {
            grid-column: span 8 / span 8;
        }

        .xl\:col-span-9 {
            grid-column: span 9 / span 9;
        }

        .xl\:col-span-10 {
            grid-column: span 10 / span 10;
        }

        .xl\:col-span-12 {
            grid-column: span 12 / span 12;
        }

        .xl\:col-start-3 {
            grid-column-start: 3;
        }

        .xl\:col-start-4 {
            grid-column-start: 4;
        }

        .xl\:col-start-6 {
            grid-column-start: 6;
        }

        .xl\:col-start-7 {
            grid-column-start: 7;
        }

        .xl\:col-start-8 {
            grid-column-start: 8;
        }

        .xl\:col-start-9 {
            grid-column-start: 9;
        }

        .xl\:m-0 {
            margin: calc(var(--spacing) * 0);
        }

        .xl\:-my-8 {
            margin-block: calc(var(--spacing) * -8);
        }

        .xl\:mt-0 {
            margin-top: calc(var(--spacing) * 0);
        }

        .xl\:mt-4 {
            margin-top: calc(var(--spacing) * 4);
        }

        .xl\:mt-8 {
            margin-top: calc(var(--spacing) * 8);
        }

        .xl\:mt-16 {
            margin-top: calc(var(--spacing) * 16);
        }

        .xl\:mt-24 {
            margin-top: calc(var(--spacing) * 24);
        }

        .xl\:mt-32 {
            margin-top: calc(var(--spacing) * 32);
        }

        .xl\:mb-0 {
            margin-bottom: calc(var(--spacing) * 0);
        }

        .xl\:mb-0\.5 {
            margin-bottom: calc(var(--spacing) * 0.5);
        }

        .xl\:mb-8 {
            margin-bottom: calc(var(--spacing) * 8);
        }

        .xl\:mb-12 {
            margin-bottom: calc(var(--spacing) * 12);
        }

        .xl\:ml-0 {
            margin-left: calc(var(--spacing) * 0);
        }

        .xl\:ml-1 {
            margin-left: calc(var(--spacing) * 1);
        }

        .xl\:ml-8 {
            margin-left: calc(var(--spacing) * 8);
        }

        .xl\:block {
            display: block;
        }

        .xl\:flex {
            display: flex;
        }

        .xl\:grid {
            display: grid;
        }

        .xl\:hidden {
            display: none;
        }

        .xl\:aspect-217\/275 {
            aspect-ratio: 217/275;
        }

        .xl\:aspect-auto {
            aspect-ratio: auto;
        }

        .xl\:h-14 {
            height: calc(var(--spacing) * 14);
        }

        .xl\:h-24 {
            height: calc(var(--spacing) * 24);
        }

        .xl\:h-52 {
            height: calc(var(--spacing) * 52);
        }

        .xl\:h-auto {
            height: auto;
        }

        .xl\:h-full {
            height: 100%;
        }

        .xl\:max-h-6 {
            max-height: calc(var(--spacing) * 6);
        }

        .xl\:max-h-\[250px\] {
            max-height: 250px;
        }

        .xl\:min-h-0 {
            min-height: calc(var(--spacing) * 0);
        }

        .xl\:min-h-\[250px\] {
            min-height: 250px;
        }

        .xl\:min-h-\[300px\] {
            min-height: 300px;
        }

        .xl\:min-h-full {
            min-height: 100%;
        }

        .xl\:w-1\/2 {
            width: 50%;
        }

        .xl\:w-2\/3 {
            width: 66.6667%;
        }

        .xl\:w-2\/5 {
            width: 40%;
        }

        .xl\:w-14 {
            width: calc(var(--spacing) * 14);
        }

        .xl\:w-20 {
            width: calc(var(--spacing) * 20);
        }

        .xl\:w-64 {
            width: calc(var(--spacing) * 64);
        }

        .xl\:w-\[48\%\] {
            width: 48%;
        }

        .xl\:w-\[130\%\] {
            width: 130%;
        }

        .xl\:w-\[250px\] {
            width: 250px;
        }

        .xl\:w-\[400px\] {
            width: 400px;
        }

        .xl\:w-\[470px\] {
            width: 470px;
        }

        .xl\:w-\[480px\] {
            width: 480px;
        }

        .xl\:w-\[600px\] {
            width: 600px;
        }

        .xl\:w-\[calc\(100\%\+200px\)\] {
            width: calc(100% + 200px);
        }

        .xl\:w-auto {
            width: auto;
        }

        .xl\:max-w-3xl {
            max-width: var(--container-3xl);
        }

        .xl\:max-w-6xl {
            max-width: var(--container-6xl);
        }

        .xl\:max-w-7xl {
            max-width: var(--container-7xl);
        }

        .xl\:max-w-28 {
            max-width: calc(var(--spacing) * 28);
        }

        .xl\:max-w-\[80\%\] {
            max-width: 80%;
        }

        .xl\:max-w-\[230px\] {
            max-width: 230px;
        }

        .xl\:max-w-\[280px\] {
            max-width: 280px;
        }

        .xl\:max-w-\[360px\] {
            max-width: 360px;
        }

        .xl\:max-w-\[400px\] {
            max-width: 400px;
        }

        .xl\:max-w-\[1600px\] {
            max-width: 1600px;
        }

        .xl\:max-w-lg {
            max-width: var(--container-lg);
        }

        .xl\:max-w-md {
            max-width: var(--container-md);
        }

        .xl\:max-w-none {
            max-width: none;
        }

        .xl\:min-w-56 {
            min-width: calc(var(--spacing) * 56);
        }

        .xl\:min-w-\[300px\] {
            min-width: 300px;
        }

        .xl\:min-w-\[1600px\] {
            min-width: 1600px;
        }

        .xl\:flex-1 {
            flex: 1;
        }

        .xl\:basis-2\/3 {
            flex-basis: 66.6667%;
        }

        .xl\:columns-5 {
            column-count: 5;
        }

        .xl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .xl\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }

        .xl\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }

        .xl\:grid-cols-7 {
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }

        .xl\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }

        .xl\:flex-row {
            flex-direction: row;
        }

        .xl\:items-center {
            align-items: center;
        }

        .xl\:items-end {
            align-items: flex-end;
        }

        .xl\:items-start {
            align-items: flex-start;
        }

        .xl\:justify-center {
            justify-content: center;
        }

        .xl\:justify-end {
            justify-content: flex-end;
        }

        .xl\:gap-0 {
            gap: calc(var(--spacing) * 0);
        }

        .xl\:gap-2 {
            gap: calc(var(--spacing) * 2);
        }

        .xl\:gap-3 {
            gap: calc(var(--spacing) * 3);
        }

        .xl\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }

        .xl\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }

        .xl\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }

        .xl\:gap-10 {
            gap: calc(var(--spacing) * 10);
        }

        .xl\:gap-12 {
            gap: calc(var(--spacing) * 12);
        }

        .xl\:gap-16 {
            gap: calc(var(--spacing) * 16);
        }

        .xl\:gap-20 {
            gap: calc(var(--spacing) * 20);
        }

        .xl\:gap-24 {
            gap: calc(var(--spacing) * 24);
        }

        .xl\:gap-24\! {
            gap: calc(var(--spacing) * 24) !important;
        }

        .xl\:gap-28 {
            gap: calc(var(--spacing) * 28);
        }

        .xl\:gap-32 {
            gap: calc(var(--spacing) * 32);
        }

        .xl\:gap-x-6 {
            column-gap: calc(var(--spacing) * 6);
        }

        .xl\:gap-x-8 {
            column-gap: calc(var(--spacing) * 8);
        }

        .xl\:rounded-none {
            border-radius: 0;
        }

        .xl\:border-t-0 {
            border-top-style: var(--tw-border-style);
            border-top-width: 0;
        }

        .xl\:border-r-0 {
            border-right-style: var(--tw-border-style);
            border-right-width: 0;
        }

        .xl\:border-l {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }

        .xl\:border-l-0 {
            border-left-style: var(--tw-border-style);
            border-left-width: 0;
        }

        .xl\:border-none {
            --tw-border-style: none;
            border-style: none;
        }

        .xl\:object-bottom {
            object-position: bottom;
        }

        .xl\:object-center {
            object-position: center;
        }

        .xl\:p-0\! {
            padding: calc(var(--spacing) * 0) !important;
        }

        .xl\:p-1 {
            padding: calc(var(--spacing) * 1);
        }

        .xl\:p-6 {
            padding: calc(var(--spacing) * 6);
        }

        .xl\:p-8 {
            padding: calc(var(--spacing) * 8);
        }

        .xl\:px-0 {
            padding-inline: calc(var(--spacing) * 0);
        }

        .xl\:px-0\! {
            padding-inline: calc(var(--spacing) * 0) !important;
        }

        .xl\:px-4 {
            padding-inline: calc(var(--spacing) * 4);
        }

        .xl\:px-10 {
            padding-inline: calc(var(--spacing) * 10);
        }

        .xl\:px-12 {
            padding-inline: calc(var(--spacing) * 12);
        }

        .xl\:px-14 {
            padding-inline: calc(var(--spacing) * 14);
        }

        .xl\:px-20 {
            padding-inline: calc(var(--spacing) * 20);
        }

        .xl\:px-20\! {
            padding-inline: calc(var(--spacing) * 20) !important;
        }

        .xl\:py-10 {
            padding-block: calc(var(--spacing) * 10);
        }

        .xl\:py-16 {
            padding-block: calc(var(--spacing) * 16);
        }

        .xl\:pt-0\! {
            padding-top: calc(var(--spacing) * 0) !important;
        }

        .xl\:pt-10\! {
            padding-top: calc(var(--spacing) * 10) !important;
        }

        .xl\:pt-20 {
            padding-top: calc(var(--spacing) * 20);
        }

        .xl\:pt-32 {
            padding-top: calc(var(--spacing) * 32);
        }

        .xl\:pt-40 {
            padding-top: calc(var(--spacing) * 40);
        }

        .xl\:pr-8 {
            padding-right: calc(var(--spacing) * 8);
        }

        .xl\:pr-9 {
            padding-right: calc(var(--spacing) * 9);
        }

        .xl\:pb-0 {
            padding-bottom: calc(var(--spacing) * 0);
        }

        .xl\:pl-12 {
            padding-left: calc(var(--spacing) * 12);
        }

        .xl\:text-left {
            text-align: left;
        }

        .xl\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }

        .xl\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }

        .xl\:text-3xl\! {
            font-size: var(--text-3xl) !important;
            line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
        }

        .xl\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }

        .xl\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }

        .xl\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }

        .xl\:text-7xl {
            font-size: var(--text-7xl);
            line-height: var(--tw-leading, var(--text-7xl--line-height));
        }

        .xl\:text-8xl {
            font-size: var(--text-8xl);
            line-height: var(--tw-leading, var(--text-8xl--line-height));
        }

        .xl\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }

        .xl\:text-lg\! {
            font-size: var(--text-lg) !important;
            line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
        }

        .xl\:text-sm\! {
            font-size: var(--text-sm) !important;
            line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
        }

        .xl\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }

        .xl\:opacity-0 {
            opacity: 0;
        }
    }

    .after\:xl\:bg-size-\[528px_367px\]:after {
        content: var(--tw-content);
    }

    @media (min-width: 80rem) {
        .after\:xl\:bg-size-\[528px_367px\]:after {
            background-size: 528px 367px;
        }

        .xl\:after\:bg-position-\[right_15\%_top_60px\]:after {
            content: var(--tw-content);
            background-position: right 15% top 60px;
        }
    }

    @media (min-width: 96rem) {
        .\32 xl\:top-\[3\%\] {
            top: 3%;
        }

        .\32 xl\:top-\[20\%\] {
            top: 20%;
        }

        .\32 xl\:right-0 {
            right: calc(var(--spacing) * 0);
        }

        .\32 xl\:-bottom-20\! {
            bottom: calc(var(--spacing) * -20) !important;
        }

        .\32 xl\:bottom-0 {
            bottom: calc(var(--spacing) * 0);
        }

        .\32 xl\:left-\[32\%\] {
            left: 32%;
        }

        .\32 xl\:mx-0 {
            margin-inline: calc(var(--spacing) * 0);
        }

        .\32 xl\:mt-60 {
            margin-top: calc(var(--spacing) * 60);
        }

        .\32 xl\:ml-2 {
            margin-left: calc(var(--spacing) * 2);
        }

        .\32 xl\:ml-8 {
            margin-left: calc(var(--spacing) * 8);
        }

        .\32 xl\:inline {
            display: inline;
        }

        .\32 xl\:inline-block {
            display: inline-block;
        }

        .\32 xl\:h-10 {
            height: calc(var(--spacing) * 10);
        }

        .\32 xl\:h-12 {
            height: calc(var(--spacing) * 12);
        }

        .\32 xl\:min-h-10\! {
            min-height: calc(var(--spacing) * 10) !important;
        }

        .\32 xl\:min-h-12\! {
            min-height: calc(var(--spacing) * 12) !important;
        }

        .\32 xl\:w-\[40\%\] {
            width: 40%;
        }

        .\32 xl\:w-full {
            width: 100%;
        }

        .\32 xl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .\32 xl\:flex-row {
            flex-direction: row;
        }

        .\32 xl\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }

        .\32 xl\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }

        .\32 xl\:gap-x-20 {
            column-gap: calc(var(--spacing) * 20);
        }

        .\32 xl\:p-8 {
            padding: calc(var(--spacing) * 8);
        }

        .\32 xl\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }

        .\32 xl\:py-8 {
            padding-block: calc(var(--spacing) * 8);
        }

        .\32 xl\:pr-4 {
            padding-right: calc(var(--spacing) * 4);
        }

        .\32 xl\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }

        .\32 xl\:text-6xl\! {
            font-size: var(--text-6xl) !important;
            line-height: var(--tw-leading, var(--text-6xl--line-height)) !important;
        }

        .\32 xl\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }

        @media (min-width: 80rem) {
            .\32 xl\:xl\:mb-32 {
                margin-bottom: calc(var(--spacing) * 32);
            }
        }
    }

    @container (min-width:28rem) {
        .\@md\:mt-0 {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    @container field-group (min-width:28rem) {
        .\@md\/field-group\:flex-row {
            flex-direction: row;
        }
    }

    @container (min-width:28rem) {
        .\@md\:flex-row {
            flex-direction: row;
        }
    }

    @container field-group (min-width:28rem) {
        .\@md\/field-group\:items-center {
            align-items: center;
        }
    }

    @container (min-width:28rem) {
        .\@md\:items-center {
            align-items: center;
        }

        .\@md\:justify-between {
            justify-content: space-between;
        }

        .\@md\:gap-x-6 {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    @container field-group (min-width:28rem) {
        :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:32rem) {
        .\@lg\:gap-x-8 {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    @container (min-width:36rem) {
        .\@xl\:flex-row {
            flex-direction: row;
        }

        .\@xl\:items-center {
            align-items: center;
        }

        .\@xl\:justify-between {
            justify-content: space-between;
        }

        .\@xl\:self-end {
            align-self: flex-end;
        }

        :is(.\*\:data-\[slot\=\"page-section-summary\"\]\:\@xl\:self-center > *)[data-slot="page-section-summary"] {
            align-self: center;
        }
    }

    @container (min-width:48rem) {
        .\@3xl\:grid-cols-\[1fr_2fr\] {
            grid-template-columns: 1fr 2fr;
        }

        .\@3xl\:gap-12 {
            gap: calc(var(--spacing) * 12);
        }
    }

    .dark\:block:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        display: block;
    }

    .dark\:hidden:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        display: none;
    }

    .dark\:h-px:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        height: 1px;
    }

    .dark\:w-px:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        width: 1px;
    }

    .dark\:-rotate-90:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        rotate: -90deg;
    }

    .dark\:rotate-0:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        rotate: 0deg;
    }

    .dark\:border-\[\#333\]:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        border-color: #333;
    }

    .dark\:border-\[\#14191B\]:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        border-color: #14191b;
    }

    .dark\:border-\[\#111718\]:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        border-color: #111718;
    }

    .dark\:border-\[\#282828\]\/90\!:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        border-color: oklab(27.6848% 2.98023e-8 1.49012e-8/0.9) !important;
    }

    .dark\:border-background-surface-300:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        border-color: hsl(var(--background-surface-300));
    }

    .dark\:border-brand-400:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        border-color: hsl(var(--brand-400));
    }

    .dark\:border-brand-500:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        border-color: hsl(var(--brand-500));
    }

    .dark\:border-brand\/30:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        border-color: hsl(var(--brand-default));
    }

    @supports (color: color-mix(in lab, red, red)) {

        .dark\:border-brand\/30:where([data-theme*="dark"] *,
            [data-theme*="dark"]) {
            border-color: color-mix(in oklab,
                    hsl(var(--brand-default)) 30%,
                    transparent);
        }
    }

    .dark\:border-muted:where([data-theme*="dark"] *, [data-theme*="dark"]),
    .dark\:border-muted\/50:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        border-color: hsl(var(--border-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {

        .dark\:border-muted\/50:where([data-theme*="dark"] *,
            [data-theme*="dark"]) {
            border-color: color-mix(in oklab,
                    hsl(var(--border-muted)) 50%,
                    transparent);
        }
    }

    .dark\:bg-\[\#1c1c1c\]\/80\!:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        background-color: oklab(22.645% 2.23517e-8 0/0.8) !important;
    }

    .dark\:bg-\[\#171717\]:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: #171717;
    }

    .dark\:bg-alternative:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--background-alternative-default));
    }

    .dark\:bg-alternative\!:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--background-alternative-default)) !important;
    }

    .dark\:bg-background\/95:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--background-default));
    }

    @supports (color: color-mix(in lab, red, red)) {

        .dark\:bg-background\/95:where([data-theme*="dark"] *,
            [data-theme*="dark"]) {
            background-color: color-mix(in oklab,
                    hsl(var(--background-default)) 95%,
                    transparent);
        }
    }

    .dark\:bg-black:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: var(--color-black);
    }

    .dark\:bg-black\!:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: var(--color-black) !important;
    }

    .dark\:bg-brand:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--brand-default));
    }

    .dark\:bg-brand-400:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--brand-400));
    }

    .dark\:bg-brand-500:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--brand-500));
    }

    .dark\:bg-brand\/10:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--brand-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .dark\:bg-brand\/10:where([data-theme*="dark"] *, [data-theme*="dark"]) {
            background-color: color-mix(in oklab,
                    hsl(var(--brand-default)) 10%,
                    transparent);
        }
    }

    .dark\:bg-default\/90:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--background-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .dark\:bg-default\/90:where([data-theme*="dark"] *, [data-theme*="dark"]) {
            background-color: color-mix(in oklab,
                    hsl(var(--background-default)) 90%,
                    transparent);
        }
    }

    .dark\:bg-destructive-400:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        background-color: hsl(var(--destructive-400));
    }

    .dark\:bg-foreground:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--foreground-default));
    }

    .dark\:bg-foreground-muted\/10:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        background-color: hsl(var(--foreground-muted));
    }

    @supports (color: color-mix(in lab, red, red)) {

        .dark\:bg-foreground-muted\/10:where([data-theme*="dark"] *,
            [data-theme*="dark"]) {
            background-color: color-mix(in oklab,
                    hsl(var(--foreground-muted)) 10%,
                    transparent);
        }
    }

    .dark\:bg-muted:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--background-muted));
    }

    .dark\:bg-surface-75:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--background-surface-75));
    }

    .dark\:bg-surface-100\/50:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        background-color: hsl(var(--background-surface-100));
    }

    @supports (color: color-mix(in lab, red, red)) {

        .dark\:bg-surface-100\/50:where([data-theme*="dark"] *,
            [data-theme*="dark"]) {
            background-color: color-mix(in oklab,
                    hsl(var(--background-surface-100)) 50%,
                    transparent);
        }
    }

    .dark\:bg-surface-300:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--background-surface-300));
    }

    .dark\:bg-surface-400:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--background-surface-400));
    }

    .dark\:bg-transparent:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: #0000;
    }

    .dark\:bg-transparent\!:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: #0000 !important;
    }

    .dark\:bg-warning-400:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: hsl(var(--warning-400));
    }

    .dark\:bg-white:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-color: var(--color-white);
    }

    .dark\:bg-linear-to-b:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        --tw-gradient-position: to bottom;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .dark\:bg-linear-to-b:where([data-theme*="dark"] *, [data-theme*="dark"]) {
            --tw-gradient-position: to bottom in oklab;
        }
    }

    .dark\:bg-linear-to-b:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .dark\:bg-\[url\(\'\/images\/features\/features-cover-dark\.svg\'\)\]:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        background-image: url(/images/features/features-cover-dark.svg);
    }

    .dark\:to-surface-100:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        --tw-gradient-to: hsl(var(--background-surface-100));
        --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));
    }

    .dark\:mask-\[linear-gradient\(to_bottom\,\#000_0\%\,\#000_60\%\,transparent_100\%\)\]:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        -webkit-mask-image: linear-gradient(#000 0 60%, #0000 100%);
        mask-image: linear-gradient(#000 0 60%, #0000 100%);
    }

    .dark\:text-\[\#8B9092\]:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        color: #8b9092;
    }

    .dark\:text-\[\#575E61\]:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        color: #575e61;
    }

    .dark\:text-background:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        color: hsl(var(--background-default));
    }

    .dark\:text-brand:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        color: hsl(var(--brand-default));
    }

    .dark\:text-brand-200:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        color: hsl(var(--brand-200));
    }

    .dark\:text-foreground:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        color: hsl(var(--foreground-default));
    }

    .dark\:text-foreground\!:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        color: hsl(var(--foreground-default)) !important;
    }

    .dark\:text-foreground-light:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        color: hsl(var(--foreground-light));
    }

    .dark\:text-foreground-muted:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        color: hsl(var(--foreground-muted));
    }

    .dark\:opacity-50:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        opacity: 0.5;
    }

    .dark\:opacity-70:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        opacity: 0.7;
    }

    .dark\:mix-blend-screen:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        mix-blend-mode: screen;
    }

    .dark\:shadow-\[0px_0px_6px_0px_rgba\(44\,244\,148\,0\.40\)\]:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        --tw-shadow: 0px 0px 6px 0px var(--tw-shadow-color, #2cf49466);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .dark\:shadow-\[0px_0px_6px_0px_rgba\(255\,255\,255\,0\.10\)\]:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        --tw-shadow: 0px 0px 6px 0px var(--tw-shadow-color, #ffffff1a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .dark\:shadow-xs:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        --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);
    }

    .dark\:invert:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        --tw-invert: invert(100%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }

    .dark\:invert-0:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        --tw-invert: invert(0%);
        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);
    }

    .dark\:filter:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        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);
    }

    .dark\:line-loading-bg:where([data-theme*="dark"] *, [data-theme*="dark"]) {
        background: linear-gradient(90deg, #0000, #ffffffa6 50%, #0000);
    }

    .dark\:\[text-shadow\:0px_0px_4px_rgb\(255_255_255\/0\.25\)\]:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        text-shadow: 0 0 4px #ffffff40;
    }

    .dark\:\[text-shadow\:0px_0px_4px_rgb\(255_255_255\/0\.44\)\]:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        text-shadow: 0 0 4px #ffffff70;
    }

    .dark\:\[text-shadow\:0px_0px_10px_rgb\(255_255_255\/1\.00\)\]:where([data-theme*="dark"] *,
        [data-theme*="dark"]) {
        text-shadow: 0 0 10px #fff;
    }

    @media (hover: hover) {
        .group-hover\/main\:dark\:opacity-100:is( :where(.group\/main):hover *):where([data-theme*="dark"] *, [data-theme*="dark"]) {
            opacity: 1;
        }
    }

    .dark\:before\:from-black\/20:where([data-theme*="dark"] *,
        [data-theme*="dark"]):before {
        content: var(--tw-content);
        --tw-gradient-from: #0003;
    }

    @supports (color: color-mix(in lab, red, red)) {

        .dark\:before\:from-black\/20:where([data-theme*="dark"] *,
            [data-theme*="dark"]):before {
            --tw-gradient-from: color-mix(in oklab,
                    var(--color-black) 20%,
                    transparent);
        }
    }

    .dark\:before\:from-black\/20:where([data-theme*="dark"] *,
        [data-theme*="dark"]):before {
        --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));
    }

    .dark\:after\:from-black\/20:where([data-theme*="dark"] *,
        [data-theme*="dark"]):after {
        content: var(--tw-content);
        --tw-gradient-from: #0003;
    }

    @supports (color: color-mix(in lab, red, red)) {

        .dark\:after\:from-black\/20:where([data-theme*="dark"] *,
            [data-theme*="dark"]):after {
            --tw-gradient-from: color-mix(in oklab,
                    var(--color-black) 20%,
                    transparent);
        }
    }

    .dark\:after\:from-black\/20:where([data-theme*="dark"] *,
        [data-theme*="dark"]):after {
        --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));
    }

    @media (hover: hover) {

        .dark\:hover\:cursor-\[url\(\'\/images\/index\/products\/realtime-cursor-dark\.svg\'\)\,auto\]\!:where([data-theme*="dark"] *,
            [data-theme*="dark"]):hover {
            cursor: url(/images/index/products/realtime-cursor-dark.svg), auto !important;
        }

        .dark\:hover\:border-brand:where([data-theme*="dark"] *,
            [data-theme*="dark"]):hover {
            border-color: hsl(var(--brand-default));
        }

        .dark\:hover\:bg-brand:where([data-theme*="dark"] *,
            [data-theme*="dark"]):hover {
            background-color: hsl(var(--brand-default));
        }

        .dark\:hover\:bg-brand-300\/80:where([data-theme*="dark"] *,
            [data-theme*="dark"]):hover {
            background-color: hsl(var(--brand-300));
        }

        @supports (color: color-mix(in lab, red, red)) {

            .dark\:hover\:bg-brand-300\/80:where([data-theme*="dark"] *,
                [data-theme*="dark"]):hover {
                background-color: color-mix(in oklab,
                        hsl(var(--brand-300)) 80%,
                        transparent);
            }
        }

        .dark\:hover\:bg-brand\/50:where([data-theme*="dark"] *,
            [data-theme*="dark"]):hover {
            background-color: hsl(var(--brand-default));
        }

        @supports (color: color-mix(in lab, red, red)) {

            .dark\:hover\:bg-brand\/50:where([data-theme*="dark"] *,
                [data-theme*="dark"]):hover {
                background-color: color-mix(in oklab,
                        hsl(var(--brand-default)) 50%,
                        transparent);
            }
        }

        .dark\:hover\:bg-destructive\/50:where([data-theme*="dark"] *,
            [data-theme*="dark"]):hover {
            background-color: hsl(var(--destructive-default));
        }

        @supports (color: color-mix(in lab, red, red)) {

            .dark\:hover\:bg-destructive\/50:where([data-theme*="dark"] *,
                [data-theme*="dark"]):hover {
                background-color: color-mix(in oklab,
                        hsl(var(--destructive-default)) 50%,
                        transparent);
            }
        }

        .dark\:hover\:bg-surface-75:where([data-theme*="dark"] *,
            [data-theme*="dark"]):hover {
            background-color: hsl(var(--background-surface-75));
        }

        .dark\:hover\:bg-warning\/50:where([data-theme*="dark"] *,
            [data-theme*="dark"]):hover {
            background-color: hsl(var(--warning-default));
        }

        @supports (color: color-mix(in lab, red, red)) {

            .dark\:hover\:bg-warning\/50:where([data-theme*="dark"] *,
                [data-theme*="dark"]):hover {
                background-color: color-mix(in oklab,
                        hsl(var(--warning-default)) 50%,
                        transparent);
            }
        }
    }

    .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:where([data-theme*="dark"] *,
        [data-theme*="dark"]):has([data-slot][aria-invalid="true"]) {
        --tw-ring-color: hsl(var(--destructive-default));
    }

    @supports (color: color-mix(in lab, red, red)) {

        .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:where([data-theme*="dark"] *,
            [data-theme*="dark"]):has([data-slot][aria-invalid="true"]) {
            --tw-ring-color: color-mix(in oklab,
                    hsl(var(--destructive-default)) 40%,
                    transparent);
        }
    }

    .dark\:data-\[state\=checked\]\:bg-surface-300:where([data-theme*="dark"] *,
        [data-theme*="dark"])[data-state="checked"] {
        background-color: hsl(var(--background-surface-300));
    }

    .dark\:data-\[state\=open\]\:bg-brand-500\/80:where([data-theme*="dark"] *,
        [data-theme*="dark"])[data-state="open"] {
        background-color: hsl(var(--brand-500));
    }

    @supports (color: color-mix(in lab, red, red)) {

        .dark\:data-\[state\=open\]\:bg-brand-500\/80:where([data-theme*="dark"] *,
            [data-theme*="dark"])[data-state="open"] {
            background-color: color-mix(in oklab,
                    hsl(var(--brand-500)) 80%,
                    transparent);
        }
    }

    @media (pointer: coarse) {
        .pointer-coarse\:hidden {
            display: none;
        }

        .pointer-coarse\:pl-2 {
            padding-left: calc(var(--spacing) * 2);
        }
    }

    .prose-headings\:text-foreground :where(h1, h2, h3, h4, h5, h6, th):not( :where([class~="not-prose"], [class~="not-prose"] *)) {
        color: hsl(var(--foreground-default));
    }

    .prose-p\:text-foreground-light :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: hsl(var(--foreground-light));
    }

    .prose-a\:text-brand-link :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: hsl(var(--brand-link));
    }

    .prose-a\:decoration-brand-link :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        -webkit-text-decoration-color: hsl(var(--brand-link));
        text-decoration-color: hsl(var(--brand-link));
    }

    .prose-strong\:text-foreground :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: hsl(var(--foreground-default));
    }

    .prose-li\:text-foreground-light :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: hsl(var(--foreground-light));
    }

    [data-state="open"] .data-open-parent\:rotate-0 {
        rotate: 0deg;
    }

    [data-state="closed"] .data-closed-parent\:rotate-180 {
        rotate: 180deg;
    }

    .data-open\:animate-dropdown-content-show[data-state="open"] {
        animation: var(--animate-dropdown-content-show);
    }

    .data-open\:animate-fade-in-overlay-bg[data-state="open"] {
        animation: var(--animate-fade-in-overlay-bg);
    }

    .data-open\:animate-overlay-show[data-state="open"] {
        animation: var(--animate-overlay-show);
    }

    .data-open\:animate-panel-slide-left-out[data-state="open"] {
        animation: var(--animate-panel-slide-left-out);
    }

    .data-open\:animate-panel-slide-right-out[data-state="open"] {
        animation: var(--animate-panel-slide-right-out);
    }

    .data-open\:animate-slide-down[data-state="open"] {
        animation: var(--animate-slide-down);
    }

    .data-open\:text-brand-link\![data-state="open"] {
        color: hsl(var(--brand-link)) !important;
    }

    .data-open\:opacity-1[data-state="open"] {
        opacity: 0.01;
    }

    .data-closed\:animate-dropdown-content-hide[data-state="closed"] {
        animation: var(--animate-dropdown-content-hide);
    }

    .data-closed\:animate-fade-out-overlay-bg[data-state="closed"] {
        animation: var(--animate-fade-out-overlay-bg);
    }

    .data-closed\:animate-overlay-hide[data-state="closed"] {
        animation: var(--animate-overlay-hide);
    }

    .data-closed\:animate-panel-slide-left-in[data-state="closed"] {
        animation: var(--animate-panel-slide-left-in);
    }

    .data-closed\:animate-panel-slide-right-in[data-state="closed"] {
        animation: var(--animate-panel-slide-right-in);
    }

    .data-closed\:animate-slide-up[data-state="closed"] {
        animation: var(--animate-slide-up);
    }

    .data-closed\:opacity-0[data-state="closed"] {
        opacity: 0;
    }

    .data-closed\:delay-100[data-state="closed"] {
        --tw-animation-delay: 0.1s;
        transition-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .data-show\:mt-2[data-state="show"] {
        margin-top: calc(var(--spacing) * 2);
    }

    .data-show\:animate-slide-down-normal[data-state="show"] {
        animation: var(--animate-slide-down-normal);
    }

    .data-hide\:animate-slide-up-normal[data-state="hide"] {
        animation: var(--animate-slide-up-normal);
    }

    .aria-expanded\:border-foreground-muted[aria-expanded="true"] {
        border-color: hsl(var(--foreground-muted));
    }

    .aria-expanded\:bg-transparent[aria-expanded="true"] {
        background-color: #0000;
    }

    .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-border-muted[aria-expanded="true"] {
        --tw-ring-color: hsl(var(--border-muted));
    }

    @media (hover: hover) {
        .group-hover\:not-disabled\:text-foreground:is(:where(.group):hover *):not( :disabled) {
            color: hsl(var(--foreground-default));
        }
    }

    .\[\&_\.ch-codeblock\]\:mt-0\! .ch-codeblock {
        margin-top: calc(var(--spacing) * 0) !important;
    }

    @media (min-width: 64rem) {
        .\[\&_\.col-left\]\:lg\:col-span-2 .col-left {
            grid-column: span 2 / span 2;
        }

        .\[\&_\.col-right\]\:lg\:col-span-3 .col-right {
            grid-column: span 3 / span 3;
        }
    }

    @media (min-width: 40rem) {
        .\[\&_\.highlight-card\]\:sm\:col-span-1 .highlight-card {
            grid-column: span 1 / span 1;
        }
    }

    @media (min-width: 64rem) {
        .\[\&_\.highlight-card\]\:lg\:col-span-2 .highlight-card {
            grid-column: span 2 / span 2;
        }
    }

    @media (min-width: 40rem) {
        .\[\&_\.highlight-card\:nth-child\(1\)\]\:sm\:col-span-2 .highlight-card:first-child {
            grid-column: span 2 / span 2;
        }
    }

    @media (min-width: 64rem) {

        .\[\&_\.highlight-card\:nth-child\(1\)\]\:lg\:col-span-3 .highlight-card:first-child,
        .\[\&_\.highlight-card\:nth-child\(2\)\]\:lg\:col-span-3 .highlight-card:nth-child(2) {
            grid-column: span 3 / span 3;
        }
    }

    @media (min-width: 40rem) {
        .\[\&_\.highlights-grid\]\:sm\:grid-cols-2 .highlights-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (min-width: 64rem) {
        .\[\&_\.highlights-grid\]\:lg\:grid-cols-6 .highlights-grid {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    @media (min-width: 80rem) {
        .\[\&_\.highlights-grid\]\:xl\:grid-cols-3 .highlights-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .\[\&_\.image-container\]\:flex .image-container {
        display: flex;
    }

    .\[\&_\.image-container\]\:items-center .image-container {
        align-items: center;
    }

    .\[\&_\.image-container\]\:border-b .image-container {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }

    .\[\&_\.image-container\]\:pb-0 .image-container {
        padding-bottom: calc(var(--spacing) * 0);
    }

    @media (min-width: 48rem) {
        .\[\&_\.image-container\]\:md\:max-w-xl .image-container {
            max-width: var(--container-xl);
        }
    }

    @media (min-width: 80rem) {
        .\[\&_\.image-container\]\:xl\:order-last .image-container {
            order: 9999;
        }

        .\[\&_\.image-container\]\:xl\:w-\[calc\(50\%\+1rem\)\] .image-container {
            width: calc(50% + 1rem);
        }

        .\[\&_\.image-container\]\:xl\:items-end .image-container {
            align-items: flex-end;
        }

        .\[\&_\.image-container\]\:xl\:border-none .image-container {
            --tw-border-style: none;
            border-style: none;
        }

        .\[\&_\.image-container\]\:xl\:pt-4 .image-container {
            padding-top: calc(var(--spacing) * 4);
        }

        .\[\&_\.image-container\]\:xl\:pl-8 .image-container {
            padding-left: calc(var(--spacing) * 8);
        }
    }

    .\[\&_\.next-image--dynamic-fill\]\:rounded-none .next-image--dynamic-fill {
        border-radius: 0;
    }

    .\[\&_\.next-image--dynamic-fill_img\]\:h-full\! .next-image--dynamic-fill img {
        height: 100% !important;
    }

    .\[\&_\.ph-footer\]\:mt-0 .ph-footer {
        margin-top: calc(var(--spacing) * 0);
    }

    @media (min-width: 64rem) {
        .\[\&_\.ph-footer\]\:lg\:mt-16 .ph-footer {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    @media (min-width: 80rem) {
        .\[\&_\.ph-footer\]\:xl\:mt-32 .ph-footer {
            margin-top: calc(var(--spacing) * 32);
        }
    }

    .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-foreground-muted .recharts-cartesian-axis-tick text {
        fill: hsl(var(--foreground-muted));
    }

    .\[\&_\.recharts-cartesian-grid_line\]\:stroke-border\/50 .recharts-cartesian-grid line {
        stroke: hsl(var(--border-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .\[\&_\.recharts-cartesian-grid_line\]\:stroke-border\/50 .recharts-cartesian-grid line {
            stroke: color-mix(in oklab, hsl(var(--border-default)) 50%, transparent);
        }
    }

    .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
        stroke: hsl(var(--border-default));
    }

    .\[\&_\.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: hsl(var(--border-default));
    }

    .\[\&_\.recharts-reference-line-line\]\:stroke-foreground .recharts-reference-line-line {
        stroke: hsl(var(--foreground-default));
    }

    .\[\&_\.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;
        }
    }

    .\[\&_\.swiper-container\]\:overflow-visible .swiper-container {
        overflow: visible;
    }

    .\[\&_\.swiper-slide\]\:w-fit .swiper-slide {
        width: fit-content;
    }

    .\[\&_\.swiper-wrapper\]\:w-full .swiper-wrapper {
        width: 100%;
    }

    .\[\&_\.synthax-highlighter\]\:min-h-\[200px\]\! .synthax-highlighter {
        min-height: 200px !important;
    }

    .\[\&_\.synthax-highlighter\]\:rounded-r-none .synthax-highlighter {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .\[\&_\.synthax-highlighter\]\:rounded-b-none .synthax-highlighter {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .\[\&_\.synthax-highlighter\]\:border-r-0 .synthax-highlighter {
        border-right-style: var(--tw-border-style);
        border-right-width: 0;
    }

    .\[\&_\.synthax-highlighter\]\:border-b-0 .synthax-highlighter {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
    }

    .\[\&_\.synthax-highlighter\]\:pb-8\! .synthax-highlighter {
        padding-bottom: calc(var(--spacing) * 8) !important;
    }

    @media (min-width: 48rem) {
        .\[\&_\.synthax-highlighter\]\:md\:min-h-\[300px\]\! .synthax-highlighter {
            min-height: 300px !important;
        }
    }

    @media (min-width: 80rem) {
        .\[\&_\.synthax-highlighter\]\:xl\:min-h-\[240px\] .synthax-highlighter {
            min-height: 240px;
        }
    }

    .\[\&_\.visual-overlay\]\:bg-\[linear-gradient\(to_top\,hsl\(var\(--background-default\)\)_0\%\,transparent_100\%\)\]\! .visual-overlay {
        background-image: linear-gradient(to top,
                hsl(var(--background-default)) 0,
                transparent 100%) !important;
    }

    .\[\&_\.visual-overlay\]\:bg-\[linear-gradient\(to_top\,transparent_0\%\,transparent_50\%\,hsl\(var\(--background-default\)\)_75\%\)\] .visual-overlay {
        background-image: linear-gradient(to top,
                transparent 0,
                transparent 50%,
                hsl(var(--background-default)) 75%);
    }

    .\[\&_\[cmdk-group-heading\]\]\:text-border-stronger [cmdk-group-heading] {
        color: hsl(var(--border-stronger));
    }

    .\[\&_\[cmdk-group-heading\]\]\:text-foreground-lighter\/60 [cmdk-group-heading] {
        color: hsl(var(--foreground-lighter));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .\[\&_\[cmdk-group-heading\]\]\:text-foreground-lighter\/60 [cmdk-group-heading] {
            color: color-mix(in oklab,
                    hsl(var(--foreground-lighter)) 60%,
                    transparent);
        }
    }

    .\[\&_\[cmdk-group-heading\]\]\:text-foreground-muted [cmdk-group-heading] {
        color: hsl(var(--foreground-muted));
    }

    .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group] {
        padding-top: calc(var(--spacing) * 0);
    }

    .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
        height: calc(var(--spacing) * 5);
    }

    .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
        width: calc(var(--spacing) * 5);
    }

    .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
        height: calc(var(--spacing) * 5);
    }

    .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
        width: calc(var(--spacing) * 5);
    }

    .\[\&_\[cmdk-item\]_svg\]\:stroke-1 [cmdk-item] svg {
        stroke-width: 1px;
    }

    .\[\&_a\]\:text-brand-link a {
        color: hsl(var(--brand-link));
    }

    .\[\&_a\]\:decoration-brand-link a {
        -webkit-text-decoration-color: hsl(var(--brand-link));
        text-decoration-color: hsl(var(--brand-link));
    }

    .\[\&_a\]\:last\:border-none a:last-child {
        --tw-border-style: none;
        border-style: none;
    }

    .\[\&_code\]\:font-mono code {
        font-family: var(--font-source-code-pro,
                Source Code Pro,
                Office Code Pro,
                Menlo,
                monospace);
    }

    :where(.\[\&_div\.grid\]\:divide-y div.grid > :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)));
    }

    @media (min-width: 40rem) {
        :where(.\[\&_div\.grid\]\:sm\:divide-x div.grid > :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)));
        }

        .\[\&_div\.grid\>div\]\:sm\:-m-px div.grid>div {
            margin: -1px;
        }

        .\[\&_div\.grid\>div\:first-child\]\:sm\:border-l-0\! div.grid>div:first-child {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 0 !important;
        }
    }

    @media (min-width: 64rem) {
        .\[\&_div\.grid\>div\:nth-child\(2\)\]\:lg\:border-t-0\! div.grid>div:nth-child(2) {
            border-top-style: var(--tw-border-style) !important;
            border-top-width: 0 !important;
        }
    }

    @media (min-width: 40rem) {
        .\[\&_div\.grid\>div\:nth-child\(2n\+1\)\]\:sm\:border-l\! div.grid>div:nth-child(odd) {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 1px !important;
        }

        .\[\&_div\.grid\>div\:nth-child\(2n\+1\)\]\:sm\:border-l-0\! div.grid>div:nth-child(odd) {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 0 !important;
        }

        .\[\&_div\.grid\>div\:nth-child\(2n\+2\)\]\:sm\:border-t\! div.grid>div:nth-child(2n + 2) {
            border-top-style: var(--tw-border-style) !important;
            border-top-width: 1px !important;
        }

        .\[\&_div\.grid\>div\:nth-child\(2n\+2\)\]\:sm\:border-l\! div.grid>div:nth-child(2n + 2) {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 1px !important;
        }

        .\[\&_div\.grid\>div\:nth-child\(2n\+2\)\]\:sm\:border-l-0\! div.grid>div:nth-child(2n + 2) {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 0 !important;
        }
    }

    @media (min-width: 64rem) {

        .\[\&_div\.grid\>div\:nth-child\(2n\+2\)\]\:lg\:border-l\! div.grid>div:nth-child(2n + 2),
        .\[\&_div\.grid\>div\:nth-child\(2n\+3\)\]\:lg\:border-l\! div.grid>div:nth-child(2n + 3) {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 1px !important;
        }

        .\[\&_div\.grid\>div\:nth-child\(3n\+3\)\]\:lg\:border-l-0\! div.grid>div:nth-child(3n + 3) {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 0 !important;
        }
    }

    .\[\&_h1\]\:max-w-2xl h1 {
        max-width: var(--container-2xl);
    }

    .\[\&_h1\]\:text-xl h1 {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    @media (min-width: 48rem) {
        .\[\&_h1\]\:md\:text-2xl\! h1 {
            font-size: var(--text-2xl) !important;
            line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
        }
    }

    @media (min-width: 64rem) {
        .\[\&_h1\]\:lg\:text-4xl\! h1 {
            font-size: var(--text-4xl) !important;
            line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
        }
    }

    @media (min-width: 96rem) {
        .\[\&_h1\]\:2xl\:text-5xl\! h1 {
            font-size: var(--text-5xl) !important;
            line-height: var(--tw-leading, var(--text-5xl--line-height)) !important;
        }
    }

    .\[\&_h2\]\:max-w-lg\! h2 {
        max-width: var(--container-lg) !important;
    }

    .\[\&_h2\]\:max-w-sm\! h2 {
        max-width: var(--container-sm) !important;
    }

    .\[\&_img\]\:rounded-md img {
        border-radius: var(--radius-md);
    }

    .\[\&_img\]\:border img {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }

    .\[\&_img\]\:border-0 img {
        border-style: var(--tw-border-style);
        border-width: 0;
    }

    .\[\&_img\]\:bg-default img {
        background-color: hsl(var(--background-default));
    }

    .\[\&_input\]\:m-0 input {
        margin: calc(var(--spacing) * 0);
    }

    .\[\&_li\]\:\!my-0\.5 li {
        margin-block: calc(var(--spacing) * 0.5) !important;
    }

    .\[\&_li\]\:text-xs li {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .\[\&_ol\]\:\!my-1\.5 ol {
        margin-block: calc(var(--spacing) * 1.5) !important;
    }

    .\[\&_p\]\:m-0 p {
        margin: calc(var(--spacing) * 0);
    }

    .\[\&_p\]\:\!mt-0 p {
        margin-top: calc(var(--spacing) * 0) !important;
    }

    .\[\&_p\]\:\!mb-1\.5 p {
        margin-bottom: calc(var(--spacing) * 1.5) !important;
    }

    .\[\&_p\]\:mb-0\.5 p {
        margin-bottom: calc(var(--spacing) * 0.5);
    }

    .\[\&_p\]\:inline p {
        display: inline;
    }

    .\[\&_p\:last-child\]\:\!mb-0 p:last-child {
        margin-bottom: calc(var(--spacing) * 0) !important;
    }

    .\[\&_p\:last-child\]\:mb-0 p:last-child {
        margin-bottom: calc(var(--spacing) * 0);
    }

    .\[\&_p\:only-child\]\:\!mb-0 p:only-child {
        margin-bottom: calc(var(--spacing) * 0) !important;
    }

    .\[\&_pre\]\:m-0\! pre {
        margin: calc(var(--spacing) * 0) !important;
    }

    .\[\&_pre\]\:bg-transparent\! pre {
        background-color: #0000 !important;
    }

    .\[\&_q\]\:max-w-2xl q {
        max-width: var(--container-2xl);
    }

    .\[\&_q\]\:max-w-3xl q {
        max-width: var(--container-3xl);
    }

    @media (min-width: 48rem) {
        .\[\&_q\]\:md\:max-w-2xl q {
            max-width: var(--container-2xl);
        }
    }

    .\[\&_span\]\:flex span {
        display: flex;
    }

    .\[\&_span\]\:items-center span {
        align-items: center;
    }

    .\[\&_span\]\:gap-2 span {
        gap: calc(var(--spacing) * 2);
    }

    .\[\&_strong\]\:font-normal strong {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
    }

    .\[\&_strong\]\:font-normal\! strong {
        --tw-font-weight: var(--font-weight-normal) !important;
        font-weight: var(--font-weight-normal) !important;
    }

    .\[\&_strong\]\:text-foreground strong {
        color: hsl(var(--foreground-default));
    }

    .\[\&_strong\]\:text-foreground\! strong {
        color: hsl(var(--foreground-default)) !important;
    }

    .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none;
    }

    .\[\&_svg\]\:invisible svg {
        visibility: hidden;
    }

    .\[\&_svg\]\:h-\[14px\] svg {
        height: 14px;
    }

    .\[\&_svg\]\:h-\[18px\] svg {
        height: 18px;
    }

    .\[\&_svg\]\:h-\[20px\] svg {
        height: 20px;
    }

    .\[\&_svg\]\:h-\[24px\] svg {
        height: 24px;
    }

    .\[\&_svg\]\:h-\[30px\] svg {
        height: 30px;
    }

    .\[\&_svg\]\:h-\[42px\] svg {
        height: 42px;
    }

    .\[\&_svg\]\:h-auto svg {
        height: auto;
    }

    .\[\&_svg\]\:w-\[14px\] svg {
        width: 14px;
    }

    .\[\&_svg\]\:w-\[18px\] svg {
        width: 18px;
    }

    .\[\&_svg\]\:w-\[20px\] svg {
        width: 20px;
    }

    .\[\&_svg\]\:w-\[24px\] svg {
        width: 24px;
    }

    .\[\&_svg\]\:w-\[30px\] svg {
        width: 30px;
    }

    .\[\&_svg\]\:w-\[42px\] svg {
        width: 42px;
    }

    .\[\&_svg\]\:max-w-full svg {
        max-width: 100%;
    }

    .\[\&_svg\]\:stroke-\[1\.5\] svg {
        stroke-width: 1.5px;
    }

    .group-aria-selected\:\[\&_svg\]\:scale-\[103\%\]:is( :where(.group)[aria-selected="true"] *) svg {
        scale: 1.03;
    }

    .\[\&_svg\]\:data-\[state\=delayed-open\]\:fill-foreground-lighter svg[data-state="delayed-open"],
    .\[\&_svg\]\:data-\[state\=instant-open\]\:fill-foreground-lighter svg[data-state="instant-open"] {
        fill: hsl(var(--foreground-lighter));
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }

    .\[\&_table\]\:mb-1 table {
        margin-bottom: calc(var(--spacing) * 1);
    }

    .\[\&_table\]\:border-b table {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }

    .\[\&_table\]\:border-border table {
        border-color: hsl(var(--border-default));
    }

    .\[\&_tbody_td\]\:px-card tbody td {
        padding-inline: var(--card-padding-x);
    }

    .\[\&_tbody_td\]\:py-2\.5 tbody td {
        padding-block: calc(var(--spacing) * 2.5);
    }

    .\[\&_tbody_td\]\:text-xs tbody td {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .\[\&_td\]\:before\:opacity-100 td:before {
        content: var(--tw-content);
        opacity: 1;
    }

    .\[\&_td\:last-child\]\:before\:absolute td:last-child:before {
        content: var(--tw-content);
        position: absolute;
    }

    .\[\&_td\:last-child\]\:before\:top-0 td:last-child:before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
    }

    .\[\&_td\:last-child\]\:before\:bottom-0 td:last-child:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
    }

    .\[\&_td\:last-child\]\:before\:-left-6 td:last-child:before {
        content: var(--tw-content);
        left: calc(var(--spacing) * -6);
    }

    .\[\&_td\:last-child\]\:before\:z-39 td:last-child:before {
        content: var(--tw-content);
        z-index: 39;
    }

    .\[\&_td\:last-child\]\:before\:w-6 td:last-child:before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 6);
    }

    .\[\&_td\:last-child\]\:before\:bg-linear-to-l td:last-child:before {
        content: var(--tw-content);
        --tw-gradient-position: to left;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .\[\&_td\:last-child\]\:before\:bg-linear-to-l td:last-child:before {
            --tw-gradient-position: to left in oklab;
        }
    }

    .\[\&_td\:last-child\]\:before\:bg-linear-to-l td:last-child:before {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .\[\&_td\:last-child\]\:before\:from-black\/5 td:last-child:before {
        content: var(--tw-content);
        --tw-gradient-from: #0000000d;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .\[\&_td\:last-child\]\:before\:from-black\/5 td:last-child:before {
            --tw-gradient-from: color-mix(in oklab,
                    var(--color-black) 5%,
                    transparent);
        }
    }

    .\[\&_td\:last-child\]\:before\:from-black\/5 td:last-child:before {
        --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));
    }

    .\[\&_td\:last-child\]\:before\:to-transparent td:last-child: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));
    }

    .\[\&_td\:last-child\]\:before\:opacity-0 td:last-child:before {
        content: var(--tw-content);
        opacity: 0;
    }

    .\[\&_td\:last-child\]\:before\:transition-all td:last-child:before {
        content: var(--tw-content);
        transition-property: all;
        transition-timing-function: var(--tw-ease,
                var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .\[\&_td\:last-child\]\:before\:duration-400 td:last-child:before {
        content: var(--tw-content);
        --tw-duration: 0.4s;
        transition-duration: 0.4s;
    }

    .dark\:\[\&_td\:last-child\]\:before\:from-black\/20:where([data-theme*="dark"] *,
        [data-theme*="dark"]) td:last-child:before {
        content: var(--tw-content);
        --tw-gradient-from: #0003;
    }

    @supports (color: color-mix(in lab, red, red)) {

        .dark\:\[\&_td\:last-child\]\:before\:from-black\/20:where([data-theme*="dark"] *,
            [data-theme*="dark"]) td:last-child:before {
            --tw-gradient-from: color-mix(in oklab,
                    var(--color-black) 20%,
                    transparent);
        }
    }

    .dark\:\[\&_td\:last-child\]\:before\:from-black\/20:where([data-theme*="dark"] *,
        [data-theme*="dark"]) td:last-child:before {
        --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));
    }

    .\[\&_textarea\]\:min-h-\[100px\] textarea {
        min-height: 100px;
    }

    .\[\&_textarea\]\:bg-foreground\/\[\.026\] textarea {
        background-color: hsl(var(--foreground-default));
    }

    @supports (color: color-mix(in lab, red, red)) {
        .\[\&_textarea\]\:bg-foreground\/\[\.026\] textarea {
            background-color: color-mix(in oklab,
                    hsl(var(--foreground-default)) 2.6%,
                    transparent);
        }
    }

    .\[\&_th\:last-child\]\:before\:absolute th:last-child:before {
        content: var(--tw-content);
        position: absolute;
    }

    .\[\&_th\:last-child\]\:before\:top-0 th:last-child:before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
    }

    .\[\&_th\:last-child\]\:before\:bottom-0 th:last-child:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
    }

    .\[\&_th\:last-child\]\:before\:-left-6 th:last-child:before {
        content: var(--tw-content);
        left: calc(var(--spacing) * -6);
    }

    .\[\&_th\:last-child\]\:before\:z-39 th:last-child:before {
        content: var(--tw-content);
        z-index: 39;
    }

    .\[\&_th\:last-child\]\:before\:w-6 th:last-child:before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 6);
    }

    .\[\&_th\:last-child\]\:before\:bg-linear-to-l th:last-child:before {
        content: var(--tw-content);
        --tw-gradient-position: to left;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .\[\&_th\:last-child\]\:before\:bg-linear-to-l th:last-child:before {
            --tw-gradient-position: to left in oklab;
        }
    }

    .\[\&_th\:last-child\]\:before\:bg-linear-to-l th:last-child:before {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .\[\&_th\:last-child\]\:before\:from-black\/5 th:last-child:before {
        content: var(--tw-content);
        --tw-gradient-from: #0000000d;
    }

    @supports (color: color-mix(in lab, red, red)) {
        .\[\&_th\:last-child\]\:before\:from-black\/5 th:last-child:before {
            --tw-gradient-from: color-mix(in oklab,
                    var(--color-black) 5%,
                    transparent);
        }
    }

    .\[\&_th\:last-child\]\:before\:from-black\/5 th:last-child:before {
        --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));
    }

    .\[\&_th\:last-child\]\:before\:to-transparent th:last-child: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));
    }

    .\[\&_th\:last-child\]\:before\:opacity-0 th:last-child:before {
        content: var(--tw-content);
        opacity: 0;
    }

    .\[\&_th\:last-child\]\:before\:opacity-100 th:last-child:before {
        content: var(--tw-content);
        opacity: 1;
    }

    .\[\&_th\:last-child\]\:before\:transition-all th:last-child:before {
        content: var(--tw-content);
        transition-property: all;
        transition-timing-function: var(--tw-ease,
                var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .\[\&_th\:last-child\]\:before\:duration-400 th:last-child:before {
        content: var(--tw-content);
        --tw-duration: 0.4s;
        transition-duration: 0.4s;
    }

    .dark\:\[\&_th\:last-child\]\:before\:from-black\/20:where([data-theme*="dark"] *,
        [data-theme*="dark"]) th:last-child:before {
        content: var(--tw-content);
        --tw-gradient-from: #0003;
    }

    @supports (color: color-mix(in lab, red, red)) {

        .dark\:\[\&_th\:last-child\]\:before\:from-black\/20:where([data-theme*="dark"] *,
            [data-theme*="dark"]) th:last-child:before {
            --tw-gradient-from: color-mix(in oklab,
                    var(--color-black) 20%,
                    transparent);
        }
    }

    .dark\:\[\&_th\:last-child\]\:before\:from-black\/20:where([data-theme*="dark"] *,
        [data-theme*="dark"]) th:last-child:before {
        --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));
    }

    .\[\&_th\>\*\:last-child\]\:bg-surface-100 th> :last-child {
        background-color: hsl(var(--background-surface-100));
    }

    .\[\&_thead_th\]\:h-auto thead th {
        height: auto;
    }

    .\[\&_thead_th\]\:\!px-card thead th {
        padding-inline: var(--card-padding-x) !important;
    }

    .\[\&_thead_th\]\:py-2\! thead th {
        padding-block: calc(var(--spacing) * 2) !important;
    }

    .\[\&_thead_tr\]\:bg-transparent\! thead tr {
        background-color: #0000 !important;
    }

    .\[\&_tr\]\:border-b tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }

    .\[\&_tr\]\:border-border tr {
        border-color: hsl(var(--border-default));
    }

    .\[\&_tr\:hover\>\*\:last-child\]\:bg-transparent tr:hover> :last-child {
        background-color: #0000;
    }

    .\[\&_tr\:hover\>td\:last-child\]\:\!bg-surface-200 tr:hover>td:last-child {
        background-color: hsl(var(--background-surface-200)) !important;
    }

    .\[\&_tr\:last-child\]\:border-0 tr:last-child {
        border-style: var(--tw-border-style);
        border-width: 0;
    }

    .\[\&_tr\>\*\:last-child\]\:sticky tr> :last-child {
        position: sticky;
    }

    .\[\&_tr\>\*\:last-child\]\:right-0 tr> :last-child {
        right: calc(var(--spacing) * 0);
    }

    .\[\&_tr\>\*\:last-child\]\:z-38 tr> :last-child {
        z-index: 38;
    }

    .\[\&_tr\>\*\:last-child\]\:before\:opacity-100 tr> :last-child:before {
        content: var(--tw-content);
        opacity: 1;
    }

    .\[\&_ul\]\:\!my-1\.5 ul {
        margin-block: calc(var(--spacing) * 1.5) !important;
    }

    @media (hover: hover) {
        .\[\&\.hovering-badge\>td\]\:hover\:bg-transparent\!.hovering-badge>td:hover {
            background-color: #0000 !important;
        }
    }

    .\[\&\.next-image--dynamic-fill_img\]\:h-full\!.next-image--dynamic-fill img {
        height: 100% !important;
    }

    .\[\&\.next-image--dynamic-fill_img\]\:object-cover\!.next-image--dynamic-fill img {
        object-fit: cover !important;
    }

    .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
        display: none;
    }

    .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
    }

    .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md);
    }

    .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
        padding-right: calc(var(--spacing) * 0);
    }

    .\[\.border-b\]\:pb-3.border-b {
        padding-bottom: calc(var(--spacing) * 3);
    }

    .\[\.border-t\]\:pt-3.border-t {
        padding-top: calc(var(--spacing) * 3);
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:bg-transparent\! *)[cmdk-group-heading] {
        background-color: #0000 !important;
    }

    :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\]\]\:pb-1\.5 *)[cmdk-group-heading] {
        padding-bottom: calc(var(--spacing) * 1.5);
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-mono *)[cmdk-group-heading] {
        font-family: var(--font-source-code-pro,
                Source Code Pro,
                Office Code Pro,
                Menlo,
                monospace);
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-sm *)[cmdk-group-heading] {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-xs *)[cmdk-group-heading] {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--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\]\]\:font-normal *)[cmdk-group-heading] {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:tracking-wider *)[cmdk-group-heading] {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider);
    }

    :is(.\*\*\:\[\[cmdk-group-heading\]\]\:uppercase *)[cmdk-group-heading] {
        text-transform: uppercase;
    }

    :is(.\*\*\:\[\[cmdk-group\]\]\:bg-transparent\! *)[cmdk-group] {
        background-color: #0000 !important;
    }

    :is(.\*\*\:\[\[cmdk-group\]\]\:px-2 *)[cmdk-group] {
        padding-inline: calc(var(--spacing) * 2);
    }

    :is(.\*\*\:\[\[cmdk-input-wrapper\]\]\:border-t *)[cmdk-input-wrapper] {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }

    :is(.\*\*\:\[\[cmdk-input-wrapper\]\]\:border-b-0 *)[cmdk-input-wrapper] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
    }

    :is(.\*\*\:\[\[cmdk-input-wrapper\]\]\:border-solid *)[cmdk-input-wrapper] {
        --tw-border-style: solid;
        border-style: solid;
    }

    :is(.\*\*\:\[\[cmdk-input\]\]\:h-12 *)[cmdk-input] {
        height: calc(var(--spacing) * 12);
    }

    :is(.\*\*\:\[\[cmdk-item\]\]\:px-2 *)[cmdk-item] {
        padding-inline: calc(var(--spacing) * 2);
    }

    :is(.\*\*\:\[\[cmdk-item\]\]\:py-3 *)[cmdk-item] {
        padding-block: calc(var(--spacing) * 3);
    }

    .\[\&\>\*\:first-child\:not\(style\)\:not\(script\)\]\:mt-0> :first-child:not(style):not(script) {
        margin-top: calc(var(--spacing) * 0);
    }

    .\[\&\>\*\:last-child\]\:border-b-0> :last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
    }

    .\[\&\>\*\:last-child\:not\(style\)\:not\(script\)\]\:mb-0> :last-child:not(style):not(script) {
        margin-bottom: calc(var(--spacing) * 0);
    }

    @media (min-width: 40rem) {
        .sm\:\[\&\>\*\:not\(nav\)\+\*\]\:ml-4> :not(nav)+* {
            margin-left: calc(var(--spacing) * 4);
        }
    }

    .\[\&\>\.sr-only\]\:w-auto>.sr-only {
        width: auto;
    }

    .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) [role="radio"],
    .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"])>[role="checkbox"] {
        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="radio"],
        .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"])>[role="checkbox"] {
            margin-top: 1px;
        }
    }

    .\[\&\>a\]\:underline>a {
        text-decoration-line: underline;
    }

    .\[\&\>a\]\:underline-offset-4>a {
        text-underline-offset: 4px;
    }

    .\[\&\>button\]\:hidden>button {
        display: none;
    }

    .\[\&\>div\]\:rounded-none\!>div {
        border-radius: 0 !important;
    }

    @media (min-width: 48rem) {
        .\[\&\>div\]\:md\:w-full>div {
            width: 100%;
        }
    }

    @media (min-width: 64rem) {
        .\[\&\>div\.grid\]\:lg\:grid-cols-5>div.grid {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }

        .\[\&\>div\:first-child\]\:lg\:mr-0\!>div:first-child {
            margin-right: calc(var(--spacing) * 0) !important;
        }

        .\[\&\>div\:first-child\]\:lg\:max-w-none\!>div:first-child {
            max-width: none !important;
        }
    }

    @media (min-width: 40rem) {
        .\[\&\>div\:nth-child\(2\)\]\:sm\:border-t-0\!>div:nth-child(2) {
            border-top-style: var(--tw-border-style) !important;
            border-top-width: 0 !important;
        }

        .\[\&\>div\:nth-child\(2n\+1\)\]\:sm\:border-l-0\!>div:nth-child(odd) {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 0 !important;
        }
    }

    @media (min-width: 64rem) {
        .\[\&\>div\:nth-child\(3\)\]\:lg\:border-t-0\!>div:nth-child(3) {
            border-top-style: var(--tw-border-style) !important;
            border-top-width: 0 !important;
        }

        .\[\&\>div\:nth-child\(3n-1\)\]\:lg\:border-l\!>div:nth-child(3n-1),
        .\[\&\>div\:nth-child\(3n\)\]\:lg\:border-l\!>div:nth-child(3n) {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 1px !important;
        }

        .\[\&\>div\:nth-child\(4n\)\]\:lg\:border-l-0\!>div:nth-child(4n) {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 0 !important;
        }
    }

    .\[\&\>figure\]\:m-0\!>figure {
        margin: calc(var(--spacing) * 0) !important;
    }

    .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-2:has(> [data-align="inline-end"])>input {
        padding-right: calc(var(--spacing) * 2);
    }

    .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(> [data-align="inline-start"])>input {
        padding-left: calc(var(--spacing) * 2);
    }

    .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd {
        border-radius: calc(var(--radius) - 5px);
    }

    .\[\&\>nav\]\:border-b-0>nav {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
    }

    .\[\&\>script\:first-child\+\*\]\:mt-0>script:first-child+* {
        margin-top: calc(var(--spacing) * 0);
    }

    .\[\&\>span\]\:flex>span {
        display: flex;
    }

    .\[\&\>span\]\:items-center>span {
        align-items: center;
    }

    .\[\&\>span\]\:gap-2>span {
        gap: calc(var(--spacing) * 2);
    }

    .\[\&\>span\:last-child\]\:truncate>span:last-child,
    .\[\&\>span\]\:truncate>span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .\[\&\>style\:first-child\+\*\]\:mt-0>style:first-child+* {
        margin-top: calc(var(--spacing) * 0);
    }

    .\[\&\>svg\]\:absolute>svg {
        position: absolute;
    }

    .\[\&\>svg\]\:top-4>svg {
        top: calc(var(--spacing) * 4);
    }

    .\[\&\>svg\]\:left-4>svg {
        left: calc(var(--spacing) * 4);
    }

    .\[\&\>svg\]\:flex>svg {
        display: flex;
    }

    .\[\&\>svg\]\:size-3\.5>svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }

    .\[\&\>svg\]\:size-5>svg {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
    }

    .\[\&\>svg\]\:h-2\.5>svg {
        height: calc(var(--spacing) * 2.5);
    }

    .\[\&\>svg\]\:h-3>svg {
        height: calc(var(--spacing) * 3);
    }

    .\[\&\>svg\]\:h-\[23px\]>svg {
        height: 23px;
    }

    .\[\&\>svg\]\:w-2\.5>svg {
        width: calc(var(--spacing) * 2.5);
    }

    .\[\&\>svg\]\:w-3>svg {
        width: calc(var(--spacing) * 3);
    }

    .\[\&\>svg\]\:w-\[23px\]>svg {
        width: 23px;
    }

    .\[\&\>svg\]\:shrink-0>svg {
        flex-shrink: 0;
    }

    .\[\&\>svg\]\:rotate-90>svg {
        rotate: 90deg;
    }

    .\[\&\>svg\]\:rounded-sm>svg {
        border-radius: var(--radius-sm);
    }

    .\[\&\>svg\]\:bg-brand>svg {
        background-color: hsl(var(--brand-default));
    }

    .\[\&\>svg\]\:bg-destructive-600>svg {
        background-color: hsl(var(--destructive-600));
    }

    .\[\&\>svg\]\:bg-foreground>svg {
        background-color: hsl(var(--foreground-default));
    }

    .\[\&\>svg\]\:bg-foreground-muted>svg {
        background-color: hsl(var(--foreground-muted));
    }

    .\[\&\>svg\]\:bg-warning-600>svg {
        background-color: hsl(var(--warning-600));
    }

    .\[\&\>svg\]\:fill-current>svg {
        fill: currentColor;
    }

    .\[\&\>svg\]\:p-1>svg {
        padding: calc(var(--spacing) * 1);
    }

    .\[\&\>svg\]\:text-background>svg {
        color: hsl(var(--background-default));
    }

    .\[\&\>svg\]\:text-destructive-200>svg {
        color: hsl(var(--destructive-200));
    }

    .\[\&\>svg\]\:text-foreground>svg {
        color: hsl(var(--foreground-default));
    }

    .\[\&\>svg\]\:text-foreground-muted>svg {
        color: hsl(var(--foreground-muted));
    }

    .\[\&\>svg\]\:text-sidebar-accent-foreground>svg {
        color: hsl(var(--sidebar-accent-foreground));
    }

    .\[\&\>svg\]\:text-warning-200>svg {
        color: hsl(var(--warning-200));
    }

    .\[\&\>svg\]\:text-white>svg {
        color: var(--color-white);
    }

    .\[\&\>svg\]\:transition-transform>svg {
        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));
    }

    .\[\&\>svg\]\:data-\[state\=\'open\'\]\:rotate-180>svg[data-state="open"] {
        rotate: 180deg;
    }

    .dark\:\[\&\>svg\]\:bg-brand-500\/50:where([data-theme*="dark"] *,
        [data-theme*="dark"])>svg {
        background-color: hsl(var(--brand-500));
    }

    @supports (color: color-mix(in lab, red, red)) {

        .dark\:\[\&\>svg\]\:bg-brand-500\/50:where([data-theme*="dark"] *,
            [data-theme*="dark"])>svg {
            background-color: color-mix(in oklab,
                    hsl(var(--brand-500)) 50%,
                    transparent);
        }
    }

    .dark\:\[\&\>svg\]\:text-brand-link:where([data-theme*="dark"] *,
        [data-theme*="dark"])>svg {
        color: hsl(var(--brand-link));
    }

    .\[\&\>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);
    }

    .\[\&\>svg\~\*\]\:pl-10>svg~* {
        padding-left: calc(var(--spacing) * 10);
    }

    @media (hover: hover) {
        .\[\&\>td\]\:hover\:bg-inherit>td:hover {
            background-color: inherit;
        }
    }

    .\[\&\>textarea\]\:rounded-md>textarea {
        border-radius: var(--radius-md);
    }

    .\[\&\>textarea\]\:border>textarea {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }

    .\[\&\>textarea\]\:ring-0\!>textarea {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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;
    }

    .\[\&\>textarea\]\:ring-offset-0\!>textarea {
        --tw-ring-offset-width: 0px !important;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    }

    .\[\&\>textarea\]\:outline-hidden\!>textarea {
        --tw-outline-style: none !important;
        outline-style: none !important;
    }

    @media (forced-colors: active) {
        .\[\&\>textarea\]\:outline-hidden\!>textarea {
            outline-offset: 2px !important;
            outline: 2px solid #0000 !important;
        }
    }

    .\[\&\>tr\]\:bg-200>tr {
        background-color: hsl(var(--background-200));
    }

    .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation="horizontal"]>div {
        rotate: 90deg;
    }

    .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"]>svg,
    .\[\&\[data-state\=open\]_svg\]\:rotate-180[data-state="open"] svg {
        rotate: 180deg;
    }

    [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
        right: calc(var(--spacing) * -2);
    }

    [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
        cursor: e-resize;
    }

    [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
        left: calc(var(--spacing) * -2);
    }

    [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
        cursor: w-resize;
    }

    @media (hover: hover) {
        [data-theme*="dark"] .\[\[data-theme\*\=dark\]_\&\]\:group-hover\:text-brand-1000:is( :where(.group):hover *) {
            color: var(--color-brand-1000);
        }
    }

    [data-variant="legend"]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
        margin-top: calc(var(--spacing) * -1.5);
    }

    .run {
        animation-play-state: running;
    }

    .pause {
        animation-play-state: paused;
    }

    .gradient-text-brand-100,
    .gradient-text-brand-300 {
        background-image: linear-gradient(45deg,
                hsl(var(--brand-500)) 0,
                hsl(var(--brand-default)) 100%);
    }

    .gradient-text-100 {
        background-image: -webkit-linear-gradient(45deg,
                #fff 0,
                var(--color-green-1200) 100%);
    }

    .gradient-text-500 {
        background-image: -webkit-linear-gradient(45deg,
                hsl(var(--foreground-lighter)) 0,
                hsl(var(--foreground-default)) 100%);
    }

    .gradient-text-pink-500 {
        --tw-gradient-position: to bottom right;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .gradient-text-pink-500 {
            --tw-gradient-position: to bottom right in oklab;
        }
    }

    .gradient-text-pink-500 {
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: #c867ee;
        --tw-gradient-to: #f6a4f3;
        --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));
        color: #0000;
        -webkit-background-clip: text;
        background-clip: text;
    }

    .gradient-text-purple-500 {
        --tw-gradient-position: to bottom right;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .gradient-text-purple-500 {
            --tw-gradient-position: to bottom right in oklab;
        }
    }

    .gradient-text-purple-500 {
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: #902dfb;
        --tw-gradient-to: #d87bf5;
        --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));
        color: #0000;
        -webkit-background-clip: text;
        background-clip: text;
    }

    .gradient-text-purple-800 {
        --tw-gradient-position: to bottom right;
    }

    @supports (background-image: linear-gradient(in lab, red, red)) {
        .gradient-text-purple-800 {
            --tw-gradient-position: to bottom right in oklab;
        }
    }

    .gradient-text-purple-800 {
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: #5900ea;
        --tw-gradient-to: #a242e5;
        --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));
        color: #0000;
        -webkit-background-clip: text;
        background-clip: text;
    }

    .gradient-text-gold-500 {
        background-image: -webkit-linear-gradient(45deg, #e4b641 100%, #f5bf0069 0);
    }

    .radial-gradient-text-500 {
        background: radial-gradient(45% 100%, #fff 0, #ffffff59 100%);
    }

    .radial-gradient-text-600 {
        background: radial-gradient(45% 100%, #fff 0, #fff9 100%);
    }
}

@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 {
    --colors-black: 0deg 0% 0%;
    --colors-white: 0deg 0% 100%;
    --colors-gray-dark-100: 0deg 0% 8.6%;
    --colors-gray-dark-200: 0deg 0% 11%;
    --colors-gray-dark-300: 0deg 0% 13.7%;
    --colors-gray-dark-400: 0deg 0% 15.7%;
    --colors-gray-dark-500: 0deg 0% 18%;
    --colors-gray-dark-600: 0deg 0% 20.4%;
    --colors-gray-dark-700: 0deg 0% 24.3%;
    --colors-gray-dark-800: 0deg 0% 31.4%;
    --colors-gray-dark-900: 0deg 0% 43.9%;
    --colors-gray-dark-1000: 0deg 0% 49.4%;
    --colors-gray-dark-1100: 0deg 0% 62.7%;
    --colors-gray-dark-1200: 0deg 0% 92.9%;
    --colors-gray-dark-alpha-100: #0000;
    --colors-gray-dark-alpha-200: #ffffff08;
    --colors-gray-dark-alpha-300: #ffffff0f;
    --colors-gray-dark-alpha-400: #ffffff14;
    --colors-gray-dark-alpha-500: #ffffff1a;
    --colors-gray-dark-alpha-600: #ffffff21;
    --colors-gray-dark-alpha-700: #ffffff2b;
    --colors-gray-dark-alpha-800: #ffffff40;
    --colors-gray-dark-alpha-900: #ffffff63;
    --colors-gray-dark-alpha-1000: #ffffff73;
    --colors-gray-dark-alpha-1100: #ffffff96;
    --colors-gray-dark-alpha-1200: #ffffffeb;
    --colors-gray-light-100: 0deg 0% 98.8%;
    --colors-gray-light-200: 0deg 0% 97.3%;
    --colors-gray-light-300: 0deg 0% 95.3%;
    --colors-gray-light-400: 0deg 0% 92.9%;
    --colors-gray-light-500: 0deg 0% 91%;
    --colors-gray-light-600: 0deg 0% 88.6%;
    --colors-gray-light-700: 0deg 0% 85.9%;
    --colors-gray-light-800: 0deg 0% 78%;
    --colors-gray-light-900: 0deg 0% 56.1%;
    --colors-gray-light-1000: 0deg 0% 52.2%;
    --colors-gray-light-1100: 0deg 0% 43.5%;
    --colors-gray-light-1200: 0deg 0% 9%;
    --colors-gray-light-alpha-100: #00000003;
    --colors-gray-light-alpha-200: #00000008;
    --colors-gray-light-alpha-300: #0000000d;
    --colors-gray-light-alpha-400: #00000012;
    --colors-gray-light-alpha-500: #00000017;
    --colors-gray-light-alpha-600: #0000001c;
    --colors-gray-light-alpha-700: #00000024;
    --colors-gray-light-alpha-800: #00000038;
    --colors-gray-light-alpha-900: #00000070;
    --colors-gray-light-alpha-1000: #0000007a;
    --colors-gray-light-alpha-1100: #0000008f;
    --colors-gray-light-alpha-1200: #000000e8;
    --colors-slate-dark-100: 200deg 6.7% 8.8%;
    --colors-slate-dark-200: 195deg 7.1% 11%;
    --colors-slate-dark-300: 192deg 7.2% 13.5%;
    --colors-slate-dark-400: 204deg 6.2% 15.9%;
    --colors-slate-dark-500: 200deg 6.5% 18%;
    --colors-slate-dark-600: 205.7deg 6.7% 20.6%;
    --colors-slate-dark-700: 202.5deg 6.5% 24.3%;
    --colors-slate-dark-800: 206.7deg 5.6% 31.6%;
    --colors-slate-dark-900: 205.7deg 6.3% 43.9%;
    --colors-slate-dark-1000: 207.7deg 5.1% 49.6%;
    --colors-slate-dark-1100: 207.3deg 5.8% 62.9%;
    --colors-slate-dark-1200: 210deg 5.6% 92.9%;
    --colors-slate-dark-alpha-100: #0000;
    --colors-slate-dark-alpha-200: #d5feff08;
    --colors-slate-dark-alpha-300: #d6fbfc0f;
    --colors-slate-dark-alpha-400: #e2f0fd14;
    --colors-slate-dark-alpha-500: #dff3fd1c;
    --colors-slate-dark-alpha-600: #dfeffe24;
    --colors-slate-dark-alpha-700: #e0f3ff2e;
    --colors-slate-dark-alpha-800: #e5f2fe42;
    --colors-slate-dark-alpha-900: #e1f1ff69;
    --colors-slate-dark-alpha-1000: #e7f3ff78;
    --colors-slate-dark-alpha-1100: #eff7ff9e;
    --colors-slate-dark-alpha-1200: #fdfeffed;
    --colors-slate-light-100: 210deg 33.3% 98.8%;
    --colors-slate-light-200: 210deg 16.7% 97.6%;
    --colors-slate-light-300: 210deg 16.7% 95.3%;
    --colors-slate-light-400: 210deg 11.8% 93.3%;
    --colors-slate-light-500: 216deg 11.1% 91.2%;
    --colors-slate-light-600: 205.7deg 12.3% 88.8%;
    --colors-slate-light-700: 210deg 11.1% 85.9%;
    --colors-slate-light-800: 205deg 10.7% 78%;
    --colors-slate-light-900: 205.7deg 6.3% 56.1%;
    --colors-slate-light-1000: 205.7deg 5.7% 52.2%;
    --colors-slate-light-1100: 205.7deg 6.3% 43.5%;
    --colors-slate-light-1200: 201.8deg 24.4% 8.8%;
    --colors-slate-light-alpha-100: #05448205;
    --colors-slate-light-alpha-200: #05294d08;
    --colors-slate-light-alpha-300: #0025490d;
    --colors-slate-light-alpha-400: #021c3714;
    --colors-slate-light-alpha-500: #0217351a;
    --colors-slate-light-alpha-600: #01213921;
    --colors-slate-light-alpha-700: #001a3329;
    --colors-slate-light-alpha-800: #011e323d;
    --colors-slate-light-alpha-900: #00111e78;
    --colors-slate-light-alpha-1000: #00101b82;
    --colors-slate-light-alpha-1100: #000e1896;
    --colors-slate-light-alpha-1200: #00080ced;
    --variables-colors-brand-primary: 221deg 97% 54%;
    --variables-colors-brand-accent: 152.9deg 56.1% 46.5%;
    --spacing-scale: 2px;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 32px;
    --spacing-xl: 64px;
    --sizing-scale: 1.5px;
    --sizing-xs: 4px;
    --sizing-sm: 6px;
    --sizing-md: 9px;
    --sizing-lg: 13.5px;
    --sizing-xl: 20.25px;
    --borderradius-sm: 4px;
    --borderradius-lg: 8px;
    --borderradius-xl: 16px;
    --borderradius-xs: 2px;
    --borderradius-tableheader: 4px;
    --borderwidth-none: 0;
    --borderwidth-xs: 1px;
    --borderwidth-sm: 2px;
    --borderwidth-md: 4px;
    --borderwidth-lg: 8px;
    --icon-xs: 12px;
    --icon-sm: 16px;
    --icon-md: 18px;
    --iconwidth-default: 1px;
    --panel: 2px;
    --padding-x-sm: 1rem;
    --padding-x-md: 1.5rem;
    --card-padding-x: var(--padding-x-sm);
    --card-padding-x-md: var(--padding-x-md);
    --datatable-headericon: 16px;
    --datatable-rowheight: 28px;
    --options-icon: 18px;
    --input-sm-height: 28px;
    --panel2: 4px;
    --xxl: 128px;
    --content-width-screen-xl: 1128px;
    --font-family-body: Inter;
}

.dark,
[data-theme="dark"] {
    /*  */
    --helpers-os-appearance: Dark;
    --code-block-5: 13.8deg 89.7% 69.6%;
    --code-block-4: 276.1deg 67.7% 74.5%;
    --code-block-3: 83.8deg 61.7% 63.1%;
    --code-block-2: 33.2deg 90.3% 75.7%;
    --code-block-1: 170.8deg 43.1% 61.4%;
    --secondary-default: 247.8deg 100% 70%;
    --secondary-400: 248.3deg 54.5% 25.9%;
    --secondary-200: 248deg 53.6% 11%;
    --brand-link: 221deg 100% 38.6%;
    --brand-default: 221deg 97% 54%;
    --brand-600: 221deg 97% 65%;
    /* lighter */
    --brand-500: 221deg 97% 54%;
    /* base (#165dfc) */
    --brand-400: 221deg 97% 45%;
    --brand-300: 221deg 95% 35%;
    --brand-200: 221deg 90% 25%;
    --brand-100: 221deg 85% 15%;
    --brand-50: 221deg 80% 10%;
    --warning-default: 38.9deg 100% 42.9%;
    --warning-600: 38.9deg 100% 42.9%;
    --warning-500: 34.8deg 90.9% 21.6%;
    --warning-400: 33.2deg 100% 14.5%;
    --warning-300: 32.3deg 100% 10.2%;
    --warning-200: 36.6deg 100% 8%;
    --destructive-default: 10.2deg 77.9% 53.9%;
    --destructive-600: 9.7deg 85.2% 62.9%;
    --destructive-500: 7.9deg 71.6% 29%;
    --destructive-400: 6.7deg 60% 20.6%;
    --destructive-300: 7.5deg 51.3% 15.3%;
    --destructive-200: 10.9deg 23.4% 9.2%;
    --border-stronger: 0deg 0% 27.1%;
    --border-strong: 0deg 0% 21.2%;
    --border-alternative: 0deg 0% 26.7%;
    --border-control: 0deg 0% 22.4%;
    --border-overlay: 0deg 0% 20%;
    --border-secondary: 0deg 0% 14.1%;
    --border-muted: 0deg 0% 14.1%;
    --border-default: 0deg 0% 18%;
    --background-dash-canvas: 0deg 0% 7.1%;
    --background-dash-sidebar: 0deg 0% 9%;
    --background-dialog-default: 0deg 0% 7.1%;
    --background-muted: 0deg 0% 14.1%;
    --background-overlay-hover: 0deg 0% 18%;
    --background-overlay-default: 0deg 0% 14.1%;
    --background-surface-400: 0deg 0% 16.1%;
    --background-surface-300: 0deg 0% 16.1%;
    --background-surface-200: 0deg 0% 12.9%;
    --background-surface-100: 0deg 0% 12.2%;
    --background-surface-75: 0deg 0% 9%;
    --background-control: 0deg 0% 14.1%;
    --background-selection: 0deg 0% 19.2%;
    --background-alternative-default: 0deg 0% 5.9%;
    --background-default: 0deg 0% 7.1%;
    --background-200: 0deg 0% 9%;
    --foreground-contrast: 0deg 0% 8.6%;
    --foreground-muted: 0deg 0% 30.2%;
    --foreground-lighter: 0deg 0% 53.7%;
    --foreground-light: 0deg 0% 70.6%;
    --foreground-default: 0deg 0% 98%;
    --border-button-hover: var(--colors-gray-dark-800);
    --border-button-default: var(--colors-gray-dark-700);
    --background-button-default: var(--colors-gray-dark-500);
    --background-alternative-200: var(--colors-gray-dark-200);
}

.light,
[data-theme="light"] {
    --helpers-os-appearance: Light;
    --code-block-5: 14deg 80.4% 58%;
    --code-block-4: 276.3deg 60% 52.9%;
    --code-block-3: 83.8deg 61.6% 48%;
    --code-block-2: 33.1deg 80% 52.9%;
    --code-block-1: 170.6deg 43.2% 51%;
    --secondary-default: 247.8deg 100% 70%;
    --secondary-400: 248.3deg 54.5% 25.9%;
    --secondary-200: 248deg 53.6% 11%;
    --brand-link: 221deg 100% 38.6%;
    --brand-default: 221deg 97% 54%;
    --brand-600: 221deg 97% 65%;
    --brand-500: 221deg 97% 54%;
    --brand-400: 221deg 97% 45%;
    --brand-300: 221deg 95% 35%;
    --brand-200: 221deg 90% 25%;
    --warning-default: 30.3deg 80.3% 47.8%;
    --warning-600: 30.3deg 80.3% 47.8%;
    --warning-500: 36.3deg 85.7% 67.1%;
    --warning-400: 41.9deg 100% 81.8%;
    --warning-300: 44.3deg 100% 91.8%;
    --warning-200: 40deg 81.8% 97.8%;
    --destructive-default: 10.2deg 77.9% 53.9%;
    --destructive-600: 9.9deg 82% 43.5%;
    --destructive-500: 10.4deg 77.1% 79.4%;
    --destructive-400: 7.1deg 91.3% 91%;
    --destructive-300: 7.1deg 100% 96.7%;
    --destructive-200: 0deg 100% 99.4%;
    --border-stronger: 0deg 0% 56.1%;
    --border-strong: 0deg 0% 83.1%;
    --border-default: 0deg 0% 87.5%;
    --background-dialog-default: 0deg 0% 100%;
    --background-muted: 0deg 0% 96.9%;
    --background-surface-400: 0deg 0% 89.8%;
    --background-surface-300: 0deg 0% 92.9%;
    --background-surface-200: 0deg 0% 95.3%;
    --background-surface-100: 0deg 0% 98.8%;
    --background-surface-75: 0deg 0% 100%;
    --background-alternative-default: 0deg 0% 99.2%;
    --background-alternative-200: 0deg 0% 100%;
    --foreground-contrast: 0deg 0% 98.4%;
    --foreground-muted: 0deg 0% 69.8%;
    --foreground-lighter: 0deg 0% 43.9%;
    --foreground-light: 0deg 0% 32.2%;
    --border-button-hover: var(--colors-gray-light-700);
    --border-button-default: var(--colors-gray-light-600);
    --border-alternative: var(--colors-gray-light-500);
    --border-control: var(--colors-gray-light-800);
    --border-overlay: var(--colors-gray-light-500);
    --border-secondary: var(--colors-gray-light-400);
    --border-muted: var(--colors-gray-light-400);
    --background-dash-canvas: var(--colors-gray-light-200);
    --background-dash-sidebar: var(--colors-gray-light-100);
    --background-button-default: var(--colors-gray-light-100);
    --background-overlay-hover: var(--colors-gray-light-300);
    --background-overlay-default: var(--colors-gray-light-100);
    --background-control: var(--colors-gray-light-300);
    --background-selection: var(--colors-gray-light-400);
    --background-default: var(--colors-gray-light-100);
    --background-200: var(--colors-gray-light-200);
    --foreground-default: var(--colors-gray-light-1200);
}

:root {
    --color-amber-100: #fefdfb;
    --color-amber-200: #fff9ed;
    --color-amber-300: #fff4d5;
    --color-amber-400: #ffecbc;
    --color-amber-500: #ffe3a2;
    --color-amber-600: #ffd386;
    --color-amber-700: #f3ba63;
    --color-amber-800: #ee9d2b;
    --color-amber-900: #ffb224;
    --color-amber-1000: #ffa01c;
    --color-amber-1100: #ad5700;
    --color-amber-1200: #4e2009;
    --color-blue-100: #fbfdff;
    --color-blue-200: #f5faff;
    --color-blue-300: #edf6ff;
    --color-blue-400: #e1f0ff;
    --color-blue-500: #cee7fe;
    --color-blue-600: #b7d9f8;
    --color-blue-700: #96c7f2;
    --color-blue-800: #5eb0ef;
    --color-blue-900: #0090ff;
    --color-blue-1000: #0081f1;
    --color-blue-1100: #006adc;
    --color-blue-1200: #00254d;
    --color-crimson-100: #fffcfd;
    --color-crimson-200: #fff7fb;
    --color-crimson-300: #feeff6;
    --color-crimson-400: #fce5f0;
    --color-crimson-500: #f9d8e7;
    --color-crimson-600: #f4c6db;
    --color-crimson-700: #edadc8;
    --color-crimson-800: #e58fb1;
    --color-crimson-900: #e93d82;
    --color-crimson-1000: #e03177;
    --color-crimson-1100: #d31e66;
    --color-crimson-1200: #3d0d1d;
    --color-gold-100: #fdfdfc;
    --color-gold-200: #fbf9f2;
    --color-gold-300: #f5f2e9;
    --color-gold-400: #eeeadd;
    --color-gold-500: #e5dfd0;
    --color-gold-600: #dad1bd;
    --color-gold-700: #cbbda4;
    --color-gold-800: #b8a383;
    --color-gold-900: #978365;
    --color-gold-1000: #8c795d;
    --color-gold-1100: #776750;
    --color-gold-1200: #3b352b;
    --color-gray-100: #fcfcfc;
    --color-gray-200: #f8f8f8;
    --color-gray-300: #f3f3f3;
    --color-gray-400: #ededed;
    --color-gray-500: #e8e8e8;
    --color-gray-600: #e2e2e2;
    --color-gray-700: #dbdbdb;
    --color-gray-800: #c7c7c7;
    --color-gray-900: #8f8f8f;
    --color-gray-1000: #858585;
    --color-gray-1100: #6f6f6f;
    --color-gray-1200: #171717;
    --color-green-100: #fbfefc;
    --color-green-200: #f2fcf5;
    --color-green-300: #e9f9ee;
    --color-green-400: #ddf3e4;
    --color-green-500: #ccebd7;
    --color-green-600: #b4dfc4;
    --color-green-700: #92ceac;
    --color-green-800: #5bb98c;
    --color-green-900: #30a46c;
    --color-green-1000: #299764;
    --color-green-1100: #18794e;
    --color-green-1200: #153226;
    --color-indigo-100: #fdfdfe;
    --color-indigo-200: #f8faff;
    --color-indigo-300: #f0f4ff;
    --color-indigo-400: #e6edfe;
    --color-indigo-500: #d9e2fc;
    --color-indigo-600: #c6d4f9;
    --color-indigo-700: #aec0f5;
    --color-indigo-800: #8da4ef;
    --color-indigo-900: #3e63dd;
    --color-indigo-1000: #3a5ccc;
    --color-indigo-1100: #3451b2;
    --color-indigo-1200: #101d46;
    --color-orange-100: #fefcfb;
    --color-orange-200: #fef8f4;
    --color-orange-300: #fff1e7;
    --color-orange-400: #ffe8d7;
    --color-orange-500: #ffdcc3;
    --color-orange-600: #ffcca7;
    --color-orange-700: #ffb381;
    --color-orange-800: #fa934e;
    --color-orange-900: #f76808;
    --color-orange-1000: #ed5f00;
    --color-orange-1100: #bd4b00;
    --color-orange-1200: #451e11;
    --color-pink-100: #fffcfe;
    --color-pink-200: #fff7fc;
    --color-pink-300: #feeef8;
    --color-pink-400: #fce5f3;
    --color-pink-500: #f9d8ec;
    --color-pink-600: #f3c6e2;
    --color-pink-700: #ecadd4;
    --color-pink-800: #e38ec3;
    --color-pink-900: #d6409f;
    --color-pink-1000: #d23197;
    --color-pink-1100: #cd1d8d;
    --color-pink-1200: #3b0a2a;
    --color-purple-100: #fefcfe;
    --color-purple-200: #fdfaff;
    --color-purple-300: #f9f1fe;
    --color-purple-400: #f3e7fc;
    --color-purple-500: #eddbf9;
    --color-purple-600: #e3ccf4;
    --color-purple-700: #d3b4ed;
    --color-purple-800: #be93e4;
    --color-purple-900: #8e4ec6;
    --color-purple-1000: #8445bc;
    --color-purple-1100: #793aaf;
    --color-purple-1200: #2b0e44;
    --color-red-100: #fffcfc;
    --color-red-200: #fff8f8;
    --color-red-300: #ffefef;
    --color-red-400: #ffe5e5;
    --color-red-500: #fdd8d8;
    --color-red-600: #f9c6c6;
    --color-red-700: #f3aeaf;
    --color-red-800: #eb9091;
    --color-red-900: #e5484d;
    --color-red-1000: #dc3d43;
    --color-red-1100: #cd2b31;
    --color-red-1200: #381316;
    --color-slate-100: #fbfcfd;
    --color-slate-200: #f8f9fa;
    --color-slate-300: #f1f3f5;
    --color-slate-400: #eceef0;
    --color-slate-500: #e6e8eb;
    --color-slate-600: #dfe3e6;
    --color-slate-700: #d7dbdf;
    --color-slate-800: #c1c8cd;
    --color-slate-900: #889096;
    --color-slate-1000: #7e868c;
    --color-slate-1100: #687076;
    --color-slate-1200: #11181c;
    --color-tomato-100: #fffcfc;
    --color-tomato-200: #fff8f7;
    --color-tomato-300: #fff0ee;
    --color-tomato-400: #ffe6e2;
    --color-tomato-500: #fdd8d3;
    --color-tomato-600: #fac7be;
    --color-tomato-700: #f3b0a2;
    --color-tomato-800: #ea9280;
    --color-tomato-900: #e54d2e;
    --color-tomato-1000: #db4324;
    --color-tomato-1100: #ca3214;
    --color-tomato-1200: #341711;
    --color-violet-100: #fdfcfe;
    --color-violet-200: #fbfaff;
    --color-violet-300: #f5f2ff;
    --color-violet-400: #ede9fe;
    --color-violet-500: #e4defc;
    --color-violet-600: #d7cff9;
    --color-violet-700: #c4b8f3;
    --color-violet-800: #aa99ec;
    --color-violet-900: #6e56cf;
    --color-violet-1000: #644fc1;
    --color-violet-1100: #5746af;
    --color-violet-1200: #20134b;
    --color-yellow-100: #fdfdf9;
    --color-yellow-200: #fffce8;
    --color-yellow-300: #fffbd1;
    --color-yellow-400: #fff8bb;
    --color-yellow-500: #fef2a4;
    --color-yellow-600: #f9e68c;
    --color-yellow-700: #efd36c;
    --color-yellow-800: #ebbc00;
    --color-yellow-900: #f5d90a;
    --color-yellow-1000: #f7ce00;
    --color-yellow-1100: #946800;
    --color-yellow-1200: #35290f;
    --color-scale-100: #fbfcfd;
    --color-scale-200: #f8f9fa;
    --color-scale-300: #f1f3f5;
    --color-scale-400: #eceef0;
    --color-scale-500: #e6e8eb;
    --color-scale-600: #dfe3e6;
    --color-scale-700: #d7dbdf;
    --color-scale-800: #c1c8cd;
    --color-scale-900: #889096;
    --color-scale-1000: #7e868c;
    --color-scale-1100: #687076;
    --color-scale-1200: #11181c;
    --color-brand-100: #fafefd;
    --color-brand-200: hsl(var(--brand-200));
    --color-brand-300: hsl(var(--brand-300));
    --color-brand-400: hsl(var(--brand-400));
    --color-brand-500: hsl(var(--brand-500));
    --color-brand-600: hsl(var(--brand-600));
    --color-brand-700: #8ed2af;
    --color-brand-800: #34b27b;
    --color-brand-900: #3fcf8e;
    --color-brand-1000: #40bf86;
    --color-brand-1100: #2b825b;
    --color-brand-1200: #122b20;
}

[data-theme*="dark"] {
    --color-amber-100: #1f1300;
    --color-amber-200: #271700;
    --color-amber-300: #341c00;
    --color-amber-400: #3f2200;
    --color-amber-500: #4a2900;
    --color-amber-600: #573300;
    --color-amber-700: #693f05;
    --color-amber-800: #824e00;
    --color-amber-900: #ffb224;
    --color-amber-1000: #ffcb47;
    --color-amber-1100: #f1a10d;
    --color-amber-1200: #fef3dd;
    --color-blue-100: #0f1720;
    --color-blue-200: #0f1b2d;
    --color-blue-300: #10243e;
    --color-blue-400: #102a4c;
    --color-blue-500: #0f3058;
    --color-blue-600: #0d3868;
    --color-blue-700: #0a4481;
    --color-blue-800: #0954a5;
    --color-blue-900: #0090ff;
    --color-blue-1000: #369eff;
    --color-blue-1100: #52a9ff;
    --color-blue-1200: #eaf6ff;
    --color-crimson-100: #1d1418;
    --color-crimson-200: #27141c;
    --color-crimson-300: #3c1827;
    --color-crimson-400: #481a2d;
    --color-crimson-500: #541b33;
    --color-crimson-600: #641d3b;
    --color-crimson-700: #801d45;
    --color-crimson-800: #ae1955;
    --color-crimson-900: #e93d82;
    --color-crimson-1000: #f04f88;
    --color-crimson-1100: #f76190;
    --color-crimson-1200: #feecf4;
    --color-gold-100: #171613;
    --color-gold-200: #1c1a15;
    --color-gold-300: #26231c;
    --color-gold-400: #2e2a21;
    --color-gold-500: #353026;
    --color-gold-600: #3e382c;
    --color-gold-700: #504737;
    --color-gold-800: #6b5d48;
    --color-gold-900: #978365;
    --color-gold-1000: #a59071;
    --color-gold-1100: #bfa888;
    --color-gold-1200: #f7f4e7;
    --color-gray-100: #161616;
    --color-gray-200: #1c1c1c;
    --color-gray-300: #232323;
    --color-gray-400: #282828;
    --color-gray-500: #2e2e2e;
    --color-gray-600: #343434;
    --color-gray-700: #3e3e3e;
    --color-gray-800: #505050;
    --color-gray-900: #707070;
    --color-gray-1000: #7e7e7e;
    --color-gray-1100: #a0a0a0;
    --color-gray-1200: #ededed;
    --color-green-100: #0d1912;
    --color-green-200: #0c1f17;
    --color-green-300: #0f291e;
    --color-green-400: #113123;
    --color-green-500: #133929;
    --color-green-600: #164430;
    --color-green-700: #1b543a;
    --color-green-800: #236e4a;
    --color-green-900: #30a46c;
    --color-green-1000: #3cb179;
    --color-green-1100: #4cc38a;
    --color-green-1200: #e5fbeb;
    --color-indigo-100: #131620;
    --color-indigo-200: #15192d;
    --color-indigo-300: #192140;
    --color-indigo-400: #1c274f;
    --color-indigo-500: #1f2c5c;
    --color-indigo-600: #22346e;
    --color-indigo-700: #273e89;
    --color-indigo-800: #2f4eb2;
    --color-indigo-900: #3e63dd;
    --color-indigo-1000: #5373e7;
    --color-indigo-1100: #849dff;
    --color-indigo-1200: #eef1fd;
    --color-orange-100: #1f1206;
    --color-orange-200: #2b1400;
    --color-orange-300: #391a03;
    --color-orange-400: #441f04;
    --color-orange-500: #4f2305;
    --color-orange-600: #5f2a06;
    --color-orange-700: #763205;
    --color-orange-800: #943e00;
    --color-orange-900: #f76808;
    --color-orange-1000: #ff802b;
    --color-orange-1100: #ff8b3e;
    --color-orange-1200: #feeadd;
    --color-pink-100: #1f121b;
    --color-pink-200: #271421;
    --color-pink-300: #3a182f;
    --color-pink-400: #451a37;
    --color-pink-500: #501b3f;
    --color-pink-600: #601d48;
    --color-pink-700: #7a1d5a;
    --color-pink-800: #a71873;
    --color-pink-900: #d6409f;
    --color-pink-1000: #e34ba9;
    --color-pink-1100: #f65cb6;
    --color-pink-1200: #feebf7;
    --color-purple-100: #1b141d;
    --color-purple-200: #221527;
    --color-purple-300: #301a3a;
    --color-purple-400: #3a1e48;
    --color-purple-500: #432155;
    --color-purple-600: #4e2667;
    --color-purple-700: #5f2d84;
    --color-purple-800: #7938b2;
    --color-purple-900: #8e4ec6;
    --color-purple-1000: #9d5bd2;
    --color-purple-1100: #bf7af0;
    --color-purple-1200: #f7ecfc;
    --color-red-100: #1f1315;
    --color-red-200: #291415;
    --color-red-300: #3c181a;
    --color-red-400: #481a1d;
    --color-red-500: #541b1f;
    --color-red-600: #671e22;
    --color-red-700: #822025;
    --color-red-800: #aa2429;
    --color-red-900: #e5484d;
    --color-red-1000: #f2555a;
    --color-red-1100: #ff6369;
    --color-red-1200: #feecee;
    --color-slate-100: #151718;
    --color-slate-200: #1a1d1e;
    --color-slate-300: #202425;
    --color-slate-400: #26292b;
    --color-slate-500: #2b2f31;
    --color-slate-600: #313538;
    --color-slate-700: #3a3f42;
    --color-slate-800: #4c5155;
    --color-slate-900: #697177;
    --color-slate-1000: #787f85;
    --color-slate-1100: #9ba1a6;
    --color-slate-1200: #ecedee;
    --color-tomato-100: #1d1412;
    --color-tomato-200: #2a1410;
    --color-tomato-300: #3b1813;
    --color-tomato-400: #481a14;
    --color-tomato-500: #541c15;
    --color-tomato-600: #652016;
    --color-tomato-700: #7f2315;
    --color-tomato-800: #a42a12;
    --color-tomato-900: #e54d2e;
    --color-tomato-1000: #ec5e41;
    --color-tomato-1100: #f16a50;
    --color-tomato-1200: #feefec;
    --color-violet-100: #17151f;
    --color-violet-200: #1c172b;
    --color-violet-300: #251e40;
    --color-violet-400: #2c2250;
    --color-violet-500: #32275f;
    --color-violet-600: #392c72;
    --color-violet-700: #443592;
    --color-violet-800: #5842c3;
    --color-violet-900: #6e56cf;
    --color-violet-1000: #7c66dc;
    --color-violet-1100: #9e8cfc;
    --color-violet-1200: #f1eefe;
    --color-yellow-100: #1c1500;
    --color-yellow-200: #221a00;
    --color-yellow-300: #2c2100;
    --color-yellow-400: #352800;
    --color-yellow-500: #3e3000;
    --color-yellow-600: #493c00;
    --color-yellow-700: #594a05;
    --color-yellow-800: #705e00;
    --color-yellow-900: #f5d90a;
    --color-yellow-1000: #ffef5c;
    --color-yellow-1100: #f0c000;
    --color-yellow-1200: #fffad1;
    --color-scale-100: #161616;
    --color-scale-200: #1c1c1c;
    --color-scale-300: #232323;
    --color-scale-400: #282828;
    --color-scale-500: #2e2e2e;
    --color-scale-600: #343434;
    --color-scale-700: #3e3e3e;
    --color-scale-800: #505050;
    --color-scale-900: #707070;
    --color-scale-1000: #7e7e7e;
    --color-scale-1100: #bbb;
    --color-scale-1200: #ededed;
    --color-brand-100: #041b10;
    --color-brand-200: hsl(var(--brand-200));
    --color-brand-300: hsl(var(--brand-300));
    --color-brand-400: hsl(var(--brand-400));
    --color-brand-500: hsl(var(--brand-500));
    --color-brand-600: hsl(var(--brand-600));
    --color-brand-700: #155b3d;
    --color-brand-800: #1d724c;
    --color-brand-900: #3fcf8e;
    --color-brand-1000: #85e0b7;
    --color-brand-1100: #33cc87;
    --color-brand-1200: #ebfaf3;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.95);
    }
}

@keyframes overlayContentShow {
    0% {
        opacity: 0;
        transform: translateY(-2%) scale(1);
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1);
    }
}

@keyframes overlayContentHide {
    0% {
        opacity: 1;
        transform: translate(0) scale(1);
    }

    to {
        opacity: 0;
        transform: translateY(-2%) scale(1);
    }
}

@keyframes dropdownFadeIn {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes dropdownFadeOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.95);
    }
}

@keyframes fadeInOverlayBg {
    0% {
        opacity: 0;
    }

    to {
        opacity: 0.75;
    }
}

@keyframes fadeOutOverlayBg {
    0% {
        opacity: 0.75;
    }

    to {
        opacity: 0;
    }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        height: 0;
    }

    to {
        height: var(--radix-accordion-content-height);
        opacity: 1;
    }
}

@keyframes slideUp {
    0% {
        height: var(--radix-accordion-content-height);
        opacity: 1;
    }

    to {
        opacity: 0;
        height: 0;
    }
}

@keyframes slideDownNormal {
    0% {
        opacity: 0;
        height: 0;
    }

    to {
        height: inherit;
        opacity: 1;
    }
}

@keyframes slideUpNormal {
    0% {
        height: inherit;
        opacity: 1;
    }

    to {
        opacity: 0;
        height: 0;
    }
}

@keyframes panelSlideLeftOut {
    0% {
        opacity: 0;
        transform: translate(-100%);
    }

    to {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes panelSlideLeftIn {
    0% {
        opacity: 1;
        transform: translate(0);
    }

    to {
        opacity: 0;
        transform: translate(-100%);
    }
}

@keyframes panelSlideRightOut {
    0% {
        opacity: 0;
        transform: translate(100%);
    }

    to {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes panelSlideRightIn {
    0% {
        opacity: 1;
        transform: translate(0);
    }

    to {
        opacity: 0;
        transform: translate(100%);
    }
}

@keyframes lineLoading {
    0% {
        width: 80px;
        margin-left: -10%;
    }

    25% {
        width: 240px;
    }

    50% {
        width: 80px;
        margin-left: 100%;
    }

    75% {
        width: 240px;
    }

    to {
        width: 80px;
        margin-left: -10%;
    }
}

@keyframes flash-code {
    0% {
        background-color: #3fcf8e1a;
    }

    to {
        background-color: #0000;
    }
}

@keyframes accordion-down {
    0% {
        height: 0;
    }

    to {
        height: var(--radix-accordion-content-height,
                var(--bits-accordion-content-height,
                    var(--reka-accordion-content-height,
                        var(--kb-accordion-content-height,
                            var(--ngp-accordion-content-height, auto)))));
    }
}

@keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height,
                var(--bits-accordion-content-height,
                    var(--reka-accordion-content-height,
                        var(--kb-accordion-content-height,
                            var(--ngp-accordion-content-height, auto)))));
    }

    to {
        height: 0;
    }
}

@keyframes collapsible-down {
    0% {
        height: 0;
    }

    to {
        height: var(--radix-collapsible-content-height);
    }
}

@keyframes collapsible-up {
    0% {
        height: var(--radix-collapsible-content-height);
    }

    to {
        height: 0;
    }
}

.classic-dark,
[data-theme="classic-dark"] {
    --helpers-os-appearance: Dark;
    --code-block-5: 13.8deg 89.7% 69.6%;
    --code-block-4: 276.1deg 67.7% 74.5%;
    --code-block-3: 83.8deg 61.7% 63.1%;
    --code-block-2: 33.2deg 90.3% 75.7%;
    --code-block-1: 170.8deg 43.1% 61.4%;
    --secondary-default: 247.8deg 100% 70%;
    --secondary-400: 248.3deg 54.5% 25.9%;
    --secondary-200: 248deg 53.6% 11%;
    --brand-link: 155deg 100% 38.6%;
    --brand-default: 221deg 97% 54%;
    --brand-600: 221deg 97% 65%;
    /* lighter */
    --brand-500: 221deg 97% 54%;
    /* base (#165dfc) */
    --brand-400: 221deg 97% 45%;
    --brand-300: 221deg 95% 35%;
    --brand-200: 221deg 90% 25%;
    --brand-100: 221deg 85% 15%;
    --brand-50: 221deg 80% 10%;
    --warning-default: 38.9deg 100% 42.9%;
    --warning-600: 38.9deg 100% 42.9%;
    --warning-500: 34.8deg 90.9% 21.6%;
    --warning-400: 33.2deg 100% 14.5%;
    --warning-300: 32.3deg 100% 10.2%;
    --warning-200: 36.6deg 100% 8%;
    --destructive-default: 10.2deg 77.9% 53.9%;
    --destructive-600: 9.7deg 85.2% 62.9%;
    --destructive-500: 7.9deg 71.6% 29%;
    --destructive-400: 6.7deg 60% 20.6%;
    --destructive-300: 7.5deg 51.3% 15.3%;
    --destructive-200: 10.9deg 23.4% 9.2%;
    --border-stronger: 0deg 0% 27.1%;
    --border-strong: 0deg 0% 21.2%;
    --border-alternative: 0deg 0% 26.7%;
    --border-control: 0deg 0% 22.4%;
    --border-overlay: 0deg 0% 20%;
    --border-secondary: 0deg 0% 14.1%;
    --border-muted: 0deg 0% 14.1%;
    --border-default: 0deg 0% 18%;
    --background-dash-canvas: 0deg 0% 7.1%;
    --background-dash-sidebar: 0deg 0% 9%;
    --background-dialog-default: 0deg 0% 7.1%;
    --background-muted: 0deg 0% 14.1%;
    --background-overlay-hover: 0deg 0% 18%;
    --background-overlay-default: 0deg 0% 14.1%;
    --background-surface-400: 0deg 0% 16.1%;
    --background-surface-300: 0deg 0% 16.1%;
    --background-surface-200: 0deg 0% 12.9%;
    --background-surface-100: 0deg 0% 12.2%;
    --background-surface-75: 0deg 0% 9%;
    --background-control: 0deg 0% 14.1%;
    --background-selection: 0deg 0% 19.2%;
    --background-alternative-default: 0deg 0% 5.9%;
    --background-default: 0deg 0% 7.1%;
    --background-200: 0deg 0% 9%;
    --foreground-contrast: 0deg 0% 8.6%;
    --foreground-muted: 0deg 0% 30.2%;
    --foreground-lighter: 0deg 0% 53.7%;
    --foreground-light: 0deg 0% 70.6%;
    --foreground-default: 0deg 0% 98%;
    --border-button-hover: var(--colors-gray-dark-800);
    --border-button-default: var(--colors-gray-dark-700);
    --background-button-default: var(--colors-gray-dark-500);
    --background-alternative-200: var(--colors-gray-dark-200);
}

@keyframes slideIn {
    0% {
        transform: translateY(-100%);
    }

    to {
        transform: translate(0);
    }
}

@keyframes spinner {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes marquee {
    0% {
        transform: translate(0);
    }

    to {
        transform: translate(-100%);
    }
}

@keyframes marquee-reverse {
    0% {
        transform: translate(-100%);
    }

    to {
        transform: translate(0);
    }
}

@keyframes marquee-vertical {
    0% {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

@keyframes pulse-radar {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    50% {
        opacity: 0.8;
    }

    to {
        opacity: 0;
        transform: scale(1);
    }
}

@font-face {
    font-family: custom-font;
    src: url(/fonts/rapida/CustomFont-Book.woff2) format("woff2"),
        url(/fonts/rapida/CustomFont-Book.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: custom-font;
    src: url(/fonts/rapida/CustomFont-Medium.woff2) format("woff2"),
        url(/fonts/rapida/CustomFont-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

html {
    scroll-behavior: smooth !important;
}

body {
    background-color: hsl(var(--background-default));
    color: hsl(var(--foreground-default));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.h1:not(.prose *):not(.overwrite),
.h2:not(.prose *):not(.overwrite),
.h3:not(.prose *):not(.overwrite),
.h4:not(.prose *):not(.overwrite),
.h5:not(.prose *):not(.overwrite),
.h6:not(.prose *):not(.overwrite) {
    margin-bottom: 16px;
}

.h1:not(.prose *):not(.overwrite),
.h2:not(.prose *):not(.overwrite) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
}

.h3:not(.prose *):not(.overwrite) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
}

.h4:not(.prose *):not(.overwrite),
.h5:not(.prose *):not(.overwrite) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
}

h1:not(.overwrite),
h2:not(.overwrite),
h3:not(.overwrite),
h4:not(.overwrite),
h5:not(.overwrite),
h6:not(.overwrite) {
    scroll-margin-top: 90px;
}

.h1:not(.prose *):not(.overwrite),
.h2:not(.prose *):not(.overwrite) {
    line-height: 1.2 !important;
}

.label:not(.prose *):not(.overwrite) {
    font-family: var(--font-source-code-pro,
            Source Code Pro,
            Office Code Pro,
            Menlo,
            monospace);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: hsl(var(--foreground-lighter));
    text-transform: uppercase;
}

.heading-gradient {
    --tw-gradient-position: to bottom;
}

@supports (background-image: linear-gradient(in lab, red, red)) {
    .heading-gradient {
        --tw-gradient-position: to bottom in oklab;
    }
}

.heading-gradient {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: hsl(var(--foreground-default));
    --tw-gradient-to: color-mix(in oklab,
            hsl(var(--foreground-default)) 70%,
            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));
    color: #f4fffa00;
    -webkit-background-clip: text;
    background-clip: text;
}

.heading-gradient-brand {
    --tw-gradient-position: to bottom;
}

@supports (background-image: linear-gradient(in lab, red, red)) {
    .heading-gradient-brand {
        --tw-gradient-position: to bottom in oklab;
    }
}

.heading-gradient-brand {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: hsl(var(--brand-default));
    --tw-gradient-to: color-mix(in oklab,
            hsl(var(--brand-default)) 80%,
            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));
    color: #3ecf8e00;
    -webkit-background-clip: text;
    background-clip: text;
}

.toc-animate {
    --tw-translate-x: calc(var(--spacing) * 1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    color: hsl(var(--brand-default)) !important;
}

.prose-toc a {
    transition: all 70ms ease-in-out;
}

@media only screen and (max-width: 960px) {
    .h1:not(.prose *):not(.overwrite) {
        font-size: 2.2rem !important;
    }

    .h2:not(.prose *):not(.overwrite) {
        font-size: 2rem !important;
    }
}

@media only screen and (max-width: 720px) {
    .h1:not(.prose *):not(.overwrite) {
        font-size: 2rem !important;
    }

    .h2:not(.prose *):not(.overwrite) {
        font-size: 1.8rem !important;
    }
}

@media only screen and (max-width: 520px) {
    .h1:not(.prose *):not(.overwrite) {
        font-size: 1.8rem !important;
    }

    .h2:not(.prose *):not(.overwrite) {
        font-size: 1.6rem !important;
    }
}

.p:not(.prose *):not(.overwrite) {
    color: hsl(var(--foreground-light));
    margin-bottom: 16px;
}

.small:not(.prose *):not(.overwrite) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: hsl(var(--foreground-lighter));
}

.sbui-border-fix select {
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
}

::selection {
    color: #333 !important;
    background-color: #6ee7b7 !important;
}

.section--bg-masked {
    width: 100%;
    height: 100%;
    position: absolute;
}

.section--bg {
    background-color: hsl(var(--background-default));
    transform-origin: 100% 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.section--bg,
.section-container {
    position: relative;
}

.stroke-text {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: hsl(var(--background-selection));
}

.stroke-text.fill {
    -webkit-text-fill-color: #1ae88f;
}

.dashboard-tabs div[role="separator"] {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: hsl(var(--border-strong));
}

.sbui-tabs--alt div[role="tablist"] .sbui-btn-primary {
    background-color: hsl(var(--border-stronger));
    color: var(--color-white);
    text-shadow: none;
    font-weight: 400;
}

.sbui-tabs--alt div[role="tablist"] .sbui-btn-text {
    color: hsl(var(--border-muted));
    shadow: none;
    font-weight: 400;
}

.sbui-tabs--underline-alt div[role="tablist"] .sbui-tab-button-underline--active {
    border-color: hsl(var(--foreground-muted));
}

.dashboard-tabs>div>div {
    justify-content: center;
}

.dark .header--light,
.header--dark {
    display: none;
}

.dark .header--dark {
    display: block;
}

table {
    border-collapse: collapse;
    margin-top: 1em;
}

.sbui-typography-container thead {
    color: hsl(var(--border-default));
}

.sbui-typography a {
    overflow-wrap: break-word;
}

.next-image--dynamic-fill {
    border-radius: 6px;
    grid-column: 1/-1;
    width: 100%;
    display: block;
    overflow: hidden;
}

@media (min-width: 40rem) {

    .next-image--dynamic-fill.wide,
    video.wide {
        margin-inline: calc(var(--spacing) * -8);
        margin-block: calc(var(--spacing) * 0);
        width: calc(100% + 4rem);
        max-width: none;
    }
}

@media (min-width: 560px) {

    .next-image--dynamic-fill.wide,
    video.wide {
        margin: 0 -3rem;
        width: calc(100% + 6rem) !important;
    }
}

@media (min-width: 1280px) {

    .next-image--dynamic-fill.wide,
    video.wide {
        margin: 0 -5rem;
        width: calc(100% + 10rem) !important;
    }
}

@media (min-width: 1535px) {

    .next-image--dynamic-fill.wide,
    video.wide {
        margin: 0 -7rem;
        width: calc(100% + 14rem) !important;
    }
}

.next-image--dynamic-fill>span {
    position: relative !important;
}

.next-image--dynamic-fill img {
    object-fit: contain;
    width: 100% !important;
    height: unset !important;
    position: relative !important;
}

.line-clamp {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 auto;
    display: -webkit-box;
}

.fade-in-up-2ms {
    animation: fadeInUp 0.2s cubic-bezier(0.25, 0.25, 0, 1) both;
}

.fade-in-up-2ms,
.fade-in-up-4ms {
    opacity: 0;
    transform: translateY(10px);
}

.fade-in-up-4ms {
    animation: fadeInUp 0.4s cubic-bezier(0.25, 0.25, 0, 1) both;
}

.fade-in-2ms {
    animation: fadeIn 0.2s cubic-bezier(0.25, 0.25, 0, 1) both;
}

.fade-in-2ms,
.fade-in-4ms {
    opacity: 0;
    transform: translateY(10px);
}

.fade-in-4ms {
    animation: fadeIn 0.4s cubic-bezier(0.25, 0.25, 0, 1) both;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translate(0);
    }
}

.launch-week-timeline-border--approaching {
    border-image: linear-gradient(to bottom,
            hsl(var(--brand-default)),
            var(--color-purple-700)) 1 100%;
}

.video-container {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
}

.video-container.no-border {
    --tw-border-style: none !important;
    border-style: none !important;
}

.video-container iframe {
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.all-unset {
    all: unset;
}

.auth-container {
    background: linear-gradient(270deg, #71fb8e, #acecbc) 0 0/400% 400%;
    animation: AnimationName 14s infinite;
}

@keyframes AnimationName {
    0% {
        background-position: 0;
    }

    50% {
        background-position: 100%;
    }

    to {
        background-position: 0;
    }
}

@property --rotate {
    syntax: "<angle>";
    inherits: false;
    initial-value: 132deg;
}

:root {
    --auth-ui-card-height: 50vh;
    --lw-secondary-color: #8a8f98;
}

.glow-area {
    cursor: pointer;
    background-color: #0000;
}

.glow-area,
.glow-area:after {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
}

.glow-area:after {
    content: "";
    top: calc(var(--auth-ui-card-height) / 8);
    filter: blur(calc(var(--auth-ui-card-height) / 6));
    background-image: linear-gradient(var(--rotate),
            hsl(var(--brand-default)),
            #3c67e3 43%,
            hsl(var(--brand-default)));
    opacity: 1;
    margin: 0 auto;
    transition: opacity 0.5s;
    animation: spin 8s linear infinite;
    left: 0;
    right: 0;
    transform: scale(0.75);
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes transformSpin {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(1turn);
    }
}

.recharts-surface {
    overflow: visible;
}

@media screen and (min-width: 769px) {
    .short-inline-codeblock {
        white-space: pre !important;
    }
}

.gradient-container {
    max-width: 1600px;
    min-height: 360px;
    margin: 0 auto;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden;
}

@media screen and (max-width: 769px) {
    .gradient-container {
        left: 50%;
        transform: translate(-50%);
    }
}

.gradient-mask {
    z-index: -10;
    background: radial-gradient(circle at 50% -35%,
            #39617d52 0,
            #39617d52 5%,
            #00ded1bf 8%,
            hsl(var(--background-default)) 65%,
            hsl(var(--background-default)) 100%);
    width: 75%;
    min-height: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}

@media screen and (max-width: 769px) {
    .gradient-mask {
        width: 100%;
    }
}

.gradient-mask--masked {
    z-index: -10;
    background: radial-gradient(circle at 50% -60%,
            #fff0 0,
            hsl(var(--background-default)) 65%);
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}

@media screen and (max-width: 769px) {
    .gradient-mask--masked {
        background: radial-gradient(circle at 50% -40%,
                #fff0 0,
                hsl(var(--background-default)) 65%);
    }
}

.flair-mask-a {
    background-color: #375965;
    width: 180%;
    top: 1px;
    left: -40%;
}

.flair-mask-a,
.flair-mask-b {
    -webkit-clip-path: ellipse(52% 135px at 50% 3px);
    clip-path: ellipse(52% 213px at 50% -75px);
    height: 500px;
    position: absolute;
}

.flair-mask-b {
    background-color: hsl(var(--background-default));
    width: 182%;
    top: 0;
    left: -41%;
}

@media only screen and (min-width: 600px) {
    .flair-mask-a {
        width: 140%;
        margin: 0 auto;
        top: 1px;
        left: -20%;
        right: 0;
    }

    .flair-mask-b {
        width: 142%;
        margin: 0 auto;
        top: 0;
        left: -21%;
        right: 0;
    }
}

@media only screen and (min-width: 960px) {
    .flair-mask-a {
        width: 120%;
        margin: 0 auto;
        top: 1px;
        left: -10%;
        right: 0;
    }

    .flair-mask-b {
        width: 121%;
        margin: 0 auto;
        top: 0;
        left: -10.5%;
        right: 0;
    }
}

.radial-mask {
    -webkit-mask-image: linear-gradient(#000, #0000);
}

[class*="gradient-text-"] {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

[class*="gradient-text-"]::selection {
    background-color: hsl(var(--brand-default));
    background-clip: unset;
    -webkit-text-fill-color: white;
}

.ticket-brick-swiper .swiper-slide {
    width: 230px;
}

@media (min-width: 768px) {
    .ticket-brick-swiper .swiper-slide {
        width: 450px;
    }
}

.swiper-transition-linear .swiper-wrapper,
.ticket-brick-swiper .swiper-wrapper {
    transition-timing-function: linear;
}

.dg.ac {
    z-index: 9999 !important;
    margin-top: 65px !important;
}

[data-rmiz-modal-overlay]:focus,
[data-rmiz-modal]:focus {
    outline: none !important;
}

[data-rmiz-modal-img],
[data-rmiz-modal-overlay] {
    transition-timing-function: cubic-bezier(0.24, 0.25, 0.05, 1) !important;
}

[data-rmiz-modal-overlay="visible"] {
    opacity: 0.8;
    background-color: hsl(var(--background-default)) !important;
}

[data-rmiz-modal-img] {
    image-rendering: high-quality;
}

.loader-dots div {
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loader-dots div:first-child {
    animation: loader-dots1 0.6s infinite;
    left: 4px;
}

.loader-dots div:nth-child(2) {
    animation: loader-dots2 0.6s infinite;
    left: 4px;
}

.loader-dots div:nth-child(3) {
    animation: loader-dots2 0.6s infinite;
    left: 16px;
}

.loader-dots div:nth-child(4) {
    animation: loader-dots3 0.6s infinite;
    left: 28px;
}

@keyframes loader-dots1 {
    0% {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@keyframes loader-dots3 {
    0% {
        transform: scale(1);
    }

    to {
        transform: scale(0);
    }
}

@keyframes loader-dots2 {
    0% {
        transform: translate(0);
    }

    to {
        transform: translate(12px);
    }
}

.lw13-game-input {
    visibility: none;
    opacity: 0;
}

@media (hover: none) {
    .lw13-game-input {
        visibility: visible !important;
        opacity: 1 !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-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity;
}

@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-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0;
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-leading {
    syntax: "*";
    inherits: false;
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}

@property --tw-tracking {
    syntax: "*";
    inherits: false;
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false;
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false;
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false;
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false;
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false;
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --tw-blur {
    syntax: "*";
    inherits: false;
}

@property --tw-brightness {
    syntax: "*";
    inherits: false;
}

@property --tw-contrast {
    syntax: "*";
    inherits: false;
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false;
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false;
}

@property --tw-invert {
    syntax: "*";
    inherits: false;
}

@property --tw-opacity {
    syntax: "*";
    inherits: false;
}

@property --tw-saturate {
    syntax: "*";
    inherits: false;
}

@property --tw-sepia {
    syntax: "*";
    inherits: false;
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false;
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false;
}

@property --tw-duration {
    syntax: "*";
    inherits: false;
}

@property --tw-ease {
    syntax: "*";
    inherits: false;
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: "";
}

@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0),
                var(--tw-enter-translate-y, 0),
                0) scale3d(var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
        filter: blur(var(--tw-enter-blur, 0));
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0),
                var(--tw-exit-translate-y, 0),
                0) scale3d(var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
        filter: blur(var(--tw-exit-blur, 0));
    }
}

@keyframes caret-blink {

    0%,
    70%,
    to {
        opacity: 1;
    }

    20%,
    50% {
        opacity: 0;
    }
}

.bg-lw7-black-transition {
    background: linear-gradient(0.39deg,
            #161616 53.84%,
            rgba(28, 28, 28, 0) 88.21%);
}

.bg-lw7-gradient {
    background: radial-gradient(80% 65% at 50% 95%, #dbb8bf 0, transparent 100%);
}

@media (min-width: 768px) {
    .bg-lw7-gradient {
        background: radial-gradient(72.03% 66.03% at 50% 69.72%,
                #dbb8bf 0,
                transparent 100%);
    }
}

.opacity-pulse {
    animation: opacity-pulse 0.6s ease-in-out infinite alternate both;
}

.opacity-pulse-full {
    animation: opacity-pulse-full 0.6s ease-in-out infinite alternate both;
}

.glass-tile-gradient {
    position: absolute;
    left: calc(50% - 146.58px / 2 - 181.35px);
    top: calc(50% - 426.82px / 2 - 76.38px);
    background: #579ca1;
    filter: blur(85.7962px);
    border-radius: 16.9281px;
    transform: matrix(0.84, 0.55, -0.55, 0.83, 0, 0);
}

.bounce-loop {
    animation: bounce 1s ease-in-out infinite alternate both;
}

@keyframes bounce {
    0% {
        transform: translate3D(0, -5px, 0);
    }

    to {
        transform: translate3D(0, 5px, 0);
    }
}

@keyframes opacity-pulse {
    0% {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

@keyframes opacity-pulse-full {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@supports (color:color-mix(in lab, red, red)) {
    .bg-background\/90 {
        background-color:
            color-mix(in oklab, hsl(var(--background-default)) 90%, transparent);
    }
}