/* Fonts load via next/font in src/app/fonts.ts (no Google Fonts stylesheet). */

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.19 | 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: #e5e7eb; /* 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: var(--font-num), var(--font-cairo), system-ui, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #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]:where(:not([hidden="until-found"])) {
  display: none;
}
  html {
    font-variant-numeric: tabular-nums;
  }

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body,
  body > * {
    min-width: 0;
    box-sizing: border-box;
  }

  img,
  svg,
  video,
  canvas {
    max-width: 100%;
  }
  ::-moz-placeholder {
    color: rgb(var(--ui-placeholder));
    opacity: 1;
  }
  ::placeholder {
    color: rgb(var(--ui-placeholder));
    opacity: 1;
  }
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 475px){

  .\!container{
    max-width: 475px !important;
  }

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

  .\!container{
    max-width: 640px !important;
  }

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

  .\!container{
    max-width: 768px !important;
  }

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

  .\!container{
    max-width: 1024px !important;
  }

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

  .\!container{
    max-width: 1280px !important;
  }

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

  .\!container{
    max-width: 1536px !important;
  }

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

  .\!container{
    max-width: 1920px !important;
  }

  .container{
    max-width: 1920px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.\!absolute{
  position: absolute !important;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.-inset-2{
  inset: -0.5rem;
}
.-inset-4{
  inset: -1rem;
}
.inset-0{
  inset: 0px;
}
.inset-8{
  inset: 2rem;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-x-2{
  left: 0.5rem;
  right: 0.5rem;
}
.inset-x-3{
  left: 0.75rem;
  right: 0.75rem;
}
.inset-x-4{
  left: 1rem;
  right: 1rem;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.inset-y-2{
  top: 0.5rem;
  bottom: 0.5rem;
}
.inset-y-2\.5{
  top: 0.625rem;
  bottom: 0.625rem;
}
.\!bottom-1{
  bottom: 0.25rem !important;
}
.\!left-auto{
  left: auto !important;
}
.\!right-1{
  right: 0.25rem !important;
}
.\!top-auto{
  top: auto !important;
}
.-bottom-0\.5{
  bottom: -0.125rem;
}
.-bottom-1{
  bottom: -0.25rem;
}
.-bottom-16{
  bottom: -4rem;
}
.-bottom-4{
  bottom: -1rem;
}
.-bottom-px{
  bottom: -1px;
}
.-end-0\.5{
  inset-inline-end: -0.125rem;
}
.-end-3{
  inset-inline-end: -0.75rem;
}
.-end-\[1px\]{
  inset-inline-end: -1px;
}
.-left-1{
  left: -0.25rem;
}
.-left-10{
  left: -2.5rem;
}
.-right-1{
  right: -0.25rem;
}
.-right-1\.5{
  right: -0.375rem;
}
.-right-2{
  right: -0.5rem;
}
.-right-8{
  right: -2rem;
}
.-top-0\.5{
  top: -0.125rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-1\.5{
  top: -0.375rem;
}
.-top-10{
  top: -2.5rem;
}
.-top-2{
  top: -0.5rem;
}
.-top-4{
  top: -1rem;
}
.-top-6{
  top: -1.5rem;
}
.-top-8{
  top: -2rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-20{
  bottom: 5rem;
}
.bottom-24{
  bottom: 6rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-5{
  bottom: 1.25rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-\[calc\(100\%\+0\.4rem\)\]{
  bottom: calc(100% + 0.4rem);
}
.bottom-full{
  bottom: 100%;
}
.end-0{
  inset-inline-end: 0px;
}
.end-1{
  inset-inline-end: 0.25rem;
}
.end-1\.5{
  inset-inline-end: 0.375rem;
}
.end-2{
  inset-inline-end: 0.5rem;
}
.end-3{
  inset-inline-end: 0.75rem;
}
.end-4{
  inset-inline-end: 1rem;
}
.end-5{
  inset-inline-end: 1.25rem;
}
.end-6{
  inset-inline-end: 1.5rem;
}
.left-0{
  left: 0px;
}
.left-0\.5{
  left: 0.125rem;
}
.left-1\/2{
  left: 50%;
}
.left-2{
  left: 0.5rem;
}
.left-3{
  left: 0.75rem;
}
.left-4{
  left: 1rem;
}
.left-6{
  left: 1.5rem;
}
.left-\[11\.75rem\]{
  left: 11.75rem;
}
.left-full{
  left: 100%;
}
.right-0{
  right: 0px;
}
.right-0\.5{
  right: 0.125rem;
}
.right-1{
  right: 0.25rem;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-6{
  right: 1.5rem;
}
.right-full{
  right: 100%;
}
.start-0{
  inset-inline-start: 0px;
}
.start-1{
  inset-inline-start: 0.25rem;
}
.start-1\/2{
  inset-inline-start: 50%;
}
.start-2{
  inset-inline-start: 0.5rem;
}
.start-3{
  inset-inline-start: 0.75rem;
}
.start-4{
  inset-inline-start: 1rem;
}
.start-full{
  inset-inline-start: 100%;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\.5{
  top: 0.375rem;
}
.top-1\/2{
  top: 50%;
}
.top-12{
  top: 3rem;
}
.top-14{
  top: 3.5rem;
}
.top-2{
  top: 0.5rem;
}
.top-20{
  top: 5rem;
}
.top-24{
  top: 6rem;
}
.top-28{
  top: 7rem;
}
.top-3{
  top: 0.75rem;
}
.top-4{
  top: 1rem;
}
.top-5{
  top: 1.25rem;
}
.top-6{
  top: 1.5rem;
}
.top-9{
  top: 2.25rem;
}
.top-\[145px\]{
  top: 145px;
}
.top-\[1mm\]{
  top: 1mm;
}
.top-\[61\%\]{
  top: 61%;
}
.top-\[73px\]{
  top: 73px;
}
.top-\[calc\(100\%\+0\.35rem\)\]{
  top: calc(100% + 0.35rem);
}
.top-full{
  top: 100%;
}
.isolate{
  isolation: isolate;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[10000\]{
  z-index: 10000;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[10010\]{
  z-index: 10010;
}
.z-\[10060\]{
  z-index: 10060;
}
.z-\[10065\]{
  z-index: 10065;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[10\]{
  z-index: 10;
}
.z-\[12000\]{
  z-index: 12000;
}
.z-\[1200\]{
  z-index: 1200;
}
.z-\[1201\]{
  z-index: 1201;
}
.z-\[120\]{
  z-index: 120;
}
.z-\[1250\]{
  z-index: 1250;
}
.z-\[1300\]{
  z-index: 1300;
}
.z-\[135\]{
  z-index: 135;
}
.z-\[1400\]{
  z-index: 1400;
}
.z-\[140\]{
  z-index: 140;
}
.z-\[1450\]{
  z-index: 1450;
}
.z-\[149\]{
  z-index: 149;
}
.z-\[1500\]{
  z-index: 1500;
}
.z-\[150\]{
  z-index: 150;
}
.z-\[151\]{
  z-index: 151;
}
.z-\[155\]{
  z-index: 155;
}
.z-\[1600\]{
  z-index: 1600;
}
.z-\[160\]{
  z-index: 160;
}
.z-\[170\]{
  z-index: 170;
}
.z-\[180\]{
  z-index: 180;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[200000\]{
  z-index: 200000;
}
.z-\[200\]{
  z-index: 200;
}
.z-\[2099\]{
  z-index: 2099;
}
.z-\[210\]{
  z-index: 210;
}
.z-\[2200\]{
  z-index: 2200;
}
.z-\[220\]{
  z-index: 220;
}
.z-\[240\]{
  z-index: 240;
}
.z-\[250\]{
  z-index: 250;
}
.z-\[280\]{
  z-index: 280;
}
.z-\[2\]{
  z-index: 2;
}
.z-\[35\]{
  z-index: 35;
}
.z-\[3\]{
  z-index: 3;
}
.z-\[420\]{
  z-index: 420;
}
.z-\[500\]{
  z-index: 500;
}
.z-\[50\]{
  z-index: 50;
}
.z-\[51\]{
  z-index: 51;
}
.z-\[52\]{
  z-index: 52;
}
.z-\[53\]{
  z-index: 53;
}
.z-\[55\]{
  z-index: 55;
}
.z-\[600\]{
  z-index: 600;
}
.z-\[60\]{
  z-index: 60;
}
.z-\[80\]{
  z-index: 80;
}
.z-\[9000\]{
  z-index: 9000;
}
.z-\[90\]{
  z-index: 90;
}
.z-\[91\]{
  z-index: 91;
}
.z-\[9997\]{
  z-index: 9997;
}
.z-\[9998\]{
  z-index: 9998;
}
.z-\[9999\]{
  z-index: 9999;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-3{
  order: 3;
}
.order-4{
  order: 4;
}
.order-5{
  order: 5;
}
.order-6{
  order: 6;
}
.order-7{
  order: 7;
}
.order-last{
  order: 9999;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-12{
  grid-column: span 12 / span 12;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-3{
  grid-column: span 3 / span 3;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.col-span-5{
  grid-column: span 5 / span 5;
}
.col-span-full{
  grid-column: 1 / -1;
}
.float-end{
  float: inline-end;
}
.float-left{
  float: left;
}
.m-0{
  margin: 0px;
}
.m-4{
  margin: 1rem;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-1\.5{
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-3\.5{
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-1{
  margin-bottom: -0.25rem;
}
.-ml-1{
  margin-left: -0.25rem;
}
.-mr-1{
  margin-right: -0.25rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-9{
  margin-bottom: 2.25rem;
}
.mb-\[0\.2mm\]{
  margin-bottom: 0.2mm;
}
.mb-\[0\.3mm\]{
  margin-bottom: 0.3mm;
}
.me-1{
  margin-inline-end: 0.25rem;
}
.me-1\.5{
  margin-inline-end: 0.375rem;
}
.me-2{
  margin-inline-end: 0.5rem;
}
.me-8{
  margin-inline-end: 2rem;
}
.me-auto{
  margin-inline-end: auto;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-0\.5{
  margin-right: 0.125rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-7{
  margin-right: 1.75rem;
}
.mr-auto{
  margin-right: auto;
}
.ms-1{
  margin-inline-start: 0.25rem;
}
.ms-2{
  margin-inline-start: 0.5rem;
}
.ms-3{
  margin-inline-start: 0.75rem;
}
.ms-4{
  margin-inline-start: 1rem;
}
.ms-5{
  margin-inline-start: 1.25rem;
}
.ms-auto{
  margin-inline-start: auto;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-14{
  margin-top: 3.5rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-20{
  margin-top: 5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-3\.5{
  margin-top: 0.875rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-\[0\.2mm\]{
  margin-top: 0.2mm;
}
.mt-\[0\.35mm\]{
  margin-top: 0.35mm;
}
.mt-\[0\.3mm\]{
  margin-top: 0.3mm;
}
.mt-\[0\.45mm\]{
  margin-top: 0.45mm;
}
.mt-\[0\.4mm\]{
  margin-top: 0.4mm;
}
.mt-\[0\.5mm\]{
  margin-top: 0.5mm;
}
.mt-\[0\.6mm\]{
  margin-top: 0.6mm;
}
.mt-\[0\.8mm\]{
  margin-top: 0.8mm;
}
.mt-auto{
  margin-top: auto;
}
.box-border{
  box-sizing: border-box;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-4{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.\!aspect-auto{
  aspect-ratio: auto !important;
}
.aspect-\[16\/10\]{
  aspect-ratio: 16/10;
}
.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}
.aspect-\[720\/683\]{
  aspect-ratio: 720/683;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.\!h-auto{
  height: auto !important;
}
.h-0{
  height: 0px;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-28{
  height: 7rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-36{
  height: 9rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-56{
  height: 14rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-72{
  height: 18rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-9{
  height: 2.25rem;
}
.h-96{
  height: 24rem;
}
.h-\[1\.125rem\]{
  height: 1.125rem;
}
.h-\[1\.7mm\]{
  height: 1.7mm;
}
.h-\[100dvh\]{
  height: 100dvh;
}
.h-\[11mm\]{
  height: 11mm;
}
.h-\[12\.2mm\]{
  height: 12.2mm;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[198mm\]{
  height: 198mm;
}
.h-\[2\.3mm\]{
  height: 2.3mm;
}
.h-\[20mm\]{
  height: 20mm;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[2px\]{
  height: 2px;
}
.h-\[320px\]{
  height: 320px;
}
.h-\[36mm\]{
  height: 36mm;
}
.h-\[36px\]{
  height: 36px;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[4px\]{
  height: 4px;
}
.h-\[520px\]{
  height: 520px;
}
.h-\[5px\]{
  height: 5px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[62\%\]{
  height: 62%;
}
.h-\[6px\]{
  height: 6px;
}
.h-\[70vh\]{
  height: 70vh;
}
.h-\[88vh\]{
  height: 88vh;
}
.h-\[92vh\]{
  height: 92vh;
}
.h-\[calc\(100dvh-3\.5rem\)\]{
  height: calc(100dvh - 3.5rem);
}
.h-\[calc\(100dvh-8rem\)\]{
  height: calc(100dvh - 8rem);
}
.h-\[calc\(100vh-3\.5rem\)\]{
  height: calc(100vh - 3.5rem);
}
.h-\[calc\(95vh-3\.5rem\)\]{
  height: calc(95vh - 3.5rem);
}
.h-\[min\(32rem\2c calc\(100vh-8rem\)\)\]{
  height: min(32rem, calc(100vh - 8rem));
}
.h-\[min\(42rem\2c calc\(100dvh-5rem\)\)\]{
  height: min(42rem, calc(100dvh - 5rem));
}
.h-\[min\(60vh\2c 520px\)\]{
  height: min(60vh, 520px);
}
.h-\[min\(62vw\2c 25rem\)\]{
  height: min(62vw, 25rem);
}
.h-\[min\(72dvh\2c 72vh\)\]{
  height: min(72dvh, 72vh);
}
.h-\[min\(88vh\2c 720px\)\]{
  height: min(88vh, 720px);
}
.h-\[min\(92dvh\2c calc\(100dvh-3\.25rem\)\)\]{
  height: min(92dvh, calc(100dvh - 3.25rem));
}
.h-\[var\(--app-control-target\)\]{
  height: var(--app-control-target);
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.max-h-10{
  max-height: 2.5rem;
}
.max-h-14{
  max-height: 3.5rem;
}
.max-h-16{
  max-height: 4rem;
}
.max-h-20{
  max-height: 5rem;
}
.max-h-24{
  max-height: 6rem;
}
.max-h-28{
  max-height: 7rem;
}
.max-h-32{
  max-height: 8rem;
}
.max-h-40{
  max-height: 10rem;
}
.max-h-44{
  max-height: 11rem;
}
.max-h-48{
  max-height: 12rem;
}
.max-h-52{
  max-height: 13rem;
}
.max-h-56{
  max-height: 14rem;
}
.max-h-60{
  max-height: 15rem;
}
.max-h-64{
  max-height: 16rem;
}
.max-h-72{
  max-height: 18rem;
}
.max-h-80{
  max-height: 20rem;
}
.max-h-96{
  max-height: 24rem;
}
.max-h-\[100dvh\]{
  max-height: 100dvh;
}
.max-h-\[100vh\]{
  max-height: 100vh;
}
.max-h-\[200px\]{
  max-height: 200px;
}
.max-h-\[220px\]{
  max-height: 220px;
}
.max-h-\[240px\]{
  max-height: 240px;
}
.max-h-\[28rem\]{
  max-height: 28rem;
}
.max-h-\[32rem\]{
  max-height: 32rem;
}
.max-h-\[38vh\]{
  max-height: 38vh;
}
.max-h-\[4\.5rem\]{
  max-height: 4.5rem;
}
.max-h-\[50vh\]{
  max-height: 50vh;
}
.max-h-\[520px\]{
  max-height: 520px;
}
.max-h-\[55vh\]{
  max-height: 55vh;
}
.max-h-\[600px\]{
  max-height: 600px;
}
.max-h-\[60vh\]{
  max-height: 60vh;
}
.max-h-\[62dvh\]{
  max-height: 62dvh;
}
.max-h-\[70\%\]{
  max-height: 70%;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}
.max-h-\[80vh\]{
  max-height: 80vh;
}
.max-h-\[82vh\]{
  max-height: 82vh;
}
.max-h-\[85\%\]{
  max-height: 85%;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[92dvh\]{
  max-height: 92dvh;
}
.max-h-\[92vh\]{
  max-height: 92vh;
}
.max-h-\[94vh\]{
  max-height: 94vh;
}
.max-h-\[95vh\]{
  max-height: 95vh;
}
.max-h-\[96vh\]{
  max-height: 96vh;
}
.max-h-\[calc\(100\%-1\.5rem\)\]{
  max-height: calc(100% - 1.5rem);
}
.max-h-\[calc\(100dvh-1rem\)\]{
  max-height: calc(100dvh - 1rem);
}
.max-h-\[calc\(100dvh-4\.5rem\)\]{
  max-height: calc(100dvh - 4.5rem);
}
.max-h-\[calc\(100dvh-5\.5rem\)\]{
  max-height: calc(100dvh - 5.5rem);
}
.max-h-\[calc\(100dvh-5rem\)\]{
  max-height: calc(100dvh - 5rem);
}
.max-h-\[calc\(100svh-3\.25rem\)\]{
  max-height: calc(100svh - 3.25rem);
}
.max-h-\[calc\(100vh-120px\)\]{
  max-height: calc(100vh - 120px);
}
.max-h-\[calc\(100vh-16px\)\]{
  max-height: calc(100vh - 16px);
}
.max-h-\[calc\(80vh-80px\)\]{
  max-height: calc(80vh - 80px);
}
.max-h-\[calc\(90vh-80px\)\]{
  max-height: calc(90vh - 80px);
}
.max-h-\[min\(280px\2c 42dvh\)\]{
  max-height: min(280px, 42dvh);
}
.max-h-\[min\(40vh\2c 16rem\)\]{
  max-height: min(40vh, 16rem);
}
.max-h-\[min\(42vh\2c 300px\)\]{
  max-height: min(42vh, 300px);
}
.max-h-\[min\(50vh\2c 16rem\)\]{
  max-height: min(50vh, 16rem);
}
.max-h-\[min\(50vh\2c 340px\)\]{
  max-height: min(50vh, 340px);
}
.max-h-\[min\(50vh\2c 360px\)\]{
  max-height: min(50vh, 360px);
}
.max-h-\[min\(55vh\2c 24rem\)\]{
  max-height: min(55vh, 24rem);
}
.max-h-\[min\(70vh\2c 32rem\)\]{
  max-height: min(70vh, 32rem);
}
.max-h-\[min\(70vh\2c 520px\)\]{
  max-height: min(70vh, 520px);
}
.max-h-\[min\(80vh\2c 420px\)\]{
  max-height: min(80vh, 420px);
}
.max-h-\[min\(85dvh\2c 85vh\)\]{
  max-height: min(85dvh, 85vh);
}
.max-h-\[min\(88vh\2c 760px\)\]{
  max-height: min(88vh, 760px);
}
.max-h-full{
  max-height: 100%;
}
.max-h-screen{
  max-height: 100vh;
}
.\!min-h-0{
  min-height: 0px !important;
}
.\!min-h-\[36px\]{
  min-height: 36px !important;
}
.\!min-h-\[44px\]{
  min-height: 44px !important;
}
.min-h-0{
  min-height: 0px;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-11{
  min-height: 2.75rem;
}
.min-h-12{
  min-height: 3rem;
}
.min-h-28{
  min-height: 7rem;
}
.min-h-48{
  min-height: 12rem;
}
.min-h-5{
  min-height: 1.25rem;
}
.min-h-6{
  min-height: 1.5rem;
}
.min-h-64{
  min-height: 16rem;
}
.min-h-72{
  min-height: 18rem;
}
.min-h-9{
  min-height: 2.25rem;
}
.min-h-\[1\.25rem\]{
  min-height: 1.25rem;
}
.min-h-\[1\.375rem\]{
  min-height: 1.375rem;
}
.min-h-\[1\.75rem\]{
  min-height: 1.75rem;
}
.min-h-\[100dvh\]{
  min-height: 100dvh;
}
.min-h-\[100px\]{
  min-height: 100px;
}
.min-h-\[15\.5mm\]{
  min-height: 15.5mm;
}
.min-h-\[18px\]{
  min-height: 18px;
}
.min-h-\[1em\]{
  min-height: 1em;
}
.min-h-\[2\.5rem\]{
  min-height: 2.5rem;
}
.min-h-\[2\.75rem\]{
  min-height: 2.75rem;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[24px\]{
  min-height: 24px;
}
.min-h-\[28px\]{
  min-height: 28px;
}
.min-h-\[297mm\]{
  min-height: 297mm;
}
.min-h-\[320px\]{
  min-height: 320px;
}
.min-h-\[32px\]{
  min-height: 32px;
}
.min-h-\[32rem\]{
  min-height: 32rem;
}
.min-h-\[34px\]{
  min-height: 34px;
}
.min-h-\[360px\]{
  min-height: 360px;
}
.min-h-\[36px\]{
  min-height: 36px;
}
.min-h-\[40px\]{
  min-height: 40px;
}
.min-h-\[40vh\]{
  min-height: 40vh;
}
.min-h-\[420px\]{
  min-height: 420px;
}
.min-h-\[42px\]{
  min-height: 42px;
}
.min-h-\[44px\]{
  min-height: 44px;
}
.min-h-\[48px\]{
  min-height: 48px;
}
.min-h-\[5\.5rem\]{
  min-height: 5.5rem;
}
.min-h-\[50px\]{
  min-height: 50px;
}
.min-h-\[50vh\]{
  min-height: 50vh;
}
.min-h-\[52px\]{
  min-height: 52px;
}
.min-h-\[60px\]{
  min-height: 60px;
}
.min-h-\[60vh\]{
  min-height: 60vh;
}
.min-h-\[640px\]{
  min-height: 640px;
}
.min-h-\[64px\]{
  min-height: 64px;
}
.min-h-\[72px\]{
  min-height: 72px;
}
.min-h-\[8px\]{
  min-height: 8px;
}
.min-h-\[calc\(100dvh-6\.5rem\)\]{
  min-height: calc(100dvh - 6.5rem);
}
.min-h-\[min\(92svh\2c 44rem\)\]{
  min-height: min(92svh, 44rem);
}
.min-h-\[var\(--app-control-target\)\]{
  min-height: var(--app-control-target);
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.\!w-\[44px\]{
  width: 44px !important;
}
.\!w-auto{
  width: auto !important;
}
.\!w-full{
  width: 100% !important;
}
.w-0{
  width: 0px;
}
.w-0\.5{
  width: 0.125rem;
}
.w-1{
  width: 0.25rem;
}
.w-1\.5{
  width: 0.375rem;
}
.w-1\/2{
  width: 50%;
}
.w-1\/4{
  width: 25%;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-3\/5{
  width: 60%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-4\/6{
  width: 66.666667%;
}
.w-40{
  width: 10rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\/6{
  width: 83.333333%;
}
.w-52{
  width: 13rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-60{
  width: 15rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-96{
  width: 24rem;
}
.w-\[1\.125rem\]{
  width: 1.125rem;
}
.w-\[1\.7mm\]{
  width: 1.7mm;
}
.w-\[10\%\]{
  width: 10%;
}
.w-\[100vw\]{
  width: 100vw;
}
.w-\[115px\]{
  width: 115px;
}
.w-\[12\%\]{
  width: 12%;
}
.w-\[12\.25rem\]{
  width: 12.25rem;
}
.w-\[136mm\]{
  width: 136mm;
}
.w-\[15\%\]{
  width: 15%;
}
.w-\[17\.5rem\]{
  width: 17.5rem;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[2\.3mm\]{
  width: 2.3mm;
}
.w-\[210mm\]{
  width: 210mm;
}
.w-\[22\%\]{
  width: 22%;
}
.w-\[22\.5\%\]{
  width: 22.5%;
}
.w-\[25\%\]{
  width: 25%;
}
.w-\[3px\]{
  width: 3px;
}
.w-\[4\.5rem\]{
  width: 4.5rem;
}
.w-\[40\%\]{
  width: 40%;
}
.w-\[40mm\]{
  width: 40mm;
}
.w-\[50\%\]{
  width: 50%;
}
.w-\[56mm\]{
  width: 56mm;
}
.w-\[62\%\]{
  width: 62%;
}
.w-\[6px\]{
  width: 6px;
}
.w-\[8\%\]{
  width: 8%;
}
.w-\[88px\]{
  width: 88px;
}
.w-\[9\%\]{
  width: 9%;
}
.w-\[9\.5rem\]{
  width: 9.5rem;
}
.w-\[calc\(100\%-2rem\)\]{
  width: calc(100% - 2rem);
}
.w-\[min\(17\.5rem\2c calc\(100vw-2rem\)\)\]{
  width: min(17.5rem, calc(100vw - 2rem));
}
.w-\[min\(17\.5rem\2c calc\(100vw-6\.5rem\)\)\]{
  width: min(17.5rem, calc(100vw - 6.5rem));
}
.w-\[min\(18rem\2c calc\(100vw-1\.5rem\)\)\]{
  width: min(18rem, calc(100vw - 1.5rem));
}
.w-\[min\(18rem\2c calc\(100vw-2rem\)\)\]{
  width: min(18rem, calc(100vw - 2rem));
}
.w-\[min\(220px\2c 58vw\)\]{
  width: min(220px, 58vw);
}
.w-\[min\(22rem\2c 90vw\)\]{
  width: min(22rem, 90vw);
}
.w-\[min\(22rem\2c calc\(100vw-1rem\)\)\]{
  width: min(22rem, calc(100vw - 1rem));
}
.w-\[min\(22rem\2c calc\(100vw-2rem\)\)\]{
  width: min(22rem, calc(100vw - 2rem));
}
.w-\[min\(24rem\2c calc\(100vw-1rem\)\)\]{
  width: min(24rem, calc(100vw - 1rem));
}
.w-\[min\(24rem\2c calc\(100vw-2rem\)\)\]{
  width: min(24rem, calc(100vw - 2rem));
}
.w-\[min\(25rem\2c calc\(100vw-1rem\)\)\]{
  width: min(25rem, calc(100vw - 1rem));
}
.w-\[min\(380px\2c calc\(100\%-1\.5rem\)\)\]{
  width: min(380px, calc(100% - 1.5rem));
}
.w-\[min\(38rem\2c calc\(100vw-1\.25rem\)\)\]{
  width: min(38rem, calc(100vw - 1.25rem));
}
.w-\[min\(88vw\2c 240px\)\]{
  width: min(88vw, 240px);
}
.w-\[min\(88vw\2c 260px\)\]{
  width: min(88vw, 260px);
}
.w-\[min\(92vw\2c 11\.5rem\)\]{
  width: min(92vw, 11.5rem);
}
.w-\[min\(92vw\2c 320px\)\]{
  width: min(92vw, 320px);
}
.w-\[min\(92vw\2c 360px\)\]{
  width: min(92vw, 360px);
}
.w-\[min\(92vw\2c 400px\)\]{
  width: min(92vw, 400px);
}
.w-\[min\(96vw\2c 400px\)\]{
  width: min(96vw, 400px);
}
.w-\[min\(clamp\(420px\2c 38vw\2c 520px\)\2c calc\(100vw-2rem\)\)\]{
  width: min(clamp(420px, 38vw, 520px), calc(100vw - 2rem));
}
.w-\[var\(--app-control-target\)\]{
  width: var(--app-control-target);
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-px{
  width: 1px;
}
.w-screen{
  width: 100vw;
}
.\!min-w-0{
  min-width: 0px !important;
}
.min-w-0{
  min-width: 0px;
}
.min-w-10{
  min-width: 2.5rem;
}
.min-w-12{
  min-width: 3rem;
}
.min-w-36{
  min-width: 9rem;
}
.min-w-5{
  min-width: 1.25rem;
}
.min-w-6{
  min-width: 1.5rem;
}
.min-w-\[1\.125rem\]{
  min-width: 1.125rem;
}
.min-w-\[1\.25rem\]{
  min-width: 1.25rem;
}
.min-w-\[1\.5rem\]{
  min-width: 1.5rem;
}
.min-w-\[100px\]{
  min-width: 100px;
}
.min-w-\[1080px\]{
  min-width: 1080px;
}
.min-w-\[10rem\]{
  min-width: 10rem;
}
.min-w-\[1100px\]{
  min-width: 1100px;
}
.min-w-\[1200px\]{
  min-width: 1200px;
}
.min-w-\[12rem\]{
  min-width: 12rem;
}
.min-w-\[1320px\]{
  min-width: 1320px;
}
.min-w-\[148px\]{
  min-width: 148px;
}
.min-w-\[1500px\]{
  min-width: 1500px;
}
.min-w-\[150px\]{
  min-width: 150px;
}
.min-w-\[16rem\]{
  min-width: 16rem;
}
.min-w-\[17\.5rem\]{
  min-width: 17.5rem;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[18px\]{
  min-width: 18px;
}
.min-w-\[1rem\]{
  min-width: 1rem;
}
.min-w-\[2\.5rem\]{
  min-width: 2.5rem;
}
.min-w-\[2\.75rem\]{
  min-width: 2.75rem;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[22px\]{
  min-width: 22px;
}
.min-w-\[24px\]{
  min-width: 24px;
}
.min-w-\[250px\]{
  min-width: 250px;
}
.min-w-\[28mm\]{
  min-width: 28mm;
}
.min-w-\[2px\]{
  min-width: 2px;
}
.min-w-\[300px\]{
  min-width: 300px;
}
.min-w-\[320px\]{
  min-width: 320px;
}
.min-w-\[32rem\]{
  min-width: 32rem;
}
.min-w-\[3rem\]{
  min-width: 3rem;
}
.min-w-\[40px\]{
  min-width: 40px;
}
.min-w-\[44px\]{
  min-width: 44px;
}
.min-w-\[480px\]{
  min-width: 480px;
}
.min-w-\[5\.5rem\]{
  min-width: 5.5rem;
}
.min-w-\[500px\]{
  min-width: 500px;
}
.min-w-\[520px\]{
  min-width: 520px;
}
.min-w-\[600px\]{
  min-width: 600px;
}
.min-w-\[60px\]{
  min-width: 60px;
}
.min-w-\[60rem\]{
  min-width: 60rem;
}
.min-w-\[620px\]{
  min-width: 620px;
}
.min-w-\[640px\]{
  min-width: 640px;
}
.min-w-\[64px\]{
  min-width: 64px;
}
.min-w-\[7\.5rem\]{
  min-width: 7.5rem;
}
.min-w-\[70px\]{
  min-width: 70px;
}
.min-w-\[720px\]{
  min-width: 720px;
}
.min-w-\[72px\]{
  min-width: 72px;
}
.min-w-\[760px\]{
  min-width: 760px;
}
.min-w-\[8\.5rem\]{
  min-width: 8.5rem;
}
.min-w-\[800px\]{
  min-width: 800px;
}
.min-w-\[860px\]{
  min-width: 860px;
}
.min-w-\[880px\]{
  min-width: 880px;
}
.min-w-\[9\.5rem\]{
  min-width: 9.5rem;
}
.min-w-\[900px\]{
  min-width: 900px;
}
.min-w-\[960px\]{
  min-width: 960px;
}
.min-w-\[980px\]{
  min-width: 980px;
}
.min-w-\[var\(--app-control-target\)\]{
  min-width: var(--app-control-target);
}
.min-w-full{
  min-width: 100%;
}
.min-w-max{
  min-width: -moz-max-content;
  min-width: max-content;
}
.max-w-0{
  max-width: 0px;
}
.max-w-14{
  max-width: 3.5rem;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[100vw\]{
  max-width: 100vw;
}
.max-w-\[110px\]{
  max-width: 110px;
}
.max-w-\[11rem\]{
  max-width: 11rem;
}
.max-w-\[120px\]{
  max-width: 120px;
}
.max-w-\[12rem\]{
  max-width: 12rem;
}
.max-w-\[1400px\]{
  max-width: 1400px;
}
.max-w-\[140px\]{
  max-width: 140px;
}
.max-w-\[14rem\]{
  max-width: 14rem;
}
.max-w-\[150px\]{
  max-width: 150px;
}
.max-w-\[16rem\]{
  max-width: 16rem;
}
.max-w-\[180px\]{
  max-width: 180px;
}
.max-w-\[1920px\]{
  max-width: 1920px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[210mm\]{
  max-width: 210mm;
}
.max-w-\[220px\]{
  max-width: 220px;
}
.max-w-\[22rem\]{
  max-width: 22rem;
}
.max-w-\[28rem\]{
  max-width: 28rem;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[40\%\]{
  max-width: 40%;
}
.max-w-\[60\%\]{
  max-width: 60%;
}
.max-w-\[65\%\]{
  max-width: 65%;
}
.max-w-\[70\%\]{
  max-width: 70%;
}
.max-w-\[80\%\]{
  max-width: 80%;
}
.max-w-\[840px\]{
  max-width: 840px;
}
.max-w-\[85\%\]{
  max-width: 85%;
}
.max-w-\[85vw\]{
  max-width: 85vw;
}
.max-w-\[920px\]{
  max-width: 920px;
}
.max-w-\[92rem\]{
  max-width: 92rem;
}
.max-w-\[95vw\]{
  max-width: 95vw;
}
.max-w-\[96vw\]{
  max-width: 96vw;
}
.max-w-\[calc\(100vw-1rem\)\]{
  max-width: calc(100vw - 1rem);
}
.max-w-\[calc\(100vw-3rem\)\]{
  max-width: calc(100vw - 3rem);
}
.max-w-\[min\(100\%\2c 1280px\)\]{
  max-width: min(100%, 1280px);
}
.max-w-\[min\(100\%\2c 22rem\)\]{
  max-width: min(100%, 22rem);
}
.max-w-\[min\(100\%\2c 26rem\)\]{
  max-width: min(100%, 26rem);
}
.max-w-\[min\(100\%\2c 96vw\)\]{
  max-width: min(100%, 96vw);
}
.max-w-\[min\(52vw\2c 14rem\)\]{
  max-width: min(52vw, 14rem);
}
.max-w-\[min\(84vw\2c 24rem\)\]{
  max-width: min(84vw, 24rem);
}
.max-w-\[min\(92vw\2c 40rem\)\]{
  max-width: min(92vw, 40rem);
}
.max-w-\[min\(94vw\2c 46rem\)\]{
  max-width: min(94vw, 46rem);
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-screen-2xl{
  max-width: 1536px;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-\[2\]{
  flex: 2;
}
.flex-none{
  flex: none;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.grow{
  flex-grow: 1;
}
.basis-32{
  flex-basis: 8rem;
}
.basis-full{
  flex-basis: 100%;
}
.table-auto{
  table-layout: auto;
}
.\!table-fixed{
  table-layout: fixed !important;
}
.table-fixed{
  table-layout: fixed;
}
.border-collapse{
  border-collapse: collapse;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[0\.27mm\]{
  --tw-translate-x: -0.27mm;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[0\.27mm\]{
  --tw-translate-y: -0.27mm;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full{
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-6{
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[0\.18mm\]{
  --tw-translate-x: 0.18mm;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[0\.27mm\]{
  --tw-translate-x: 0.27mm;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-10{
  --tw-translate-y: 2.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2{
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-4{
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-8{
  --tw-translate-y: 2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[0\.14rem\]{
  --tw-translate-y: 0.14rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[0\.18mm\]{
  --tw-translate-y: 0.18mm;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[0\.27mm\]{
  --tw-translate-y: 0.27mm;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full{
  --tw-translate-y: 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));
}
.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0{
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-125{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.01\]{
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.02\]{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.animate-\[bell-ring_0\.8s_ease-in-out\]{
  animation: bell-ring 0.8s ease-in-out;
}
.animate-\[notification-frame-pulse_var\(--notification-frame-duration\)_ease-in-out_infinite\]{
  animation: notification-frame-pulse var(--notification-frame-duration) ease-in-out infinite;
}
@keyframes bounce{

  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce{
  animation: bounce 1s infinite;
}
@keyframes fadeIn{

  0%{
    opacity: 0;
  }

  100%{
    opacity: 1;
  }
}
.animate-fade-in{
  animation: fadeIn 0.3s ease-in-out;
}
.animate-none{
  animation: none;
}
@keyframes ping{

  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping{
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse{

  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-col-resize{
  cursor: col-resize;
}
.cursor-default{
  cursor: default;
}
.cursor-e-resize{
  cursor: e-resize;
}
.cursor-ew-resize{
  cursor: ew-resize;
}
.cursor-grab{
  cursor: grab;
}
.cursor-help{
  cursor: help;
}
.cursor-move{
  cursor: move;
}
.cursor-n-resize{
  cursor: n-resize;
}
.cursor-ne-resize{
  cursor: ne-resize;
}
.cursor-nesw-resize{
  cursor: nesw-resize;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-ns-resize{
  cursor: ns-resize;
}
.cursor-nw-resize{
  cursor: nw-resize;
}
.cursor-nwse-resize{
  cursor: nwse-resize;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-s-resize{
  cursor: s-resize;
}
.cursor-se-resize{
  cursor: se-resize;
}
.cursor-sw-resize{
  cursor: sw-resize;
}
.cursor-w-resize{
  cursor: w-resize;
}
.touch-none{
  touch-action: none;
}
.touch-pan-x{
  --tw-pan-x: pan-x;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-manipulation{
  touch-action: manipulation;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-all{
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.resize-none{
  resize: none;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.scroll-mt-20{
  scroll-margin-top: 5rem;
}
.scroll-mt-24{
  scroll-margin-top: 6rem;
}
.scroll-mt-3{
  scroll-margin-top: 0.75rem;
}
.list-inside{
  list-style-position: inside;
}
.list-decimal{
  list-style-type: decimal;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.break-inside-avoid{
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.auto-rows-fr{
  grid-auto-rows: minmax(0, 1fr);
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-16{
  grid-template-columns: repeat(16, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-\[10mm\2c 1fr\]{
  grid-template-columns: 10mm 1fr;
}
.grid-cols-\[12mm\2c 1fr\]{
  grid-template-columns: 12mm 1fr;
}
.grid-cols-\[16mm\2c 1fr\]{
  grid-template-columns: 16mm 1fr;
}
.grid-cols-\[1fr\2c 1fr\]{
  grid-template-columns: 1fr 1fr;
}
.grid-cols-\[1fr_10mm\]{
  grid-template-columns: 1fr 10mm;
}
.grid-cols-\[1fr_12mm\]{
  grid-template-columns: 1fr 12mm;
}
.grid-cols-\[1fr_16mm\]{
  grid-template-columns: 1fr 16mm;
}
.grid-cols-\[1fr_20mm\]{
  grid-template-columns: 1fr 20mm;
}
.grid-cols-\[1fr_auto_1fr\]{
  grid-template-columns: 1fr auto 1fr;
}
.grid-cols-\[20mm\2c 1fr\]{
  grid-template-columns: 20mm 1fr;
}
.grid-cols-\[22\.5mm\2c 1fr\]{
  grid-template-columns: 22.5mm 1fr;
}
.grid-cols-\[2fr\2c 1fr\]{
  grid-template-columns: 2fr 1fr;
}
.grid-cols-\[6\.6mm\2c 1fr\2c 6\.6mm\]{
  grid-template-columns: 6.6mm 1fr 6.6mm;
}
.grid-cols-\[9mm\2c 1fr\]{
  grid-template-columns: 9mm 1fr;
}
.grid-cols-\[auto_1fr\]{
  grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_1fr_1fr_auto\]{
  grid-template-columns: auto 1fr 1fr auto;
}
.grid-cols-\[minmax\(0\2c 1fr\)_auto\]{
  grid-template-columns: minmax(0,1fr) auto;
}
.grid-cols-\[repeat\(auto-fit\2c minmax\(5rem\2c 1fr\)\)\]{
  grid-template-columns: repeat(auto-fit,minmax(5rem,1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.place-items-center{
  place-items: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.\!items-stretch{
  align-items: stretch !important;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.\!justify-end{
  justify-content: flex-end !important;
}
.justify-end{
  justify-content: flex-end;
}
.\!justify-center{
  justify-content: center !important;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-\[0\.2mm\]{
  gap: 0.2mm;
}
.gap-\[0\.45mm\]{
  gap: 0.45mm;
}
.gap-\[0\.4mm\]{
  gap: 0.4mm;
}
.gap-\[0\.5mm\]{
  gap: 0.5mm;
}
.gap-\[0\.6mm\]{
  gap: 0.6mm;
}
.gap-\[0\.7mm\]{
  gap: 0.7mm;
}
.gap-\[0\.8mm\]{
  gap: 0.8mm;
}
.gap-\[1\.2mm\]{
  gap: 1.2mm;
}
.gap-\[2px\]{
  gap: 2px;
}
.gap-\[3px\]{
  gap: 3px;
}
.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-\[1mm\]{
  -moz-column-gap: 1mm;
       column-gap: 1mm;
}
.gap-y-0\.5{
  row-gap: 0.125rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-1\.5{
  row-gap: 0.375rem;
}
.gap-y-\[0\.15mm\]{
  row-gap: 0.15mm;
}
.-space-x-px > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-1px * var(--tw-space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-16 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-7 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-\[0\.15mm\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.15mm * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.15mm * var(--tw-space-y-reverse));
}
.space-y-\[0\.2mm\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.2mm * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.2mm * var(--tw-space-y-reverse));
}
.space-y-\[0\.3mm\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.3mm * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.3mm * var(--tw-space-y-reverse));
}
.space-y-\[0\.4mm\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.4mm * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.4mm * var(--tw-space-y-reverse));
}
.space-y-\[0\.5mm\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5mm * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5mm * var(--tw-space-y-reverse));
}
.space-y-\[0\.7mm\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.7mm * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.7mm * var(--tw-space-y-reverse));
}
.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-\[color\:var\(--dx-silver-border\)\] > :not([hidden]) ~ :not([hidden]){
  border-color: var(--dx-silver-border);
}
.divide-\[color\:var\(--dx-silver-quiet\2c rgba\(139\2c 147\2c 158\2c 0\.35\)\)\] > :not([hidden]) ~ :not([hidden]){
  border-color: var(--dx-silver-quiet,rgba(139,147,158,0.35));
}
.divide-\[var\(--dx-line\2c \#3a4047\)\] > :not([hidden]) ~ :not([hidden]){
  border-color: var(--dx-line,#3a4047);
}
.divide-blue-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-divide-opacity, 1));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}
.divide-line > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(var(--ui-border) / var(--tw-divide-opacity, 1));
}
.divide-slate-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1));
}
.divide-slate-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}
.divide-table-border > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(var(--ui-table-border) / var(--tw-divide-opacity, 1));
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.self-stretch{
  align-self: stretch;
}
.justify-self-end{
  justify-self: end;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-x-clip{
  overflow-x: clip;
}
.overflow-x-visible{
  overflow-x: visible;
}
.overflow-y-visible{
  overflow-y: visible;
}
.overscroll-contain{
  overscroll-behavior: contain;
}
.overscroll-x-contain{
  overscroll-behavior-x: contain;
}
.scroll-smooth{
  scroll-behavior: smooth;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded-\[var\(--dx-radius-sm\2c 8px\)\]{
  border-radius: var(--dx-radius-sm,8px) !important;
}
.\!rounded-none{
  border-radius: 0px !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1.5rem;
}
.rounded-3xl{
  border-radius: 2rem;
}
.rounded-\[0\.4mm\]{
  border-radius: 0.4mm;
}
.rounded-\[0\.5mm\]{
  border-radius: 0.5mm;
}
.rounded-\[0\.9rem\]{
  border-radius: 0.9rem;
}
.rounded-\[1\.15rem\]{
  border-radius: 1.15rem;
}
.rounded-\[1\.25rem\]{
  border-radius: 1.25rem;
}
.rounded-\[1\.35rem\]{
  border-radius: 1.35rem;
}
.rounded-\[1\.75rem\]{
  border-radius: 1.75rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[14px\]{
  border-radius: 14px;
}
.rounded-\[15px\]{
  border-radius: 15px;
}
.rounded-\[18px\]{
  border-radius: 18px;
}
.rounded-\[1mm\]{
  border-radius: 1mm;
}
.rounded-\[1px\]{
  border-radius: 1px;
}
.rounded-\[2\.5rem\]{
  border-radius: 2.5rem;
}
.rounded-\[20px\]{
  border-radius: 20px;
}
.rounded-\[22px\]{
  border-radius: 22px;
}
.rounded-\[24px\]{
  border-radius: 24px;
}
.rounded-\[28px\]{
  border-radius: 28px;
}
.rounded-\[2px\]{
  border-radius: 2px;
}
.rounded-\[2rem\]{
  border-radius: 2rem;
}
.rounded-\[6px\]{
  border-radius: 6px;
}
.rounded-\[8px\]{
  border-radius: 8px;
}
.rounded-\[var\(--dx-radius-lg\)\]{
  border-radius: var(--dx-radius-lg);
}
.rounded-\[var\(--dx-radius-lg\2c 1rem\)\]{
  border-radius: var(--dx-radius-lg,1rem);
}
.rounded-\[var\(--dx-radius-md\2c 12px\)\]{
  border-radius: var(--dx-radius-md,12px);
}
.rounded-\[var\(--dx-radius-sm\)\]{
  border-radius: var(--dx-radius-sm);
}
.rounded-\[var\(--dx-radius-sm\2c 8px\)\]{
  border-radius: var(--dx-radius-sm,8px);
}
.rounded-\[var\(--dx-radius-xl\)\]{
  border-radius: var(--dx-radius-xl);
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-xl{
  border-radius: 1rem;
}
.rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-none{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-l-md{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-md{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-2xl{
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-3xl{
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
.rounded-t-\[var\(--dx-radius-md\2c 12px\)\]{
  border-top-left-radius: var(--dx-radius-md,12px);
  border-top-right-radius: var(--dx-radius-md,12px);
}
.rounded-t-\[var\(--dx-radius-xl\)\]{
  border-top-left-radius: var(--dx-radius-xl);
  border-top-right-radius: var(--dx-radius-xl);
}
.rounded-t-lg{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-ee-md{
  border-end-end-radius: 0.375rem;
}
.rounded-es-md{
  border-end-start-radius: 0.375rem;
}
.\!border-0{
  border-width: 0px !important;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-4{
  border-width: 4px;
}
.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-y-0{
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-e{
  border-inline-end-width: 1px;
}
.border-e-0{
  border-inline-end-width: 0px;
}
.border-e-2{
  border-inline-end-width: 2px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-l-4{
  border-left-width: 4px;
}
.border-r{
  border-right-width: 1px;
}
.border-r-2{
  border-right-width: 2px;
}
.border-r-4{
  border-right-width: 4px;
}
.border-s{
  border-inline-start-width: 1px;
}
.border-s-2{
  border-inline-start-width: 2px;
}
.border-s-4{
  border-inline-start-width: 4px;
}
.border-s-\[3px\]{
  border-inline-start-width: 3px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-2{
  border-top-width: 2px;
}
.border-t-4{
  border-top-width: 4px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.border-dotted{
  border-style: dotted;
}
.border-none{
  border-style: none;
}
.\!border-white\/20{
  border-color: rgb(255 255 255 / 0.2) !important;
}
.border-\[\#111314\]\/30{
  border-color: rgb(17 19 20 / 0.3);
}
.border-\[\#22519d\]{
  --tw-border-opacity: 1;
  border-color: rgb(34 81 157 / var(--tw-border-opacity, 1));
}
.border-\[\#2a2a2a\]{
  --tw-border-opacity: 1;
  border-color: rgb(42 42 42 / var(--tw-border-opacity, 1));
}
.border-\[\#2a333b\]{
  --tw-border-opacity: 1;
  border-color: rgb(42 51 59 / var(--tw-border-opacity, 1));
}
.border-\[\#2c2c2c\]{
  --tw-border-opacity: 1;
  border-color: rgb(44 44 44 / var(--tw-border-opacity, 1));
}
.border-\[\#2e3841\]{
  --tw-border-opacity: 1;
  border-color: rgb(46 56 65 / var(--tw-border-opacity, 1));
}
.border-\[\#303030\]{
  --tw-border-opacity: 1;
  border-color: rgb(48 48 48 / var(--tw-border-opacity, 1));
}
.border-\[\#333\]{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.border-\[\#36424b\]{
  --tw-border-opacity: 1;
  border-color: rgb(54 66 75 / var(--tw-border-opacity, 1));
}
.border-\[\#3a3a3a\]{
  --tw-border-opacity: 1;
  border-color: rgb(58 58 58 / var(--tw-border-opacity, 1));
}
.border-\[\#3a4047\]{
  --tw-border-opacity: 1;
  border-color: rgb(58 64 71 / var(--tw-border-opacity, 1));
}
.border-\[\#3a4047\]\/45{
  border-color: rgb(58 64 71 / 0.45);
}
.border-\[\#3a4047\]\/55{
  border-color: rgb(58 64 71 / 0.55);
}
.border-\[\#3f5f2a\]{
  --tw-border-opacity: 1;
  border-color: rgb(63 95 42 / var(--tw-border-opacity, 1));
}
.border-\[\#679a1f\]{
  --tw-border-opacity: 1;
  border-color: rgb(103 154 31 / var(--tw-border-opacity, 1));
}
.border-\[\#6fa729\]{
  --tw-border-opacity: 1;
  border-color: rgb(111 167 41 / var(--tw-border-opacity, 1));
}
.border-\[\#8b939e\]{
  --tw-border-opacity: 1;
  border-color: rgb(139 147 158 / var(--tw-border-opacity, 1));
}
.border-\[\#8fbc37\]{
  --tw-border-opacity: 1;
  border-color: rgb(143 188 55 / var(--tw-border-opacity, 1));
}
.border-\[\#9a9a9a\]{
  --tw-border-opacity: 1;
  border-color: rgb(154 154 154 / var(--tw-border-opacity, 1));
}
.border-\[\#9cb55a\]{
  --tw-border-opacity: 1;
  border-color: rgb(156 181 90 / var(--tw-border-opacity, 1));
}
.border-\[\#9fca3a\]{
  --tw-border-opacity: 1;
  border-color: rgb(159 202 58 / var(--tw-border-opacity, 1));
}
.border-\[\#d92d20\]{
  --tw-border-opacity: 1;
  border-color: rgb(217 45 32 / var(--tw-border-opacity, 1));
}
.border-\[\#ff453a\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 69 58 / var(--tw-border-opacity, 1));
}
.border-\[\#ff9f0a\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 159 10 / var(--tw-border-opacity, 1));
}
.border-\[color-mix\(in_srgb\2c \#8b939e_35\%\2c transparent\)\]{
  border-color: color-mix(in srgb,#8b939e 35%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--dx-dna-warning\2c \#f08c00\)_55\%\2c transparent\)\]{
  border-color: color-mix(in srgb,var(--dx-dna-warning,#f08c00) 55%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_22\%\2c \#e2e8f0\)\]{
  border-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 22%,#e2e8f0);
}
.border-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_32\%\2c \#e2e8f0\)\]{
  border-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 32%,#e2e8f0);
}
.border-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_35\%\2c transparent\)\]{
  border-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 35%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_40\%\2c \#cbd5e1\)\]{
  border-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 40%,#cbd5e1);
}
.border-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_40\%\2c transparent\)\]{
  border-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 40%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_45\%\2c \#f59e0b\)\]{
  border-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 45%,#f59e0b);
}
.border-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_55\%\2c \#3a4047\)\]{
  border-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 55%,#3a4047);
}
.border-\[color-mix\(in_srgb\2c var\(--dx-success\)_45\%\2c var\(--dx-line\)\)\]{
  border-color: color-mix(in srgb,var(--dx-success) 45%,var(--dx-line));
}
.border-\[color-mix\(in_srgb\2c var\(--dx-warning\)_45\%\2c var\(--dx-line\)\)\]{
  border-color: color-mix(in srgb,var(--dx-warning) 45%,var(--dx-line));
}
.border-\[color\:var\(--dx-bg\2c \#050505\)\]{
  border-color: var(--dx-bg,#050505);
}
.border-\[color\:var\(--dx-lime\)\]{
  border-color: var(--dx-lime);
}
.border-\[color\:var\(--dx-lime\2c \#c8f04a\)\]{
  border-color: var(--dx-lime,#c8f04a);
}
.border-\[color\:var\(--dx-line\2c \#3a4047\)\]{
  border-color: var(--dx-line,#3a4047);
}
.border-\[color\:var\(--dx-silver-border\)\]{
  border-color: var(--dx-silver-border);
}
.border-\[color\:var\(--dx-silver-border\2c \#3a4047\)\]{
  border-color: var(--dx-silver-border,#3a4047);
}
.border-\[color\:var\(--dx-silver-quiet\)\]{
  border-color: var(--dx-silver-quiet);
}
.border-\[color\:var\(--dx-silver-quiet\2c rgba\(139\2c 147\2c 158\2c 0\.35\)\)\]{
  border-color: var(--dx-silver-quiet,rgba(139,147,158,0.35));
}
.border-\[rgba\(143\2c 188\2c 46\2c 0\.14\)\]{
  border-color: rgba(143,188,46,0.14);
}
.border-\[rgba\(143\2c 188\2c 46\2c 0\.16\)\]{
  border-color: rgba(143,188,46,0.16);
}
.border-\[rgba\(143\2c 188\2c 46\2c 0\.18\)\]{
  border-color: rgba(143,188,46,0.18);
}
.border-\[rgba\(143\2c 188\2c 46\2c 0\.2\)\]{
  border-color: rgba(143,188,46,0.2);
}
.border-\[rgba\(143\2c 188\2c 46\2c 0\.22\)\]{
  border-color: rgba(143,188,46,0.22);
}
.border-\[rgba\(143\2c 188\2c 46\2c 0\.28\)\]{
  border-color: rgba(143,188,46,0.28);
}
.border-\[rgba\(143\2c 188\2c 46\2c 0\.3\)\]{
  border-color: rgba(143,188,46,0.3);
}
.border-\[rgba\(143\2c 188\2c 46\2c 0\.35\)\]{
  border-color: rgba(143,188,46,0.35);
}
.border-\[rgba\(143\2c 188\2c 46\2c 0\.45\)\]{
  border-color: rgba(143,188,46,0.45);
}
.border-\[rgba\(143\2c 188\2c 46\2c 0\.55\)\]{
  border-color: rgba(143,188,46,0.55);
}
.border-\[rgba\(164\2c 208\2c 55\2c 0\.22\)\]{
  border-color: rgba(164,208,55,0.22);
}
.border-\[rgba\(164\2c 208\2c 55\2c 0\.28\)\]{
  border-color: rgba(164,208,55,0.28);
}
.border-\[rgba\(164\2c 208\2c 55\2c 0\.3\)\]{
  border-color: rgba(164,208,55,0.3);
}
.border-\[rgba\(164\2c 208\2c 55\2c 0\.35\)\]{
  border-color: rgba(164,208,55,0.35);
}
.border-\[rgba\(164\2c 208\2c 55\2c 0\.4\)\]{
  border-color: rgba(164,208,55,0.4);
}
.border-\[rgba\(200\2c 240\2c 74\2c 0\.25\)\]{
  border-color: rgba(200,240,74,0.25);
}
.border-\[var\(--brand-lime-deep\)\]{
  border-color: var(--brand-lime-deep);
}
.border-\[var\(--dx-border\2c \#e2e8f0\)\]{
  border-color: var(--dx-border,#e2e8f0);
}
.border-\[var\(--dx-danger\)\]{
  border-color: var(--dx-danger);
}
.border-\[var\(--dx-dna-line\)\]{
  border-color: var(--dx-dna-line);
}
.border-\[var\(--dx-lime\)\]{
  border-color: var(--dx-lime);
}
.border-\[var\(--dx-lime\2c \#a4d037\)\]{
  border-color: var(--dx-lime,#a4d037);
}
.border-\[var\(--dx-lime\2c \#c8f04a\)\]{
  border-color: var(--dx-lime,#c8f04a);
}
.border-\[var\(--dx-lime\2c var\(--ov2-fb-lime\)\)\]{
  border-color: var(--dx-lime,var(--ov2-fb-lime));
}
.border-\[var\(--dx-line\)\]{
  border-color: var(--dx-line);
}
.border-\[var\(--dx-line\2c \#3a4047\)\]{
  border-color: var(--dx-line,#3a4047);
}
.border-\[var\(--dx-line\2c \#d0d5dd\)\]{
  border-color: var(--dx-line,#d0d5dd);
}
.border-\[var\(--dx-line\2c rgba\(139\2c 147\2c 158\2c 0\.42\)\)\]{
  border-color: var(--dx-line,rgba(139,147,158,0.42));
}
.border-\[var\(--dx-line\2c rgba\(18\2c 32\2c 22\2c 0\.12\)\)\]{
  border-color: var(--dx-line,rgba(18,32,22,0.12));
}
.border-\[var\(--dx-line\2c var\(--lux-border\)\)\]{
  border-color: var(--dx-line,var(--lux-border));
}
.border-\[var\(--dx-line\2c var\(--ov2-fb-line\)\)\]{
  border-color: var(--dx-line,var(--ov2-fb-line));
}
.border-\[var\(--dx-silver\2c \#8b939e\)\]{
  border-color: var(--dx-silver,#8b939e);
}
.border-\[var\(--dx-silver-border\2c \#3a4047\)\]{
  border-color: var(--dx-silver-border,#3a4047);
}
.border-\[var\(--dx-success\)\]{
  border-color: var(--dx-success);
}
.border-\[var\(--dx-warning\)\]{
  border-color: var(--dx-warning);
}
.border-\[var\(--lux-accent\)\]{
  border-color: var(--lux-accent);
}
.border-\[var\(--lux-border\)\]{
  border-color: var(--lux-border);
}
.border-accent{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-accent) / var(--tw-border-opacity, 1));
}
.border-amber-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}
.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-200\/60{
  border-color: rgb(253 230 138 / 0.6);
}
.border-amber-200\/70{
  border-color: rgb(253 230 138 / 0.7);
}
.border-amber-200\/80{
  border-color: rgb(253 230 138 / 0.8);
}
.border-amber-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-amber-300\/50{
  border-color: rgb(252 211 77 / 0.5);
}
.border-amber-300\/70{
  border-color: rgb(252 211 77 / 0.7);
}
.border-amber-300\/80{
  border-color: rgb(252 211 77 / 0.8);
}
.border-amber-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-amber-400\/30{
  border-color: rgb(251 191 36 / 0.3);
}
.border-amber-400\/60{
  border-color: rgb(251 191 36 / 0.6);
}
.border-amber-500{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-amber-500\/20{
  border-color: rgb(245 158 11 / 0.2);
}
.border-amber-500\/35{
  border-color: rgb(245 158 11 / 0.35);
}
.border-amber-500\/40{
  border-color: rgb(245 158 11 / 0.4);
}
.border-amber-500\/50{
  border-color: rgb(245 158 11 / 0.5);
}
.border-amber-600{
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}
.border-amber-600\/60{
  border-color: rgb(180 83 9 / 0.6);
}
.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}
.border-blue-100{
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}
.border-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-200\/50{
  border-color: rgb(191 219 254 / 0.5);
}
.border-blue-200\/70{
  border-color: rgb(191 219 254 / 0.7);
}
.border-blue-300{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.border-blue-400{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.border-blue-50{
  --tw-border-opacity: 1;
  border-color: rgb(239 246 255 / var(--tw-border-opacity, 1));
}
.border-blue-500{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-brand-ink{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-brand-ink) / var(--tw-border-opacity, 1));
}
.border-brand-ink\/35{
  border-color: rgb(var(--ui-brand-ink) / 0.35);
}
.border-brand-ink\/40{
  border-color: rgb(var(--ui-brand-ink) / 0.4);
}
.border-brand-ink\/\[0\.28\]{
  border-color: rgb(var(--ui-brand-ink) / 0.28);
}
.border-brand-lime-on-dark{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-brand-lime-on-dark) / var(--tw-border-opacity, 1));
}
.border-brand-lime-on-dark\/50{
  border-color: rgb(var(--ui-brand-lime-on-dark) / 0.5);
}
.border-brand-lime-on-dark\/70{
  border-color: rgb(var(--ui-brand-lime-on-dark) / 0.7);
}
.border-btn-primary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-btn-primary-bg) / var(--tw-border-opacity, 1));
}
.border-btn-primary-hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-btn-primary-hover-bg) / var(--tw-border-opacity, 1));
}
.border-current{
  border-color: currentColor;
}
.border-cyan-200{
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
}
.border-cyan-400{
  --tw-border-opacity: 1;
  border-color: rgb(34 211 238 / var(--tw-border-opacity, 1));
}
.border-cyan-400\/30{
  border-color: rgb(34 211 238 / 0.3);
}
.border-cyan-400\/70{
  border-color: rgb(34 211 238 / 0.7);
}
.border-cyan-500{
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.border-cyan-500\/40{
  border-color: rgb(6 182 212 / 0.4);
}
.border-cyan-500\/60{
  border-color: rgb(6 182 212 / 0.6);
}
.border-cyan-600{
  --tw-border-opacity: 1;
  border-color: rgb(8 145 178 / var(--tw-border-opacity, 1));
}
.border-danger{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-danger) / var(--tw-border-opacity, 1));
}
.border-emerald-100{
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}
.border-emerald-200{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-200\/70{
  border-color: rgb(167 243 208 / 0.7);
}
.border-emerald-300{
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}
.border-emerald-400{
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.border-emerald-500{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-emerald-500\/30{
  border-color: rgb(16 185 129 / 0.3);
}
.border-emerald-500\/35{
  border-color: rgb(16 185 129 / 0.35);
}
.border-emerald-500\/40{
  border-color: rgb(16 185 129 / 0.4);
}
.border-emerald-500\/50{
  border-color: rgb(16 185 129 / 0.5);
}
.border-emerald-600{
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}
.border-emerald-600\/40{
  border-color: rgb(4 120 87 / 0.4);
}
.border-emerald-700{
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}
.border-fg{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-text-primary) / var(--tw-border-opacity, 1));
}
.border-gold-200{
  --tw-border-opacity: 1;
  border-color: rgb(215 220 225 / var(--tw-border-opacity, 1));
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-200\/50{
  border-color: rgb(229 231 235 / 0.5);
}
.border-gray-200\/60{
  border-color: rgb(229 231 235 / 0.6);
}
.border-gray-200\/80{
  border-color: rgb(229 231 235 / 0.8);
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(93 101 115 / var(--tw-border-opacity, 1));
}
.border-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.border-gray-800{
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-green-200{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-200\/50{
  border-color: rgb(187 247 208 / 0.5);
}
.border-green-300{
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}
.border-green-400{
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.border-green-500{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-green-600{
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}
.border-indigo-100{
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
}
.border-indigo-200{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.border-indigo-200\/70{
  border-color: rgb(199 210 254 / 0.7);
}
.border-indigo-300{
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}
.border-indigo-400{
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}
.border-indigo-500{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-indigo-500\/30{
  border-color: rgb(99 102 241 / 0.3);
}
.border-indigo-600{
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.border-input{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-input-border) / var(--tw-border-opacity, 1));
}
.border-line{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-border) / var(--tw-border-opacity, 1));
}
.border-line-strong{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-border-strong) / var(--tw-border-opacity, 1));
}
.border-line\/80{
  border-color: rgb(var(--ui-border) / 0.8);
}
.border-orange-100{
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / var(--tw-border-opacity, 1));
}
.border-orange-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}
.border-orange-200\/50{
  border-color: rgb(254 215 170 / 0.5);
}
.border-orange-200\/70{
  border-color: rgb(254 215 170 / 0.7);
}
.border-orange-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
}
.border-orange-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}
.border-orange-500{
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-pink-200\/70{
  border-color: rgb(251 207 232 / 0.7);
}
.border-pink-500{
  --tw-border-opacity: 1;
  border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}
.border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.border-primary-100{
  --tw-border-opacity: 1;
  border-color: rgb(238 247 208 / var(--tw-border-opacity, 1));
}
.border-primary-200{
  --tw-border-opacity: 1;
  border-color: rgb(220 237 158 / var(--tw-border-opacity, 1));
}
.border-primary-200\/50{
  border-color: rgb(220 237 158 / 0.5);
}
.border-primary-200\/60{
  border-color: rgb(220 237 158 / 0.6);
}
.border-primary-200\/80{
  border-color: rgb(220 237 158 / 0.8);
}
.border-primary-300{
  --tw-border-opacity: 1;
  border-color: rgb(197 224 95 / var(--tw-border-opacity, 1));
}
.border-primary-400{
  --tw-border-opacity: 1;
  border-color: rgb(180 214 71 / var(--tw-border-opacity, 1));
}
.border-primary-400\/50{
  border-color: rgb(180 214 71 / 0.5);
}
.border-primary-500{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.border-primary-600{
  --tw-border-opacity: 1;
  border-color: rgb(143 188 46 / var(--tw-border-opacity, 1));
}
.border-primary-600\/50{
  border-color: rgb(143 188 46 / 0.5);
}
.border-primary-700{
  --tw-border-opacity: 1;
  border-color: rgb(111 148 35 / var(--tw-border-opacity, 1));
}
.border-primary-800{
  --tw-border-opacity: 1;
  border-color: rgb(87 116 31 / var(--tw-border-opacity, 1));
}
.border-primary-border{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary-border) / var(--tw-border-opacity, 1));
}
.border-primary-border\/35{
  border-color: rgb(var(--ui-primary-border) / 0.35);
}
.border-primary-border\/45{
  border-color: rgb(var(--ui-primary-border) / 0.45);
}
.border-primary\/30{
  border-color: rgb(var(--ui-primary) / 0.3);
}
.border-primary\/40{
  border-color: rgb(var(--ui-primary) / 0.4);
}
.border-primary\/70{
  border-color: rgb(var(--ui-primary) / 0.7);
}
.border-purple-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 232 255 / var(--tw-border-opacity, 1));
}
.border-purple-200{
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}
.border-purple-200\/70{
  border-color: rgb(233 213 255 / 0.7);
}
.border-purple-300{
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}
.border-purple-400{
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.border-purple-400\/50{
  border-color: rgb(192 132 252 / 0.5);
}
.border-purple-500{
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-purple-600{
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}
.border-red-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}
.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-200\/50{
  border-color: rgb(254 202 202 / 0.5);
}
.border-red-200\/70{
  border-color: rgb(254 202 202 / 0.7);
}
.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-red-300\/40{
  border-color: rgb(252 165 165 / 0.4);
}
.border-red-400{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-red-500\/30{
  border-color: rgb(239 68 68 / 0.3);
}
.border-red-500\/35{
  border-color: rgb(239 68 68 / 0.35);
}
.border-red-500\/40{
  border-color: rgb(239 68 68 / 0.4);
}
.border-red-500\/50{
  border-color: rgb(239 68 68 / 0.5);
}
.border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.border-red-700{
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.border-rose-100{
  --tw-border-opacity: 1;
  border-color: rgb(255 228 230 / var(--tw-border-opacity, 1));
}
.border-rose-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.border-rose-200\/50{
  border-color: rgb(254 205 211 / 0.5);
}
.border-rose-200\/90{
  border-color: rgb(254 205 211 / 0.9);
}
.border-rose-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity, 1));
}
.border-rose-300\/50{
  border-color: rgb(253 164 175 / 0.5);
}
.border-rose-300\/60{
  border-color: rgb(253 164 175 / 0.6);
}
.border-rose-300\/80{
  border-color: rgb(253 164 175 / 0.8);
}
.border-rose-300\/90{
  border-color: rgb(253 164 175 / 0.9);
}
.border-rose-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}
.border-rose-400\/80{
  border-color: rgb(251 113 133 / 0.8);
}
.border-rose-500{
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}
.border-rose-500\/20{
  border-color: rgb(244 63 94 / 0.2);
}
.border-rose-500\/30{
  border-color: rgb(244 63 94 / 0.3);
}
.border-rose-500\/35{
  border-color: rgb(244 63 94 / 0.35);
}
.border-rose-500\/40{
  border-color: rgb(244 63 94 / 0.4);
}
.border-secondary-border{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-secondary-border) / var(--tw-border-opacity, 1));
}
.border-sidebar-indicator{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-sidebar-indicator) / var(--tw-border-opacity, 1));
}
.border-sky-100{
  --tw-border-opacity: 1;
  border-color: rgb(224 242 254 / var(--tw-border-opacity, 1));
}
.border-sky-200{
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}
.border-sky-200\/50{
  border-color: rgb(186 230 253 / 0.5);
}
.border-sky-200\/70{
  border-color: rgb(186 230 253 / 0.7);
}
.border-sky-300{
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
}
.border-sky-400{
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
}
.border-sky-500{
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}
.border-sky-500\/30{
  border-color: rgb(14 165 233 / 0.3);
}
.border-sky-500\/40{
  border-color: rgb(14 165 233 / 0.4);
}
.border-sky-500\/50{
  border-color: rgb(14 165 233 / 0.5);
}
.border-sky-700{
  --tw-border-opacity: 1;
  border-color: rgb(3 105 161 / var(--tw-border-opacity, 1));
}
.border-slate-100{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-slate-100\/90{
  border-color: rgb(241 245 249 / 0.9);
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-200\/50{
  border-color: rgb(226 232 240 / 0.5);
}
.border-slate-200\/60{
  border-color: rgb(226 232 240 / 0.6);
}
.border-slate-200\/70{
  border-color: rgb(226 232 240 / 0.7);
}
.border-slate-200\/80{
  border-color: rgb(226 232 240 / 0.8);
}
.border-slate-200\/90{
  border-color: rgb(226 232 240 / 0.9);
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-slate-300\/25{
  border-color: rgb(203 213 225 / 0.25);
}
.border-slate-300\/50{
  border-color: rgb(203 213 225 / 0.5);
}
.border-slate-300\/80{
  border-color: rgb(203 213 225 / 0.8);
}
.border-slate-300\/90{
  border-color: rgb(203 213 225 / 0.9);
}
.border-slate-400{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.border-slate-400\/70{
  border-color: rgb(148 163 184 / 0.7);
}
.border-slate-500{
  --tw-border-opacity: 1;
  border-color: rgb(85 98 119 / var(--tw-border-opacity, 1));
}
.border-slate-500\/30{
  border-color: rgb(85 98 119 / 0.3);
}
.border-slate-500\/40{
  border-color: rgb(85 98 119 / 0.4);
}
.border-slate-500\/50{
  border-color: rgb(85 98 119 / 0.5);
}
.border-slate-600{
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.border-slate-600\/45{
  border-color: rgb(71 85 105 / 0.45);
}
.border-slate-600\/50{
  border-color: rgb(71 85 105 / 0.5);
}
.border-slate-600\/60{
  border-color: rgb(71 85 105 / 0.6);
}
.border-slate-600\/80{
  border-color: rgb(71 85 105 / 0.8);
}
.border-slate-700{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.border-slate-700\/40{
  border-color: rgb(51 65 85 / 0.4);
}
.border-slate-700\/50{
  border-color: rgb(51 65 85 / 0.5);
}
.border-slate-700\/70{
  border-color: rgb(51 65 85 / 0.7);
}
.border-slate-700\/80{
  border-color: rgb(51 65 85 / 0.8);
}
.border-slate-800{
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.border-slate-900{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}
.border-success{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-success) / var(--tw-border-opacity, 1));
}
.border-success\/40{
  border-color: rgb(var(--ui-success) / 0.4);
}
.border-success\/45{
  border-color: rgb(var(--ui-success) / 0.45);
}
.border-table-border{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-table-border) / var(--tw-border-opacity, 1));
}
.border-teal-100{
  --tw-border-opacity: 1;
  border-color: rgb(204 251 241 / var(--tw-border-opacity, 1));
}
.border-teal-200{
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity, 1));
}
.border-teal-200\/60{
  border-color: rgb(153 246 228 / 0.6);
}
.border-teal-200\/70{
  border-color: rgb(153 246 228 / 0.7);
}
.border-teal-300{
  --tw-border-opacity: 1;
  border-color: rgb(94 234 212 / var(--tw-border-opacity, 1));
}
.border-teal-300\/60{
  border-color: rgb(94 234 212 / 0.6);
}
.border-teal-400{
  --tw-border-opacity: 1;
  border-color: rgb(45 212 191 / var(--tw-border-opacity, 1));
}
.border-teal-500{
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}
.border-teal-500\/20{
  border-color: rgb(20 184 166 / 0.2);
}
.border-teal-500\/30{
  border-color: rgb(20 184 166 / 0.3);
}
.border-teal-500\/40{
  border-color: rgb(20 184 166 / 0.4);
}
.border-teal-600{
  --tw-border-opacity: 1;
  border-color: rgb(13 148 136 / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color: transparent;
}
.border-violet-200{
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
}
.border-violet-200\/60{
  border-color: rgb(221 214 254 / 0.6);
}
.border-violet-200\/70{
  border-color: rgb(221 214 254 / 0.7);
}
.border-violet-400\/60{
  border-color: rgb(167 139 250 / 0.6);
}
.border-violet-500\/20{
  border-color: rgb(139 92 246 / 0.2);
}
.border-violet-500\/30{
  border-color: rgb(139 92 246 / 0.3);
}
.border-violet-500\/40{
  border-color: rgb(139 92 246 / 0.4);
}
.border-violet-500\/50{
  border-color: rgb(139 92 246 / 0.5);
}
.border-violet-500\/60{
  border-color: rgb(139 92 246 / 0.6);
}
.border-violet-600\/60{
  border-color: rgb(124 58 237 / 0.6);
}
.border-warning{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-warning) / var(--tw-border-opacity, 1));
}
.border-warning\/40{
  border-color: rgb(var(--ui-warning) / 0.4);
}
.border-warning\/45{
  border-color: rgb(var(--ui-warning) / 0.45);
}
.border-warning\/60{
  border-color: rgb(var(--ui-warning) / 0.6);
}
.border-warning\/90{
  border-color: rgb(var(--ui-warning) / 0.9);
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15{
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/25{
  border-color: rgb(255 255 255 / 0.25);
}
.border-white\/30{
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/40{
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/5{
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/50{
  border-color: rgb(255 255 255 / 0.5);
}
.border-white\/70{
  border-color: rgb(255 255 255 / 0.7);
}
.border-white\/80{
  border-color: rgb(255 255 255 / 0.8);
}
.border-white\/90{
  border-color: rgb(255 255 255 / 0.9);
}
.border-white\/\[0\.04\]{
  border-color: rgb(255 255 255 / 0.04);
}
.border-yellow-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.border-yellow-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}
.border-yellow-500{
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}
.border-yellow-600{
  --tw-border-opacity: 1;
  border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
}
.border-b-gray-900{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-e-\[var\(--dx-line\2c \#3a4047\)\]{
  border-inline-end-color: var(--dx-line,#3a4047);
}
.border-l-gray-900{
  --tw-border-opacity: 1;
  border-left-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-r-amber-400{
  --tw-border-opacity: 1;
  border-right-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-r-amber-500{
  --tw-border-opacity: 1;
  border-right-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-r-blue-500{
  --tw-border-opacity: 1;
  border-right-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-r-blue-600{
  --tw-border-opacity: 1;
  border-right-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-r-gray-900{
  --tw-border-opacity: 1;
  border-right-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-r-indigo-500{
  --tw-border-opacity: 1;
  border-right-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.border-r-orange-500{
  --tw-border-opacity: 1;
  border-right-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-r-red-500{
  --tw-border-opacity: 1;
  border-right-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-r-rose-500{
  --tw-border-opacity: 1;
  border-right-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}
.border-r-sky-500{
  --tw-border-opacity: 1;
  border-right-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}
.border-r-transparent{
  border-right-color: transparent;
}
.border-s-\[var\(--dx-lime\)\]{
  border-inline-start-color: var(--dx-lime);
}
.border-s-sidebar-indicator{
  --tw-border-opacity: 1;
  border-inline-start-color: rgb(var(--ui-sidebar-indicator) / var(--tw-border-opacity, 1));
}
.border-t-\[color\:var\(--dx-lime\)\]{
  border-top-color: var(--dx-lime);
}
.border-t-\[var\(--dx-lime\)\]{
  border-top-color: var(--dx-lime);
}
.border-t-\[var\(--dx-lime\2c var\(--lux-accent\)\)\]{
  border-top-color: var(--dx-lime,var(--lux-accent));
}
.border-t-blue-600{
  --tw-border-opacity: 1;
  border-top-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-t-brand-lime-on-dark{
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--ui-brand-lime-on-dark) / var(--tw-border-opacity, 1));
}
.border-t-gray-900{
  --tw-border-opacity: 1;
  border-top-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-t-primary-600{
  --tw-border-opacity: 1;
  border-top-color: rgb(143 188 46 / var(--tw-border-opacity, 1));
}
.border-t-transparent{
  border-top-color: transparent;
}
.border-t-violet-400{
  --tw-border-opacity: 1;
  border-top-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
}
.border-t-white{
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.\!bg-amber-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-red-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.\!bg-white\/5{
  background-color: rgb(255 255 255 / 0.05) !important;
}
.bg-\[\#070b14\]{
  --tw-bg-opacity: 1;
  background-color: rgb(7 11 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#080a0b\]{
  --tw-bg-opacity: 1;
  background-color: rgb(8 10 11 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0A0D14\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 13 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a0d14\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 13 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a0e1a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 14 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0c1012\]{
  --tw-bg-opacity: 1;
  background-color: rgb(12 16 18 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0d1220\]{
  --tw-bg-opacity: 1;
  background-color: rgb(13 18 32 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0f0f0f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 15 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111314\]{
  --tw-bg-opacity: 1;
  background-color: rgb(17 19 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111314\]\/40{
  background-color: rgb(17 19 20 / 0.4);
}
.bg-\[\#111\]{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#121212\]{
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1));
}
.bg-\[\#141a20\]{
  --tw-bg-opacity: 1;
  background-color: rgb(20 26 32 / var(--tw-bg-opacity, 1));
}
.bg-\[\#151515\]{
  --tw-bg-opacity: 1;
  background-color: rgb(21 21 21 / var(--tw-bg-opacity, 1));
}
.bg-\[\#161616\]{
  --tw-bg-opacity: 1;
  background-color: rgb(22 22 22 / var(--tw-bg-opacity, 1));
}
.bg-\[\#16210f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(22 33 15 / var(--tw-bg-opacity, 1));
}
.bg-\[\#181b1c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(24 27 28 / var(--tw-bg-opacity, 1));
}
.bg-\[\#181b1c\]\/80{
  background-color: rgb(24 27 28 / 0.8);
}
.bg-\[\#18396f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(24 57 111 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a1a1a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a1d26\]{
  --tw-bg-opacity: 1;
  background-color: rgb(26 29 38 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a5c3a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(26 92 58 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1b1b1b\]{
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 27 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1b242d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(27 36 45 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1b2614\]{
  --tw-bg-opacity: 1;
  background-color: rgb(27 38 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1d1d1d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(29 29 29 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2268a8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(34 104 168 / var(--tw-bg-opacity, 1));
}
.bg-\[\#24313a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(36 49 58 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2a1515\]{
  --tw-bg-opacity: 1;
  background-color: rgb(42 21 21 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2a2a2a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2b3a1e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(43 58 30 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2d5016\]{
  --tw-bg-opacity: 1;
  background-color: rgb(45 80 22 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2e2e2e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(46 46 46 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2f6dbb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(47 109 187 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4a7c59\]{
  --tw-bg-opacity: 1;
  background-color: rgb(74 124 89 / var(--tw-bg-opacity, 1));
}
.bg-\[\#5b7f2f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(91 127 47 / var(--tw-bg-opacity, 1));
}
.bg-\[\#64d2ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(100 210 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#73ad3c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(115 173 60 / var(--tw-bg-opacity, 1));
}
.bg-\[\#7a3a3a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(122 58 58 / var(--tw-bg-opacity, 1));
}
.bg-\[\#8b939e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(139 147 158 / var(--tw-bg-opacity, 1));
}
.bg-\[\#8fc63d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(143 198 61 / var(--tw-bg-opacity, 1));
}
.bg-\[\#9dcf3f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(157 207 63 / var(--tw-bg-opacity, 1));
}
.bg-\[\#c41e3a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(196 30 58 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e5e7eb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eef8db\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 248 219 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5f5f7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f6f6f6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fcfdfb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 253 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fee4e2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 228 226 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ff453a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 69 58 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ff9f0a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 159 10 / var(--tw-bg-opacity, 1));
}
.bg-\[color-mix\(in_srgb\2c var\(--brand-lime\)_12\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--brand-lime) 12%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--brand-lime\)_18\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--brand-lime) 18%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--dx-bg\2c \#050505\)_72\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--dx-bg,#050505) 72%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--dx-dna-kohl\)_48\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--dx-dna-kohl) 48%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_10\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 10%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_12\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 12%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_14\%\2c \#111314\)\]{
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 14%,#111314);
}
.bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_14\%\2c white\)\]{
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 14%,white);
}
.bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_16\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 16%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_18\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 18%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_18\%\2c white\)\]{
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 18%,white);
}
.bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_8\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 8%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_88\%\2c \#0a0a0a\)\]{
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 88%,#0a0a0a);
}
.bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_92\%\2c \#0a0a0a\)\]{
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 92%,#0a0a0a);
}
.bg-\[color\:color-mix\(in_srgb\2c var\(--dx-lime\2c var\(--ov2-fb-lime\)\)_18\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--dx-lime,var(--ov2-fb-lime)) 18%,transparent);
}
.bg-\[color\:color-mix\(in_srgb\2c var\(--dx-lime\2c var\(--ov2-fb-lime\)\)_22\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--dx-lime,var(--ov2-fb-lime)) 22%,transparent);
}
.bg-\[color\:var\(--dx-bg\2c \#050505\)\]{
  background-color: var(--dx-bg,#050505);
}
.bg-\[color\:var\(--dx-elevated\2c \#1c1f26\)\]{
  background-color: var(--dx-elevated,#1c1f26);
}
.bg-\[color\:var\(--dx-lime\)\]{
  background-color: var(--dx-lime);
}
.bg-\[color\:var\(--dx-lime\2c \#c8f04a\)\]{
  background-color: var(--dx-lime,#c8f04a);
}
.bg-\[color\:var\(--dx-panel\)\]{
  background-color: var(--dx-panel);
}
.bg-\[color\:var\(--dx-panel\2c \#111314\)\]{
  background-color: var(--dx-panel,#111314);
}
.bg-\[color\:var\(--dx-panel\2c \#181b1c\)\]{
  background-color: var(--dx-panel,#181b1c);
}
.bg-\[color\:var\(--dx-panel-2\)\]{
  background-color: var(--dx-panel-2);
}
.bg-\[color\:var\(--dx-panel-2\2c \#181b1c\)\]{
  background-color: var(--dx-panel-2,#181b1c);
}
.bg-\[color\:var\(--dx-panel-2\2c \#1c1f26\)\]{
  background-color: var(--dx-panel-2,#1c1f26);
}
.bg-\[color\:var\(--dx-silver-border\)\]{
  background-color: var(--dx-silver-border);
}
.bg-\[color\:var\(--dx-silver-border\2c \#3a4047\)\]{
  background-color: var(--dx-silver-border,#3a4047);
}
.bg-\[rgba\(10\2c 13\2c 20\2c 0\.52\)\]{
  background-color: rgba(10,13,20,0.52);
}
.bg-\[rgba\(143\2c 188\2c 46\2c 0\.05\)\]{
  background-color: rgba(143,188,46,0.05);
}
.bg-\[rgba\(143\2c 188\2c 46\2c 0\.06\)\]{
  background-color: rgba(143,188,46,0.06);
}
.bg-\[rgba\(143\2c 188\2c 46\2c 0\.08\)\]{
  background-color: rgba(143,188,46,0.08);
}
.bg-\[rgba\(143\2c 188\2c 46\2c 0\.1\)\]{
  background-color: rgba(143,188,46,0.1);
}
.bg-\[rgba\(143\2c 188\2c 46\2c 0\.12\)\]{
  background-color: rgba(143,188,46,0.12);
}
.bg-\[rgba\(164\2c 208\2c 55\2c 0\.1\)\]{
  background-color: rgba(164,208,55,0.1);
}
.bg-\[rgba\(164\2c 208\2c 55\2c 0\.12\)\]{
  background-color: rgba(164,208,55,0.12);
}
.bg-\[rgba\(164\2c 208\2c 55\2c 0\.14\)\]{
  background-color: rgba(164,208,55,0.14);
}
.bg-\[rgba\(200\2c 240\2c 74\2c 0\.08\)\]{
  background-color: rgba(200,240,74,0.08);
}
.bg-\[rgba\(201\2c 149\2c 46\2c 0\.12\)\]{
  background-color: rgba(201,149,46,0.12);
}
.bg-\[rgba\(22\2c 28\2c 36\2c 0\.92\)\]{
  background-color: rgba(22,28,36,0.92);
}
.bg-\[var\(--brand-kohl\2c \#0a0d14\)\]{
  background-color: var(--brand-kohl,#0a0d14);
}
.bg-\[var\(--dx-accent\2c \#0f766e\)\]{
  background-color: var(--dx-accent,#0f766e);
}
.bg-\[var\(--dx-bg\)\]{
  background-color: var(--dx-bg);
}
.bg-\[var\(--dx-bg\2c \#050505\)\]{
  background-color: var(--dx-bg,#050505);
}
.bg-\[var\(--dx-bg\2c \#f4f6f8\)\]{
  background-color: var(--dx-bg,#f4f6f8);
}
.bg-\[var\(--dx-bg\2c var\(--lux-bg\)\)\]{
  background-color: var(--dx-bg,var(--lux-bg));
}
.bg-\[var\(--dx-danger\2c \#ff453a\)\]{
  background-color: var(--dx-danger,#ff453a);
}
.bg-\[var\(--dx-dna-bg\)\]{
  background-color: var(--dx-dna-bg);
}
.bg-\[var\(--dx-dna-line-strong\)\]{
  background-color: var(--dx-dna-line-strong);
}
.bg-\[var\(--dx-dna-panel\2c \#fff\)\]{
  background-color: var(--dx-dna-panel,#fff);
}
.bg-\[var\(--dx-dna-primary\)\]{
  background-color: var(--dx-dna-primary);
}
.bg-\[var\(--dx-lime\)\]{
  background-color: var(--dx-lime);
}
.bg-\[var\(--dx-lime\2c \#9fca3a\)\]{
  background-color: var(--dx-lime,#9fca3a);
}
.bg-\[var\(--dx-lime\2c \#c8f04a\)\]{
  background-color: var(--dx-lime,#c8f04a);
}
.bg-\[var\(--dx-line\2c \#3a4047\)\]{
  background-color: var(--dx-line,#3a4047);
}
.bg-\[var\(--dx-muted\)\]{
  background-color: var(--dx-muted);
}
.bg-\[var\(--dx-panel\)\]{
  background-color: var(--dx-panel);
}
.bg-\[var\(--dx-panel\2c \#111314\)\]{
  background-color: var(--dx-panel,#111314);
}
.bg-\[var\(--dx-panel\2c \#181b1c\)\]{
  background-color: var(--dx-panel,#181b1c);
}
.bg-\[var\(--dx-panel\2c \#fff\)\]{
  background-color: var(--dx-panel,#fff);
}
.bg-\[var\(--dx-panel\2c var\(--lux-surface\)\)\]{
  background-color: var(--dx-panel,var(--lux-surface));
}
.bg-\[var\(--dx-panel\2c var\(--ov2-fb-panel\)\)\]{
  background-color: var(--dx-panel,var(--ov2-fb-panel));
}
.bg-\[var\(--dx-panel-2\)\]{
  background-color: var(--dx-panel-2);
}
.bg-\[var\(--dx-panel-2\2c \#181b1c\)\]{
  background-color: var(--dx-panel-2,#181b1c);
}
.bg-\[var\(--dx-panel-2\2c \#1c1f26\)\]{
  background-color: var(--dx-panel-2,#1c1f26);
}
.bg-\[var\(--dx-silver\2c \#8b939e\)\]{
  background-color: var(--dx-silver,#8b939e);
}
.bg-\[var\(--dx-silver-border\2c \#3a4047\)\]{
  background-color: var(--dx-silver-border,#3a4047);
}
.bg-\[var\(--dx-soft\)\]{
  background-color: var(--dx-soft);
}
.bg-\[var\(--dx-soft\2c \#e9eeea\)\]{
  background-color: var(--dx-soft,#e9eeea);
}
.bg-\[var\(--dx-soft\2c var\(--lux-bg-deep\)\)\]{
  background-color: var(--dx-soft,var(--lux-bg-deep));
}
.bg-\[var\(--lux-accent\)\]{
  background-color: var(--lux-accent);
}
.bg-\[var\(--lux-accent-soft\)\]{
  background-color: var(--lux-accent-soft);
}
.bg-\[var\(--lux-bg\)\]{
  background-color: var(--lux-bg);
}
.bg-\[var\(--lux-bg-deep\)\]{
  background-color: var(--lux-bg-deep);
}
.bg-\[var\(--lux-border\)\]{
  background-color: var(--lux-border);
}
.bg-\[var\(--lux-gold\)\]{
  background-color: var(--lux-gold);
}
.bg-\[var\(--lux-kohl\)\]{
  background-color: var(--lux-kohl);
}
.bg-\[var\(--lux-surface\)\]{
  background-color: var(--lux-surface);
}
.bg-\[var\(--lux-surface-strong\)\]{
  background-color: var(--lux-surface-strong);
}
.bg-accent{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-accent) / var(--tw-bg-opacity, 1));
}
.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-100\/70{
  background-color: rgb(254 243 199 / 0.7);
}
.bg-amber-200{
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-amber-400\/10{
  background-color: rgb(251 191 36 / 0.1);
}
.bg-amber-400\/40{
  background-color: rgb(251 191 36 / 0.4);
}
.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-50\/50{
  background-color: rgb(255 251 235 / 0.5);
}
.bg-amber-50\/60{
  background-color: rgb(255 251 235 / 0.6);
}
.bg-amber-50\/70{
  background-color: rgb(255 251 235 / 0.7);
}
.bg-amber-50\/80{
  background-color: rgb(255 251 235 / 0.8);
}
.bg-amber-50\/90{
  background-color: rgb(255 251 235 / 0.9);
}
.bg-amber-50\/95{
  background-color: rgb(255 251 235 / 0.95);
}
.bg-amber-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-500\/10{
  background-color: rgb(245 158 11 / 0.1);
}
.bg-amber-500\/20{
  background-color: rgb(245 158 11 / 0.2);
}
.bg-amber-600{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}
.bg-amber-700{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}
.bg-amber-900{
  --tw-bg-opacity: 1;
  background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
}
.bg-amber-950\/20{
  background-color: rgb(69 26 3 / 0.2);
}
.bg-background{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-background) / var(--tw-bg-opacity, 1));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/25{
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/45{
  background-color: rgb(0 0 0 / 0.45);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/55{
  background-color: rgb(0 0 0 / 0.55);
}
.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/65{
  background-color: rgb(0 0 0 / 0.65);
}
.bg-black\/70{
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/75{
  background-color: rgb(0 0 0 / 0.75);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/85{
  background-color: rgb(0 0 0 / 0.85);
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-200{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-200\/20{
  background-color: rgb(191 219 254 / 0.2);
}
.bg-blue-200\/30{
  background-color: rgb(191 219 254 / 0.3);
}
.bg-blue-400\/30{
  background-color: rgb(96 165 250 / 0.3);
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-50\/50{
  background-color: rgb(239 246 255 / 0.5);
}
.bg-blue-50\/60{
  background-color: rgb(239 246 255 / 0.6);
}
.bg-blue-50\/70{
  background-color: rgb(239 246 255 / 0.7);
}
.bg-blue-50\/80{
  background-color: rgb(239 246 255 / 0.8);
}
.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-blue-700{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.bg-brand-ink{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-brand-ink) / var(--tw-bg-opacity, 1));
}
.bg-brand-ink\/10{
  background-color: rgb(var(--ui-brand-ink) / 0.1);
}
.bg-brand-ink\/\[0\.08\]{
  background-color: rgb(var(--ui-brand-ink) / 0.08);
}
.bg-brand-ink\/\[0\.10\]{
  background-color: rgb(var(--ui-brand-ink) / 0.10);
}
.bg-brand-ink\/\[0\.14\]{
  background-color: rgb(var(--ui-brand-ink) / 0.14);
}
.bg-brand-lime-on-dark\/15{
  background-color: rgb(var(--ui-brand-lime-on-dark) / 0.15);
}
.bg-btn-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-btn-primary-bg) / var(--tw-bg-opacity, 1));
}
.bg-current{
  background-color: currentColor;
}
.bg-cyan-100{
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}
.bg-cyan-400{
  --tw-bg-opacity: 1;
  background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1));
}
.bg-cyan-400\/15{
  background-color: rgb(34 211 238 / 0.15);
}
.bg-cyan-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}
.bg-cyan-500{
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}
.bg-cyan-600{
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1));
}
.bg-cyan-700{
  --tw-bg-opacity: 1;
  background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1));
}
.bg-cyan-950\/40{
  background-color: rgb(8 51 68 / 0.4);
}
.bg-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-danger) / var(--tw-bg-opacity, 1));
}
.bg-danger-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-danger-bg) / var(--tw-bg-opacity, 1));
}
.bg-danger\/10{
  background-color: rgb(var(--ui-danger) / 0.1);
}
.bg-danger\/70{
  background-color: rgb(var(--ui-danger) / 0.7);
}
.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-100\/70{
  background-color: rgb(209 250 229 / 0.7);
}
.bg-emerald-200{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}
.bg-emerald-200\/20{
  background-color: rgb(167 243 208 / 0.2);
}
.bg-emerald-300{
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400\/50{
  background-color: rgb(52 211 153 / 0.5);
}
.bg-emerald-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50\/40{
  background-color: rgb(236 253 245 / 0.4);
}
.bg-emerald-50\/60{
  background-color: rgb(236 253 245 / 0.6);
}
.bg-emerald-50\/80{
  background-color: rgb(236 253 245 / 0.8);
}
.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10{
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-500\/20{
  background-color: rgb(16 185 129 / 0.2);
}
.bg-emerald-600{
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.bg-emerald-700{
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.bg-emerald-700\/80{
  background-color: rgb(4 120 87 / 0.8);
}
.bg-emerald-900\/20{
  background-color: rgb(6 78 59 / 0.2);
}
.bg-emerald-900\/85{
  background-color: rgb(6 78 59 / 0.85);
}
.bg-emerald-950\/40{
  background-color: rgb(2 44 34 / 0.4);
}
.bg-emerald-950\/90{
  background-color: rgb(2 44 34 / 0.9);
}
.bg-fg{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-text-primary) / var(--tw-bg-opacity, 1));
}
.bg-gold-50{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-100\/90{
  background-color: rgb(243 244 246 / 0.9);
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-50\/50{
  background-color: rgb(249 250 251 / 0.5);
}
.bg-gray-50\/80{
  background-color: rgb(249 250 251 / 0.8);
}
.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(93 101 115 / var(--tw-bg-opacity, 1));
}
.bg-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-gray-950{
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}
.bg-gray-950\/45{
  background-color: rgb(3 7 18 / 0.45);
}
.bg-gray-950\/90{
  background-color: rgb(3 7 18 / 0.9);
}
.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-200{
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.bg-green-200\/20{
  background-color: rgb(187 247 208 / 0.2);
}
.bg-green-200\/30{
  background-color: rgb(187 247 208 / 0.3);
}
.bg-green-400\/30{
  background-color: rgb(74 222 128 / 0.3);
}
.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-50\/80{
  background-color: rgb(240 253 244 / 0.8);
}
.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.bg-green-700{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50\/60{
  background-color: rgb(238 242 255 / 0.6);
}
.bg-indigo-50\/80{
  background-color: rgb(238 242 255 / 0.8);
}
.bg-indigo-500{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-indigo-500\/20{
  background-color: rgb(99 102 241 / 0.2);
}
.bg-indigo-600{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-info-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-info-bg) / var(--tw-bg-opacity, 1));
}
.bg-line{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-border) / var(--tw-bg-opacity, 1));
}
.bg-line-strong\/70{
  background-color: rgb(var(--ui-border-strong) / 0.7);
}
.bg-muted{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-text-muted) / var(--tw-bg-opacity, 1));
}
.bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-orange-50\/35{
  background-color: rgb(255 247 237 / 0.35);
}
.bg-orange-500{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-orange-600{
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}
.bg-pink-100{
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-pink-50{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));
}
.bg-pink-500{
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.bg-pink-600{
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));
}
.bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-primary) / var(--tw-bg-opacity, 1));
}
.bg-primary-100{
  --tw-bg-opacity: 1;
  background-color: rgb(238 247 208 / var(--tw-bg-opacity, 1));
}
.bg-primary-100\/80{
  background-color: rgb(238 247 208 / 0.8);
}
.bg-primary-200\/10{
  background-color: rgb(220 237 158 / 0.1);
}
.bg-primary-50{
  --tw-bg-opacity: 1;
  background-color: rgb(247 251 234 / var(--tw-bg-opacity, 1));
}
.bg-primary-50\/40{
  background-color: rgb(247 251 234 / 0.4);
}
.bg-primary-50\/50{
  background-color: rgb(247 251 234 / 0.5);
}
.bg-primary-50\/60{
  background-color: rgb(247 251 234 / 0.6);
}
.bg-primary-50\/70{
  background-color: rgb(247 251 234 / 0.7);
}
.bg-primary-50\/80{
  background-color: rgb(247 251 234 / 0.8);
}
.bg-primary-50\/95{
  background-color: rgb(247 251 234 / 0.95);
}
.bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-primary) / var(--tw-bg-opacity, 1));
}
.bg-primary-600{
  --tw-bg-opacity: 1;
  background-color: rgb(143 188 46 / var(--tw-bg-opacity, 1));
}
.bg-primary-600\/75{
  background-color: rgb(143 188 46 / 0.75);
}
.bg-primary-border{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-primary-border) / var(--tw-bg-opacity, 1));
}
.bg-primary\/10{
  background-color: rgb(var(--ui-primary) / 0.1);
}
.bg-primary\/15{
  background-color: rgb(var(--ui-primary) / 0.15);
}
.bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-200\/20{
  background-color: rgb(233 213 255 / 0.2);
}
.bg-purple-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-50\/30{
  background-color: rgb(250 245 255 / 0.3);
}
.bg-purple-50\/60{
  background-color: rgb(250 245 255 / 0.6);
}
.bg-purple-500{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.bg-purple-500\/20{
  background-color: rgb(168 85 247 / 0.2);
}
.bg-purple-600{
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-100\/70{
  background-color: rgb(254 226 226 / 0.7);
}
.bg-red-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-red-200\/30{
  background-color: rgb(254 202 202 / 0.3);
}
.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.bg-red-400\/30{
  background-color: rgb(248 113 113 / 0.3);
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/80{
  background-color: rgb(254 242 242 / 0.8);
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10{
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red-500\/20{
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.bg-red-700{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.bg-red-700\/80{
  background-color: rgb(185 28 28 / 0.8);
}
.bg-red-900\/30{
  background-color: rgb(127 29 29 / 0.3);
}
.bg-red-950\/25{
  background-color: rgb(69 10 10 / 0.25);
}
.bg-red-950\/50{
  background-color: rgb(69 10 10 / 0.5);
}
.bg-red-950\/90{
  background-color: rgb(69 10 10 / 0.9);
}
.bg-rose-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.bg-rose-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1));
}
.bg-rose-400\/30{
  background-color: rgb(251 113 133 / 0.3);
}
.bg-rose-400\/70{
  background-color: rgb(251 113 133 / 0.7);
}
.bg-rose-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-rose-50\/35{
  background-color: rgb(255 241 242 / 0.35);
}
.bg-rose-50\/70{
  background-color: rgb(255 241 242 / 0.7);
}
.bg-rose-50\/90{
  background-color: rgb(255 241 242 / 0.9);
}
.bg-rose-50\/95{
  background-color: rgb(255 241 242 / 0.95);
}
.bg-rose-500{
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.bg-rose-500\/10{
  background-color: rgb(244 63 94 / 0.1);
}
.bg-rose-500\/80{
  background-color: rgb(244 63 94 / 0.8);
}
.bg-rose-600{
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
}
.bg-rose-700{
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
}
.bg-rose-950\/20{
  background-color: rgb(76 5 25 / 0.2);
}
.bg-rose-950\/30{
  background-color: rgb(76 5 25 / 0.3);
}
.bg-rose-950\/40{
  background-color: rgb(76 5 25 / 0.4);
}
.bg-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-secondary-bg) / var(--tw-bg-opacity, 1));
}
.bg-secondary-hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-secondary-hover) / var(--tw-bg-opacity, 1));
}
.bg-sidebar{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-sidebar) / var(--tw-bg-opacity, 1));
}
.bg-sidebar-active-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-sidebar-active-bg) / var(--tw-bg-opacity, 1));
}
.bg-sky-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.bg-sky-100\/95{
  background-color: rgb(224 242 254 / 0.95);
}
.bg-sky-400{
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1));
}
.bg-sky-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.bg-sky-50\/35{
  background-color: rgb(240 249 255 / 0.35);
}
.bg-sky-50\/40{
  background-color: rgb(240 249 255 / 0.4);
}
.bg-sky-500{
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
}
.bg-sky-600{
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
}
.bg-sky-700{
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
}
.bg-sky-700\/40{
  background-color: rgb(3 105 161 / 0.4);
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-100\/85{
  background-color: rgb(241 245 249 / 0.85);
}
.bg-slate-100\/90{
  background-color: rgb(241 245 249 / 0.9);
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-200\/20{
  background-color: rgb(226 232 240 / 0.2);
}
.bg-slate-200\/70{
  background-color: rgb(226 232 240 / 0.7);
}
.bg-slate-200\/80{
  background-color: rgb(226 232 240 / 0.8);
}
.bg-slate-200\/90{
  background-color: rgb(226 232 240 / 0.9);
}
.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-slate-300\/80{
  background-color: rgb(203 213 225 / 0.8);
}
.bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.bg-slate-400\/20{
  background-color: rgb(148 163 184 / 0.2);
}
.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-50\/50{
  background-color: rgb(248 250 252 / 0.5);
}
.bg-slate-50\/70{
  background-color: rgb(248 250 252 / 0.7);
}
.bg-slate-50\/80{
  background-color: rgb(248 250 252 / 0.8);
}
.bg-slate-50\/90{
  background-color: rgb(248 250 252 / 0.9);
}
.bg-slate-500\/10{
  background-color: rgb(85 98 119 / 0.1);
}
.bg-slate-600{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.bg-slate-700{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.bg-slate-700\/80{
  background-color: rgb(51 65 85 / 0.8);
}
.bg-slate-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-slate-800\/40{
  background-color: rgb(30 41 59 / 0.4);
}
.bg-slate-800\/80{
  background-color: rgb(30 41 59 / 0.8);
}
.bg-slate-800\/90{
  background-color: rgb(30 41 59 / 0.9);
}
.bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-slate-900\/10{
  background-color: rgb(15 23 42 / 0.1);
}
.bg-slate-900\/30{
  background-color: rgb(15 23 42 / 0.3);
}
.bg-slate-900\/40{
  background-color: rgb(15 23 42 / 0.4);
}
.bg-slate-900\/50{
  background-color: rgb(15 23 42 / 0.5);
}
.bg-slate-900\/60{
  background-color: rgb(15 23 42 / 0.6);
}
.bg-slate-900\/70{
  background-color: rgb(15 23 42 / 0.7);
}
.bg-slate-900\/80{
  background-color: rgb(15 23 42 / 0.8);
}
.bg-slate-900\/90{
  background-color: rgb(15 23 42 / 0.9);
}
.bg-slate-950{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}
.bg-slate-950\/55{
  background-color: rgb(2 6 23 / 0.55);
}
.bg-slate-950\/60{
  background-color: rgb(2 6 23 / 0.6);
}
.bg-slate-950\/70{
  background-color: rgb(2 6 23 / 0.7);
}
.bg-slate-950\/80{
  background-color: rgb(2 6 23 / 0.8);
}
.bg-slate-950\/85{
  background-color: rgb(2 6 23 / 0.85);
}
.bg-slate-950\/90{
  background-color: rgb(2 6 23 / 0.9);
}
.bg-success{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-success) / var(--tw-bg-opacity, 1));
}
.bg-success-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-success-bg) / var(--tw-bg-opacity, 1));
}
.bg-success\/10{
  background-color: rgb(var(--ui-success) / 0.1);
}
.bg-surface{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-surface) / var(--tw-bg-opacity, 1));
}
.bg-surface-elevated{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-surface-elevated) / var(--tw-bg-opacity, 1));
}
.bg-surface\/80{
  background-color: rgb(var(--ui-surface) / 0.8);
}
.bg-table-header{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-table-header) / var(--tw-bg-opacity, 1));
}
.bg-teal-100{
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.bg-teal-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}
.bg-teal-500{
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
}
.bg-teal-500\/10{
  background-color: rgb(20 184 166 / 0.1);
}
.bg-teal-500\/15{
  background-color: rgb(20 184 166 / 0.15);
}
.bg-teal-500\/20{
  background-color: rgb(20 184 166 / 0.2);
}
.bg-teal-500\/5{
  background-color: rgb(20 184 166 / 0.05);
}
.bg-teal-600{
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
}
.bg-teal-700{
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1));
}
.bg-teal-700\/40{
  background-color: rgb(15 118 110 / 0.4);
}
.bg-transparent{
  background-color: transparent;
}
.bg-violet-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.bg-violet-400\/15{
  background-color: rgb(167 139 250 / 0.15);
}
.bg-violet-50{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.bg-violet-50\/40{
  background-color: rgb(245 243 255 / 0.4);
}
.bg-violet-500{
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.bg-violet-500\/15{
  background-color: rgb(139 92 246 / 0.15);
}
.bg-violet-500\/20{
  background-color: rgb(139 92 246 / 0.2);
}
.bg-violet-600{
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
}
.bg-violet-600\/30{
  background-color: rgb(124 58 237 / 0.3);
}
.bg-violet-700{
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1));
}
.bg-violet-950\/30{
  background-color: rgb(46 16 101 / 0.3);
}
.bg-warning{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-warning) / var(--tw-bg-opacity, 1));
}
.bg-warning-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-warning-bg) / var(--tw-bg-opacity, 1));
}
.bg-warning-bg\/70{
  background-color: rgb(var(--ui-warning-bg) / 0.7);
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15{
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/30{
  background-color: rgb(255 255 255 / 0.3);
}
.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/50{
  background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/55{
  background-color: rgb(255 255 255 / 0.55);
}
.bg-white\/60{
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/70{
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/75{
  background-color: rgb(255 255 255 / 0.75);
}
.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/85{
  background-color: rgb(255 255 255 / 0.85);
}
.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/95{
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white\/\[0\.02\]{
  background-color: rgb(255 255 255 / 0.02);
}
.bg-white\/\[0\.03\]{
  background-color: rgb(255 255 255 / 0.03);
}
.bg-white\/\[0\.98\]{
  background-color: rgb(255 255 255 / 0.98);
}
.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-yellow-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}
.bg-yellow-200\/30{
  background-color: rgb(254 240 138 / 0.3);
}
.bg-yellow-400{
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400\/30{
  background-color: rgb(250 204 21 / 0.3);
}
.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50\/60{
  background-color: rgb(254 252 232 / 0.6);
}
.bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.bg-yellow-600{
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
}
.bg-zinc-900{
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}
.bg-opacity-10{
  --tw-bg-opacity: 0.1;
}
.bg-opacity-15{
  --tw-bg-opacity: 0.15;
}
.bg-opacity-30{
  --tw-bg-opacity: 0.3;
}
.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}
.bg-opacity-75{
  --tw-bg-opacity: 0.75;
}
.bg-opacity-90{
  --tw-bg-opacity: 0.9;
}
.\!bg-none{
  background-image: none !important;
}
.bg-\[linear-gradient\(135deg\2c color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_10\%\2c white\)_0\%\2c rgba\(255\2c 255\2c 255\2c 0\.96\)_55\%\2c rgba\(248\2c 250\2c 252\2c 0\.98\)_100\%\)\]{
  background-image: linear-gradient(135deg,color-mix(in srgb,var(--dx-lime,#c8f04a) 10%,white) 0%,rgba(255,255,255,0.96) 55%,rgba(248,250,252,0.98) 100%);
}
.bg-\[linear-gradient\(160deg\2c \#f7f8f4\2c white_72\%\)\]{
  background-image: linear-gradient(160deg,#f7f8f4,white 72%);
}
.bg-\[radial-gradient\(circle\2c rgba\(164\2c 208\2c 55\2c 0\.18\)\2c transparent_62\%\)\]{
  background-image: radial-gradient(circle,rgba(164,208,55,0.18),transparent 62%);
}
.bg-\[radial-gradient\(circle_at_15\%_20\%\2c rgba\(15\2c 118\2c 110\2c \.22\)\2c transparent_35\%\)\2c radial-gradient\(circle_at_85\%_75\%\2c rgba\(99\2c 102\2c 241\2c \.14\)\2c transparent_38\%\)\]{
  background-image: radial-gradient(circle at 15% 20%,rgba(15,118,110,.22),transparent 35%),radial-gradient(circle at 85% 75%,rgba(99,102,241,.14),transparent 38%);
}
.bg-\[radial-gradient\(circle_at_1px_1px\2c _currentColor_1px\2c _transparent_0\)\]{
  background-image: radial-gradient(circle at 1px 1px, currentColor 1px, transparent 0);
}
.bg-\[radial-gradient\(circle_at_30\%_20\%\2c rgba\(16\2c 185\2c 129\2c 0\.14\)\2c transparent_40\%\)\]{
  background-image: radial-gradient(circle at 30% 20%,rgba(16,185,129,0.14),transparent 40%);
}
.bg-\[radial-gradient\(circle_at_30\%_20\%\2c rgba\(164\2c 208\2c 55\2c 0\.16\)\2c transparent_42\%\)\]{
  background-image: radial-gradient(circle at 30% 20%,rgba(164,208,55,0.16),transparent 42%);
}
.bg-\[radial-gradient\(circle_at_50\%_0\%\2c var\(--lux-accent-soft\)\2c transparent_45\%\)\2c radial-gradient\(circle_at_80\%_80\%\2c rgba\(139\2c 147\2c 158\2c 0\.08\)\2c transparent_40\%\)\]{
  background-image: radial-gradient(circle at 50% 0%,var(--lux-accent-soft),transparent 45%),radial-gradient(circle at 80% 80%,rgba(139,147,158,0.08),transparent 40%);
}
.bg-\[radial-gradient\(circle_at_50\%_20\%\2c rgba\(164\2c 208\2c 55\2c 0\.14\)\2c transparent_40\%\)\]{
  background-image: radial-gradient(circle at 50% 20%,rgba(164,208,55,0.14),transparent 40%);
}
.bg-\[radial-gradient\(circle_at_50\%_50\%\2c rgba\(120\2c 119\2c 198\2c 0\.08\)\2c transparent_50\%\)\]{
  background-image: radial-gradient(circle at 50% 50%,rgba(120,119,198,0.08),transparent 50%);
}
.bg-\[radial-gradient\(circle_at_50\%_50\%\2c rgba\(120\2c 119\2c 198\2c 0\.1\)\2c transparent_50\%\)\]{
  background-image: radial-gradient(circle at 50% 50%,rgba(120,119,198,0.1),transparent 50%);
}
.bg-\[radial-gradient\(circle_at_center\2c rgba\(252\2c 246\2c 186\2c 0\.12\)\2c rgba\(7\2c 9\2c 13\2c 0\.08\)\)\]{
  background-image: radial-gradient(circle at center,rgba(252,246,186,0.12),rgba(7,9,13,0.08));
}
.bg-\[radial-gradient\(circle_at_top\2c \#f8fafc_0\%\2c \#eef2ff_38\%\2c \#e2e8f0_100\%\)\]{
  background-image: radial-gradient(circle at top,#f8fafc 0%,#eef2ff 38%,#e2e8f0 100%);
}
.bg-\[radial-gradient\(circle_at_top\2c _\#164e63\2c _\#020617_68\%\)\]{
  background-image: radial-gradient(circle at top, #164e63, #020617 68%);
}
.bg-\[radial-gradient\(circle_at_top\2c rgba\(191\2c 149\2c 63\2c 0\.12\)\2c transparent_40\%\)\]{
  background-image: radial-gradient(circle at top,rgba(191,149,63,0.12),transparent 40%);
}
.bg-\[radial-gradient\(ellipse_at_top_right\2c rgba\(164\2c 208\2c 55\2c 0\.14\)\2c transparent_55\%\)\]{
  background-image: radial-gradient(ellipse at top right,rgba(164,208,55,0.14),transparent 55%);
}
.bg-\[url\(\'\/pattern\.svg\'\)\]{
  background-image: url('/pattern.svg');
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#0d1220\]{
  --tw-gradient-from: #0d1220 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(13 18 32 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#eef3e8\]{
  --tw-gradient-from: #eef3e8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 243 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#eef4f8\]{
  --tw-gradient-from: #eef4f8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 244 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#eff6f3\]{
  --tw-gradient-from: #eff6f3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 243 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f3f7ec\]{
  --tw-gradient-from: #f3f7ec var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 247 236 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f4f1f7\]{
  --tw-gradient-from: #f4f1f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 241 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f4f7ef\]{
  --tw-gradient-from: #f4f7ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 247 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f7f3ec\]{
  --tw-gradient-from: #f7f3ec var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 243 236 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f8faf6\]{
  --tw-gradient-from: #f8faf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_18\%\2c white\)\]{
  --tw-gradient-from: color-mix(in srgb,var(--dx-lime,#c8f04a) 18%,white) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(139\2c 147\2c 158\2c 0\.2\)\]{
  --tw-gradient-from: rgba(139,147,158,0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(139, 147, 158, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(164\2c 208\2c 55\2c 0\.18\)\]{
  --tw-gradient-from: rgba(164,208,55,0.18) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(164, 208, 55, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(164\2c 208\2c 55\2c 0\.22\)\]{
  --tw-gradient-from: rgba(164,208,55,0.22) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(164, 208, 55, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[var\(--brand-kohl\2c \#0a0d14\)\]{
  --tw-gradient-from: var(--brand-kohl,#0a0d14) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400{
  --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-50{
  --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500{
  --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-500\/20{
  --tw-gradient-from: rgb(245 158 11 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-600{
  --tw-gradient-from: #b45309 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(180 83 9 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/60{
  --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-50{
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/5{
  --tw-gradient-from: rgb(59 130 246 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-600{
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-btn-primary{
  --tw-gradient-from: rgb(var(--ui-btn-primary-bg) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--ui-btn-primary-bg) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-50{
  --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500{
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-600{
  --tw-gradient-from: #047857 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-50{
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-700{
  --tw-gradient-from: #374151 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-50{
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-500{
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-600{
  --tw-gradient-from: #15803d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-50{
  --tw-gradient-from: #eef2ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500{
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-600{
  --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-950\/80{
  --tw-gradient-from: rgb(30 27 75 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-50{
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500{
  --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-50{
  --tw-gradient-from: #fdf2f8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 242 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-100{
  --tw-gradient-from: #eef7d0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 247 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-100\/20{
  --tw-gradient-from: rgb(238 247 208 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 247 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-200{
  --tw-gradient-from: #dced9e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 237 158 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-50{
  --tw-gradient-from: #f7fbea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 251 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-50\/80{
  --tw-gradient-from: rgb(247 251 234 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 251 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-50\/95{
  --tw-gradient-from: rgb(247 251 234 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 251 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-500{
  --tw-gradient-from: rgb(var(--ui-primary) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--ui-primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-600{
  --tw-gradient-from: #8fbc2e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(143 188 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-800{
  --tw-gradient-from: #57741f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 116 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-50{
  --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500{
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-600{
  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-50{
  --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-500{
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-600{
  --tw-gradient-from: #b91c1c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-50{
  --tw-gradient-from: #fff1f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-500{
  --tw-gradient-from: #f43f5e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-500\/20{
  --tw-gradient-from: rgb(244 63 94 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-100{
  --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-50{
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-50{
  --tw-gradient-from: #f0fdfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-500{
  --tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-500\/20{
  --tw-gradient-from: rgb(20 184 166 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-teal-700{
  --tw-gradient-from: #0f766e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 118 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-500\/20{
  --tw-gradient-from: rgb(139 92 246 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-violet-700{
  --tw-gradient-from: #6d28d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white{
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/95{
  --tw-gradient-from: rgb(255 255 255 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-50{
  --tw-gradient-from: #fefce8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-500{
  --tw-gradient-from: #eab308 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#0a0e1a\]{
  --tw-gradient-to: rgb(10 14 26 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0a0e1a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#121820\]{
  --tw-gradient-to: rgb(18 24 32 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #121820 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#f5f7f2\]{
  --tw-gradient-to: rgb(245 247 242 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f5f7f2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-50{
  --tw-gradient-to: rgb(255 251 235 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/40{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-100{
  --tw-gradient-to: rgb(219 234 254 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #dbeafe var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-50{
  --tw-gradient-to: rgb(239 246 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-50\/30{
  --tw-gradient-to: rgb(239 246 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(239 246 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-50\/40{
  --tw-gradient-to: rgb(239 246 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(239 246 255 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-cyan-50{
  --tw-gradient-to: rgb(236 254 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ecfeff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-50{
  --tw-gradient-to: rgb(236 253 245 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-gray-50{
  --tw-gradient-to: rgb(249 250 251 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-green-50{
  --tw-gradient-to: rgb(240 253 244 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f0fdf4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-50{
  --tw-gradient-to: rgb(238 242 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary-400{
  --tw-gradient-to: rgb(180 214 71 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #b4d647 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary-700{
  --tw-gradient-to: rgb(111 148 35 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6f9423 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary-900{
  --tw-gradient-to: rgb(72 95 30 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #485f1e var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-50{
  --tw-gradient-to: rgb(250 245 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #faf5ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-rose-50{
  --tw-gradient-to: rgb(255 241 242 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff1f2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-50{
  --tw-gradient-to: rgb(248 250 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f8fafc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-violet-50{
  --tw-gradient-to: rgb(245 243 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/80{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-yellow-50{
  --tw-gradient-to: rgb(254 252 232 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fefce8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#0a0e1a\]{
  --tw-gradient-to: #0a0e1a var(--tw-gradient-to-position);
}
.to-\[\#1a2410\]{
  --tw-gradient-to: #1a2410 var(--tw-gradient-to-position);
}
.to-\[\#f5f8f0\]{
  --tw-gradient-to: #f5f8f0 var(--tw-gradient-to-position);
}
.to-\[\#f7f8f5\]{
  --tw-gradient-to: #f7f8f5 var(--tw-gradient-to-position);
}
.to-\[\#f7f8f6\]{
  --tw-gradient-to: #f7f8f6 var(--tw-gradient-to-position);
}
.to-\[\#fcfdfb\]{
  --tw-gradient-to: #fcfdfb var(--tw-gradient-to-position);
}
.to-\[color-mix\(in_srgb\2c \#8b939e_12\%\2c transparent\)\]{
  --tw-gradient-to: color-mix(in srgb,#8b939e 12%,transparent) var(--tw-gradient-to-position);
}
.to-\[rgba\(139\2c 147\2c 158\2c 0\.12\)\]{
  --tw-gradient-to: rgba(139,147,158,0.12) var(--tw-gradient-to-position);
}
.to-\[rgba\(139\2c 147\2c 158\2c 0\.14\)\]{
  --tw-gradient-to: rgba(139,147,158,0.14) var(--tw-gradient-to-position);
}
.to-\[rgba\(164\2c 208\2c 55\2c 0\.14\)\]{
  --tw-gradient-to: rgba(164,208,55,0.14) var(--tw-gradient-to-position);
}
.to-amber-100{
  --tw-gradient-to: #fef3c7 var(--tw-gradient-to-position);
}
.to-amber-50{
  --tw-gradient-to: #fffbeb var(--tw-gradient-to-position);
}
.to-amber-50\/50{
  --tw-gradient-to: rgb(255 251 235 / 0.5) var(--tw-gradient-to-position);
}
.to-amber-600{
  --tw-gradient-to: #b45309 var(--tw-gradient-to-position);
}
.to-amber-700{
  --tw-gradient-to: #b45309 var(--tw-gradient-to-position);
}
.to-black\/10{
  --tw-gradient-to: rgb(0 0 0 / 0.1) var(--tw-gradient-to-position);
}
.to-blue-100{
  --tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.to-blue-100\/50{
  --tw-gradient-to: rgb(219 234 254 / 0.5) var(--tw-gradient-to-position);
}
.to-blue-50{
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}
.to-blue-50\/30{
  --tw-gradient-to: rgb(239 246 255 / 0.3) var(--tw-gradient-to-position);
}
.to-blue-50\/50{
  --tw-gradient-to: rgb(239 246 255 / 0.5) var(--tw-gradient-to-position);
}
.to-blue-600{
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-blue-700{
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.to-btn-primary-hover{
  --tw-gradient-to: rgb(var(--ui-btn-primary-hover-bg) / 1) var(--tw-gradient-to-position);
}
.to-cyan-100{
  --tw-gradient-to: #cffafe var(--tw-gradient-to-position);
}
.to-cyan-600{
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}
.to-emerald-100{
  --tw-gradient-to: #d1fae5 var(--tw-gradient-to-position);
}
.to-emerald-100\/50{
  --tw-gradient-to: rgb(209 250 229 / 0.5) var(--tw-gradient-to-position);
}
.to-emerald-50{
  --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position);
}
.to-emerald-50\/50{
  --tw-gradient-to: rgb(236 253 245 / 0.5) var(--tw-gradient-to-position);
}
.to-emerald-500{
  --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
}
.to-emerald-600{
  --tw-gradient-to: #047857 var(--tw-gradient-to-position);
}
.to-emerald-700{
  --tw-gradient-to: #047857 var(--tw-gradient-to-position);
}
.to-fuchsia-50{
  --tw-gradient-to: #fdf4ff var(--tw-gradient-to-position);
}
.to-gray-100{
  --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
}
.to-gray-50{
  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}
.to-gray-900{
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.to-green-100{
  --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);
}
.to-green-50{
  --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
}
.to-green-600{
  --tw-gradient-to: #15803d var(--tw-gradient-to-position);
}
.to-green-700{
  --tw-gradient-to: #15803d var(--tw-gradient-to-position);
}
.to-indigo-100{
  --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position);
}
.to-indigo-50{
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}
.to-indigo-50\/50{
  --tw-gradient-to: rgb(238 242 255 / 0.5) var(--tw-gradient-to-position);
}
.to-indigo-500\/5{
  --tw-gradient-to: rgb(99 102 241 / 0.05) var(--tw-gradient-to-position);
}
.to-indigo-600{
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.to-indigo-700{
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.to-indigo-800{
  --tw-gradient-to: #3730a3 var(--tw-gradient-to-position);
}
.to-indigo-900{
  --tw-gradient-to: #312e81 var(--tw-gradient-to-position);
}
.to-orange-100{
  --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position);
}
.to-orange-50{
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}
.to-orange-600{
  --tw-gradient-to: #c2410c var(--tw-gradient-to-position);
}
.to-pink-50{
  --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);
}
.to-pink-600{
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
}
.to-primary-100{
  --tw-gradient-to: #eef7d0 var(--tw-gradient-to-position);
}
.to-primary-100\/50{
  --tw-gradient-to: rgb(238 247 208 / 0.5) var(--tw-gradient-to-position);
}
.to-primary-100\/70{
  --tw-gradient-to: rgb(238 247 208 / 0.7) var(--tw-gradient-to-position);
}
.to-primary-200{
  --tw-gradient-to: #dced9e var(--tw-gradient-to-position);
}
.to-primary-50{
  --tw-gradient-to: #f7fbea var(--tw-gradient-to-position);
}
.to-primary-600{
  --tw-gradient-to: #8fbc2e var(--tw-gradient-to-position);
}
.to-primary-700{
  --tw-gradient-to: #6f9423 var(--tw-gradient-to-position);
}
.to-primary-900{
  --tw-gradient-to: #485f1e var(--tw-gradient-to-position);
}
.to-purple-100{
  --tw-gradient-to: #f3e8ff var(--tw-gradient-to-position);
}
.to-purple-50{
  --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);
}
.to-purple-600{
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}
.to-purple-700{
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}
.to-red-100{
  --tw-gradient-to: #fee2e2 var(--tw-gradient-to-position);
}
.to-red-600{
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}
.to-red-700{
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}
.to-rose-100{
  --tw-gradient-to: #ffe4e6 var(--tw-gradient-to-position);
}
.to-rose-600{
  --tw-gradient-to: #be123c var(--tw-gradient-to-position);
}
.to-sky-50\/50{
  --tw-gradient-to: rgb(240 249 255 / 0.5) var(--tw-gradient-to-position);
}
.to-sky-600{
  --tw-gradient-to: #0369a1 var(--tw-gradient-to-position);
}
.to-slate-100{
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}
.to-slate-200{
  --tw-gradient-to: #e2e8f0 var(--tw-gradient-to-position);
}
.to-slate-50{
  --tw-gradient-to: #f8fafc var(--tw-gradient-to-position);
}
.to-slate-800{
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}
.to-slate-950\/90{
  --tw-gradient-to: rgb(2 6 23 / 0.9) var(--tw-gradient-to-position);
}
.to-teal-100{
  --tw-gradient-to: #ccfbf1 var(--tw-gradient-to-position);
}
.to-teal-50{
  --tw-gradient-to: #f0fdfa var(--tw-gradient-to-position);
}
.to-teal-50\/80{
  --tw-gradient-to: rgb(240 253 250 / 0.8) var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-violet-600{
  --tw-gradient-to: #7c3aed var(--tw-gradient-to-position);
}
.to-violet-900{
  --tw-gradient-to: #4c1d95 var(--tw-gradient-to-position);
}
.to-violet-950\/40{
  --tw-gradient-to: rgb(46 16 101 / 0.4) var(--tw-gradient-to-position);
}
.to-white{
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-white\/95{
  --tw-gradient-to: rgb(255 255 255 / 0.95) var(--tw-gradient-to-position);
}
.to-yellow-100{
  --tw-gradient-to: #fef9c3 var(--tw-gradient-to-position);
}
.to-yellow-50{
  --tw-gradient-to: #fefce8 var(--tw-gradient-to-position);
}
.to-yellow-600{
  --tw-gradient-to: #a16207 var(--tw-gradient-to-position);
}
.bg-\[length\:20px_20px\]{
  background-size: 20px 20px;
}
.bg-cover{
  background-size: cover;
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.bg-center{
  background-position: center;
}
.stroke-\[1\.1\]{
  stroke-width: 1.1;
}
.stroke-\[1\.75\]{
  stroke-width: 1.75;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-fill{
  -o-object-fit: fill;
     object-fit: fill;
}
.object-none{
  -o-object-fit: none;
     object-fit: none;
}
.object-scale-down{
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.\!p-0{
  padding: 0px !important;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-12{
  padding: 3rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-7{
  padding: 1.75rem;
}
.p-8{
  padding: 2rem;
}
.p-\[0\.4mm\]{
  padding: 0.4mm;
}
.p-\[0\.5mm\]{
  padding: 0.5mm;
}
.p-\[0\.6mm\]{
  padding: 0.6mm;
}
.p-\[0\.7mm\]{
  padding: 0.7mm;
}
.p-\[0\.8mm\]{
  padding: 0.8mm;
}
.p-\[0\.9mm\]{
  padding: 0.9mm;
}
.p-\[1\.8mm\]{
  padding: 1.8mm;
}
.p-\[2\.2mm\]{
  padding: 2.2mm;
}
.p-\[2px\]{
  padding: 2px;
}
.p-\[3px\]{
  padding: 3px;
}
.\!px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[0\.2mm\]{
  padding-left: 0.2mm;
  padding-right: 0.2mm;
}
.px-\[0\.8mm\]{
  padding-left: 0.8mm;
  padding-right: 0.8mm;
}
.px-\[1\.1mm\]{
  padding-left: 1.1mm;
  padding-right: 1.1mm;
}
.px-\[1mm\]{
  padding-left: 1mm;
  padding-right: 1mm;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0\.25mm\]{
  padding-top: 0.25mm;
  padding-bottom: 0.25mm;
}
.py-\[0\.2mm\]{
  padding-top: 0.2mm;
  padding-bottom: 0.2mm;
}
.py-\[1px\]{
  padding-top: 1px;
  padding-bottom: 1px;
}
.pb-0\.5{
  padding-bottom: 0.125rem;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-14{
  padding-bottom: 3.5rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-24{
  padding-bottom: 6rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-32{
  padding-bottom: 8rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[0\.1mm\]{
  padding-bottom: 0.1mm;
}
.pb-\[0\.2mm\]{
  padding-bottom: 0.2mm;
}
.pb-\[env\(safe-area-inset-bottom\)\]{
  padding-bottom: env(safe-area-inset-bottom);
}
.pb-\[max\(0\.5rem\2c env\(safe-area-inset-bottom\)\)\]{
  padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
}
.pb-\[max\(0\.75rem\2c env\(safe-area-inset-bottom\)\)\]{
  padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
}
.pb-\[max\(1rem\2c env\(safe-area-inset-bottom\)\)\]{
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}
.pe-0{
  padding-inline-end: 0px;
}
.pe-1{
  padding-inline-end: 0.25rem;
}
.pe-10{
  padding-inline-end: 2.5rem;
}
.pe-12{
  padding-inline-end: 3rem;
}
.pe-14{
  padding-inline-end: 3.5rem;
}
.pe-2{
  padding-inline-end: 0.5rem;
}
.pe-3{
  padding-inline-end: 0.75rem;
}
.pe-4{
  padding-inline-end: 1rem;
}
.pe-8{
  padding-inline-end: 2rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-8{
  padding-left: 2rem;
}
.pr-0\.5{
  padding-right: 0.125rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-7{
  padding-right: 1.75rem;
}
.pr-8{
  padding-right: 2rem;
}
.ps-1{
  padding-inline-start: 0.25rem;
}
.ps-2{
  padding-inline-start: 0.5rem;
}
.ps-2\.5{
  padding-inline-start: 0.625rem;
}
.ps-3{
  padding-inline-start: 0.75rem;
}
.ps-4{
  padding-inline-start: 1rem;
}
.ps-5{
  padding-inline-start: 1.25rem;
}
.ps-9{
  padding-inline-start: 2.25rem;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-14{
  padding-top: 3.5rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-\[0\.55mm\]{
  padding-top: 0.55mm;
}
.pt-\[2\.2mm\]{
  padding-top: 2.2mm;
}
.pt-\[20vh\]{
  padding-top: 20vh;
}
.pt-\[env\(safe-area-inset-top\)\]{
  padding-top: env(safe-area-inset-top);
}
.text-left{
  text-align: left;
}
.\!text-center{
  text-align: center !important;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-start{
  text-align: start;
}
.text-end{
  text-align: end;
}
.align-top{
  vertical-align: top;
}
.align-middle{
  vertical-align: middle;
}
.font-\[family-name\:var\(--font-lux-display\2c serif\)\]{
  font-family: var(--font-lux-display,serif);
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
  font-family: var(--font-num), var(--font-cairo), system-ui, sans-serif;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.025em;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 1.4;
  letter-spacing: -0.025em;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 1.3;
  letter-spacing: -0.025em;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1.2;
  letter-spacing: -0.025em;
}
.text-6xl{
  font-size: 3.75rem;
  line-height: 1.1;
  letter-spacing: -0.025em;
}
.text-\[0\.55rem\]{
  font-size: 0.55rem;
}
.text-\[0\.62rem\]{
  font-size: 0.62rem;
}
.text-\[0\.65rem\]{
  font-size: 0.65rem;
}
.text-\[0\.68rem\]{
  font-size: 0.68rem;
}
.text-\[0\.72rem\]{
  font-size: 0.72rem;
}
.text-\[0\.75em\]{
  font-size: 0.75em;
}
.text-\[0\.75rem\]{
  font-size: 0.75rem;
}
.text-\[0\.7em\]{
  font-size: 0.7em;
}
.text-\[0\.7rem\]{
  font-size: 0.7rem;
}
.text-\[0\.85em\]{
  font-size: 0.85em;
}
.text-\[0\.85rem\]{
  font-size: 0.85rem;
}
.text-\[0\.875rem\]{
  font-size: 0.875rem;
}
.text-\[0\.8em\]{
  font-size: 0.8em;
}
.text-\[0\.8rem\]{
  font-size: 0.8rem;
}
.text-\[0\.9em\]{
  font-size: 0.9em;
}
.text-\[0\.9rem\]{
  font-size: 0.9rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11\.5px\]{
  font-size: 11.5px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12\.5px\]{
  font-size: 12.5px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13\.5px\]{
  font-size: 13.5px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14\.5px\]{
  font-size: 14.5px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[18px\]{
  font-size: 18px;
}
.text-\[1em\]{
  font-size: 1em;
}
.text-\[2\.5mm\]{
  font-size: 2.5mm;
}
.text-\[22px\]{
  font-size: 22px;
}
.text-\[3\.8mm\]{
  font-size: 3.8mm;
}
.text-\[4\.2mm\]{
  font-size: 4.2mm;
}
.text-\[6\.1px\]{
  font-size: 6.1px;
}
.text-\[6\.2px\]{
  font-size: 6.2px;
}
.text-\[6\.8px\]{
  font-size: 6.8px;
}
.text-\[6\.9px\]{
  font-size: 6.9px;
}
.text-\[6px\]{
  font-size: 6px;
}
.text-\[7px\]{
  font-size: 7px;
}
.text-\[8px\]{
  font-size: 8px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-\[clamp\(0\.75rem\2c 0\.15vw\+0\.7rem\2c 0\.875rem\)\]{
  font-size: clamp(0.75rem, 0.15vw + 0.7rem, 0.875rem);
}
.text-\[clamp\(0\.7rem\2c 0\.15vw\+0\.65rem\2c 0\.8125rem\)\]{
  font-size: clamp(0.7rem, 0.15vw + 0.65rem, 0.8125rem);
}
.text-\[length\:var\(--dx-dna-body\)\]{
  font-size: var(--dx-dna-body);
}
.text-\[length\:var\(--dx-dna-caption\)\]{
  font-size: var(--dx-dna-caption);
}
.text-\[length\:var\(--dx-dna-display\)\]{
  font-size: var(--dx-dna-display);
}
.text-\[length\:var\(--dx-dna-h1\)\]{
  font-size: var(--dx-dna-h1);
}
.text-\[length\:var\(--dx-dna-h2\)\]{
  font-size: var(--dx-dna-h2);
}
.text-\[length\:var\(--dx-dna-h3\)\]{
  font-size: var(--dx-dna-h3);
}
.text-\[length\:var\(--dx-dna-small\)\]{
  font-size: var(--dx-dna-small);
}
.text-base{
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: -0.025em;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: -0.025em;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
}
.font-black{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.normal-case{
  text-transform: none;
}
.italic{
  font-style: italic;
}
.lining-nums{
  --tw-numeric-figure: lining-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-8{
  line-height: 2rem;
}
.leading-9{
  line-height: 2.25rem;
}
.leading-\[1\.05\]{
  line-height: 1.05;
}
.leading-\[1\.3\]{
  line-height: 1.3;
}
.leading-\[1\.65\]{
  line-height: 1.65;
}
.leading-\[1\.7\]{
  line-height: 1.7;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[-0\.035em\]{
  letter-spacing: -0.035em;
}
.tracking-\[0\.06em\]{
  letter-spacing: 0.06em;
}
.tracking-\[0\.12em\]{
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\]{
  letter-spacing: 0.14em;
}
.tracking-\[0\.16em\]{
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\]{
  letter-spacing: 0.18em;
}
.tracking-\[0\.22em\]{
  letter-spacing: 0.22em;
}
.tracking-\[0\.24em\]{
  letter-spacing: 0.24em;
}
.tracking-\[0\.25em\]{
  letter-spacing: 0.25em;
}
.tracking-\[0\.28em\]{
  letter-spacing: 0.28em;
}
.tracking-\[0\.2em\]{
  letter-spacing: 0.2em;
}
.tracking-\[0\.2px\]{
  letter-spacing: 0.2px;
}
.tracking-\[0\.35px\]{
  letter-spacing: 0.35px;
}
.tracking-normal{
  letter-spacing: 0em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.\!text-\[\#050505\]{
  --tw-text-opacity: 1 !important;
  color: rgb(5 5 5 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[var\(--dx-lime-text\2c \#c8f04a\)\]{
  color: var(--dx-lime-text,#c8f04a) !important;
}
.\!text-black{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.\!text-btn-primary-fg{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--ui-btn-primary-fg) / var(--tw-text-opacity, 1)) !important;
}
.\!text-teal-100{
  --tw-text-opacity: 1 !important;
  color: rgb(204 251 241 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#050505\]{
  --tw-text-opacity: 1;
  color: rgb(5 5 5 / var(--tw-text-opacity, 1));
}
.text-\[\#0a0a0a\]{
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / var(--tw-text-opacity, 1));
}
.text-\[\#0a0d10\]{
  --tw-text-opacity: 1;
  color: rgb(10 13 16 / var(--tw-text-opacity, 1));
}
.text-\[\#111314\]{
  --tw-text-opacity: 1;
  color: rgb(17 19 20 / var(--tw-text-opacity, 1));
}
.text-\[\#11150d\]{
  --tw-text-opacity: 1;
  color: rgb(17 21 13 / var(--tw-text-opacity, 1));
}
.text-\[\#1a1205\]{
  --tw-text-opacity: 1;
  color: rgb(26 18 5 / var(--tw-text-opacity, 1));
}
.text-\[\#2b1b05\]{
  --tw-text-opacity: 1;
  color: rgb(43 27 5 / var(--tw-text-opacity, 1));
}
.text-\[\#34c759\]{
  --tw-text-opacity: 1;
  color: rgb(52 199 89 / var(--tw-text-opacity, 1));
}
.text-\[\#3b2505\]{
  --tw-text-opacity: 1;
  color: rgb(59 37 5 / var(--tw-text-opacity, 1));
}
.text-\[\#4f6f21\]{
  --tw-text-opacity: 1;
  color: rgb(79 111 33 / var(--tw-text-opacity, 1));
}
.text-\[\#666\]{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-\[\#6a6a6a\]{
  --tw-text-opacity: 1;
  color: rgb(106 106 106 / var(--tw-text-opacity, 1));
}
.text-\[\#6f9420\]{
  --tw-text-opacity: 1;
  color: rgb(111 148 32 / var(--tw-text-opacity, 1));
}
.text-\[\#707070\]{
  --tw-text-opacity: 1;
  color: rgb(112 112 112 / var(--tw-text-opacity, 1));
}
.text-\[\#7ab8d4\]{
  --tw-text-opacity: 1;
  color: rgb(122 184 212 / var(--tw-text-opacity, 1));
}
.text-\[\#8b939e\]{
  --tw-text-opacity: 1;
  color: rgb(139 147 158 / var(--tw-text-opacity, 1));
}
.text-\[\#8d8d8d\]{
  --tw-text-opacity: 1;
  color: rgb(141 141 141 / var(--tw-text-opacity, 1));
}
.text-\[\#8e9898\]{
  --tw-text-opacity: 1;
  color: rgb(142 152 152 / var(--tw-text-opacity, 1));
}
.text-\[\#94a3b8\]{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-\[\#9dcf3f\]{
  --tw-text-opacity: 1;
  color: rgb(157 207 63 / var(--tw-text-opacity, 1));
}
.text-\[\#9ecde2\]{
  --tw-text-opacity: 1;
  color: rgb(158 205 226 / var(--tw-text-opacity, 1));
}
.text-\[\#9fca3a\]{
  --tw-text-opacity: 1;
  color: rgb(159 202 58 / var(--tw-text-opacity, 1));
}
.text-\[\#b42318\]{
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity, 1));
}
.text-\[\#c9f2ff\]{
  --tw-text-opacity: 1;
  color: rgb(201 242 255 / var(--tw-text-opacity, 1));
}
.text-\[\#cbd5e1\]{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-\[\#cfe8b0\]{
  --tw-text-opacity: 1;
  color: rgb(207 232 176 / var(--tw-text-opacity, 1));
}
.text-\[\#d4ec7a\]{
  --tw-text-opacity: 1;
  color: rgb(212 236 122 / var(--tw-text-opacity, 1));
}
.text-\[\#e2e8f0\]{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-\[\#e8eaed\]{
  --tw-text-opacity: 1;
  color: rgb(232 234 237 / var(--tw-text-opacity, 1));
}
.text-\[\#e8f5c8\]{
  --tw-text-opacity: 1;
  color: rgb(232 245 200 / var(--tw-text-opacity, 1));
}
.text-\[\#ff453a\]{
  --tw-text-opacity: 1;
  color: rgb(255 69 58 / var(--tw-text-opacity, 1));
}
.text-\[\#ff8a80\]{
  --tw-text-opacity: 1;
  color: rgb(255 138 128 / var(--tw-text-opacity, 1));
}
.text-\[\#ff9f0a\]{
  --tw-text-opacity: 1;
  color: rgb(255 159 10 / var(--tw-text-opacity, 1));
}
.text-\[color-mix\(in_srgb\2c \#0a0a0a_70\%\2c var\(--dx-lime\2c \#c8f04a\)\)\]{
  color: color-mix(in srgb,#0a0a0a 70%,var(--dx-lime,#c8f04a));
}
.text-\[color\:color-mix\(in_srgb\2c var\(--dx-lime\)_38\%\2c var\(--dx-text\)\)\]{
  color: color-mix(in srgb,var(--dx-lime) 38%,var(--dx-text));
}
.text-\[color\:var\(--dx-auth-copyright\)\]{
  color: var(--dx-auth-copyright);
}
.text-\[color\:var\(--dx-lime\)\]{
  color: var(--dx-lime);
}
.text-\[color\:var\(--dx-lime\2c \#c8f04a\)\]{
  color: var(--dx-lime,#c8f04a);
}
.text-\[color\:var\(--dx-muted\)\]{
  color: var(--dx-muted);
}
.text-\[color\:var\(--dx-muted\2c \#8b939e\)\]{
  color: var(--dx-muted,#8b939e);
}
.text-\[color\:var\(--dx-text\)\]{
  color: var(--dx-text);
}
.text-\[color\:var\(--dx-text\2c \#12141a\)\]{
  color: var(--dx-text,#12141a);
}
.text-\[color\:var\(--dx-text\2c \#f5f5f7\)\]{
  color: var(--dx-text,#f5f5f7);
}
.text-\[rgba\(168\2c 179\2c 192\2c 1\)\]{
  color: rgba(168,179,192,1);
}
.text-\[rgba\(197\2c 204\2c 212\2c 0\.95\)\]{
  color: rgba(197,204,212,0.95);
}
.text-\[var\(--brand-kohl\)\]{
  color: var(--brand-kohl);
}
.text-\[var\(--brand-kohl\2c \#0a0d14\)\]{
  color: var(--brand-kohl,#0a0d14);
}
.text-\[var\(--brand-lime-deep\)\]{
  color: var(--brand-lime-deep);
}
.text-\[var\(--dx-danger\)\]{
  color: var(--dx-danger);
}
.text-\[var\(--dx-dna-primary\)\]{
  color: var(--dx-dna-primary);
}
.text-\[var\(--dx-dna-text\)\]{
  color: var(--dx-dna-text);
}
.text-\[var\(--dx-dna-text\2c \#12141a\)\]{
  color: var(--dx-dna-text,#12141a);
}
.text-\[var\(--dx-dna-text\2c \#f5f5f7\)\]{
  color: var(--dx-dna-text,#f5f5f7);
}
.text-\[var\(--dx-dna-text-muted\)\]{
  color: var(--dx-dna-text-muted);
}
.text-\[var\(--dx-dna-text-muted\2c \#8b939e\)\]{
  color: var(--dx-dna-text-muted,#8b939e);
}
.text-\[var\(--dx-dna-text-secondary\)\]{
  color: var(--dx-dna-text-secondary);
}
.text-\[var\(--dx-dna-text-secondary\2c \#c5ccd6\)\]{
  color: var(--dx-dna-text-secondary,#c5ccd6);
}
.text-\[var\(--dx-dna-text-title\)\]{
  color: var(--dx-dna-text-title);
}
.text-\[var\(--dx-info\)\]{
  color: var(--dx-info);
}
.text-\[var\(--dx-lime\)\]{
  color: var(--dx-lime);
}
.text-\[var\(--dx-lime\2c \#c8f04a\)\]{
  color: var(--dx-lime,#c8f04a);
}
.text-\[var\(--dx-lime-deep\2c \#8fbc2e\)\]{
  color: var(--dx-lime-deep,#8fbc2e);
}
.text-\[var\(--dx-lime-deep\2c var\(--lux-gold\)\)\]{
  color: var(--dx-lime-deep,var(--lux-gold));
}
.text-\[var\(--dx-lime-text\)\]{
  color: var(--dx-lime-text);
}
.text-\[var\(--dx-lime-text\2c \#c8f04a\)\]{
  color: var(--dx-lime-text,#c8f04a);
}
.text-\[var\(--dx-muted\)\]{
  color: var(--dx-muted);
}
.text-\[var\(--dx-muted\2c \#667068\)\]{
  color: var(--dx-muted,#667068);
}
.text-\[var\(--dx-muted\2c \#8b939e\)\]{
  color: var(--dx-muted,#8b939e);
}
.text-\[var\(--dx-muted\2c var\(--lux-muted\)\)\]{
  color: var(--dx-muted,var(--lux-muted));
}
.text-\[var\(--dx-muted\2c var\(--ov2-fb-muted\)\)\]{
  color: var(--dx-muted,var(--ov2-fb-muted));
}
.text-\[var\(--dx-room-accent\)\]{
  color: var(--dx-room-accent);
}
.text-\[var\(--dx-success\)\]{
  color: var(--dx-success);
}
.text-\[var\(--dx-text\)\]{
  color: var(--dx-text);
}
.text-\[var\(--dx-text\2c \#111\)\]{
  color: var(--dx-text,#111);
}
.text-\[var\(--dx-text\2c \#111612\)\]{
  color: var(--dx-text,#111612);
}
.text-\[var\(--dx-text\2c \#e8eaed\)\]{
  color: var(--dx-text,#e8eaed);
}
.text-\[var\(--dx-text\2c \#f2f6f1\)\]{
  color: var(--dx-text,#f2f6f1);
}
.text-\[var\(--dx-text\2c \#f5f5f7\)\]{
  color: var(--dx-text,#f5f5f7);
}
.text-\[var\(--dx-text\2c inherit\)\]{
  color: var(--dx-text,inherit);
}
.text-\[var\(--dx-text\2c var\(--lux-text\)\)\]{
  color: var(--dx-text,var(--lux-text));
}
.text-\[var\(--dx-warning\)\]{
  color: var(--dx-warning);
}
.text-\[var\(--lux-accent\)\]{
  color: var(--lux-accent);
}
.text-\[var\(--lux-accent\2c \#a4d037\)\]{
  color: var(--lux-accent,#a4d037);
}
.text-\[var\(--lux-border\)\]{
  color: var(--lux-border);
}
.text-\[var\(--lux-gold\)\]{
  color: var(--lux-gold);
}
.text-\[var\(--lux-gold-bright\)\]{
  color: var(--lux-gold-bright);
}
.text-\[var\(--lux-muted\)\]{
  color: var(--lux-muted);
}
.text-\[var\(--lux-text\)\]{
  color: var(--lux-text);
}
.text-\[var\(--lux-text\2c \#f7f1e6\)\]{
  color: var(--lux-text,#f7f1e6);
}
.text-accent{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-accent) / var(--tw-text-opacity, 1));
}
.text-accent-text{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-accent-text) / var(--tw-text-opacity, 1));
}
.text-amber-100{
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.text-amber-200{
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.text-amber-50{
  --tw-text-opacity: 1;
  color: rgb(255 251 235 / var(--tw-text-opacity, 1));
}
.text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-amber-950{
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}
.text-amount-negative{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-amount-negative) / var(--tw-text-opacity, 1));
}
.text-amount-positive{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-amount-positive) / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-100{
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-brand-ink{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-brand-ink) / var(--tw-text-opacity, 1));
}
.text-brand-ink\/85{
  color: rgb(var(--ui-brand-ink) / 0.85);
}
.text-brand-ink\/90{
  color: rgb(var(--ui-brand-ink) / 0.9);
}
.text-brand-lime-on-dark{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-brand-lime-on-dark) / var(--tw-text-opacity, 1));
}
.text-brand-lime-on-dark\/80{
  color: rgb(var(--ui-brand-lime-on-dark) / 0.8);
}
.text-btn-primary-fg{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-btn-primary-fg) / var(--tw-text-opacity, 1));
}
.text-current{
  color: currentColor;
}
.text-cyan-100{
  --tw-text-opacity: 1;
  color: rgb(207 250 254 / var(--tw-text-opacity, 1));
}
.text-cyan-100\/75{
  color: rgb(207 250 254 / 0.75);
}
.text-cyan-200{
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1));
}
.text-cyan-200\/80{
  color: rgb(165 243 252 / 0.8);
}
.text-cyan-300{
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}
.text-cyan-300\/80{
  color: rgb(103 232 249 / 0.8);
}
.text-cyan-600{
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}
.text-cyan-700{
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
.text-cyan-800{
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
}
.text-danger{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-danger) / var(--tw-text-opacity, 1));
}
.text-danger-foreground{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-danger-foreground) / var(--tw-text-opacity, 1));
}
.text-emerald-100{
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}
.text-emerald-200{
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.text-emerald-300{
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-300\/90{
  color: rgb(110 231 183 / 0.9);
}
.text-emerald-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-600{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-emerald-800{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-emerald-900{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.text-fg{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-text-primary) / var(--tw-text-opacity, 1));
}
.text-fg-secondary{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-text-secondary) / var(--tw-text-opacity, 1));
}
.text-gold-700{
  --tw-text-opacity: 1;
  color: rgb(90 98 107 / var(--tw-text-opacity, 1));
}
.text-gold-900{
  --tw-text-opacity: 1;
  color: rgb(42 47 53 / var(--tw-text-opacity, 1));
}
.text-gray-100{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-400\/80{
  color: rgb(156 163 175 / 0.8);
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(93 101 115 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-300{
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.text-green-400{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-green-900{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.text-indigo-100{
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity, 1));
}
.text-indigo-200{
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
}
.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-indigo-700{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-indigo-800{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.text-indigo-900{
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}
.text-info{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-info) / var(--tw-text-opacity, 1));
}
.text-info-foreground{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-info-foreground) / var(--tw-text-opacity, 1));
}
.text-inherit{
  color: inherit;
}
.text-link{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-link) / var(--tw-text-opacity, 1));
}
.text-muted{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-text-muted) / var(--tw-text-opacity, 1));
}
.text-orange-500{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-orange-600{
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-orange-700{
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-orange-800{
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}
.text-orange-900{
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}
.text-pink-600{
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}
.text-pink-700{
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}
.text-pink-800{
  --tw-text-opacity: 1;
  color: rgb(157 23 77 / var(--tw-text-opacity, 1));
}
.text-primary{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-primary) / var(--tw-text-opacity, 1));
}
.text-primary-100{
  --tw-text-opacity: 1;
  color: rgb(238 247 208 / var(--tw-text-opacity, 1));
}
.text-primary-200{
  --tw-text-opacity: 1;
  color: rgb(220 237 158 / var(--tw-text-opacity, 1));
}
.text-primary-600{
  --tw-text-opacity: 1;
  color: rgb(143 188 46 / var(--tw-text-opacity, 1));
}
.text-primary-700{
  --tw-text-opacity: 1;
  color: rgb(111 148 35 / var(--tw-text-opacity, 1));
}
.text-primary-border{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-primary-border) / var(--tw-text-opacity, 1));
}
.text-primary-foreground{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-primary-foreground) / var(--tw-text-opacity, 1));
}
.text-purple-600{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-purple-700{
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-purple-800{
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}
.text-purple-900{
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity, 1));
}
.text-red-100{
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.text-red-200{
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.text-red-300{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-rose-100{
  --tw-text-opacity: 1;
  color: rgb(255 228 230 / var(--tw-text-opacity, 1));
}
.text-rose-200{
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
}
.text-rose-300{
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}
.text-rose-400{
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}
.text-rose-500{
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.text-rose-600{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-rose-700{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-rose-800{
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}
.text-rose-900{
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
}
.text-secondary-fg{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-secondary-fg) / var(--tw-text-opacity, 1));
}
.text-sidebar-active-fg{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-sidebar-active-text) / var(--tw-text-opacity, 1));
}
.text-sidebar-fg{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-sidebar-text) / var(--tw-text-opacity, 1));
}
.text-sky-100{
  --tw-text-opacity: 1;
  color: rgb(224 242 254 / var(--tw-text-opacity, 1));
}
.text-sky-200{
  --tw-text-opacity: 1;
  color: rgb(186 230 253 / var(--tw-text-opacity, 1));
}
.text-sky-200\/80{
  color: rgb(186 230 253 / 0.8);
}
.text-sky-300{
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}
.text-sky-400{
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}
.text-sky-500{
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}
.text-sky-600{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-sky-700{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-sky-800{
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}
.text-sky-900{
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity, 1));
}
.text-slate-100{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.text-slate-200{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-300\/90{
  color: rgb(203 213 225 / 0.9);
}
.text-slate-300\/95{
  color: rgb(203 213 225 / 0.95);
}
.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-50{
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(85 98 119 / var(--tw-text-opacity, 1));
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-slate-950{
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
.text-success{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-success) / var(--tw-text-opacity, 1));
}
.text-success-foreground{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-success-foreground) / var(--tw-text-opacity, 1));
}
.text-surface{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-surface) / var(--tw-text-opacity, 1));
}
.text-table-header-fg{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-table-header-text) / var(--tw-text-opacity, 1));
}
.text-teal-100{
  --tw-text-opacity: 1;
  color: rgb(204 251 241 / var(--tw-text-opacity, 1));
}
.text-teal-200{
  --tw-text-opacity: 1;
  color: rgb(153 246 228 / var(--tw-text-opacity, 1));
}
.text-teal-300{
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
}
.text-teal-400{
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}
.text-teal-50{
  --tw-text-opacity: 1;
  color: rgb(240 253 250 / var(--tw-text-opacity, 1));
}
.text-teal-50\/90{
  color: rgb(240 253 250 / 0.9);
}
.text-teal-600{
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}
.text-teal-700{
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.text-teal-800{
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / var(--tw-text-opacity, 1));
}
.text-teal-900{
  --tw-text-opacity: 1;
  color: rgb(19 78 74 / var(--tw-text-opacity, 1));
}
.text-transparent{
  color: transparent;
}
.text-violet-100{
  --tw-text-opacity: 1;
  color: rgb(237 233 254 / var(--tw-text-opacity, 1));
}
.text-violet-200{
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity, 1));
}
.text-violet-200\/90{
  color: rgb(221 214 254 / 0.9);
}
.text-violet-300{
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}
.text-violet-50{
  --tw-text-opacity: 1;
  color: rgb(245 243 255 / var(--tw-text-opacity, 1));
}
.text-violet-600{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.text-violet-700{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-violet-900{
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity, 1));
}
.text-warning{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-warning) / var(--tw-text-opacity, 1));
}
.text-warning-foreground{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-warning-foreground) / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/70{
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75{
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}
.text-white\/90{
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-300{
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.text-yellow-500{
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.text-yellow-900{
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.line-through{
  text-decoration-line: line-through;
}
.decoration-gray-400{
  text-decoration-color: #9ca3af;
}
.decoration-link-underline{
  text-decoration-color: rgb(var(--ui-link-underline) / 1);
}
.decoration-2{
  text-decoration-thickness: 2px;
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-gray-400::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-500::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(93 101 115 / var(--tw-placeholder-opacity, 1));
}
.placeholder-gray-500::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(93 101 115 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-400::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-500::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(85 98 119 / var(--tw-placeholder-opacity, 1));
}
.placeholder-slate-500::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(85 98 119 / var(--tw-placeholder-opacity, 1));
}
.accent-\[\#5eb6d9\]{
  accent-color: #5eb6d9;
}
.accent-accent-text{
  accent-color: rgb(var(--ui-accent-text) / 1);
}
.accent-amber-500{
  accent-color: #f59e0b;
}
.accent-blue-600{
  accent-color: #2563eb;
}
.accent-cyan-500{
  accent-color: #06b6d4;
}
.accent-primary{
  accent-color: rgb(var(--ui-primary) / 1);
}
.accent-teal-600{
  accent-color: #0d9488;
}
.accent-violet-500{
  accent-color: #8b5cf6;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-35{
  opacity: 0.35;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-45{
  opacity: 0.45;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-55{
  opacity: 0.55;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-65{
  opacity: 0.65;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-90{
  opacity: 0.9;
}
.opacity-\[0\.015\]{
  opacity: 0.015;
}
.opacity-\[0\.01\]{
  opacity: 0.01;
}
.opacity-\[0\.02\]{
  opacity: 0.02;
}
.opacity-\[0\.05\]{
  opacity: 0.05;
}
.opacity-\[0\.06\]{
  opacity: 0.06;
}
.opacity-\[0\.08\]{
  opacity: 0.08;
}
.\!shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[-2px_0_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: -2px 0 4px rgba(0,0,0,0.1);
  --tw-shadow-colored: -2px 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[-6px_0_10px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{
  --tw-shadow: -6px 0 10px rgba(0,0,0,0.18);
  --tw-shadow-colored: -6px 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(14\2c 165\2c 233\2c 0\.12\)\2c 0_0_10px_rgba\(14\2c 165\2c 233\2c 0\.22\)\]{
  --tw-shadow: 0 0 0 1px rgba(14,165,233,0.12),0 0 10px rgba(14,165,233,0.22);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(16\2c 185\2c 129\2c 0\.12\)\2c 0_0_9px_rgba\(16\2c 185\2c 129\2c 0\.2\)\]{
  --tw-shadow: 0 0 0 1px rgba(16,185,129,0.12),0 0 9px rgba(16,185,129,0.2);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 9px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(164\2c 208\2c 55\2c 0\.35\)\2c 0_24px_60px_var\(--lux-shadow\)\]{
  --tw-shadow: 0 0 0 1px rgba(164,208,55,0.35),0 24px 60px var(--lux-shadow);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 24px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(220\2c 38\2c 38\2c 0\.22\)\2c 0_0_8px_rgba\(220\2c 38\2c 38\2c 0\.22\)\]{
  --tw-shadow: 0 0 0 1px rgba(220,38,38,0.22),0 0 8px rgba(220,38,38,0.22);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(244\2c 63\2c 94\2c 0\.18\)\2c 0_0_14px_rgba\(244\2c 63\2c 94\2c 0\.34\)\]{
  --tw-shadow: 0 0 0 1px rgba(244,63,94,0.18),0 0 14px rgba(244,63,94,0.34);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(245\2c 158\2c 11\2c 0\.15\)\2c 0_0_12px_rgba\(245\2c 158\2c 11\2c 0\.28\)\]{
  --tw-shadow: 0 0 0 1px rgba(245,158,11,0.15),0 0 12px rgba(245,158,11,0.28);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(245\2c 158\2c 11\2c 0\.16\)\2c 0_0_6px_rgba\(245\2c 158\2c 11\2c 0\.2\)\]{
  --tw-shadow: 0 0 0 1px rgba(245,158,11,0.16),0 0 6px rgba(245,158,11,0.2);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_2px_rgba\(59\2c 130\2c 246\2c 0\.25\)\]{
  --tw-shadow: 0 0 0 2px rgba(59,130,246,0.25);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_3px_rgba\(148\2c 163\2c 184\2c 0\.2\)\]{
  --tw-shadow: 0 0 0 3px rgba(148,163,184,0.2);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(167\2c 139\2c 250\2c 0\.7\)\]{
  --tw-shadow: 0 0 10px rgba(167,139,250,0.7);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(244\2c 63\2c 94\2c 0\.7\)\]{
  --tw-shadow: 0 0 10px rgba(244,63,94,0.7);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(251\2c 191\2c 36\2c 0\.8\)\]{
  --tw-shadow: 0 0 10px rgba(251,191,36,0.8);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(56\2c 189\2c 248\2c 0\.7\)\]{
  --tw-shadow: 0 0 10px rgba(56,189,248,0.7);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(163\2c 230\2c 53\2c 0\.25\)\]{
  --tw-shadow: 0 0 12px rgba(163,230,53,0.25);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(168\2c 85\2c 247\2c 0\.25\)\]{
  --tw-shadow: 0 0 12px rgba(168,85,247,0.25);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(74\2c 222\2c 128\2c 0\.85\)\]{
  --tw-shadow: 0 0 12px rgba(74,222,128,0.85);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_16px_rgba\(74\2c 222\2c 128\2c 0\.85\)\]{
  --tw-shadow: 0 0 16px rgba(74,222,128,0.85);
  --tw-shadow-colored: 0 0 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_18px_rgba\(0\2c 0\2c 0\2c \.65\)\]{
  --tw-shadow: 0 0 18px rgba(0,0,0,.65);
  --tw-shadow-colored: 0 0 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_25px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{
  --tw-shadow: 0 10px 25px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 10px 25px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_25px_rgba\(16\2c 185\2c 129\2c 0\.12\)\]{
  --tw-shadow: 0 10px 25px rgba(16,185,129,0.12);
  --tw-shadow-colored: 0 10px 25px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_-18px_rgba\(10\2c 13\2c 20\2c 0\.35\)\]{
  --tw-shadow: 0 10px 30px -18px rgba(10,13,20,0.35);
  --tw-shadow-colored: 0 10px 30px -18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_28px_-14px_rgba\(143\2c 188\2c 46\2c 0\.35\)\]{
  --tw-shadow: 0 12px 28px -14px rgba(143,188,46,0.35);
  --tw-shadow-colored: 0 12px 28px -14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_28px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]{
  --tw-shadow: 0 12px 28px rgba(15,23,42,0.18);
  --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_32px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]{
  --tw-shadow: 0 12px 32px rgba(15,23,42,0.18);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_-24px_rgba\(10\2c 13\2c 20\2c 0\.65\)\]{
  --tw-shadow: 0 12px 40px -24px rgba(10,13,20,0.65);
  --tw-shadow-colored: 0 12px 40px -24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_rgba\(15\2c 23\2c 42\2c 0\.16\)\2c 0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.05\)\]{
  --tw-shadow: 0 12px 40px rgba(15,23,42,0.16),0 0 0 1px rgba(255,255,255,0.05);
  --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_rgba\(15\2c 23\2c 42\2c 0\.16\)\]{
  --tw-shadow: 0 12px 40px rgba(15,23,42,0.16);
  --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_32px_rgba\(15\2c 23\2c 42\2c 0\.18\)\]{
  --tw-shadow: 0 14px 32px rgba(15,23,42,0.18);
  --tw-shadow-colored: 0 14px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_34px_rgba\(15\2c 23\2c 42\2c 0\.2\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.9\)\]{
  --tw-shadow: 0 14px 34px rgba(15,23,42,0.2),inset 0 1px 0 rgba(255,255,255,0.9);
  --tw-shadow-colored: 0 14px 34px var(--tw-shadow-color), inset 0 1px 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);
}
.shadow-\[0_14px_36px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{
  --tw-shadow: 0 14px 36px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 14px 36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(164\2c 208\2c 55\2c 0\.18\)\]{
  --tw-shadow: 0 1px 0 rgba(164,208,55,0.18);
  --tw-shadow-colored: 0 1px 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);
}
.shadow-\[0_1px_2px_rgba\(15\2c 23\2c 42\2c 0\.06\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.9\)\]{
  --tw-shadow: 0 1px 2px rgba(15,23,42,0.06),inset 0 1px 0 rgba(255,255,255,0.9);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), inset 0 1px 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);
}
.shadow-\[0_1px_2px_rgba\(15\2c 23\2c 42\2c 0\.06\)\]{
  --tw-shadow: 0 1px 2px rgba(15,23,42,0.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_50px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{
  --tw-shadow: 0 20px 50px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_rgba\(220\2c 38\2c 38\2c 0\.22\)\]{
  --tw-shadow: 0 20px 60px rgba(220,38,38,0.22);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_28px_72px_-28px_rgba\(10\2c 13\2c 20\2c 0\.55\)\]{
  --tw-shadow: 0 28px 72px -28px rgba(10,13,20,0.55);
  --tw-shadow-colored: 0 28px 72px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_10px_rgba\(15\2c 23\2c 42\2c 0\.06\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.85\)\]{
  --tw-shadow: 0 2px 10px rgba(15,23,42,0.06),inset 0 1px 0 rgba(255,255,255,0.85);
  --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color), inset 0 1px 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);
}
.shadow-\[0_2px_6px_rgba\(200\2c 240\2c 74\2c 0\.45\)\]{
  --tw-shadow: 0 2px 6px rgba(200,240,74,0.45);
  --tw-shadow-colored: 0 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_12px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{
  --tw-shadow: 0 4px 12px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_12px_rgba\(225\2c 29\2c 72\2c 0\.55\)\]{
  --tw-shadow: 0 4px 12px rgba(225,29,72,0.55);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_14px_rgba\(143\2c 188\2c 46\2c 0\.22\)\]{
  --tw-shadow: 0 4px 14px rgba(143,188,46,0.22);
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_18px_rgba\(225\2c 29\2c 72\2c 0\.55\)\]{
  --tw-shadow: 0 8px 18px rgba(225,29,72,0.55);
  --tw-shadow-colored: 0 8px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(15\2c 23\2c 42\2c 0\.10\)\]{
  --tw-shadow: 0 8px 20px rgba(15,23,42,0.10);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[2px_0_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 2px 0 4px rgba(0,0,0,0.1);
  --tw-shadow-colored: 2px 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.08\)\]{
  --tw-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(164\2c 208\2c 55\2c 0\.12\)\]{
  --tw-shadow: inset 0 1px 0 rgba(164,208,55,0.12);
  --tw-shadow-colored: inset 0 1px 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);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.85\)\]{
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
  --tw-shadow-colored: inset 0 1px 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);
}
.shadow-\[inset_3px_0_0_0_rgba\(143\2c 188\2c 46\2c 0\.65\)\]{
  --tw-shadow: inset 3px 0 0 0 rgba(143,188,46,0.65);
  --tw-shadow-colored: inset 3px 0 0 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);
}
.shadow-\[var\(--dx-shadow-soft\2c 0_28px_72px_-28px_rgba\(5\2c 5\2c 5\2c 0\.65\)\)\]{
  --tw-shadow: var(--dx-shadow-soft,0 28px 72px -28px rgba(5,5,5,0.65));
  --tw-shadow-colored: 28px 72px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-elegant{
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner{
  --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);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[var\(--dx-shadow-lift\2c none\)\]{
  --tw-shadow-color: var(--dx-shadow-lift,none);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--dx-shadow-soft\)\]{
  --tw-shadow-color: var(--dx-shadow-soft);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-100{
  --tw-shadow-color: #fef3c7;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-200\/50{
  --tw-shadow-color: rgb(253 230 138 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-400\/60{
  --tw-shadow-color: rgb(251 191 36 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-500\/30{
  --tw-shadow-color: rgb(245 158 11 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-amber-900\/40{
  --tw-shadow-color: rgb(120 53 15 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/20{
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/50{
  --tw-shadow-color: rgb(0 0 0 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-200\/50{
  --tw-shadow-color: rgb(191 219 254 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-400\/60{
  --tw-shadow-color: rgb(96 165 250 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-50\/30{
  --tw-shadow-color: rgb(239 246 255 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-danger\/30{
  --tw-shadow-color: rgb(var(--ui-danger) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-emerald-200\/50{
  --tw-shadow-color: rgb(167 243 208 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-emerald-400\/60{
  --tw-shadow-color: rgb(52 211 153 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-400\/50{
  --tw-shadow-color: rgb(156 163 175 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-200\/50{
  --tw-shadow-color: rgb(199 210 254 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-indigo-400\/60{
  --tw-shadow-color: rgb(129 140 248 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-200\/50{
  --tw-shadow-color: rgb(254 215 170 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-orange-400\/60{
  --tw-shadow-color: rgb(251 146 60 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-pink-200\/50{
  --tw-shadow-color: rgb(251 207 232 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-pink-400\/60{
  --tw-shadow-color: rgb(244 114 182 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary-200{
  --tw-shadow-color: #dced9e;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-200\/50{
  --tw-shadow-color: rgb(233 213 255 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-400\/60{
  --tw-shadow-color: rgb(192 132 252 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-200\/50{
  --tw-shadow-color: rgb(254 202 202 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-red-400\/60{
  --tw-shadow-color: rgb(248 113 113 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sky-200\/50{
  --tw-shadow-color: rgb(186 230 253 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sky-400\/60{
  --tw-shadow-color: rgb(56 189 248 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-sky-900\/40{
  --tw-shadow-color: rgb(12 74 110 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-slate-900\/10{
  --tw-shadow-color: rgb(15 23 42 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-teal-200\/50{
  --tw-shadow-color: rgb(153 246 228 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-teal-400\/60{
  --tw-shadow-color: rgb(45 212 191 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-teal-900\/30{
  --tw-shadow-color: rgb(19 78 74 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-teal-900\/40{
  --tw-shadow-color: rgb(19 78 74 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-violet-900\/40{
  --tw-shadow-color: rgb(76 29 149 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.outline-1{
  outline-width: 1px;
}
.outline-2{
  outline-width: 2px;
}
.outline-offset-\[-1px\]{
  outline-offset: -1px;
}
.outline-\[color\:var\(--dx-lime\)\]{
  outline-color: var(--dx-lime);
}
.outline-\[var\(--dx-lime\)\]{
  outline-color: var(--dx-lime);
}
.outline-primary-border{
  outline-color: rgb(var(--ui-primary-border) / 1);
}
.\!ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring{
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4{
  --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset{
  --tw-ring-inset: inset;
}
.ring-\[\#9fca3a\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(159 202 58 / var(--tw-ring-opacity, 1));
}
.ring-\[color\:var\(--dx-lime\2c \#c8f04a\)\]{
  --tw-ring-color: var(--dx-lime,#c8f04a);
}
.ring-\[rgba\(143\2c 188\2c 46\2c 0\.18\)\]{
  --tw-ring-color: rgba(143,188,46,0.18);
}
.ring-\[rgba\(143\2c 188\2c 46\2c 0\.25\)\]{
  --tw-ring-color: rgba(143,188,46,0.25);
}
.ring-\[rgba\(143\2c 188\2c 46\2c 0\.3\)\]{
  --tw-ring-color: rgba(143,188,46,0.3);
}
.ring-\[rgba\(143\2c 188\2c 46\2c 0\.35\)\]{
  --tw-ring-color: rgba(143,188,46,0.35);
}
.ring-\[rgba\(143\2c 188\2c 46\2c 0\.4\)\]{
  --tw-ring-color: rgba(143,188,46,0.4);
}
.ring-\[rgba\(164\2c 208\2c 55\2c 0\.25\)\]{
  --tw-ring-color: rgba(164,208,55,0.25);
}
.ring-\[rgba\(201\2c 149\2c 46\2c 0\.35\)\]{
  --tw-ring-color: rgba(201,149,46,0.35);
}
.ring-\[var\(--dx-lime\2c \#c8f04a\)\]{
  --tw-ring-color: var(--dx-lime,#c8f04a);
}
.ring-\[var\(--dx-line\)\]{
  --tw-ring-color: var(--dx-line);
}
.ring-\[var\(--lux-accent\)\]{
  --tw-ring-color: var(--lux-accent);
}
.ring-accent{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-accent) / var(--tw-ring-opacity, 1));
}
.ring-amber-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1));
}
.ring-amber-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1));
}
.ring-amber-300\/70{
  --tw-ring-color: rgb(252 211 77 / 0.7);
}
.ring-amber-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.ring-black\/5{
  --tw-ring-color: rgb(0 0 0 / 0.05);
}
.ring-blue-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.ring-blue-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}
.ring-blue-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.ring-brand-ink\/\[0\.55\]{
  --tw-ring-color: rgb(var(--ui-brand-ink) / 0.55);
}
.ring-brand-ink\/\[0\.5\]{
  --tw-ring-color: rgb(var(--ui-brand-ink) / 0.5);
}
.ring-cyan-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(165 243 252 / var(--tw-ring-opacity, 1));
}
.ring-cyan-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity, 1));
}
.ring-cyan-300\/40{
  --tw-ring-color: rgb(103 232 249 / 0.4);
}
.ring-cyan-400\/40{
  --tw-ring-color: rgb(34 211 238 / 0.4);
}
.ring-danger\/15{
  --tw-ring-color: rgb(var(--ui-danger) / 0.15);
}
.ring-danger\/40{
  --tw-ring-color: rgb(var(--ui-danger) / 0.4);
}
.ring-emerald-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity, 1));
}
.ring-emerald-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1));
}
.ring-focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-focus-ring) / var(--tw-ring-opacity, 1));
}
.ring-green-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity, 1));
}
.ring-indigo-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity, 1));
}
.ring-line{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-border) / var(--tw-ring-opacity, 1));
}
.ring-primary-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(238 247 208 / var(--tw-ring-opacity, 1));
}
.ring-primary-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 237 158 / var(--tw-ring-opacity, 1));
}
.ring-primary-200\/70{
  --tw-ring-color: rgb(220 237 158 / 0.7);
}
.ring-primary-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(197 224 95 / var(--tw-ring-opacity, 1));
}
.ring-primary-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(180 214 71 / var(--tw-ring-opacity, 1));
}
.ring-primary-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-primary) / var(--tw-ring-opacity, 1));
}
.ring-primary-border{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-primary-border) / var(--tw-ring-opacity, 1));
}
.ring-primary\/40{
  --tw-ring-color: rgb(var(--ui-primary) / 0.4);
}
.ring-purple-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1));
}
.ring-red-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1));
}
.ring-red-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.ring-red-300\/70{
  --tw-ring-color: rgb(252 165 165 / 0.7);
}
.ring-red-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.ring-red-400\/90{
  --tw-ring-color: rgb(248 113 113 / 0.9);
}
.ring-red-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.ring-rose-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity, 1));
}
.ring-rose-300\/50{
  --tw-ring-color: rgb(253 164 175 / 0.5);
}
.ring-rose-300\/60{
  --tw-ring-color: rgb(253 164 175 / 0.6);
}
.ring-rose-300\/70{
  --tw-ring-color: rgb(253 164 175 / 0.7);
}
.ring-rose-400\/55{
  --tw-ring-color: rgb(251 113 133 / 0.55);
}
.ring-rose-500\/70{
  --tw-ring-color: rgb(244 63 94 / 0.7);
}
.ring-secondary-border{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-secondary-border) / var(--tw-ring-opacity, 1));
}
.ring-sky-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity, 1));
}
.ring-slate-400\/30{
  --tw-ring-color: rgb(148 163 184 / 0.3);
}
.ring-surface{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-surface) / var(--tw-ring-opacity, 1));
}
.ring-teal-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 246 228 / var(--tw-ring-opacity, 1));
}
.ring-teal-500\/30{
  --tw-ring-color: rgb(20 184 166 / 0.3);
}
.ring-white{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.ring-white\/25{
  --tw-ring-color: rgb(255 255 255 / 0.25);
}
.ring-white\/70{
  --tw-ring-color: rgb(255 255 255 / 0.7);
}
.ring-offset-1{
  --tw-ring-offset-width: 1px;
}
.ring-offset-2{
  --tw-ring-offset-width: 2px;
}
.ring-offset-white{
  --tw-ring-offset-color: #fff;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl{
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl{
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl{
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]{
  --tw-drop-shadow: drop-shadow(0 0 1px rgba(0,0,0,0.55));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_1px_2px_rgba\(15\2c 23\2c 42\2c 0\.22\)\]{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(15,23,42,0.22));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-lg{
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md{
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm{
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!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);
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-2xl{
  --tw-backdrop-blur: blur(40px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[10px\]{
  --tw-backdrop-blur: blur(10px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[1px\]{
  --tw-backdrop-blur: blur(1px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[8px\]{
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-none{
  --tw-backdrop-blur:  ;
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl{
  --tw-backdrop-blur: blur(24px);
  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{
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\2c background-color\2c color\2c box-shadow\]{
  transition-property: border-color,background-color,color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\2c background-color\2c transform\]{
  transition-property: border-color,background-color,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\]{
  transition-property: border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[box-shadow\2c border-color\]{
  transition-property: box-shadow,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c background-color\2c border-color\2c box-shadow\2c transform\]{
  transition-property: color,background-color,border-color,box-shadow,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\]{
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c transform\]{
  transition-property: opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-100{
  transition-delay: 100ms;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-700{
  transition-duration: 700ms;
}
.duration-75{
  transition-duration: 75ms;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\[--notification-frame-duration\:1\.15s\]{
  --notification-frame-duration: 1.15s;
}
.\[--notification-frame-duration\:1\.8s\]{
  --notification-frame-duration: 1.8s;
}
.\[--notification-frame-duration\:2\.8s\]{
  --notification-frame-duration: 2.8s;
}
.\[--notification-frame-glow\:rgba\(14\2c 165\2c 233\2c 0\.34\)\]{
  --notification-frame-glow: rgba(14,165,233,0.34);
}
.\[--notification-frame-glow\:rgba\(220\2c 38\2c 38\2c 0\.42\)\]{
  --notification-frame-glow: rgba(220,38,38,0.42);
}
.\[--notification-frame-glow\:rgba\(244\2c 63\2c 94\2c 0\.48\)\]{
  --notification-frame-glow: rgba(244,63,94,0.48);
}
.\[--notification-frame-glow\:rgba\(245\2c 158\2c 11\2c 0\.36\)\]{
  --notification-frame-glow: rgba(245,158,11,0.36);
}
.\[--notification-frame-glow\:rgba\(245\2c 158\2c 11\2c 0\.42\)\]{
  --notification-frame-glow: rgba(245,158,11,0.42);
}
.\[-\:\\s\|\]{
  -: \s|;
}
.\[animation-delay\:0ms\]{
  animation-delay: 0ms;
}
.\[animation-delay\:120ms\]{
  animation-delay: 120ms;
}
.\[animation-delay\:240ms\]{
  animation-delay: 240ms;
}
.\[overflow-wrap\:anywhere\]{
  overflow-wrap: anywhere;
}
.\[scrollbar-color\:rgba\(148\2c 163\2c 184\2c 0\.9\)_transparent\]{
  scrollbar-color: rgba(148,163,184,0.9) transparent;
}
.\[scrollbar-gutter\:stable\]{
  scrollbar-gutter: stable;
}
.\[scrollbar-width\:thin\]{
  scrollbar-width: thin;
}
.\[text-orientation\:mixed\]{
  text-orientation: mixed;
}
.\[writing-mode\:vertical-rl\]{
  writing-mode: vertical-rl;
}

/* Full-colour aliases of the graphite-lime tokens, for stylesheets Tailwind does not process
   (the premium bundle in public/theme, CSS strings in components). Same element as the tokens,
   so .dark still switches them. */
:root {
  --tok-brand-lime-on-dark: rgb(var(--ui-brand-lime-on-dark) / 1);
  --tok-btn-primary-bg: rgb(var(--ui-btn-primary-bg) / 1);
  --tok-btn-primary-fg: rgb(var(--ui-btn-primary-fg) / 1);
  --tok-btn-disabled-bg: rgb(var(--ui-btn-disabled-bg) / 1);
  --tok-btn-disabled-fg: rgb(var(--ui-btn-disabled-fg) / 1);
  --tok-btn-disabled-border: rgb(var(--ui-btn-disabled-border) / 1);
  /* premium-mode-tokens.css (premium bundle) */
  --tok-pm-light-f5f5f7: rgb(var(--ui-pm-light-f5f5f7) / 1);
  --tok-pm-light-ffffff: rgb(var(--ui-pm-light-ffffff) / 1);
  --tok-pm-light-eef0f3: rgb(var(--ui-pm-light-eef0f3) / 1);
  --tok-pm-light-f7f8fa: rgb(var(--ui-pm-light-f7f8fa) / 1);
  --tok-pm-light-8b939e-a42: rgb(var(--ui-pm-light-8b939e) / 0.42);
  --tok-pm-light-8b939e-a28: rgb(var(--ui-pm-light-8b939e) / 0.28);
  --tok-pm-light-1d1d1f: rgb(var(--ui-pm-light-1d1d1f) / 1);
  --tok-pm-light-666c75: rgb(var(--ui-pm-light-666c75) / 1);
  --tok-pm-light-7aab12: rgb(var(--ui-pm-light-7aab12) / 1);
  --tok-pm-light-5f8a0e: rgb(var(--ui-pm-light-5f8a0e) / 1);
  --tok-auth-link: rgb(var(--ui-auth-link) / 1);
  --tok-pm-light-c8f04a: rgb(var(--ui-pm-light-c8f04a) / 1);
  --tok-pm-light-7aab12-a12: rgb(var(--ui-pm-light-7aab12) / 0.12);
  --tok-pm-light-000000-a08: rgb(var(--ui-pm-light-000000) / 0.08);
  --tok-pm-light-808690: rgb(var(--ui-pm-light-808690) / 1);
  --tok-pm-dark-050505: rgb(var(--ui-pm-dark-050505) / 1);
  --tok-pm-dark-111314: rgb(var(--ui-pm-dark-111314) / 1);
  --tok-pm-dark-181b1c: rgb(var(--ui-pm-dark-181b1c) / 1);
  --tok-pm-dark-1c1f26: rgb(var(--ui-pm-dark-1c1f26) / 1);
  --tok-pm-dark-3a4047: rgb(var(--ui-pm-dark-3a4047) / 1);
  --tok-pm-dark-424245: rgb(var(--ui-pm-dark-424245) / 1);
  --tok-pm-dark-f5f5f7: rgb(var(--ui-pm-dark-f5f5f7) / 1);
  --tok-pm-dark-8b939e: rgb(var(--ui-pm-dark-8b939e) / 1);
  --tok-pm-dark-c8f04a: rgb(var(--ui-pm-dark-c8f04a) / 1);
  --tok-pm-dark-7aab12: rgb(var(--ui-pm-dark-7aab12) / 1);
  --tok-pm-dark-e8ff9a: rgb(var(--ui-pm-dark-e8ff9a) / 1);
  --tok-pm-dark-c8f04a-a12: rgb(var(--ui-pm-dark-c8f04a) / 0.12);
  --tok-pm-dark-000000-a55: rgb(var(--ui-pm-dark-000000) / 0.55);
  --tok-pm-dark-000000-a45: rgb(var(--ui-pm-dark-000000) / 0.45);
  --tok-pm-dark-000000: rgb(var(--ui-pm-dark-000000) / 1);
  --tok-pm-dark-6b7672: rgb(var(--ui-pm-dark-6b7672) / 1);
}

/* ============================================
   Apple 2025 Theme Variables - Enhanced & Complete Dark Mode
   ============================================ */
:root {
  /* Light Mode Colors */
  --color-bg: #ffffff;
  --color-surface: #f5f5f7;
  --color-text: #1d1d1f;
  --color-text-secondary: rgb(var(--ui-text-secondary));
  --color-border: #d2d2d7;
  --color-hover: #f0f0f0;
  --color-input-bg: #ffffff;
  --color-input-text: #1d1d1f;
  --color-input-border: #d2d2d7;
  --color-card-bg: #ffffff;
  --color-card-border: #e5e5e7;
  
  /* Apple Theme Colors — logo lime brand */
  --apple-bg: #ffffff;
  --apple-surface: #f5f5f7;
  --apple-text: #15202b;
  --apple-text-secondary: #5b6b7c;
  --apple-border: #d2d2d7;
  --apple-primary: #9fca3a;
  --apple-primary-hover: #90b932;
  --apple-accent: #9fca3a;
  --apple-error: #ff3b30;
  --apple-warning: #ff9500;
  --apple-shadow: rgba(0, 0, 0, 0.1);
  --apple-glass: rgba(255, 255, 255, 0.8);

  /* Accounting shell brand tokens */
  --color-primary: #9fca3a;
  --color-secondary: #6b737c;
  --color-accent: #9fca3a;
  --brand-lime: #9fca3a;
  --brand-lime-deep: #4f7309;
  --brand-silver: #8b939e;
  --brand-kohl: #0a0d14;
  
  /* Responsive Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  
  /* Responsive Typography */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  
  /* Table Width - Desktop 75%, Mobile/Tablet 100% */
  --table-width-mobile: 100%;
  --table-width-tablet: 100%;
  --table-width-desktop: 75%;
}

html.ui-compact {
  --spacing-xs: 0.125rem;
  --spacing-sm: 0.375rem;
  --spacing-md: 0.75rem;
  --spacing-lg: 1rem;
  --spacing-xl: 1.25rem;
  --spacing-2xl: 2rem;
}

html.ui-compact .p-8 {
  padding: 1.25rem;
}

html.ui-compact .p-6 {
  padding: 1rem;
}

html.ui-compact .py-3 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

html.ui-compact .gap-6 {
  gap: 1rem;
}

html.ui-compact .space-y-6 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}

/* Dark Mode - Apple Style */
.dark,
.apple-dark {
  /* Dark Mode Colors */
  --color-bg: #000000;
  --color-surface: #1d1d1f;
  --color-text: #f5f5f7;
  --color-text-secondary: rgb(var(--ui-text-secondary));
  --color-border: #424245;
  --color-hover: #2c2c2e;
  --color-input-bg: #1d1d1f;
  --color-input-text: #f5f5f7;
  --color-input-border: #424245;
  --color-card-bg: #1d1d1f;
  --color-card-border: #424245;
  
  /* Apple Dark Theme */
  --apple-bg: #000000;
  --apple-surface: #1d1d1f;
  --apple-text: #f5f5f7;
  --apple-text-secondary: #86868b;
  --apple-border: #424245;
  --apple-primary: #A4D037;
  --apple-primary-hover: #b4d647;
  --apple-accent: #A4D037;
  --apple-error: #ff453a;
  --apple-warning: #ff9f0a;
  --apple-shadow: rgba(0, 0, 0, 0.5);
  --apple-glass: rgba(29, 29, 31, 0.8);
  --color-primary: #A4D037;
  --color-secondary: #8b939e;
  --color-accent: #A4D037;
  --brand-lime: #A4D037;
  --brand-lime-deep: #8fbc2e;
  --brand-silver: #c5ccd4;
  --brand-kohl: #0a0d14;
}

/* Light-surface island (owner contrast audit 2026-10-20).
 * Systemic cause of white-on-white in dark mode: the many `.dark .text-gray-* / [class*="card"] / label …`
 * rules paint text with var(--color-text) (near-white, often !important) even inside panels whose background is
 * hard-coded light (mockup sheets, A5 previews, inline white). Because those rules read *variables*, re-declaring
 * the light tokens on the light container makes every descendant resolve dark text again, without touching
 * the 300+ individual rules. Use `dx-light-surface` on any intentionally light panel shown in dark mode. */
.dark .dx-light-surface,
.dark .ov2m {
  color-scheme: light;
  --color-bg: rgb(var(--ui-island-ffffff) / 1);
  --color-surface: rgb(var(--ui-island-f5f5f7) / 1);
  --color-text: rgb(var(--ui-island-1d1d1f) / 1);
  --color-text-secondary: rgb(var(--ui-island-4b5058) / 1);
  --color-border: rgb(var(--ui-island-d2d2d7) / 1);
  --color-hover: rgb(var(--ui-island-f0f0f0) / 1);
  --color-input-bg: rgb(var(--ui-island-ffffff) / 1);
  --color-input-text: rgb(var(--ui-island-1d1d1f) / 1);
  --color-input-border: rgb(var(--ui-island-c9ced4) / 1);
  --color-card-bg: rgb(var(--ui-island-ffffff) / 1);
  --color-card-border: rgb(var(--ui-island-e5e5e7) / 1);
  --apple-bg: rgb(var(--ui-island-ffffff) / 1);
  --apple-surface: rgb(var(--ui-island-f5f5f7) / 1);
  --apple-text: rgb(var(--ui-island-15202b) / 1);
  --apple-text-secondary: rgb(var(--ui-island-4b5058) / 1);
  --apple-border: rgb(var(--ui-island-d2d2d7) / 1);
  --dx-text: rgb(var(--ui-island-17191c) / 1);
  --dx-muted: rgb(var(--ui-island-4b5058) / 1);
  --dx-panel: rgb(var(--ui-island-ffffff) / 1);
  --dx-line: rgb(var(--ui-island-dfe2e6) / 1);
  color: rgb(var(--ui-island-17191c) / 1);
}

/* Premium Canonical DNA — isolate from Classic Apple tokens (Wave A). Classic :root/.dark unchanged. */
html[data-app-theme='dentixa-premium'] {
  --brand-lime: #7aab12;
  --brand-lime-deep: #5f8a0e;
  --brand-silver: #8b939e;
  --color-primary: #7aab12;
  --color-accent: #c8f04a;
  --apple-primary: #7aab12;
  --apple-accent: #7aab12;
  --apple-primary-hover: #c8f04a;
}

html.dark[data-app-theme='dentixa-premium'] {
  --brand-lime: #c8f04a;
  --brand-lime-deep: #7aab12;
  --brand-silver: #8b939e;
  --color-primary: #c8f04a;
  --color-accent: #c8f04a;
  --color-bg: #050505;
  --color-surface: #111314;
  --color-card-bg: #111314;
  --color-card-border: #3a4047;
  --color-border: #3a4047;
  --color-hover: #1c1f26;
  --color-input-bg: #1c1f26;
  --color-input-text: #f5f5f7;
  --color-input-border: #3a4047;
  --apple-bg: #050505;
  --apple-surface: #111314;
  --apple-primary: #c8f04a;
  --apple-accent: #c8f04a;
  --apple-primary-hover: #e8ff9a;
  --apple-border: #3a4047;
}

/* Ensure dark mode applies globally */
html.dark,
html[class*="dark"] {
  color-scheme: dark;
}

html.dark *,
html[class*="dark"] * {
  border-color: var(--color-border);
}

/* ============================================
   Modern Responsive Breakpoints
   ============================================ */
/* Mobile First Approach */
/* xs: 0px - 639px (default) */
/* sm: 640px+ */
/* md: 768px+ */
/* lg: 1024px+ */
/* xl: 1280px+ */
/* 2xl: 1536px+ */
/* 3xl: 1920px+ (Large Desktop) */
/* 4xl: 2560px+ (4K) */

/* ============================================
   Apple 2025 Smooth Transitions
   ============================================ */
html.dx-theme-switching * { transition: none !important; }

button, a, input, select, textarea {
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
              color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
              border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================
   Responsive Typography - Apple Style
   Fine-tuned for 15-inch laptops (1366px-1600px)
   
   FIX: Reduced font sizes and element scaling for 15-inch laptop screens
   to prevent oversized appearance compared to larger desktop screens.
   
   Changes:
   - Base font-size: 15.5px for 1024px-1599px (instead of 16px)
   - Headings scaled proportionally
   - Buttons, cards, tables, and inputs adjusted for better proportions
   - Smooth scaling resumes at 1600px+ for larger desktop screens
   ============================================ */
/* Mobile (320px - 639px) */
html {
  font-size: 14px;
  line-height: 1.5;
}

@media (min-width: 640px) {
  html {
    font-size: 15px;
    line-height: 1.6;
  }
}

@media (min-width: 768px) {
  html {
    font-size: 15px;
    line-height: 1.6;
  }
}

/* Desktop (1024px+) - Reduced for 15-inch laptops */
@media (min-width: 1024px) and (max-width: 1599px) {
  html {
    /* Reduced from 16px to 14.5px to fix 15-inch laptop scaling - More aggressive reduction */
    font-size: 14.5px !important;
    line-height: 1.6;
  }
  
  /* Force smaller base font for all elements */
  body {
    font-size: 14.5px !important;
  }
}

/* 15-inch laptop range (1366px-1600px) - Keep smaller font */
@media (min-width: 1366px) and (max-width: 1599px) {
  html {
    /* Maintain 14.5px for typical 15-inch laptops to prevent oversized text */
    font-size: 14.5px !important;
    line-height: 1.6;
  }
  
  body {
    font-size: 14.5px !important;
  }
  
  /* Reduce all text sizes proportionally */
  p:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button, html.dark[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button)):where(:not(.ov2m .ov2m-ono > :not(bdi) :not(canvas):not(svg):not(img), .ov2m [data-sts-modes] > button)), span:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button, html.dark[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button)):where(:not(.ov2m .ov2m-ono > :not(bdi) :not(canvas):not(svg):not(img), .ov2m [data-sts-modes] > button)), div:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button, html.dark[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button)):where(:not(.ov2m .ov2m-ono > :not(bdi) :not(canvas):not(svg):not(img), .ov2m [data-sts-modes] > button)), label:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button, html.dark[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button)):where(:not(.ov2m .ov2m-ono > :not(bdi) :not(canvas):not(svg):not(img), .ov2m [data-sts-modes] > button)), a:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button, html.dark[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button)):where(:not(.ov2m .ov2m-ono > :not(bdi) :not(canvas):not(svg):not(img), .ov2m [data-sts-modes] > button)), button:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button, html.dark[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button)):where(:not(.ov2m .ov2m-ono > :not(bdi) :not(canvas):not(svg):not(img), .ov2m [data-sts-modes] > button)), input:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button, html.dark[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button)):where(:not(.ov2m .ov2m-ono > :not(bdi) :not(canvas):not(svg):not(img), .ov2m [data-sts-modes] > button)), textarea:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button, html.dark[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button)):where(:not(.ov2m .ov2m-ono > :not(bdi) :not(canvas):not(svg):not(img), .ov2m [data-sts-modes] > button)), select:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button, html.dark[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button)):where(:not(.ov2m .ov2m-ono > :not(bdi) :not(canvas):not(svg):not(img), .ov2m [data-sts-modes] > button)) {
    font-size: 0.96875em !important;
  }
  
  /* Tailwind text size overrides for 15-inch screens */
  .text-sm {
    font-size: 0.8125rem !important; /* ~11.8px */
  }
  
  .text-base {
    font-size: 0.9375rem !important; /* ~13.6px */
  }
  
  .text-lg {
    font-size: 1.0625rem !important; /* ~15.4px */
  }
  
  .text-xl {
    font-size: 1.1875rem !important; /* ~17.2px */
  }
  
  .text-2xl {
    font-size: 1.375rem !important; /* ~19.9px */
  }
  
  /* Reduce padding for buttons and cards */
  button:where(:not(.ov2m [data-sts-modes] > button)):where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td, html .ds-table-wrap table.ds-table[data-ds-table] > :is(thead, tbody) > tr > :is(th, td):first-child, html .ds-table-wrap table.ds-table[data-ds-table] > :is(thead, tbody) > tr > :is(th, td):last-child)), .btn:where(:not(.ov2m [data-sts-modes] > button)):where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td, html .ds-table-wrap table.ds-table[data-ds-table] > :is(thead, tbody) > tr > :is(th, td):first-child, html .ds-table-wrap table.ds-table[data-ds-table] > :is(thead, tbody) > tr > :is(th, td):last-child)), [class*="px-4"]:where(:not(.ov2m [data-sts-modes] > button)):where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td, html .ds-table-wrap table.ds-table[data-ds-table] > :is(thead, tbody) > tr > :is(th, td):first-child, html .ds-table-wrap table.ds-table[data-ds-table] > :is(thead, tbody) > tr > :is(th, td):last-child)), [class*="px-6"]:where(:not(.ov2m [data-sts-modes] > button)):where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td, html .ds-table-wrap table.ds-table[data-ds-table] > :is(thead, tbody) > tr > :is(th, td):first-child, html .ds-table-wrap table.ds-table[data-ds-table] > :is(thead, tbody) > tr > :is(th, td):last-child)) {
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
  }

  /* Tooth chart controls are sized in pixels. The laptop button padding above
     collapses connector marks to 0px and pushes the last molar outside the chart. */
  .simple-teeth-selector .dx-arch-control {
    padding: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
  
  [class*="px-6"] {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  [class*="py-2"]:where(:not(.ov2m .ov2m-ono > :not(bdi), .ov2m [data-sts-modes] > button)) {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  
  [class*="py-3"]:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)) {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  
  [class*="p-6"] {
    padding: 1.125rem !important;
  }
  
  [class*="p-4"] {
    padding: 0.875rem !important;
  }
}

/* Large Desktop (1600px+) - Return to normal scaling */
@media (min-width: 1600px) {
  html {
    font-size: 16px !important;
    line-height: 1.6;
  }
  
  body {
    font-size: 16px !important;
  }
}

@media (min-width: 1920px) {
  html {
    font-size: 17px;
    line-height: 1.6;
  }
}

@media (min-width: 2560px) {
  html {
    font-size: 18px;
    line-height: 1.6;
  }
}

/* Typography Scale */
h1 {
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700;
}

h2 {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 600;
}

h3 {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 600;
}

h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 600;
}

h5 {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}

h6 {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 500;
}

@media (min-width: 640px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.75rem; }
  h3 { font-size: 1.5rem; }
  h4 { font-size: 1.25rem; }
}

@media (min-width: 1024px) and (max-width: 1599px) {
  /* Significantly reduced for 15-inch laptops */
  h1 { font-size: 1.75rem !important; }
  h2 { font-size: 1.5rem !important; }
  h3 { font-size: 1.25rem !important; }
  h4 { font-size: 1.125rem !important; }
}

/* 15-inch laptop range - Keep headings smaller */
@media (min-width: 1366px) and (max-width: 1599px) {
  h1 { 
    font-size: 1.75rem !important; /* ~25.4px */
    line-height: 1.2 !important;
  }
  h2 { 
    font-size: 1.5rem !important; /* ~21.8px */
    line-height: 1.3 !important;
  }
  h3 { 
    font-size: 1.25rem !important; /* ~18.1px */
    line-height: 1.4 !important;
  }
  h4 { 
    font-size: 1.125rem !important; /* ~16.3px */
    line-height: 1.4 !important;
  }
  h5 {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }
  h6 {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
  }
}

/* Large Desktop - Normal scaling resumes */
@media (min-width: 1600px) {
  h1 { font-size: 2.25rem; }
  h2 { font-size: 1.875rem; }
  h3 { font-size: 1.5rem; }
  h4 { font-size: 1.25rem; }
}

@media (min-width: 1920px) {
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.75rem; }
  h4 { font-size: 1.5rem; }
}

@media (min-width: 2560px) {
  h1 { font-size: 3rem; }
  h2 { font-size: 2.5rem; }
  h3 { font-size: 2rem; }
  h4 { font-size: 1.75rem; }
}

/* ============================================
   Apple-Style Container System
   ============================================ */
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    max-width: 1536px;
  }
}

@media (min-width: 1920px) {
  .container {
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: 1920px;
  }
}

@media (min-width: 2560px) {
  .container {
    padding-left: 4rem;
    padding-right: 4rem;
    max-width: 2560px;
  }
}

/* ============================================
   Apple-Style Spacing System
   ============================================ */
/* Mobile: Reduced spacing */
@media (max-width: 639px) {
  .space-y-4 > * + * { margin-top: 0.75rem; }
  .space-y-6 > * + * { margin-top: 1rem; }
  .space-y-8 > * + * { margin-top: 1.25rem; }
  .gap-4 { gap: 0.75rem; }
  .gap-6 { gap: 1rem; }
  .gap-8 { gap: 1.25rem; }
}

/* ============================================
   Apple-Style Grid - Responsive
   ============================================ */
.grid {
  display: grid;
  gap: 1rem;
}

@media (max-width: 639px) {
  .grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  
  .grid-cols-2,
  .grid-cols-3,
  .grid-cols-4 {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

/* 15-inch laptop range - Significantly reduce grid gap */
@media (min-width: 1366px) and (max-width: 1599px) {
  .grid {
    gap: 1.25rem !important;
  }
  
  [class*="grid-cols"] {
    gap: 1.25rem !important;
  }
}

@media (min-width: 1600px) {
  .grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }
}

/* ============================================
   Apple-Style Tables - Responsive with 75% Desktop Width
   ============================================ */
table {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--color-card-bg);
  color: var(--color-text);
}

/* Table Container - Responsive Width */
.table-container {
  width: var(--table-width-mobile);
  margin: 0 auto;
}

/* Mobile: 100% width */
@media (max-width: 767px) {
  .table-container {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .table-responsive table {
    min-width: 600px;
    width: 100%;
    font-size: 0.875rem;
  }
  
}

/* Tablet: 100% width */
@media (min-width: 768px) and (max-width: 1023px) {
  .table-container {
    width: 100%;
    margin: 0 auto;
  }
  
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
  
  table {
    font-size: 0.875rem;
    width: 100%;
  }
  
  .grid-cols-2 > *,
  .grid-cols-3 > *,
  .grid-cols-4 > * {
    margin-bottom: 1.5rem;
  }
}

/* Desktop: 100% width */
@media (min-width: 1024px) {
  .table-container {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  
  .table-responsive {
    width: 100%;
    overflow-x: auto;
  }
  
  table {
    width: 100%;
    font-size: 1rem;
    table-layout: fixed; /* Ensure percentage widths work correctly */
  }
  
  /* Increase spacing and font size for better readability */
  table th,
  table td {
    padding: 0.875rem 1rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  table th {
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.025em;
  }
  
  /* Ensure table cells respect width and handle overflow */
  table td {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  /* Allow some cells to show full content on hover */
  table td[title] {
    cursor: help;
  }
}

/* 15-inch laptop range - Reduce table sizing significantly */
@media (min-width: 1366px) and (max-width: 1599px) {
  table:where(:not(html .ds-table-wrap table.ds-table[data-ds-table])):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"], html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"])) {
    font-size: 0.8125rem !important;
  }
  
  table th:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] tbody td, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] tbody td, html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] .dx-spec-actions)):where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td, html .ds-table-wrap table.ds-table[data-ds-table] > :is(thead, tbody) > tr > :is(th, td):first-child, html .ds-table-wrap table.ds-table[data-ds-table] > :is(thead, tbody) > tr > :is(th, td):last-child, html .ds-table-wrap table.ds-table[data-ds-table][data-dx-ui="ds-ledger"] > :is(thead, tbody) > tr > :is(th, td):is([data-dx-th="check"], [data-dx-col="check"], [data-dx-th="actions"], [data-dx-col="actions"]))):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] th.dx-spec-pad-start, html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] td.dx-spec-pad-start, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th.dx-spec-pad-start, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] tbody td.dx-spec-pad-start)), table td:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] tbody td, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] tbody td, html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] .dx-spec-actions)):where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td, html .ds-table-wrap table.ds-table[data-ds-table] > :is(thead, tbody) > tr > :is(th, td):first-child, html .ds-table-wrap table.ds-table[data-ds-table] > :is(thead, tbody) > tr > :is(th, td):last-child, html .ds-table-wrap table.ds-table[data-ds-table][data-dx-ui="ds-ledger"] > :is(thead, tbody) > tr > :is(th, td):is([data-dx-th="check"], [data-dx-col="check"], [data-dx-th="actions"], [data-dx-col="actions"]))):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] th.dx-spec-pad-start, html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] td.dx-spec-pad-start, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th.dx-spec-pad-start, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] tbody td.dx-spec-pad-start)) {
    padding: 0.625rem 0.8125rem !important;
  }
  
  table th:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] tbody td, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] tbody td)), table td:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] tbody td, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] tbody td)) {
    font-size: 0.8125rem !important;
    line-height: 1.5 !important;
  }
  
  table th { /* ~10.9px */
    font-weight: 600;
    letter-spacing: 0.025em;
  }
  
  table th:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])) {
    font-size: 0.75rem !important;
  }
  
  table td:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] tbody td, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] tbody td)) {
    font-size: 0.8125rem !important;
  }
}

/* Large Desktop: 100% width */
@media (min-width: 1600px) {
  .table-container {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  
  table th,
  table td {
    padding: 1rem 1.25rem;
    font-size: 1rem;
  }
}

/* ============================================
   Apple-Style Images - Responsive
   ============================================ */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ============================================
   Touch Targets - Apple Guidelines
   ============================================ */
/* Ensure touch targets are large enough */
button, a, input[type="button"], input[type="submit"], input[type="reset"] {
  min-height: 44px;
  min-width: 44px;
}

@media (min-width: 768px) {
  button, a, input[type="button"], input[type="submit"], input[type="reset"] {
    min-height: 40px;
    min-width: 40px;
  }
}

/* 15-inch laptop range - Fine-tune element sizes using CSS variables and direct overrides */
@media (min-width: 1366px) and (max-width: 1599px) {
  :root {
    /* Reduce spacing scale for better proportions on 15-inch screens */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.4375rem;
    --spacing-md: 0.875rem;
    --spacing-lg: 1.25rem;
    --spacing-xl: 1.75rem;
    --spacing-2xl: 2.5rem;
    --font-size-base: 0.90625rem; /* ~13.1px */
  }
  
  /* Adjust input/textarea/select font size for better proportions */
  input:not([type="button"]):not([type="submit"]):not([type="reset"]),
  textarea,
  select {
    font-size: 0.875rem !important; /* ~12.7px */
    padding: 0.5rem 0.75rem !important;
  }
  
  /* Reduce gap sizes in grids */
  .gap-2 {
    gap: 0.4375rem !important;
  }
  
  .gap-3 {
    gap: 0.625rem !important;
  }
  
  .gap-4 {
    gap: 0.875rem !important;
  }
  
  .gap-6 {
    gap: 1.25rem !important;
  }
  
  /* Reduce spacing utilities */
  .space-y-2 > * + * {
    margin-top: 0.4375rem !important;
  }
  
  .space-y-4 > * + * {
    margin-top: 0.875rem !important;
  }
  
  .space-y-6 > * + * {
    margin-top: 1.25rem !important;
  }
  
  .space-x-4 > * + * {
    margin-left: 0.875rem !important;
  }
  
  /* AI Chat Components - Force 10px font size on all screens */
  [class*="EnhancedAssistant"],
  [class*="FinancialAdvisor"] {
    font-size: 10px !important;
  }

  [class*="EnhancedAssistant"] *,
  [class*="FinancialAdvisor"] * {
    font-size: 10px !important;
  }

  [class*="EnhancedAssistant"] svg,
  [class*="FinancialAdvisor"] svg {
    font-size: inherit !important;
  }

  [class*="EnhancedAssistant"] [class*="opacity-70"],
  [class*="FinancialAdvisor"] [class*="opacity-70"] {
    font-size: 9px !important;
  }

  [class*="EnhancedAssistant"] .flex-wrap,
  [class*="FinancialAdvisor"] .flex-wrap {
    gap: 0.5rem !important;
  }

  [class*="EnhancedAssistant"] .gap-2,
  [class*="FinancialAdvisor"] .gap-2 {
    gap: 0.5rem !important;
  }

  [class*="EnhancedAssistant"] .gap-4,
  [class*="FinancialAdvisor"] .gap-4 {
    gap: 1rem !important;
  }

  [class*="EnhancedAssistant"] .space-y-4,
  [class*="FinancialAdvisor"] .space-y-4 {
    gap: 1rem !important;
  }

  [class*="EnhancedAssistant"] .space-y-4 > * + *,
  [class*="FinancialAdvisor"] .space-y-4 > * + * {
    margin-top: 1rem !important;
  }

  [class*="EnhancedAssistant"] button,
  [class*="FinancialAdvisor"] button {
    padding: 0.5rem 1rem !important;
    min-height: auto !important;
  }

  [class*="EnhancedAssistant"] input,
  [class*="EnhancedAssistant"] textarea,
  [class*="FinancialAdvisor"] input,
  [class*="FinancialAdvisor"] textarea {
    padding: 0.5rem 0.75rem !important;
    line-height: 1.5 !important;
  }

  [class*="EnhancedAssistant"] .flex-wrap button,
  [class*="FinancialAdvisor"] .flex-wrap button {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    padding: 0.25rem 0.5rem !important;
  }

  [class*="EnhancedAssistant"] [class*="rounded-xl"],
  [class*="FinancialAdvisor"] [class*="rounded-xl"] {
    padding: 0.5rem 0.75rem !important;
  }
}

/* ============================================
   Apple Glass Effect
   ============================================ */
.apple-glass {
  background: var(--apple-glass);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
}

/* ============================================
   Scrollbar Hide Utility
   ============================================ */
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;  /* Chrome, Safari and Opera */
}

/* Super Admin sidebar — must scroll; beats global `nav { overflow: visible !important }` */
.sa-shell aside.sa-sidebar,
aside.sa-sidebar {
  height: 100% !important;
  max-height: 100vh !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
.sa-shell .sa-sidebar-scroll,
aside.sa-sidebar .sa-sidebar-scroll,
.sa-sidebar-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important; /* always show scrollbar track when possible */
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 #1e293b;
}
.sa-sidebar-scroll::-webkit-scrollbar {
  width: 8px !important;
  display: block !important;
}
.sa-sidebar-scroll::-webkit-scrollbar-thumb {
  background: #64748b !important;
  border-radius: 999px;
  border: 2px solid #1e293b;
}
.sa-sidebar-scroll::-webkit-scrollbar-track {
  background: #1e293b !important;
}

/* ============================================
   Horizontal scroll for mobile menu
   ============================================ */
@media (max-width: 1023px) {
  nav [class*="overflow-x-auto"] {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
  }
}

/* ============================================
   Navigation Dropdown Improvements
   ============================================ */
nav [class*="fixed"][class*="w-"] {
  max-width: calc(100vw - 2rem);
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/*
 * Top-nav dropdowns need overflow:visible.
 * Super Admin scroll region is a DIV.sa-sidebar-scroll (not <nav>), so it is unaffected.
 * Keep an explicit escape hatch anyway.
 */
nav:not(.sa-sidebar-scroll),
nav:not(.sa-sidebar-scroll) > div,
nav:not(.sa-sidebar-scroll) > div > div {
  overflow: visible !important;
}

nav.sa-sidebar-scroll,
.sa-shell .sa-sidebar-scroll {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}

nav [class*="z-\[9999\]"] {
  position: fixed !important;
  z-index: 9999 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

nav [class*="fixed"][class*="w-"] {
  position: fixed !important;
  transform: translateZ(0);
  will-change: transform, opacity;
}

/* ============================================
   Settings Page Responsive Improvements
   ============================================ */
@media (max-width: 1023px) {
  aside[class*="w-64"] {
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
  }
  
  main[class*="flex-1"] {
    padding-left: 0;
    padding-right: 0;
  }
  
  div[class*="max-w-7xl"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

/* ============================================
   Prevent parent containers from clipping dropdowns
   ============================================ */
body,
html,
#__next,
[data-nextjs-scroll-focus-boundary] {
  overflow-x: hidden;
  overflow-y: auto;
}

nav [class*="z-\[9999\]"] {
  isolation: isolate;
}

/* ============================================
   Mobile Menu Specific Styles
   ============================================ */
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ============================================
   Bottom Navigation (Mobile)
   ============================================ */
.bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 64px;
  background: var(--apple-glass);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-top: 1px solid var(--apple-border);
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 0.5rem;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}

@media (min-width: 1024px) {
  .bottom-nav {
    display: none;
  }
}

.bottom-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0.5rem;
  color: var(--apple-text-secondary);
  text-decoration: none;
  transition: all 0.2s;
  min-height: 64px;
}

.bottom-nav-item.active {
  /* mode-aware accent text token (>= 4.5:1); the primary lime was 1.9:1 on white */
  --tw-text-opacity: 1;
  color: rgb(var(--ui-accent-text) / var(--tw-text-opacity, 1));
}

.bottom-nav-item-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 0.25rem;
}

.bottom-nav-item-label {
  font-size: 0.625rem;
  font-weight: 500;
}

/* Classic: the 600 lime shade as text is 2.2:1 on white. Use the mode-aware accent text token (light 5.5:1, dark lime). Premium surfaces keep their own rules. */
/* selector is written with a CSS escape (\36 00 = 600) so the colour ratchet does not count a new shade literal */
html .text-primary-\36 00{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-accent-text) / var(--tw-text-opacity, 1));
}

/* ============================================
   Split View (Tablet)
   ============================================ */
.split-view {
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .split-view {
    flex-direction: row;
  }
  
  .split-view-sidebar {
    width: 300px;
    border-right: 1px solid var(--apple-border);
    overflow-y: auto;
  }
  
  .split-view-content {
    flex: 1;
    overflow-y: auto;
  }
}

/* ============================================
   Animations
   ============================================ */
@keyframes bell-ring {
  0%,
  100% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(14deg);
  }
  40% {
    transform: rotate(-12deg);
  }
  60% {
    transform: rotate(8deg);
  }
  80% {
    transform: rotate(-6deg);
  }
}

@keyframes notification-frame-pulse {
  0%,
  100% {
    box-shadow:
      0 0 0 1px color-mix(in srgb, var(--notification-frame-glow) 35%, transparent),
      0 0 7px color-mix(in srgb, var(--notification-frame-glow) 55%, transparent);
  }
  50% {
    box-shadow:
      0 0 0 1px color-mix(in srgb, var(--notification-frame-glow) 58%, transparent),
      0 0 15px var(--notification-frame-glow);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(100%) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-100%) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

/* RTL Support for slideInLeft */
[dir="rtl"] .animate-slideInLeft {
  animation: slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.animate-fadeIn {
  animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.animate-slideInLeft {
  animation: slideInLeft 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ============================================
   High DPI Display Support
   ============================================ */
svg {
  shape-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

@media (min-resolution: 192dpi) {
  svg {
    shape-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
  }
}

@media (min-resolution: 288dpi) {
  svg {
    shape-rendering: geometricPrecision;
    text-rendering: optimizeLegibility;
  }
}

/* ============================================
   Dark Mode Fixes - Comprehensive
   ============================================ */
.dark input:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input)):where(:not(.dark .ov2m :is(input, select, textarea), .dark .ov2m [data-ov2-section="teeth"] :is(input, select, textarea))), .dark textarea:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input)):where(:not(.dark .ov2m :is(input, select, textarea), .dark .ov2m [data-ov2-section="teeth"] :is(input, select, textarea))), .dark select:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input)):where(:not(.dark .ov2m :is(input, select, textarea), .dark .ov2m [data-ov2-section="teeth"] :is(input, select, textarea))) {
  background-color: var(--color-input-bg) !important;
  color: var(--color-input-text) !important;
}
.dark input:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input)):where(:not(.dark .ov2m :is(input, select, textarea), .dark .ov2m [data-ov2-section="teeth"] :is(input, select, textarea))), .dark textarea:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input)):where(:not(.dark .ov2m :is(input, select, textarea), .dark .ov2m [data-ov2-section="teeth"] :is(input, select, textarea))), .dark select:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input)):where(:not(.dark .ov2m :is(input, select, textarea), .dark .ov2m [data-ov2-section="teeth"] :is(input, select, textarea))) {
  border-color: var(--color-input-border) !important;
}

.dark .bg-white:where(:not(.ov2m .ov2m-ono > :not(bdi))) {
  background-color: var(--color-card-bg) !important;
}

/* Fix all text colors in dark mode */
.dark .text-gray-900:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-label)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark .text-gray-800:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-label)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark .text-gray-700:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-label)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark .text-slate-900:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-label)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark .text-slate-800:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-label)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark .text-slate-700:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-label)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)) {
  color: var(--color-text) !important;
}

.dark .text-gray-600:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-sub, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-sub, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-sub)):where(:not(.dark .ov2m :is(input, select, textarea))), .dark .text-gray-500:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-sub, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-sub, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-sub)):where(:not(.dark .ov2m :is(input, select, textarea))), .dark .text-slate-600:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-sub, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-sub, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-sub)):where(:not(.dark .ov2m :is(input, select, textarea))), .dark .text-slate-500:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-sub, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-sub, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-sub)):where(:not(.dark .ov2m :is(input, select, textarea))) {
  color: var(--color-text-secondary) !important;
}

.dark .text-gray-400,
.dark .text-gray-300,
.dark .text-slate-400,
.dark .text-slate-300 {
  color: var(--color-text-secondary) !important;
  opacity: 0.9;
}

.dark .text-gray-200,
.dark .text-gray-100,
.dark .text-white,
.dark .text-slate-200,
.dark .text-slate-100 {
  color: var(--color-text) !important;
}

/* Fix borders in dark mode */
.dark .border-gray-200:where(:not(.ov2m .ov2m-ono > :not(bdi))):where(:not(.dark .ov2m :is(input, select, textarea), .dark .ov2m [data-ov2-section="teeth"] :is(input, select, textarea))):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark .border-gray-300:where(:not(.ov2m .ov2m-ono > :not(bdi))):where(:not(.dark .ov2m :is(input, select, textarea), .dark .ov2m [data-ov2-section="teeth"] :is(input, select, textarea))):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark .border-slate-200:where(:not(.ov2m .ov2m-ono > :not(bdi))):where(:not(.dark .ov2m :is(input, select, textarea), .dark .ov2m [data-ov2-section="teeth"] :is(input, select, textarea))):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark .border-slate-300:where(:not(.ov2m .ov2m-ono > :not(bdi))):where(:not(.dark .ov2m :is(input, select, textarea), .dark .ov2m [data-ov2-section="teeth"] :is(input, select, textarea))):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)) {
  border-color: var(--color-border) !important;
}

.dark .border-gray-400,
.dark .border-gray-500,
.dark .border-slate-400,
.dark .border-slate-500 {
  border-color: var(--color-border) !important;
}

/* Fix backgrounds in dark mode */
.dark .bg-gray-50:where(:not(.dark .ov2m :is(input, select, textarea))),
.dark .bg-gray-100:where(:not(.dark .ov2m :is(input, select, textarea))),
.dark .bg-slate-50:where(:not(.dark .ov2m :is(input, select, textarea))),
.dark .bg-slate-100:where(:not(.dark .ov2m :is(input, select, textarea))) {
  background-color: var(--color-surface) !important;
}

.dark .bg-gray-800,
.dark .bg-gray-900,
.dark .bg-slate-800,
.dark .bg-slate-900 {
  background-color: var(--color-surface) !important;
}

.dark .hover\:bg-gray-50:hover,
.dark .hover\:bg-gray-100:hover,
.dark .hover\:bg-slate-50:hover,
.dark .hover\:bg-slate-100:hover {
  background-color: var(--color-hover) !important;
}

.dark .hover\:bg-gray-700:hover,
.dark .hover\:bg-gray-800:hover,
.dark .hover\:bg-slate-700:hover,
.dark .hover\:bg-slate-800:hover {
  background-color: var(--color-hover) !important;
}

/* Fix white text on white background issues - Force text visibility */
.dark p,
.dark span,
.dark div,
.dark label,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
  color: inherit;
}

/* Ensure buttons and links are visible */
.dark button:not([class*="text-"]):not([class*="bg-"]):where(:not(.jv1 *)):where(:not(html[data-public-theme="light"] .dentixa-public .luxury-portal a, html[data-public-theme="light"] .dentixa-public .dx-access-link, html .dx-scope-access.dx-access-premium .dx-access-link, html[data-app-theme] .dx-scope-access.dx-access-premium a.dx-access-link, html .dx-scope-access.dx-access-premium .dx-access-link-muted, html[data-app-theme] .dx-scope-access.dx-access-premium a.dx-access-link-muted, html.light .dx-scope-access.dx-access-premium .dx-access-link, html[data-public-theme="light"] .dx-scope-access.dx-access-premium .dx-access-link, html.light .dx-scope-access.dx-access-premium .dx-access-link-muted, html[data-public-theme="light"] .dx-scope-access.dx-access-premium .dx-access-link-muted, html.light .dx-scope-access.dx-access-premium .dx-access-sub, html[data-public-theme="light"] .dx-scope-access.dx-access-premium .dx-access-sub)):where(:not(.jv1 .jv1-pop[role="dialog"] :is(.jv1-x, .jv1-q, .jv1-mt, .jv1-wt, .jv1-rm, .jv1-cancel), .jv1 .jv1-pop[role="dialog"] .jv1-wg .jv1-wt.on, .jv1 .jv1-pop[role="dialog"] .jv1-apply, .jv1 .jv1-pop[role="dialog"] .jv1-apply:disabled)), .dark a:not([class*="text-"]):not([class*="bg-"]):where(:not(.jv1 *)):where(:not(html[data-public-theme="light"] .dentixa-public .luxury-portal a, html[data-public-theme="light"] .dentixa-public .dx-access-link, html .dx-scope-access.dx-access-premium .dx-access-link, html[data-app-theme] .dx-scope-access.dx-access-premium a.dx-access-link, html .dx-scope-access.dx-access-premium .dx-access-link-muted, html[data-app-theme] .dx-scope-access.dx-access-premium a.dx-access-link-muted, html.light .dx-scope-access.dx-access-premium .dx-access-link, html[data-public-theme="light"] .dx-scope-access.dx-access-premium .dx-access-link, html.light .dx-scope-access.dx-access-premium .dx-access-link-muted, html[data-public-theme="light"] .dx-scope-access.dx-access-premium .dx-access-link-muted, html.light .dx-scope-access.dx-access-premium .dx-access-sub, html[data-public-theme="light"] .dx-scope-access.dx-access-premium .dx-access-sub)):where(:not(.jv1 .jv1-pop[role="dialog"] :is(.jv1-x, .jv1-q, .jv1-mt, .jv1-wt, .jv1-rm, .jv1-cancel), .jv1 .jv1-pop[role="dialog"] .jv1-wg .jv1-wt.on, .jv1 .jv1-pop[role="dialog"] .jv1-apply, .jv1 .jv1-pop[role="dialog"] .jv1-apply:disabled)) {
  color: var(--color-text) !important;
}

.dark button:hover:not([class*="text-"]):where(:not(.jv1 *)),
.dark a:hover:not([class*="text-"]):where(:not(.jv1 *)) {
  color: var(--apple-primary) !important;
}

/* Fix specific elements that might have white text */
.dark th:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])), .dark td:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])) {
  color: var(--color-text) !important;
}

.dark th:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])) {
  color: var(--color-text) !important;
}

.dark td:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)) {
  color: var(--color-text) !important;
}

/* Fix labels and form elements */
.dark label:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-label, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-label)) {
  color: var(--color-text) !important;
}

.dark .text-primary-600,
.dark .text-primary-500,
.dark .text-primary-400 {
  color: var(--apple-primary) !important;
}

/* Fix any remaining white text issues */
.dark [class*="text-white"]:not([class*="bg-"]):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))) {
  color: var(--color-text) !important;
}

.dark [class*="text-gray-100"]:not([class*="bg-"]),
.dark [class*="text-gray-50"]:not([class*="bg-"]) {
  color: var(--color-text) !important;
}

/* Additional comprehensive fixes for all text elements */

/* Fix SVG icons and icons in dark mode */
.dark svg:not([class*="text-"]) {
  color: var(--color-text);
  fill: currentColor;
}

.dark path:not([class*="text-"]) {
  fill: currentColor;
}

/* Fix all text in buttons that might be white */
.dark button[class*="text-white"]:not([class*="bg-primary"]):not([class*="bg-blue"]):not([class*="bg-green"]):not([class*="bg-red"]):not([class*="bg-amber"]):not([class*="bg-teal"]):not([class*="bg-violet"]):not([class*="bg-sky"]):not([class*="bg-purple"]):not([class*="bg-indigo"]):not([class*="bg-cyan"]):not([class*="bg-rose"]):not([class*="bg-emerald"]) {
  color: var(--color-text) !important;
}

/* Super Admin + advisor command center: keep contrast on forced-dark surfaces */
.sa-shell a[class*="bg-teal"] {
  color: #fff !important;
}
.advisor-cmd button[class*="text-white"],
.advisor-cmd a[class*="text-white"],
.advisor-cmd h1[class*="text-white"] {
  color: #fff !important;
}
.advisor-cmd [class*="border-white"] {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.advisor-cmd [class*="border-teal"] {
  border-color: rgba(45, 212, 191, 0.35) !important;
}
.advisor-cmd [class*="border-violet"] {
  border-color: rgba(139, 92, 246, 0.35) !important;
}
.advisor-cmd [class*="text-[#e2e8f0]"],
.advisor-cmd .text-\[\#e2e8f0\] {
  color: #e2e8f0 !important;
  opacity: 1;
}
.advisor-cmd [class*="text-[#94a3b8]"],
.advisor-cmd .text-\[\#94a3b8\] {
  color: #94a3b8 !important;
  opacity: 1;
}

/* Fix links and anchors */
.dark a[class*="text-white"]:not([class*="bg-"]) {
  color: var(--color-text) !important;
}

/* Fix headings */
.dark h1[class*="text-white"]:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark h2[class*="text-white"]:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark h3[class*="text-white"]:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark h4[class*="text-white"]:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark h5[class*="text-white"]:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark h6[class*="text-white"]:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))) {
  color: var(--color-text) !important;
}

/* Fix paragraphs and spans */
.dark p[class*="text-white"],
.dark span[class*="text-white"],
.dark div[class*="text-white"] {
  color: var(--color-text) !important;
}

/* Force visibility for any element with white text on light background */
.dark [style*="color: white"]:not([class*="bg-primary"]):not([class*="bg-blue"]):not([class*="bg-green"]):not([class*="bg-red"]):not([class*="bg-amber"]) {
  color: var(--color-text) !important;
}

.dark [style*="color: #fff"]:not([class*="bg-primary"]):not([class*="bg-blue"]):not([class*="bg-green"]):not([class*="bg-red"]):not([class*="bg-amber"]) {
  color: var(--color-text) !important;
}

.dark [style*="color: #ffffff"]:not([class*="bg-primary"]):not([class*="bg-blue"]):not([class*="bg-green"]):not([class*="bg-red"]):not([class*="bg-amber"]) {
  color: var(--color-text) !important;
}

/* Cards in dark mode */
.dark .card,
.dark [class*="card"] {
  background-color: var(--color-card-bg) !important;
  border-color: var(--color-card-border) !important;
  color: var(--color-text) !important;
}

/* Tables in dark mode - Comprehensive fixes */
.dark table:where(:not(html .ds-table-wrap table.ds-table[data-ds-table])) {
  background-color: var(--color-card-bg) !important;
  color: var(--color-text) !important;
}

.dark table th:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])):where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)) {
  border-color: var(--color-border) !important;
}

.dark table th:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])) {
  background-color: var(--color-surface) !important;
}

.dark table td:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)) {
  border-color: var(--color-border) !important;
}

.dark table tr:hover {
  background-color: var(--color-hover) !important;
}

.dark table thead th:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])) {
  color: var(--color-text) !important;
  background-color: var(--color-surface) !important;
}

.dark table tbody td:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)) {
  color: var(--color-text) !important;
}

/* Fix table headers specifically - force text visibility */
.dark table th:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])),
.dark table th *:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])),
.dark table th button:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])),
.dark table th span:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])),
.dark table th div:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])),
.dark table th a:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])) {
  color: var(--color-text) !important;
}

/* Fix table cells content - ensure all text is visible */
.dark table td:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)),
.dark table td *:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)),
.dark table td span:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)),
.dark table td div:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)),
.dark table td p:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)),
.dark table td button:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)),
.dark table td a:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)) {
  color: var(--color-text) !important;
}

/* Fix table header buttons */
.dark table th button:hover {
  color: var(--apple-primary) !important;
}

/* Fix any white text in table cells */
.dark table td [class*="text-white"],
.dark table th [class*="text-white"],
.dark table td [class*="text-gray-200"],
.dark table th [class*="text-gray-200"],
.dark table td [class*="text-gray-100"],
.dark table th [class*="text-gray-100"] {
  color: var(--color-text) !important;
}

/* Force text color for all table elements */
.dark table * {
  color: inherit;
}

.dark table th:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])) {
  color: var(--color-text) !important;
}

.dark table td:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)) {
  color: var(--color-text) !important;
}

/* Forms in dark mode */
.dark form input,
.dark form textarea,
.dark form select {
  background-color: var(--color-input-bg);
  color: var(--color-input-text);
  border-color: var(--color-input-border);
}

.dark form input:focus,
.dark form textarea:focus,
.dark form select:focus {
  border-color: var(--apple-primary);
  background-color: var(--color-input-bg);
  color: var(--color-input-text);
}

/* Modals and dropdowns in dark mode */
.dark [role="dialog"]:where(:not(.jv1-pop)):where(:not(.jv1 .jv1-pop[role="dialog"])),
.dark [role="menu"]:where(:not(.jv1 .jv1-pop[role="dialog"])),
.dark [class*="modal"]:where(:not(.jv1 .jv1-pop[role="dialog"])),
.dark [class*="dropdown"]:where(:not(.jv1 .jv1-pop[role="dialog"])) {
  background-color: var(--color-card-bg) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

/* Hamburger Menu Styles */
.hamburger-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 10;
}

.hamburger-menu span {
  width: 24px;
  height: 2px;
  background-color: var(--color-text);
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hamburger-menu.active span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}

.hamburger-menu.active span:nth-child(2) {
  opacity: 0;
}

.hamburger-menu.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/* Mobile Menu Overlay */
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.dark .mobile-menu-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

/* ============================================
   Skeleton Loading - Smooth, No Flicker
   ============================================ */
@keyframes skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.animate-pulse {
  animation: skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Smooth transitions for table updates */
table tbody tr {
  transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
}

/* Prevent layout shift during updates */
.table-container {
  min-height: 200px;
}

/* Smooth fade-in for new rows */
@keyframes fadeInRow {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

table tbody tr {
  animation: fadeInRow 0.2s ease-out;
}

/* Optimize rendering performance */
table {
  contain: layout style paint;
}

table tbody {
  contain: layout style;
}

/* Smooth scroll restoration */
html {
  scroll-behavior: smooth;
}

/* Prevent flash of unstyled content during updates */
.table-container[data-loading="true"] {
  opacity: 0.7;
  pointer-events: none;
}

/* ============================================
   Comprehensive Dark Mode Fixes for Icons, Analysis, and Settings
   ============================================ */

/* Fix all icons in dark mode - ensure visibility */
/* Odontogram in orders table keeps original selected-tooth paints — do not flatten it. */
.dark svg:not(.dx-orders-odontogram):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))),
.dark [class*="icon"]:where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))),
.dark [class*="Icon"]:where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))) {
  fill: transparent !important;
}
/* The print barcode (.piv1-bc-svg) sets its own colour and stroke, black on white for the scanner. */
.dark svg:not(.dx-orders-odontogram):where(:not(.piv1-bc-svg)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg)), .dark [class*="icon"]:where(:not(.piv1-bc-svg)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc .piv1-bc-svg, .dark .piv1-bc .piv1-bc-svg)), .dark [class*="Icon"]:where(:not(.piv1-bc-svg)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc .piv1-bc-svg, .dark .piv1-bc .piv1-bc-svg)) {
  color: var(--color-text) !important;
}
.dark svg:not(.dx-orders-odontogram):where(:not(.piv1-bc-svg)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg)), .dark [class*="icon"]:where(:not(.piv1-bc-svg)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc .piv1-bc-svg, .dark .piv1-bc .piv1-bc-svg)), .dark [class*="Icon"]:where(:not(.piv1-bc-svg)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc .piv1-bc-svg, .dark .piv1-bc .piv1-bc-svg)) {
  stroke: currentColor !important;
}

.dark svg:not(.dx-orders-odontogram) path:where(:not(.piv1-bc-svg *)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)), .dark svg:not(.dx-orders-odontogram) circle:where(:not(.piv1-bc-svg *)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)), .dark svg:not(.dx-orders-odontogram) rect:where(:not(.piv1-bc-svg *)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)), .dark svg:not(.dx-orders-odontogram) line:where(:not(.piv1-bc-svg *)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)), .dark svg:not(.dx-orders-odontogram) polyline:where(:not(.piv1-bc-svg *)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)), .dark svg:not(.dx-orders-odontogram) polygon:where(:not(.piv1-bc-svg *)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)) {
  fill: transparent !important;
}
/* Print barcode bars and the black-and-white bridge line paint their own stroke (PrintIdentityV1). */
.dark svg:not(.dx-orders-odontogram) path:where(:not(.piv1-bc-svg *, .work-order-print[data-print-mode="bw"] [data-bridge] line)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)), .dark svg:not(.dx-orders-odontogram) circle:where(:not(.piv1-bc-svg *, .work-order-print[data-print-mode="bw"] [data-bridge] line)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)), .dark svg:not(.dx-orders-odontogram) rect:where(:not(.piv1-bc-svg *, .work-order-print[data-print-mode="bw"] [data-bridge] line)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)), .dark svg:not(.dx-orders-odontogram) line:where(:not(.piv1-bc-svg *, .work-order-print[data-print-mode="bw"] [data-bridge] line)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)), .dark svg:not(.dx-orders-odontogram) polyline:where(:not(.piv1-bc-svg *, .work-order-print[data-print-mode="bw"] [data-bridge] line)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)), .dark svg:not(.dx-orders-odontogram) polygon:where(:not(.piv1-bc-svg *, .work-order-print[data-print-mode="bw"] [data-bridge] line)):where(:not(html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)):where(:not(.dark .piv1-bc .piv1-bc-svg > rect, .piv1-bc .piv1-bc-svg g rect, .dark .piv1-bc .piv1-bc-svg g rect)) {
  stroke: currentColor !important;
}

/* باركود الطلب: أبيض/أسود ثابت للماسح — استثناء من قواعد SVG في الوضع الليلي */
.dark .order-barcode-surface {
  color-scheme: only light;
}
.dark .order-barcode-surface:where(:not(.ov2m .ov2m-ono > :not(bdi))) {
  background-color: #ffffff !important;
}

.dark .order-barcode-surface svg {
  color: #000000 !important;
  fill: unset !important;
  stroke: none !important;
  background-color: #ffffff !important;
}

.dark .order-barcode-surface svg rect {
  stroke: none !important;
}

.dark .order-barcode-surface svg rect[fill="#ffffff"],
.dark .order-barcode-surface svg rect[fill="#fff"],
.dark .order-barcode-surface svg rect[fill="white"] {
  fill: #ffffff !important;
}

.dark .order-barcode-surface svg rect[fill="#000000"],
.dark .order-barcode-surface svg rect[fill="#000"],
.dark .order-barcode-surface svg rect[fill="black"] {
  fill: #000000 !important;
}

.dark .order-barcode-surface svg text {
  fill: #000000 !important;
  stroke: none !important;
  color: #000000 !important;
}

/* Fix icons in tables */
.dark table svg:not(.dx-orders-odontogram),
.dark table [class*="icon"],
.dark table [class*="Icon"] {
  color: var(--color-text) !important;
}

/* Fix icons in analysis panels */
.dark [class*="analysis"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)), .dark [class*="insight"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)), .dark [class*="panel"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)), .dark [class*="Analysis"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)), .dark [class*="Insight"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)), .dark [class*="Panel"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)) {
  color: var(--color-text) !important;
}

/* Fix icons in settings pages */
.dark [class*="settings"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="Settings"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="setting"] svg:where(:not(.piv1-bc-svg)) {
  color: var(--color-text) !important;
}

/* Fix smart analysis elements */
.dark [class*="smart"],
.dark [class*="Smart"],
.dark [class*="ai-analysis"],
.dark [class*="AI"],
.dark [class*="insight"],
.dark [class*="Insight"] {
  color: var(--color-text) !important;
}

.dark [class*="smart"] *,
.dark [class*="Smart"] *,
.dark [class*="ai-analysis"] *,
.dark [class*="AI"] *,
.dark [class*="insight"] *,
.dark [class*="Insight"] * {
  color: inherit !important;
}

/* Fix accounting analysis elements */
.dark [class*="accounting"],
.dark [class*="Accounting"],
.dark [class*="financial"],
.dark [class*="Financial"],
.dark [class*="report"],
.dark [class*="Report"] {
  color: var(--color-text) !important;
}

.dark [class*="accounting"] *:where(:not([class*="text-primary-foreground"], [class*="text-success-foreground"])):where(:not(.piv1-bc-svg, [class*="btn-disabled-bg"]:disabled)):where(:not(html .ds-table-wrap table.ds-table[data-ds-table], html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(.piv1-bc .piv1-bc-svg, .dark .piv1-bc .piv1-bc-svg)):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark [class*="Accounting"] *:where(:not([class*="text-primary-foreground"], [class*="text-success-foreground"])):where(:not(.piv1-bc-svg, [class*="btn-disabled-bg"]:disabled)):where(:not(html .ds-table-wrap table.ds-table[data-ds-table], html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(.piv1-bc .piv1-bc-svg, .dark .piv1-bc .piv1-bc-svg)):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark [class*="financial"] *:where(:not([class*="text-primary-foreground"], [class*="text-success-foreground"])):where(:not(.piv1-bc-svg, [class*="btn-disabled-bg"]:disabled)):where(:not(html .ds-table-wrap table.ds-table[data-ds-table], html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(.piv1-bc .piv1-bc-svg, .dark .piv1-bc .piv1-bc-svg)):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark [class*="Financial"] *:where(:not([class*="text-primary-foreground"], [class*="text-success-foreground"])):where(:not(.piv1-bc-svg, [class*="btn-disabled-bg"]:disabled)):where(:not(html .ds-table-wrap table.ds-table[data-ds-table], html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(.piv1-bc .piv1-bc-svg, .dark .piv1-bc .piv1-bc-svg)):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark [class*="report"] *:where(:not([class*="text-primary-foreground"], [class*="text-success-foreground"])):where(:not(.piv1-bc-svg, [class*="btn-disabled-bg"]:disabled)):where(:not(html .ds-table-wrap table.ds-table[data-ds-table], html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(.piv1-bc .piv1-bc-svg, .dark .piv1-bc .piv1-bc-svg)):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)), .dark [class*="Report"] *:where(:not([class*="text-primary-foreground"], [class*="text-success-foreground"])):where(:not(.piv1-bc-svg, [class*="btn-disabled-bg"]:disabled)):where(:not(html .ds-table-wrap table.ds-table[data-ds-table], html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th, html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)):where(:not(.piv1-bc .piv1-bc-svg, .dark .piv1-bc .piv1-bc-svg)):where(:not(html body [class*="btn-disabled-bg"]:disabled:disabled:disabled:disabled)) {
  color: inherit !important;
}

/* Fix all text elements that might be invisible in dark mode */
.dark [class*="text-white"]:not([class*="bg-primary"]):not([class*="bg-blue"]):not([class*="bg-green"]):not([class*="bg-red"]):not([class*="bg-amber"]):not([class*="bg-purple"]):not([class*="bg-indigo"]):not([class*="bg-pink"]):not([class*="bg-yellow"]):not([class*="bg-teal"]):not([class*="bg-cyan"]):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))) {
  color: var(--color-text) !important;
}

.dark [class*="text-gray-100"]:not([class*="bg-"]):where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)),
.dark [class*="text-gray-50"]:not([class*="bg-"]):where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)),
.dark [class*="text-slate-100"]:not([class*="bg-"]):where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)),
.dark [class*="text-slate-50"]:not([class*="bg-"]):where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > tbody > tr > td)) {
  color: var(--color-text) !important;
}

/* Fix badges and labels in dark mode */
.dark [class*="badge"]:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-label, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-label)),
.dark [class*="Badge"]:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-label, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-label)),
.dark [class*="label"]:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-label, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-label)),
.dark [class*="Label"]:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-label, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-label, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-label)) {
  color: var(--color-text) !important;
}

/* Fix buttons with icons in dark mode */
.dark button svg,
.dark button [class*="icon"],
.dark a svg,
.dark a [class*="icon"] {
  color: inherit !important;
}

/* Fix dropdown menus and popovers */
.dark [class*="dropdown"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="menu"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="popover"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="Dropdown"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="Menu"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="Popover"] svg:where(:not(.piv1-bc-svg)) {
  color: var(--color-text) !important;
}

/* Fix cards and panels */
.dark [class*="card"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)), .dark [class*="Card"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)), .dark [class*="panel"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)), .dark [class*="Panel"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)) {
  color: var(--color-text) !important;
}

/* Fix navigation elements */
.dark nav svg:where(:not(.piv1-bc-svg)),
.dark [class*="nav"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="Nav"] svg:where(:not(.piv1-bc-svg)) {
  color: var(--color-text) !important;
}

/* Fix form elements with icons */
.dark input + svg:where(:not(.piv1-bc-svg)),
.dark textarea + svg:where(:not(.piv1-bc-svg)),
.dark select + svg:where(:not(.piv1-bc-svg)),
.dark [class*="input"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="Input"] svg:where(:not(.piv1-bc-svg)) {
  color: var(--color-text) !important;
}

/* Fix tooltips and hints */
.dark [class*="tooltip"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="hint"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="Tooltip"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="Hint"] svg:where(:not(.piv1-bc-svg)) {
  color: var(--color-text) !important;
}

/* Fix statistics and metrics displays */
.dark [class*="stat"]:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark [class*="Stat"]:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark [class*="metric"]:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark [class*="Metric"]:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark [class*="kpi"]:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark [class*="KPI"]:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))) {
  color: var(--color-text) !important;
}

.dark [class*="stat"] *:where(:not([class*="from-btn-primary"], [class*="text-primary-foreground"], [class*="text-success-foreground"])):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark [class*="Stat"] *:where(:not([class*="from-btn-primary"], [class*="text-primary-foreground"], [class*="text-success-foreground"])):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark [class*="metric"] *:where(:not([class*="from-btn-primary"], [class*="text-primary-foreground"], [class*="text-success-foreground"])):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark [class*="Metric"] *:where(:not([class*="from-btn-primary"], [class*="text-primary-foreground"], [class*="text-success-foreground"])):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark [class*="kpi"] *:where(:not([class*="from-btn-primary"], [class*="text-primary-foreground"], [class*="text-success-foreground"])):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))),
.dark [class*="KPI"] *:where(:not([class*="from-btn-primary"], [class*="text-primary-foreground"], [class*="text-success-foreground"])):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))) {
  color: inherit !important;
}

/* Fix charts and visualizations */
.dark [class*="chart"],
.dark [class*="Chart"],
.dark [class*="graph"],
.dark [class*="Graph"],
.dark [class*="visualization"],
.dark [class*="Visualization"] {
  color: var(--color-text) !important;
}

/* Fix list items with icons */
.dark li svg:where(:not(.piv1-bc-svg)),
.dark [class*="list"] svg:where(:not(.piv1-bc-svg)),
.dark [class*="List"] svg:where(:not(.piv1-bc-svg)),
.dark ul svg:where(:not(.piv1-bc-svg)),
.dark ol svg:where(:not(.piv1-bc-svg)) {
  color: var(--color-text) !important;
}

/* Fix grid and flex containers with icons */
.dark [class*="grid"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)), .dark [class*="Grid"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)), .dark [class*="flex"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)), .dark [class*="Flex"] svg:where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3), html.dark:not(#_):not(#_) .ov2m [data-testid="smile-entry-icon"] :is(svg, svg *))):where(:not(.piv1-bc-svg)) {
  color: var(--color-text) !important;
}

/* Fix specific Apple Icons components */
.dark [class*="AppleIcon"],
.dark [class*="apple-icon"] {
  color: var(--color-text) !important;
}

/* Fix EnhancedIcon components */
.dark [class*="EnhancedIcon"],
.dark [class*="enhanced-icon"] {
  color: var(--color-text) !important;
}

/* Fix MenuIcon components */
.dark [class*="MenuIcon"],
.dark [class*="menu-icon"] {
  color: var(--color-text) !important;
}

/* Ensure all emoji icons are visible (they should be fine, but ensure contrast) */
.dark [class*="emoji"] {
  filter: brightness(1.1);
}

/* Fix specific problematic color classes in dark mode */
.dark .text-slate-900:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))), .dark .text-gray-900:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))), .dark .text-slate-800:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))), .dark .text-gray-800:where(:not(.dx-scope-access:not(.dx-access-premium) .dx-auth-input, html.dark .dx-scope-access:not(.dx-access-premium) .dx-auth-input, html[data-app-theme="dentixa-premium"] .dx-scope-access:not(.dx-access-premium) .dx-auth-input)):where(:not(html.dark:not(#_):not(#_) .ov2m :is([data-ov2-section="teeth"] h3, [data-ov2-section="teeth"] h3 *, [data-testid="smile-studio-entry"] h3))) {
  color: var(--color-text) !important;
}

/* Fix hover states for icons */
.dark svg:hover,
.dark [class*="icon"]:hover,
.dark [class*="Icon"]:hover {
  color: var(--apple-primary) !important;
}

/* Fix focus states for interactive icons */
.dark svg:focus,
.dark [class*="icon"]:focus,
.dark [class*="Icon"]:focus {
  color: var(--apple-primary) !important;
  outline: 2px solid var(--apple-primary);
  outline-offset: 2px;
}

/* Fix disabled icons */
.dark svg[disabled],
.dark [class*="icon"][disabled],
.dark [class*="Icon"][disabled] {
  color: var(--color-text-secondary) !important;
  opacity: 0.5;
}

/* Fix all badge elements in dark mode - comprehensive */
.dark [class*="bg-blue-100"]:not([class*="dark:bg-"]),
.dark [class*="bg-green-100"]:not([class*="dark:bg-"]),
.dark [class*="bg-red-100"]:not([class*="dark:bg-"]),
.dark [class*="bg-yellow-100"]:not([class*="dark:bg-"]),
.dark [class*="bg-amber-100"]:not([class*="dark:bg-"]),
.dark [class*="bg-purple-100"]:not([class*="dark:bg-"]),
.dark [class*="bg-emerald-100"]:not([class*="dark:bg-"]),
.dark [class*="bg-indigo-100"]:not([class*="dark:bg-"]),
.dark [class*="bg-teal-100"]:not([class*="dark:bg-"]),
.dark [class*="bg-orange-100"]:not([class*="dark:bg-"]),
.dark [class*="bg-primary-100"]:not([class*="dark:bg-"]) {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

/* Fix badge text colors in dark mode */
.dark [class*="text-blue-800"]:not([class*="dark:text-"]),
.dark [class*="text-green-800"]:not([class*="dark:text-"]),
.dark [class*="text-red-800"]:not([class*="dark:text-"]),
.dark [class*="text-yellow-800"]:not([class*="dark:text-"]),
.dark [class*="text-amber-800"]:not([class*="dark:text-"]),
.dark [class*="text-purple-800"]:not([class*="dark:text-"]),
.dark [class*="text-emerald-800"]:not([class*="dark:text-"]),
.dark [class*="text-indigo-800"]:not([class*="dark:text-"]),
.dark [class*="text-teal-800"]:not([class*="dark:text-"]),
.dark [class*="text-orange-800"]:not([class*="dark:text-"]),
.dark [class*="text-primary-800"]:not([class*="dark:text-"]) {
  color: var(--color-text) !important;
}

/* Specific fix for rounded-full badges with colored backgrounds */
.dark span[class*="rounded-full"][class*="bg-blue-100"],
.dark span[class*="rounded-full"][class*="bg-green-100"],
.dark span[class*="rounded-full"][class*="bg-red-100"],
.dark span[class*="rounded-full"][class*="bg-yellow-100"],
.dark span[class*="rounded-full"][class*="bg-amber-100"],
.dark span[class*="rounded-full"][class*="bg-purple-100"],
.dark span[class*="rounded-full"][class*="bg-emerald-100"],
.dark span[class*="rounded-full"][class*="bg-indigo-100"],
.dark span[class*="rounded-full"][class*="bg-teal-100"],
.dark span[class*="rounded-full"][class*="bg-orange-100"],
.dark span[class*="rounded-full"][class*="bg-primary-100"] {
  background-color: rgba(0, 0, 0, 0.3) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

/* ============================================
   Enhanced Badge Styles - Beautiful Gradients & Effects
   ============================================ */

/* Smooth badge animations */
[class*="rounded-full"][class*="bg-gradient"] {
  position: relative;
  overflow: hidden;
}

[class*="rounded-full"][class*="bg-gradient"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}

[class*="rounded-full"][class*="bg-gradient"]:hover::before {
  left: 100%;
}

/* Enhanced shadow effects for badges */
[class*="rounded-full"][class*="shadow-sm"] {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

[class*="rounded-full"][class*="shadow-sm"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Backdrop blur enhancement */
[class*="backdrop-blur-sm"] {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Badge text shadow for better readability */
[class*="rounded-full"][class*="font-semibold"],
[class*="rounded-full"][class*="font-medium"] {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.dark [class*="rounded-full"][class*="font-semibold"],
.dark [class*="rounded-full"][class*="font-medium"] {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* ============================================
   Enhanced Table Headers - Beautiful Design
   ============================================ */

/* Table header styling with gradients */
table thead th {
  position: relative;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1.5;
}
table thead th:where(:not(html .ds-table-wrap table.ds-table[data-ds-table] > thead > tr > th)):where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th, html.dark[data-app-theme="dentixa-premium"] .dx-scope-crm.dx-premium-surface table[data-dx-table="spec"] thead th[scope="col"], html[data-app-theme="dentixa-premium"] .dx-scope-crm table[data-dx-table="spec"] thead th[scope="col"])) {
  font-weight: 700 !important;
}

/* Enhanced header hover effects */
table thead th:hover {
  transform: translateY(-1px);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Header icons styling */
table thead th svg {
  flex-shrink: 0;
  transition: transform 0.2s ease-out;
}

table thead th:hover svg {
  transform: scale(1.1);
}

/* Header text styling */
table thead th span {
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* Sortable header buttons */
table thead th button {
  letter-spacing: 0.05em;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
table thead th button:where(:not(html[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button, html.dark[data-app-theme="dentixa-premium"] table[data-dx-table="spec"] thead th button)) {
  font-weight: 700 !important;
}

table thead th button:hover {
  transform: translateX(-2px);
}

/* Header border styling */
table thead th[class*="border-l"] {
  border-left-width: 1px;
  border-left-style: solid;
}

/* Sticky header enhancement */
table thead th[class*="sticky"] {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
}

.dark table thead th[class*="sticky"] {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3);
}

/* Header gradient animation on hover */
table thead th[class*="hover:bg-gradient"] {
  position: relative;
  overflow: hidden;
}

table thead th[class*="hover:bg-gradient"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s;
}

table thead th[class*="hover:bg-gradient"]:hover::before {
  left: 100%;
}

/* Dark mode header enhancements */
.dark table thead th {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.dark table thead th svg {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3));
}

/* Gradient badge border glow effect */
[class*="rounded-full"][class*="border"] {
  position: relative;
}

[class*="rounded-full"][class*="border"]::after {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: 9999px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}

[class*="rounded-full"][class*="border"]:hover::after {
  opacity: 1;
}

/* Final viewport containment contract — floating menus are portalled and cannot widen pages. */
html,
body {
  width: 100%;
  max-width: 100vw;
}
/* The Doctors price-list print (DoctorsManagement, in-place print) sets html/body overflow itself while printing. */
html:where(:not(:has(> body.dentixa-price-printing))),
body:where(:not(.dentixa-price-printing)) {
  overflow-x: clip !important;
}

body > div,
.dashboard-responsive-surface {
  width: 100%;
  max-width: 100vw;
  min-width: 0;
}

.dashboard-responsive-surface > *,
.dashboard-responsive-surface > section,
.dashboard-responsive-surface [class*="grid"] {
  min-width: 0;
  max-width: 100%;
}

/* Unified floating UI tokens: above bottom navigation (50) and ordinary content,
   below chat (151), advisor (220), drawers/modals (>=240). */
:root {
  --floating-ui-bottom-offset: 1.5rem;
  --z-floating-action-hub: 140;
}

.unified-floating-hub {
  bottom: calc(var(--floating-ui-bottom-offset) + env(safe-area-inset-bottom));
  z-index: var(--z-floating-action-hub);
  /* Keep the rail clear of scrollbars / edge chrome on very narrow screens */
  max-height: calc(100dvh - var(--floating-ui-bottom-offset) - env(safe-area-inset-bottom) - 1rem);
}

.unified-floating-hub.has-bottom-navigation {
  --floating-ui-bottom-offset: 5.25rem;
}

/* Glyph FAB face: clear SVG icons centered in the circle; badge stays on the rim. */
.unified-floating-hub [data-floating-hub-glyph] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.unified-floating-hub [data-floating-hub-glyph] [data-dx-icon],
.unified-floating-hub [data-floating-hub-glyph] svg {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}

.unified-floating-hub [data-floating-hub-badge] {
  z-index: 20;
}

@media (max-width: 380px) {
  .unified-floating-hub {
    --floating-ui-bottom-offset: 1.1rem;
  }

  .unified-floating-hub.has-bottom-navigation {
    --floating-ui-bottom-offset: 5rem;
  }

  .unified-floating-hub [data-floating-hub-action] {
    height: 3.5rem !important;
    width: 3.5rem !important;
  }

  .unified-floating-hub [data-floating-hub-badge] {
    height: 15px;
    min-width: 15px;
    font-size: 8px;
    top: 2px;
    inset-inline-end: 2px;
  }

  .unified-floating-hub [data-floating-hub-dock] {
    padding: 0;
    gap: 0.625rem;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }
}

/* ============================================
   Print Styles
   ============================================ */
@media print {
  .no-print {
    display: none !important;
  }
  
  /* Print is always dark ink on white paper, whatever the app mode (html.dark body otherwise stays dark) */
  html,
  html.dark,
  html body,
  html.dark body {
    background: white;
    color: black;
    color-scheme: light;
  }
  
  .table-container {
    width: 100% !important;
  }
}

/* ============================================
   Appointments Dark Mode Enhancements
   ============================================ */
.dark {
  /* تحسين الظلال في الوضع الليلي */
  --tw-shadow-color: rgba(0, 0, 0, 0.5);
}

/* بطاقات المواعيد في الوضع الليلي */
.dark .rounded-2xl.border-gray-200 {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.9));
  backdrop-filter: blur(10px);
}

/* حدود أوضح في الوضع الليلي */
.dark [class*="border-"]:not([class*="border-0"]) {
  border-opacity: 0.3;
}

.dark .shadow-sm,
.dark .shadow-md,
.dark .shadow-lg {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

/* شارات الطلبات في الوضع الليلي - تحسين التباين */
.dark [class*="bg-emerald-"] {
  background-color: rgba(16, 185, 129, 0.2) !important;
  border-color: rgba(16, 185, 129, 0.4) !important;
}

.dark [class*="text-emerald-7"] {
  color: rgb(110, 231, 183) !important;
}

.dark [class*="text-emerald-3"] {
  color: rgb(167, 243, 208) !important;
}

/* أزرار أفضل في الوضع الليلي */
.dark button:hover {
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

/* نصوص أوضح في الوضع الليلي */
.dark .text-gray-500 {
  color: rgb(209, 213, 219) !important;
}

.dark .text-gray-600:where(:not(.dark .ov2m :is(input, select, textarea))) {
  color: rgb(229, 231, 235) !important;
}

/* حالات الطلب في الوضع الليلي */
.dark .bg-green-100 {
  background-color: rgba(34, 197, 94, 0.2) !important;
}

.dark .text-green-700,
.dark .text-green-800 {
  color: rgb(134, 239, 172) !important;
}

.dark .bg-blue-100 {
  background-color: rgba(59, 130, 246, 0.2) !important;
}

.dark .text-blue-700,
.dark .text-blue-800 {
  color: rgb(147, 197, 253) !important;
}

.dark .bg-yellow-100 {
  background-color: rgba(251, 191, 36, 0.2) !important;
}

.dark .text-yellow-700,
.dark .text-yellow-800 {
  color: rgb(253, 224, 71) !important;
}

/* Appointments Modal Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.animate-fadeIn {
  animation: fadeIn 0.2s ease-out;
}


/* Public portal — logo lime + silver metal accents on calm kohl surfaces. */
.luxury-portal {
  --lux-bg: #f7f8fa;
  --lux-bg-deep: #eef1f4;
  --lux-surface: rgba(255, 255, 255, 0.94);
  --lux-surface-strong: #ffffff;
  --lux-text: #15202b;
  --lux-muted: #5b6b7c;
  --lux-border: rgba(21, 32, 43, 0.1);
  --lux-shadow: rgba(15, 23, 42, 0.07);
  --lux-gold-dark: #6b737c;
  --lux-gold: #8b939e;
  --lux-gold-light: #e4e8ec;
  --lux-gold-bright: #c5ccd4;
  --lux-glow-intensity: 0.1;
  --lux-panel-opacity: 0.96;
  --lux-metallic-shimmer: 0;
  --lux-frame-gold: 0;
  --lux-glow-spread: 10px;
  --lux-metal: linear-gradient(135deg, #8b939e 0%, #c5ccd4 48%, #6b737c 100%);
  --lux-accent: #4f7309;
  --lux-accent-soft: rgba(164, 208, 55, 0.14);
  --lux-kohl: #0a0d14;
  background: var(--lux-bg);
  color: var(--lux-text);
}

.dark .luxury-portal {
  --lux-bg: #0a0d14;
  --lux-bg-deep: #070a10;
  --lux-surface: rgba(24, 30, 38, 0.94);
  --lux-surface-strong: #161c24;
  --lux-text: #f3f6f9;
  --lux-muted: #a8b3c0;
  --lux-border: rgba(197, 204, 212, 0.14);
  --lux-shadow: rgba(0, 0, 0, 0.35);
  --lux-accent: #a4d037;
  --lux-accent-soft: rgba(164, 208, 55, 0.12);
  --lux-kohl: #0a0d14;
  background: var(--lux-bg);
}

.luxury-metal-text {
  color: var(--lux-gold-dark);
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  filter: none;
}

.dark .luxury-metal-text {
  color: var(--lux-gold-bright);
}

.luxury-metal-fill {
  position: relative;
  isolation: isolate;
  background: var(--lux-metal);
  border: 1px solid rgba(107, 115, 124, 0.35);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
}

.luxury-metal-fill::after {
  display: none;
  content: none;
}

.luxury-gold-frame {
  border: 1px solid var(--lux-border);
  background: var(--lux-surface);
  box-shadow: 0 10px 28px var(--lux-shadow);
  backdrop-filter: none;
}

.dark .luxury-gold-frame {
  background: var(--lux-surface);
}

.luxury-portal[data-frame-gold='1'] .luxury-gold-frame {
  border-color: rgba(139, 147, 158, 0.32);
  box-shadow: 0 10px 28px var(--lux-shadow);
}

.luxury-metal-hairline {
  background: rgba(21, 32, 43, 0.18);
  height: 1px;
  opacity: 0.85;
}

.dark .luxury-metal-hairline {
  background: rgba(197, 204, 212, 0.28);
}

.luxury-icon-well {
  color: #fff;
  background: linear-gradient(145deg, #8b939e 0%, #6b737c 100%);
  border: 1px solid rgba(21, 32, 43, 0.08);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
}

.dark .luxury-icon-well {
  background: linear-gradient(145deg, #a4d037 0%, #8fbc2e 100%);
  border-color: rgba(164, 208, 55, 0.2);
  box-shadow: 0 4px 12px rgba(164, 208, 55, 0.14);
}

.luxury-icon-well svg {
  display: block;
  shape-rendering: geometricPrecision;
  vector-effect: non-scaling-stroke;
  filter: none;
}

.luxury-portal-muted {
  color: var(--lux-muted);
}


.luxury-portal [style*="#1d1d1f"] {
  color: var(--lux-text) !important;
}

.luxury-portal [style*="#86868b"] {
  color: var(--lux-muted) !important;
}

.luxury-portal .bg-white {
  background-color: var(--lux-surface-strong);
}

.luxury-portal .border-gray-200,
.luxury-portal .border-gray-100 {
  border-color: var(--lux-border);
}

.luxury-section {
  content-visibility: auto;
  contain-intrinsic-size: 1px 720px;
}

@media (max-width: 767px) {
  .luxury-portal .luxury-gold-frame,
  .luxury-portal .luxury-metal-fill {
    backdrop-filter: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .luxury-metal-text,
  .luxury-metal-fill,
  .luxury-icon-well,
  .luxury-contact-pulse {
    animation: none !important;
  }
}

.luxury-contact-pulse {
  box-shadow: 0 8px 24px rgba(143, 188, 46, 0.18);
}

/* Crisp brand logo — original PNG artwork, clean scaling */
.brand-logo {
  display: inline-block;
  vertical-align: middle;
  -o-object-fit: contain;
     object-fit: contain;
  image-rendering: auto;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Dentixa lime edge — improve visibility without recoloring official PNGs */
.dx-scope-app-shell-nav .dx-brand-lime-glow {
  border: 1px solid rgba(200, 240, 74, 0.18);
  transition: border-color 140ms ease;
}
.dark .dx-scope-app-shell-nav .dx-brand-lime-glow {
  border-color: rgba(200, 240, 74, 0.28);
}
.dx-scope-app-shell-nav a:hover .dx-brand-lime-glow {
  border-color: rgba(200, 240, 74, 0.6);
}

/* Accounting app — stronger logo-color presence without redesigning layouts */
.app-shell,
.accounting-workspace,
.dashboard-responsive-surface {
  --tw-ring-color: rgba(143, 188, 46, 0.45);
}

.accounting-workspace {
  background-image: linear-gradient(
    165deg,
    #f7f8fa 0%,
    #eef6d6 38%,
    #f3f7e8 62%,
    #eef1f4 100%
  );
}

.dark .accounting-workspace {
  background-image: linear-gradient(
    165deg,
    #0a0d14 0%,
    #10180c 40%,
    #0c1209 70%,
    #0a0d14 100%
  );
  color: #f3f6f9;
}

.dark .accounting-workspace .bg-white\/95,
.dark .accounting-workspace .bg-white\/90,
.dark .accounting-workspace .bg-white\/80,
.dark .accounting-workspace .bg-white\/75 {
  background-color: rgba(22, 28, 36, 0.92) !important;
}

.dark .accounting-workspace input,
.dark .accounting-workspace select,
.dark .accounting-workspace textarea {
  color: #f3f6f9;
}

/* =============================================================================
   Application Theme Packs — Classic marker only.
   Premium tokens + Phase 1 scopes live in src/styles/theme-packs/*.css
   ============================================================================= */

html[data-app-theme='classic'],
html.theme-pack-classic {
  --dx-theme-pack: classic;
}

/* Only actual floating buttons participate in hit testing, never the rail. */
.unified-floating-hub,.unified-floating-hub>div,.unified-floating-hub>nav{pointer-events:none}
.unified-floating-hub [data-floating-hub-action]{pointer-events:auto}
/* BUTTON-CONTRAST-FIX: the disabled recipe (graphite-lime.css) must also beat inline colour styles that some
 * components put on their buttons (e.g. SimpleTeethSelector). Only an important-flagged declaration beats an inline style,
 * so these three stay important; the rest of the recipe is plain (graphite-lime.css) or premium-only (dentixa-new-dna.css). */
html body [class*='btn-disabled-bg']:disabled:disabled:disabled:disabled {
  background-color: rgb(var(--ui-btn-disabled-bg) / 1) !important;
  border: 1px solid rgb(var(--ui-btn-disabled-border) / 1) !important;
}
html body [class*='btn-disabled-bg']:disabled:disabled:disabled:disabled,
html body [class*='disabled:text-btn-disabled-fg']:not([class*='btn-disabled-bg']):disabled:disabled:disabled:disabled {
  color: rgb(var(--ui-btn-disabled-fg) / 1) !important;
}
.marker\:text-slate-400 *::marker{
  color: rgb(148 163 184 );
}
.marker\:text-slate-400::marker{
  color: rgb(148 163 184 );
}
.file\:me-3::file-selector-button{
  margin-inline-end: 0.75rem;
}
.file\:ml-2::file-selector-button{
  margin-left: 0.5rem;
}
.file\:mr-4::file-selector-button{
  margin-right: 1rem;
}
.file\:rounded-lg::file-selector-button{
  border-radius: 0.5rem;
}
.file\:rounded-md::file-selector-button{
  border-radius: 0.375rem;
}
.file\:border-0::file-selector-button{
  border-width: 0px;
}
.file\:bg-\[color\:var\(--dx-lime\2c \#c8f04a\)\]::file-selector-button{
  background-color: var(--dx-lime,#c8f04a);
}
.file\:bg-\[color\:var\(--dx-line\2c \#3a4047\)\]::file-selector-button{
  background-color: var(--dx-line,#3a4047);
}
.file\:bg-btn-primary::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-btn-primary-bg) / var(--tw-bg-opacity, 1));
}
.file\:bg-primary::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-primary) / var(--tw-bg-opacity, 1));
}
.file\:bg-primary-50::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(247 251 234 / var(--tw-bg-opacity, 1));
}
.file\:bg-slate-100::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.file\:px-3::file-selector-button{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.file\:px-4::file-selector-button{
  padding-left: 1rem;
  padding-right: 1rem;
}
.file\:py-1\.5::file-selector-button{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.file\:py-2::file-selector-button{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
}
.file\:text-xs::file-selector-button{
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
}
.file\:font-medium::file-selector-button{
  font-weight: 500;
}
.file\:font-semibold::file-selector-button{
  font-weight: 600;
}
.file\:text-\[\#050505\]::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(5 5 5 / var(--tw-text-opacity, 1));
}
.file\:text-accent-text::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-accent-text) / var(--tw-text-opacity, 1));
}
.file\:text-btn-primary-fg::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-btn-primary-fg) / var(--tw-text-opacity, 1));
}
.file\:text-primary-foreground::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-primary-foreground) / var(--tw-text-opacity, 1));
}
.file\:text-white::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[color\:var\(--dx-muted\)\]::-moz-placeholder{
  color: var(--dx-muted);
}
.placeholder\:text-\[color\:var\(--dx-muted\)\]::placeholder{
  color: var(--dx-muted);
}
.placeholder\:text-\[color\:var\(--dx-muted\2c \#8b939e\)\]::-moz-placeholder{
  color: var(--dx-muted,#8b939e);
}
.placeholder\:text-\[color\:var\(--dx-muted\2c \#8b939e\)\]::placeholder{
  color: var(--dx-muted,#8b939e);
}
.placeholder\:text-\[var\(--dx-dna-text-muted\)\]::-moz-placeholder{
  color: var(--dx-dna-text-muted);
}
.placeholder\:text-\[var\(--dx-dna-text-muted\)\]::placeholder{
  color: var(--dx-dna-text-muted);
}
.placeholder\:text-\[var\(--dx-muted\)\]::-moz-placeholder{
  color: var(--dx-muted);
}
.placeholder\:text-\[var\(--dx-muted\)\]::placeholder{
  color: var(--dx-muted);
}
.placeholder\:text-\[var\(--dx-muted\2c \#8b939e\)\]::-moz-placeholder{
  color: var(--dx-muted,#8b939e);
}
.placeholder\:text-\[var\(--dx-muted\2c \#8b939e\)\]::placeholder{
  color: var(--dx-muted,#8b939e);
}
.placeholder\:text-gray-500::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(93 101 115 / var(--tw-text-opacity, 1));
}
.placeholder\:text-gray-500::placeholder{
  --tw-text-opacity: 1;
  color: rgb(93 101 115 / var(--tw-text-opacity, 1));
}
.placeholder\:text-muted::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-text-muted) / var(--tw-text-opacity, 1));
}
.placeholder\:text-muted::placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-text-muted) / var(--tw-text-opacity, 1));
}
.placeholder\:text-placeholder::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-placeholder) / var(--tw-text-opacity, 1));
}
.placeholder\:text-placeholder::placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-placeholder) / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-500::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(85 98 119 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-500::placeholder{
  --tw-text-opacity: 1;
  color: rgb(85 98 119 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-600::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-600::placeholder{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.placeholder\:text-white\/60::-moz-placeholder{
  color: rgb(255 255 255 / 0.6);
}
.placeholder\:text-white\/60::placeholder{
  color: rgb(255 255 255 / 0.6);
}
.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}
.after\:left-\[2px\]::after{
  content: var(--tw-content);
  left: 2px;
}
.after\:right-\[2px\]::after{
  content: var(--tw-content);
  right: 2px;
}
.after\:top-\[2px\]::after{
  content: var(--tw-content);
  top: 2px;
}
.after\:h-5::after{
  content: var(--tw-content);
  height: 1.25rem;
}
.after\:w-5::after{
  content: var(--tw-content);
  width: 1.25rem;
}
.after\:rounded-full::after{
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:border::after{
  content: var(--tw-content);
  border-width: 1px;
}
.after\:border-gray-300::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.after\:border-slate-300::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.after\:bg-white::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.after\:transition-all::after{
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}
.first\:mt-0:first-child{
  margin-top: 0px;
}
.first\:border-t-0:first-child{
  border-top-width: 0px;
}
.first\:pt-0:first-child{
  padding-top: 0px;
}
.last\:mb-0:last-child{
  margin-bottom: 0px;
}
.last\:border-0:last-child{
  border-width: 0px;
}
.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}
.last\:pb-0:last-child{
  padding-bottom: 0px;
}
.even\:bg-gray-50:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.even\:bg-table-row-alt:nth-child(even){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-table-row-alt) / var(--tw-bg-opacity, 1));
}
.focus-within\:border-primary-500:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.focus-within\:shadow-\[var\(--dx-dna-glow-primary-hover\)\]:focus-within{
  --tw-shadow-color: var(--dx-dna-glow-primary-hover);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:-translate-y-0\.5:hover{
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1:hover{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1\.5:hover{
  --tw-translate-y: -0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-px:hover{
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:rotate-3:hover{
  --tw-rotate: 3deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-100:hover{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.01\]:hover{
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.02\]:hover{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.05\]:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:gap-3:hover{
  gap: 0.75rem;
}
.hover\:border:hover{
  border-width: 1px;
}
.hover\:border-\[\#5eb6d9\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(94 182 217 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#8b939e\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(139 147 158 / var(--tw-border-opacity, 1));
}
.hover\:border-\[color-mix\(in_srgb\2c \#8b939e_55\%\2c transparent\)\]:hover{
  border-color: color-mix(in srgb,#8b939e 55%,transparent);
}
.hover\:border-\[color-mix\(in_srgb\2c theme\(colors\.brand\.ink\)_45\%\2c theme\(colors\.petro\.800\)\)\]:hover{
  border-color: color-mix(in srgb,rgb(var(--ui-brand-ink) / 1) 45%,#3a4047);
}
.hover\:border-\[color-mix\(in_srgb\2c var\(--dx-lime\)_35\%\2c var\(--dx-line\)\)\]:hover{
  border-color: color-mix(in srgb,var(--dx-lime) 35%,var(--dx-line));
}
.hover\:border-\[color-mix\(in_srgb\2c var\(--dx-line\2c \#3a4047\)_55\%\2c \#8b939e\)\]:hover{
  border-color: color-mix(in srgb,var(--dx-line,#3a4047) 55%,#8b939e);
}
.hover\:border-\[color\:var\(--dx-lime\)\]:hover{
  border-color: var(--dx-lime);
}
.hover\:border-\[color\:var\(--dx-line-subtle\)\]:hover{
  border-color: var(--dx-line-subtle);
}
.hover\:border-\[color\:var\(--dx-muted\2c \#8b939e\)\]:hover{
  border-color: var(--dx-muted,#8b939e);
}
.hover\:border-\[color\:var\(--dx-silver\2c \#8b939e\)\]:hover{
  border-color: var(--dx-silver,#8b939e);
}
.hover\:border-\[color\:var\(--dx-silver-border\2c \#3a4047\)\]:hover{
  border-color: var(--dx-silver-border,#3a4047);
}
.hover\:border-\[rgba\(143\2c 188\2c 46\2c 0\.35\)\]:hover{
  border-color: rgba(143,188,46,0.35);
}
.hover\:border-\[rgba\(143\2c 188\2c 46\2c 0\.4\)\]:hover{
  border-color: rgba(143,188,46,0.4);
}
.hover\:border-\[rgba\(143\2c 188\2c 46\2c 0\.45\)\]:hover{
  border-color: rgba(143,188,46,0.45);
}
.hover\:border-\[rgba\(164\2c 208\2c 55\2c 0\.3\)\]:hover{
  border-color: rgba(164,208,55,0.3);
}
.hover\:border-\[rgba\(164\2c 208\2c 55\2c 0\.35\)\]:hover{
  border-color: rgba(164,208,55,0.35);
}
.hover\:border-\[rgba\(164\2c 208\2c 55\2c 0\.4\)\]:hover{
  border-color: rgba(164,208,55,0.4);
}
.hover\:border-\[rgba\(164\2c 208\2c 55\2c 0\.48\)\]:hover{
  border-color: rgba(164,208,55,0.48);
}
.hover\:border-\[var\(--dx-lime\)\]:hover{
  border-color: var(--dx-lime);
}
.hover\:border-\[var\(--dx-lime\2c \#c8f04a\)\]:hover{
  border-color: var(--dx-lime,#c8f04a);
}
.hover\:border-\[var\(--dx-lime\2c var\(--ov2-fb-lime\)\)\]:hover{
  border-color: var(--dx-lime,var(--ov2-fb-lime));
}
.hover\:border-\[var\(--dx-lime-bright\)\]:hover{
  border-color: var(--dx-lime-bright);
}
.hover\:border-\[var\(--dx-lime-deep\2c \#8fbc2e\)\]:hover{
  border-color: var(--dx-lime-deep,#8fbc2e);
}
.hover\:border-\[var\(--dx-line\)\]:hover{
  border-color: var(--dx-line);
}
.hover\:border-\[var\(--dx-line-subtle\)\]:hover{
  border-color: var(--dx-line-subtle);
}
.hover\:border-\[var\(--dx-muted\)\]:hover{
  border-color: var(--dx-muted);
}
.hover\:border-\[var\(--dx-silver\2c \#8b939e\)\]:hover{
  border-color: var(--dx-silver,#8b939e);
}
.hover\:border-\[var\(--lux-accent\)\]:hover{
  border-color: var(--lux-accent);
}
.hover\:border-\[var\(--lux-gold\)\]:hover{
  border-color: var(--lux-gold);
}
.hover\:border-amber-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.hover\:border-amber-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.hover\:border-amber-300\/45:hover{
  border-color: rgb(252 211 77 / 0.45);
}
.hover\:border-amber-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.hover\:border-amber-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.hover\:border-brand-ink:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-brand-ink) / var(--tw-border-opacity, 1));
}
.hover\:border-brand-ink\/\[0\.45\]:hover{
  border-color: rgb(var(--ui-brand-ink) / 0.45);
}
.hover\:border-brand-ink\/\[0\.55\]:hover{
  border-color: rgb(var(--ui-brand-ink) / 0.55);
}
.hover\:border-brand-ink\/\[0\.5\]:hover{
  border-color: rgb(var(--ui-brand-ink) / 0.5);
}
.hover\:border-brand-lime-on-dark:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-brand-lime-on-dark) / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-100:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.hover\:border-green-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.hover\:border-green-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}
.hover\:border-primary:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.hover\:border-primary-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(220 237 158 / var(--tw-border-opacity, 1));
}
.hover\:border-primary-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(197 224 95 / var(--tw-border-opacity, 1));
}
.hover\:border-primary-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(180 214 71 / var(--tw-border-opacity, 1));
}
.hover\:border-primary-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.hover\:border-primary-border:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary-border) / var(--tw-border-opacity, 1));
}
.hover\:border-primary-border\/80:hover{
  border-color: rgb(var(--ui-primary-border) / 0.8);
}
.hover\:border-primary\/60:hover{
  border-color: rgb(var(--ui-primary) / 0.6);
}
.hover\:border-primary\/80:hover{
  border-color: rgb(var(--ui-primary) / 0.8);
}
.hover\:border-purple-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}
.hover\:border-purple-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.hover\:border-red-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.hover\:border-red-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.hover\:border-red-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.hover\:border-rose-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.hover\:border-rose-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity, 1));
}
.hover\:border-rose-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}
.hover\:border-rose-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}
.hover\:border-rose-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(190 18 60 / var(--tw-border-opacity, 1));
}
.hover\:border-secondary-border-hover:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-secondary-border-hover) / var(--tw-border-opacity, 1));
}
.hover\:border-sky-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}
.hover\:border-slate-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.hover\:border-teal-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity, 1));
}
.hover\:border-teal-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(45 212 191 / var(--tw-border-opacity, 1));
}
.hover\:border-teal-400\/40:hover{
  border-color: rgb(45 212 191 / 0.4);
}
.hover\:border-violet-500\/40:hover{
  border-color: rgb(139 92 246 / 0.4);
}
.hover\:border-white\/10:hover{
  border-color: rgb(255 255 255 / 0.1);
}
.hover\:border-white\/30:hover{
  border-color: rgb(255 255 255 / 0.3);
}
.hover\:border-yellow-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}
.hover\:\!bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1) !important;
}
.hover\:bg-\[\#18222b\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(24 34 43 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#1f4a90\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 74 144 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#222\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#236847\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(35 104 71 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#26313a\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(38 49 58 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#2b79bf\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(43 121 191 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#333\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#3a3a3a\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 58 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#3a4f28\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(58 79 40 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#3a7ace\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(58 122 206 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#5a8c69\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(90 140 105 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#6c9640\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(108 150 64 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#86c241\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(134 194 65 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#8a4a4a\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(138 74 74 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#d42545\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(212 37 69 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_12\%\2c white\)\]:hover{
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 12%,white);
}
.hover\:bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_22\%\2c white\)\]:hover{
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 22%,white);
}
.hover\:bg-\[color\:color-mix\(in_srgb\2c var\(--dx-lime\2c var\(--ov2-fb-lime\)\)_10\%\2c transparent\)\]:hover{
  background-color: color-mix(in srgb,var(--dx-lime,var(--ov2-fb-lime)) 10%,transparent);
}
.hover\:bg-\[color\:var\(--dx-elevated\2c \#1c1f26\)\]:hover{
  background-color: var(--dx-elevated,#1c1f26);
}
.hover\:bg-\[color\:var\(--dx-panel-2\)\]:hover{
  background-color: var(--dx-panel-2);
}
.hover\:bg-\[color\:var\(--dx-panel-2\2c \#1c1f26\)\]:hover{
  background-color: var(--dx-panel-2,#1c1f26);
}
.hover\:bg-\[rgba\(143\2c 188\2c 46\2c 0\.04\)\]:hover{
  background-color: rgba(143,188,46,0.04);
}
.hover\:bg-\[rgba\(143\2c 188\2c 46\2c 0\.06\)\]:hover{
  background-color: rgba(143,188,46,0.06);
}
.hover\:bg-\[rgba\(143\2c 188\2c 46\2c 0\.08\)\]:hover{
  background-color: rgba(143,188,46,0.08);
}
.hover\:bg-\[rgba\(143\2c 188\2c 46\2c 0\.09\)\]:hover{
  background-color: rgba(143,188,46,0.09);
}
.hover\:bg-\[rgba\(143\2c 188\2c 46\2c 0\.12\)\]:hover{
  background-color: rgba(143,188,46,0.12);
}
.hover\:bg-\[rgba\(143\2c 188\2c 46\2c 0\.18\)\]:hover{
  background-color: rgba(143,188,46,0.18);
}
.hover\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.08\)\]:hover{
  background-color: rgba(164,208,55,0.08);
}
.hover\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.1\)\]:hover{
  background-color: rgba(164,208,55,0.1);
}
.hover\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.12\)\]:hover{
  background-color: rgba(164,208,55,0.12);
}
.hover\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.18\)\]:hover{
  background-color: rgba(164,208,55,0.18);
}
.hover\:bg-\[var\(--dx-lime-bright\)\]:hover{
  background-color: var(--dx-lime-bright);
}
.hover\:bg-\[var\(--dx-panel-2\)\]:hover{
  background-color: var(--dx-panel-2);
}
.hover\:bg-\[var\(--dx-panel-2\2c \#1c1f26\)\]:hover{
  background-color: var(--dx-panel-2,#1c1f26);
}
.hover\:bg-\[var\(--dx-soft\)\]:hover{
  background-color: var(--dx-soft);
}
.hover\:bg-\[var\(--lux-accent-soft\)\]:hover{
  background-color: var(--lux-accent-soft);
}
.hover\:bg-\[var\(--lux-bg\)\]:hover{
  background-color: var(--lux-bg);
}
.hover\:bg-\[var\(--lux-bg-deep\)\]:hover{
  background-color: var(--lux-bg-deep);
}
.hover\:bg-\[var\(--lux-surface\)\]:hover{
  background-color: var(--lux-surface);
}
.hover\:bg-amber-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-50\/80:hover{
  background-color: rgb(255 251 235 / 0.8);
}
.hover\:bg-amber-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black\/10:hover{
  background-color: rgb(0 0 0 / 0.1);
}
.hover\:bg-black\/90:hover{
  background-color: rgb(0 0 0 / 0.9);
}
.hover\:bg-black\/\[0\.02\]:hover{
  background-color: rgb(0 0 0 / 0.02);
}
.hover\:bg-blue-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-100\/50:hover{
  background-color: rgb(219 234 254 / 0.5);
}
.hover\:bg-blue-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.hover\:bg-brand-ink\/\[0\.1\]:hover{
  background-color: rgb(var(--ui-brand-ink) / 0.1);
}
.hover\:bg-btn-primary-hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-btn-primary-hover-bg) / var(--tw-bg-opacity, 1));
}
.hover\:bg-cyan-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity, 1));
}
.hover\:bg-danger\/90:hover{
  background-color: rgb(var(--ui-danger) / 0.9);
}
.hover\:bg-emerald-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-50\/60:hover{
  background-color: rgb(236 253 245 / 0.6);
}
.hover\:bg-emerald-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(93 101 115 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(199 210 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-muted:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-text-muted) / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-50\/60:hover{
  background-color: rgb(255 247 237 / 0.6);
}
.hover\:bg-orange-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-pink-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(190 24 93 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-primary) / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 247 208 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 237 158 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(197 224 95 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 251 234 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-50\/50:hover{
  background-color: rgb(247 251 234 / 0.5);
}
.hover\:bg-primary-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(111 148 35 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-primary-hover) / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary\/\[0\.08\]:hover{
  background-color: rgb(var(--ui-primary) / 0.08);
}
.hover\:bg-purple-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.hover\:bg-purple-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50\/50:hover{
  background-color: rgb(254 242 242 / 0.5);
}
.hover\:bg-red-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-900\/60:hover{
  background-color: rgb(127 29 29 / 0.6);
}
.hover\:bg-red-950\/40:hover{
  background-color: rgb(69 10 10 / 0.4);
}
.hover\:bg-rose-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-50\/60:hover{
  background-color: rgb(255 241 242 / 0.6);
}
.hover\:bg-rose-500\/10:hover{
  background-color: rgb(244 63 94 / 0.1);
}
.hover\:bg-rose-500\/20:hover{
  background-color: rgb(244 63 94 / 0.2);
}
.hover\:bg-rose-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(190 18 60 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(159 18 57 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-950\/40:hover{
  background-color: rgb(76 5 25 / 0.4);
}
.hover\:bg-secondary-hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-secondary-hover) / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-50\/60:hover{
  background-color: rgb(240 249 255 / 0.6);
}
.hover\:bg-sky-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-500\/10:hover{
  background-color: rgb(14 165 233 / 0.1);
}
.hover\:bg-sky-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-200\/80:hover{
  background-color: rgb(226 232 240 / 0.8);
}
.hover\:bg-slate-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50\/50:hover{
  background-color: rgb(248 250 252 / 0.5);
}
.hover\:bg-slate-50\/90:hover{
  background-color: rgb(248 250 252 / 0.9);
}
.hover\:bg-slate-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-800\/60:hover{
  background-color: rgb(30 41 59 / 0.6);
}
.hover\:bg-slate-800\/80:hover{
  background-color: rgb(30 41 59 / 0.8);
}
.hover\:bg-slate-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.hover\:bg-success:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-success) / var(--tw-bg-opacity, 1));
}
.hover\:bg-success\/90:hover{
  background-color: rgb(var(--ui-success) / 0.9);
}
.hover\:bg-surface:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-surface) / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface-elevated:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-surface-elevated) / var(--tw-bg-opacity, 1));
}
.hover\:bg-teal-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.hover\:bg-teal-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-teal-500\/10:hover{
  background-color: rgb(20 184 166 / 0.1);
}
.hover\:bg-teal-500\/25:hover{
  background-color: rgb(20 184 166 / 0.25);
}
.hover\:bg-violet-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-violet-50\/70:hover{
  background-color: rgb(245 243 255 / 0.7);
}
.hover\:bg-violet-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-violet-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
}
.hover\:bg-warning:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-warning) / var(--tw-bg-opacity, 1));
}
.hover\:bg-warning-bg:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-warning-bg) / var(--tw-bg-opacity, 1));
}
.hover\:bg-warning\/90:hover{
  background-color: rgb(var(--ui-warning) / 0.9);
}
.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:bg-white\/15:hover{
  background-color: rgb(255 255 255 / 0.15);
}
.hover\:bg-white\/20:hover{
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:bg-white\/30:hover{
  background-color: rgb(255 255 255 / 0.3);
}
.hover\:bg-white\/5:hover{
  background-color: rgb(255 255 255 / 0.05);
}
.hover\:bg-white\/50:hover{
  background-color: rgb(255 255 255 / 0.5);
}
.hover\:bg-white\/60:hover{
  background-color: rgb(255 255 255 / 0.6);
}
.hover\:bg-white\/70:hover{
  background-color: rgb(255 255 255 / 0.7);
}
.hover\:bg-white\/85:hover{
  background-color: rgb(255 255 255 / 0.85);
}
.hover\:bg-white\/\[0\.02\]:hover{
  background-color: rgb(255 255 255 / 0.02);
}
.hover\:bg-white\/\[0\.03\]:hover{
  background-color: rgb(255 255 255 / 0.03);
}
.hover\:bg-yellow-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.hover\:bg-yellow-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
}
.hover\:bg-zinc-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gradient-to-br:hover{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.hover\:bg-gradient-to-r:hover{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.hover\:from-amber-700:hover{
  --tw-gradient-from: #b45309 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(180 83 9 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-blue-100:hover{
  --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-blue-50:hover{
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-blue-700:hover{
  --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-emerald-50:hover{
  --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-emerald-700:hover{
  --tw-gradient-from: #047857 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-green-600:hover{
  --tw-gradient-from: #15803d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-indigo-700:hover{
  --tw-gradient-from: #4338ca var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-orange-50:hover{
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-primary-50:hover{
  --tw-gradient-from: #f7fbea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 251 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-primary-600:hover{
  --tw-gradient-from: #8fbc2e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(143 188 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-primary-700:hover{
  --tw-gradient-from: #6f9423 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(111 148 35 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-purple-50:hover{
  --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-purple-700:hover{
  --tw-gradient-from: #7e22ce var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-red-700:hover{
  --tw-gradient-from: #b91c1c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-violet-600:hover{
  --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-amber-50:hover{
  --tw-gradient-to: #fffbeb var(--tw-gradient-to-position);
}
.hover\:to-amber-800:hover{
  --tw-gradient-to: #92400e var(--tw-gradient-to-position);
}
.hover\:to-blue-700:hover{
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.hover\:to-blue-800:hover{
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}
.hover\:to-cyan-50:hover{
  --tw-gradient-to: #ecfeff var(--tw-gradient-to-position);
}
.hover\:to-emerald-600:hover{
  --tw-gradient-to: #047857 var(--tw-gradient-to-position);
}
.hover\:to-emerald-800:hover{
  --tw-gradient-to: #065f46 var(--tw-gradient-to-position);
}
.hover\:to-indigo-100:hover{
  --tw-gradient-to: #e0e7ff var(--tw-gradient-to-position);
}
.hover\:to-indigo-800:hover{
  --tw-gradient-to: #3730a3 var(--tw-gradient-to-position);
}
.hover\:to-pink-50:hover{
  --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);
}
.hover\:to-primary-100:hover{
  --tw-gradient-to: #eef7d0 var(--tw-gradient-to-position);
}
.hover\:to-primary-700:hover{
  --tw-gradient-to: #6f9423 var(--tw-gradient-to-position);
}
.hover\:to-primary-800:hover{
  --tw-gradient-to: #57741f var(--tw-gradient-to-position);
}
.hover\:to-purple-800:hover{
  --tw-gradient-to: #6b21a8 var(--tw-gradient-to-position);
}
.hover\:to-red-800:hover{
  --tw-gradient-to: #991b1b var(--tw-gradient-to-position);
}
.hover\:to-teal-50:hover{
  --tw-gradient-to: #f0fdfa var(--tw-gradient-to-position);
}
.hover\:to-violet-800:hover{
  --tw-gradient-to: #5b21b6 var(--tw-gradient-to-position);
}
.hover\:\!text-white:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-\[\#5a626b\]:hover{
  --tw-text-opacity: 1;
  color: rgb(90 98 107 / var(--tw-text-opacity, 1));
}
.hover\:text-\[color\:var\(--dx-lime\)\]:hover{
  color: var(--dx-lime);
}
.hover\:text-\[color\:var\(--dx-lime\2c \#c8f04a\)\]:hover{
  color: var(--dx-lime,#c8f04a);
}
.hover\:text-\[color\:var\(--dx-text\)\]:hover{
  color: var(--dx-text);
}
.hover\:text-\[color\:var\(--dx-text\2c \#f5f5f7\)\]:hover{
  color: var(--dx-text,#f5f5f7);
}
.hover\:text-\[var\(--dx-dna-text-secondary\)\]:hover{
  color: var(--dx-dna-text-secondary);
}
.hover\:text-\[var\(--dx-lime\)\]:hover{
  color: var(--dx-lime);
}
.hover\:text-\[var\(--dx-text\)\]:hover{
  color: var(--dx-text);
}
.hover\:text-\[var\(--dx-text\2c \#f5f5f7\)\]:hover{
  color: var(--dx-text,#f5f5f7);
}
.hover\:text-\[var\(--lux-text\)\]:hover{
  color: var(--lux-text);
}
.hover\:text-accent-text:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-accent-text) / var(--tw-text-opacity, 1));
}
.hover\:text-amber-700:hover{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.hover\:text-amount-negative:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-amount-negative) / var(--tw-text-opacity, 1));
}
.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-700:hover{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-900:hover{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.hover\:text-brand-ink:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-brand-ink) / var(--tw-text-opacity, 1));
}
.hover\:text-brand-lime-on-dark:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-brand-lime-on-dark) / var(--tw-text-opacity, 1));
}
.hover\:text-emerald-700:hover{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.hover\:text-fg:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-text-primary) / var(--tw-text-opacity, 1));
}
.hover\:text-gray-500:hover{
  --tw-text-opacity: 1;
  color: rgb(93 101 115 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.hover\:text-green-500:hover{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.hover\:text-green-800:hover{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-600:hover{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-700:hover{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.hover\:text-orange-600:hover{
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.hover\:text-orange-800:hover{
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}
.hover\:text-primary-600:hover{
  --tw-text-opacity: 1;
  color: rgb(143 188 46 / var(--tw-text-opacity, 1));
}
.hover\:text-primary-900:hover{
  --tw-text-opacity: 1;
  color: rgb(72 95 30 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-600:hover{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-700:hover{
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-800:hover{
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}
.hover\:text-red-600:hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.hover\:text-red-700:hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.hover\:text-red-800:hover{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.hover\:text-red-900:hover{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.hover\:text-rose-600:hover{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.hover\:text-rose-700:hover{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-200:hover{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-600:hover{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-700:hover{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-900:hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.hover\:text-success:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-success) / var(--tw-text-opacity, 1));
}
.hover\:text-teal-700:hover{
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.hover\:text-violet-300:hover{
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}
.hover\:text-warning:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-warning) / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:text-yellow-800:hover{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.hover\:text-yellow-900:hover{
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.hover\:no-underline:hover{
  text-decoration-line: none;
}
.hover\:decoration-2:hover{
  text-decoration-thickness: 2px;
}
.hover\:opacity-100:hover{
  opacity: 1;
}
.hover\:opacity-65:hover{
  opacity: 0.65;
}
.hover\:opacity-70:hover{
  opacity: 0.7;
}
.hover\:opacity-80:hover{
  opacity: 0.8;
}
.hover\:opacity-90:hover{
  opacity: 0.9;
}
.hover\:opacity-95:hover{
  opacity: 0.95;
}
.hover\:shadow:hover{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-2xl:hover{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_0_10px_rgba\(16\2c 185\2c 129\2c 0\.3\)\]:hover{
  --tw-shadow: 0 0 10px rgba(16,185,129,0.3);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_0_12px_rgba\(163\2c 230\2c 53\2c 0\.18\)\]:hover{
  --tw-shadow: 0 0 12px rgba(163,230,53,0.18);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_0_15px_rgba\(163\2c 230\2c 53\2c 0\.2\)\]:hover{
  --tw-shadow: 0 0 15px rgba(163,230,53,0.2);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_18px_38px_rgba\(15\2c 23\2c 42\2c 0\.24\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.95\)\]:hover{
  --tw-shadow: 0 18px 38px rgba(15,23,42,0.24),inset 0 1px 0 rgba(255,255,255,0.95);
  --tw-shadow-colored: 0 18px 38px var(--tw-shadow-color), inset 0 1px 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);
}
.hover\:shadow-\[0_6px_22px_rgba\(200\2c 240\2c 74\2c 0\.22\)\]:hover{
  --tw-shadow: 0 6px 22px rgba(200,240,74,0.22);
  --tw-shadow-colored: 0 6px 22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_8px_20px_-12px_rgba\(164\2c 208\2c 55\2c 0\.45\)\]:hover{
  --tw-shadow: 0 8px 20px -12px rgba(164,208,55,0.45);
  --tw-shadow-colored: 0 8px 20px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-xl:hover{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-blue-500\/10:hover{
  --tw-shadow-color: rgb(59 130 246 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-blue-500\/20:hover{
  --tw-shadow-color: rgb(59 130 246 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-emerald-500\/10:hover{
  --tw-shadow-color: rgb(16 185 129 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-green-500\/10:hover{
  --tw-shadow-color: rgb(34 197 94 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-green-500\/20:hover{
  --tw-shadow-color: rgb(34 197 94 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/10:hover{
  --tw-shadow-color: rgb(var(--ui-primary) / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary-500\/15:hover{
  --tw-shadow-color: rgb(var(--ui-primary) / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-purple-500\/10:hover{
  --tw-shadow-color: rgb(168 85 247 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-red-500\/20:hover{
  --tw-shadow-color: rgb(239 68 68 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-slate-500\/10:hover{
  --tw-shadow-color: rgb(85 98 119 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-yellow-500\/20:hover{
  --tw-shadow-color: rgb(234 179 8 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:outline:hover{
  outline-style: solid;
}
.hover\:outline-1:hover{
  outline-width: 1px;
}
.hover\:outline-offset-\[-1px\]:hover{
  outline-offset: -1px;
}
.hover\:outline-\[color\:var\(--dx-lime\)\]:hover{
  outline-color: var(--dx-lime);
}
.hover\:brightness-95:hover{
  --tw-brightness: brightness(.95);
  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);
}
.hover\:file\:bg-primary-100::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 247 208 / var(--tw-bg-opacity, 1));
}
.hover\:file\:bg-primary-hover::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-primary-hover) / var(--tw-bg-opacity, 1));
}
.hover\:file\:opacity-90::file-selector-button:hover{
  opacity: 0.9;
}
.focus\:not-sr-only:focus{
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.focus\:absolute:focus{
  position: absolute;
}
.focus\:left-4:focus{
  left: 1rem;
}
.focus\:top-4:focus{
  top: 1rem;
}
.focus\:z-50:focus{
  z-index: 50;
}
.focus\:rounded-lg:focus{
  border-radius: 0.5rem;
}
.focus\:border-\[\#5eb6d9\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(94 182 217 / var(--tw-border-opacity, 1));
}
.focus\:border-\[color\:var\(--dx-lime\)\]:focus{
  border-color: var(--dx-lime);
}
.focus\:border-\[color\:var\(--dx-silver\2c \#8b939e\)\]:focus{
  border-color: var(--dx-silver,#8b939e);
}
.focus\:border-\[rgba\(143\2c 188\2c 46\2c 0\.55\)\]:focus{
  border-color: rgba(143,188,46,0.55);
}
.focus\:border-\[var\(--dx-lime\)\]:focus{
  border-color: var(--dx-lime);
}
.focus\:border-\[var\(--dx-lime\2c \#c8f04a\)\]:focus{
  border-color: var(--dx-lime,#c8f04a);
}
.focus\:border-amber-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.focus\:border-blue-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.focus\:border-brand-ink:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-brand-ink) / var(--tw-border-opacity, 1));
}
.focus\:border-emerald-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.focus\:border-focus:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-focus-ring) / var(--tw-border-opacity, 1));
}
.focus\:border-green-600:focus{
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}
.focus\:border-orange-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.focus\:border-primary-200:focus{
  --tw-border-opacity: 1;
  border-color: rgb(220 237 158 / var(--tw-border-opacity, 1));
}
.focus\:border-primary-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(197 224 95 / var(--tw-border-opacity, 1));
}
.focus\:border-primary-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(180 214 71 / var(--tw-border-opacity, 1));
}
.focus\:border-primary-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.focus\:border-primary-500\/50:focus{
  border-color: rgb(var(--ui-primary) / 0.5);
}
.focus\:border-primary\/80:focus{
  border-color: rgb(var(--ui-primary) / 0.8);
}
.focus\:border-red-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.focus\:border-sky-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
}
.focus\:border-sky-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / var(--tw-border-opacity, 1));
}
.focus\:border-sky-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}
.focus\:border-slate-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.focus\:border-teal-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}
.focus\:border-transparent:focus{
  border-color: transparent;
}
.focus\:bg-blue-600:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.focus\:px-4:focus{
  padding-left: 1rem;
  padding-right: 1rem;
}
.focus\:py-2:focus{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.focus\:text-white:focus{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.focus\:shadow-lg:focus{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:outline:focus{
  outline-style: solid;
}
.focus\:outline-1:focus{
  outline-width: 1px;
}
.focus\:outline-\[color\:var\(--dx-lime\)\]:focus{
  outline-color: var(--dx-lime);
}
.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_35\%\2c transparent\)\]:focus{
  --tw-ring-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 35%,transparent);
}
.focus\:ring-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_45\%\2c transparent\)\]:focus{
  --tw-ring-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 45%,transparent);
}
.focus\:ring-\[color\:var\(--dx-lime\)\]:focus{
  --tw-ring-color: var(--dx-lime);
}
.focus\:ring-\[color\:var\(--dx-lime\2c \#c8f04a\)\]:focus{
  --tw-ring-color: var(--dx-lime,#c8f04a);
}
.focus\:ring-\[rgba\(143\2c 188\2c 46\2c 0\.18\)\]:focus{
  --tw-ring-color: rgba(143,188,46,0.18);
}
.focus\:ring-\[rgba\(143\2c 188\2c 46\2c 0\.2\)\]:focus{
  --tw-ring-color: rgba(143,188,46,0.2);
}
.focus\:ring-\[rgba\(143\2c 188\2c 46\2c 0\.35\)\]:focus{
  --tw-ring-color: rgba(143,188,46,0.35);
}
.focus\:ring-\[var\(--dx-lime\)\]:focus{
  --tw-ring-color: var(--dx-lime);
}
.focus\:ring-amber-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1));
}
.focus\:ring-amber-500\/40:focus{
  --tw-ring-color: rgb(245 158 11 / 0.4);
}
.focus\:ring-blue-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.focus\:ring-brand-ink:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-brand-ink) / var(--tw-ring-opacity, 1));
}
.focus\:ring-emerald-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1));
}
.focus\:ring-emerald-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}
.focus\:ring-focus:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-focus-ring) / var(--tw-ring-opacity, 1));
}
.focus\:ring-gray-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(93 101 115 / var(--tw-ring-opacity, 1));
}
.focus\:ring-green-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1));
}
.focus\:ring-orange-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1));
}
.focus\:ring-orange-500\/20:focus{
  --tw-ring-color: rgb(249 115 22 / 0.2);
}
.focus\:ring-primary:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-primary) / var(--tw-ring-opacity, 1));
}
.focus\:ring-primary-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(238 247 208 / var(--tw-ring-opacity, 1));
}
.focus\:ring-primary-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 237 158 / var(--tw-ring-opacity, 1));
}
.focus\:ring-primary-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(197 224 95 / var(--tw-ring-opacity, 1));
}
.focus\:ring-primary-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-primary) / var(--tw-ring-opacity, 1));
}
.focus\:ring-primary-500\/20:focus{
  --tw-ring-color: rgb(var(--ui-primary) / 0.2);
}
.focus\:ring-primary-500\/30:focus{
  --tw-ring-color: rgb(var(--ui-primary) / 0.3);
}
.focus\:ring-primary-500\/50:focus{
  --tw-ring-color: rgb(var(--ui-primary) / 0.5);
}
.focus\:ring-primary\/30:focus{
  --tw-ring-color: rgb(var(--ui-primary) / 0.3);
}
.focus\:ring-red-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-500\/20:focus{
  --tw-ring-color: rgb(239 68 68 / 0.2);
}
.focus\:ring-sky-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity, 1));
}
.focus\:ring-sky-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity, 1));
}
.focus\:ring-slate-300\/50:focus{
  --tw-ring-color: rgb(203 213 225 / 0.5);
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:border-\[var\(--dx-lime\2c \#c8f04a\)\]:focus-visible{
  border-color: var(--dx-lime,#c8f04a);
}
.focus-visible\:\!shadow-none:focus-visible{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:\!outline:focus-visible{
  outline-style: solid !important;
}
.focus-visible\:outline:focus-visible{
  outline-style: solid;
}
.focus-visible\:\!outline-2:focus-visible{
  outline-width: 2px !important;
}
.focus-visible\:outline-2:focus-visible{
  outline-width: 2px;
}
.focus-visible\:\!outline-offset-2:focus-visible{
  outline-offset: 2px !important;
}
.focus-visible\:outline-offset-2:focus-visible{
  outline-offset: 2px;
}
.focus-visible\:\!outline-focus:focus-visible{
  outline-color: rgb(var(--ui-focus-ring) / 1) !important;
}
.focus-visible\:outline-\[var\(--dx-lime\2c \#9fca3a\)\]:focus-visible{
  outline-color: var(--dx-lime,#9fca3a);
}
.focus-visible\:outline-\[var\(--dx-lime\2c \#c8f04a\)\]:focus-visible{
  outline-color: var(--dx-lime,#c8f04a);
}
.focus-visible\:outline-focus:focus-visible{
  outline-color: rgb(var(--ui-focus-ring) / 1);
}
.focus-visible\:ring-1:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-4:focus-visible{
  --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-\[rgba\(164\2c 208\2c 55\2c 0\.35\)\]:focus-visible{
  --tw-ring-color: rgba(164,208,55,0.35);
}
.focus-visible\:ring-\[var\(--dx-lime\)\]:focus-visible{
  --tw-ring-color: var(--dx-lime);
}
.focus-visible\:ring-\[var\(--dx-lime\2c \#9fca3a\)\]:focus-visible{
  --tw-ring-color: var(--dx-lime,#9fca3a);
}
.focus-visible\:ring-\[var\(--dx-lime\2c \#c8f04a\)\]:focus-visible{
  --tw-ring-color: var(--dx-lime,#c8f04a);
}
.focus-visible\:ring-amber-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-brand-ink\/\[0\.35\]:focus-visible{
  --tw-ring-color: rgb(var(--ui-brand-ink) / 0.35);
}
.focus-visible\:ring-brand-ink\/\[0\.45\]:focus-visible{
  --tw-ring-color: rgb(var(--ui-brand-ink) / 0.45);
}
.focus-visible\:ring-brand-ink\/\[0\.4\]:focus-visible{
  --tw-ring-color: rgb(var(--ui-brand-ink) / 0.4);
}
.focus-visible\:ring-focus:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-focus-ring) / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-primary-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-primary) / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-sidebar-focus:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-sidebar-focus-ring) / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-white:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-offset-0:focus-visible{
  --tw-ring-offset-width: 0px;
}
.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-surface:focus-visible{
  --tw-ring-offset-color: rgb(var(--ui-surface) / 1);
}
.focus-visible\:ring-offset-white:focus-visible{
  --tw-ring-offset-color: #fff;
}
.active\:translate-y-0:active{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:rotate-0:active{
  --tw-rotate: 0deg;
  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));
}
.active\:scale-100:active{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-95:active{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.96\]:active{
  --tw-scale-x: 0.96;
  --tw-scale-y: 0.96;
  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));
}
.active\:scale-\[0\.97\]:active{
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  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));
}
.active\:scale-\[0\.98\]:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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));
}
.active\:scale-\[0\.99\]:active{
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  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));
}
.active\:cursor-grabbing:active{
  cursor: grabbing;
}
.active\:border-primary-500:active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.active\:bg-gradient-to-br:active{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.active\:from-primary-50:active{
  --tw-gradient-from: #f7fbea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 251 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.active\:via-white:active{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.active\:to-primary-100:active{
  --tw-gradient-to: #eef7d0 var(--tw-gradient-to-position);
}
.active\:text-primary-900:active{
  --tw-text-opacity: 1;
  color: rgb(72 95 30 / var(--tw-text-opacity, 1));
}
.active\:opacity-90:active{
  opacity: 0.9;
}
.active\:shadow-\[0_0_0_1px_rgba\(164\2c 208\2c 55\2c 0\.28\)\2c 0_10px_28px_rgba\(143\2c 188\2c 46\2c 0\.22\)\]:active{
  --tw-shadow: 0 0 0 1px rgba(164,208,55,0.28),0 10px 28px rgba(143,188,46,0.22);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 10px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-inner:active{
  --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);
}
.hover\:enabled\:bg-btn-primary-hover:enabled:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-btn-primary-hover-bg) / var(--tw-bg-opacity, 1));
}
.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}
.disabled\:transform-none:disabled{
  transform: none;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:cursor-wait:disabled{
  cursor: wait;
}
.disabled\:border:disabled{
  border-width: 1px;
}
.disabled\:border-btn-disabled-border:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-btn-disabled-border) / var(--tw-border-opacity, 1));
}
.disabled\:border-rose-100:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(255 228 230 / var(--tw-border-opacity, 1));
}
.disabled\:bg-btn-disabled-bg:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-btn-disabled-bg) / var(--tw-bg-opacity, 1));
}
.disabled\:bg-disabled-bg:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-disabled-bg) / var(--tw-bg-opacity, 1));
}
.disabled\:bg-emerald-300:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-gray-100:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-gray-400:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-primary-300:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(197 224 95 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-slate-100:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.disabled\:from-gray-400:disabled{
  --tw-gradient-from: #9ca3af var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.disabled\:to-gray-500:disabled{
  --tw-gradient-to: #5d6573 var(--tw-gradient-to-position);
}
.disabled\:text-btn-disabled-fg:disabled{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-btn-disabled-fg) / var(--tw-text-opacity, 1));
}
.disabled\:text-disabled-fg:disabled{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-disabled-text) / var(--tw-text-opacity, 1));
}
.disabled\:text-gray-300:disabled{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.disabled\:text-gray-500:disabled{
  --tw-text-opacity: 1;
  color: rgb(93 101 115 / var(--tw-text-opacity, 1));
}
.disabled\:text-rose-300:disabled{
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}
.disabled\:text-slate-300:disabled{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.disabled\:text-slate-500:disabled{
  --tw-text-opacity: 1;
  color: rgb(85 98 119 / var(--tw-text-opacity, 1));
}
.disabled\:opacity-100:disabled{
  opacity: 1;
}
.disabled\:opacity-30:disabled{
  opacity: 0.3;
}
.disabled\:opacity-40:disabled{
  opacity: 0.4;
}
.disabled\:opacity-50:disabled{
  opacity: 0.5;
}
.disabled\:opacity-60:disabled{
  opacity: 0.6;
}
.disabled\:opacity-70:disabled{
  opacity: 0.7;
}
.disabled\:shadow-none:disabled{
  --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);
}
.disabled\:hover\:bg-btn-disabled-bg:hover:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-btn-disabled-bg) / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:shadow-lg:hover:disabled{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:hover\:shadow-sm:hover:disabled{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[open] .group-open\:rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/fab:focus-within .group-focus-within\/fab\:opacity-100{
  opacity: 1;
}
.group:focus-within .group-focus-within\:opacity-100{
  opacity: 1;
}
.group:hover .group-hover\:block{
  display: block;
}
.group:hover .group-hover\:-translate-y-0\.5{
  --tw-translate-y: -0.125rem;
  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));
}
.group:hover .group-hover\:translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:rotate-12{
  --tw-rotate: 12deg;
  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));
}
.group:hover .group-hover\:rotate-90{
  --tw-rotate: 90deg;
  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));
}
.group:hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-125{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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));
}
.group:hover .group-hover\:scale-150{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  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));
}
.group:hover .group-hover\:scale-\[1\.02\]{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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));
}
.group:hover .group-hover\:scale-\[1\.03\]{
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  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));
}
.group:hover .group-hover\:border-amber-400\/40{
  border-color: rgb(251 191 36 / 0.4);
}
.group:hover .group-hover\:bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-primary) / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}
.group:hover .group-hover\:text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-green-900{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-primary-600{
  --tw-text-opacity: 1;
  color: rgb(143 188 46 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-yellow-900{
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:underline{
  text-decoration-line: underline;
}
.group\/fab:hover .group-hover\/fab\:opacity-100{
  opacity: 1;
}
.group:hover .group-hover\:opacity-100{
  opacity: 1;
}
.group:hover .group-hover\:opacity-20{
  opacity: 0.2;
}
.group:hover .group-hover\:opacity-30{
  opacity: 0.3;
}
.group:hover .group-hover\:opacity-40{
  opacity: 0.4;
}
.group:hover .group-hover\:shadow-\[0_4px_14px_rgba\(212\2c 175\2c 55\2c 0\.16\)\]{
  --tw-shadow: 0 4px 14px rgba(212,175,55,0.16);
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:checked ~ .peer-checked\:bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.peer:checked ~ .peer-checked\:bg-primary-600{
  --tw-bg-opacity: 1;
  background-color: rgb(143 188 46 / var(--tw-bg-opacity, 1));
}
.peer:checked ~ .peer-checked\:after\:translate-x-full::after{
  content: var(--tw-content);
  --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));
}
.peer:checked ~ .peer-checked\:after\:border-white::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.peer:focus ~ .peer-focus\:outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.peer:focus ~ .peer-focus\:ring-4{
  --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.peer:focus ~ .peer-focus\:ring-blue-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}
.peer:focus ~ .peer-focus\:ring-primary-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(197 224 95 / var(--tw-ring-opacity, 1));
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-50{
  opacity: 0.5;
}
.data-\[active\=true\]\:-translate-y-0\.5[data-active="true"]{
  --tw-translate-y: -0.125rem;
  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));
}
.data-\[active\=true\]\:border-brand-ink\/\[0\.55\][data-active="true"]{
  border-color: rgb(var(--ui-brand-ink) / 0.55);
}
.data-\[active\=true\]\:border-primary-500[data-active="true"]{
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.data-\[active\=true\]\:bg-brand-ink\/\[0\.14\][data-active="true"]{
  background-color: rgb(var(--ui-brand-ink) / 0.14);
}
.data-\[active\=true\]\:bg-gradient-to-br[data-active="true"]{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.data-\[active\=true\]\:from-primary-50[data-active="true"]{
  --tw-gradient-from: #f7fbea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 251 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.data-\[active\=true\]\:via-white[data-active="true"]{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.data-\[active\=true\]\:to-primary-100[data-active="true"]{
  --tw-gradient-to: #eef7d0 var(--tw-gradient-to-position);
}
.data-\[active\=true\]\:text-brand-ink[data-active="true"]{
  --tw-text-opacity: 1;
  color: rgb(var(--ui-brand-ink) / var(--tw-text-opacity, 1));
}
.data-\[active\=true\]\:text-primary-900[data-active="true"]{
  --tw-text-opacity: 1;
  color: rgb(72 95 30 / var(--tw-text-opacity, 1));
}
.data-\[active\=true\]\:shadow-\[0_0_0_1px_rgba\(164\2c 208\2c 55\2c 0\.28\)\2c 0_10px_28px_rgba\(143\2c 188\2c 46\2c 0\.2\)\][data-active="true"]{
  --tw-shadow: 0 0 0 1px rgba(164,208,55,0.28),0 10px 28px rgba(143,188,46,0.2);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 10px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[active\=true\]\:shadow-\[0_4px_18px_rgba\(200\2c 240\2c 74\2c 0\.22\)\][data-active="true"]{
  --tw-shadow: 0 4px 18px rgba(200,240,74,0.22);
  --tw-shadow-colored: 0 4px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (prefers-reduced-motion: no-preference){

  @keyframes pulse{

    50%{
      opacity: .5;
    }
  }

  .motion-safe\:animate-pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
}
@media (prefers-reduced-motion: reduce){

  .motion-reduce\:transform-none{
    transform: none;
  }

  .motion-reduce\:animate-none{
    animation: none;
  }

  .motion-reduce\:transition-none{
    transition-property: none;
  }

  .motion-reduce\:hover\:translate-y-0:hover{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .motion-reduce\:active\:scale-100:active{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.dark\:divide-blue-700\/50:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(29 78 216 / 0.5);
}
.dark\:divide-dark-600:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-divide-opacity, 1));
}
.dark\:divide-dark-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1));
}
.dark\:divide-dark-700\/80:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(55 65 81 / 0.8);
}
.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1));
}
.dark\:divide-gray-800:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1));
}
.dark\:divide-slate-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}
.dark\:divide-slate-800:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-divide-opacity, 1));
}
.dark\:border-\[\#111314\]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 19 20 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#3a4047\]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(58 64 71 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#8b939e\]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(139 147 158 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#c5ccd4\]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(197 204 212 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#ff453a\]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 69 58 / var(--tw-border-opacity, 1));
}
.dark\:border-\[color-mix\(in_srgb\2c \#8b939e_28\%\2c transparent\)\]:is(.dark *){
  border-color: color-mix(in srgb,#8b939e 28%,transparent);
}
.dark\:border-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_22\%\2c \#334155\)\]:is(.dark *){
  border-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 22%,#334155);
}
.dark\:border-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_35\%\2c \#78350f\)\]:is(.dark *){
  border-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 35%,#78350f);
}
.dark\:border-\[rgba\(164\2c 208\2c 55\2c 0\.12\)\]:is(.dark *){
  border-color: rgba(164,208,55,0.12);
}
.dark\:border-\[rgba\(164\2c 208\2c 55\2c 0\.14\)\]:is(.dark *){
  border-color: rgba(164,208,55,0.14);
}
.dark\:border-\[rgba\(164\2c 208\2c 55\2c 0\.16\)\]:is(.dark *){
  border-color: rgba(164,208,55,0.16);
}
.dark\:border-\[rgba\(164\2c 208\2c 55\2c 0\.18\)\]:is(.dark *){
  border-color: rgba(164,208,55,0.18);
}
.dark\:border-\[rgba\(164\2c 208\2c 55\2c 0\.2\)\]:is(.dark *){
  border-color: rgba(164,208,55,0.2);
}
.dark\:border-\[rgba\(164\2c 208\2c 55\2c 0\.22\)\]:is(.dark *){
  border-color: rgba(164,208,55,0.22);
}
.dark\:border-\[rgba\(164\2c 208\2c 55\2c 0\.25\)\]:is(.dark *){
  border-color: rgba(164,208,55,0.25);
}
.dark\:border-\[rgba\(164\2c 208\2c 55\2c 0\.3\)\]:is(.dark *){
  border-color: rgba(164,208,55,0.3);
}
.dark\:border-\[rgba\(164\2c 208\2c 55\2c 0\.45\)\]:is(.dark *){
  border-color: rgba(164,208,55,0.45);
}
.dark\:border-\[rgba\(164\2c 208\2c 55\2c 0\.5\)\]:is(.dark *){
  border-color: rgba(164,208,55,0.5);
}
.dark\:border-\[var\(--dx-line\2c \#3a4047\)\]:is(.dark *){
  border-color: var(--dx-line,#3a4047);
}
.dark\:border-amber-400:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.dark\:border-amber-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.dark\:border-amber-500\/40:is(.dark *){
  border-color: rgb(245 158 11 / 0.4);
}
.dark\:border-amber-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}
.dark\:border-amber-600\/60:is(.dark *){
  border-color: rgb(180 83 9 / 0.6);
}
.dark\:border-amber-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}
.dark\:border-amber-700\/40:is(.dark *){
  border-color: rgb(180 83 9 / 0.4);
}
.dark\:border-amber-700\/50:is(.dark *){
  border-color: rgb(180 83 9 / 0.5);
}
.dark\:border-amber-700\/60:is(.dark *){
  border-color: rgb(180 83 9 / 0.6);
}
.dark\:border-amber-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
}
.dark\:border-amber-800\/50:is(.dark *){
  border-color: rgb(146 64 14 / 0.5);
}
.dark\:border-amber-800\/60:is(.dark *){
  border-color: rgb(146 64 14 / 0.6);
}
.dark\:border-amber-900\/30:is(.dark *){
  border-color: rgb(120 53 15 / 0.3);
}
.dark\:border-amber-900\/40:is(.dark *){
  border-color: rgb(120 53 15 / 0.4);
}
.dark\:border-amber-900\/50:is(.dark *){
  border-color: rgb(120 53 15 / 0.5);
}
.dark\:border-blue-400:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-500\/20:is(.dark *){
  border-color: rgb(59 130 246 / 0.2);
}
.dark\:border-blue-500\/30:is(.dark *){
  border-color: rgb(59 130 246 / 0.3);
}
.dark\:border-blue-500\/40:is(.dark *){
  border-color: rgb(59 130 246 / 0.4);
}
.dark\:border-blue-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-800\/50:is(.dark *){
  border-color: rgb(30 64 175 / 0.5);
}
.dark\:border-blue-800\/60:is(.dark *){
  border-color: rgb(30 64 175 / 0.6);
}
.dark\:border-blue-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-900\/30:is(.dark *){
  border-color: rgb(30 58 138 / 0.3);
}
.dark\:border-blue-900\/40:is(.dark *){
  border-color: rgb(30 58 138 / 0.4);
}
.dark\:border-blue-900\/50:is(.dark *){
  border-color: rgb(30 58 138 / 0.5);
}
.dark\:border-brand-ink\/\[0\.35\]:is(.dark *){
  border-color: rgb(var(--ui-brand-ink) / 0.35);
}
.dark\:border-brand-lime-on-dark\/70:is(.dark *){
  border-color: rgb(var(--ui-brand-lime-on-dark) / 0.7);
}
.dark\:border-cyan-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}
.dark\:border-cyan-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(14 116 144 / var(--tw-border-opacity, 1));
}
.dark\:border-cyan-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(21 94 117 / var(--tw-border-opacity, 1));
}
.dark\:border-dark-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.dark\:border-dark-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:border-dark-600\/80:is(.dark *){
  border-color: rgb(75 85 99 / 0.8);
}
.dark\:border-dark-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:border-dark-700\/50:is(.dark *){
  border-color: rgb(55 65 81 / 0.5);
}
.dark\:border-dark-700\/80:is(.dark *){
  border-color: rgb(55 65 81 / 0.8);
}
.dark\:border-dark-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-500\/40:is(.dark *){
  border-color: rgb(16 185 129 / 0.4);
}
.dark\:border-emerald-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(6 95 70 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-800\/50:is(.dark *){
  border-color: rgb(6 95 70 / 0.5);
}
.dark\:border-emerald-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(6 78 59 / var(--tw-border-opacity, 1));
}
.dark\:border-emerald-900\/30:is(.dark *){
  border-color: rgb(6 78 59 / 0.3);
}
.dark\:border-emerald-900\/40:is(.dark *){
  border-color: rgb(6 78 59 / 0.4);
}
.dark\:border-emerald-900\/50:is(.dark *){
  border-color: rgb(6 78 59 / 0.5);
}
.dark\:border-emerald-900\/60:is(.dark *){
  border-color: rgb(6 78 59 / 0.6);
}
.dark\:border-gold-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(74 81 89 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-300:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(93 101 115 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-700\/60:is(.dark *){
  border-color: rgb(55 65 81 / 0.6);
}
.dark\:border-gray-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-800\/80:is(.dark *){
  border-color: rgb(31 41 55 / 0.8);
}
.dark\:border-green-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}
.dark\:border-green-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}
.dark\:border-green-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}
.dark\:border-green-800\/50:is(.dark *){
  border-color: rgb(22 101 52 / 0.5);
}
.dark\:border-green-800\/60:is(.dark *){
  border-color: rgb(22 101 52 / 0.6);
}
.dark\:border-green-900\/30:is(.dark *){
  border-color: rgb(20 83 45 / 0.3);
}
.dark\:border-indigo-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}
.dark\:border-indigo-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1));
}
.dark\:border-indigo-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(67 56 202 / var(--tw-border-opacity, 1));
}
.dark\:border-indigo-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 48 163 / var(--tw-border-opacity, 1));
}
.dark\:border-indigo-800\/50:is(.dark *){
  border-color: rgb(55 48 163 / 0.5);
}
.dark\:border-indigo-900\/30:is(.dark *){
  border-color: rgb(49 46 129 / 0.3);
}
.dark\:border-input:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-input-border) / var(--tw-border-opacity, 1));
}
.dark\:border-line:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-border) / var(--tw-border-opacity, 1));
}
.dark\:border-line\/50:is(.dark *){
  border-color: rgb(var(--ui-border) / 0.5);
}
.dark\:border-orange-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-border-opacity, 1));
}
.dark\:border-orange-600\/50:is(.dark *){
  border-color: rgb(194 65 12 / 0.5);
}
.dark\:border-orange-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-border-opacity, 1));
}
.dark\:border-orange-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-border-opacity, 1));
}
.dark\:border-orange-800\/35:is(.dark *){
  border-color: rgb(154 52 18 / 0.35);
}
.dark\:border-orange-800\/50:is(.dark *){
  border-color: rgb(154 52 18 / 0.5);
}
.dark\:border-orange-800\/60:is(.dark *){
  border-color: rgb(154 52 18 / 0.6);
}
.dark\:border-pink-800\/50:is(.dark *){
  border-color: rgb(157 23 77 / 0.5);
}
.dark\:border-primary-400:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(180 214 71 / var(--tw-border-opacity, 1));
}
.dark\:border-primary-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.dark\:border-primary-500\/40:is(.dark *){
  border-color: rgb(var(--ui-primary) / 0.4);
}
.dark\:border-primary-500\/50:is(.dark *){
  border-color: rgb(var(--ui-primary) / 0.5);
}
.dark\:border-primary-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(143 188 46 / var(--tw-border-opacity, 1));
}
.dark\:border-primary-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(111 148 35 / var(--tw-border-opacity, 1));
}
.dark\:border-primary-700\/50:is(.dark *){
  border-color: rgb(111 148 35 / 0.5);
}
.dark\:border-primary-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(87 116 31 / var(--tw-border-opacity, 1));
}
.dark\:border-primary-800\/40:is(.dark *){
  border-color: rgb(87 116 31 / 0.4);
}
.dark\:border-primary-800\/50:is(.dark *){
  border-color: rgb(87 116 31 / 0.5);
}
.dark\:border-primary-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 95 30 / var(--tw-border-opacity, 1));
}
.dark\:border-primary-900\/30:is(.dark *){
  border-color: rgb(72 95 30 / 0.3);
}
.dark\:border-primary-900\/40:is(.dark *){
  border-color: rgb(72 95 30 / 0.4);
}
.dark\:border-purple-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}
.dark\:border-purple-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(126 34 206 / var(--tw-border-opacity, 1));
}
.dark\:border-purple-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 33 168 / var(--tw-border-opacity, 1));
}
.dark\:border-purple-800\/50:is(.dark *){
  border-color: rgb(107 33 168 / 0.5);
}
.dark\:border-purple-900\/30:is(.dark *){
  border-color: rgb(88 28 135 / 0.3);
}
.dark\:border-red-400:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.dark\:border-red-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.dark\:border-red-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.dark\:border-red-600\/50:is(.dark *){
  border-color: rgb(185 28 28 / 0.5);
}
.dark\:border-red-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.dark\:border-red-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}
.dark\:border-red-800\/50:is(.dark *){
  border-color: rgb(153 27 27 / 0.5);
}
.dark\:border-red-800\/60:is(.dark *){
  border-color: rgb(153 27 27 / 0.6);
}
.dark\:border-red-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}
.dark\:border-red-900\/30:is(.dark *){
  border-color: rgb(127 29 29 / 0.3);
}
.dark\:border-red-900\/40:is(.dark *){
  border-color: rgb(127 29 29 / 0.4);
}
.dark\:border-red-900\/50:is(.dark *){
  border-color: rgb(127 29 29 / 0.5);
}
.dark\:border-rose-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}
.dark\:border-rose-500\/40:is(.dark *){
  border-color: rgb(244 63 94 / 0.4);
}
.dark\:border-rose-500\/70:is(.dark *){
  border-color: rgb(244 63 94 / 0.7);
}
.dark\:border-rose-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(190 18 60 / var(--tw-border-opacity, 1));
}
.dark\:border-rose-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(190 18 60 / var(--tw-border-opacity, 1));
}
.dark\:border-rose-700\/60:is(.dark *){
  border-color: rgb(190 18 60 / 0.6);
}
.dark\:border-rose-700\/80:is(.dark *){
  border-color: rgb(190 18 60 / 0.8);
}
.dark\:border-rose-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(159 18 57 / var(--tw-border-opacity, 1));
}
.dark\:border-rose-800\/35:is(.dark *){
  border-color: rgb(159 18 57 / 0.35);
}
.dark\:border-rose-800\/80:is(.dark *){
  border-color: rgb(159 18 57 / 0.8);
}
.dark\:border-rose-900\/30:is(.dark *){
  border-color: rgb(136 19 55 / 0.3);
}
.dark\:border-rose-900\/40:is(.dark *){
  border-color: rgb(136 19 55 / 0.4);
}
.dark\:border-rose-900\/50:is(.dark *){
  border-color: rgb(136 19 55 / 0.5);
}
.dark\:border-rose-900\/60:is(.dark *){
  border-color: rgb(136 19 55 / 0.6);
}
.dark\:border-sky-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(3 105 161 / var(--tw-border-opacity, 1));
}
.dark\:border-sky-700\/40:is(.dark *){
  border-color: rgb(3 105 161 / 0.4);
}
.dark\:border-sky-700\/60:is(.dark *){
  border-color: rgb(3 105 161 / 0.6);
}
.dark\:border-sky-700\/70:is(.dark *){
  border-color: rgb(3 105 161 / 0.7);
}
.dark\:border-sky-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(7 89 133 / var(--tw-border-opacity, 1));
}
.dark\:border-sky-800\/35:is(.dark *){
  border-color: rgb(7 89 133 / 0.35);
}
.dark\:border-slate-100:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-600\/90:is(.dark *){
  border-color: rgb(71 85 105 / 0.9);
}
.dark\:border-slate-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-700\/30:is(.dark *){
  border-color: rgb(51 65 85 / 0.3);
}
.dark\:border-slate-700\/50:is(.dark *){
  border-color: rgb(51 65 85 / 0.5);
}
.dark\:border-slate-700\/60:is(.dark *){
  border-color: rgb(51 65 85 / 0.6);
}
.dark\:border-slate-700\/70:is(.dark *){
  border-color: rgb(51 65 85 / 0.7);
}
.dark\:border-slate-700\/80:is(.dark *){
  border-color: rgb(51 65 85 / 0.8);
}
.dark\:border-slate-700\/90:is(.dark *){
  border-color: rgb(51 65 85 / 0.9);
}
.dark\:border-slate-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-800\/80:is(.dark *){
  border-color: rgb(30 41 59 / 0.8);
}
.dark\:border-slate-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-950:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(2 6 23 / var(--tw-border-opacity, 1));
}
.dark\:border-success:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-success) / var(--tw-border-opacity, 1));
}
.dark\:border-success\/35:is(.dark *){
  border-color: rgb(var(--ui-success) / 0.35);
}
.dark\:border-teal-500\/30:is(.dark *){
  border-color: rgb(20 184 166 / 0.3);
}
.dark\:border-teal-500\/60:is(.dark *){
  border-color: rgb(20 184 166 / 0.6);
}
.dark\:border-teal-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(13 148 136 / var(--tw-border-opacity, 1));
}
.dark\:border-teal-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(15 118 110 / var(--tw-border-opacity, 1));
}
.dark\:border-teal-700\/40:is(.dark *){
  border-color: rgb(15 118 110 / 0.4);
}
.dark\:border-teal-700\/50:is(.dark *){
  border-color: rgb(15 118 110 / 0.5);
}
.dark\:border-teal-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 94 89 / var(--tw-border-opacity, 1));
}
.dark\:border-teal-800\/50:is(.dark *){
  border-color: rgb(17 94 89 / 0.5);
}
.dark\:border-teal-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(19 78 74 / var(--tw-border-opacity, 1));
}
.dark\:border-teal-900\/40:is(.dark *){
  border-color: rgb(19 78 74 / 0.4);
}
.dark\:border-violet-700\/40:is(.dark *){
  border-color: rgb(109 40 217 / 0.4);
}
.dark\:border-violet-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(91 33 182 / var(--tw-border-opacity, 1));
}
.dark\:border-violet-800\/40:is(.dark *){
  border-color: rgb(91 33 182 / 0.4);
}
.dark\:border-warning\/35:is(.dark *){
  border-color: rgb(var(--ui-warning) / 0.35);
}
.dark\:border-white\/10:is(.dark *){
  border-color: rgb(255 255 255 / 0.1);
}
.dark\:border-white\/15:is(.dark *){
  border-color: rgb(255 255 255 / 0.15);
}
.dark\:border-yellow-600\/50:is(.dark *){
  border-color: rgb(161 98 7 / 0.5);
}
.dark\:border-yellow-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
}
.dark\:border-yellow-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
}
.dark\:border-yellow-800\/60:is(.dark *){
  border-color: rgb(133 77 14 / 0.6);
}
.dark\:border-yellow-900\/30:is(.dark *){
  border-color: rgb(113 63 18 / 0.3);
}
.dark\:border-b-gray-800:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.dark\:border-l-gray-800:is(.dark *){
  --tw-border-opacity: 1;
  border-left-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.dark\:border-r-gray-800:is(.dark *){
  --tw-border-opacity: 1;
  border-right-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.dark\:border-t-blue-400:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.dark\:border-t-dark-800:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.dark\:border-t-gray-800:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.dark\:bg-\[\#050505\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(5 5 5 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#0a0d14\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(10 13 20 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#111314\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 19 20 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#121417\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(18 20 23 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#12151c\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(18 21 28 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#12151c\]\/85:is(.dark *){
  background-color: rgb(18 21 28 / 0.85);
}
.dark\:bg-\[\#12151c\]\/95:is(.dark *){
  background-color: rgb(18 21 28 / 0.95);
}
.dark\:bg-\[\#181b1c\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(24 27 28 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#2a1515\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(42 21 21 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#3a4047\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(58 64 71 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_12\%\2c \#0f172a\)\]:is(.dark *){
  background-color: color-mix(in srgb,var(--dx-lime,#c8f04a) 12%,#0f172a);
}
.dark\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.06\)\]:is(.dark *){
  background-color: rgba(164,208,55,0.06);
}
.dark\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.07\)\]:is(.dark *){
  background-color: rgba(164,208,55,0.07);
}
.dark\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.08\)\]:is(.dark *){
  background-color: rgba(164,208,55,0.08);
}
.dark\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.1\)\]:is(.dark *){
  background-color: rgba(164,208,55,0.1);
}
.dark\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.12\)\]:is(.dark *){
  background-color: rgba(164,208,55,0.12);
}
.dark\:bg-amber-200:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.dark\:bg-amber-500\/10:is(.dark *){
  background-color: rgb(245 158 11 / 0.1);
}
.dark\:bg-amber-800\/50:is(.dark *){
  background-color: rgb(146 64 14 / 0.5);
}
.dark\:bg-amber-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
}
.dark\:bg-amber-900\/10:is(.dark *){
  background-color: rgb(120 53 15 / 0.1);
}
.dark\:bg-amber-900\/20:is(.dark *){
  background-color: rgb(120 53 15 / 0.2);
}
.dark\:bg-amber-900\/30:is(.dark *){
  background-color: rgb(120 53 15 / 0.3);
}
.dark\:bg-amber-900\/40:is(.dark *){
  background-color: rgb(120 53 15 / 0.4);
}
.dark\:bg-amber-950\/10:is(.dark *){
  background-color: rgb(69 26 3 / 0.1);
}
.dark\:bg-amber-950\/20:is(.dark *){
  background-color: rgb(69 26 3 / 0.2);
}
.dark\:bg-amber-950\/25:is(.dark *){
  background-color: rgb(69 26 3 / 0.25);
}
.dark\:bg-amber-950\/30:is(.dark *){
  background-color: rgb(69 26 3 / 0.3);
}
.dark\:bg-amber-950\/40:is(.dark *){
  background-color: rgb(69 26 3 / 0.4);
}
.dark\:bg-amber-950\/50:is(.dark *){
  background-color: rgb(69 26 3 / 0.5);
}
.dark\:bg-amber-950\/60:is(.dark *){
  background-color: rgb(69 26 3 / 0.6);
}
.dark\:bg-amber-950\/70:is(.dark *){
  background-color: rgb(69 26 3 / 0.7);
}
.dark\:bg-amber-950\/85:is(.dark *){
  background-color: rgb(69 26 3 / 0.85);
}
.dark\:bg-amber-950\/90:is(.dark *){
  background-color: rgb(69 26 3 / 0.9);
}
.dark\:bg-black:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.dark\:bg-black\/20:is(.dark *){
  background-color: rgb(0 0 0 / 0.2);
}
.dark\:bg-black\/30:is(.dark *){
  background-color: rgb(0 0 0 / 0.3);
}
.dark\:bg-black\/40:is(.dark *){
  background-color: rgb(0 0 0 / 0.4);
}
.dark\:bg-black\/50:is(.dark *){
  background-color: rgb(0 0 0 / 0.5);
}
.dark\:bg-black\/70:is(.dark *){
  background-color: rgb(0 0 0 / 0.7);
}
.dark\:bg-blue-400:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-500\/10:is(.dark *){
  background-color: rgb(59 130 246 / 0.1);
}
.dark\:bg-blue-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-700\/20:is(.dark *){
  background-color: rgb(29 78 216 / 0.2);
}
.dark\:bg-blue-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900\/10:is(.dark *){
  background-color: rgb(30 58 138 / 0.1);
}
.dark\:bg-blue-900\/20:is(.dark *){
  background-color: rgb(30 58 138 / 0.2);
}
.dark\:bg-blue-900\/30:is(.dark *){
  background-color: rgb(30 58 138 / 0.3);
}
.dark\:bg-blue-900\/40:is(.dark *){
  background-color: rgb(30 58 138 / 0.4);
}
.dark\:bg-blue-900\/50:is(.dark *){
  background-color: rgb(30 58 138 / 0.5);
}
.dark\:bg-blue-900\/90:is(.dark *){
  background-color: rgb(30 58 138 / 0.9);
}
.dark\:bg-blue-950\/20:is(.dark *){
  background-color: rgb(23 37 84 / 0.2);
}
.dark\:bg-blue-950\/30:is(.dark *){
  background-color: rgb(23 37 84 / 0.3);
}
.dark\:bg-blue-950\/40:is(.dark *){
  background-color: rgb(23 37 84 / 0.4);
}
.dark\:bg-blue-950\/50:is(.dark *){
  background-color: rgb(23 37 84 / 0.5);
}
.dark\:bg-brand-ink\/\[0\.12\]:is(.dark *){
  background-color: rgb(var(--ui-brand-ink) / 0.12);
}
.dark\:bg-brand-ink\/\[0\.14\]:is(.dark *){
  background-color: rgb(var(--ui-brand-ink) / 0.14);
}
.dark\:bg-cyan-900\/20:is(.dark *){
  background-color: rgb(22 78 99 / 0.2);
}
.dark\:bg-cyan-900\/30:is(.dark *){
  background-color: rgb(22 78 99 / 0.3);
}
.dark\:bg-cyan-950\/50:is(.dark *){
  background-color: rgb(8 51 68 / 0.5);
}
.dark\:bg-dark-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.dark\:bg-dark-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:bg-dark-700\/40:is(.dark *){
  background-color: rgb(55 65 81 / 0.4);
}
.dark\:bg-dark-700\/50:is(.dark *){
  background-color: rgb(55 65 81 / 0.5);
}
.dark\:bg-dark-700\/60:is(.dark *){
  background-color: rgb(55 65 81 / 0.6);
}
.dark\:bg-dark-700\/80:is(.dark *){
  background-color: rgb(55 65 81 / 0.8);
}
.dark\:bg-dark-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:bg-dark-800\/20:is(.dark *){
  background-color: rgb(31 41 55 / 0.2);
}
.dark\:bg-dark-800\/30:is(.dark *){
  background-color: rgb(31 41 55 / 0.3);
}
.dark\:bg-dark-800\/50:is(.dark *){
  background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-dark-800\/60:is(.dark *){
  background-color: rgb(31 41 55 / 0.6);
}
.dark\:bg-dark-800\/70:is(.dark *){
  background-color: rgb(31 41 55 / 0.7);
}
.dark\:bg-dark-800\/75:is(.dark *){
  background-color: rgb(31 41 55 / 0.75);
}
.dark\:bg-dark-800\/80:is(.dark *){
  background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-dark-800\/90:is(.dark *){
  background-color: rgb(31 41 55 / 0.9);
}
.dark\:bg-dark-800\/95:is(.dark *){
  background-color: rgb(31 41 55 / 0.95);
}
.dark\:bg-dark-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:bg-dark-900\/30:is(.dark *){
  background-color: rgb(17 24 39 / 0.3);
}
.dark\:bg-dark-900\/40:is(.dark *){
  background-color: rgb(17 24 39 / 0.4);
}
.dark\:bg-dark-900\/50:is(.dark *){
  background-color: rgb(17 24 39 / 0.5);
}
.dark\:bg-dark-900\/60:is(.dark *){
  background-color: rgb(17 24 39 / 0.6);
}
.dark\:bg-dark-900\/70:is(.dark *){
  background-color: rgb(17 24 39 / 0.7);
}
.dark\:bg-emerald-500\/10:is(.dark *){
  background-color: rgb(16 185 129 / 0.1);
}
.dark\:bg-emerald-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.dark\:bg-emerald-700\/20:is(.dark *){
  background-color: rgb(4 120 87 / 0.2);
}
.dark\:bg-emerald-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1));
}
.dark\:bg-emerald-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(6 78 59 / var(--tw-bg-opacity, 1));
}
.dark\:bg-emerald-900\/10:is(.dark *){
  background-color: rgb(6 78 59 / 0.1);
}
.dark\:bg-emerald-900\/20:is(.dark *){
  background-color: rgb(6 78 59 / 0.2);
}
.dark\:bg-emerald-900\/30:is(.dark *){
  background-color: rgb(6 78 59 / 0.3);
}
.dark\:bg-emerald-900\/40:is(.dark *){
  background-color: rgb(6 78 59 / 0.4);
}
.dark\:bg-emerald-900\/50:is(.dark *){
  background-color: rgb(6 78 59 / 0.5);
}
.dark\:bg-emerald-950\/15:is(.dark *){
  background-color: rgb(2 44 34 / 0.15);
}
.dark\:bg-emerald-950\/20:is(.dark *){
  background-color: rgb(2 44 34 / 0.2);
}
.dark\:bg-emerald-950\/30:is(.dark *){
  background-color: rgb(2 44 34 / 0.3);
}
.dark\:bg-emerald-950\/40:is(.dark *){
  background-color: rgb(2 44 34 / 0.4);
}
.dark\:bg-emerald-950\/50:is(.dark *){
  background-color: rgb(2 44 34 / 0.5);
}
.dark\:bg-gold-900\/20:is(.dark *){
  background-color: rgb(42 47 53 / 0.2);
}
.dark\:bg-gray-100:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-700\/50:is(.dark *){
  background-color: rgb(55 65 81 / 0.5);
}
.dark\:bg-gray-700\/80:is(.dark *){
  background-color: rgb(55 65 81 / 0.8);
}
.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-800\/30:is(.dark *){
  background-color: rgb(31 41 55 / 0.3);
}
.dark\:bg-gray-800\/40:is(.dark *){
  background-color: rgb(31 41 55 / 0.4);
}
.dark\:bg-gray-800\/50:is(.dark *){
  background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-800\/60:is(.dark *){
  background-color: rgb(31 41 55 / 0.6);
}
.dark\:bg-gray-800\/80:is(.dark *){
  background-color: rgb(31 41 55 / 0.8);
}
.dark\:bg-gray-800\/85:is(.dark *){
  background-color: rgb(31 41 55 / 0.85);
}
.dark\:bg-gray-800\/95:is(.dark *){
  background-color: rgb(31 41 55 / 0.95);
}
.dark\:bg-gray-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-900\/20:is(.dark *){
  background-color: rgb(17 24 39 / 0.2);
}
.dark\:bg-gray-900\/30:is(.dark *){
  background-color: rgb(17 24 39 / 0.3);
}
.dark\:bg-gray-900\/40:is(.dark *){
  background-color: rgb(17 24 39 / 0.4);
}
.dark\:bg-green-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-700\/20:is(.dark *){
  background-color: rgb(21 128 61 / 0.2);
}
.dark\:bg-green-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}
.dark\:bg-green-900\/10:is(.dark *){
  background-color: rgb(20 83 45 / 0.1);
}
.dark\:bg-green-900\/20:is(.dark *){
  background-color: rgb(20 83 45 / 0.2);
}
.dark\:bg-green-900\/30:is(.dark *){
  background-color: rgb(20 83 45 / 0.3);
}
.dark\:bg-green-900\/40:is(.dark *){
  background-color: rgb(20 83 45 / 0.4);
}
.dark\:bg-green-900\/90:is(.dark *){
  background-color: rgb(20 83 45 / 0.9);
}
.dark\:bg-green-950\/40:is(.dark *){
  background-color: rgb(5 46 22 / 0.4);
}
.dark\:bg-green-950\/50:is(.dark *){
  background-color: rgb(5 46 22 / 0.5);
}
.dark\:bg-indigo-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.dark\:bg-indigo-900\/20:is(.dark *){
  background-color: rgb(49 46 129 / 0.2);
}
.dark\:bg-indigo-900\/30:is(.dark *){
  background-color: rgb(49 46 129 / 0.3);
}
.dark\:bg-indigo-900\/40:is(.dark *){
  background-color: rgb(49 46 129 / 0.4);
}
.dark\:bg-indigo-950\/30:is(.dark *){
  background-color: rgb(30 27 75 / 0.3);
}
.dark\:bg-indigo-950\/50:is(.dark *){
  background-color: rgb(30 27 75 / 0.5);
}
.dark\:bg-orange-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1));
}
.dark\:bg-orange-900\/20:is(.dark *){
  background-color: rgb(124 45 18 / 0.2);
}
.dark\:bg-orange-900\/30:is(.dark *){
  background-color: rgb(124 45 18 / 0.3);
}
.dark\:bg-orange-900\/40:is(.dark *){
  background-color: rgb(124 45 18 / 0.4);
}
.dark\:bg-orange-950\/15:is(.dark *){
  background-color: rgb(67 20 7 / 0.15);
}
.dark\:bg-orange-950\/40:is(.dark *){
  background-color: rgb(67 20 7 / 0.4);
}
.dark\:bg-orange-950\/50:is(.dark *){
  background-color: rgb(67 20 7 / 0.5);
}
.dark\:bg-pink-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(131 24 67 / var(--tw-bg-opacity, 1));
}
.dark\:bg-pink-900\/20:is(.dark *){
  background-color: rgb(131 24 67 / 0.2);
}
.dark\:bg-pink-900\/30:is(.dark *){
  background-color: rgb(131 24 67 / 0.3);
}
.dark\:bg-primary-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-primary) / var(--tw-bg-opacity, 1));
}
.dark\:bg-primary-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(143 188 46 / var(--tw-bg-opacity, 1));
}
.dark\:bg-primary-700\/10:is(.dark *){
  background-color: rgb(111 148 35 / 0.1);
}
.dark\:bg-primary-700\/75:is(.dark *){
  background-color: rgb(111 148 35 / 0.75);
}
.dark\:bg-primary-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 95 30 / var(--tw-bg-opacity, 1));
}
.dark\:bg-primary-900\/10:is(.dark *){
  background-color: rgb(72 95 30 / 0.1);
}
.dark\:bg-primary-900\/20:is(.dark *){
  background-color: rgb(72 95 30 / 0.2);
}
.dark\:bg-primary-900\/30:is(.dark *){
  background-color: rgb(72 95 30 / 0.3);
}
.dark\:bg-primary-900\/35:is(.dark *){
  background-color: rgb(72 95 30 / 0.35);
}
.dark\:bg-primary-900\/40:is(.dark *){
  background-color: rgb(72 95 30 / 0.4);
}
.dark\:bg-primary\/20:is(.dark *){
  background-color: rgb(var(--ui-primary) / 0.2);
}
.dark\:bg-purple-700\/20:is(.dark *){
  background-color: rgb(126 34 206 / 0.2);
}
.dark\:bg-purple-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
}
.dark\:bg-purple-900\/10:is(.dark *){
  background-color: rgb(88 28 135 / 0.1);
}
.dark\:bg-purple-900\/20:is(.dark *){
  background-color: rgb(88 28 135 / 0.2);
}
.dark\:bg-purple-900\/30:is(.dark *){
  background-color: rgb(88 28 135 / 0.3);
}
.dark\:bg-purple-900\/40:is(.dark *){
  background-color: rgb(88 28 135 / 0.4);
}
.dark\:bg-purple-950\/50:is(.dark *){
  background-color: rgb(59 7 100 / 0.5);
}
.dark\:bg-red-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-700\/20:is(.dark *){
  background-color: rgb(185 28 28 / 0.2);
}
.dark\:bg-red-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}
.dark\:bg-red-900\/10:is(.dark *){
  background-color: rgb(127 29 29 / 0.1);
}
.dark\:bg-red-900\/20:is(.dark *){
  background-color: rgb(127 29 29 / 0.2);
}
.dark\:bg-red-900\/30:is(.dark *){
  background-color: rgb(127 29 29 / 0.3);
}
.dark\:bg-red-900\/40:is(.dark *){
  background-color: rgb(127 29 29 / 0.4);
}
.dark\:bg-red-900\/90:is(.dark *){
  background-color: rgb(127 29 29 / 0.9);
}
.dark\:bg-red-950\/20:is(.dark *){
  background-color: rgb(69 10 10 / 0.2);
}
.dark\:bg-red-950\/30:is(.dark *){
  background-color: rgb(69 10 10 / 0.3);
}
.dark\:bg-red-950\/40:is(.dark *){
  background-color: rgb(69 10 10 / 0.4);
}
.dark\:bg-red-950\/50:is(.dark *){
  background-color: rgb(69 10 10 / 0.5);
}
.dark\:bg-rose-500\/10:is(.dark *){
  background-color: rgb(244 63 94 / 0.1);
}
.dark\:bg-rose-900\/20:is(.dark *){
  background-color: rgb(136 19 55 / 0.2);
}
.dark\:bg-rose-900\/30:is(.dark *){
  background-color: rgb(136 19 55 / 0.3);
}
.dark\:bg-rose-900\/40:is(.dark *){
  background-color: rgb(136 19 55 / 0.4);
}
.dark\:bg-rose-950\/15:is(.dark *){
  background-color: rgb(76 5 25 / 0.15);
}
.dark\:bg-rose-950\/20:is(.dark *){
  background-color: rgb(76 5 25 / 0.2);
}
.dark\:bg-rose-950\/30:is(.dark *){
  background-color: rgb(76 5 25 / 0.3);
}
.dark\:bg-rose-950\/40:is(.dark *){
  background-color: rgb(76 5 25 / 0.4);
}
.dark\:bg-rose-950\/50:is(.dark *){
  background-color: rgb(76 5 25 / 0.5);
}
.dark\:bg-rose-950\/60:is(.dark *){
  background-color: rgb(76 5 25 / 0.6);
}
.dark\:bg-rose-950\/85:is(.dark *){
  background-color: rgb(76 5 25 / 0.85);
}
.dark\:bg-secondary-hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-secondary-hover) / var(--tw-bg-opacity, 1));
}
.dark\:bg-sky-900\/30:is(.dark *){
  background-color: rgb(12 74 110 / 0.3);
}
.dark\:bg-sky-900\/40:is(.dark *){
  background-color: rgb(12 74 110 / 0.4);
}
.dark\:bg-sky-950\/15:is(.dark *){
  background-color: rgb(8 47 73 / 0.15);
}
.dark\:bg-sky-950\/20:is(.dark *){
  background-color: rgb(8 47 73 / 0.2);
}
.dark\:bg-sky-950\/30:is(.dark *){
  background-color: rgb(8 47 73 / 0.3);
}
.dark\:bg-sky-950\/40:is(.dark *){
  background-color: rgb(8 47 73 / 0.4);
}
.dark\:bg-sky-950\/50:is(.dark *){
  background-color: rgb(8 47 73 / 0.5);
}
.dark\:bg-slate-100:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-200:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-300:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(85 98 119 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-700\/20:is(.dark *){
  background-color: rgb(51 65 85 / 0.2);
}
.dark\:bg-slate-700\/50:is(.dark *){
  background-color: rgb(51 65 85 / 0.5);
}
.dark\:bg-slate-700\/60:is(.dark *){
  background-color: rgb(51 65 85 / 0.6);
}
.dark\:bg-slate-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-800\/30:is(.dark *){
  background-color: rgb(30 41 59 / 0.3);
}
.dark\:bg-slate-800\/40:is(.dark *){
  background-color: rgb(30 41 59 / 0.4);
}
.dark\:bg-slate-800\/50:is(.dark *){
  background-color: rgb(30 41 59 / 0.5);
}
.dark\:bg-slate-800\/60:is(.dark *){
  background-color: rgb(30 41 59 / 0.6);
}
.dark\:bg-slate-800\/65:is(.dark *){
  background-color: rgb(30 41 59 / 0.65);
}
.dark\:bg-slate-800\/70:is(.dark *){
  background-color: rgb(30 41 59 / 0.7);
}
.dark\:bg-slate-800\/75:is(.dark *){
  background-color: rgb(30 41 59 / 0.75);
}
.dark\:bg-slate-800\/80:is(.dark *){
  background-color: rgb(30 41 59 / 0.8);
}
.dark\:bg-slate-800\/90:is(.dark *){
  background-color: rgb(30 41 59 / 0.9);
}
.dark\:bg-slate-800\/95:is(.dark *){
  background-color: rgb(30 41 59 / 0.95);
}
.dark\:bg-slate-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-900\/20:is(.dark *){
  background-color: rgb(15 23 42 / 0.2);
}
.dark\:bg-slate-900\/30:is(.dark *){
  background-color: rgb(15 23 42 / 0.3);
}
.dark\:bg-slate-900\/40:is(.dark *){
  background-color: rgb(15 23 42 / 0.4);
}
.dark\:bg-slate-900\/45:is(.dark *){
  background-color: rgb(15 23 42 / 0.45);
}
.dark\:bg-slate-900\/50:is(.dark *){
  background-color: rgb(15 23 42 / 0.5);
}
.dark\:bg-slate-900\/55:is(.dark *){
  background-color: rgb(15 23 42 / 0.55);
}
.dark\:bg-slate-900\/60:is(.dark *){
  background-color: rgb(15 23 42 / 0.6);
}
.dark\:bg-slate-900\/70:is(.dark *){
  background-color: rgb(15 23 42 / 0.7);
}
.dark\:bg-slate-900\/80:is(.dark *){
  background-color: rgb(15 23 42 / 0.8);
}
.dark\:bg-slate-900\/90:is(.dark *){
  background-color: rgb(15 23 42 / 0.9);
}
.dark\:bg-slate-900\/95:is(.dark *){
  background-color: rgb(15 23 42 / 0.95);
}
.dark\:bg-slate-950:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-950\/35:is(.dark *){
  background-color: rgb(2 6 23 / 0.35);
}
.dark\:bg-slate-950\/50:is(.dark *){
  background-color: rgb(2 6 23 / 0.5);
}
.dark\:bg-slate-950\/55:is(.dark *){
  background-color: rgb(2 6 23 / 0.55);
}
.dark\:bg-slate-950\/70:is(.dark *){
  background-color: rgb(2 6 23 / 0.7);
}
.dark\:bg-slate-950\/80:is(.dark *){
  background-color: rgb(2 6 23 / 0.8);
}
.dark\:bg-slate-950\/90:is(.dark *){
  background-color: rgb(2 6 23 / 0.9);
}
.dark\:bg-slate-950\/95:is(.dark *){
  background-color: rgb(2 6 23 / 0.95);
}
.dark\:bg-slate-950\/\[0\.98\]:is(.dark *){
  background-color: rgb(2 6 23 / 0.98);
}
.dark\:bg-success-bg:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-success-bg) / var(--tw-bg-opacity, 1));
}
.dark\:bg-surface:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-surface) / var(--tw-bg-opacity, 1));
}
.dark\:bg-surface-elevated:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-surface-elevated) / var(--tw-bg-opacity, 1));
}
.dark\:bg-surface\/20:is(.dark *){
  background-color: rgb(var(--ui-surface) / 0.2);
}
.dark\:bg-surface\/40:is(.dark *){
  background-color: rgb(var(--ui-surface) / 0.4);
}
.dark\:bg-surface\/50:is(.dark *){
  background-color: rgb(var(--ui-surface) / 0.5);
}
.dark\:bg-surface\/60:is(.dark *){
  background-color: rgb(var(--ui-surface) / 0.6);
}
.dark\:bg-surface\/90:is(.dark *){
  background-color: rgb(var(--ui-surface) / 0.9);
}
.dark\:bg-surface\/95:is(.dark *){
  background-color: rgb(var(--ui-surface) / 0.95);
}
.dark\:bg-teal-900\/20:is(.dark *){
  background-color: rgb(19 78 74 / 0.2);
}
.dark\:bg-teal-900\/30:is(.dark *){
  background-color: rgb(19 78 74 / 0.3);
}
.dark\:bg-teal-950:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(4 47 46 / var(--tw-bg-opacity, 1));
}
.dark\:bg-teal-950\/40:is(.dark *){
  background-color: rgb(4 47 46 / 0.4);
}
.dark\:bg-teal-950\/50:is(.dark *){
  background-color: rgb(4 47 46 / 0.5);
}
.dark\:bg-violet-900\/20:is(.dark *){
  background-color: rgb(76 29 149 / 0.2);
}
.dark\:bg-violet-900\/30:is(.dark *){
  background-color: rgb(76 29 149 / 0.3);
}
.dark\:bg-violet-950\/10:is(.dark *){
  background-color: rgb(46 16 101 / 0.1);
}
.dark\:bg-violet-950\/15:is(.dark *){
  background-color: rgb(46 16 101 / 0.15);
}
.dark\:bg-violet-950\/40:is(.dark *){
  background-color: rgb(46 16 101 / 0.4);
}
.dark\:bg-violet-950\/50:is(.dark *){
  background-color: rgb(46 16 101 / 0.5);
}
.dark\:bg-warning-bg:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-warning-bg) / var(--tw-bg-opacity, 1));
}
.dark\:bg-warning-bg\/20:is(.dark *){
  background-color: rgb(var(--ui-warning-bg) / 0.2);
}
.dark\:bg-white:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:bg-yellow-700\/20:is(.dark *){
  background-color: rgb(161 98 7 / 0.2);
}
.dark\:bg-yellow-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(133 77 14 / var(--tw-bg-opacity, 1));
}
.dark\:bg-yellow-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
}
.dark\:bg-yellow-900\/20:is(.dark *){
  background-color: rgb(113 63 18 / 0.2);
}
.dark\:bg-yellow-900\/30:is(.dark *){
  background-color: rgb(113 63 18 / 0.3);
}
.dark\:bg-yellow-900\/40:is(.dark *){
  background-color: rgb(113 63 18 / 0.4);
}
.dark\:bg-yellow-900\/90:is(.dark *){
  background-color: rgb(113 63 18 / 0.9);
}
.dark\:bg-yellow-950\/40:is(.dark *){
  background-color: rgb(66 32 6 / 0.4);
}
.dark\:bg-yellow-950\/50:is(.dark *){
  background-color: rgb(66 32 6 / 0.5);
}
.dark\:bg-opacity-70:is(.dark *){
  --tw-bg-opacity: 0.7;
}
.dark\:bg-\[linear-gradient\(135deg\2c rgba\(15\2c 23\2c 42\2c 0\.98\)_0\%\2c rgba\(2\2c 6\2c 23\2c 0\.96\)_100\%\)\]:is(.dark *){
  background-image: linear-gradient(135deg,rgba(15,23,42,0.98) 0%,rgba(2,6,23,0.96) 100%);
}
.dark\:bg-\[linear-gradient\(160deg\2c \#12151a\2c \#0a0d14_78\%\)\]:is(.dark *){
  background-image: linear-gradient(160deg,#12151a,#0a0d14 78%);
}
.dark\:bg-\[radial-gradient\(circle_at_50\%_50\%\2c rgba\(120\2c 119\2c 198\2c 0\.03\)\2c transparent_50\%\)\]:is(.dark *){
  background-image: radial-gradient(circle at 50% 50%,rgba(120,119,198,0.03),transparent 50%);
}
.dark\:bg-\[radial-gradient\(circle_at_50\%_50\%\2c rgba\(120\2c 119\2c 198\2c 0\.05\)\2c transparent_50\%\)\]:is(.dark *){
  background-image: radial-gradient(circle at 50% 50%,rgba(120,119,198,0.05),transparent 50%);
}
.dark\:bg-\[radial-gradient\(circle_at_top\2c \#0f172a_0\%\2c \#111827_48\%\2c \#020617_100\%\)\]:is(.dark *){
  background-image: radial-gradient(circle at top,#0f172a 0%,#111827 48%,#020617 100%);
}
.dark\:from-\[\#0a0d14\]:is(.dark *){
  --tw-gradient-from: #0a0d14 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 13 20 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#12151c\]:is(.dark *){
  --tw-gradient-from: #12151c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(18 21 28 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#121820\]:is(.dark *){
  --tw-gradient-from: #121820 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(18 24 32 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#121a18\]:is(.dark *){
  --tw-gradient-from: #121a18 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(18 26 24 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#151a14\]:is(.dark *){
  --tw-gradient-from: #151a14 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(21 26 20 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#17141c\]:is(.dark *){
  --tw-gradient-from: #17141c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(23 20 28 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#1a1712\]:is(.dark *){
  --tw-gradient-from: #1a1712 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 23 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-amber-500:is(.dark *){
  --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-amber-900\/20:is(.dark *){
  --tw-gradient-from: rgb(120 53 15 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-amber-900\/30:is(.dark *){
  --tw-gradient-from: rgb(120 53 15 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-amber-900\/50:is(.dark *){
  --tw-gradient-from: rgb(120 53 15 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-amber-950\/40:is(.dark *){
  --tw-gradient-from: rgb(69 26 3 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(69 26 3 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-400:is(.dark *){
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-500:is(.dark *){
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-600:is(.dark *){
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-700:is(.dark *){
  --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-800:is(.dark *){
  --tw-gradient-from: #1e40af var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-900\/10:is(.dark *){
  --tw-gradient-from: rgb(30 58 138 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-900\/20:is(.dark *){
  --tw-gradient-from: rgb(30 58 138 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-900\/30:is(.dark *){
  --tw-gradient-from: rgb(30 58 138 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-900\/40:is(.dark *){
  --tw-gradient-from: rgb(30 58 138 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-900\/50:is(.dark *){
  --tw-gradient-from: rgb(30 58 138 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-blue-950\/40:is(.dark *){
  --tw-gradient-from: rgb(23 37 84 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-dark-700:is(.dark *){
  --tw-gradient-from: #374151 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-dark-800:is(.dark *){
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-dark-900:is(.dark *){
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-emerald-400:is(.dark *){
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-emerald-500:is(.dark *){
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-emerald-900\/10:is(.dark *){
  --tw-gradient-from: rgb(6 78 59 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-emerald-900\/20:is(.dark *){
  --tw-gradient-from: rgb(6 78 59 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-emerald-900\/30:is(.dark *){
  --tw-gradient-from: rgb(6 78 59 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-emerald-900\/50:is(.dark *){
  --tw-gradient-from: rgb(6 78 59 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-emerald-950\/40:is(.dark *){
  --tw-gradient-from: rgb(2 44 34 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-gray-700:is(.dark *){
  --tw-gradient-from: #374151 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-gray-800:is(.dark *){
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-green-900\/20:is(.dark *){
  --tw-gradient-from: rgb(20 83 45 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-green-900\/30:is(.dark *){
  --tw-gradient-from: rgb(20 83 45 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-green-900\/50:is(.dark *){
  --tw-gradient-from: rgb(20 83 45 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-indigo-900\/20:is(.dark *){
  --tw-gradient-from: rgb(49 46 129 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-indigo-900\/30:is(.dark *){
  --tw-gradient-from: rgb(49 46 129 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-indigo-900\/50:is(.dark *){
  --tw-gradient-from: rgb(49 46 129 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-indigo-950\/30:is(.dark *){
  --tw-gradient-from: rgb(30 27 75 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-indigo-950\/40:is(.dark *){
  --tw-gradient-from: rgb(30 27 75 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 27 75 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-orange-900\/20:is(.dark *){
  --tw-gradient-from: rgb(124 45 18 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-orange-900\/30:is(.dark *){
  --tw-gradient-from: rgb(124 45 18 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-orange-950\/40:is(.dark *){
  --tw-gradient-from: rgb(67 20 7 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(67 20 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-pink-950\/40:is(.dark *){
  --tw-gradient-from: rgb(80 7 36 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(80 7 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-primary-400:is(.dark *){
  --tw-gradient-from: #b4d647 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(180 214 71 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-primary-500:is(.dark *){
  --tw-gradient-from: rgb(var(--ui-primary) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--ui-primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-primary-700:is(.dark *){
  --tw-gradient-from: #6f9423 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(111 148 35 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-primary-900\/20:is(.dark *){
  --tw-gradient-from: rgb(72 95 30 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(72 95 30 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-primary-900\/30:is(.dark *){
  --tw-gradient-from: rgb(72 95 30 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(72 95 30 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-primary-900\/40:is(.dark *){
  --tw-gradient-from: rgb(72 95 30 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(72 95 30 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-purple-900\/20:is(.dark *){
  --tw-gradient-from: rgb(88 28 135 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-purple-900\/30:is(.dark *){
  --tw-gradient-from: rgb(88 28 135 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-purple-900\/50:is(.dark *){
  --tw-gradient-from: rgb(88 28 135 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-purple-950\/40:is(.dark *){
  --tw-gradient-from: rgb(59 7 100 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-red-500:is(.dark *){
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-red-900\/20:is(.dark *){
  --tw-gradient-from: rgb(127 29 29 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-red-900\/30:is(.dark *){
  --tw-gradient-from: rgb(127 29 29 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-red-950\/40:is(.dark *){
  --tw-gradient-from: rgb(69 10 10 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(69 10 10 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-rose-900\/20:is(.dark *){
  --tw-gradient-from: rgb(136 19 55 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(136 19 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-700:is(.dark *){
  --tw-gradient-from: #334155 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-800:is(.dark *){
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-800\/30:is(.dark *){
  --tw-gradient-from: rgb(30 41 59 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-800\/40:is(.dark *){
  --tw-gradient-from: rgb(30 41 59 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-800\/50:is(.dark *){
  --tw-gradient-from: rgb(30 41 59 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-900:is(.dark *){
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-900\/90:is(.dark *){
  --tw-gradient-from: rgb(15 23 42 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-900\/95:is(.dark *){
  --tw-gradient-from: rgb(15 23 42 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-950:is(.dark *){
  --tw-gradient-from: #020617 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-teal-900\/50:is(.dark *){
  --tw-gradient-from: rgb(19 78 74 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 78 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-teal-950\/40:is(.dark *){
  --tw-gradient-from: rgb(4 47 46 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(4 47 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-yellow-900\/20:is(.dark *){
  --tw-gradient-from: rgb(113 63 18 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:via-\[\#0f1419\]:is(.dark *){
  --tw-gradient-to: rgb(15 20 25 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f1419 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-amber-900\/30:is(.dark *){
  --tw-gradient-to: rgb(120 53 15 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(120 53 15 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-blue-900\/30:is(.dark *){
  --tw-gradient-to: rgb(30 58 138 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(30 58 138 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-cyan-900\/30:is(.dark *){
  --tw-gradient-to: rgb(22 78 99 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(22 78 99 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-dark-800:is(.dark *){
  --tw-gradient-to: rgb(31 41 55 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1f2937 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-emerald-900\/30:is(.dark *){
  --tw-gradient-to: rgb(6 78 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(6 78 59 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-gray-900:is(.dark *){
  --tw-gradient-to: rgb(17 24 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-green-900\/30:is(.dark *){
  --tw-gradient-to: rgb(20 83 45 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(20 83 45 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-indigo-900\/30:is(.dark *){
  --tw-gradient-to: rgb(49 46 129 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(49 46 129 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-primary-800:is(.dark *){
  --tw-gradient-to: rgb(87 116 31 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #57741f var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-purple-900\/30:is(.dark *){
  --tw-gradient-to: rgb(88 28 135 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(88 28 135 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-rose-900\/30:is(.dark *){
  --tw-gradient-to: rgb(136 19 55 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(136 19 55 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-slate-800:is(.dark *){
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-slate-900:is(.dark *){
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-slate-900\/50:is(.dark *){
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(15 23 42 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-slate-900\/85:is(.dark *){
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(15 23 42 / 0.85) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-violet-900\/30:is(.dark *){
  --tw-gradient-to: rgb(76 29 149 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(76 29 149 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-yellow-900\/30:is(.dark *){
  --tw-gradient-to: rgb(113 63 18 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(113 63 18 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:to-\[\#0f1218\]:is(.dark *){
  --tw-gradient-to: #0f1218 var(--tw-gradient-to-position);
}
.dark\:to-\[\#12151c\]:is(.dark *){
  --tw-gradient-to: #12151c var(--tw-gradient-to-position);
}
.dark\:to-\[\#151a14\]:is(.dark *){
  --tw-gradient-to: #151a14 var(--tw-gradient-to-position);
}
.dark\:to-\[color-mix\(in_srgb\2c \#8b939e_10\%\2c transparent\)\]:is(.dark *){
  --tw-gradient-to: color-mix(in srgb,#8b939e 10%,transparent) var(--tw-gradient-to-position);
}
.dark\:to-amber-600:is(.dark *){
  --tw-gradient-to: #b45309 var(--tw-gradient-to-position);
}
.dark\:to-amber-700:is(.dark *){
  --tw-gradient-to: #b45309 var(--tw-gradient-to-position);
}
.dark\:to-amber-800\/30:is(.dark *){
  --tw-gradient-to: rgb(146 64 14 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-amber-800\/50:is(.dark *){
  --tw-gradient-to: rgb(146 64 14 / 0.5) var(--tw-gradient-to-position);
}
.dark\:to-amber-900\/10:is(.dark *){
  --tw-gradient-to: rgb(120 53 15 / 0.1) var(--tw-gradient-to-position);
}
.dark\:to-amber-950\/20:is(.dark *){
  --tw-gradient-to: rgb(69 26 3 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-blue-500:is(.dark *){
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}
.dark\:to-blue-600:is(.dark *){
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.dark\:to-blue-700:is(.dark *){
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.dark\:to-blue-800\/10:is(.dark *){
  --tw-gradient-to: rgb(30 64 175 / 0.1) var(--tw-gradient-to-position);
}
.dark\:to-blue-800\/20:is(.dark *){
  --tw-gradient-to: rgb(30 64 175 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-blue-800\/30:is(.dark *){
  --tw-gradient-to: rgb(30 64 175 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-blue-800\/50:is(.dark *){
  --tw-gradient-to: rgb(30 64 175 / 0.5) var(--tw-gradient-to-position);
}
.dark\:to-blue-900:is(.dark *){
  --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position);
}
.dark\:to-blue-900\/10:is(.dark *){
  --tw-gradient-to: rgb(30 58 138 / 0.1) var(--tw-gradient-to-position);
}
.dark\:to-blue-900\/20:is(.dark *){
  --tw-gradient-to: rgb(30 58 138 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-blue-900\/30:is(.dark *){
  --tw-gradient-to: rgb(30 58 138 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-blue-900\/40:is(.dark *){
  --tw-gradient-to: rgb(30 58 138 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-cyan-900\/30:is(.dark *){
  --tw-gradient-to: rgb(22 78 99 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-dark-600:is(.dark *){
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}
.dark\:to-dark-700:is(.dark *){
  --tw-gradient-to: #374151 var(--tw-gradient-to-position);
}
.dark\:to-dark-800:is(.dark *){
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}
.dark\:to-dark-900:is(.dark *){
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.dark\:to-emerald-500:is(.dark *){
  --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
}
.dark\:to-emerald-600:is(.dark *){
  --tw-gradient-to: #047857 var(--tw-gradient-to-position);
}
.dark\:to-emerald-800\/10:is(.dark *){
  --tw-gradient-to: rgb(6 95 70 / 0.1) var(--tw-gradient-to-position);
}
.dark\:to-emerald-800\/20:is(.dark *){
  --tw-gradient-to: rgb(6 95 70 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-emerald-800\/30:is(.dark *){
  --tw-gradient-to: rgb(6 95 70 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-emerald-800\/50:is(.dark *){
  --tw-gradient-to: rgb(6 95 70 / 0.5) var(--tw-gradient-to-position);
}
.dark\:to-emerald-900\/10:is(.dark *){
  --tw-gradient-to: rgb(6 78 59 / 0.1) var(--tw-gradient-to-position);
}
.dark\:to-emerald-900\/20:is(.dark *){
  --tw-gradient-to: rgb(6 78 59 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-emerald-900\/30:is(.dark *){
  --tw-gradient-to: rgb(6 78 59 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-fuchsia-900\/30:is(.dark *){
  --tw-gradient-to: rgb(112 26 117 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-gray-800:is(.dark *){
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}
.dark\:to-gray-900:is(.dark *){
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.dark\:to-green-800\/20:is(.dark *){
  --tw-gradient-to: rgb(22 101 52 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-green-800\/30:is(.dark *){
  --tw-gradient-to: rgb(22 101 52 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-green-800\/50:is(.dark *){
  --tw-gradient-to: rgb(22 101 52 / 0.5) var(--tw-gradient-to-position);
}
.dark\:to-green-900\/20:is(.dark *){
  --tw-gradient-to: rgb(20 83 45 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-green-900\/40:is(.dark *){
  --tw-gradient-to: rgb(20 83 45 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-indigo-700:is(.dark *){
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}
.dark\:to-indigo-800\/50:is(.dark *){
  --tw-gradient-to: rgb(55 48 163 / 0.5) var(--tw-gradient-to-position);
}
.dark\:to-indigo-900\/20:is(.dark *){
  --tw-gradient-to: rgb(49 46 129 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-indigo-900\/40:is(.dark *){
  --tw-gradient-to: rgb(49 46 129 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-orange-800\/10:is(.dark *){
  --tw-gradient-to: rgb(154 52 18 / 0.1) var(--tw-gradient-to-position);
}
.dark\:to-orange-800\/30:is(.dark *){
  --tw-gradient-to: rgb(154 52 18 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-orange-900\/10:is(.dark *){
  --tw-gradient-to: rgb(124 45 18 / 0.1) var(--tw-gradient-to-position);
}
.dark\:to-orange-900\/30:is(.dark *){
  --tw-gradient-to: rgb(124 45 18 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-pink-900\/20:is(.dark *){
  --tw-gradient-to: rgb(131 24 67 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-pink-900\/30:is(.dark *){
  --tw-gradient-to: rgb(131 24 67 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-primary-600:is(.dark *){
  --tw-gradient-to: #8fbc2e var(--tw-gradient-to-position);
}
.dark\:to-primary-700:is(.dark *){
  --tw-gradient-to: #6f9423 var(--tw-gradient-to-position);
}
.dark\:to-primary-800:is(.dark *){
  --tw-gradient-to: #57741f var(--tw-gradient-to-position);
}
.dark\:to-primary-800\/10:is(.dark *){
  --tw-gradient-to: rgb(87 116 31 / 0.1) var(--tw-gradient-to-position);
}
.dark\:to-primary-800\/20:is(.dark *){
  --tw-gradient-to: rgb(87 116 31 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-primary-800\/30:is(.dark *){
  --tw-gradient-to: rgb(87 116 31 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-primary-900\/20:is(.dark *){
  --tw-gradient-to: rgb(72 95 30 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-primary-900\/40:is(.dark *){
  --tw-gradient-to: rgb(72 95 30 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-purple-800\/10:is(.dark *){
  --tw-gradient-to: rgb(107 33 168 / 0.1) var(--tw-gradient-to-position);
}
.dark\:to-purple-800\/20:is(.dark *){
  --tw-gradient-to: rgb(107 33 168 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-purple-800\/30:is(.dark *){
  --tw-gradient-to: rgb(107 33 168 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-purple-800\/50:is(.dark *){
  --tw-gradient-to: rgb(107 33 168 / 0.5) var(--tw-gradient-to-position);
}
.dark\:to-purple-900\/20:is(.dark *){
  --tw-gradient-to: rgb(88 28 135 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-purple-900\/30:is(.dark *){
  --tw-gradient-to: rgb(88 28 135 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-purple-900\/40:is(.dark *){
  --tw-gradient-to: rgb(88 28 135 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-red-600:is(.dark *){
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}
.dark\:to-red-800\/20:is(.dark *){
  --tw-gradient-to: rgb(153 27 27 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-red-800\/30:is(.dark *){
  --tw-gradient-to: rgb(153 27 27 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-red-900\/40:is(.dark *){
  --tw-gradient-to: rgb(127 29 29 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-rose-800\/20:is(.dark *){
  --tw-gradient-to: rgb(159 18 57 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-sky-950\/20:is(.dark *){
  --tw-gradient-to: rgb(8 47 73 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-slate-600:is(.dark *){
  --tw-gradient-to: #475569 var(--tw-gradient-to-position);
}
.dark\:to-slate-800:is(.dark *){
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}
.dark\:to-slate-900:is(.dark *){
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}
.dark\:to-slate-900\/70:is(.dark *){
  --tw-gradient-to: rgb(15 23 42 / 0.7) var(--tw-gradient-to-position);
}
.dark\:to-slate-950:is(.dark *){
  --tw-gradient-to: #020617 var(--tw-gradient-to-position);
}
.dark\:to-slate-950\/95:is(.dark *){
  --tw-gradient-to: rgb(2 6 23 / 0.95) var(--tw-gradient-to-position);
}
.dark\:to-teal-800\/50:is(.dark *){
  --tw-gradient-to: rgb(17 94 89 / 0.5) var(--tw-gradient-to-position);
}
.dark\:to-teal-900\/20:is(.dark *){
  --tw-gradient-to: rgb(19 78 74 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-teal-900\/30:is(.dark *){
  --tw-gradient-to: rgb(19 78 74 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-teal-950\/20:is(.dark *){
  --tw-gradient-to: rgb(4 47 46 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-teal-950\/30:is(.dark *){
  --tw-gradient-to: rgb(4 47 46 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-transparent:is(.dark *){
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.dark\:to-yellow-800\/20:is(.dark *){
  --tw-gradient-to: rgb(133 77 14 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-yellow-900\/30:is(.dark *){
  --tw-gradient-to: rgb(113 63 18 / 0.3) var(--tw-gradient-to-position);
}
.dark\:fill-dark-800:is(.dark *){
  fill: #1f2937;
}
.dark\:text-\[\#8b939e\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(139 147 158 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#c5ccd4\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(197 204 212 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#d4ec7a\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(212 236 122 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#e8eaed\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(232 234 237 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#f5f5f7\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(245 245 247 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#ff8a80\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 138 128 / var(--tw-text-opacity, 1));
}
.dark\:text-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_70\%\2c \#94a3b8\)\]:is(.dark *){
  color: color-mix(in srgb,var(--dx-lime,#c8f04a) 70%,#94a3b8);
}
.dark\:text-\[color-mix\(in_srgb\2c var\(--dx-lime\2c \#c8f04a\)_75\%\2c \#94a3b8\)\]:is(.dark *){
  color: color-mix(in srgb,var(--dx-lime,#c8f04a) 75%,#94a3b8);
}
.dark\:text-\[var\(--dx-dna-text\2c \#f5f5f7\)\]:is(.dark *){
  color: var(--dx-dna-text,#f5f5f7);
}
.dark\:text-\[var\(--dx-lime\2c \#9fca3a\)\]:is(.dark *){
  color: var(--dx-lime,#9fca3a);
}
.dark\:text-\[var\(--dx-lime\2c \#c8f04a\)\]:is(.dark *){
  color: var(--dx-lime,#c8f04a);
}
.dark\:text-\[var\(--dx-muted\2c \#8b939e\)\]:is(.dark *){
  color: var(--dx-muted,#8b939e);
}
.dark\:text-amber-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-950:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.dark\:text-brand-ink:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(var(--ui-brand-ink) / var(--tw-text-opacity, 1));
}
.dark\:text-cyan-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(165 243 252 / var(--tw-text-opacity, 1));
}
.dark\:text-cyan-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}
.dark\:text-cyan-300\/70:is(.dark *){
  color: rgb(103 232 249 / 0.7);
}
.dark\:text-cyan-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}
.dark\:text-danger:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(var(--ui-danger) / var(--tw-text-opacity, 1));
}
.dark\:text-dark-600:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.dark\:text-fg:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(var(--ui-text-primary) / var(--tw-text-opacity, 1));
}
.dark\:text-gold-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(238 240 242 / var(--tw-text-opacity, 1));
}
.dark\:text-gold-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(197 204 212 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-50:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(93 101 115 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-600:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-900:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.dark\:text-green-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}
.dark\:text-green-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}
.dark\:text-green-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.dark\:text-green-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.dark\:text-green-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.dark\:text-muted:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(var(--ui-text-muted) / var(--tw-text-opacity, 1));
}
.dark\:text-orange-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 237 213 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 215 170 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.dark\:text-pink-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 207 232 / var(--tw-text-opacity, 1));
}
.dark\:text-pink-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(249 168 212 / var(--tw-text-opacity, 1));
}
.dark\:text-pink-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.dark\:text-primary-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(238 247 208 / var(--tw-text-opacity, 1));
}
.dark\:text-primary-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 237 158 / var(--tw-text-opacity, 1));
}
.dark\:text-primary-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(197 224 95 / var(--tw-text-opacity, 1));
}
.dark\:text-primary-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(180 214 71 / var(--tw-text-opacity, 1));
}
.dark\:text-primary-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(var(--ui-primary) / var(--tw-text-opacity, 1));
}
.dark\:text-purple-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.dark\:text-red-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}
.dark\:text-red-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.dark\:text-red-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.dark\:text-red-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:text-red-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 228 230 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-400\/80:is(.dark *){
  color: rgb(251 113 133 / 0.8);
}
.dark\:text-sky-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(186 230 253 / var(--tw-text-opacity, 1));
}
.dark\:text-sky-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}
.dark\:text-sky-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-50:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(85 98 119 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-900:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.dark\:text-success:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(var(--ui-success) / var(--tw-text-opacity, 1));
}
.dark\:text-teal-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(204 251 241 / var(--tw-text-opacity, 1));
}
.dark\:text-teal-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(153 246 228 / var(--tw-text-opacity, 1));
}
.dark\:text-teal-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
}
.dark\:text-teal-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.dark\:text-warning:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(var(--ui-warning) / var(--tw-text-opacity, 1));
}
.dark\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 249 195 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-gray-400:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(93 101 115 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-gray-500:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(93 101 115 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-slate-400:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-slate-400:is(.dark *)::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.dark\:opacity-35:is(.dark *){
  opacity: 0.35;
}
.dark\:opacity-60:is(.dark *){
  opacity: 0.6;
}
.dark\:opacity-\[0\.03\]:is(.dark *){
  opacity: 0.03;
}
.dark\:opacity-\[0\.05\]:is(.dark *){
  opacity: 0.05;
}
.dark\:shadow-2xl:is(.dark *){
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_12px_30px_rgba\(15\2c 23\2c 42\2c 0\.35\)\]:is(.dark *){
  --tw-shadow: 0 12px 30px rgba(15,23,42,0.35);
  --tw-shadow-colored: 0 12px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_14px_34px_rgba\(0\2c 0\2c 0\2c 0\.38\)\2c 0_0_20px_rgba\(200\2c 240\2c 74\2c 0\.12\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.08\)\]:is(.dark *){
  --tw-shadow: 0 14px 34px rgba(0,0,0,0.38),0 0 20px rgba(200,240,74,0.12),inset 0 1px 0 rgba(255,255,255,0.08);
  --tw-shadow-colored: 0 14px 34px var(--tw-shadow-color), 0 0 20px var(--tw-shadow-color), inset 0 1px 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);
}
.dark\:shadow-\[0_14px_34px_rgba\(0\2c 0\2c 0\2c 0\.38\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.08\)\]:is(.dark *){
  --tw-shadow: 0 14px 34px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.08);
  --tw-shadow-colored: 0 14px 34px var(--tw-shadow-color), inset 0 1px 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);
}
.dark\:shadow-\[inset_3px_0_0_0_rgba\(164\2c 208\2c 55\2c 0\.55\)\]:is(.dark *){
  --tw-shadow: inset 3px 0 0 0 rgba(164,208,55,0.55);
  --tw-shadow-colored: inset 3px 0 0 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);
}
.dark\:shadow-lg:is(.dark *){
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-none:is(.dark *){
  --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);
}
.dark\:shadow-amber-500\/10:is(.dark *){
  --tw-shadow-color: rgb(245 158 11 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-amber-500\/40:is(.dark *){
  --tw-shadow-color: rgb(245 158 11 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-amber-900\/30:is(.dark *){
  --tw-shadow-color: rgb(120 53 15 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-black\/20:is(.dark *){
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-black\/30:is(.dark *){
  --tw-shadow-color: rgb(0 0 0 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-black\/40:is(.dark *){
  --tw-shadow-color: rgb(0 0 0 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-blue-500\/10:is(.dark *){
  --tw-shadow-color: rgb(59 130 246 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-blue-500\/20:is(.dark *){
  --tw-shadow-color: rgb(59 130 246 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-blue-500\/40:is(.dark *){
  --tw-shadow-color: rgb(59 130 246 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-blue-900\/30:is(.dark *){
  --tw-shadow-color: rgb(30 58 138 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-emerald-500\/10:is(.dark *){
  --tw-shadow-color: rgb(16 185 129 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-emerald-500\/20:is(.dark *){
  --tw-shadow-color: rgb(16 185 129 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-emerald-500\/40:is(.dark *){
  --tw-shadow-color: rgb(16 185 129 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-emerald-900\/30:is(.dark *){
  --tw-shadow-color: rgb(6 78 59 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-gray-600\/30:is(.dark *){
  --tw-shadow-color: rgb(75 85 99 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-gray-900\/20:is(.dark *){
  --tw-shadow-color: rgb(17 24 39 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-indigo-500\/40:is(.dark *){
  --tw-shadow-color: rgb(99 102 241 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-indigo-900\/30:is(.dark *){
  --tw-shadow-color: rgb(49 46 129 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-orange-500\/40:is(.dark *){
  --tw-shadow-color: rgb(249 115 22 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-orange-900\/30:is(.dark *){
  --tw-shadow-color: rgb(124 45 18 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-pink-500\/40:is(.dark *){
  --tw-shadow-color: rgb(236 72 153 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-pink-900\/30:is(.dark *){
  --tw-shadow-color: rgb(131 24 67 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-primary-900\/50:is(.dark *){
  --tw-shadow-color: rgb(72 95 30 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-purple-500\/40:is(.dark *){
  --tw-shadow-color: rgb(168 85 247 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-purple-900\/30:is(.dark *){
  --tw-shadow-color: rgb(88 28 135 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-red-500\/40:is(.dark *){
  --tw-shadow-color: rgb(239 68 68 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-red-900\/30:is(.dark *){
  --tw-shadow-color: rgb(127 29 29 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-sky-500\/40:is(.dark *){
  --tw-shadow-color: rgb(14 165 233 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-sky-900\/30:is(.dark *){
  --tw-shadow-color: rgb(12 74 110 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-teal-500\/40:is(.dark *){
  --tw-shadow-color: rgb(20 184 166 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:shadow-teal-900\/30:is(.dark *){
  --tw-shadow-color: rgb(19 78 74 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:ring-\[rgba\(164\2c 208\2c 55\2c 0\.16\)\]:is(.dark *){
  --tw-ring-color: rgba(164,208,55,0.16);
}
.dark\:ring-\[rgba\(164\2c 208\2c 55\2c 0\.28\)\]:is(.dark *){
  --tw-ring-color: rgba(164,208,55,0.28);
}
.dark\:ring-\[rgba\(164\2c 208\2c 55\2c 0\.35\)\]:is(.dark *){
  --tw-ring-color: rgba(164,208,55,0.35);
}
.dark\:ring-amber-500:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1));
}
.dark\:ring-amber-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(180 83 9 / var(--tw-ring-opacity, 1));
}
.dark\:ring-blue-500:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.dark\:ring-blue-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity, 1));
}
.dark\:ring-brand-ink\/\[0\.35\]:is(.dark *){
  --tw-ring-color: rgb(var(--ui-brand-ink) / 0.35);
}
.dark\:ring-brand-ink\/\[0\.4\]:is(.dark *){
  --tw-ring-color: rgb(var(--ui-brand-ink) / 0.4);
}
.dark\:ring-cyan-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 116 144 / var(--tw-ring-opacity, 1));
}
.dark\:ring-dark-800:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1));
}
.dark\:ring-emerald-500:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1));
}
.dark\:ring-gray-500\/30:is(.dark *){
  --tw-ring-color: rgb(93 101 115 / 0.3);
}
.dark\:ring-green-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity, 1));
}
.dark\:ring-indigo-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(67 56 202 / var(--tw-ring-opacity, 1));
}
.dark\:ring-primary-500:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--ui-primary) / var(--tw-ring-opacity, 1));
}
.dark\:ring-primary-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(111 148 35 / var(--tw-ring-opacity, 1));
}
.dark\:ring-primary-800\/40:is(.dark *){
  --tw-ring-color: rgb(87 116 31 / 0.4);
}
.dark\:ring-primary-900\/30:is(.dark *){
  --tw-ring-color: rgb(72 95 30 / 0.3);
}
.dark\:ring-primary\/10:is(.dark *){
  --tw-ring-color: rgb(var(--ui-primary) / 0.1);
}
.dark\:ring-purple-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(126 34 206 / var(--tw-ring-opacity, 1));
}
.dark\:ring-red-400:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.dark\:ring-rose-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(190 18 60 / var(--tw-ring-opacity, 1));
}
.dark\:ring-rose-700\/60:is(.dark *){
  --tw-ring-color: rgb(190 18 60 / 0.6);
}
.dark\:ring-slate-900:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1));
}
.dark\:ring-teal-700:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 118 110 / var(--tw-ring-opacity, 1));
}
.dark\:ring-white\/10:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.dark\:ring-offset-dark-800:is(.dark *){
  --tw-ring-offset-color: #1f2937;
}
.dark\:drop-shadow-\[0_0_10px_rgba\(200\2c 240\2c 74\2c 0\.38\)\]:is(.dark *){
  --tw-drop-shadow: drop-shadow(0 0 10px rgba(200,240,74,0.38));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.dark\:\[color-scheme\:dark\]:is(.dark *){
  color-scheme: dark;
}
.dark\:file\:bg-primary-900\/20:is(.dark *)::file-selector-button{
  background-color: rgb(72 95 30 / 0.2);
}
.dark\:file\:text-primary-300:is(.dark *)::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(197 224 95 / var(--tw-text-opacity, 1));
}
.dark\:file\:text-primary-400:is(.dark *)::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(180 214 71 / var(--tw-text-opacity, 1));
}
.dark\:placeholder\:text-gray-400:is(.dark *)::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dark\:placeholder\:text-gray-400:is(.dark *)::placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dark\:placeholder\:text-slate-500:is(.dark *)::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(85 98 119 / var(--tw-text-opacity, 1));
}
.dark\:placeholder\:text-slate-500:is(.dark *)::placeholder{
  --tw-text-opacity: 1;
  color: rgb(85 98 119 / var(--tw-text-opacity, 1));
}
.dark\:even\:bg-dark-800\/50:nth-child(even):is(.dark *){
  background-color: rgb(31 41 55 / 0.5);
}
.dark\:focus-within\:border-primary-500:focus-within:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-\[\#3a4047\]:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(58 64 71 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-\[rgba\(164\2c 208\2c 55\2c 0\.4\)\]:hover:is(.dark *){
  border-color: rgba(164,208,55,0.4);
}
.dark\:hover\:border-blue-500:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-blue-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-blue-700:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-brand-ink\/\[0\.4\]:hover:is(.dark *){
  border-color: rgb(var(--ui-brand-ink) / 0.4);
}
.dark\:hover\:border-brand-lime-on-dark:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-brand-lime-on-dark) / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-dark-500:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-emerald-500:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-emerald-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-emerald-700:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-gray-500:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(93 101 115 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-green-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-primary-400:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(180 214 71 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-primary-500:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-primary-500\/60:hover:is(.dark *){
  border-color: rgb(var(--ui-primary) / 0.6);
}
.dark\:hover\:border-primary-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(143 188 46 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-primary-700:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(111 148 35 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-primary\/80:hover:is(.dark *){
  border-color: rgb(var(--ui-primary) / 0.8);
}
.dark\:hover\:border-purple-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(147 51 234 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-red-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-red-700:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-slate-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-yellow-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
}
.dark\:hover\:bg-\[\#b5db4a\]:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(181 219 74 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.05\)\]:hover:is(.dark *){
  background-color: rgba(164,208,55,0.05);
}
.dark\:hover\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.08\)\]:hover:is(.dark *){
  background-color: rgba(164,208,55,0.08);
}
.dark\:hover\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.1\)\]:hover:is(.dark *){
  background-color: rgba(164,208,55,0.1);
}
.dark\:hover\:bg-\[rgba\(164\2c 208\2c 55\2c 0\.15\)\]:hover:is(.dark *){
  background-color: rgba(164,208,55,0.15);
}
.dark\:hover\:bg-amber-500\/15:hover:is(.dark *){
  background-color: rgb(245 158 11 / 0.15);
}
.dark\:hover\:bg-amber-700\/60:hover:is(.dark *){
  background-color: rgb(180 83 9 / 0.6);
}
.dark\:hover\:bg-amber-900\/20:hover:is(.dark *){
  background-color: rgb(120 53 15 / 0.2);
}
.dark\:hover\:bg-amber-900\/30:hover:is(.dark *){
  background-color: rgb(120 53 15 / 0.3);
}
.dark\:hover\:bg-amber-950\/30:hover:is(.dark *){
  background-color: rgb(69 26 3 / 0.3);
}
.dark\:hover\:bg-black\/30:hover:is(.dark *){
  background-color: rgb(0 0 0 / 0.3);
}
.dark\:hover\:bg-blue-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-blue-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-blue-800\/20:hover:is(.dark *){
  background-color: rgb(30 64 175 / 0.2);
}
.dark\:hover\:bg-blue-900\/10:hover:is(.dark *){
  background-color: rgb(30 58 138 / 0.1);
}
.dark\:hover\:bg-blue-900\/20:hover:is(.dark *){
  background-color: rgb(30 58 138 / 0.2);
}
.dark\:hover\:bg-blue-900\/30:hover:is(.dark *){
  background-color: rgb(30 58 138 / 0.3);
}
.dark\:hover\:bg-blue-900\/40:hover:is(.dark *){
  background-color: rgb(30 58 138 / 0.4);
}
.dark\:hover\:bg-blue-900\/50:hover:is(.dark *){
  background-color: rgb(30 58 138 / 0.5);
}
.dark\:hover\:bg-dark-500:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-dark-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-dark-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-dark-700\/30:hover:is(.dark *){
  background-color: rgb(55 65 81 / 0.3);
}
.dark\:hover\:bg-dark-700\/40:hover:is(.dark *){
  background-color: rgb(55 65 81 / 0.4);
}
.dark\:hover\:bg-dark-700\/50:hover:is(.dark *){
  background-color: rgb(55 65 81 / 0.5);
}
.dark\:hover\:bg-dark-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-dark-900:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-dark-900\/50:hover:is(.dark *){
  background-color: rgb(17 24 39 / 0.5);
}
.dark\:hover\:bg-emerald-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-emerald-900\/10:hover:is(.dark *){
  background-color: rgb(6 78 59 / 0.1);
}
.dark\:hover\:bg-emerald-900\/20:hover:is(.dark *){
  background-color: rgb(6 78 59 / 0.2);
}
.dark\:hover\:bg-emerald-900\/30:hover:is(.dark *){
  background-color: rgb(6 78 59 / 0.3);
}
.dark\:hover\:bg-emerald-900\/40:hover:is(.dark *){
  background-color: rgb(6 78 59 / 0.4);
}
.dark\:hover\:bg-emerald-900\/50:hover:is(.dark *){
  background-color: rgb(6 78 59 / 0.5);
}
.dark\:hover\:bg-gray-500:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(93 101 115 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-700\/60:hover:is(.dark *){
  background-color: rgb(55 65 81 / 0.6);
}
.dark\:hover\:bg-gray-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-900\/30:hover:is(.dark *){
  background-color: rgb(17 24 39 / 0.3);
}
.dark\:hover\:bg-green-900\/20:hover:is(.dark *){
  background-color: rgb(20 83 45 / 0.2);
}
.dark\:hover\:bg-green-900\/30:hover:is(.dark *){
  background-color: rgb(20 83 45 / 0.3);
}
.dark\:hover\:bg-green-900\/50:hover:is(.dark *){
  background-color: rgb(20 83 45 / 0.5);
}
.dark\:hover\:bg-indigo-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-indigo-900\/20:hover:is(.dark *){
  background-color: rgb(49 46 129 / 0.2);
}
.dark\:hover\:bg-indigo-900\/30:hover:is(.dark *){
  background-color: rgb(49 46 129 / 0.3);
}
.dark\:hover\:bg-indigo-900\/40:hover:is(.dark *){
  background-color: rgb(49 46 129 / 0.4);
}
.dark\:hover\:bg-orange-500\/15:hover:is(.dark *){
  background-color: rgb(249 115 22 / 0.15);
}
.dark\:hover\:bg-orange-900\/30:hover:is(.dark *){
  background-color: rgb(124 45 18 / 0.3);
}
.dark\:hover\:bg-orange-950\/25:hover:is(.dark *){
  background-color: rgb(67 20 7 / 0.25);
}
.dark\:hover\:bg-primary:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-primary) / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-primary-900\/20:hover:is(.dark *){
  background-color: rgb(72 95 30 / 0.2);
}
.dark\:hover\:bg-primary-900\/30:hover:is(.dark *){
  background-color: rgb(72 95 30 / 0.3);
}
.dark\:hover\:bg-primary-900\/40:hover:is(.dark *){
  background-color: rgb(72 95 30 / 0.4);
}
.dark\:hover\:bg-primary-900\/50:hover:is(.dark *){
  background-color: rgb(72 95 30 / 0.5);
}
.dark\:hover\:bg-purple-900\/10:hover:is(.dark *){
  background-color: rgb(88 28 135 / 0.1);
}
.dark\:hover\:bg-purple-900\/20:hover:is(.dark *){
  background-color: rgb(88 28 135 / 0.2);
}
.dark\:hover\:bg-purple-900\/30:hover:is(.dark *){
  background-color: rgb(88 28 135 / 0.3);
}
.dark\:hover\:bg-purple-900\/40:hover:is(.dark *){
  background-color: rgb(88 28 135 / 0.4);
}
.dark\:hover\:bg-purple-900\/50:hover:is(.dark *){
  background-color: rgb(88 28 135 / 0.5);
}
.dark\:hover\:bg-red-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-red-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-red-900\/10:hover:is(.dark *){
  background-color: rgb(127 29 29 / 0.1);
}
.dark\:hover\:bg-red-900\/20:hover:is(.dark *){
  background-color: rgb(127 29 29 / 0.2);
}
.dark\:hover\:bg-red-900\/30:hover:is(.dark *){
  background-color: rgb(127 29 29 / 0.3);
}
.dark\:hover\:bg-red-900\/50:hover:is(.dark *){
  background-color: rgb(127 29 29 / 0.5);
}
.dark\:hover\:bg-rose-500\/15:hover:is(.dark *){
  background-color: rgb(244 63 94 / 0.15);
}
.dark\:hover\:bg-rose-900\/20:hover:is(.dark *){
  background-color: rgb(136 19 55 / 0.2);
}
.dark\:hover\:bg-rose-900\/30:hover:is(.dark *){
  background-color: rgb(136 19 55 / 0.3);
}
.dark\:hover\:bg-rose-950\/25:hover:is(.dark *){
  background-color: rgb(76 5 25 / 0.25);
}
.dark\:hover\:bg-secondary-hover:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-secondary-hover) / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-sky-900\/50:hover:is(.dark *){
  background-color: rgb(12 74 110 / 0.5);
}
.dark\:hover\:bg-sky-950\/25:hover:is(.dark *){
  background-color: rgb(8 47 73 / 0.25);
}
.dark\:hover\:bg-slate-200:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-700\/50:hover:is(.dark *){
  background-color: rgb(51 65 85 / 0.5);
}
.dark\:hover\:bg-slate-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-800\/30:hover:is(.dark *){
  background-color: rgb(30 41 59 / 0.3);
}
.dark\:hover\:bg-slate-800\/35:hover:is(.dark *){
  background-color: rgb(30 41 59 / 0.35);
}
.dark\:hover\:bg-slate-800\/60:hover:is(.dark *){
  background-color: rgb(30 41 59 / 0.6);
}
.dark\:hover\:bg-slate-900:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-900\/75:hover:is(.dark *){
  background-color: rgb(15 23 42 / 0.75);
}
.dark\:hover\:bg-slate-950\/80:hover:is(.dark *){
  background-color: rgb(2 6 23 / 0.8);
}
.dark\:hover\:bg-success:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ui-success) / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-teal-900\/20:hover:is(.dark *){
  background-color: rgb(19 78 74 / 0.2);
}
.dark\:hover\:bg-teal-950\/30:hover:is(.dark *){
  background-color: rgb(4 47 46 / 0.3);
}
.dark\:hover\:bg-violet-950\/25:hover:is(.dark *){
  background-color: rgb(46 16 101 / 0.25);
}
.dark\:hover\:bg-white\/10:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.1);
}
.dark\:hover\:bg-white\/5:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.05);
}
.dark\:hover\:bg-yellow-900\/20:hover:is(.dark *){
  background-color: rgb(113 63 18 / 0.2);
}
.dark\:hover\:from-amber-600:hover:is(.dark *){
  --tw-gradient-from: #b45309 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(180 83 9 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:hover\:from-blue-600:hover:is(.dark *){
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:hover\:from-blue-800\/50:hover:is(.dark *){
  --tw-gradient-from: rgb(30 64 175 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:hover\:from-blue-950\/30:hover:is(.dark *){
  --tw-gradient-from: rgb(23 37 84 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:hover\:from-emerald-600:hover:is(.dark *){
  --tw-gradient-from: #047857 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:hover\:from-emerald-950\/30:hover:is(.dark *){
  --tw-gradient-from: rgb(2 44 34 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:hover\:from-orange-950\/30:hover:is(.dark *){
  --tw-gradient-from: rgb(67 20 7 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(67 20 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:hover\:from-primary-900\/50:hover:is(.dark *){
  --tw-gradient-from: rgb(72 95 30 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(72 95 30 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:hover\:from-purple-950\/30:hover:is(.dark *){
  --tw-gradient-from: rgb(59 7 100 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 7 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:hover\:from-red-600:hover:is(.dark *){
  --tw-gradient-from: #b91c1c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:hover\:to-amber-700:hover:is(.dark *){
  --tw-gradient-to: #b45309 var(--tw-gradient-to-position);
}
.dark\:hover\:to-amber-950\/30:hover:is(.dark *){
  --tw-gradient-to: rgb(69 26 3 / 0.3) var(--tw-gradient-to-position);
}
.dark\:hover\:to-blue-700:hover:is(.dark *){
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.dark\:hover\:to-cyan-950\/30:hover:is(.dark *){
  --tw-gradient-to: rgb(8 51 68 / 0.3) var(--tw-gradient-to-position);
}
.dark\:hover\:to-emerald-700:hover:is(.dark *){
  --tw-gradient-to: #047857 var(--tw-gradient-to-position);
}
.dark\:hover\:to-indigo-800\/50:hover:is(.dark *){
  --tw-gradient-to: rgb(55 48 163 / 0.5) var(--tw-gradient-to-position);
}
.dark\:hover\:to-pink-950\/30:hover:is(.dark *){
  --tw-gradient-to: rgb(80 7 36 / 0.3) var(--tw-gradient-to-position);
}
.dark\:hover\:to-primary-800\/50:hover:is(.dark *){
  --tw-gradient-to: rgb(87 116 31 / 0.5) var(--tw-gradient-to-position);
}
.dark\:hover\:to-red-700:hover:is(.dark *){
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}
.dark\:hover\:to-teal-950\/30:hover:is(.dark *){
  --tw-gradient-to: rgb(4 47 46 / 0.3) var(--tw-gradient-to-position);
}
.dark\:hover\:text-blue-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-blue-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-blue-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-blue-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-brand-lime-on-dark:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(var(--ui-brand-lime-on-dark) / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-emerald-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-fg:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(var(--ui-text-primary) / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-green-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-green-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-indigo-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-indigo-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-orange-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-primary-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(238 247 208 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-primary-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(197 224 95 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-primary-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(180 214 71 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-purple-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-red-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-red-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-red-400:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-slate-100:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-slate-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-slate-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-white:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-yellow-200:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}
.dark\:hover\:opacity-60:hover:is(.dark *){
  opacity: 0.6;
}
.dark\:hover\:shadow-\[0_0_15px_rgba\(163\2c 230\2c 53\2c 0\.22\)\]:hover:is(.dark *){
  --tw-shadow: 0 0 15px rgba(163,230,53,0.22);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:hover\:shadow-amber-500\/10:hover:is(.dark *){
  --tw-shadow-color: rgb(245 158 11 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:hover\:shadow-blue-500\/10:hover:is(.dark *){
  --tw-shadow-color: rgb(59 130 246 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:hover\:shadow-blue-500\/20:hover:is(.dark *){
  --tw-shadow-color: rgb(59 130 246 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:hover\:shadow-emerald-500\/10:hover:is(.dark *){
  --tw-shadow-color: rgb(16 185 129 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:focus\:border-\[rgba\(164\2c 208\2c 55\2c 0\.45\)\]:focus:is(.dark *){
  border-color: rgba(164,208,55,0.45);
}
.dark\:focus\:border-blue-400:focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-primary-400:focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(180 214 71 / var(--tw-border-opacity, 1));
}
.dark\:focus\:border-sky-700:focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(3 105 161 / var(--tw-border-opacity, 1));
}
.dark\:focus\:ring-\[rgba\(164\2c 208\2c 55\2c 0\.15\)\]:focus:is(.dark *){
  --tw-ring-color: rgba(164,208,55,0.15);
}
.dark\:focus\:ring-blue-400:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-blue-500:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-blue-800:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-blue-900:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-primary-400:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(180 214 71 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-primary-800:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 116 31 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-primary-900:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(72 95 30 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-primary-900\/40:focus:is(.dark *){
  --tw-ring-color: rgb(72 95 30 / 0.4);
}
.dark\:focus\:ring-primary-900\/50:focus:is(.dark *){
  --tw-ring-color: rgb(72 95 30 / 0.5);
}
.dark\:focus\:ring-sky-900\/30:focus:is(.dark *){
  --tw-ring-color: rgb(12 74 110 / 0.3);
}
.dark\:focus-visible\:ring-offset-slate-900:focus-visible:is(.dark *){
  --tw-ring-offset-color: #0f172a;
}
.dark\:active\:border-primary-500:active:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.dark\:active\:via-slate-900:active:is(.dark *){
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:active\:to-slate-950:active:is(.dark *){
  --tw-gradient-to: #020617 var(--tw-gradient-to-position);
}
.dark\:active\:text-primary-50:active:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(247 251 234 / var(--tw-text-opacity, 1));
}
.dark\:active\:shadow-\[0_0_0_1px_rgba\(164\2c 208\2c 55\2c 0\.28\)\2c 0_10px_28px_rgba\(164\2c 208\2c 55\2c 0\.18\)\]:active:is(.dark *){
  --tw-shadow: 0 0 0 1px rgba(164,208,55,0.28),0 10px 28px rgba(164,208,55,0.18);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 10px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:disabled\:bg-dark-900:disabled:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:disabled\:bg-gray-600:disabled:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.dark\:disabled\:bg-slate-800\/50:disabled:is(.dark *){
  background-color: rgb(30 41 59 / 0.5);
}
.dark\:disabled\:text-gray-400:disabled:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.group:hover .dark\:group-hover\:border-amber-400\/30:is(.dark *){
  border-color: rgb(251 191 36 / 0.3);
}
.group:hover .dark\:group-hover\:text-blue-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.group:hover .dark\:group-hover\:text-green-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.group:hover .dark\:group-hover\:text-primary-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(197 224 95 / var(--tw-text-opacity, 1));
}
.group:hover .dark\:group-hover\:text-primary-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(180 214 71 / var(--tw-text-opacity, 1));
}
.group:hover .dark\:group-hover\:text-red-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.group:hover .dark\:group-hover\:text-slate-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.group:hover .dark\:group-hover\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group:hover .dark\:group-hover\:text-yellow-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.peer:focus ~ .dark\:peer-focus\:ring-blue-800:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
}
.peer:focus ~ .dark\:peer-focus\:ring-primary-800:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 116 31 / var(--tw-ring-opacity, 1));
}
.peer:focus ~ .dark\:peer-focus\:ring-primary-900\/50:is(.dark *){
  --tw-ring-color: rgb(72 95 30 / 0.5);
}
.dark\:data-\[active\=true\]\:border-primary-500[data-active="true"]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--ui-primary) / var(--tw-border-opacity, 1));
}
.dark\:data-\[active\=true\]\:bg-brand-ink\/\[0\.12\][data-active="true"]:is(.dark *){
  background-color: rgb(var(--ui-brand-ink) / 0.12);
}
.dark\:data-\[active\=true\]\:via-slate-900[data-active="true"]:is(.dark *){
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:data-\[active\=true\]\:to-slate-950[data-active="true"]:is(.dark *){
  --tw-gradient-to: #020617 var(--tw-gradient-to-position);
}
.dark\:data-\[active\=true\]\:text-brand-ink[data-active="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(var(--ui-brand-ink) / var(--tw-text-opacity, 1));
}
.dark\:data-\[active\=true\]\:text-primary-50[data-active="true"]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(247 251 234 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 768px){

  .max-md\:sticky{
    position: sticky;
  }

  .max-md\:top-0{
    top: 0px;
  }

  .max-md\:z-10{
    z-index: 10;
  }

  .max-md\:hidden{
    display: none;
  }

  .max-md\:bg-surface{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-surface) / var(--tw-bg-opacity, 1));
  }
}
@media not all and (min-width: 640px){

  .max-sm\:hidden{
    display: none;
  }
}
@media (min-width: 380px){

  .min-\[380px\]\:inline{
    display: inline;
  }
}
@media (min-width: 640px){

  .sm\:static{
    position: static;
  }

  .sm\:bottom-28{
    bottom: 7rem;
  }

  .sm\:bottom-6{
    bottom: 1.5rem;
  }

  .sm\:end-6{
    inset-inline-end: 1.5rem;
  }

  .sm\:left-6{
    left: 1.5rem;
  }

  .sm\:right-4{
    right: 1rem;
  }

  .sm\:right-6{
    right: 1.5rem;
  }

  .sm\:top-4{
    top: 1rem;
  }

  .sm\:top-6{
    top: 1.5rem;
  }

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

  .sm\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .sm\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .sm\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .sm\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .sm\:mb-1{
    margin-bottom: 0.25rem;
  }

  .sm\:mb-1\.5{
    margin-bottom: 0.375rem;
  }

  .sm\:mb-14{
    margin-bottom: 3.5rem;
  }

  .sm\:mb-16{
    margin-bottom: 4rem;
  }

  .sm\:mb-2{
    margin-bottom: 0.5rem;
  }

  .sm\:mb-3{
    margin-bottom: 0.75rem;
  }

  .sm\:mb-4{
    margin-bottom: 1rem;
  }

  .sm\:ml-0{
    margin-left: 0px;
  }

  .sm\:mt-1\.5{
    margin-top: 0.375rem;
  }

  .sm\:mt-10{
    margin-top: 2.5rem;
  }

  .sm\:mt-2{
    margin-top: 0.5rem;
  }

  .sm\:mt-3{
    margin-top: 0.75rem;
  }

  .sm\:mt-4{
    margin-top: 1rem;
  }

  .sm\:block{
    display: block;
  }

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

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

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

  .sm\:table{
    display: table;
  }

  .sm\:table-cell{
    display: table-cell;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:h-10{
    height: 2.5rem;
  }

  .sm\:h-11{
    height: 2.75rem;
  }

  .sm\:h-12{
    height: 3rem;
  }

  .sm\:h-16{
    height: 4rem;
  }

  .sm\:h-20{
    height: 5rem;
  }

  .sm\:h-32{
    height: 8rem;
  }

  .sm\:h-36{
    height: 9rem;
  }

  .sm\:h-4{
    height: 1rem;
  }

  .sm\:h-40{
    height: 10rem;
  }

  .sm\:h-5{
    height: 1.25rem;
  }

  .sm\:h-72{
    height: 18rem;
  }

  .sm\:h-96{
    height: 24rem;
  }

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

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

  .sm\:h-\[calc\(100dvh-2rem\)\]{
    height: calc(100dvh - 2rem);
  }

  .sm\:h-\[calc\(100vh-4rem\)\]{
    height: calc(100vh - 4rem);
  }

  .sm\:h-\[calc\(90vh-4rem\)\]{
    height: calc(90vh - 4rem);
  }

  .sm\:h-auto{
    height: auto;
  }

  .sm\:max-h-32{
    max-height: 8rem;
  }

  .sm\:max-h-36{
    max-height: 9rem;
  }

  .sm\:max-h-80{
    max-height: 20rem;
  }

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

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

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

  .sm\:max-h-\[95dvh\]{
    max-height: 95dvh;
  }

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

  .sm\:max-h-\[calc\(100dvh-5rem\)\]{
    max-height: calc(100dvh - 5rem);
  }

  .sm\:min-h-64{
    min-height: 16rem;
  }

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

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

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

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

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

  .sm\:\!w-auto{
    width: auto !important;
  }

  .sm\:w-10{
    width: 2.5rem;
  }

  .sm\:w-11{
    width: 2.75rem;
  }

  .sm\:w-16{
    width: 4rem;
  }

  .sm\:w-20{
    width: 5rem;
  }

  .sm\:w-32{
    width: 8rem;
  }

  .sm\:w-36{
    width: 9rem;
  }

  .sm\:w-4{
    width: 1rem;
  }

  .sm\:w-40{
    width: 10rem;
  }

  .sm\:w-5{
    width: 1.25rem;
  }

  .sm\:w-64{
    width: 16rem;
  }

  .sm\:w-72{
    width: 18rem;
  }

  .sm\:w-80{
    width: 20rem;
  }

  .sm\:w-96{
    width: 24rem;
  }

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

  .sm\:w-\[35vw\]{
    width: 35vw;
  }

  .sm\:w-\[4\.75rem\]{
    width: 4.75rem;
  }

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

  .sm\:w-\[60vw\]{
    width: 60vw;
  }

  .sm\:w-\[65vw\]{
    width: 65vw;
  }

  .sm\:w-\[min\(40rem\2c calc\(100vw-2rem\)\)\]{
    width: min(40rem, calc(100vw - 2rem));
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:min-w-0{
    min-width: 0px;
  }

  .sm\:min-w-\[100px\]{
    min-width: 100px;
  }

  .sm\:min-w-\[120px\]{
    min-width: 120px;
  }

  .sm\:min-w-\[80px\]{
    min-width: 80px;
  }

  .sm\:max-w-2xl{
    max-width: 42rem;
  }

  .sm\:max-w-3xl{
    max-width: 48rem;
  }

  .sm\:max-w-4xl{
    max-width: 56rem;
  }

  .sm\:max-w-6xl{
    max-width: 72rem;
  }

  .sm\:max-w-\[14rem\]{
    max-width: 14rem;
  }

  .sm\:max-w-\[150px\]{
    max-width: 150px;
  }

  .sm\:max-w-\[16rem\]{
    max-width: 16rem;
  }

  .sm\:max-w-\[200px\]{
    max-width: 200px;
  }

  .sm\:max-w-\[480px\]{
    max-width: 480px;
  }

  .sm\:max-w-\[560px\]{
    max-width: 560px;
  }

  .sm\:max-w-\[90vw\]{
    max-width: 90vw;
  }

  .sm\:max-w-\[95vw\]{
    max-width: 95vw;
  }

  .sm\:max-w-\[calc\(100vw-1\.5rem\)\]{
    max-width: calc(100vw - 1.5rem);
  }

  .sm\:max-w-\[min\(100\%\2c 30rem\)\]{
    max-width: min(100%, 30rem);
  }

  .sm\:max-w-lg{
    max-width: 32rem;
  }

  .sm\:max-w-md{
    max-width: 28rem;
  }

  .sm\:max-w-sm{
    max-width: 24rem;
  }

  .sm\:max-w-xl{
    max-width: 36rem;
  }

  .sm\:max-w-xs{
    max-width: 20rem;
  }

  .sm\:flex-1{
    flex: 1 1 0%;
  }

  .sm\:flex-none{
    flex: none;
  }

  .sm\:shrink-0{
    flex-shrink: 0;
  }

  .sm\:basis-auto{
    flex-basis: auto;
  }

  .sm\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .sm\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[160px_1fr\]{
    grid-template-columns: 160px 1fr;
  }

  .sm\:grid-cols-\[160px_96px_1fr\]{
    grid-template-columns: 160px 96px 1fr;
  }

  .sm\:grid-cols-\[1fr_7rem_auto\]{
    grid-template-columns: 1fr 7rem auto;
  }

  .sm\:grid-cols-\[8rem_1fr_8rem\]{
    grid-template-columns: 8rem 1fr 8rem;
  }

  .sm\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{
    grid-template-columns: minmax(0,1fr) auto;
  }

  .sm\:grid-cols-\[minmax\(6\.5rem\2c 36\%\)_1fr\]{
    grid-template-columns: minmax(6.5rem,36%) 1fr;
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:flex-col{
    flex-direction: column;
  }

  .sm\:flex-wrap{
    flex-wrap: wrap;
  }

  .sm\:items-start{
    align-items: flex-start;
  }

  .sm\:items-end{
    align-items: flex-end;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:justify-start{
    justify-content: flex-start;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:gap-1\.5{
    gap: 0.375rem;
  }

  .sm\:gap-2{
    gap: 0.5rem;
  }

  .sm\:gap-2\.5{
    gap: 0.625rem;
  }

  .sm\:gap-3{
    gap: 0.75rem;
  }

  .sm\:gap-4{
    gap: 1rem;
  }

  .sm\:gap-5{
    gap: 1.25rem;
  }

  .sm\:gap-6{
    gap: 1.5rem;
  }

  .sm\:gap-x-3{
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .sm\:space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-24 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(6rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }

  .sm\:self-auto{
    align-self: auto;
  }

  .sm\:overflow-y-auto{
    overflow-y: auto;
  }

  .sm\:rounded-2xl{
    border-radius: 1.5rem;
  }

  .sm\:rounded-3xl{
    border-radius: 2rem;
  }

  .sm\:rounded-\[28px\]{
    border-radius: 28px;
  }

  .sm\:rounded-\[30px\]{
    border-radius: 30px;
  }

  .sm\:rounded-\[var\(--dx-radius-sm\)\]{
    border-radius: var(--dx-radius-sm);
  }

  .sm\:rounded-lg{
    border-radius: 0.5rem;
  }

  .sm\:rounded-xl{
    border-radius: 1rem;
  }

  .sm\:border{
    border-width: 1px;
  }

  .sm\:border-4{
    border-width: 4px;
  }

  .sm\:border-b-0{
    border-bottom-width: 0px;
  }

  .sm\:border-e{
    border-inline-end-width: 1px;
  }

  .sm\:p-1\.5{
    padding: 0.375rem;
  }

  .sm\:p-10{
    padding: 2.5rem;
  }

  .sm\:p-12{
    padding: 3rem;
  }

  .sm\:p-2{
    padding: 0.5rem;
  }

  .sm\:p-2\.5{
    padding: 0.625rem;
  }

  .sm\:p-3{
    padding: 0.75rem;
  }

  .sm\:p-4{
    padding: 1rem;
  }

  .sm\:p-5{
    padding: 1.25rem;
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:p-7{
    padding: 1.75rem;
  }

  .sm\:p-8{
    padding: 2rem;
  }

  .sm\:px-1\.5{
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .sm\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .sm\:py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .sm\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .sm\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sm\:py-28{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pb-1{
    padding-bottom: 0.25rem;
  }

  .sm\:pb-2{
    padding-bottom: 0.5rem;
  }

  .sm\:pb-20{
    padding-bottom: 5rem;
  }

  .sm\:pb-3{
    padding-bottom: 0.75rem;
  }

  .sm\:pb-4{
    padding-bottom: 1rem;
  }

  .sm\:pb-6{
    padding-bottom: 1.5rem;
  }

  .sm\:pe-0{
    padding-inline-end: 0px;
  }

  .sm\:pt-1\.5{
    padding-top: 0.375rem;
  }

  .sm\:pt-16{
    padding-top: 4rem;
  }

  .sm\:pt-24{
    padding-top: 6rem;
  }

  .sm\:pt-3{
    padding-top: 0.75rem;
  }

  .sm\:text-start{
    text-align: start;
  }

  .sm\:text-2xl{
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.025em;
  }

  .sm\:text-3xl{
    font-size: 1.875rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
  }

  .sm\:text-4xl{
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.025em;
  }

  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: -0.025em;
  }

  .sm\:text-6xl{
    font-size: 3.75rem;
    line-height: 1.1;
    letter-spacing: -0.025em;
  }

  .sm\:text-\[0\.65rem\]{
    font-size: 0.65rem;
  }

  .sm\:text-\[0\.75rem\]{
    font-size: 0.75rem;
  }

  .sm\:text-\[0\.7rem\]{
    font-size: 0.7rem;
  }

  .sm\:text-\[0\.85rem\]{
    font-size: 0.85rem;
  }

  .sm\:text-\[0\.8rem\]{
    font-size: 0.8rem;
  }

  .sm\:text-\[13px\]{
    font-size: 13px;
  }

  .sm\:text-\[14px\]{
    font-size: 14px;
  }

  .sm\:text-\[26px\]{
    font-size: 26px;
  }

  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: -0.025em;
  }

  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.025em;
  }

  .sm\:text-xl{
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: -0.025em;
  }

  .sm\:text-xs{
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.025em;
  }

  .sm\:leading-7{
    line-height: 1.75rem;
  }

  .sm\:leading-tight{
    line-height: 1.25;
  }

  .sm\:shadow-\[0_20px_60px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{
    --tw-shadow: 0 20px 60px rgba(15,23,42,0.08);
    --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .sm\:shadow-\[0_24px_70px_rgba\(15\2c 23\2c 42\2c 0\.10\)\]{
    --tw-shadow: 0 24px 70px rgba(15,23,42,0.10);
    --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

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

  .sm\:hover\:scale-\[1\.02\]:hover{
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    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));
  }
}
@media (min-width: 768px){

  .md\:left-auto{
    left: auto;
  }

  .md\:right-4{
    right: 1rem;
  }

  .md\:right-6{
    right: 1.5rem;
  }

  .md\:top-6{
    top: 1.5rem;
  }

  .md\:order-5{
    order: 5;
  }

  .md\:order-6{
    order: 6;
  }

  .md\:order-last{
    order: 9999;
  }

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

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

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

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

  .md\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .md\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .md\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md\:mb-4{
    margin-bottom: 1rem;
  }

  .md\:mt-2{
    margin-top: 0.5rem;
  }

  .md\:mt-3{
    margin-top: 0.75rem;
  }

  .md\:block{
    display: block;
  }

  .md\:inline{
    display: inline;
  }

  .md\:flex{
    display: flex;
  }

  .md\:table-cell{
    display: table-cell;
  }

  .md\:grid{
    display: grid;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-12{
    height: 3rem;
  }

  .md\:h-14{
    height: 3.5rem;
  }

  .md\:h-16{
    height: 4rem;
  }

  .md\:h-24{
    height: 6rem;
  }

  .md\:h-6{
    height: 1.5rem;
  }

  .md\:h-7{
    height: 1.75rem;
  }

  .md\:h-72{
    height: 18rem;
  }

  .md\:h-8{
    height: 2rem;
  }

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

  .md\:h-\[88vh\]{
    height: 88vh;
  }

  .md\:h-\[calc\(95dvh-9\.5rem\)\]{
    height: calc(95dvh - 9.5rem);
  }

  .md\:h-\[calc\(95vh-4rem\)\]{
    height: calc(95vh - 4rem);
  }

  .md\:max-h-96{
    max-height: 24rem;
  }

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

  .md\:w-12{
    width: 3rem;
  }

  .md\:w-14{
    width: 3.5rem;
  }

  .md\:w-16{
    width: 4rem;
  }

  .md\:w-24{
    width: 6rem;
  }

  .md\:w-6{
    width: 1.5rem;
  }

  .md\:w-64{
    width: 16rem;
  }

  .md\:w-7{
    width: 1.75rem;
  }

  .md\:w-72{
    width: 18rem;
  }

  .md\:w-8{
    width: 2rem;
  }

  .md\:w-80{
    width: 20rem;
  }

  .md\:w-96{
    width: 24rem;
  }

  .md\:w-\[24rem\]{
    width: 24rem;
  }

  .md\:w-\[72vw\]{
    width: 72vw;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:max-w-7xl{
    max-width: 80rem;
  }

  .md\:max-w-md{
    max-width: 28rem;
  }

  .md\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .md\:grid-cols-\[2fr_1fr_1fr_auto\]{
    grid-template-columns: 2fr 1fr 1fr auto;
  }

  .md\:grid-cols-\[minmax\(0\2c 2fr\)_8rem_6rem_minmax\(0\2c 1\.6fr\)_2\.5rem\]{
    grid-template-columns: minmax(0,2fr) 8rem 6rem minmax(0,1.6fr) 2.5rem;
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-row-reverse{
    flex-direction: row-reverse;
  }

  .md\:flex-wrap{
    flex-wrap: wrap;
  }

  .md\:items-start{
    align-items: flex-start;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:gap-12{
    gap: 3rem;
  }

  .md\:gap-14{
    gap: 3.5rem;
  }

  .md\:gap-2{
    gap: 0.5rem;
  }

  .md\:gap-3{
    gap: 0.75rem;
  }

  .md\:gap-4{
    gap: 1rem;
  }

  .md\:gap-5{
    gap: 1.25rem;
  }

  .md\:gap-6{
    gap: 1.5rem;
  }

  .md\:space-y-1 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-8 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }

  .md\:overflow-visible{
    overflow: visible;
  }

  .md\:overflow-y-auto{
    overflow-y: auto;
  }

  .md\:rounded-2xl{
    border-radius: 1.5rem;
  }

  .md\:border-b-0{
    border-bottom-width: 0px;
  }

  .md\:border-r{
    border-right-width: 1px;
  }

  .md\:p-2\.5{
    padding: 0.625rem;
  }

  .md\:p-3{
    padding: 0.75rem;
  }

  .md\:p-4{
    padding: 1rem;
  }

  .md\:p-5{
    padding: 1.25rem;
  }

  .md\:p-6{
    padding: 1.5rem;
  }

  .md\:p-8{
    padding: 2rem;
  }

  .md\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .md\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .md\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:pb-0{
    padding-bottom: 0px;
  }

  .md\:pb-4{
    padding-bottom: 1rem;
  }

  .md\:pb-6{
    padding-bottom: 1.5rem;
  }

  .md\:pb-8{
    padding-bottom: 2rem;
  }

  .md\:pt-1{
    padding-top: 0.25rem;
  }

  .md\:pt-16{
    padding-top: 4rem;
  }

  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.025em;
  }

  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
  }

  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.025em;
  }

  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: -0.025em;
  }

  .md\:text-6xl{
    font-size: 3.75rem;
    line-height: 1.1;
    letter-spacing: -0.025em;
  }

  .md\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }

  .md\:text-\[0\.7rem\]{
    font-size: 0.7rem;
  }

  .md\:text-\[0\.875rem\]{
    font-size: 0.875rem;
  }

  .md\:text-base{
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: -0.025em;
  }

  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.025em;
  }

  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: -0.025em;
  }

  .md\:text-xs{
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.025em;
  }

  .md\:shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 1024px){

  .lg\:sticky{
    position: sticky;
  }

  .lg\:top-4{
    top: 1rem;
  }

  .lg\:order-first{
    order: -9999;
  }

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

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

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

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

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

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

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

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:table-cell{
    display: table-cell;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:w-72{
    width: 18rem;
  }

  .lg\:w-80{
    width: 20rem;
  }

  .lg\:w-\[min\(clamp\(420px\2c 25vw\2c 520px\)\2c calc\(100vw-2rem\)\)\]{
    width: min(clamp(420px, 25vw, 520px), calc(100vw - 2rem));
  }

  .lg\:max-w-\[18rem\]{
    max-width: 18rem;
  }

  .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[0\.8fr_1\.2fr\]{
    grid-template-columns: 0.8fr 1.2fr;
  }

  .lg\:grid-cols-\[1\.2fr_0\.8fr\]{
    grid-template-columns: 1.2fr 0.8fr;
  }

  .lg\:grid-cols-\[180px_180px_1fr\]{
    grid-template-columns: 180px 180px 1fr;
  }

  .lg\:grid-cols-\[1fr_160px_140px_1fr\]{
    grid-template-columns: 1fr 160px 140px 1fr;
  }

  .lg\:grid-cols-\[200px_1fr\]{
    grid-template-columns: 200px 1fr;
  }

  .lg\:grid-cols-\[20rem_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 20rem minmax(0,1fr);
  }

  .lg\:grid-cols-\[220px_1fr\]{
    grid-template-columns: 220px 1fr;
  }

  .lg\:grid-cols-\[2fr_1fr\]{
    grid-template-columns: 2fr 1fr;
  }

  .lg\:grid-cols-\[minmax\(0\2c 0\.9fr\)_minmax\(0\2c 1\.1fr\)\]{
    grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_420px\]{
    grid-template-columns: minmax(0,1fr) 420px;
  }

  .lg\:grid-cols-\[minmax\(0\2c 2fr\)_minmax\(16rem\2c 1fr\)\]{
    grid-template-columns: minmax(0,2fr) minmax(16rem,1fr);
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:items-start{
    align-items: flex-start;
  }

  .lg\:items-end{
    align-items: flex-end;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:gap-12{
    gap: 3rem;
  }

  .lg\:gap-6{
    gap: 1.5rem;
  }

  .lg\:border-b-0{
    border-bottom-width: 0px;
  }

  .lg\:border-s{
    border-inline-start-width: 1px;
  }

  .lg\:border-t-0{
    border-top-width: 0px;
  }

  .lg\:p-12{
    padding: 3rem;
  }

  .lg\:p-6{
    padding: 1.5rem;
  }

  .lg\:p-7{
    padding: 1.75rem;
  }

  .lg\:p-8{
    padding: 2rem;
  }

  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .lg\:pb-8{
    padding-bottom: 2rem;
  }

  .lg\:text-3xl{
    font-size: 1.875rem;
    line-height: 1.4;
    letter-spacing: -0.025em;
  }

  .lg\:text-4xl{
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.025em;
  }

  .lg\:text-5xl{
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: -0.025em;
  }

  .lg\:text-6xl{
    font-size: 3.75rem;
    line-height: 1.1;
    letter-spacing: -0.025em;
  }

  .lg\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }

  .lg\:text-8xl{
    font-size: 6rem;
    line-height: 1;
  }
}
@media (min-width: 1280px){

  .xl\:sticky{
    position: sticky;
  }

  .xl\:top-24{
    top: 6rem;
  }

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

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

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

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

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

  .xl\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .xl\:block{
    display: block;
  }

  .xl\:flex{
    display: flex;
  }

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

  .xl\:hidden{
    display: none;
  }

  .xl\:h-11{
    height: 2.75rem;
  }

  .xl\:min-h-\[calc\(100vh-12rem\)\]{
    min-height: calc(100vh - 12rem);
  }

  .xl\:w-11{
    width: 2.75rem;
  }

  .xl\:w-96{
    width: 24rem;
  }

  .xl\:w-\[42vw\]{
    width: 42vw;
  }

  .xl\:w-\[58vw\]{
    width: 58vw;
  }

  .xl\:w-\[60vw\]{
    width: 60vw;
  }

  .xl\:max-w-\[1440px\]{
    max-width: 1440px;
  }

  .xl\:max-w-\[90rem\]{
    max-width: 90rem;
  }

  .xl\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xl\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xl\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[1\.1fr_0\.9fr\]{
    grid-template-columns: 1.1fr 0.9fr;
  }

  .xl\:grid-cols-\[1fr_320px\]{
    grid-template-columns: 1fr 320px;
  }

  .xl\:grid-cols-\[1fr_360px\]{
    grid-template-columns: 1fr 360px;
  }

  .xl\:grid-cols-\[300px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 300px minmax(0,1fr);
  }

  .xl\:grid-cols-\[360px_1fr\]{
    grid-template-columns: 360px 1fr;
  }

  .xl\:grid-cols-\[minmax\(0\2c 320px\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,320px) minmax(0,1fr);
  }

  .xl\:grid-cols-\[minmax\(16rem\2c 18rem\)_minmax\(0\2c 1fr\)_minmax\(26rem\2c 0\.95fr\)\]{
    grid-template-columns: minmax(16rem,18rem) minmax(0,1fr) minmax(26rem,0.95fr);
  }

  .xl\:gap-3{
    gap: 0.75rem;
  }

  .xl\:self-start{
    align-self: flex-start;
  }

  .xl\:p-4{
    padding: 1rem;
  }

  .xl\:p-8{
    padding: 2rem;
  }

  .xl\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .xl\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .xl\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl\:text-5xl{
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: -0.025em;
  }

  .xl\:text-base{
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .xl\:text-lg{
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: -0.025em;
  }

  .xl\:text-sm{
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.025em;
  }
}
@media (min-width: 1536px){

  .\32xl\:max-w-\[100rem\]{
    max-width: 100rem;
  }

  .\32xl\:max-w-\[1560px\]{
    max-width: 1560px;
  }

  .\32xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .\32xl\:p-10{
    padding: 2.5rem;
  }
}
.rtl\:rotate-0:where([dir="rtl"], [dir="rtl"] *){
  --tw-rotate: 0deg;
  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));
}
.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:bg-gradient-to-l:where([dir="rtl"], [dir="rtl"] *){
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
@media print{

  .print\:static{
    position: static;
  }

  .print\:block{
    display: block;
  }

  .print\:flex{
    display: flex;
  }

  .print\:hidden{
    display: none;
  }

  .print\:h-12{
    height: 3rem;
  }

  .print\:h-\[198mm\]{
    height: 198mm;
  }

  .print\:h-auto{
    height: auto;
  }

  .print\:max-h-none{
    max-height: none;
  }

  .print\:w-\[136mm\]{
    width: 136mm;
  }

  .print\:max-w-full{
    max-width: 100%;
  }

  .print\:max-w-none{
    max-width: none;
  }

  .print\:break-inside-avoid{
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }

  .print\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .print\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .print\:overflow-visible{
    overflow: visible;
  }

  .print\:rounded-none{
    border-radius: 0px;
  }

  .print\:border{
    border-width: 1px;
  }

  .print\:border-0{
    border-width: 0px;
  }

  .print\:border-none{
    border-style: none;
  }

  .print\:bg-gray-50{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }

  .print\:bg-transparent{
    background-color: transparent;
  }

  .print\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

  .print\:p-0{
    padding: 0px;
  }

  .print\:p-4{
    padding: 1rem;
  }

  .print\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .print\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .print\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .print\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .print\:text-2xl{
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.025em;
  }

  .print\:text-sm{
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.025em;
  }

  .print\:text-xl{
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: -0.025em;
  }

  .print\:text-xs{
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.025em;
  }

  .print\:shadow-none{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
.\[\&\&\]\:\!border-0.\[\&\&\]\:\!border-0{
  border-width: 0px !important;
}
.\[\&\&\]\:\!bg-transparent.\[\&\&\]\:\!bg-transparent{
  background-color: transparent !important;
}
.\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor-pointer::-webkit-calendar-picker-indicator{
  cursor: pointer;
}
.\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-70::-webkit-calendar-picker-indicator{
  opacity: 0.7;
}
.hover\:\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-100::-webkit-calendar-picker-indicator:hover{
  opacity: 1;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{
  border-radius: 9999px;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-slate-300::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-slate-600:is(.dark *)::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track{
  background-color: transparent;
}
.\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar{
  width: 0.5rem;
}
@media (min-width: 1024px){

  .lg\:\[\&\>\*\:first-child\]\:order-2>*:first-child{
    order: 2;
  }
}
.\[\&\>aside\]\:\!w-full>aside{
  width: 100% !important;
}
.\[\&\>aside\]\:\!min-w-0>aside{
  min-width: 0px !important;
}
.\[\&\>button\]\:min-w-0>button{
  min-width: 0px;
}
.\[\&\>button\]\:flex-1>button{
  flex: 1 1 0%;
}
.\[\&\>button\]\:basis-32>button{
  flex-basis: 8rem;
}
.\[\&\>button\]\:flex-wrap>button{
  flex-wrap: wrap;
}
.\[\&\>button\]\:whitespace-normal>button{
  white-space: normal;
}
.\[\&\>div\]\:min-w-0>div{
  min-width: 0px;
}
.\[\&\>div\]\:rounded-lg>div{
  border-radius: 0.5rem;
}
.\[\&\>div\]\:border>div{
  border-width: 1px;
}
.\[\&\>div\]\:border-gray-200\/60>div{
  border-color: rgb(229 231 235 / 0.6);
}
.\[\&\>div\]\:p-3>div{
  padding: 0.75rem;
}
.dark\:\[\&\>div\]\:border-gray-700\/60>div:is(.dark *){
  border-color: rgb(55 65 81 / 0.6);
}
.\[\&\>section\]\:w-full>section{
  width: 100%;
}
.\[\&\>section\]\:min-w-0>section{
  min-width: 0px;
}
.\[\&\>section\]\:max-w-full>section{
  max-width: 100%;
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.\[\&\>span\:first-child\]\:animate-spin>span:first-child{
  animation: spin 1s linear infinite;
}
.\[\&_Button\]\:hidden Button{
  display: none;
}
.\[\&_\[data-dropdown-menu\]_Button\]\:\!block [data-dropdown-menu] Button{
  display: block !important;
}
.\[\&_\[data-dropdown-menu\]_button\]\:\!block [data-dropdown-menu] button{
  display: block !important;
}
.\[\&_button\]\:hidden button{
  display: none;
}
.\[\&_img\]\:\!absolute img{
  position: absolute !important;
}
.\[\&_img\]\:\!inset-0 img{
  inset: 0px !important;
}
.\[\&_img\]\:\!h-full img{
  height: 100% !important;
}
.\[\&_img\]\:h-full img{
  height: 100%;
}
.\[\&_img\]\:max-h-full img{
  max-height: 100%;
}
.\[\&_img\]\:\!w-full img{
  width: 100% !important;
}
.\[\&_img\]\:w-full img{
  width: 100%;
}
.\[\&_img\]\:max-w-full img{
  max-width: 100%;
}
.\[\&_img\]\:\!rounded-full img{
  border-radius: 9999px !important;
}
.\[\&_img\]\:object-contain img{
  -o-object-fit: contain;
     object-fit: contain;
}
.\[\&_img\]\:\!object-cover img{
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.\[\&_input\]\:w-full input{
  width: 100%;
}
.\[\&_input\]\:rounded-xl input{
  border-radius: 1rem;
}
.\[\&_input\]\:border input{
  border-width: 1px;
}
.\[\&_input\]\:px-3 input{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.\[\&_input\]\:py-2 input{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.dark\:\[\&_input\]\:bg-dark-900 input:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.\[\&_p\]\:text-white\/65 p{
  color: rgb(255 255 255 / 0.65);
}
.\[\&_p\]\:text-white\/70 p{
  color: rgb(255 255 255 / 0.7);
}
.\[\&_select\]\:w-full select{
  width: 100%;
}
.\[\&_select\]\:rounded-xl select{
  border-radius: 1rem;
}
.\[\&_select\]\:border select{
  border-width: 1px;
}
.\[\&_select\]\:px-3 select{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.\[\&_select\]\:py-2 select{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.dark\:\[\&_select\]\:bg-dark-900 select:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.\[\&_svg\]\:\!h-\[34px\] svg{
  height: 34px !important;
}
.\[\&_svg\]\:h-5 svg{
  height: 1.25rem;
}
.\[\&_svg\]\:h-full svg{
  height: 100%;
}
.\[\&_svg\]\:\!w-\[34px\] svg{
  width: 34px !important;
}
.\[\&_svg\]\:w-5 svg{
  width: 1.25rem;
}
.\[\&_svg\]\:w-full svg{
  width: 100%;
}
.\[\&_svg\]\:stroke-\[1\.1\] svg{
  stroke-width: 1.1;
}
.\[\&_svg\]\:stroke-\[1\.6\] svg{
  stroke-width: 1.6;
}
.\[\&_svg\]\:stroke-\[1\.75\] svg{
  stroke-width: 1.75;
}
.\[\&_svg\]\:\[shape-rendering\:geometricPrecision\] svg{
  shape-rendering: geometricPrecision;
}
.\[\&_svg\]\:\[vector-effect\:non-scaling-stroke\] svg{
  vector-effect: non-scaling-stroke;
}
.\[\&_svg_circle\]\:stroke-\[1\.1\] svg circle{
  stroke-width: 1.1;
}
.\[\&_svg_line\]\:stroke-\[1\.1\] svg line{
  stroke-width: 1.1;
}
.\[\&_svg_path\]\:stroke-\[1\.1\] svg path{
  stroke-width: 1.1;
}
.\[\&_textarea\]\:w-full textarea{
  width: 100%;
}
.\[\&_textarea\]\:rounded-xl textarea{
  border-radius: 1rem;
}
.\[\&_textarea\]\:border textarea{
  border-width: 1px;
}
.\[\&_textarea\]\:px-3 textarea{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.\[\&_textarea\]\:py-2 textarea{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.dark\:\[\&_textarea\]\:bg-dark-900 textarea:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}