@layer tw-base{
/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: JetBrains Mono Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
}
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--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: #2563eb;
}
input::-moz-placeholder, textarea::-moz-placeholder{
color: #6b7280;
opacity: 1;
}
input::placeholder,textarea::placeholder{
color: #6b7280;
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper{
padding: 0;
}
::-webkit-date-and-time-value{
min-height: 1.5em;
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
padding-top: 0;
padding-bottom: 0;
}
select{
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='%236b7280' 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;
-webkit-print-color-adjust: exact;
        print-color-adjust: exact;
}
[multiple]{
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
-webkit-print-color-adjust: unset;
        print-color-adjust: unset;
}
[type='checkbox'],[type='radio']{
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
        print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
   -moz-user-select: none;
        user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563eb;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
--tw-shadow: 0 0 #0000;
}
[type='checkbox']{
border-radius: 0px;
}
[type='radio']{
border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--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);
}
[type='checkbox']:checked,[type='radio']:checked{
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[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");
}
[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");
}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
border-color: transparent;
background-color: currentColor;
}
[type='checkbox']:indeterminate{
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");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
border-color: transparent;
background-color: currentColor;
}
[type='file']{
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
[type='file']:focus{
outline: 1px solid ButtonText;
outline: 1px auto -webkit-focus-ring-color;
}
*{
scrollbar-color: initial;
scrollbar-width: initial;
}
*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(147 197 253 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
}
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(147 197 253 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
}
}
.visible{
visibility: visible;
}
.fixed{
position: fixed;
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.inset-0{
inset: 0px;
}
.bottom-\[32px\]{
bottom: 32px;
}
.right-0{
right: 0px;
}
.z-20{
z-index: 20;
}
.m-1{
margin: 0.25rem;
}
.m-8{
margin: 2rem;
}
.mx-2{
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.flex{
display: flex;
}
.inline-flex{
display: inline-flex;
}
.table{
display: table;
}
.grid{
display: grid;
}
.h-\[32px\]{
height: 32px;
}
.h-full{
height: 100%;
}
.w-12{
width: 3rem;
}
.w-20{
width: 5rem;
}
.w-32{
width: 8rem;
}
.w-\[120rem\]{
width: 120rem;
}
.w-\[450px\]{
width: 450px;
}
.w-full{
width: 100%;
}
.max-w-16{
max-width: 4rem;
}
.shrink-0{
flex-shrink: 0;
}
.grow{
flex-grow: 1;
}
@keyframes spin{

to{
transform: rotate(360deg);
}
}
.animate-spin{
animation: spin 1.5s linear infinite;
}
.grid-rows-2{
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.flex-row{
flex-direction: row;
}
.flex-col{
flex-direction: column;
}
.items-center{
align-items: center;
}
.justify-end{
justify-content: flex-end;
}
.justify-center{
justify-content: center;
}
.gap-1{
gap: 0.25rem;
}
.gap-2{
gap: 0.5rem;
}
.gap-4{
gap: 1rem;
}
.divide-y > :not([hidden]) ~ :not([hidden]){
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-separator > :not([hidden]) ~ :not([hidden]){
border-color: var(--dx-separator);
}
.overflow-hidden{
overflow: hidden;
}
.overflow-x-scroll{
overflow-x: scroll;
}
.overflow-y-scroll{
overflow-y: scroll;
}
.truncate{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.border{
border-width: 1px;
}
.border-l{
border-left-width: 1px;
}
.border-t{
border-top-width: 1px;
}
.border-neutral-500{
border-color: var(--dx-neutral-500);
}
.bg-baseSurface{
background-color: var(--dx-baseSurface);
}
.bg-neutral-100{
background-color: var(--dx-neutral-100);
}
.bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.p-0{
padding: 0px;
}
.p-1{
padding: 0.25rem;
}
.p-2{
padding: 0.5rem;
}
.p-4{
padding: 1rem;
}
.px-1{
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-1\.5{
padding-left: 0.375rem;
padding-right: 0.375rem;
}
.px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-1{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-\[2px\]{
padding-top: 2px;
padding-bottom: 2px;
}
.pr-2{
padding-right: 0.5rem;
}
.text-right{
text-align: right;
}
.font-mono{
font-family: JetBrains Mono Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-sm{
font-size: 0.889rem;
line-height: 1.25rem;
}
.text-xs{
font-size: 0.790rem;
line-height: 1rem;
}
.font-thin{
font-weight: 100;
}
.text-blue-500{
color: var(--dx-blue-500);
}
.text-neutral-500{
color: var(--dx-neutral-500);
}
.text-orange-300{
color: var(--dx-orange-300);
}
.text-primary-500{
color: var(--dx-primary-500);
}
.text-red-300{
color: var(--dx-red-300);
}
.text-sky-300{
color: var(--dx-sky-300);
}
.opacity-50{
opacity: 0.5;
}
.opacity-75{
opacity: 0.75;
}
.shadow-md{
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!filter{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.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);
}
.bs-full{
block-size: 100%;
}
.is-full{
inline-size: 100%;
}
.pli-\[5px\]{
padding-inline: 5px;
}
.pli-\[7px\]{
padding-inline: 7px;
}
.dark .dx-focus-ring:not([disabled]):focus-visible:hover, .dark .dx-focus-ring[disabled=false]:focus-visible:hover, .dark .dx-focus-ring-inset:not([disabled]):focus-visible:hover, .dark .dx-focus-ring-inset[disabled=false]:focus-visible:hover{
outline: 2px solid transparent;
outline-offset: 2px;
}
.dark .dx-focus-ring-group:focus-visible .dx-focus-ring-group-indicator:hover, .dark .dx-focus-ring-group-x:focus-visible .dx-focus-ring-group-x-indicator:hover, .dark .dx-focus-ring-group-y:focus-visible .dx-focus-ring-group-y-indicator:hover{
outline: 2px solid transparent;
outline-offset: 2px;
}
.dark .dx-focus-ring-inset-over-all:not([disabled]):focus-visible:hover, .dark .dx-focus-ring-inset-over-all[disabled=false]:focus-visible:hover, .dark .dx-focus-ring-main[data-handles-focus=true]:not([disabled]):focus-visible:hover, .dark .dx-focus-ring-main[data-handles-focus=true][disabled=false]:focus-visible:hover{
outline: 2px solid transparent;
outline-offset: 2px;
}
.dark .base-surface {
    background-color: var(--dx-baseSurface);
    --surface-bg: var(--dx-baseSurface);
  }
.dark .sidebar-surface {
    background-color: var(--dx-sidebarSurface);
    --surface-bg: var(--dx-sidebarSurface);
  }
.dark .modal-surface {
    background-color: var(--dx-modalSurface);
    --surface-bg: var(--dx-modalSurface);
  }
.font-thin,
  .not-italic.font-thin,
  .not-italic .font-thin,
  .font-thin .not-italic {
    font-variation-settings: "wght" 100, "slnt" 0;
  }
.italic.font-thin,
  .italic .font-thin,
  .font-thin .italic {
    font-variation-settings: "wght" 100, "slnt" -10;
  }
@layer tw-components{
.container{
width: 100%;
}
@media (min-width: 640px){

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

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

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

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

.container{
max-width: 1536px;
}
}
}
/* jetbrains-mono-cyrillic-ext-wght-italic */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 800;
  src: url(data:font/woff2;base64,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) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* jetbrains-mono-cyrillic-wght-italic */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 800;
  src: url(/assets/jetbrains-mono-cyrillic-wght-italic-n46wCxo2.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* jetbrains-mono-greek-wght-italic */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 800;
  src: url(/assets/jetbrains-mono-greek-wght-italic-MM8eZ3ga.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* jetbrains-mono-vietnamese-wght-italic */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 800;
  src: url(/assets/jetbrains-mono-vietnamese-wght-italic-BG2XwtC0.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* jetbrains-mono-latin-ext-wght-italic */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 800;
  src: url(/assets/jetbrains-mono-latin-ext-wght-italic-BmpnCKuU.woff2) format('woff2-variations');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* jetbrains-mono-latin-wght-italic */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 800;
  src: url(/assets/jetbrains-mono-latin-wght-italic-Bxk8Slts.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* jetbrains-mono-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(data:font/woff2;base64,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) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* jetbrains-mono-cyrillic-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/assets/jetbrains-mono-cyrillic-wght-normal-BptiBwAt.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* jetbrains-mono-greek-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/assets/jetbrains-mono-greek-wght-normal-BW1JPxja.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
/* jetbrains-mono-vietnamese-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/assets/jetbrains-mono-vietnamese-wght-normal-By-yputv.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* jetbrains-mono-latin-ext-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/assets/jetbrains-mono-latin-ext-wght-normal-Com2F4yK.woff2) format('woff2-variations');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* jetbrains-mono-latin-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/assets/jetbrains-mono-latin-wght-normal-Ajscav9D.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* inter-cyrillic-ext-slnt-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: oblique 0deg 10deg;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/inter-cyrillic-ext-slnt-normal-Bm2Fmasd.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* inter-cyrillic-slnt-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: oblique 0deg 10deg;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/inter-cyrillic-slnt-normal-DK-2wmQE.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* inter-greek-ext-slnt-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: oblique 0deg 10deg;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/inter-greek-ext-slnt-normal-CE5HmWVV.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}
/* inter-greek-slnt-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: oblique 0deg 10deg;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/inter-greek-slnt-normal-DWQCRdYa.woff2) format('woff2-variations');
  unicode-range: U+0370-03FF;
}
/* inter-vietnamese-slnt-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: oblique 0deg 10deg;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/inter-vietnamese-slnt-normal-Dh0eu5qh.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
/* inter-latin-ext-slnt-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: oblique 0deg 10deg;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/inter-latin-ext-slnt-normal-CusonCoV.woff2) format('woff2-variations');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* inter-latin-slnt-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: oblique 0deg 10deg;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/inter-latin-slnt-normal-BpMivaJw.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* packages/ui/react-ui-theme/src/styles/layers/anchored-overflow.css */
/* packages/ui/react-ui-theme/src/styles/layers/attention.css */
/* packages/ui/react-ui-theme/src/styles/layers/base.css */
@layer dx-base {
  :root {
    touch-action: pan-x pan-y;
    font-synthesis: none;
    font-variation-settings: "wght" 400, "slnt" 0;
    scroll-padding-block-start: 3.5rem;
    scroll-padding-block-end: 0.5rem;
    font-family: Inter Variable, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
  button {
    -webkit-tap-highlight-color: transparent;
  }
}
@layer dx-tokens {
  html,
  html.dark,
  html .dark {
    background-color: var(--dx-baseSurface);
    --surface-bg: var(--dx-baseSurface);
    color: var(--dx-baseText);
    --surface-text: var(--dx-baseText);
    --description-text: var(--dx-description);
  }
}
/* packages/ui/react-ui-theme/src/styles/layers/button.css */
@layer dx-components {
  .dx-button{
display: inline-flex;
flex-shrink: 0;
-webkit-user-select: none;
   -moz-user-select: none;
        user-select: none;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: var(--dx-inputSurface);
font-weight: 500;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 100ms;
transition-timing-function: linear;
min-block-size: 2.5rem;
padding-inline: 0.75rem;
}
  .dx-button,
  .not-italic.dx-button,
  .not-italic .dx-button,.dx-button .not-italic {
    font-variation-settings: "wght" 500, "slnt" 0;
  }
  .italic.dx-button,
  .italic .dx-button,.dx-button .italic {
    font-variation-settings: "wght" 500, "slnt" -10;
  }
    .dx-button[aria-pressed=true],
    .dx-button[aria-checked=true]{
background-color: var(--dx-attention);
color: var(--dx-accentText);
}
    .dx-button[disabled]:not([disabled=false]){
cursor: not-allowed;
opacity: 0.4;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
    .dx-button[data-variant=ghost]{
background-color: transparent;
}
      .dx-button[data-variant=ghost]:hover{
background-color: var(--dx-hoverSurface);
color: inherit;
}
      .dx-button[data-variant=ghost][data-state=open]{
background-color: var(--dx-inputSurface);
}
      .dx-button[data-variant=ghost][aria-pressed=true],
      .dx-button[data-variant=ghost][aria-checked=true]{
background-color: var(--dx-baseSurface);
color: var(--dx-accentText);
}
    .dx-button[data-variant=outline]{
border-width: 1px;
border-color: var(--dx-baseSurface);
background-color: transparent;
}
      .dx-button[data-variant=outline]:hover{
background-color: var(--dx-hoverSurface);
}
      .dx-button:not([disabled]):hover, .dx-button[disabled=false]:hover{
background-color: var(--dx-hoverSurface);
}
      .dx-button:not([disabled])[data-variant=primary], .dx-button[disabled=false][data-variant=primary]{
background-color: var(--dx-accentSurface);
color: var(--dx-accentSurfaceText);
}
        .dx-button:not([disabled])[data-variant=primary]:hover,
        .dx-button:not([disabled])[data-variant=primary][aria-pressed=true],
        .dx-button:not([disabled])[data-variant=primary][aria-checked=true] .dx-button:not([disabled])[data-variant=primary][data-state=open],
        .dx-button[disabled=false][data-variant=primary]:hover,
        .dx-button[disabled=false][data-variant=primary][aria-pressed=true],
        .dx-button[disabled=false][data-variant=primary][aria-checked=true] .dx-button[disabled=false][data-variant=primary][data-state=open]{
background-color: var(--dx-accentSurfaceHover);
}
      .dx-button:not([disabled])[data-variant=destructive], .dx-button[disabled=false][data-variant=destructive]{
background-color: var(--dx-roseFill);
color: var(--dx-accentSurfaceText);
}
        .dx-button:not([disabled])[data-variant=destructive]:hover,
        .dx-button:not([disabled])[data-variant=destructive][aria-pressed=true],
        .dx-button:not([disabled])[data-variant=destructive][aria-checked=true] .dx-button:not([disabled])[data-variant=destructive][data-state=open],
        .dx-button[disabled=false][data-variant=destructive]:hover,
        .dx-button[disabled=false][data-variant=destructive][aria-pressed=true],
        .dx-button[disabled=false][data-variant=destructive][aria-checked=true] .dx-button[disabled=false][data-variant=destructive][data-state=open]{
background-color: var(--dx-roseFill);
}
  .dx-button:not([data-props~=grouped]){
border-radius: 0.25rem;
}
  .dx-button:not([data-props~=wrap]){
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
  @media (pointer: fine) {
    .dx-button[data-density=fine]{
min-block-size: 2rem;
padding-inline: 0.625rem;
}
  }
}
/* packages/ui/react-ui-theme/src/styles/layers/can-scroll.css */
@layer dx-components {
  :root {
    --can-scroll-inline: initial;
  }
  @keyframes detect-scroll-inline {
    from, to {
      --can-scroll-inline: ;
    }
  }
  .justify-center-if-no-scroll {
    justify-content: start;
  }
  @supports (animation-timeline: scroll(inline self)) {
    .justify-center-if-no-scroll {
      animation: detect-scroll-inline linear;
      animation-timeline: scroll(inline self);
      --justify-if-no-scroll: center;
      --justify-if-can-scroll: var(--can-scroll-inline) start;
      justify-content: var(--justify-if-can-scroll, var(--justify-if-no-scroll));
    }
  }
}
/* packages/ui/react-ui-theme/src/styles/layers/checkbox.css */
@layer dx-components {
  .dx-checkbox--switch,
  .dx-checkbox{
border-width: 1px;
border-color: var(--dx-unAccent);
}
    .dx-checkbox--switch[aria-checked=true],
    .dx-checkbox--switch[aria-checked=mixed],
    .dx-checkbox--switch:checked,
    .dx-checkbox[aria-checked=true],
    .dx-checkbox[aria-checked=mixed],
    .dx-checkbox:checked{
border-color: var(--dx-accentSurface);
background-color: var(--dx-accentSurface);
accent-color: var(--dx-accentSurface);
}
      .dx-checkbox--switch:not([disabled]):hover, .dx-checkbox--switch[disabled=false]:hover, .dx-checkbox:not([disabled]):hover, .dx-checkbox[disabled=false]:hover{
background-color: var(--dx-unAccentHover);
accent-color: var(--dx-unAccentHover);
}
        .dx-checkbox--switch:not([disabled]):hover[aria-checked=true],
        .dx-checkbox--switch:not([disabled]):hover[aria-checked=mixed],
        .dx-checkbox--switch:not([disabled]):hover:checked,
        .dx-checkbox--switch[disabled=false]:hover[aria-checked=true],
        .dx-checkbox--switch[disabled=false]:hover[aria-checked=mixed],
        .dx-checkbox--switch[disabled=false]:hover:checked,
        .dx-checkbox:not([disabled]):hover[aria-checked=true],
        .dx-checkbox:not([disabled]):hover[aria-checked=mixed],
        .dx-checkbox:not([disabled]):hover:checked,
        .dx-checkbox[disabled=false]:hover[aria-checked=true],
        .dx-checkbox[disabled=false]:hover[aria-checked=mixed],
        .dx-checkbox[disabled=false]:hover:checked{
border-color: var(--dx-accentSurfaceHover);
background-color: var(--dx-accentSurfaceHover);
accent-color: var(--dx-accentSurfaceHover);
}
  .dx-checkbox{
display: inline-grid;
flex-shrink: 0;
place-items: center;
overflow: hidden;
border-radius: 0.25rem;
background-color: var(--dx-unAccent);
color: var(--dx-accentSurfaceText);
accent-color: var(--dx-unAccent);
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
block-size: 1rem;
inline-size: 1rem;
}
  .dx-checkbox--switch{
position: relative;
display: inline-block;
flex-shrink: 0;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
block-size: 1.25rem;
inline-size: 2rem;
background-color: var(--dx-unAccent);
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
cursor: pointer;
border-radius: 9999px;
}
    .dx-checkbox--switch::before{
position: absolute;
display: block;
border-radius: 9999px;
border-color: var(--dx-separator);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 100ms;
will-change: transform;
block-size: 0.75rem;
inline-size: 0.75rem;
margin-inline: 0.1875rem;
margin-block: 0.1875rem;
      content: "";
}
    .dx-checkbox--switch[aria-checked=true],
    .dx-checkbox--switch[aria-checked=mixed],
    .dx-checkbox--switch:checked {
      background-image: none;
    }
      .dx-checkbox--switch[aria-checked=true]::before, .dx-checkbox--switch[aria-checked=mixed]::before, .dx-checkbox--switch:checked::before{
--tw-translate-x: 100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
/* packages/ui/react-ui-theme/src/styles/layers/dialog.css */
@layer dx-components {
  .dx-dialog__overlay{
position: fixed;
z-index: 50;
display: grid;
place-items: center;
overflow: auto;
background-color: var(--dx-scrimSurface);
block-size: 100dvh;
-webkit-padding-before: env(safe-area-inset-top);
        padding-block-start: env(safe-area-inset-top);
inset-inline: 0px;
inset-block-start: 0px;
}
    @media (min-width: 640px) {
  .dx-dialog__overlay{
padding: calc(env(safe-area-inset-top) + .6rem);
}
    }
    @media (min-width: 768px) {
  .dx-dialog__overlay{
padding: calc(env(safe-area-inset-top) + 1.2rem);
}
    }
    @media (min-width: 1024px) {
  .dx-dialog__overlay{
padding: calc(env(safe-area-inset-top) + 2.4rem);
}
    }
    .dx-dialog__overlay[data-block-align=start] {
      align-items: start;
      justify-items: center;
    }
    .dx-dialog__overlay[data-block-align=center] {
      place-items: center;
    }
    .dx-dialog__overlay[data-block-align=end] {
      align-items: end;
      justify-items: center;
    }
  .dx-dialog__content{
display: flex;
}
  @keyframes slideUpAndFade{

from{
opacity: 0;
transform: translateY(2px);
}

to{
opacity: 1;
transform: translateY(0);
}
}
  .dx-dialog__content{
animation: slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
flex-direction: column;
padding: 1rem;
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
inline-size: 100dvw;
max-inline-size: 100%;
    will-change: opacity, transform;
}
    @media (min-width: 640px) {
  .dx-dialog__content{
border-radius: .75rem;
border-width: 1px;
border-color: var(--dx-separator);
inline-size: 95vw;
}
    }
    @media (min-width: 768px) {
  .dx-dialog__content{
max-inline-size: 24rem;
}
    }
  .dx-dialog__title{
flex-shrink: 0;
border-radius: 0.5rem;
font-size: 1.266rem;
line-height: 1.75rem;
font-weight: 500;
}
  .dx-dialog__title,
  .not-italic.dx-dialog__title,
  .not-italic .dx-dialog__title,.dx-dialog__title .not-italic {
    font-variation-settings: "wght" 500, "slnt" 0;
  }
  .italic.dx-dialog__title,
  .italic .dx-dialog__title,.dx-dialog__title .italic {
    font-variation-settings: "wght" 500, "slnt" -10;
  }
  .dx-dialog__description{
margin-block: 0.5rem;
}
}
/* packages/ui/react-ui-theme/src/styles/layers/drag-preview.css */
@layer dx-base {
    body[data-drag-preview] i[data-tabster-dummy] {
      display: none;
    }
}
/* packages/ui/react-ui-theme/src/styles/layers/focus-ring.css */
/* packages/ui/react-ui-theme/src/styles/layers/hues.css */
@layer dx-components {
  .dx-text-hue[data-hue=red],
  .dx-text-hue--red{
color: var(--dx-redText);
}
  .dx-text-hue[data-hue=orange],
  .dx-text-hue--orange{
color: var(--dx-orangeText);
}
  .dx-text-hue[data-hue=amber],
  .dx-text-hue--amber{
color: var(--dx-amberText);
}
  .dx-text-hue[data-hue=yellow],
  .dx-text-hue--yellow{
color: var(--dx-yellowText);
}
  .dx-text-hue[data-hue=lime],
  .dx-text-hue--lime{
color: var(--dx-limeText);
}
  .dx-text-hue[data-hue=green],
  .dx-text-hue--green{
color: var(--dx-greenText);
}
  .dx-text-hue[data-hue=emerald],
  .dx-text-hue--emerald{
color: var(--dx-emeraldText);
}
  .dx-text-hue[data-hue=teal],
  .dx-text-hue--teal{
color: var(--dx-tealText);
}
  .dx-text-hue[data-hue=cyan],
  .dx-text-hue--cyan{
color: var(--dx-cyanText);
}
  .dx-text-hue[data-hue=sky],
  .dx-text-hue--sky{
color: var(--dx-skyText);
}
  .dx-text-hue[data-hue=blue],
  .dx-text-hue--blue{
color: var(--dx-blueText);
}
  .dx-text-hue[data-hue=indigo],
  .dx-text-hue--indigo{
color: var(--dx-indigoText);
}
  .dx-text-hue[data-hue=violet],
  .dx-text-hue--violet{
color: var(--dx-violetText);
}
  .dx-text-hue[data-hue=purple],
  .dx-text-hue--purple{
color: var(--dx-purpleText);
}
  .dx-text-hue[data-hue=fuchsia],
  .dx-text-hue--fuchsia{
color: var(--dx-fuchsiaText);
}
  .dx-text-hue[data-hue=pink],
  .dx-text-hue--pink{
color: var(--dx-pinkText);
}
  .dx-text-hue[data-hue=rose],
  .dx-text-hue--rose{
color: var(--dx-roseText);
}
  .dx-text-hue[data-hue=info],
  .dx-text-hue--info{
color: var(--dx-cyanText);
}
  .dx-text-hue[data-hue=success],
  .dx-text-hue--success{
color: var(--dx-emeraldText);
}
  .dx-text-hue[data-hue=warning],
  .dx-text-hue--warning{
color: var(--dx-amberText);
}
  .dx-text-hue[data-hue=error],
  .dx-text-hue--error{
color: var(--dx-roseText);
}
}
/* packages/ui/react-ui-theme/src/styles/layers/positioning.css */
@layer dx-components {
  .sticky-top-from-topbar-bottom {
    --sticky-top: var(--topbar-size);
  }
  .sticky-bottom-from-statusbar-bottom {
    --sticky-bottom: var(--statusbar-size);
  }
}
/* packages/ui/react-ui-theme/src/styles/layers/main.css */
@layer dx-components {
  .dx-main-sidebar{
position: fixed;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.5,0,0.5,1);
border-radius: .75rem;
border-width: var(--dx-landmarkLine);
border-color: var(--dx-subduedSeparator);
--tw-backdrop-blur: blur(12px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    background-color: var(--dx-sidebarSurface);
    --surface-bg: var(--dx-sidebarSurface);
}
  .dark .dx-main-sidebar {
    background-color: var(--dx-sidebarSurface);
    --surface-bg: var(--dx-sidebarSurface);
  }
  :is(.dark .dx-main-sidebar){
--tw-backdrop-blur: blur(16px);
-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);
}
  .dx-main-sidebar {
    transition-property:
      inset-inline-start,
      inset-inline-end,
      inline-size;
    inset-block-start: max(.5rem, env(safe-area-inset-top));
    inset-block-end: max(.5rem, env(safe-area-inset-bottom));
    inline-size: calc(100dvw - 3rem);
    z-index: 7;
  }
    @media (min-width: 1024px) {
  .dx-main-sidebar{
border-radius: 0;
inset-block-start: 0px;
inset-block-end: 0px;
border-block-start-width: var(--dx-line-0);
border-block-end-width: var(--dx-line-0);
}
    }
    .dx-main-sidebar[data-resizing=false]{
transition-duration: 200ms;
}
    .dx-main-sidebar[data-side=is]{
border-color: var(--dx-subduedSeparator);
inset-inline-start: -100vw;
border-inline-end-width: var(--dx-landmarkLine);
      z-index: 8;
}
      .dx-main-sidebar[data-side=is][data-state=expanded] {
        inset-inline-start: max(.5rem, env(safe-area-inset-left));
      }
        @media (min-width: 1024px) {
      .dx-main-sidebar[data-side=is][data-state=expanded]{
inset-inline-start: 0px;
}
        }
      @media (min-width: 640px) {
    .dx-main-sidebar[data-side=is]{
inline-size: var(--nav-sidebar-size);
}
      }
      @media (min-width: 1024px) {
    .dx-main-sidebar[data-side=is]{
border-inline-start-width: var(--dx-line-0);
}
        .dx-main-sidebar[data-side=is][data-state=collapsed]{
inline-size: var(--l0-size);
inset-inline-start: 0px;
}
        .dx-main-sidebar[data-side=is][data-state=expanded]{
inline-size: var(--nav-sidebar-size);
}
      }
    .dx-main-sidebar[data-side=ie]{
border-color: var(--dx-separator);
inset-inline-end: -100vw;
border-inline-start-width: var(--dx-landmarkLine);
}
      .dx-main-sidebar[data-side=ie][data-state=expanded] {
        inset-inline-end: max(.5rem, env(safe-area-inset-right));
      }
        @media (min-width: 1024px) {
      .dx-main-sidebar[data-side=ie][data-state=expanded]{
inset-inline-end: 0px;
}
        }
      @media (min-width: 640px) {
    .dx-main-sidebar[data-side=ie]{
inline-size: var(--complementary-sidebar-size);
}
      }
      @media (min-width: 1024px) {
    .dx-main-sidebar[data-side=ie]{
border-inline-end-width: var(--dx-line-0);
}
        .dx-main-sidebar[data-side=ie][data-state=collapsed]{
inline-size: var(--r0-size);
inset-inline-end: 0px;
}
        .dx-main-sidebar[data-side=ie][data-state=expanded]{
inline-size: var(--complementary-sidebar-size);
}
      }
  .dx-main-overlay{
position: fixed;
inset: 0px;
background-color: var(--dx-scrimSurface);
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.5,0,0.5,1);
display: none;
opacity: 0;
    z-index: 6;
}
    .dx-main-overlay[data-state=open]{
display: block;
opacity: 1;
}
      @media (min-width: 1024px) {
    .dx-main-overlay[data-state=open]{
display: none;
opacity: 1;
}
      }
}
/* packages/ui/react-ui-theme/src/styles/layers/native.css */
/* packages/ui/react-ui-theme/src/styles/layers/size.css */
.container-max-width{
inline-size: 100%;
max-inline-size: var(--dx-containerMaxWidth);
margin-inline: auto;
}
.popover-max-width{
inline-size: -moz-max-content;
inline-size: max-content;
max-inline-size: var(--dx-popoverMaxWidth);
}
.popover-card-width {
  inline-size: min(var(--radix-popper-available-width), var(--dx-popoverMaxWidth));
}
@layer dx-components {
  [data-size="0"],
  [data-block-size="0"]{
block-size: 0px;
}
  [data-size=px],
  [data-block-size=px]{
block-size: 1px;
}
  [data-size="0.5"],
  [data-block-size="0.5"]{
block-size: 0.125rem;
}
  [data-size="1"],
  [data-block-size="1"]{
block-size: 0.25rem;
}
  [data-size="1.5"],
  [data-block-size="1.5"]{
block-size: 0.375rem;
}
  [data-size="2"],
  [data-block-size="2"]{
block-size: 0.5rem;
}
  [data-size="2.5"],
  [data-block-size="2.5"]{
block-size: 0.625rem;
}
  [data-size="3"],
  [data-block-size="3"]{
block-size: 0.75rem;
}
  [data-size="3.5"],
  [data-block-size="3.5"]{
block-size: 0.875rem;
}
  [data-size="4"],
  [data-block-size="4"]{
block-size: 1rem;
}
  [data-size="5"],
  [data-block-size="5"]{
block-size: 1.25rem;
}
  [data-size="6"],
  [data-block-size="6"]{
block-size: 1.5rem;
}
  [data-size="7"],
  [data-block-size="7"]{
block-size: 1.75rem;
}
  [data-size="8"],
  [data-block-size="8"]{
block-size: 2rem;
}
  [data-size="9"],
  [data-block-size="9"]{
block-size: 2.25rem;
}
  [data-size="10"],
  [data-block-size="10"]{
block-size: 2.5rem;
}
  [data-size="11"],
  [data-block-size="11"]{
block-size: 2.75rem;
}
  [data-size="12"],
  [data-block-size="12"]{
block-size: 3rem;
}
  [data-size="14"],
  [data-block-size="14"]{
block-size: 3.5rem;
}
  [data-size="16"],
  [data-block-size="16"]{
block-size: 4rem;
}
  [data-size="20"],
  [data-block-size="20"]{
block-size: 5rem;
}
  [data-size="24"],
  [data-block-size="24"]{
block-size: 6rem;
}
  [data-size="28"],
  [data-block-size="28"]{
block-size: 7rem;
}
  [data-size="32"],
  [data-block-size="32"]{
block-size: 8rem;
}
  [data-size="36"],
  [data-block-size="36"]{
block-size: 9rem;
}
  [data-size="40"],
  [data-block-size="40"]{
block-size: 10rem;
}
  [data-size="44"],
  [data-block-size="44"]{
block-size: 11rem;
}
  [data-size="48"],
  [data-block-size="48"]{
block-size: 12rem;
}
  [data-size="52"],
  [data-block-size="52"]{
block-size: 13rem;
}
  [data-size="56"],
  [data-block-size="56"]{
block-size: 14rem;
}
  [data-size="60"],
  [data-block-size="60"]{
block-size: 15rem;
}
  [data-size="64"],
  [data-block-size="64"]{
block-size: 16rem;
}
  [data-size="72"],
  [data-block-size="72"]{
block-size: 18rem;
}
  [data-size="80"],
  [data-block-size="80"]{
block-size: 20rem;
}
  [data-size="96"],
  [data-block-size="96"]{
block-size: 24rem;
}
  [data-size="0"],
  [data-inline-size="0"]{
inline-size: 0px;
}
  [data-size=px],
  [data-inline-size=px]{
inline-size: 1px;
}
  [data-size="0.5"],
  [data-inline-size="0.5"]{
inline-size: 0.125rem;
}
  [data-size="1"],
  [data-inline-size="1"]{
inline-size: 0.25rem;
}
  [data-size="1.5"],
  [data-inline-size="1.5"]{
inline-size: 0.375rem;
}
  [data-size="2"],
  [data-inline-size="2"]{
inline-size: 0.5rem;
}
  [data-size="2.5"],
  [data-inline-size="2.5"]{
inline-size: 0.625rem;
}
  [data-size="3"],
  [data-inline-size="3"]{
inline-size: 0.75rem;
}
  [data-size="3.5"],
  [data-inline-size="3.5"]{
inline-size: 0.875rem;
}
  [data-size="4"],
  [data-inline-size="4"]{
inline-size: 1rem;
}
  [data-size="5"],
  [data-inline-size="5"]{
inline-size: 1.25rem;
}
  [data-size="6"],
  [data-inline-size="6"]{
inline-size: 1.5rem;
}
  [data-size="7"],
  [data-inline-size="7"]{
inline-size: 1.75rem;
}
  [data-size="8"],
  [data-inline-size="8"]{
inline-size: 2rem;
}
  [data-size="9"],
  [data-inline-size="9"]{
inline-size: 2.25rem;
}
  [data-size="10"],
  [data-inline-size="10"]{
inline-size: 2.5rem;
}
  [data-size="11"],
  [data-inline-size="11"]{
inline-size: 2.75rem;
}
  [data-size="12"],
  [data-inline-size="12"]{
inline-size: 3rem;
}
  [data-size="14"],
  [data-inline-size="14"]{
inline-size: 3.5rem;
}
  [data-size="16"],
  [data-inline-size="16"]{
inline-size: 4rem;
}
  [data-size="20"],
  [data-inline-size="20"]{
inline-size: 5rem;
}
  [data-size="24"],
  [data-inline-size="24"]{
inline-size: 6rem;
}
  [data-size="28"],
  [data-inline-size="28"]{
inline-size: 7rem;
}
  [data-size="32"],
  [data-inline-size="32"]{
inline-size: 8rem;
}
  [data-size="36"],
  [data-inline-size="36"]{
inline-size: 9rem;
}
  [data-size="40"],
  [data-inline-size="40"]{
inline-size: 10rem;
}
  [data-size="44"],
  [data-inline-size="44"]{
inline-size: 11rem;
}
  [data-size="48"],
  [data-inline-size="48"]{
inline-size: 12rem;
}
  [data-size="52"],
  [data-inline-size="52"]{
inline-size: 13rem;
}
  [data-size="56"],
  [data-inline-size="56"]{
inline-size: 14rem;
}
  [data-size="60"],
  [data-inline-size="60"]{
inline-size: 15rem;
}
  [data-size="64"],
  [data-inline-size="64"]{
inline-size: 16rem;
}
  [data-size="72"],
  [data-inline-size="72"]{
inline-size: 18rem;
}
  [data-size="80"],
  [data-inline-size="80"]{
inline-size: 20rem;
}
  [data-size="96"],
  [data-inline-size="96"]{
inline-size: 24rem;
}
}
/* packages/ui/react-ui-theme/src/styles/layers/surfaces.css */
/* packages/ui/react-ui-theme/src/styles/layers/tag.css */
@layer dx-tokens {
  :root {
    --dx-tag-padding-block: 0.2rem;
  }
}
@layer dx-components {
  .dx-tag{
display: inline-block;
cursor: default;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 0.25rem;
font-size: 0.790rem;
line-height: 1rem;
font-weight: 600;
margin-inline: 0.125rem;
padding-inline: 0.25rem;
}
  .dx-tag,
  .not-italic.dx-tag,
  .not-italic .dx-tag,.dx-tag .not-italic {
    font-variation-settings: "wght" 600, "slnt" 0;
  }
  .italic.dx-tag,
  .italic .dx-tag,.dx-tag .italic {
    font-variation-settings: "wght" 600, "slnt" -10;
  }
  .dx-tag {
    padding-block: var(--dx-tag-padding-block);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .dx-tag[data-hue=neutral],
  .dx-tag--neutral{
background-color: var(--dx-separator);
color: var(--dx-neutral-700);
}
  :is(.dark .dx-tag[data-hue=neutral]),:is(.dark 
  .dx-tag--neutral){
color: var(--dx-neutral-150);
}
  .dx-tag[data-hue=red],
  .dx-tag--red{
background-color: var(--dx-redSurface);
color: var(--dx-redSurfaceText);
}
  .dx-tag[data-hue=orange],
  .dx-tag--orange{
background-color: var(--dx-orangeSurface);
color: var(--dx-orangeSurfaceText);
}
  .dx-tag[data-hue=amber],
  .dx-tag--amber{
background-color: var(--dx-amberSurface);
color: var(--dx-amberSurfaceText);
}
  .dx-tag[data-hue=yellow],
  .dx-tag--yellow{
background-color: var(--dx-yellowSurface);
color: var(--dx-yellowSurfaceText);
}
  .dx-tag[data-hue=lime],
  .dx-tag--lime{
background-color: var(--dx-limeSurface);
color: var(--dx-limeSurfaceText);
}
  .dx-tag[data-hue=green],
  .dx-tag--green{
background-color: var(--dx-greenSurface);
color: var(--dx-greenSurfaceText);
}
  .dx-tag[data-hue=emerald],
  .dx-tag--emerald{
background-color: var(--dx-emeraldSurface);
color: var(--dx-emeraldSurfaceText);
}
  .dx-tag[data-hue=teal],
  .dx-tag--teal{
background-color: var(--dx-tealSurface);
color: var(--dx-tealSurfaceText);
}
  .dx-tag[data-hue=cyan],
  .dx-tag--cyan{
background-color: var(--dx-cyanSurface);
color: var(--dx-cyanSurfaceText);
}
  .dx-tag[data-hue=sky],
  .dx-tag--sky{
background-color: var(--dx-skySurface);
color: var(--dx-skySurfaceText);
}
  .dx-tag[data-hue=blue],
  .dx-tag--blue{
background-color: var(--dx-blueSurface);
color: var(--dx-blueSurfaceText);
}
  .dx-tag[data-hue=indigo],
  .dx-tag--indigo{
background-color: var(--dx-indigoSurface);
color: var(--dx-indigoSurfaceText);
}
  .dx-tag[data-hue=violet],
  .dx-tag--violet{
background-color: var(--dx-violetSurface);
color: var(--dx-violetSurfaceText);
}
  .dx-tag[data-hue=purple],
  .dx-tag--purple{
background-color: var(--dx-purpleSurface);
color: var(--dx-purpleSurfaceText);
}
  .dx-tag[data-hue=fuchsia],
  .dx-tag--fuchsia{
background-color: var(--dx-fuchsiaSurface);
color: var(--dx-fuchsiaSurfaceText);
}
  .dx-tag[data-hue=pink],
  .dx-tag--pink{
background-color: var(--dx-pinkSurface);
color: var(--dx-pinkSurfaceText);
}
  .dx-tag[data-hue=rose],
  .dx-tag--rose{
background-color: var(--dx-roseSurface);
color: var(--dx-roseSurfaceText);
}
  .dx-tag[data-hue=info],
  .dx-tag--info{
background-color: var(--dx-cyanSurface);
color: var(--dx-cyanSurfaceText);
}
  .dx-tag[data-hue=success],
  .dx-tag--success{
background-color: var(--dx-emeraldSurface);
color: var(--dx-emeraldSurfaceText);
}
  .dx-tag[data-hue=warning],
  .dx-tag--warning{
background-color: var(--dx-amberSurface);
color: var(--dx-amberSurfaceText);
}
  .dx-tag[data-hue=error],
  .dx-tag--error{
background-color: var(--dx-roseSurface);
color: var(--dx-roseSurfaceText);
}
}
/* packages/ui/react-ui-theme/src/styles/layers/tldraw.css */
@layer dx-components {
  .tl-container.tl-theme__light {
    --color-accent: var(--color-accent);
    --color-background: var(--surface-bg);
    --color-panel-contrast: var(--dx-separator);
    --color-panel-overlay: rgba(255, 255, 255, 0.82);
  }
  .tl-container.tl-theme__dark {
    --color-accent: var(--color-accent);
    --color-background: var(--surface-bg);
    --color-divider: var(--dx-separator);
    --color-panel: var(--dx-attention);
    --color-panel-contrast: var(--dx-separator);
    --color-panel-overlay: rgba(54, 61, 68, 0.82);
  }
}
/* packages/ui/react-ui-theme/src/styles/layers/tokens.css */
@layer dx-tokens {:root, .dark {
  --dx-red-100: rgb(100% 79.878% 77.019%);
  --dx-red-200: rgb(100% 61.459% 57.612%);
  --dx-red-300: rgb(94.435% 44.607% 41.115%);
  --dx-red-400: rgb(85.83% 25.683% 24.45%);
  --dx-red-500: rgb(76.255% 0% 2.6876%);
  --dx-red-550: rgb(66.434% 0% 1.2039%);
  --dx-red-700: rgb(38.671% 0% 0%);
  --dx-red-800: rgb(21.861% 0% 0%);

  --dx-orange-100: rgb(100% 80.88% 69.031%);
  --dx-orange-200: rgb(100% 63.357% 43.816%);
  --dx-orange-300: rgb(93.994% 46.914% 19.627%);
  --dx-orange-400: rgb(83.785% 30.848% 0%);
  --dx-orange-500: rgb(66.195% 22.718% 0%);
  --dx-orange-550: rgb(57.696% 18.803% 0%);
  --dx-orange-700: rgb(33.608% 7.6965% 0%);
  --dx-orange-800: rgb(18.97% 1.4722% 0%);

  --dx-amber-100: rgb(100% 82.189% 57.251%);
  --dx-amber-200: rgb(97.265% 67.228% 30.953%);
  --dx-amber-300: rgb(88.764% 52.212% 0%);
  --dx-amber-400: rgb(72.624% 41.865% 0%);
  --dx-amber-500: rgb(57.122% 31.95% 0%);
  --dx-amber-550: rgb(49.641% 27.172% 0%);
  --dx-amber-700: rgb(28.45% 13.69% 0%);
  --dx-amber-800: rgb(15.599% 5.5762% 0%);

  --dx-yellow-100: rgb(97.976% 85.942% 54.019%);
  --dx-yellow-200: rgb(88.651% 72.34% 23.975%);
  --dx-yellow-300: rgb(77.632% 59.319% 0%);
  --dx-yellow-400: rgb(63.3% 47.876% 0%);
  --dx-yellow-500: rgb(49.547% 36.903% 0%);
  --dx-yellow-550: rgb(42.915% 31.613% 0%);
  --dx-yellow-700: rgb(24.129% 16.681% 0%);
  --dx-yellow-800: rgb(12.766% 7.6869% 0%);

  --dx-lime-100: rgb(88.23% 89.814% 56.674%);
  --dx-lime-200: rgb(76.262% 77.552% 29.404%);
  --dx-lime-300: rgb(64.678% 65.253% 0%);
  --dx-lime-400: rgb(52.44% 52.872% 0%);
  --dx-lime-500: rgb(40.701% 40.995% 0%);
  --dx-lime-550: rgb(35.042% 35.269% 0%);
  --dx-lime-700: rgb(19.048% 19.086% 0%);
  --dx-lime-800: rgb(9.4073% 9.3261% 0%);

  --dx-green-100: rgb(77.044% 93.004% 64.354%);
  --dx-green-200: rgb(60.981% 81.788% 42.661%);
  --dx-green-200\/\.5: rgb(60.981% 81.788% 42.661% / 0.5);
  --dx-green-300: rgb(45.164% 70.554% 15.613%);
  --dx-green-400: rgb(32.027% 58.549% 0%);
  --dx-green-500: rgb(23.919% 45.622% 0% / none);
  --dx-green-500: rgb(23.919% 45.622% 0%);
  --dx-green-550: rgb(20.001% 39.39% 0%);
  --dx-green-600: rgb(16.207% 33.324% 0%);
  --dx-green-600\/\.5: rgb(16.207% 33.324% 0% / 0.5);
  --dx-green-700: rgb(9.0016% 21.757% 0%);
  --dx-green-800: rgb(2.5605% 11.103% 0%);

  --dx-emerald-100: rgb(66.452% 94.946% 74.659%);
  --dx-emerald-200: rgb(44.334% 84.334% 57.735%);
  --dx-emerald-300: rgb(12.667% 73.661% 40.921%);
  --dx-emerald-400: rgb(0% 61.715% 27.384%);
  --dx-emerald-500: rgb(0% 48.256% 19.915%);
  --dx-emerald-500\/\.5: rgb(0% 48.256% 19.915% / 0.5);
  --dx-emerald-550: rgb(0% 41.759% 16.326%);
  --dx-emerald-700: rgb(0% 23.379% 6.1532%);
  --dx-emerald-800: rgb(0% 12.248% 1.0106%);

  --dx-teal-100: rgb(59.167% 95.424% 85.258%);
  --dx-teal-200: rgb(29.685% 84.947% 72.045%);
  --dx-teal-300: rgb(0% 73.822% 59.405%);
  --dx-teal-400: rgb(0% 60.111% 47.978%);
  --dx-teal-500: rgb(0% 46.953% 37.02%);
  --dx-teal-550: rgb(0% 40.604% 31.739%);
  --dx-teal-700: rgb(0% 22.642% 16.829%);
  --dx-teal-800: rgb(0% 11.776% 7.8548%);

  --dx-cyan-100: rgb(57.437% 94.57% 94.454%);
  --dx-cyan-200: rgb(25.523% 83.819% 84.061%);
  --dx-cyan-300: rgb(0% 72.143% 72.767%);
  --dx-cyan-400: rgb(0% 58.696% 59.251%);
  --dx-cyan-500: rgb(0% 45.79% 46.278%);
  --dx-cyan-550: rgb(0% 39.566% 40.023%);
  --dx-cyan-600: rgb(0% 33.509% 33.934%);
  --dx-cyan-700: rgb(0% 21.957% 22.323%);
  --dx-cyan-800: rgb(0% 11.305% 11.617%);

  --dx-sky-100: rgb(61.058% 92.747% 100%);
  --dx-sky-200: rgb(34.536% 81.433% 92.839%);
  --dx-sky-300: rgb(0% 70.076% 84.373%);
  --dx-sky-400: rgb(0% 57.031% 69.351%);
  --dx-sky-500: rgb(0% 44.415% 54.569%);
  --dx-sky-550: rgb(0% 38.329% 47.434%);
  --dx-sky-700: rgb(0% 21.119% 27.235%);
  --dx-sky-800: rgb(0% 10.713% 14.978%);

  --dx-blue-100: rgb(67.752% 90.38% 100%);
  --dx-blue-200: rgb(47.04% 78.355% 98.09%);
  --dx-blue-300: rgb(22.354% 66.328% 90.641%);
  --dx-blue-400: rgb(0% 54.199% 82.47%);
  --dx-blue-500: rgb(0% 42.051% 65.37%);
  --dx-blue-550: rgb(0% 36.191% 57.107%);
  --dx-blue-700: rgb(0% 19.618% 33.697%);
  --dx-blue-800: rgb(0% 9.5934% 19.459%);

  --dx-indigo-100: rgb(76.291% 87.794% 100%);
  --dx-indigo-200: rgb(58.865% 75.035% 100%);
  --dx-indigo-300: rgb(42.588% 62.307% 92.971%);
  --dx-indigo-400: rgb(26.223% 49.511% 85.633%);
  --dx-indigo-500: rgb(6.8043% 36.344% 78.038%);
  --dx-indigo-550: rgb(0% 29.378% 74.142%);
  --dx-indigo-700: rgb(0% 7.7405% 55.127%);
  --dx-indigo-800: rgb(0% 0% 35.345%);

  --dx-violet-100: rgb(83.207% 85.35% 100%);
  --dx-violet-200: rgb(69.383% 71.731% 99.186%);
  --dx-violet-300: rgb(56.366% 58.314% 91.899%);
  --dx-violet-400: rgb(44.193% 44.863% 84.37%);
  --dx-violet-500: rgb(33.18% 30.934% 76.59%);
  --dx-violet-550: rgb(28.279% 23.364% 72.603%);
  --dx-violet-700: rgb(16.46% 0% 55.926%);
  --dx-violet-800: rgb(8.0078% 0% 32.752%);

  --dx-purple-100: rgb(90.28% 82.837% 100%);
  --dx-purple-200: rgb(78.722% 68.559% 95.778%);
  --dx-purple-300: rgb(67.538% 54.45% 87.797%);
  --dx-purple-400: rgb(56.775% 40.315% 79.644%);
  --dx-purple-500: rgb(46.503% 25.509% 71.305%);
  --dx-purple-550: rgb(41.579% 17.061% 67.062%);
  --dx-purple-700: rgb(25.44% 0% 46.637%);
  --dx-purple-800: rgb(13.472% 0% 26.944%);

  --dx-fuchsia-100: rgb(96.911% 80.63% 99.014%);
  --dx-fuchsia-200: rgb(87.01% 65.623% 89.875%);
  --dx-fuchsia-300: rgb(77.071% 50.773% 80.722%);
  --dx-fuchsia-400: rgb(67.073% 35.787% 71.543%);
  --dx-fuchsia-500: rgb(56.99% 19.468% 62.324%);
  --dx-fuchsia-550: rgb(51.905% 8.4281% 57.694%);
  --dx-fuchsia-700: rgb(31.419% 0% 35.998%);
  --dx-fuchsia-800: rgb(17.207% 0% 20.199%);

  --dx-pink-100: rgb(100% 78.837% 92.443%);
  --dx-pink-200: rgb(94.087% 63.146% 81.404%);
  --dx-pink-300: rgb(85.091% 47.483% 70.575%);
  --dx-pink-400: rgb(75.656% 31.281% 59.967%);
  --dx-pink-500: rgb(65.74% 11.105% 49.586%);
  --dx-pink-550: rgb(60.585% 0% 44.483%);
  --dx-pink-700: rgb(35.193% 0% 25.03%);
  --dx-pink-800: rgb(19.592% 0% 13.169%);

  --dx-rose-100: rgb(100% 78.812% 84.347%);
  --dx-rose-200: rgb(99.432% 61.557% 70.476%);
  --dx-rose-300: rgb(91.154% 45.111% 57.367%);
  --dx-rose-400: rgb(82.193% 27.321% 44.774%);
  --dx-rose-500: rgb(72.519% 0% 32.765% / none);
  --dx-rose-500: rgb(72.519% 0% 32.765%);
  --dx-rose-550: rgb(64.401% 0% 27.702%);
  --dx-rose-700: rgb(37.321% 0% 14.337%);
  --dx-rose-800: rgb(20.936% 0% 6.3008%);

  --dx-neutral-0: rgb(100% 100% 100%);
  --dx-neutral-100: rgb(87.032% 86.962% 86.98%);
  --dx-neutral-1000: rgb(0% 0% 0%);
  --dx-neutral-150: rgb(80.678% 80.576% 80.602%);
  --dx-neutral-200: rgb(74.418% 74.283% 74.317%);
  --dx-neutral-200\/\.5: rgb(74.418% 74.283% 74.317% / 0.5);
  --dx-neutral-24: rgb(96.857% 96.84% 96.844%);
  --dx-neutral-24\/0\.65: rgb(96.857% 96.84% 96.844% / 0.65);
  --dx-neutral-25: rgb(96.726% 96.709% 96.713%);
  --dx-neutral-250: rgb(68.253% 68.088% 68.129%);
  --dx-neutral-300: rgb(62.19% 61.996% 62.044%);
  --dx-neutral-400: rgb(50.391% 50.142% 50.204%);
  --dx-neutral-43: rgb(94.382% 94.352% 94.359%);
  --dx-neutral-450: rgb(44.668% 44.393% 44.461%);
  --dx-neutral-450\/\.1: rgb(44.668% 44.393% 44.461% / 0.1);
  --dx-neutral-50: rgb(93.473% 93.438% 93.447%);
  --dx-neutral-50\/0: rgb(93.473% 93.438% 93.447% / 0);
  --dx-neutral-500: rgb(39.072% 38.774% 38.848%);
  --dx-neutral-500\/\.1: rgb(39.072% 38.774% 38.848% / 0.1);
  --dx-neutral-550: rgb(33.614% 33.295% 33.374%);
  --dx-neutral-600: rgb(28.304% 27.966% 28.05%);
  --dx-neutral-623: rgb(25.915% 25.569% 25.656%);
  --dx-neutral-63: rgb(91.79% 91.746% 91.757%);
  --dx-neutral-644: rgb(23.765% 23.413% 23.501%);
  --dx-neutral-665: rgb(21.646% 21.288% 21.377%);
  --dx-neutral-686: rgb(19.56% 19.196% 19.287%);
  --dx-neutral-700: rgb(18.188% 17.821% 17.913%);
  --dx-neutral-708: rgb(17.411% 17.042% 17.134%);
  --dx-neutral-729: rgb(15.396% 15.024% 15.117%);
  --dx-neutral-75: rgb(90.242% 90.189% 90.202%);
  --dx-neutral-750: rgb(13.42% 13.045% 13.139%);
  --dx-neutral-793: rgb(9.5019% 9.1242% 9.2191%);
  --dx-neutral-800: rgb(8.8818% 8.5042% 8.5991%);
  --dx-neutral-800\/\.5: rgb(8.8818% 8.5042% 8.5991% / 0.5);
  --dx-neutral-82: rgb(89.341% 89.284% 89.298%);
  --dx-neutral-850: rgb(4.6156% 4.243% 4.3372%);
  --dx-neutral-855: rgb(4.2061% 3.8343% 3.9277%);
  --dx-neutral-855\/0\.65: rgb(4.2061% 3.8343% 3.9277% / 0.65);
  --dx-neutral-900: rgb(1.4284% 1.2396% 1.2864%);
  --dx-neutral-950: rgb(0.19772% 0.14761% 0.16003%);

  --dx-primary-100: rgb(72.203% 89.076% 100%);
  --dx-primary-150: rgb(60.564% 82.906% 100%);
  --dx-primary-200: rgb(48.433% 76.567% 100%);
  --dx-primary-300: rgb(18.199% 63.149% 100%);
  --dx-primary-300\/\.1: rgb(18.199% 63.149% 100% / 0.1);
  --dx-primary-350: rgb(0% 55.914% 100%);
  --dx-primary-400: rgb(0% 49.118% 99.384%);
  --dx-primary-400\/\.1: rgb(0% 49.118% 99.384% / 0.1);
  --dx-primary-400\/\.5: rgb(0% 49.118% 99.384% / 0.5);
  --dx-primary-450: rgb(0% 43.159% 89.816%);
  --dx-primary-475: rgb(0% 40.24% 85.077%);
  --dx-primary-500: rgb(0% 37.373% 80.318%);
  --dx-primary-500\/\.2: rgb(0% 37.373% 80.318% / 0.2);
  --dx-primary-500\/\.5: rgb(0% 37.373% 80.318% / 0.5);
  --dx-primary-550: rgb(0% 31.755% 70.941%);
  --dx-primary-600: rgb(0% 26.306% 61.725%);
  --dx-primary-600\/\.5: rgb(0% 26.306% 61.725% / 0.5);
  --dx-primary-700: rgb(0% 15.916% 43.955%);
  --dx-primary-750: rgb(0% 10.962% 35.495%);
  --dx-primary-800: rgb(0% 6.0543% 27.518%);
  --dx-primary-850: rgb(0% 1.2672% 20.512%);
}

@media (color-gamut: p3) {
  :root, .dark {
    --dx-red-100: color(display-p3 1 0.79288 0.7563);
    --dx-red-200: color(display-p3 0.96631 0.63395 0.59052);
    --dx-red-300: color(display-p3 0.88181 0.47435 0.43061);
    --dx-red-400: color(display-p3 0.79258 0.30424 0.2724);
    --dx-red-500: color(display-p3 0.69828 0.04751 0.09809);
    --dx-red-550: color(display-p3 0.63351 0 0.00649);
    --dx-red-700: color(display-p3 0.36742 0 0);
    --dx-red-800: color(display-p3 0.20622 0 0);

    --dx-orange-100: color(display-p3 1 0.80547 0.67112);
    --dx-orange-200: color(display-p3 0.96362 0.65131 0.47375);
    --dx-orange-300: color(display-p3 0.87961 0.49477 0.26583);
    --dx-orange-400: color(display-p3 0.79124 0.32829 0);
    --dx-orange-500: color(display-p3 0.63361 0.23211 0);
    --dx-orange-550: color(display-p3 0.55138 0.19308 0);
    --dx-orange-700: color(display-p3 0.3187 0.0823 0);
    --dx-orange-800: color(display-p3 0.17759 0.01866 0);

    --dx-amber-100: color(display-p3 1 0.83084 0.60738);
    --dx-amber-200: color(display-p3 0.92846 0.68513 0.37613);
    --dx-amber-300: color(display-p3 0.84021 0.53807 0.00148);
    --dx-amber-400: color(display-p3 0.70505 0.42013 0);
    --dx-amber-500: color(display-p3 0.55348 0.321 0);
    --dx-amber-550: color(display-p3 0.48039 0.2732 0);
    --dx-amber-700: color(display-p3 0.27344 0.13835 0);
    --dx-amber-800: color(display-p3 0.14809 0.05723 0);

    --dx-yellow-100: color(display-p3 0.95984 0.86378 0.5822);
    --dx-yellow-200: color(display-p3 0.86048 0.72959 0.33285);
    --dx-yellow-300: color(display-p3 0.76223 0.59528 0);
    --dx-yellow-400: color(display-p3 0.6231 0.47971 0);
    --dx-yellow-500: color(display-p3 0.48704 0.36987 0);
    --dx-yellow-550: color(display-p3 0.42143 0.31692 0);
    --dx-yellow-700: color(display-p3 0.23575 0.16742 0);
    --dx-yellow-800: color(display-p3 0.12352 0.07739 0);

    --dx-lime-100: color(display-p3 0.88514 0.89762 0.60596);
    --dx-lime-200: color(display-p3 0.76493 0.77509 0.37198);
    --dx-lime-300: color(display-p3 0.64931 0.65289 0);
    --dx-lime-400: color(display-p3 0.5293 0.52981 0);
    --dx-lime-500: color(display-p3 0.41086 0.41076 0);
    --dx-lime-550: color(display-p3 0.35374 0.35336 0);
    --dx-lime-700: color(display-p3 0.19236 0.19118 0);
    --dx-lime-800: color(display-p3 0.09504 0.09338 0);

    --dx-green-100: color(display-p3 0.80187 0.92532 0.67217);
    --dx-green-200: color(display-p3 0.65317 0.81206 0.4734);
    --dx-green-200\/\.5: color(display-p3 0.65317 0.81206 0.4734 / 0.5);
    --dx-green-300: color(display-p3 0.50891 0.69894 0.26032);
    --dx-green-400: color(display-p3 0.36878 0.58583 0);
    --dx-green-500: color(display-p3 0.2768 0.45746 0 / none);
    --dx-green-500: color(display-p3 0.2768 0.45746 0);
    --dx-green-550: color(display-p3 0.23422 0.39485 0);
    --dx-green-600: color(display-p3 0.19284 0.33394 0);
    --dx-green-600\/\.5: color(display-p3 0.19284 0.33394 0 / 0.5);
    --dx-green-700: color(display-p3 0.11423 0.21784 0);
    --dx-green-800: color(display-p3 0.04225 0.11094 0);

    --dx-emerald-100: color(display-p3 0.7261 0.94176 0.76244);
    --dx-emerald-200: color(display-p3 0.54362 0.83387 0.60005);
    --dx-emerald-300: color(display-p3 0.35116 0.72588 0.44111);
    --dx-emerald-400: color(display-p3 0.07571 0.61758 0.2825);
    --dx-emerald-500: color(display-p3 0 0.49594 0.16281);
    --dx-emerald-500\/\.5: color(display-p3 0 0.49594 0.16281 / 0.5);
    --dx-emerald-550: color(display-p3 0 0.42921 0.13107);
    --dx-emerald-700: color(display-p3 0 0.24023 0.04163);
    --dx-emerald-800: color(display-p3 0 0.12593 0.0048);

    --dx-teal-100: color(display-p3 0.67535 0.94502 0.85692);
    --dx-teal-200: color(display-p3 0.46333 0.83816 0.72618);
    --dx-teal-300: color(display-p3 0.19463 0.73116 0.59956);
    --dx-teal-400: color(display-p3 0 0.61395 0.47996);
    --dx-teal-500: color(display-p3 0 0.47951 0.37047);
    --dx-teal-550: color(display-p3 0 0.41463 0.31769);
    --dx-teal-700: color(display-p3 0 0.23115 0.16868);
    --dx-teal-800: color(display-p3 0 0.12019 0.07899);

    --dx-cyan-100: color(display-p3 0.661 0.93635 0.93984);
    --dx-cyan-200: color(display-p3 0.43999 0.8267 0.83453);
    --dx-cyan-300: color(display-p3 0.12792 0.71702 0.73119);
    --dx-cyan-400: color(display-p3 0 0.59473 0.6116);
    --dx-cyan-500: color(display-p3 0 0.4638 0.47789);
    --dx-cyan-550: color(display-p3 0 0.40066 0.41341);
    --dx-cyan-600: color(display-p3 0 0.33922 0.35068);
    --dx-cyan-700: color(display-p3 0 0.22207 0.23102);
    --dx-cyan-800: color(display-p3 0 0.11413 0.12074);

    --dx-sky-100: color(display-p3 0.68137 0.91917 1);
    --dx-sky-200: color(display-p3 0.47538 0.8041 0.91447);
    --dx-sky-300: color(display-p3 0.23015 0.68915 0.82749);
    --dx-sky-400: color(display-p3 0 0.57141 0.7282);
    --dx-sky-500: color(display-p3 0 0.44467 0.57312);
    --dx-sky-550: color(display-p3 0 0.38354 0.4983);
    --dx-sky-700: color(display-p3 0 0.21068 0.28624);
    --dx-sky-800: color(display-p3 0 0.10628 0.15783);

    --dx-blue-100: color(display-p3 0.72458 0.89746 1);
    --dx-blue-200: color(display-p3 0.54362 0.77568 0.96231);
    --dx-blue-300: color(display-p3 0.35621 0.65429 0.88499);
    --dx-blue-400: color(display-p3 0.11796 0.53248 0.80655);
    --dx-blue-500: color(display-p3 0 0.41083 0.6955);
    --dx-blue-550: color(display-p3 0 0.35307 0.60743);
    --dx-blue-700: color(display-p3 0 0.18976 0.35792);
    --dx-blue-800: color(display-p3 0 0.09107 0.20633);

    --dx-indigo-100: color(display-p3 0.7788 0.87443 1);
    --dx-indigo-200: color(display-p3 0.6214 0.7457 0.97987);
    --dx-indigo-300: color(display-p3 0.46875 0.61778 0.90598);
    --dx-indigo-400: color(display-p3 0.31934 0.48949 0.83055);
    --dx-indigo-500: color(display-p3 0.16813 0.35791 0.75349);
    --dx-indigo-550: color(display-p3 0.08248 0.28848 0.71433);
    --dx-indigo-700: color(display-p3 0 0.0225 0.55877);
    --dx-indigo-800: color(display-p3 0 0 0.33757);

    --dx-violet-100: color(display-p3 0.83463 0.85195 1);
    --dx-violet-200: color(display-p3 0.69807 0.71654 0.97109);
    --dx-violet-300: color(display-p3 0.56718 0.58251 0.89525);
    --dx-violet-400: color(display-p3 0.44313 0.44841 0.81797);
    --dx-violet-500: color(display-p3 0.32795 0.31012 0.73917);
    --dx-violet-550: color(display-p3 0.2748 0.23546 0.69917);
    --dx-violet-700: color(display-p3 0.14222 0 0.54092);
    --dx-violet-800: color(display-p3 0.06477 0 0.31623);

    --dx-purple-100: color(display-p3 0.89018 0.83098 1);
    --dx-purple-200: color(display-p3 0.77045 0.68928 0.93882);
    --dx-purple-300: color(display-p3 0.65457 0.54949 0.85626);
    --dx-purple-400: color(display-p3 0.54306 0.40998 0.7729);
    --dx-purple-500: color(display-p3 0.4366 0.2654 0.68864);
    --dx-purple-550: color(display-p3 0.38557 0.18507 0.64614);
    --dx-purple-700: color(display-p3 0.22961 0 0.45699);
    --dx-purple-800: color(display-p3 0.11872 0 0.26334);

    --dx-fuchsia-100: color(display-p3 0.94288 0.8124 0.97797);
    --dx-fuchsia-200: color(display-p3 0.83727 0.66481 0.88356);
    --dx-fuchsia-300: color(display-p3 0.73275 0.51931 0.7897);
    --dx-fuchsia-400: color(display-p3 0.62927 0.37383 0.69633);
    --dx-fuchsia-500: color(display-p3 0.52672 0.22054 0.60337);
    --dx-fuchsia-550: color(display-p3 0.47574 0.12937 0.55702);
    --dx-fuchsia-700: color(display-p3 0.29023 0 0.35782);
    --dx-fuchsia-800: color(display-p3 0.15674 0 0.20039);

    --dx-pink-100: color(display-p3 0.98988 0.79783 0.91736);
    --dx-pink-200: color(display-p3 0.89595 0.64497 0.80503);
    --dx-pink-300: color(display-p3 0.80044 0.49358 0.69515);
    --dx-pink-400: color(display-p3 0.70306 0.34026 0.58786);
    --dx-pink-500: color(display-p3 0.60348 0.16943 0.48333);
    --dx-pink-550: color(display-p3 0.55271 0.03137 0.43214);
    --dx-pink-700: color(display-p3 0.33082 0 0.24857);
    --dx-pink-800: color(display-p3 0.1824 0 0.13047);

    --dx-rose-100: color(display-p3 1 0.78989 0.8408);
    --dx-rose-200: color(display-p3 0.94134 0.63314 0.70515);
    --dx-rose-300: color(display-p3 0.85269 0.47629 0.57407);
    --dx-rose-400: color(display-p3 0.76018 0.31321 0.44805);
    --dx-rose-500: color(display-p3 0.66346 0.10558 0.32773 / none);
    --dx-rose-500: color(display-p3 0.66346 0.10558 0.32773);
    --dx-rose-550: color(display-p3 0.61303 0 0.27005);
    --dx-rose-700: color(display-p3 0.35366 0 0.13906);
    --dx-rose-800: color(display-p3 0.19678 0 0.0603);

    --dx-neutral-0: color(display-p3 1 1 1);
    --dx-neutral-100: color(display-p3 0.87019 0.86965 0.86979);
    --dx-neutral-1000: color(display-p3 0 0 0);
    --dx-neutral-150: color(display-p3 0.8066 0.8058 0.80601);
    --dx-neutral-200: color(display-p3 0.74394 0.74288 0.74316);
    --dx-neutral-200\/\.5: color(display-p3 0.74394 0.74288 0.74316 / 0.5);
    --dx-neutral-24: color(display-p3 0.96854 0.9684 0.96844);
    --dx-neutral-24\/0\.65: color(display-p3 0.96854 0.9684 0.96844 / 0.65);
    --dx-neutral-25: color(display-p3 0.96723 0.96709 0.96713);
    --dx-neutral-250: color(display-p3 0.68224 0.68094 0.68128);
    --dx-neutral-300: color(display-p3 0.62156 0.62002 0.62043);
    --dx-neutral-400: color(display-p3 0.50347 0.5015 0.50202);
    --dx-neutral-43: color(display-p3 0.94377 0.94353 0.94359);
    --dx-neutral-450: color(display-p3 0.44619 0.44402 0.4446);
    --dx-neutral-450\/\.1: color(display-p3 0.44619 0.44402 0.4446 / 0.1);
    --dx-neutral-50: color(display-p3 0.93467 0.93439 0.93447);
    --dx-neutral-50\/0: color(display-p3 0.93467 0.93439 0.93447 / 0);
    --dx-neutral-500: color(display-p3 0.3902 0.38784 0.38847);
    --dx-neutral-500\/\.1: color(display-p3 0.3902 0.38784 0.38847 / 0.1);
    --dx-neutral-550: color(display-p3 0.33558 0.33305 0.33373);
    --dx-neutral-600: color(display-p3 0.28244 0.27977 0.28049);
    --dx-neutral-623: color(display-p3 0.25854 0.25581 0.25654);
    --dx-neutral-63: color(display-p3 0.91782 0.91748 0.91757);
    --dx-neutral-644: color(display-p3 0.23703 0.23425 0.23499);
    --dx-neutral-665: color(display-p3 0.21583 0.213 0.21375);
    --dx-neutral-686: color(display-p3 0.19496 0.19208 0.19285);
    --dx-neutral-700: color(display-p3 0.18123 0.17833 0.17911);
    --dx-neutral-708: color(display-p3 0.17346 0.17055 0.17133);
    --dx-neutral-729: color(display-p3 0.15331 0.15037 0.15115);
    --dx-neutral-75: color(display-p3 0.90232 0.90191 0.90202);
    --dx-neutral-750: color(display-p3 0.13354 0.13057 0.13137);
    --dx-neutral-793: color(display-p3 0.09436 0.09137 0.09217);
    --dx-neutral-800: color(display-p3 0.08816 0.08517 0.08597);
    --dx-neutral-800\/\.5: color(display-p3 0.08816 0.08517 0.08597 / 0.5);
    --dx-neutral-82: color(display-p3 0.8933 0.89286 0.89297);
    --dx-neutral-850: color(display-p3 0.04551 0.04256 0.04335);
    --dx-neutral-855: color(display-p3 0.04142 0.03847 0.03926);
    --dx-neutral-855\/0\.65: color(display-p3 0.04142 0.03847 0.03926 / 0.65);
    --dx-neutral-900: color(display-p3 0.01395 0.01246 0.01285);
    --dx-neutral-950: color(display-p3 0.00189 0.00149 0.0016);

    --dx-primary-100: color(display-p3 0.74748 0.88655 1);
    --dx-primary-150: color(display-p3 0.64053 0.82335 1);
    --dx-primary-200: color(display-p3 0.53171 0.75823 1);
    --dx-primary-300: color(display-p3 0.29452 0.61951 1);
    --dx-primary-300\/\.1: color(display-p3 0.29452 0.61951 1 / 0.1);
    --dx-primary-350: color(display-p3 0.13176 0.54344 1);
    --dx-primary-400: color(display-p3 0 0.46234 1);
    --dx-primary-400\/\.1: color(display-p3 0 0.46234 1 / 0.1);
    --dx-primary-400\/\.5: color(display-p3 0 0.46234 1 / 0.5);
    --dx-primary-450: color(display-p3 0 0.39726 0.96189);
    --dx-primary-475: color(display-p3 0 0.36913 0.91068);
    --dx-primary-500: color(display-p3 0 0.34145 0.85973);
    --dx-primary-500\/\.2: color(display-p3 0 0.34145 0.85973 / 0.2);
    --dx-primary-500\/\.5: color(display-p3 0 0.34145 0.85973 / 0.5);
    --dx-primary-550: color(display-p3 0 0.28757 0.75849);
    --dx-primary-600: color(display-p3 0 0.23561 0.65859);
    --dx-primary-600\/\.5: color(display-p3 0 0.23561 0.65859 / 0.5);
    --dx-primary-700: color(display-p3 0 0.13655 0.46629);
    --dx-primary-750: color(display-p3 0 0.08919 0.37466);
    --dx-primary-800: color(display-p3 0 0.04203 0.28719);
    --dx-primary-850: color(display-p3 0 0.00531 0.20584);
  }
}

@media (color-gamut: rec2020) {
  :root, .dark {
    --dx-red-100: color(rec2020 0.98908 0.78259 0.72697);
    --dx-red-200: color(rec2020 0.88563 0.61601 0.54757);
    --dx-red-300: color(rec2020 0.78215 0.45261 0.37612);
    --dx-red-400: color(rec2020 0.67852 0.28858 0.21049);
    --dx-red-500: color(rec2020 0.57459 0.10592 0.04093);
    --dx-red-550: color(rec2020 0.52244 0.00017 0);
    --dx-red-700: color(rec2020 0.2778 0 0);
    --dx-red-800: color(rec2020 0.12429 0 0);

    --dx-orange-100: color(rec2020 0.98601 0.79551 0.63728);
    --dx-orange-200: color(rec2020 0.88248 0.63178 0.42508);
    --dx-orange-300: color(rec2020 0.7794 0.47028 0.20897);
    --dx-orange-400: color(rec2020 0.67661 0.30739 0);
    --dx-orange-500: color(rec2020 0.52015 0.20467 0);
    --dx-orange-550: color(rec2020 0.44025 0.16181 0);
    --dx-orange-700: color(rec2020 0.21933 0.04846 0);
    --dx-orange-800: color(rec2020 0.09057 0.01155 0);

    --dx-amber-100: color(rec2020 0.96222 0.81903 0.57018);
    --dx-amber-200: color(rec2020 0.85325 0.66226 0.32621);
    --dx-amber-300: color(rec2020 0.74625 0.50772 0.01672);
    --dx-amber-400: color(rec2020 0.60674 0.38049 0);
    --dx-amber-500: color(rec2020 0.45534 0.2739 0);
    --dx-amber-550: color(rec2020 0.38331 0.22331 0);
    --dx-amber-700: color(rec2020 0.1843 0.08395 0);
    --dx-amber-800: color(rec2020 0.06908 0.02329 0);

    --dx-yellow-100: color(rec2020 0.91894 0.84967 0.54476);
    --dx-yellow-200: color(rec2020 0.79884 0.7028 0.28521);
    --dx-yellow-300: color(rec2020 0.68307 0.55844 0);
    --dx-yellow-400: color(rec2020 0.54095 0.43267 0);
    --dx-yellow-500: color(rec2020 0.40285 0.31586 0);
    --dx-yellow-550: color(rec2020 0.33721 0.26037 0);
    --dx-yellow-700: color(rec2020 0.15588 0.10744 0);
    --dx-yellow-800: color(rec2020 0.05377 0.03178 0);

    --dx-lime-100: color(rec2020 0.8622 0.88137 0.57098);
    --dx-lime-200: color(rec2020 0.72597 0.7449 0.32638);
    --dx-lime-300: color(rec2020 0.59649 0.6109 0.01311);
    --dx-lime-400: color(rec2020 0.46859 0.47862 0);
    --dx-lime-500: color(rec2020 0.3451 0.35265 0);
    --dx-lime-550: color(rec2020 0.28642 0.29279 0);
    --dx-lime-700: color(rec2020 0.12454 0.12766 0);
    --dx-lime-800: color(rec2020 0.03924 0.04007 0);

    --dx-green-100: color(rec2020 0.80223 0.90746 0.64206);
    --dx-green-200: color(rec2020 0.64683 0.7795 0.43069);
    --dx-green-200\/\.5: color(rec2020 0.64683 0.7795 0.43069 / 0.5);
    --dx-green-300: color(rec2020 0.49918 0.65369 0.21478);
    --dx-green-400: color(rec2020 0.36 0.5301 0);
    --dx-green-500: color(rec2020 0.25386 0.39631 0 / none);
    --dx-green-500: color(rec2020 0.25386 0.39631 0);
    --dx-green-550: color(rec2020 0.20606 0.33117 0);
    --dx-green-600: color(rec2020 0.16011 0.26849 0);
    --dx-green-600\/\.5: color(rec2020 0.16011 0.26849 0 / 0.5);
    --dx-green-700: color(rec2020 0.07462 0.15133 0);
    --dx-green-800: color(rec2020 0.02091 0.05091 0);

    --dx-emerald-100: color(rec2020 0.75127 0.9229 0.73932);
    --dx-emerald-200: color(rec2020 0.57747 0.79996 0.56338);
    --dx-emerald-300: color(rec2020 0.4095 0.67892 0.39499);
    --dx-emerald-400: color(rec2020 0.24445 0.55975 0.23243);
    --dx-emerald-500: color(rec2020 0.06565 0.44241 0.0649);
    --dx-emerald-500\/\.5: color(rec2020 0.06565 0.44241 0.0649 / 0.5);
    --dx-emerald-550: color(rec2020 0 0.38438 0);
    --dx-emerald-700: color(rec2020 0 0.18535 0);
    --dx-emerald-800: color(rec2020 0 0.06769 0);

    --dx-teal-100: color(rec2020 0.71979 0.9257 0.84195);
    --dx-teal-200: color(rec2020 0.53364 0.80369 0.698);
    --dx-teal-300: color(rec2020 0.34993 0.68358 0.56038);
    --dx-teal-400: color(rec2020 0.15544 0.56533 0.42963);
    --dx-teal-500: color(rec2020 0 0.44801 0.30674);
    --dx-teal-550: color(rec2020 0 0.37638 0.25263);
    --dx-teal-700: color(rec2020 0 0.17846 0.10351);
    --dx-teal-800: color(rec2020 0 0.06462 0.03077);

    --dx-cyan-100: color(rec2020 0.71243 0.91705 0.93269);
    --dx-cyan-200: color(rec2020 0.5239 0.79233 0.81524);
    --dx-cyan-300: color(rec2020 0.33747 0.66966 0.701);
    --dx-cyan-400: color(rec2020 0.13733 0.54897 0.59014);
    --dx-cyan-500: color(rec2020 0 0.42727 0.47691);
    --dx-cyan-550: color(rec2020 0 0.35815 0.40193);
    --dx-cyan-600: color(rec2020 0 0.29165 0.32976);
    --dx-cyan-700: color(rec2020 0 0.16729 0.1947);
    --dx-cyan-800: color(rec2020 0 0.0586 0.07445);

    --dx-sky-100: color(rec2020 0.72668 0.90033 1);
    --dx-sky-200: color(rec2020 0.54479 0.77043 0.90248);
    --dx-sky-300: color(rec2020 0.3682 0.6428 0.80525);
    --dx-sky-400: color(rec2020 0.19088 0.51724 0.70884);
    --dx-sky-500: color(rec2020 0 0.39327 0.61323);
    --dx-sky-550: color(rec2020 0 0.33051 0.54889);
    --dx-sky-700: color(rec2020 0 0.14992 0.28486);
    --dx-sky-800: color(rec2020 0 0.04956 0.13091);

    --dx-blue-100: color(rec2020 0.75562 0.87949 1);
    --dx-blue-200: color(rec2020 0.58519 0.7433 0.95483);
    --dx-blue-300: color(rec2020 0.42285 0.60975 0.86783);
    --dx-blue-400: color(rec2020 0.26858 0.47835 0.78026);
    --dx-blue-500: color(rec2020 0.12034 0.3479 0.6921);
    --dx-blue-550: color(rec2020 0.04896 0.28216 0.6478);
    --dx-blue-700: color(rec2020 0 0.09307 0.45064);
    --dx-blue-800: color(rec2020 0 0.02218 0.24355);

    --dx-indigo-100: color(rec2020 0.79225 0.85764 1);
    --dx-indigo-200: color(rec2020 0.63447 0.71512 0.97381);
    --dx-indigo-300: color(rec2020 0.48542 0.57579 0.89047);
    --dx-indigo-400: color(rec2020 0.34649 0.43894 0.80605);
    --dx-indigo-500: color(rec2020 0.22008 0.30249 0.72057);
    --dx-indigo-550: color(rec2020 0.16298 0.23273 0.67744);
    --dx-indigo-700: color(rec2020 0.0422 0 0.54658);
    --dx-indigo-800: color(rec2020 0.01403 0 0.31656);

    --dx-violet-100: color(rec2020 0.83186 0.8366 1);
    --dx-violet-200: color(rec2020 0.68623 0.68817 0.96362);
    --dx-violet-300: color(rec2020 0.54832 0.54373 0.87814);
    --dx-violet-400: color(rec2020 0.41927 0.40241 0.7918);
    --dx-violet-500: color(rec2020 0.30085 0.26155 0.70456);
    --dx-violet-550: color(rec2020 0.24647 0.18878 0.66061);
    --dx-violet-700: color(rec2020 0.10906 0 0.51492);
    --dx-violet-800: color(rec2020 0.03394 0 0.26861);

    --dx-purple-100: color(rec2020 0.87199 0.81723 1);
    --dx-purple-200: color(rec2020 0.73761 0.66345 0.92742);
    --dx-purple-300: color(rec2020 0.6091 0.51449 0.83472);
    --dx-purple-400: color(rec2020 0.48707 0.36954 0.74201);
    --dx-purple-500: color(rec2020 0.37234 0.22562 0.64925);
    --dx-purple-550: color(rec2020 0.31807 0.1509 0.60286);
    --dx-purple-700: color(rec2020 0.16318 0 0.42676);
    --dx-purple-800: color(rec2020 0.05685 0 0.21499);

    --dx-fuchsia-100: color(rec2020 0.91099 0.80034 0.97236);
    --dx-fuchsia-200: color(rec2020 0.78693 0.64173 0.866);
    --dx-fuchsia-300: color(rec2020 0.66662 0.48857 0.76128);
    --dx-fuchsia-400: color(rec2020 0.55029 0.34002 0.65821);
    --dx-fuchsia-500: color(rec2020 0.43815 0.19266 0.55681);
    --dx-fuchsia-550: color(rec2020 0.38375 0.11524 0.50675);
    --dx-fuchsia-700: color(rec2020 0.21041 0 0.3193);
    --dx-fuchsia-800: color(rec2020 0.08284 0 0.14967);

    --dx-pink-100: color(rec2020 0.94642 0.78734 0.90504);
    --dx-pink-200: color(rec2020 0.83148 0.62455 0.77946);
    --dx-pink-300: color(rec2020 0.71839 0.46721 0.65797);
    --dx-pink-400: color(rec2020 0.60714 0.31404 0.54084);
    --dx-pink-500: color(rec2020 0.49769 0.1595 0.42835);
    --dx-pink-550: color(rec2020 0.44363 0.07386 0.37395);
    --dx-pink-700: color(rec2020 0.24634 0 0.19443);
    --dx-pink-800: color(rec2020 0.10464 0 0.0734);

    --dx-rose-100: color(rec2020 0.97421 0.78052 0.82073);
    --dx-rose-200: color(rec2020 0.86652 0.61471 0.67059);
    --dx-rose-300: color(rec2020 0.75932 0.45347 0.52747);
    --dx-rose-400: color(rec2020 0.65253 0.29431 0.39206);
    --dx-rose-500: color(rec2020 0.54603 0.1261 0.26516 / none);
    --dx-rose-500: color(rec2020 0.54603 0.1261 0.26516);
    --dx-rose-550: color(rec2020 0.49285 0.02931 0.2052);
    --dx-rose-700: color(rec2020 0.26682 0 0.06859);
    --dx-rose-800: color(rec2020 0.11698 0 0.01952);

    --dx-neutral-0: color(rec2020 1 1 1);
    --dx-neutral-100: color(rec2020 0.85453 0.85409 0.85422);
    --dx-neutral-1000: color(rec2020 0 0 0);
    --dx-neutral-150: color(rec2020 0.78385 0.78321 0.78339);
    --dx-neutral-200: color(rec2020 0.7146 0.71377 0.71401);
    --dx-neutral-200\/\.5: color(rec2020 0.7146 0.71377 0.71401 / 0.5);
    --dx-neutral-24: color(rec2020 0.9646 0.96449 0.96453);
    --dx-neutral-24\/0\.65: color(rec2020 0.9646 0.96449 0.96453 / 0.65);
    --dx-neutral-25: color(rec2020 0.96313 0.96302 0.96305);
    --dx-neutral-250: color(rec2020 0.64685 0.64583 0.64613);
    --dx-neutral-300: color(rec2020 0.58066 0.57947 0.57982);
    --dx-neutral-400: color(rec2020 0.45326 0.45175 0.45219);
    --dx-neutral-43: color(rec2020 0.93679 0.9366 0.93666);
    --dx-neutral-450: color(rec2020 0.39221 0.39056 0.39105);
    --dx-neutral-450\/\.1: color(rec2020 0.39221 0.39056 0.39105 / 0.1);
    --dx-neutral-50: color(rec2020 0.9266 0.92637 0.92644);
    --dx-neutral-50\/0: color(rec2020 0.9266 0.92637 0.92644 / 0);
    --dx-neutral-500: color(rec2020 0.33308 0.3313 0.33183);
    --dx-neutral-500\/\.1: color(rec2020 0.33308 0.3313 0.33183 / 0.1);
    --dx-neutral-550: color(rec2020 0.27597 0.27409 0.27464);
    --dx-neutral-600: color(rec2020 0.22103 0.21906 0.21964);
    --dx-neutral-623: color(rec2020 0.19654 0.19453 0.19513);
    --dx-neutral-63: color(rec2020 0.90773 0.90745 0.90753);
    --dx-neutral-644: color(rec2020 0.17462 0.17259 0.17319);
    --dx-neutral-665: color(rec2020 0.15315 0.1511 0.15171);
    --dx-neutral-686: color(rec2020 0.13215 0.13008 0.13069);
    --dx-neutral-700: color(rec2020 0.11841 0.11633 0.11694);
    --dx-neutral-708: color(rec2020 0.11066 0.10858 0.10919);
    --dx-neutral-729: color(rec2020 0.09066 0.08858 0.08919);
    --dx-neutral-75: color(rec2020 0.89039 0.89006 0.89016);
    --dx-neutral-750: color(rec2020 0.07154 0.06961 0.07018);
    --dx-neutral-793: color(rec2020 0.04081 0.0394 0.03982);
    --dx-neutral-800: color(rec2020 0.03684 0.03552 0.03591);
    --dx-neutral-800\/\.5: color(rec2020 0.03684 0.03552 0.03591 / 0.5);
    --dx-neutral-82: color(rec2020 0.88032 0.87996 0.88006);
    --dx-neutral-850: color(rec2020 0.01569 0.0149 0.01513);
    --dx-neutral-855: color(rec2020 0.01419 0.01345 0.01367);
    --dx-neutral-855\/0\.65: color(rec2020 0.01419 0.01345 0.01367 / 0.65);
    --dx-neutral-900: color(rec2020 0.00474 0.00436 0.00447);
    --dx-neutral-950: color(rec2020 0.00063 0.00053 0.00056);

    --dx-primary-100: color(rec2020 0.77049 0.86917 1);
    --dx-primary-150: color(rec2020 0.67361 0.79842 1);
    --dx-primary-200: color(rec2020 0.57927 0.72633 1);
    --dx-primary-300: color(rec2020 0.39965 0.57587 1);
    --dx-primary-300\/\.1: color(rec2020 0.39965 0.57587 1 / 0.1);
    --dx-primary-350: color(rec2020 0.31554 0.49536 1);
    --dx-primary-400: color(rec2020 0.2372 0.40863 1);
    --dx-primary-400\/\.1: color(rec2020 0.2372 0.40863 1 / 0.1);
    --dx-primary-400\/\.5: color(rec2020 0.2372 0.40863 1 / 0.5);
    --dx-primary-450: color(rec2020 0.16769 0.3111 1);
    --dx-primary-475: color(rec2020 0.13796 0.2551 1);
    --dx-primary-500: color(rec2020 0.11307 0.19022 1);
    --dx-primary-500\/\.2: color(rec2020 0.11307 0.19022 1 / 0.2);
    --dx-primary-500\/\.5: color(rec2020 0.11307 0.19022 1 / 0.5);
    --dx-primary-550: color(rec2020 0.08242 0.01163 1);
    --dx-primary-600: color(rec2020 0.06421 0 0.93185);
    --dx-primary-600\/\.5: color(rec2020 0.06421 0 0.93185 / 0.5);
    --dx-primary-700: color(rec2020 0.02906 0 0.61126);
    --dx-primary-750: color(rec2020 0.01757 0 0.46368);
    --dx-primary-800: color(rec2020 0.00956 0 0.32564);
    --dx-primary-850: color(rec2020 0.00444 0 0.19826);
  }
}

:root {
  --dx-callActive: var(--dx-green-500);
  --dx-callAlert: var(--dx-rose-500);
  --dx-cmCodeblock: var(--dx-neutral-500\/\.1);
  --dx-cmActiveLine: var(--dx-neutral-200\/\.5);
  --dx-cmSeparator: var(--dx-primary-500);
  --dx-cmCursor: var(--dx-neutral-900);
  --dx-cmSelection: var(--dx-primary-400\/\.5);
  --dx-cmFocusedSelection: var(--dx-primary-400);
  --dx-cmHighlight: var(--dx-neutral-950);
  --dx-cmHighlightSurface: var(--dx-sky-200);
  --dx-cmComment: var(--dx-neutral-950);
  --dx-cmCommentSurface: var(--dx-green-200);
  --dx-axisSurface: var(--dx-neutral-50);
  --dx-axisText: var(--dx-neutral-800);
  --dx-axisSelectedSurface: var(--dx-neutral-100);
  --dx-axisSelectedText: var(--dx-neutral-100);
  --dx-gridCell: var(--dx-neutral-50\/0);
  --dx-gridCellSelected: var(--dx-neutral-50);
  --dx-gridOverlay: var(--dx-primary-500\/\.5);
  --dx-gridSelectionOverlay: var(--dx-primary-500\/\.2);
  --dx-gridHighlight: var(--dx-emerald-500\/\.5);
  --dx-gridCommented: var(--dx-green-200);
  --dx-gridCommentedActive: var(--dx-green-200\/\.5);
  --dx-redCursor: var(--dx-red-400);
  --dx-redText: var(--dx-red-550);
  --dx-redFill: var(--dx-red-500);
  --dx-redSurface: var(--dx-red-200);
  --dx-redSurfaceText: var(--dx-red-700);
  --dx-redScreen: var(--dx-red-100);
  --dx-orangeCursor: var(--dx-orange-400);
  --dx-orangeText: var(--dx-orange-550);
  --dx-orangeFill: var(--dx-orange-500);
  --dx-orangeSurface: var(--dx-orange-200);
  --dx-orangeSurfaceText: var(--dx-orange-700);
  --dx-orangeScreen: var(--dx-orange-100);
  --dx-amberCursor: var(--dx-amber-400);
  --dx-amberText: var(--dx-amber-550);
  --dx-amberFill: var(--dx-amber-500);
  --dx-amberSurface: var(--dx-amber-200);
  --dx-amberSurfaceText: var(--dx-amber-700);
  --dx-amberScreen: var(--dx-amber-100);
  --dx-yellowCursor: var(--dx-yellow-400);
  --dx-yellowText: var(--dx-yellow-550);
  --dx-yellowFill: var(--dx-yellow-500);
  --dx-yellowSurface: var(--dx-yellow-200);
  --dx-yellowSurfaceText: var(--dx-yellow-700);
  --dx-yellowScreen: var(--dx-yellow-100);
  --dx-limeCursor: var(--dx-lime-400);
  --dx-limeText: var(--dx-lime-550);
  --dx-limeFill: var(--dx-lime-500);
  --dx-limeSurface: var(--dx-lime-200);
  --dx-limeSurfaceText: var(--dx-lime-700);
  --dx-limeScreen: var(--dx-lime-100);
  --dx-greenCursor: var(--dx-green-400);
  --dx-greenText: var(--dx-green-550);
  --dx-greenFill: var(--dx-green-500);
  --dx-greenSurface: var(--dx-green-200);
  --dx-greenSurfaceText: var(--dx-green-700);
  --dx-greenScreen: var(--dx-green-100);
  --dx-emeraldCursor: var(--dx-emerald-400);
  --dx-emeraldText: var(--dx-emerald-550);
  --dx-emeraldFill: var(--dx-emerald-500);
  --dx-emeraldSurface: var(--dx-emerald-200);
  --dx-emeraldSurfaceText: var(--dx-emerald-700);
  --dx-emeraldScreen: var(--dx-emerald-100);
  --dx-tealCursor: var(--dx-teal-400);
  --dx-tealText: var(--dx-teal-550);
  --dx-tealFill: var(--dx-teal-500);
  --dx-tealSurface: var(--dx-teal-200);
  --dx-tealSurfaceText: var(--dx-teal-700);
  --dx-tealScreen: var(--dx-teal-100);
  --dx-cyanCursor: var(--dx-cyan-400);
  --dx-cyanText: var(--dx-cyan-550);
  --dx-cyanFill: var(--dx-cyan-500);
  --dx-cyanSurface: var(--dx-cyan-200);
  --dx-cyanSurfaceText: var(--dx-cyan-700);
  --dx-cyanScreen: var(--dx-cyan-100);
  --dx-skyCursor: var(--dx-sky-400);
  --dx-skyText: var(--dx-sky-550);
  --dx-skyFill: var(--dx-sky-500);
  --dx-skySurface: var(--dx-sky-200);
  --dx-skySurfaceText: var(--dx-sky-700);
  --dx-skyScreen: var(--dx-sky-100);
  --dx-blueCursor: var(--dx-blue-400);
  --dx-blueText: var(--dx-blue-550);
  --dx-blueFill: var(--dx-blue-500);
  --dx-blueSurface: var(--dx-blue-200);
  --dx-blueSurfaceText: var(--dx-blue-700);
  --dx-blueScreen: var(--dx-blue-100);
  --dx-indigoCursor: var(--dx-indigo-400);
  --dx-indigoText: var(--dx-indigo-550);
  --dx-indigoFill: var(--dx-indigo-500);
  --dx-indigoSurface: var(--dx-indigo-200);
  --dx-indigoSurfaceText: var(--dx-indigo-700);
  --dx-indigoScreen: var(--dx-indigo-100);
  --dx-violetCursor: var(--dx-violet-400);
  --dx-violetText: var(--dx-violet-550);
  --dx-violetFill: var(--dx-violet-500);
  --dx-violetSurface: var(--dx-violet-200);
  --dx-violetSurfaceText: var(--dx-violet-700);
  --dx-violetScreen: var(--dx-violet-100);
  --dx-purpleCursor: var(--dx-purple-400);
  --dx-purpleText: var(--dx-purple-550);
  --dx-purpleFill: var(--dx-purple-500);
  --dx-purpleSurface: var(--dx-purple-200);
  --dx-purpleSurfaceText: var(--dx-purple-700);
  --dx-purpleScreen: var(--dx-purple-100);
  --dx-fuchsiaCursor: var(--dx-fuchsia-400);
  --dx-fuchsiaText: var(--dx-fuchsia-550);
  --dx-fuchsiaFill: var(--dx-fuchsia-500);
  --dx-fuchsiaSurface: var(--dx-fuchsia-200);
  --dx-fuchsiaSurfaceText: var(--dx-fuchsia-700);
  --dx-fuchsiaScreen: var(--dx-fuchsia-100);
  --dx-pinkCursor: var(--dx-pink-400);
  --dx-pinkText: var(--dx-pink-550);
  --dx-pinkFill: var(--dx-pink-500);
  --dx-pinkSurface: var(--dx-pink-200);
  --dx-pinkSurfaceText: var(--dx-pink-700);
  --dx-pinkScreen: var(--dx-pink-100);
  --dx-roseCursor: var(--dx-rose-400);
  --dx-roseText: var(--dx-rose-550);
  --dx-roseFill: var(--dx-rose-500);
  --dx-roseSurface: var(--dx-rose-200);
  --dx-roseSurfaceText: var(--dx-rose-700);
  --dx-roseScreen: var(--dx-rose-100);
  --dx-neutralCursor: var(--dx-neutral-400);
  --dx-neutralText: var(--dx-neutral-550);
  --dx-neutralFill: var(--dx-neutral-500);
  --dx-neutralSurface: var(--dx-neutral-200);
  --dx-neutralSurfaceText: var(--dx-neutral-700);
  --dx-neutralScreen: var(--dx-neutral-100);
  --dx-primaryCursor: var(--dx-primary-400);
  --dx-primaryText: var(--dx-primary-550);
  --dx-primaryFill: var(--dx-primary-500);
  --dx-primarySurface: var(--dx-primary-200);
  --dx-primarySurfaceText: var(--dx-primary-700);
  --dx-primaryScreen: var(--dx-primary-100);
  --dx-baseSurface: var(--dx-neutral-0);
  --dx-groupSurface: var(--dx-neutral-0);
  --dx-modalSurface: var(--dx-neutral-0);
  --dx-textInputSurfaceBase: var(--dx-neutral-24);
  --dx-textInputSurfaceGroup: var(--dx-neutral-24);
  --dx-textInputSurfaceModal: var(--dx-neutral-24);
  --dx-inputSurfaceBase: var(--dx-neutral-43);
  --dx-inputSurfaceGroup: var(--dx-neutral-43);
  --dx-inputSurfaceModal: var(--dx-neutral-43);
  --dx-hoverSurfaceBase: var(--dx-neutral-63);
  --dx-hoverSurfaceGroup: var(--dx-neutral-63);
  --dx-hoverSurfaceModal: var(--dx-neutral-63);
  --dx-separatorBase: var(--dx-neutral-82);
  --dx-separatorGroup: var(--dx-neutral-82);
  --dx-separatorModal: var(--dx-neutral-82);
  --dx-subduedSeparator: var(--dx-neutral-82);
  --dx-unAccent: var(--dx-neutral-400);
  --dx-unAccentHover: var(--dx-neutral-450);
  --dx-hoverOverlay: var(--dx-neutral-450\/\.1);
  --dx-scrimSurface: var(--dx-neutral-24\/0\.65);
  --dx-focusSurface: var(--dx-neutral-0);
  --dx-inverseSurface: var(--dx-neutral-855);
  --dx-accentSurfaceRelated: var(--dx-primary-300\/\.1);
  --dx-accentSurfaceHover: var(--dx-primary-600);
  --dx-accentSurface: var(--dx-primary-500);
  --dx-baseText: var(--dx-neutral-1000);
  --dx-inverseSurfaceText: var(--dx-neutral-50);
  --dx-description: var(--dx-neutral-500);
  --dx-subdued: var(--dx-neutral-700);
  --dx-accentText: var(--dx-primary-550);
  --dx-accentTextHover: var(--dx-primary-500);
  --dx-neutralFocusIndicator: var(--dx-neutral-300);
  --dx-accentFocusIndicator: var(--dx-primary-300);
  --dx-accentSurfaceText: var(--dx-neutral-0);
}

.dark {
  --dx-callActive: var(--dx-green-500);
  --dx-callAlert: var(--dx-rose-500);
  --dx-cmCodeblock: var(--dx-neutral-500\/\.1);
  --dx-cmActiveLine: var(--dx-neutral-800\/\.5);
  --dx-cmSeparator: var(--dx-primary-500);
  --dx-cmCursor: var(--dx-neutral-100);
  --dx-cmSelection: var(--dx-primary-600\/\.5);
  --dx-cmFocusedSelection: var(--dx-primary-600);
  --dx-cmHighlight: var(--dx-neutral-50);
  --dx-cmHighlightSurface: var(--dx-cyan-600);
  --dx-cmComment: var(--dx-neutral-50);
  --dx-cmCommentSurface: var(--dx-green-600);
  --dx-axisSurface: var(--dx-neutral-800);
  --dx-axisText: var(--dx-neutral-200);
  --dx-axisSelectedSurface: var(--dx-neutral-900);
  --dx-axisSelectedText: var(--dx-neutral-900);
  --dx-gridCell: var(--dx-neutral-850);
  --dx-gridCellSelected: var(--dx-neutral-800);
  --dx-gridOverlay: var(--dx-primary-500\/\.5);
  --dx-gridSelectionOverlay: var(--dx-primary-500\/\.2);
  --dx-gridHighlight: var(--dx-emerald-500\/\.5);
  --dx-gridCommented: var(--dx-green-600);
  --dx-gridCommentedActive: var(--dx-green-600\/\.5);
  --dx-redCursor: var(--dx-red-300);
  --dx-redText: var(--dx-red-300);
  --dx-redFill: var(--dx-red-500);
  --dx-redSurface: var(--dx-red-700);
  --dx-redSurfaceText: var(--dx-red-200);
  --dx-redScreen: var(--dx-red-800);
  --dx-orangeCursor: var(--dx-orange-300);
  --dx-orangeText: var(--dx-orange-300);
  --dx-orangeFill: var(--dx-orange-500);
  --dx-orangeSurface: var(--dx-orange-700);
  --dx-orangeSurfaceText: var(--dx-orange-200);
  --dx-orangeScreen: var(--dx-orange-800);
  --dx-amberCursor: var(--dx-amber-300);
  --dx-amberText: var(--dx-amber-300);
  --dx-amberFill: var(--dx-amber-500);
  --dx-amberSurface: var(--dx-amber-700);
  --dx-amberSurfaceText: var(--dx-amber-200);
  --dx-amberScreen: var(--dx-amber-800);
  --dx-yellowCursor: var(--dx-yellow-300);
  --dx-yellowText: var(--dx-yellow-300);
  --dx-yellowFill: var(--dx-yellow-500);
  --dx-yellowSurface: var(--dx-yellow-700);
  --dx-yellowSurfaceText: var(--dx-yellow-200);
  --dx-yellowScreen: var(--dx-yellow-800);
  --dx-limeCursor: var(--dx-lime-300);
  --dx-limeText: var(--dx-lime-300);
  --dx-limeFill: var(--dx-lime-500);
  --dx-limeSurface: var(--dx-lime-700);
  --dx-limeSurfaceText: var(--dx-lime-200);
  --dx-limeScreen: var(--dx-lime-800);
  --dx-greenCursor: var(--dx-green-300);
  --dx-greenText: var(--dx-green-300);
  --dx-greenFill: var(--dx-green-500);
  --dx-greenSurface: var(--dx-green-700);
  --dx-greenSurfaceText: var(--dx-green-200);
  --dx-greenScreen: var(--dx-green-800);
  --dx-emeraldCursor: var(--dx-emerald-300);
  --dx-emeraldText: var(--dx-emerald-300);
  --dx-emeraldFill: var(--dx-emerald-500);
  --dx-emeraldSurface: var(--dx-emerald-700);
  --dx-emeraldSurfaceText: var(--dx-emerald-200);
  --dx-emeraldScreen: var(--dx-emerald-800);
  --dx-tealCursor: var(--dx-teal-300);
  --dx-tealText: var(--dx-teal-300);
  --dx-tealFill: var(--dx-teal-500);
  --dx-tealSurface: var(--dx-teal-700);
  --dx-tealSurfaceText: var(--dx-teal-200);
  --dx-tealScreen: var(--dx-teal-800);
  --dx-cyanCursor: var(--dx-cyan-300);
  --dx-cyanText: var(--dx-cyan-300);
  --dx-cyanFill: var(--dx-cyan-500);
  --dx-cyanSurface: var(--dx-cyan-700);
  --dx-cyanSurfaceText: var(--dx-cyan-200);
  --dx-cyanScreen: var(--dx-cyan-800);
  --dx-skyCursor: var(--dx-sky-300);
  --dx-skyText: var(--dx-sky-300);
  --dx-skyFill: var(--dx-sky-500);
  --dx-skySurface: var(--dx-sky-700);
  --dx-skySurfaceText: var(--dx-sky-200);
  --dx-skyScreen: var(--dx-sky-800);
  --dx-blueCursor: var(--dx-blue-300);
  --dx-blueText: var(--dx-blue-300);
  --dx-blueFill: var(--dx-blue-500);
  --dx-blueSurface: var(--dx-blue-700);
  --dx-blueSurfaceText: var(--dx-blue-200);
  --dx-blueScreen: var(--dx-blue-800);
  --dx-indigoCursor: var(--dx-indigo-300);
  --dx-indigoText: var(--dx-indigo-300);
  --dx-indigoFill: var(--dx-indigo-500);
  --dx-indigoSurface: var(--dx-indigo-700);
  --dx-indigoSurfaceText: var(--dx-indigo-200);
  --dx-indigoScreen: var(--dx-indigo-800);
  --dx-violetCursor: var(--dx-violet-300);
  --dx-violetText: var(--dx-violet-300);
  --dx-violetFill: var(--dx-violet-500);
  --dx-violetSurface: var(--dx-violet-700);
  --dx-violetSurfaceText: var(--dx-violet-200);
  --dx-violetScreen: var(--dx-violet-800);
  --dx-purpleCursor: var(--dx-purple-300);
  --dx-purpleText: var(--dx-purple-300);
  --dx-purpleFill: var(--dx-purple-500);
  --dx-purpleSurface: var(--dx-purple-700);
  --dx-purpleSurfaceText: var(--dx-purple-200);
  --dx-purpleScreen: var(--dx-purple-800);
  --dx-fuchsiaCursor: var(--dx-fuchsia-300);
  --dx-fuchsiaText: var(--dx-fuchsia-300);
  --dx-fuchsiaFill: var(--dx-fuchsia-500);
  --dx-fuchsiaSurface: var(--dx-fuchsia-700);
  --dx-fuchsiaSurfaceText: var(--dx-fuchsia-200);
  --dx-fuchsiaScreen: var(--dx-fuchsia-800);
  --dx-pinkCursor: var(--dx-pink-300);
  --dx-pinkText: var(--dx-pink-300);
  --dx-pinkFill: var(--dx-pink-500);
  --dx-pinkSurface: var(--dx-pink-700);
  --dx-pinkSurfaceText: var(--dx-pink-200);
  --dx-pinkScreen: var(--dx-pink-800);
  --dx-roseCursor: var(--dx-rose-300);
  --dx-roseText: var(--dx-rose-300);
  --dx-roseFill: var(--dx-rose-500);
  --dx-roseSurface: var(--dx-rose-700);
  --dx-roseSurfaceText: var(--dx-rose-200);
  --dx-roseScreen: var(--dx-rose-800);
  --dx-neutralCursor: var(--dx-neutral-300);
  --dx-neutralText: var(--dx-neutral-300);
  --dx-neutralFill: var(--dx-neutral-500);
  --dx-neutralSurface: var(--dx-neutral-700);
  --dx-neutralSurfaceText: var(--dx-neutral-200);
  --dx-neutralScreen: var(--dx-neutral-800);
  --dx-primaryCursor: var(--dx-primary-300);
  --dx-primaryText: var(--dx-primary-300);
  --dx-primaryFill: var(--dx-primary-500);
  --dx-primarySurface: var(--dx-primary-700);
  --dx-primarySurfaceText: var(--dx-primary-200);
  --dx-primaryScreen: var(--dx-primary-800);
  --dx-baseSurface: var(--dx-neutral-855);
  --dx-groupSurface: var(--dx-neutral-793);
  --dx-modalSurface: var(--dx-neutral-750);
  --dx-textInputSurfaceBase: var(--dx-neutral-750);
  --dx-textInputSurfaceGroup: var(--dx-neutral-729);
  --dx-textInputSurfaceModal: var(--dx-neutral-708);
  --dx-inputSurfaceBase: var(--dx-neutral-729);
  --dx-inputSurfaceGroup: var(--dx-neutral-708);
  --dx-inputSurfaceModal: var(--dx-neutral-686);
  --dx-hoverSurfaceBase: var(--dx-neutral-686);
  --dx-hoverSurfaceGroup: var(--dx-neutral-665);
  --dx-hoverSurfaceModal: var(--dx-neutral-644);
  --dx-separatorBase: var(--dx-neutral-665);
  --dx-separatorGroup: var(--dx-neutral-644);
  --dx-separatorModal: var(--dx-neutral-623);
  --dx-subduedSeparator: var(--dx-neutral-708);
  --dx-unAccent: var(--dx-neutral-400);
  --dx-unAccentHover: var(--dx-neutral-450);
  --dx-hoverOverlay: var(--dx-neutral-450\/\.1);
  --dx-scrimSurface: var(--dx-neutral-855\/0\.65);
  --dx-focusSurface: var(--dx-neutral-1000);
  --dx-inverseSurface: var(--dx-neutral-0);
  --dx-accentSurfaceRelated: var(--dx-primary-400\/\.1);
  --dx-accentSurfaceHover: var(--dx-primary-475);
  --dx-accentSurface: var(--dx-primary-500);
  --dx-baseText: var(--dx-neutral-50);
  --dx-inverseSurfaceText: var(--dx-neutral-1000);
  --dx-description: var(--dx-neutral-400);
  --dx-subdued: var(--dx-neutral-300);
  --dx-accentText: var(--dx-primary-400);
  --dx-accentTextHover: var(--dx-primary-350);
  --dx-neutralFocusIndicator: var(--dx-neutral-450);
  --dx-accentFocusIndicator: var(--dx-primary-450);
  --dx-accentSurfaceText: var(--dx-neutral-0);
}

:root, .dark {
  --dx-gridLine: var(--dx-activeSurface);
  --dx-deckSurface: var(--dx-groupSurface);
  --dx-sidebarSurface: var(--dx-groupSurface);
  --dx-headerSurface: var(--dx-groupSurface);
  --dx-cardSurface: var(--dx-groupSurface);
  --dx-toolbarSurface: var(--dx-groupSurface);
  --dx-textInputSurface: var(--dx-textInputSurfaceBase);
  --dx-inputSurface: var(--dx-inputSurfaceBase);
  --dx-hoverSurface: var(--dx-hoverSurfaceBase);
  --dx-separator: var(--dx-separatorBase);
  --dx-activeSurface: var(--dx-inputSurface);
  --dx-attention: var(--dx-focusSurface);
  --dx-currentRelated: var(--dx-accentSurfaceRelated);
  --dx-successText: var(--dx-emeraldText);
  --dx-infoText: var(--dx-cyanText);
  --dx-warningText: var(--dx-amberText);
  --dx-errorText: var(--dx-roseText);
  --dx-currentText: var(--dx-primaryText);
  --dx-internalText: var(--dx-fuchsiaText);
  --dx-successSurface: var(--dx-emeraldSurface);
  --dx-infoSurface: var(--dx-cyanSurface);
  --dx-warningSurface: var(--dx-amberSurface);
  --dx-errorSurface: var(--dx-roseSurface);
  --dx-currentSurface: var(--dx-primarySurface);
  --dx-internalSurface: var(--dx-fuchsiaSurface);
  --dx-successSurfaceText: var(--dx-emeraldSurfaceText);
  --dx-infoSurfaceText: var(--dx-cyanSurfaceText);
  --dx-warningSurfaceText: var(--dx-amberSurfaceText);
  --dx-errorSurfaceText: var(--dx-roseSurfaceText);
  --dx-currentSurfaceText: var(--dx-primarySurfaceText);
  --dx-internalSurfaceText: var(--dx-fuchsiaSurfaceText);
  --dx-successFill: var(--dx-emeraldFill);
  --dx-infoFill: var(--dx-cyanFill);
  --dx-warningFill: var(--dx-amberFill);
  --dx-errorFill: var(--dx-roseFill);
  --dx-currentFill: var(--dx-primaryFill);
  --dx-internalFill: var(--dx-fuchsiaFill);
  --dx-successCursor: var(--dx-emeraldCursor);
  --dx-infoCursor: var(--dx-cyanCursor);
  --dx-warningCursor: var(--dx-amberCursor);
  --dx-errorCursor: var(--dx-roseCursor);
  --dx-currentCursor: var(--dx-primaryCursor);
  --dx-internalCursor: var(--dx-fuchsiaCursor);
}

.sidebar-surface, .dark .sidebar-surface, .bg-groupSurface, .dark .bg-groupSurface, .bg-deckSurface, .dark .bg-deckSurface, .bg-sidebarSurface, .dark .bg-sidebarSurface, .bg-headerSurface, .dark .bg-headerSurface, .bg-cardSurface, .dark .bg-cardSurface, .bg-toolbarSurface, .dark .bg-toolbarSurface {
  --dx-textInputSurface: var(--dx-textInputSurfaceGroup);
  --dx-inputSurface: var(--dx-inputSurfaceGroup);
  --dx-hoverSurface: var(--dx-hoverSurfaceGroup);
  --dx-separator: var(--dx-separatorGroup);
}

.modal-surface, .dark .modal-surface, .bg-modalSurface, .dark .bg-modalSurface {
  --dx-textInputSurface: var(--dx-textInputSurfaceModal);
  --dx-inputSurface: var(--dx-inputSurfaceModal);
  --dx-hoverSurface: var(--dx-hoverSurfaceModal);
  --dx-separator: var(--dx-separatorModal);
}

:root {
  --dx-line-0: 0.000px;
  --dx-line-1: 1.000px;
  --dx-line-2: 2.000px;

  --dx-lacuna-12: 1.500rem;
  --dx-lacuna-3: 0.375rem;
  --dx-lacuna-6: 0.750rem;
  --dx-lacuna-9: 1.125rem;
}

:root {
  --dx-noLine: var(--dx-line-0);
  --dx-hairLine: var(--dx-line-1);
  --dx-thickLine: var(--dx-line-2);
  --dx-trimXs: var(--dx-lacuna-3);
  --dx-trimSm: var(--dx-lacuna-6);
  --dx-trimMd: var(--dx-lacuna-9);
  --dx-trimLg: var(--dx-lacuna-12);
}

:root, .density-fine, [data-density="fine"] {
  --dx-focusOffset: var(--dx-noLine);
  --dx-modalLine: var(--dx-hairLine);
  --dx-landmarkLine: var(--dx-hairLine);
  --dx-positionedLine: var(--dx-hairLine);
  --dx-gridGap: var(--dx-hairLine);
  --dx-focusLine: var(--dx-thickLine);
  --dx-cardSpacingChrome: var(--dx-trimXs);
  --dx-labelSpacingBlock: var(--dx-trimXs);
  --dx-cardSpacingInline: var(--dx-trimSm);
  --dx-cardSpacingBlock: var(--dx-trimSm);
  --dx-inputSpacingBlock: var(--dx-trimSm);
}

.density-coarse, [data-density="coarse"] {
  --dx-cardSpacingInline: var(--dx-trimMd);
  --dx-cardSpacingBlock: var(--dx-trimMd);
}

.density-flush, [data-density="flush"] {

}

:root {
  --dx-size-2: 20.000rem;
  --dx-size-5: 50.000rem;
}

:root {
  --dx-prose: var(--dx-size-5);
  --dx-containerMaxWidth: var(--dx-size-5);
  --dx-popoverMaxWidth: var(--dx-size-2);
}
  :root {
    --sticky-top: 0;
    --rail-content: 3rem;
    --rail-size: calc(var(--rail-content) + 1px);
    --rail-action: calc(var(--rail-content) - 0.5rem + 1px);
    --rail-item: calc(var(--rail-content) - 1rem);
    --topbar-size: var(--rail-size);
    --toolbar-size: var(--rail-content);
    --statusbar-size: 2rem;
    --nav-sidebar-size: 22.5rem;
    --complementary-sidebar-size: 25rem;
    --l0-size: 74px;
    --l0-avatar-size: 3rem;
    --l1-size: calc(var(--nav-sidebar-size) - var(--l0-size));
    --r0-size: var(--rail-size);
    --r1-size: calc(var(--complementary-sidebar-size) - var(--r0-size));
    --text-content: calc(50rem - env(safe-area-inset-left) - env(safe-area-inset-right));
    --dx-calc-auto: auto;
    --dx-calc-min: min-content;
    --dx-calc-fit: fit-content;
    --dx-calc-max: max-content;
    --dx-calc-content: content;
  }
  @supports ((block-size: calc-size(-moz-fit-content, size)) or (block-size: calc-size(fit-content, size))) {
    :root {
      --dx-calc-auto: calc-size(auto, size);
      --dx-calc-min: calc-size(min-content, size);
      --dx-calc-fit: calc-size(fit-content, size);
      --dx-calc-max: calc-size(max-content, size);
      --dx-calc-content: calc-size(content, size);
    }
  }
}
/* packages/ui/react-ui-theme/src/styles/layers/typography.css */
/* packages/ui/react-ui-theme/src/styles/layers/index.css */
@layer dx-tokens, user-tokens, tw-base, dx-base, tw-components, dx-components, utilities;
/* packages/ui/react-ui-theme/src/theme.css */
:is(.dark .dark\:border-neutral-800){
border-color: var(--dx-neutral-800);
}
:is(.dark .dark\:bg-black){
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-neutral-800){
background-color: var(--dx-neutral-800);
}
:is(.dark .dark\:text-green-700){
color: var(--dx-green-700);
}

/*# sourceMappingURL=theme.css.map */