@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');

*, ::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.14 | 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: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #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;
}

h1, h2, h3, h4, h5, h6{
  font-family: Inter, sans-serif;
  color: #333333;
}

p, li, blockquote, code, pre{
  font-family: Inter, sans-serif;
  color: #333333;
}

.prose{
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 768px){

  .prose{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px){

  .prose{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.prose h1{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 768px){

  .prose h1{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px){

  .prose h1{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.prose h2{
  font-size: 1.125rem;
  line-height: 1.5rem;
}

@media (min-width: 768px){

  .prose h2{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px){

  .prose h2{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.prose h3{
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 768px){

  .prose h3{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px){

  .prose h3{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.prose h4{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 768px){

  .prose h4{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px){

  .prose h4{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.prose p, .prose li{
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 768px){

  .prose p, .prose li{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px){

  .prose p, .prose li{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1280px){

  .prose p, .prose li{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.prose blockquote p{
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 768px){

  .prose blockquote p{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px){

  .prose blockquote p{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1280px){

  .prose blockquote p{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.prose code{
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 768px){

  .prose code{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px){

  .prose code{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.prose{
  --tw-prose-body: #333333;
  --tw-prose-headings: #333333;
  --tw-prose-lead: #333333;
  --tw-prose-links: #9B59B6;
  --tw-prose-bold: #333333;
  --tw-prose-counters: #333333;
  --tw-prose-bullets: #333333;
  --tw-prose-hr: #F0F0F0;
  --tw-prose-quotes: #9B59B6;
  --tw-prose-quote-borders: #9B59B6;
  --tw-prose-captions: #333333;
  --tw-prose-code: #333333;
  --tw-prose-pre-code: #9B59B6;
  --tw-prose-pre-bg: #F0F0F0;
  --tw-prose-th-borders: #F0F0F0;
  --tw-prose-td-borders: #F0F0F0;
  --tw-prose-invert-body: #333333;
  --tw-prose-invert-headings: #333333;
  --tw-prose-invert-lead: #333333;
  --tw-prose-invert-links: #9B59B6;
  --tw-prose-invert-bold: #333333;
  --tw-prose-invert-counters: #333333;
  --tw-prose-invert-bullets: #333333;
  --tw-prose-invert-hr: #F0F0F0;
  --tw-prose-invert-quotes: #9B59B6;
  --tw-prose-invert-quote-borders: #9B59B6;
  --tw-prose-invert-captions: #333333;
  --tw-prose-invert-code: #333333;
  --tw-prose-invert-pre-code: #9B59B6;
  --tw-prose-invert-pre-bg: #F0F0F0;
  --tw-prose-invert-th-borders: #F0F0F0;
  --tw-prose-invert-td-borders: #F0F0F0;
}

code{
  color: #333333;
  padding: 2px 4px;
  border-radius: 4px;
}

blockquote{
  border-left: 4px solid #9B59B6;
  padding-left: 16px;
  font-style: italic;
  color: #333333;
}

pre{
  color: #333333;
  padding: 16px;
  border-radius: 8px;
  overflow-x: auto;
}

:root {
        --background: 0 0% 100%;
        --foreground: 240 10% 3.9%;
        --card: 0 0% 100%;
        --card-foreground: 240 10% 3.9%;
        --popover: 0 0% 100%;
        --popover-foreground: 240 10% 3.9%;
        --primary: 240 5.9% 10%;
        --primary-foreground: 0 0% 98%;
        --secondary: 240 4.8% 95.9%;
        --secondary-foreground: 240 5.9% 10%;
        --muted: 240 4.8% 95.9%;
        --muted-foreground: 240 3.8% 46.1%;
        --accent:237, 100%, 96%;
        --accent-foreground: 240 5.9% 10%;
        --destructive: 0 84.2% 60.2%;
        --destructive-foreground: 0 0% 98%;
        --border: 240 5.9% 90%;
        --input: 240 5.9% 90%;
        --ring: 240 10% 3.9%;
        --chart-1: 12 76% 61%;
        --chart-2: 173 58% 39%;
        --chart-3: 197 37% 24%;
        --chart-4: 43 74% 66%;
        --chart-5: 27 87% 67%;
        --radius: 0.5rem;
        --sidebar-background: 0 100% 100%;
    --sidebar-foreground: 240 5.3% 26.1%;
    --sidebar-bg-effect: #829ae3;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 237, 100%, 96%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring: 217.2 91.2% 59.8%;
    }

.dark {
        --background: 240 10% 3.9%;
        --foreground: 0 0% 98%;
        --card: 240 10% 3.9%;
        --card-foreground: 0 0% 98%;
        --popover: 240 10% 3.9%;
        --popover-foreground: 0 0% 98%;
        --primary: 0 0% 98%;
        --primary-foreground: 240 5.9% 10%;
        --secondary: 240 3.7% 15.9%;
        --secondary-foreground: 0 0% 98%;
        --muted: 240 3.7% 15.9%;
        --muted-foreground: 240 5% 64.9%;
        --accent: 240 3.7% 15.9%;
        --accent-foreground: 0 0% 98%;
        --destructive: 0 62.8% 30.6%;
        --destructive-foreground: 0 0% 98%;
        --border: 240 3.7% 15.9%;
        --input: 240 3.7% 15.9%;
        --ring: 240 4.9% 83.9%;
        --chart-1: 220 70% 50%;
        --chart-2: 160 60% 45%;
        --chart-3: 30 80% 55%;
        --chart-4: 280 65% 60%;
        --chart-5: 340 75% 55%;
        --sidebar-background: 240 5.9% 10%;
        --sidebar-foreground: 240 4.8% 95.9%;
        --sidebar-primary: 224.3 76.3% 48%;
        --sidebar-primary-foreground: 0 0% 100%;
        --sidebar-accent: 240 3.7% 15.9%;
        --sidebar-accent-foreground: 240 4.8% 95.9%;
        --sidebar-border: 240 3.7% 15.9%;
        --sidebar-ring: 217.2 91.2% 59.8%;
    }

*{
  border-color: hsl(var(--border));
    scrollbar-width: thin;
    scrollbar-color: #ddd9e8 transparent;
}

*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

*::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
  }

*::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 9999px;
  }

*::-webkit-scrollbar-thumb {
    background-color: #ddd9e8;
    border-radius: 9999px;
  }

*::-webkit-scrollbar-thumb:hover {
    background-color: #a49fbd;
  }

body{
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

.\!container{
  width: 100% !important;
}

.container{
  width: 100%;
}

@media (min-width: 640px){

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

  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){

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

  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){

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

  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){

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

  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){

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

  .container{
    max-width: 1536px;
  }
}

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

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

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

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose-sm{
  font-size: 0.875rem;
  line-height: 1.7142857;
}

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

.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.1111111em;
}

.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}

.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}

.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}

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

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

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

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

.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-inline-start: 0.3571429em;
}

.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
}

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

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

.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}

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

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

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

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

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

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

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

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

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

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

.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}

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

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

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

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

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

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

.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.5;
}

.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

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

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

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

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

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

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

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

.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}

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

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

.prose-base{
  font-size: 1rem;
  line-height: 1.75;
}

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

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

.prose-base :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}

.prose-base :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose-base :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

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

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

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

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

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

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

.prose-base :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

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

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

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

.prose-base :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose-base :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose-base :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

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

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

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

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

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

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

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

.prose-base :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

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

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

.animate-gradient-x {
        background-size: 200% 200%;
        animation: gradient-x 1.5s linear infinite;
    }

@keyframes gradient-x {
        0% { background-position: 0% 50%; }
        100% { background-position: 100% 50%; }
    }

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

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

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

.-inset-\[85\%\]{
  inset: -85%;
}

.inset-0{
  inset: 0px;
}

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

.inset-\[12\.5\%\]{
  inset: 12.5%;
}

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

.inset-x-0{
  left: 0px;
  right: 0px;
}

.inset-y-0{
  top: 0px;
  bottom: 0px;
}

.-bottom-0\.5{
  bottom: -0.125rem;
}

.-bottom-1{
  bottom: -0.25rem;
}

.-bottom-16{
  bottom: -4rem;
}

.-bottom-4{
  bottom: -1rem;
}

.-bottom-5{
  bottom: -1.25rem;
}

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

.-left-1\.5{
  left: -0.375rem;
}

.-left-10{
  left: -2.5rem;
}

.-left-2{
  left: -0.5rem;
}

.-left-4{
  left: -1rem;
}

.-left-7{
  left: -1.75rem;
}

.-left-9{
  left: -2.25rem;
}

.-left-\[1\.82rem\]{
  left: -1.82rem;
}

.-right-0\.5{
  right: -0.125rem;
}

.-right-1{
  right: -0.25rem;
}

.-right-1\.5{
  right: -0.375rem;
}

.-right-12{
  right: -3rem;
}

.-right-2{
  right: -0.5rem;
}

.-right-3{
  right: -0.75rem;
}

.-top-0\.5{
  top: -0.125rem;
}

.-top-1{
  top: -0.25rem;
}

.-top-10{
  top: -2.5rem;
}

.-top-12{
  top: -3rem;
}

.-top-2{
  top: -0.5rem;
}

.-top-20{
  top: -5rem;
}

.-top-3{
  top: -0.75rem;
}

.-top-8{
  top: -2rem;
}

.bottom-0{
  bottom: 0px;
}

.bottom-1{
  bottom: 0.25rem;
}

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

.bottom-10{
  bottom: 2.5rem;
}

.bottom-12{
  bottom: 3rem;
}

.bottom-14{
  bottom: 3.5rem;
}

.bottom-16{
  bottom: 4rem;
}

.bottom-2{
  bottom: 0.5rem;
}

.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-\[15px\]{
  bottom: 15px;
}

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

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

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

.bottom-\[calc\(100\%-8px\)\]{
  bottom: calc(100% - 8px);
}

.bottom-full{
  bottom: 100%;
}

.left-0{
  left: 0px;
}

.left-0\.5{
  left: 0.125rem;
}

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

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

.left-2{
  left: 0.5rem;
}

.left-2\.5{
  left: 0.625rem;
}

.left-3{
  left: 0.75rem;
}

.left-4{
  left: 1rem;
}

.left-5{
  left: 1.25rem;
}

.left-6{
  left: 1.5rem;
}

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

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

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

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

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

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

.right-0{
  right: 0px;
}

.right-1{
  right: 0.25rem;
}

.right-1\.5{
  right: 0.375rem;
}

.right-10{
  right: 2.5rem;
}

.right-16{
  right: 4rem;
}

.right-2{
  right: 0.5rem;
}

.right-2\.5{
  right: 0.625rem;
}

.right-3{
  right: 0.75rem;
}

.right-3\.5{
  right: 0.875rem;
}

.right-4{
  right: 1rem;
}

.right-40{
  right: 10rem;
}

.right-6{
  right: 1.5rem;
}

.right-8{
  right: 2rem;
}

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

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

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

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

.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-10{
  top: 2.5rem;
}

.top-14{
  top: 3.5rem;
}

.top-2{
  top: 0.5rem;
}

.top-2\.5{
  top: 0.625rem;
}

.top-20{
  top: 5rem;
}

.top-3{
  top: 0.75rem;
}

.top-3\.5{
  top: 0.875rem;
}

.top-4{
  top: 1rem;
}

.top-6{
  top: 1.5rem;
}

.top-8{
  top: 2rem;
}

.top-96{
  top: 24rem;
}

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

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

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

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

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

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

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

.top-\[calc\(100\%\+2px\)\]{
  top: calc(100% + 2px);
}

.top-\[calc\(100\%\+6px\)\]{
  top: calc(100% + 6px);
}

.top-full{
  top: 100%;
}

.top-px{
  top: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.\!m-3{
  margin: 0.75rem !important;
}

.m-0{
  margin: 0px;
}

.m-1{
  margin: 0.25rem;
}

.m-2{
  margin: 0.5rem;
}

.m-5{
  margin: 1.25rem;
}

.-mx-0\.5{
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}

.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.-mx-\[13px\]{
  margin-left: -13px;
  margin-right: -13px;
}

.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-10{
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

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

.mx-2\.5{
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

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

.mx-3\.5{
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

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

.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

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

.mx-\[18px\]{
  margin-left: 18px;
  margin-right: 18px;
}

.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-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.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-0{
  margin-bottom: 0px !important;
}

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

.\!mb-2\.5{
  margin-bottom: 0.625rem !important;
}

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

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

.\!mb-5{
  margin-bottom: 1.25rem !important;
}

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

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

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

.-ml-1{
  margin-left: -0.25rem;
}

.-ml-2{
  margin-left: -0.5rem;
}

.-mr-2{
  margin-right: -0.5rem;
}

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

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

.-mt-20{
  margin-top: -5rem;
}

.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-14{
  margin-bottom: 3.5rem;
}

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

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

.mb-2\.5{
  margin-bottom: 0.625rem;
}

.mb-20{
  margin-bottom: 5rem;
}

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

.mb-3\.5{
  margin-bottom: 0.875rem;
}

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

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-7{
  margin-bottom: 1.75rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.mb-9{
  margin-bottom: 2.25rem;
}

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

.mb-\[6vh\]{
  margin-bottom: 6vh;
}

.ml-0\.5{
  margin-left: 0.125rem;
}

.ml-1{
  margin-left: 0.25rem;
}

.ml-1\.5{
  margin-left: 0.375rem;
}

.ml-10{
  margin-left: 2.5rem;
}

.ml-12{
  margin-left: 3rem;
}

.ml-14{
  margin-left: 3.5rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.ml-2\.5{
  margin-left: 0.625rem;
}

.ml-20{
  margin-left: 5rem;
}

.ml-3{
  margin-left: 0.75rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-5{
  margin-left: 1.25rem;
}

.ml-6{
  margin-left: 1.5rem;
}

.ml-8{
  margin-left: 2rem;
}

.ml-9{
  margin-left: 2.25rem;
}

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

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

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

.mr-0{
  margin-right: 0px;
}

.mr-0\.5{
  margin-right: 0.125rem;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-1\.5{
  margin-right: 0.375rem;
}

.mr-12{
  margin-right: 3rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mr-24{
  margin-right: 6rem;
}

.mr-3{
  margin-right: 0.75rem;
}

.mr-4{
  margin-right: 1rem;
}

.mr-5{
  margin-right: 1.25rem;
}

.mr-6{
  margin-right: 1.5rem;
}

.mr-auto{
  margin-right: 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-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-\[2px\]{
  margin-top: 2px;
}

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

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

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

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

.\!box-border{
  box-sizing: border-box !important;
}

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

.line-clamp-5{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

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

.block{
  display: block;
}

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

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

.inline{
  display: inline;
}

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

.flex{
  display: flex;
}

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

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

.table{
  display: table;
}

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

.table-row{
  display: table-row;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.list-item{
  display: list-item;
}

.\!hidden{
  display: none !important;
}

.hidden{
  display: none;
}

.aspect-\[64\/63\]{
  aspect-ratio: 64/63;
}

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

.aspect-video{
  aspect-ratio: 16 / 9;
}

.\!size-3{
  width: 0.75rem !important;
  height: 0.75rem !important;
}

.\!size-3\.5{
  width: 0.875rem !important;
  height: 0.875rem !important;
}

.\!size-4{
  width: 1rem !important;
  height: 1rem !important;
}

.\!size-5{
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.\!size-\[26px\]{
  width: 26px !important;
  height: 26px !important;
}

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

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

.\!size-\[32px\]{
  width: 32px !important;
  height: 32px !important;
}

.\!size-\[40px\]{
  width: 40px !important;
  height: 40px !important;
}

.\!size-\[48px\]{
  width: 48px !important;
  height: 48px !important;
}

.\!size-\[56px\]{
  width: 56px !important;
  height: 56px !important;
}

.size-0{
  width: 0px;
  height: 0px;
}

.size-1{
  width: 0.25rem;
  height: 0.25rem;
}

.size-1\.5{
  width: 0.375rem;
  height: 0.375rem;
}

.size-10{
  width: 2.5rem;
  height: 2.5rem;
}

.size-11{
  width: 2.75rem;
  height: 2.75rem;
}

.size-12{
  width: 3rem;
  height: 3rem;
}

.size-14{
  width: 3.5rem;
  height: 3.5rem;
}

.size-16{
  width: 4rem;
  height: 4rem;
}

.size-2{
  width: 0.5rem;
  height: 0.5rem;
}

.size-2\.5{
  width: 0.625rem;
  height: 0.625rem;
}

.size-20{
  width: 5rem;
  height: 5rem;
}

.size-3{
  width: 0.75rem;
  height: 0.75rem;
}

.size-3\.5{
  width: 0.875rem;
  height: 0.875rem;
}

.size-4{
  width: 1rem;
  height: 1rem;
}

.size-5{
  width: 1.25rem;
  height: 1.25rem;
}

.size-6{
  width: 1.5rem;
  height: 1.5rem;
}

.size-7{
  width: 1.75rem;
  height: 1.75rem;
}

.size-8{
  width: 2rem;
  height: 2rem;
}

.size-9{
  width: 2.25rem;
  height: 2.25rem;
}

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

.size-\[108px\]{
  width: 108px;
  height: 108px;
}

.size-\[13px\]{
  width: 13px;
  height: 13px;
}

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

.size-\[17px\]{
  width: 17px;
  height: 17px;
}

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

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

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

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

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

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

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

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

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

.size-\[3px\]{
  width: 3px;
  height: 3px;
}

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

.size-\[62px\]{
  width: 62px;
  height: 62px;
}

.size-\[66px\]{
  width: 66px;
  height: 66px;
}

.size-\[7px\]{
  width: 7px;
  height: 7px;
}

.size-\[92px\]{
  width: 92px;
  height: 92px;
}

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

.size-px{
  width: 1px;
  height: 1px;
}

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

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

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

.\!h-9{
  height: 2.25rem !important;
}

.\!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-1\/2{
  height: 50%;
}

.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-3\/5{
  height: 60%;
}

.h-32{
  height: 8rem;
}

.h-36{
  height: 9rem;
}

.h-4{
  height: 1rem;
}

.h-40{
  height: 10rem;
}

.h-44{
  height: 11rem;
}

.h-48{
  height: 12rem;
}

.h-5{
  height: 1.25rem;
}

.h-52{
  height: 13rem;
}

.h-56{
  height: 14rem;
}

.h-6{
  height: 1.5rem;
}

.h-60{
  height: 15rem;
}

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

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

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

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

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

.h-\[2\.75rem\]{
  height: 2.75rem;
}

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

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

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

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

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

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

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

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

.h-\[3\.06rem\]{
  height: 3.06rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[9\.5rem\]{
  height: 9.5rem;
}

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

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

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

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

.h-\[auto\]{
  height: auto;
}

.h-\[calc\(100\%-2\.75rem\)\]{
  height: calc(100% - 2.75rem);
}

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

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

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

.h-\[min\(22rem\2c 50vh\)\]{
  height: min(22rem,50vh);
}

.h-\[min\(25rem\2c 50vh\)\]{
  height: min(25rem,50vh);
}

.h-\[min\(360px\2c 40vh\)\]{
  height: min(360px,40vh);
}

.h-\[min\(68vh\2c 640px\)\]{
  height: min(68vh,640px);
}

.h-\[min\(720px\2c 88vh\)\]{
  height: min(720px,88vh);
}

.h-\[min\(720px\2c calc\(100dvh-9rem\)\)\]{
  height: min(720px,calc(100dvh - 9rem));
}

.h-\[min\(810px\2c calc\(100vh-3rem\)\)\]{
  height: min(810px,calc(100vh - 3rem));
}

.h-\[min\(88vh\2c 900px\)\]{
  height: min(88vh,900px);
}

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

.h-auto{
  height: auto;
}

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

.h-full{
  height: 100%;
}

.h-max{
  height: -moz-max-content;
  height: max-content;
}

.h-px{
  height: 1px;
}

.h-screen{
  height: 100vh;
}

.\!max-h-11{
  max-height: 2.75rem !important;
}

.\!max-h-9{
  max-height: 2.25rem !important;
}

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

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

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

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

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

.max-h-0{
  max-height: 0px;
}

.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-36{
  max-height: 9rem;
}

.max-h-4{
  max-height: 1rem;
}

.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-6{
  max-height: 1.5rem;
}

.max-h-60{
  max-height: 15rem;
}

.max-h-64{
  max-height: 16rem;
}

.max-h-7{
  max-height: 1.75rem;
}

.max-h-72{
  max-height: 18rem;
}

.max-h-8{
  max-height: 2rem;
}

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

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

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

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

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

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

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

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

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

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

.max-h-\[2\.75rem\]{
  max-height: 2.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-h-\[calc\(100vh-200px\)\]{
  max-height: calc(100vh - 200px);
}

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

.max-h-\[calc\(90vh-180px\)\]{
  max-height: calc(90vh - 180px);
}

.max-h-\[min\(180px\2c 26vh\)\]{
  max-height: min(180px,26vh);
}

.max-h-\[min\(220px\2c 30vh\)\]{
  max-height: min(220px,30vh);
}

.max-h-\[min\(24rem\2c 40vh\)\]{
  max-height: min(24rem,40vh);
}

.max-h-\[min\(24rem\2c 70vh\)\]{
  max-height: min(24rem,70vh);
}

.max-h-\[min\(280px\2c 40vh\)\]{
  max-height: min(280px,40vh);
}

.max-h-\[min\(280px\2c 50vh\)\]{
  max-height: min(280px,50vh);
}

.max-h-\[min\(34vh\2c 260px\)\]{
  max-height: min(34vh,260px);
}

.max-h-\[min\(360px\2c 50vh\)\]{
  max-height: min(360px,50vh);
}

.max-h-\[min\(36rem\2c calc\(100vh-12rem\)\)\]{
  max-height: min(36rem,calc(100vh - 12rem));
}

.max-h-\[min\(36rem\2c calc\(100vh-8rem\)\)\]{
  max-height: min(36rem,calc(100vh - 8rem));
}

.max-h-\[min\(38vh\2c 280px\)\]{
  max-height: min(38vh,280px);
}

.max-h-\[min\(48vh\2c 300px\)\]{
  max-height: min(48vh,300px);
}

.max-h-\[min\(48vh\2c 320px\)\]{
  max-height: min(48vh,320px);
}

.max-h-\[min\(520px\2c calc\(100dvh-22rem\)\)\]{
  max-height: min(520px,calc(100dvh - 22rem));
}

.max-h-\[min\(52vh\2c 420px\)\]{
  max-height: min(52vh,420px);
}

.max-h-\[min\(640px\2c calc\(100vh-22rem\)\)\]{
  max-height: min(640px,calc(100vh - 22rem));
}

.max-h-\[min\(720px\2c calc\(100dvh-16rem\)\)\]{
  max-height: min(720px,calc(100dvh - 16rem));
}

.max-h-\[min\(72vh\2c 760px\)\]{
  max-height: min(72vh,760px);
}

.max-h-\[min\(72vh\2c calc\(92vh-12rem\)\)\]{
  max-height: min(72vh,calc(92vh - 12rem));
}

.max-h-\[min\(85vh\2c 820px\)\]{
  max-height: min(85vh,820px);
}

.max-h-\[min\(88vh\2c 760px\)\]{
  max-height: min(88vh,760px);
}

.max-h-\[min\(90vh\2c 100dvh\)\]{
  max-height: min(90vh,100dvh);
}

.max-h-\[min\(90vh\2c 720px\)\]{
  max-height: min(90vh,720px);
}

.max-h-\[min\(90vh\2c 760px\)\]{
  max-height: min(90vh,760px);
}

.max-h-\[min\(90vh\2c 860px\)\]{
  max-height: min(90vh,860px);
}

.max-h-\[min\(90vh\2c 920px\)\]{
  max-height: min(90vh,920px);
}

.max-h-\[min\(92vh\2c 840px\)\]{
  max-height: min(92vh,840px);
}

.max-h-\[min\(92vh\2c 920px\)\]{
  max-height: min(92vh,920px);
}

.max-h-\[var\(--radix-popper-available-height\)\]{
  max-height: var(--radix-popper-available-height);
}

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

.max-h-none{
  max-height: none;
}

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

.\!min-h-0{
  min-height: 0px !important;
}

.\!min-h-10{
  min-height: 2.5rem !important;
}

.\!min-h-11{
  min-height: 2.75rem !important;
}

.\!min-h-8{
  min-height: 2rem !important;
}

.\!min-h-9{
  min-height: 2.25rem !important;
}

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

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

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

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

.\!min-h-\[56px\]{
  min-height: 56px !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-14{
  min-height: 3.5rem;
}

.min-h-16{
  min-height: 4rem;
}

.min-h-20{
  min-height: 5rem;
}

.min-h-28{
  min-height: 7rem;
}

.min-h-32{
  min-height: 8rem;
}

.min-h-5{
  min-height: 1.25rem;
}

.min-h-8{
  min-height: 2rem;
}

.min-h-9{
  min-height: 2.25rem;
}

.min-h-\[1\.5em\]{
  min-height: 1.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-h-\[2\.5rem\]{
  min-height: 2.5rem;
}

.min-h-\[2\.75rem\]{
  min-height: 2.75rem;
}

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

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

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

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

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

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

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

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

.min-h-\[3\.25rem\]{
  min-height: 3.25rem;
}

.min-h-\[3\.5rem\]{
  min-height: 3.5rem;
}

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

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

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

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

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

.min-h-\[4\.5rem\]{
  min-height: 4.5rem;
}

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

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

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

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

.min-h-\[5\.5rem\]{
  min-height: 5.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-h-\[min\(520px\2c 100\%\)\]{
  min-height: min(520px,100%);
}

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

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

.\!w-8{
  width: 2rem !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\/3{
  width: 33.333333%;
}

.w-1\/4{
  width: 25%;
}

.w-1\/5{
  width: 20%;
}

.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-2\/5{
  width: 40%;
}

.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\/5{
  width: 80%;
}

.w-40{
  width: 10rem;
}

.w-44{
  width: 11rem;
}

.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-\[--radix-dropdown-menu-trigger-width\]{
  width: var(--radix-dropdown-menu-trigger-width);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[2\.75rem\]{
  width: 2.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[4\.5rem\]{
  width: 4.5rem;
}

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

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

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

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

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

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

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

.w-\[5\.25rem\]{
  width: 5.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[calc\(100vw-1\.25rem\)\]{
  width: calc(100vw - 1.25rem);
}

.w-\[clamp\(112px\2c 18vw\2c 148px\)\]{
  width: clamp(112px,18vw,148px);
}

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

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

.w-\[min\(100\%\2c calc\(100vw-1\.5rem\)\)\]{
  width: min(100%,calc(100vw - 1.5rem));
}

.w-\[min\(100vw\2c 280px\)\]{
  width: min(100vw,280px);
}

.w-\[min\(100vw\2c 390px\)\]{
  width: min(100vw,390px);
}

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

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

.w-\[min\(200px\2c 85vw\)\]{
  width: min(200px,85vw);
}

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

.w-\[min\(320px\2c calc\(100vw-24px\)\)\]{
  width: min(320px,calc(100vw - 24px));
}

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

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

.w-\[min\(360px\2c calc\(100vw-24px\)\)\]{
  width: min(360px,calc(100vw - 24px));
}

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

.w-\[min\(400px\2c calc\(100\%-30px\)\)\]{
  width: min(400px,calc(100% - 30px));
}

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

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

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

.w-\[min\(96vw\2c 56rem\)\]{
  width: min(96vw,56rem);
}

.w-\[var\(--radix-dropdown-menu-trigger-width\)\]{
  width: var(--radix-dropdown-menu-trigger-width);
}

.w-auto{
  width: auto;
}

.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}

.w-full{
  width: 100%;
}

.w-max{
  width: -moz-max-content;
  width: max-content;
}

.w-px{
  width: 1px;
}

.w-screen{
  width: 100vw;
}

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

.min-w-10{
  min-width: 2.5rem;
}

.min-w-14{
  min-width: 3.5rem;
}

.min-w-4{
  min-width: 1rem;
}

.min-w-5{
  min-width: 1.25rem;
}

.min-w-56{
  min-width: 14rem;
}

.min-w-8{
  min-width: 2rem;
}

.min-w-\[1\.625rem\]{
  min-width: 1.625rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-w-\[30rem\]{
  min-width: 30rem;
}

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

.min-w-\[32vw\]{
  min-width: 32vw;
}

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

.min-w-\[4\.5rem\]{
  min-width: 4.5rem;
}

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

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

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

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

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

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

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

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

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

.min-w-\[8rem\]{
  min-width: 8rem;
}

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

.min-w-\[var\(--radix-dropdown-menu-trigger-width\)\]{
  min-width: var(--radix-dropdown-menu-trigger-width);
}

.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width: var(--radix-select-trigger-width);
}

.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-10{
  max-width: 2.5rem;
}

.max-w-20{
  max-width: 5rem;
}

.max-w-24{
  max-width: 6rem;
}

.max-w-28{
  max-width: 7rem;
}

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

.max-w-32{
  max-width: 8rem;
}

.max-w-36{
  max-width: 9rem;
}

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

.max-w-40{
  max-width: 10rem;
}

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

.max-w-5xl{
  max-width: 64rem;
}

.max-w-6{
  max-width: 1.5rem;
}

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

.max-w-7{
  max-width: 1.75rem;
}

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

.max-w-8{
  max-width: 2rem;
}

.max-w-\[--skeleton-width\]{
  max-width: var(--skeleton-width);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[2\.75rem\]{
  max-width: 2.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[378\.667px\]{
  max-width: 378.667px;
}

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

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

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

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

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

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

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

.max-w-\[5\.5rem\]{
  max-width: 5.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[calc\(100\%-2\.5rem\)\]{
  max-width: calc(100% - 2.5rem);
}

.max-w-\[calc\(100\%-3rem\)\]{
  max-width: calc(100% - 3rem);
}

.max-w-\[calc\(100\%-80px\)\]{
  max-width: calc(100% - 80px);
}

.max-w-\[calc\(100vw-32px\)\]{
  max-width: calc(100vw - 32px);
}

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

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

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

.max-w-\[min\(100vw\2c 400px\)\]{
  max-width: min(100vw,400px);
}

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

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

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

.max-w-\[min\(220px\2c 34vw\)\]{
  max-width: min(220px,34vw);
}

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

.max-w-\[min\(340px\2c 96\%\)\]{
  max-width: min(340px,96%);
}

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

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

.max-w-\[min\(92vw\2c 920px\)\]{
  max-width: min(92vw,920px);
}

.max-w-\[min\(94vw\2c 1120px\)\]{
  max-width: min(94vw,1120px);
}

.max-w-\[min\(95vw\2c 72rem\)\]{
  max-width: min(95vw,72rem);
}

.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-sm{
  max-width: 24rem;
}

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

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

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

.flex-\[0_1_210px\]{
  flex: 0 1 210px;
}

.flex-\[3\]{
  flex: 3;
}

.flex-shrink{
  flex-shrink: 1;
}

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

.\!shrink-0{
  flex-shrink: 0 !important;
}

.shrink{
  flex-shrink: 1;
}

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

.flex-grow{
  flex-grow: 1;
}

.grow{
  flex-grow: 1;
}

.basis-0{
  flex-basis: 0px;
}

.table-auto{
  table-layout: auto;
}

.table-fixed{
  table-layout: fixed;
}

.caption-bottom{
  caption-side: bottom;
}

.border-collapse{
  border-collapse: collapse;
}

.origin-bottom-left{
  transform-origin: bottom left;
}

.origin-center{
  transform-origin: center;
}

.origin-top{
  transform-origin: top;
}

.origin-top-left{
  transform-origin: top left;
}

.origin-top-right{
  transform-origin: top right;
}

.-translate-x-0\.5{
  --tw-translate-x: -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));
}

.-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-10{
  --tw-translate-x: -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-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-x-px{
  --tw-translate-x: -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));
}

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

.-translate-y-1{
  --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));
}

.-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-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-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-0\.5{
  --tw-translate-x: 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));
}

.translate-x-4{
  --tw-translate-x: 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-x-5{
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-50\%\]{
  --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-px{
  --tw-translate-x: 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));
}

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

.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-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-6{
  --tw-translate-y: 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-y-\[-1vh\]{
  --tw-translate-y: -1vh;
  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-\[-2vh\]{
  --tw-translate-y: -2vh;
  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-\[-50\%\]{
  --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));
}

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

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

.rotate-\[-90deg\]{
  --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-90{
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.96\]{
  --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));
}

.scale-\[0\.97\]{
  --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));
}

.scale-\[0\.98\]{
  --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));
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes 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;
    transform: translateY(20px);
  }

  100%{
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeIn{
  animation: fadeIn 1s ease-in-out forwards;
}

@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-crosshair{
  cursor: crosshair;
}

.cursor-default{
  cursor: default;
}

.cursor-grab{
  cursor: grab;
}

.cursor-grabbing{
  cursor: grabbing;
}

.cursor-help{
  cursor: help;
}

.cursor-move{
  cursor: move;
}

.cursor-not-allowed{
  cursor: not-allowed;
}

.cursor-nwse-resize{
  cursor: nwse-resize;
}

.cursor-pointer{
  cursor: pointer;
}

.cursor-text{
  cursor: text;
}

.cursor-wait{
  cursor: wait;
}

.touch-none{
  touch-action: none;
}

.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.select-text{
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.resize-none{
  resize: none;
}

.resize-y{
  resize: vertical;
}

.resize{
  resize: both;
}

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

.scroll-mt-6{
  scroll-margin-top: 1.5rem;
}

.list-inside{
  list-style-position: inside;
}

.list-outside{
  list-style-position: outside;
}

.list-decimal{
  list-style-type: decimal;
}

.list-disc{
  list-style-type: disc;
}

.list-none{
  list-style-type: none;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.columns-2{
  -moz-columns: 2;
       columns: 2;
}

.break-inside-avoid{
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.auto-rows-auto{
  grid-auto-rows: auto;
}

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

.grid-cols-12{
  grid-template-columns: repeat(12, 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-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

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

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

.grid-cols-\[2fr\2c 1fr\2c 1fr\2c 48px\2c 48px\]{
  grid-template-columns: 2fr 1fr 1fr 48px 48px;
}

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

.grid-cols-\[minmax\(0\2c 1\.5fr\)_minmax\(96px\2c 1fr\)_minmax\(88px\2c 110px\)_minmax\(110px\2c 140px\)_minmax\(88px\2c 110px\)_minmax\(96px\2c 120px\)_72px\]{
  grid-template-columns: minmax(0,1.5fr) minmax(96px,1fr) minmax(88px,110px) minmax(110px,140px) minmax(88px,110px) minmax(96px,120px) 72px;
}

.grid-cols-\[minmax\(0\2c 1fr\)_repeat\(3\2c minmax\(110px\2c 130px\)\)\]{
  grid-template-columns: minmax(0,1fr) repeat(3,minmax(110px,130px));
}

.grid-rows-2{
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

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

.\!flex-col{
  flex-direction: column !important;
}

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

.flex-col-reverse{
  flex-direction: column-reverse;
}

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

.flex-nowrap{
  flex-wrap: nowrap;
}

.place-content-center{
  place-content: center;
}

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

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

.\!items-center{
  align-items: center !important;
}

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

.items-baseline{
  align-items: baseline;
}

.items-stretch{
  align-items: stretch;
}

.\!justify-start{
  justify-content: flex-start !important;
}

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

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

.\!justify-center{
  justify-content: center !important;
}

.justify-center{
  justify-content: center;
}

.\!justify-between{
  justify-content: space-between !important;
}

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

.justify-around{
  justify-content: space-around;
}

.\!gap-0{
  gap: 0px !important;
}

.\!gap-1{
  gap: 0.25rem !important;
}

.\!gap-2{
  gap: 0.5rem !important;
}

.\!gap-3{
  gap: 0.75rem !important;
}

.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-14{
  gap: 3.5rem;
}

.gap-2{
  gap: 0.5rem;
}

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

.gap-3{
  gap: 0.75rem;
}

.gap-3\.5{
  gap: 0.875rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-8{
  gap: 2rem;
}

.gap-\[11px\]{
  gap: 11px;
}

.gap-\[14px\]{
  gap: 14px;
}

.gap-\[18px\]{
  gap: 18px;
}

.gap-\[19px\]{
  gap: 19px;
}

.gap-\[3px\]{
  gap: 3px;
}

.gap-\[5px\]{
  gap: 5px;
}

.gap-\[6px\]{
  gap: 6px;
}

.gap-\[7px\]{
  gap: 7px;
}

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

.gap-px{
  gap: 1px;
}

.gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-x-10{
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-x-\[14px\]{
  -moz-column-gap: 14px;
       column-gap: 14px;
}

.gap-x-\[15px\]{
  -moz-column-gap: 15px;
       column-gap: 15px;
}

.gap-x-\[18px\]{
  -moz-column-gap: 18px;
       column-gap: 18px;
}

.gap-y-1{
  row-gap: 0.25rem;
}

.gap-y-12{
  row-gap: 3rem;
}

.gap-y-2{
  row-gap: 0.5rem;
}

.gap-y-4{
  row-gap: 1rem;
}

.gap-y-\[14px\]{
  row-gap: 14px;
}

.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * 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-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-12 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(3rem * var(--tw-space-x-reverse));
  margin-left: calc(3rem * 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-20 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(5rem * var(--tw-space-x-reverse));
  margin-left: calc(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-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-3\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * 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));
}

.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-\[\#ebe9fe\] > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(235 233 254 / var(--tw-divide-opacity));
}

.divide-\[\#ece9f4\] > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-divide-opacity));
}

.divide-\[\#f4f3ff\] > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(244 243 255 / var(--tw-divide-opacity));
}

.divide-border > :not([hidden]) ~ :not([hidden]){
  border-color: hsl(var(--border));
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.divide-slate-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.\!self-start{
  align-self: flex-start !important;
}

.self-start{
  align-self: flex-start;
}

.self-end{
  align-self: flex-end;
}

.self-center{
  align-self: center;
}

.self-stretch{
  align-self: stretch;
}

.justify-self-start{
  justify-self: start;
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-visible{
  overflow: visible;
}

.overflow-scroll{
  overflow: scroll;
}

.overflow-x-auto{
  overflow-x: auto;
}

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

.overflow-x-hidden{
  overflow-x: hidden;
}

.overflow-y-hidden{
  overflow-y: hidden;
}

.overscroll-contain{
  overscroll-behavior: contain;
}

.overscroll-none{
  overscroll-behavior: none;
}

.overscroll-y-contain{
  overscroll-behavior-y: contain;
}

.scroll-smooth{
  scroll-behavior: smooth;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis{
  text-overflow: ellipsis;
}

.whitespace-normal{
  white-space: normal;
}

.\!whitespace-nowrap{
  white-space: nowrap !important;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.whitespace-pre{
  white-space: pre;
}

.whitespace-pre-line{
  white-space: pre-line;
}

.whitespace-pre-wrap{
  white-space: pre-wrap;
}

.text-wrap{
  text-wrap: wrap;
}

.break-words{
  overflow-wrap: break-word;
}

.break-all{
  word-break: break-all;
}

.break-keep{
  word-break: keep-all;
}

.\!rounded-lg{
  border-radius: var(--radius) !important;
}

.\!rounded-none{
  border-radius: 0px !important;
}

.\!rounded-xl{
  border-radius: 0.75rem !important;
}

.rounded{
  border-radius: 0.25rem;
}

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

.rounded-3xl{
  border-radius: 1.5rem;
}

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

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

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

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

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

.rounded-\[14px_14px_14px_4px\]{
  border-radius: 14px 14px 14px 4px;
}

.rounded-\[14px_14px_4px_14px\]{
  border-radius: 14px 14px 4px 14px;
}

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

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

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

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

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

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

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

.rounded-\[3\.5px\]{
  border-radius: 3.5px;
}

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

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

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

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

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

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

.rounded-\[inherit\]{
  border-radius: inherit;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: var(--radius);
}

.rounded-md{
  border-radius: calc(var(--radius) - 2px);
}

.rounded-none{
  border-radius: 0px;
}

.rounded-sm{
  border-radius: calc(var(--radius) - 4px);
}

.rounded-xl{
  border-radius: 0.75rem;
}

.\!rounded-l-xl{
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}

.\!rounded-r-xl{
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}

.rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-b-\[11px\]{
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
}

.rounded-b-lg{
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.rounded-b-md{
  border-bottom-right-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}

.rounded-b-xl{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-l{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-l-lg{
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.rounded-l-xl{
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-r{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-r-lg{
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.rounded-r-xl{
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-s{
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
}

.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-t-\[22px\]{
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}

.rounded-t-\[9px\]{
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.rounded-t-lg{
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

.rounded-t-md{
  border-top-left-radius: calc(var(--radius) - 2px);
  border-top-right-radius: calc(var(--radius) - 2px);
}

.rounded-t-xl{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-bl-2xl{
  border-bottom-left-radius: 1rem;
}

.rounded-bl-lg{
  border-bottom-left-radius: var(--radius);
}

.rounded-bl-md{
  border-bottom-left-radius: calc(var(--radius) - 2px);
}

.rounded-bl-xl{
  border-bottom-left-radius: 0.75rem;
}

.rounded-br-2xl{
  border-bottom-right-radius: 1rem;
}

.rounded-br-\[5px\]{
  border-bottom-right-radius: 5px;
}

.rounded-br-md{
  border-bottom-right-radius: calc(var(--radius) - 2px);
}

.rounded-br-xl{
  border-bottom-right-radius: 0.75rem;
}

.rounded-tl-2xl{
  border-top-left-radius: 1rem;
}

.rounded-tl-\[5px\]{
  border-top-left-radius: 5px;
}

.rounded-tr-2xl{
  border-top-right-radius: 1rem;
}

.rounded-tr-lg{
  border-top-right-radius: var(--radius);
}

.rounded-tr-md{
  border-top-right-radius: calc(var(--radius) - 2px);
}

.\!border{
  border-width: 1px !important;
}

.\!border-0{
  border-width: 0px !important;
}

.\!border-\[1\.5px\]{
  border-width: 1.5px !important;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.border-2{
  border-width: 2px;
}

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

.border-\[1\.5px\]{
  border-width: 1.5px;
}

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

.border-\[1px\]{
  border-width: 1px;
}

.border-\[3px\]{
  border-width: 3px;
}

.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-x-0{
  border-left-width: 0px;
  border-right-width: 0px;
}

.border-x-\[2px\]{
  border-left-width: 2px;
  border-right-width: 2px;
}

.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-b{
  border-bottom-width: 1px;
}

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

.border-b-2{
  border-bottom-width: 2px;
}

.border-l{
  border-left-width: 1px;
}

.border-l-2{
  border-left-width: 2px;
}

.border-l-4{
  border-left-width: 4px;
}

.border-l-\[2px\]{
  border-left-width: 2px;
}

.border-l-\[3px\]{
  border-left-width: 3px;
}

.border-l-\[4px\]{
  border-left-width: 4px;
}

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

.border-r-0{
  border-right-width: 0px;
}

.border-r-\[2px\]{
  border-right-width: 2px;
}

.border-r-\[3px\]{
  border-right-width: 3px;
}

.border-t{
  border-top-width: 1px;
}

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

.border-t-4{
  border-top-width: 4px;
}

.border-t-8{
  border-top-width: 8px;
}

.border-t-\[3px\]{
  border-top-width: 3px;
}

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

.\!border-solid{
  border-style: solid !important;
}

.border-solid{
  border-style: solid;
}

.border-dashed{
  border-style: dashed;
}

.border-none{
  border-style: none;
}

.\!border-\[\#7f56d9\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(127 86 217 / var(--tw-border-opacity)) !important;
}

.\!border-\[\#d5d7da\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(213 215 218 / var(--tw-border-opacity)) !important;
}

.\!border-\[\#d8d3e6\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(216 211 230 / var(--tw-border-opacity)) !important;
}

.\!border-skymod-blue-gray-100{
  --tw-border-opacity: 1 !important;
  border-color: rgb(234 236 245 / var(--tw-border-opacity)) !important;
}

.\!border-skymod-brand-900{
  --tw-border-opacity: 1 !important;
  border-color: rgb(32 23 104 / var(--tw-border-opacity)) !important;
}

.\!border-slate-300{
  --tw-border-opacity: 1 !important;
  border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important;
}

.\!border-transparent{
  border-color: transparent !important;
}

.border-\[\#175cd3\]{
  --tw-border-opacity: 1;
  border-color: rgb(23 92 211 / var(--tw-border-opacity));
}

.border-\[\#1a1654\]{
  --tw-border-opacity: 1;
  border-color: rgb(26 22 84 / var(--tw-border-opacity));
}

.border-\[\#201768\]{
  --tw-border-opacity: 1;
  border-color: rgb(32 23 104 / var(--tw-border-opacity));
}

.border-\[\#2a2640\]{
  --tw-border-opacity: 1;
  border-color: rgb(42 38 64 / var(--tw-border-opacity));
}

.border-\[\#54E828\]{
  --tw-border-opacity: 1;
  border-color: rgb(84 232 40 / var(--tw-border-opacity));
}

.border-\[\#6366F1\]{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.border-\[\#6366f1\]{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.border-\[\#6366f1\]\/20{
  border-color: rgb(99 102 241 / 0.2);
}

.border-\[\#6366f1\]\/25{
  border-color: rgb(99 102 241 / 0.25);
}

.border-\[\#6366f1\]\/30{
  border-color: rgb(99 102 241 / 0.3);
}

.border-\[\#6366f1\]\/40{
  border-color: rgb(99 102 241 / 0.4);
}

.border-\[\#676FCA\]{
  --tw-border-opacity: 1;
  border-color: rgb(103 111 202 / var(--tw-border-opacity));
}

.border-\[\#686ccc\]\/20{
  border-color: rgb(104 108 204 / 0.2);
}

.border-\[\#6938ef\]{
  --tw-border-opacity: 1;
  border-color: rgb(105 56 239 / var(--tw-border-opacity));
}

.border-\[\#7B85FF\]{
  --tw-border-opacity: 1;
  border-color: rgb(123 133 255 / var(--tw-border-opacity));
}

.border-\[\#7a85f9\]{
  --tw-border-opacity: 1;
  border-color: rgb(122 133 249 / var(--tw-border-opacity));
}

.border-\[\#7a85f9\]\/20{
  border-color: rgb(122 133 249 / 0.2);
}

.border-\[\#7c83fd\]{
  --tw-border-opacity: 1;
  border-color: rgb(124 131 253 / var(--tw-border-opacity));
}

.border-\[\#7f56d9\]{
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.border-\[\#7f56d9\]\/35{
  border-color: rgb(127 86 217 / 0.35);
}

.border-\[\#979797\]{
  --tw-border-opacity: 1;
  border-color: rgb(151 151 151 / var(--tw-border-opacity));
}

.border-\[\#9e77ed\]{
  --tw-border-opacity: 1;
  border-color: rgb(158 119 237 / var(--tw-border-opacity));
}

.border-\[\#9fccbf\]{
  --tw-border-opacity: 1;
  border-color: rgb(159 204 191 / var(--tw-border-opacity));
}

.border-\[\#ACB3FF\]{
  --tw-border-opacity: 1;
  border-color: rgb(172 179 255 / var(--tw-border-opacity));
}

.border-\[\#ACB3FF\]\/20{
  border-color: rgb(172 179 255 / 0.2);
}

.border-\[\#D8DDFF\]{
  --tw-border-opacity: 1;
  border-color: rgb(216 221 255 / var(--tw-border-opacity));
}

.border-\[\#D9D9D9\]{
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}

.border-\[\#E2E5FF\]{
  --tw-border-opacity: 1;
  border-color: rgb(226 229 255 / var(--tw-border-opacity));
}

.border-\[\#E2E8F0\]{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.border-\[\#E5E7EB\]{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-\[\#E6E8FF\]{
  --tw-border-opacity: 1;
  border-color: rgb(230 232 255 / var(--tw-border-opacity));
}

.border-\[\#E8E6F0\]{
  --tw-border-opacity: 1;
  border-color: rgb(232 230 240 / var(--tw-border-opacity));
}

.border-\[\#FF4D4D\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 77 77 / var(--tw-border-opacity));
}

.border-\[\#FFC107\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 193 7 / var(--tw-border-opacity));
}

.border-\[\#FFECB3\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 236 179 / var(--tw-border-opacity));
}

.border-\[\#a7f3d0\]{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
}

.border-\[\#abb3fe\]\/10{
  border-color: rgb(171 179 254 / 0.1);
}

.border-\[\#abb3fe\]\/20{
  border-color: rgb(171 179 254 / 0.2);
}

.border-\[\#abb3fe\]\/30{
  border-color: rgb(171 179 254 / 0.3);
}

.border-\[\#abefc6\]{
  --tw-border-opacity: 1;
  border-color: rgb(171 239 198 / var(--tw-border-opacity));
}

.border-\[\#abefc6\]\/70{
  border-color: rgb(171 239 198 / 0.7);
}

.border-\[\#b2ddff\]{
  --tw-border-opacity: 1;
  border-color: rgb(178 221 255 / var(--tw-border-opacity));
}

.border-\[\#b2ddff\]\/60{
  border-color: rgb(178 221 255 / 0.6);
}

.border-\[\#b8dcf0\]{
  --tw-border-opacity: 1;
  border-color: rgb(184 220 240 / var(--tw-border-opacity));
}

.border-\[\#b8e6d0\]{
  --tw-border-opacity: 1;
  border-color: rgb(184 230 208 / var(--tw-border-opacity));
}

.border-\[\#bbf7d0\]{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity));
}

.border-\[\#bfdbfe\]{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}

.border-\[\#c4b5fd\]{
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity));
}

.border-\[\#c7d2fe\]{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
}

.border-\[\#c7d7fe\]{
  --tw-border-opacity: 1;
  border-color: rgb(199 215 254 / var(--tw-border-opacity));
}

.border-\[\#c8cce5\]{
  --tw-border-opacity: 1;
  border-color: rgb(200 204 229 / var(--tw-border-opacity));
}

.border-\[\#c8cff5\]{
  --tw-border-opacity: 1;
  border-color: rgb(200 207 245 / var(--tw-border-opacity));
}

.border-\[\#cbcad3\]{
  --tw-border-opacity: 1;
  border-color: rgb(203 202 211 / var(--tw-border-opacity));
}

.border-\[\#d0d5dd\]{
  --tw-border-opacity: 1;
  border-color: rgb(208 213 221 / var(--tw-border-opacity));
}

.border-\[\#d0d5ff\]{
  --tw-border-opacity: 1;
  border-color: rgb(208 213 255 / var(--tw-border-opacity));
}

.border-\[\#d0d7ff\]{
  --tw-border-opacity: 1;
  border-color: rgb(208 215 255 / var(--tw-border-opacity));
}

.border-\[\#d5d7da\]{
  --tw-border-opacity: 1;
  border-color: rgb(213 215 218 / var(--tw-border-opacity));
}

.border-\[\#d6bbfb\]{
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.border-\[\#d6d5e6\]{
  --tw-border-opacity: 1;
  border-color: rgb(214 213 230 / var(--tw-border-opacity));
}

.border-\[\#d6dbff\]{
  --tw-border-opacity: 1;
  border-color: rgb(214 219 255 / var(--tw-border-opacity));
}

.border-\[\#d7d2ff\]{
  --tw-border-opacity: 1;
  border-color: rgb(215 210 255 / var(--tw-border-opacity));
}

.border-\[\#d7dcff\]{
  --tw-border-opacity: 1;
  border-color: rgb(215 220 255 / var(--tw-border-opacity));
}

.border-\[\#d8cff9\]{
  --tw-border-opacity: 1;
  border-color: rgb(216 207 249 / var(--tw-border-opacity));
}

.border-\[\#d8d3e6\]{
  --tw-border-opacity: 1;
  border-color: rgb(216 211 230 / var(--tw-border-opacity));
}

.border-\[\#d9d6fe\]{
  --tw-border-opacity: 1;
  border-color: rgb(217 214 254 / var(--tw-border-opacity));
}

.border-\[\#ddd6fe\]{
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity));
}

.border-\[\#ddd9e8\]{
  --tw-border-opacity: 1;
  border-color: rgb(221 217 232 / var(--tw-border-opacity));
}

.border-\[\#e0e0e0\]{
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
}

.border-\[\#e0e4ff\]{
  --tw-border-opacity: 1;
  border-color: rgb(224 228 255 / var(--tw-border-opacity));
}

.border-\[\#e1e5ff\]{
  --tw-border-opacity: 1;
  border-color: rgb(225 229 255 / var(--tw-border-opacity));
}

.border-\[\#e4e0f0\]{
  --tw-border-opacity: 1;
  border-color: rgb(228 224 240 / var(--tw-border-opacity));
}

.border-\[\#e4e0f5\]{
  --tw-border-opacity: 1;
  border-color: rgb(228 224 245 / var(--tw-border-opacity));
}

.border-\[\#e4e0fb\]{
  --tw-border-opacity: 1;
  border-color: rgb(228 224 251 / var(--tw-border-opacity));
}

.border-\[\#e4e3ef\]{
  --tw-border-opacity: 1;
  border-color: rgb(228 227 239 / var(--tw-border-opacity));
}

.border-\[\#e4e4e7\]{
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity));
}

.border-\[\#e4e7ec\]{
  --tw-border-opacity: 1;
  border-color: rgb(228 231 236 / var(--tw-border-opacity));
}

.border-\[\#e5e7eb\]{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-\[\#e5e7f2\]{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 242 / var(--tw-border-opacity));
}

.border-\[\#e7e4f0\]{
  --tw-border-opacity: 1;
  border-color: rgb(231 228 240 / var(--tw-border-opacity));
}

.border-\[\#e8e4f3\]{
  --tw-border-opacity: 1;
  border-color: rgb(232 228 243 / var(--tw-border-opacity));
}

.border-\[\#e8e5f2\]{
  --tw-border-opacity: 1;
  border-color: rgb(232 229 242 / var(--tw-border-opacity));
}

.border-\[\#e9d7fe\]{
  --tw-border-opacity: 1;
  border-color: rgb(233 215 254 / var(--tw-border-opacity));
}

.border-\[\#e9e5ff\]{
  --tw-border-opacity: 1;
  border-color: rgb(233 229 255 / var(--tw-border-opacity));
}

.border-\[\#e9eaeb\]{
  --tw-border-opacity: 1;
  border-color: rgb(233 234 235 / var(--tw-border-opacity));
}

.border-\[\#eaecf0\]{
  --tw-border-opacity: 1;
  border-color: rgb(234 236 240 / var(--tw-border-opacity));
}

.border-\[\#eaecf5\]{
  --tw-border-opacity: 1;
  border-color: rgb(234 236 245 / var(--tw-border-opacity));
}

.border-\[\#ebe9fe\]{
  --tw-border-opacity: 1;
  border-color: rgb(235 233 254 / var(--tw-border-opacity));
}

.border-\[\#ece8f4\]{
  --tw-border-opacity: 1;
  border-color: rgb(236 232 244 / var(--tw-border-opacity));
}

.border-\[\#ece9f4\]{
  --tw-border-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-border-opacity));
}

.border-\[\#ececf3\]{
  --tw-border-opacity: 1;
  border-color: rgb(236 236 243 / var(--tw-border-opacity));
}

.border-\[\#eef0fe\]{
  --tw-border-opacity: 1;
  border-color: rgb(238 240 254 / var(--tw-border-opacity));
}

.border-\[\#f0f0f5\]{
  --tw-border-opacity: 1;
  border-color: rgb(240 240 245 / var(--tw-border-opacity));
}

.border-\[\#f2f4f7\]{
  --tw-border-opacity: 1;
  border-color: rgb(242 244 247 / var(--tw-border-opacity));
}

.border-\[\#f3f4fa\]{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 250 / var(--tw-border-opacity));
}

.border-\[\#f4f3ff\]{
  --tw-border-opacity: 1;
  border-color: rgb(244 243 255 / var(--tw-border-opacity));
}

.border-\[\#f5f5f5\]{
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity));
}

.border-\[\#f5fbff\]{
  --tw-border-opacity: 1;
  border-color: rgb(245 251 255 / var(--tw-border-opacity));
}

.border-\[\#f9dbaf\]{
  --tw-border-opacity: 1;
  border-color: rgb(249 219 175 / var(--tw-border-opacity));
}

.border-\[\#fafafa\]{
  --tw-border-opacity: 1;
  border-color: rgb(250 250 250 / var(--tw-border-opacity));
}

.border-\[\#fafaff\]{
  --tw-border-opacity: 1;
  border-color: rgb(250 250 255 / var(--tw-border-opacity));
}

.border-\[\#fcceee\]{
  --tw-border-opacity: 1;
  border-color: rgb(252 206 238 / var(--tw-border-opacity));
}

.border-\[\#fcd34d\]{
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity));
}

.border-\[\#fcd34d\]\/45{
  border-color: rgb(252 211 77 / 0.45);
}

.border-\[\#fde68a\]{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}

.border-\[\#fec84b\]{
  --tw-border-opacity: 1;
  border-color: rgb(254 200 75 / var(--tw-border-opacity));
}

.border-\[\#fec84b\]\/70{
  border-color: rgb(254 200 75 / 0.7);
}

.border-\[\#fecdca\]{
  --tw-border-opacity: 1;
  border-color: rgb(254 205 202 / var(--tw-border-opacity));
}

.border-\[\#fecdca\]\/70{
  border-color: rgb(254 205 202 / 0.7);
}

.border-\[\#fed7aa\]{
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
}

.border-\[\#fedf89\]{
  --tw-border-opacity: 1;
  border-color: rgb(254 223 137 / var(--tw-border-opacity));
}

.border-\[rgba\(32\2c 23\2c 104\2c 0\.1\)\]{
  border-color: rgba(32,23,104,0.1);
}

.border-amber-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity));
}

.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}

.border-amber-200\/30{
  border-color: rgb(253 230 138 / 0.3);
}

.border-amber-200\/40{
  border-color: rgb(253 230 138 / 0.4);
}

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

.border-amber-300\/80{
  border-color: rgb(252 211 77 / 0.8);
}

.border-amber-500{
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity));
}

.border-amber-600{
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / var(--tw-border-opacity));
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-blue-100{
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity));
}

.border-blue-100\/80{
  border-color: rgb(219 234 254 / 0.8);
}

.border-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}

.border-blue-200\/80{
  border-color: rgb(191 219 254 / 0.8);
}

.border-blue-200\/90{
  border-color: rgb(191 219 254 / 0.9);
}

.border-blue-300{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
}

.border-blue-400{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}

.border-blue-500{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.border-border{
  border-color: hsl(var(--border));
}

.border-border\/40{
  border-color: hsl(var(--border) / 0.4);
}

.border-border\/50{
  border-color: hsl(var(--border) / 0.5);
}

.border-border\/60{
  border-color: hsl(var(--border) / 0.6);
}

.border-border\/70{
  border-color: hsl(var(--border) / 0.7);
}

.border-border\/80{
  border-color: hsl(var(--border) / 0.8);
}

.border-canvas-border{
  --tw-border-opacity: 1;
  border-color: rgb(234 236 240 / var(--tw-border-opacity));
}

.border-canvas-border\/40{
  border-color: rgb(234 236 240 / 0.4);
}

.border-canvas-line{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-current{
  border-color: currentColor;
}

.border-cyan-200{
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity));
}

.border-cyan-200\/80{
  border-color: rgb(165 243 252 / 0.8);
}

.border-destructive{
  border-color: hsl(var(--destructive));
}

.border-destructive\/25{
  border-color: hsl(var(--destructive) / 0.25);
}

.border-destructive\/30{
  border-color: hsl(var(--destructive) / 0.3);
}

.border-destructive\/50{
  border-color: hsl(var(--destructive) / 0.5);
}

.border-emerald-100{
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity));
}

.border-emerald-200{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
}

.border-emerald-200\/70{
  border-color: rgb(167 243 208 / 0.7);
}

.border-emerald-200\/80{
  border-color: rgb(167 243 208 / 0.8);
}

.border-emerald-300{
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity));
}

.border-emerald-300\/80{
  border-color: rgb(110 231 183 / 0.8);
}

.border-emerald-400{
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity));
}

.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}

.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

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

.border-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.border-gray-50{
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity));
}

.border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.border-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.border-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.border-gray-800{
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}

.border-gray-900{
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.border-green-100{
  --tw-border-opacity: 1;
  border-color: rgb(220 252 231 / var(--tw-border-opacity));
}

.border-green-200{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity));
}

.border-green-300{
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity));
}

.border-green-400{
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity));
}

.border-green-500{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
}

.border-indigo-100{
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity));
}

.border-indigo-100\/80{
  border-color: rgb(224 231 255 / 0.8);
}

.border-indigo-200{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
}

.border-indigo-200\/80{
  border-color: rgb(199 210 254 / 0.8);
}

.border-indigo-200\/90{
  border-color: rgb(199 210 254 / 0.9);
}

.border-indigo-300{
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
}

.border-indigo-400{
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity));
}

.border-indigo-500{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.border-indigo-600{
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity));
}

.border-input{
  border-color: hsl(var(--input));
}

.border-muted{
  border-color: hsl(var(--muted));
}

.border-muted-foreground\/20{
  border-color: hsl(var(--muted-foreground) / 0.2);
}

.border-muted-foreground\/25{
  border-color: hsl(var(--muted-foreground) / 0.25);
}

.border-muted-foreground\/30{
  border-color: hsl(var(--muted-foreground) / 0.3);
}

.border-orange-100{
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / var(--tw-border-opacity));
}

.border-orange-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
}

.border-orange-200\/80{
  border-color: rgb(254 215 170 / 0.8);
}

.border-orange-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity));
}

.border-pink-100\/80{
  border-color: rgb(252 231 243 / 0.8);
}

.border-pink-200{
  --tw-border-opacity: 1;
  border-color: rgb(251 207 232 / var(--tw-border-opacity));
}

.border-pink-200\/70{
  border-color: rgb(251 207 232 / 0.7);
}

.border-pink-200\/80{
  border-color: rgb(251 207 232 / 0.8);
}

.border-pink-300{
  --tw-border-opacity: 1;
  border-color: rgb(249 168 212 / var(--tw-border-opacity));
}

.border-pink-300\/80{
  border-color: rgb(249 168 212 / 0.8);
}

.border-primary{
  border-color: hsl(var(--primary));
}

.border-primary\/20{
  border-color: hsl(var(--primary) / 0.2);
}

.border-primary\/25{
  border-color: hsl(var(--primary) / 0.25);
}

.border-primary\/35{
  border-color: hsl(var(--primary) / 0.35);
}

.border-purple-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 232 255 / var(--tw-border-opacity));
}

.border-purple-100\/50{
  border-color: rgb(243 232 255 / 0.5);
}

.border-purple-200{
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity));
}

.border-purple-200\/60{
  border-color: rgb(233 213 255 / 0.6);
}

.border-purple-200\/90{
  border-color: rgb(233 213 255 / 0.9);
}

.border-purple-300{
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity));
}

.border-purple-300\/50{
  border-color: rgb(216 180 254 / 0.5);
}

.border-purple-400{
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity));
}

.border-purple-500{
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity));
}

.border-red-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity));
}

.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}

.border-red-200\/60{
  border-color: rgb(254 202 202 / 0.6);
}

.border-red-200\/90{
  border-color: rgb(254 202 202 / 0.9);
}

.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}

.border-red-400{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}

.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.border-red-600{
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.border-rose-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity));
}

.border-sidebar{
  border-color: hsl(var(--sidebar-background));
}

.border-sidebar-border{
  border-color: hsl(var(--sidebar-border));
}

.border-sidebar-border\/60{
  border-color: hsl(var(--sidebar-border) / 0.6);
}

.border-sky-200{
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity));
}

.border-sky-200\/70{
  border-color: rgb(186 230 253 / 0.7);
}

.border-sky-200\/80{
  border-color: rgb(186 230 253 / 0.8);
}

.border-sky-300\/80{
  border-color: rgb(125 211 252 / 0.8);
}

.border-sky-400{
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / var(--tw-border-opacity));
}

.border-sky-studio-primary\/10{
  border-color: rgb(124 131 253 / 0.1);
}

.border-sky-studio-primary\/15{
  border-color: rgb(124 131 253 / 0.15);
}

.border-sky-studio-primary\/20{
  border-color: rgb(124 131 253 / 0.2);
}

.border-sky-studio-primary\/25{
  border-color: rgb(124 131 253 / 0.25);
}

.border-sky-studio-primary\/35{
  border-color: rgb(124 131 253 / 0.35);
}

.border-sky-studio-primary\/50{
  border-color: rgb(124 131 253 / 0.5);
}

.border-sky-studio-primary\/55{
  border-color: rgb(124 131 253 / 0.55);
}

.border-skymod-blue-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(234 236 245 / var(--tw-border-opacity));
}

.border-skymod-blue-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(200 204 229 / var(--tw-border-opacity));
}

.border-skymod-blue-light-50{
  --tw-border-opacity: 1;
  border-color: rgb(240 249 255 / var(--tw-border-opacity));
}

.border-skymod-brand-100{
  --tw-border-opacity: 1;
  border-color: rgb(244 235 255 / var(--tw-border-opacity));
}

.border-skymod-brand-200{
  --tw-border-opacity: 1;
  border-color: rgb(233 215 254 / var(--tw-border-opacity));
}

.border-skymod-brand-300{
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.border-skymod-brand-400{
  --tw-border-opacity: 1;
  border-color: rgb(182 146 246 / var(--tw-border-opacity));
}

.border-skymod-brand-50{
  --tw-border-opacity: 1;
  border-color: rgb(249 245 255 / var(--tw-border-opacity));
}

.border-skymod-brand-500{
  --tw-border-opacity: 1;
  border-color: rgb(158 119 237 / var(--tw-border-opacity));
}

.border-skymod-brand-600{
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.border-skymod-brand-700{
  --tw-border-opacity: 1;
  border-color: rgb(105 65 198 / var(--tw-border-opacity));
}

.border-skymod-brand-900{
  --tw-border-opacity: 1;
  border-color: rgb(32 23 104 / var(--tw-border-opacity));
}

.border-skymod-error-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 228 226 / var(--tw-border-opacity));
}

.border-skymod-error-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 205 202 / var(--tw-border-opacity));
}

.border-skymod-error-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 162 155 / var(--tw-border-opacity));
}

.border-skymod-error-600{
  --tw-border-opacity: 1;
  border-color: rgb(217 45 32 / var(--tw-border-opacity));
}

.border-skymod-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity));
}

.border-skymod-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(233 234 235 / var(--tw-border-opacity));
}

.border-skymod-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(213 215 218 / var(--tw-border-opacity));
}

.border-skymod-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(164 167 174 / var(--tw-border-opacity));
}

.border-skymod-success-100{
  --tw-border-opacity: 1;
  border-color: rgb(209 250 223 / var(--tw-border-opacity));
}

.border-skymod-success-200{
  --tw-border-opacity: 1;
  border-color: rgb(166 244 197 / var(--tw-border-opacity));
}

.border-skymod-success-50{
  --tw-border-opacity: 1;
  border-color: rgb(236 253 243 / var(--tw-border-opacity));
}

.border-skymod-warning-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 199 / var(--tw-border-opacity));
}

.border-skymod-warning-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 223 137 / var(--tw-border-opacity));
}

.border-slate-100{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

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

.border-slate-600{
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.border-slate-700{
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.border-slate-900{
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
}

.border-stone-200{
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity));
}

.border-stone-200\/70{
  border-color: rgb(231 229 228 / 0.7);
}

.border-stone-200\/80{
  border-color: rgb(231 229 228 / 0.8);
}

.border-teal-200\/80{
  border-color: rgb(153 246 228 / 0.8);
}

.border-transparent{
  border-color: transparent;
}

.border-violet-100{
  --tw-border-opacity: 1;
  border-color: rgb(237 233 254 / var(--tw-border-opacity));
}

.border-violet-200{
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity));
}

.border-violet-200\/20{
  border-color: rgb(221 214 254 / 0.2);
}

.border-violet-200\/30{
  border-color: rgb(221 214 254 / 0.3);
}

.border-violet-200\/40{
  border-color: rgb(221 214 254 / 0.4);
}

.border-violet-200\/70{
  border-color: rgb(221 214 254 / 0.7);
}

.border-violet-200\/80{
  border-color: rgb(221 214 254 / 0.8);
}

.border-violet-300{
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity));
}

.border-violet-300\/20{
  border-color: rgb(196 181 253 / 0.2);
}

.border-violet-300\/80{
  border-color: rgb(196 181 253 / 0.8);
}

.border-violet-300\/90{
  border-color: rgb(196 181 253 / 0.9);
}

.border-violet-500{
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity));
}

.border-violet-500\/50{
  border-color: rgb(139 92 246 / 0.5);
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}

.border-white\/40{
  border-color: rgb(255 255 255 / 0.4);
}

.border-white\/50{
  border-color: rgb(255 255 255 / 0.5);
}

.border-white\/80{
  border-color: rgb(255 255 255 / 0.8);
}

.border-yellow-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 249 195 / var(--tw-border-opacity));
}

.border-yellow-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity));
}

.border-yellow-300{
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity));
}

.border-yellow-500{
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity));
}

.border-x-transparent{
  border-left-color: transparent;
  border-right-color: transparent;
}

.border-b-\[\#676FCA\]{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(103 111 202 / var(--tw-border-opacity));
}

.border-b-\[\#D9D9D9\]{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
}

.border-l-\[\#6366f1\]{
  --tw-border-opacity: 1;
  border-left-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.border-l-amber-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(245 158 11 / var(--tw-border-opacity));
}

.border-l-blue-400{
  --tw-border-opacity: 1;
  border-left-color: rgb(96 165 250 / var(--tw-border-opacity));
}

.border-l-blue-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.border-l-blue-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.border-l-blue-700{
  --tw-border-opacity: 1;
  border-left-color: rgb(29 78 216 / var(--tw-border-opacity));
}

.border-l-cyan-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(8 145 178 / var(--tw-border-opacity));
}

.border-l-emerald-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(16 185 129 / var(--tw-border-opacity));
}

.border-l-emerald-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(5 150 105 / var(--tw-border-opacity));
}

.border-l-emerald-700{
  --tw-border-opacity: 1;
  border-left-color: rgb(4 120 87 / var(--tw-border-opacity));
}

.border-l-fuchsia-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(192 38 211 / var(--tw-border-opacity));
}

.border-l-green-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(34 197 94 / var(--tw-border-opacity));
}

.border-l-green-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(22 163 74 / var(--tw-border-opacity));
}

.border-l-indigo-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.border-l-indigo-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(79 70 229 / var(--tw-border-opacity));
}

.border-l-lime-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(101 163 13 / var(--tw-border-opacity));
}

.border-l-neutral-700{
  --tw-border-opacity: 1;
  border-left-color: rgb(64 64 64 / var(--tw-border-opacity));
}

.border-l-neutral-800{
  --tw-border-opacity: 1;
  border-left-color: rgb(38 38 38 / var(--tw-border-opacity));
}

.border-l-orange-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(249 115 22 / var(--tw-border-opacity));
}

.border-l-orange-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(234 88 12 / var(--tw-border-opacity));
}

.border-l-purple-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(147 51 234 / var(--tw-border-opacity));
}

.border-l-red-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.border-l-sky-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(14 165 233 / var(--tw-border-opacity));
}

.border-l-sky-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(2 132 199 / var(--tw-border-opacity));
}

.border-l-skymod-brand-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.border-l-skymod-brand-900{
  --tw-border-opacity: 1;
  border-left-color: rgb(32 23 104 / var(--tw-border-opacity));
}

.border-l-slate-200\/60{
  border-left-color: rgb(226 232 240 / 0.6);
}

.border-l-slate-400{
  --tw-border-opacity: 1;
  border-left-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.border-l-slate-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.border-l-slate-700{
  --tw-border-opacity: 1;
  border-left-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.border-l-slate-800{
  --tw-border-opacity: 1;
  border-left-color: rgb(30 41 59 / var(--tw-border-opacity));
}

.border-l-teal-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(13 148 136 / var(--tw-border-opacity));
}

.border-l-teal-700{
  --tw-border-opacity: 1;
  border-left-color: rgb(15 118 110 / var(--tw-border-opacity));
}

.border-l-transparent{
  border-left-color: transparent;
}

.border-l-violet-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(139 92 246 / var(--tw-border-opacity));
}

.border-l-violet-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(124 58 237 / var(--tw-border-opacity));
}

.border-l-yellow-500{
  --tw-border-opacity: 1;
  border-left-color: rgb(234 179 8 / var(--tw-border-opacity));
}

.border-l-zinc-700{
  --tw-border-opacity: 1;
  border-left-color: rgb(63 63 70 / var(--tw-border-opacity));
}

.border-r-transparent{
  border-right-color: transparent;
}

.border-t-\[\#5c3fd4\]{
  --tw-border-opacity: 1;
  border-top-color: rgb(92 63 212 / var(--tw-border-opacity));
}

.border-t-blue-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.border-t-gray-800{
  --tw-border-opacity: 1;
  border-top-color: rgb(31 41 55 / var(--tw-border-opacity));
}

.border-t-slate-600{
  --tw-border-opacity: 1;
  border-top-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.border-t-transparent{
  border-top-color: transparent;
}

.border-t-white{
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.\!bg-\[\#039855\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(3 152 85 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#201768\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(32 23 104 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#2d247f\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(45 36 127 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#d92d20\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(217 45 32 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#dc6803\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 104 3 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#f4f3ff\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity)) !important;
}

.\!bg-skymod-brand-900{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(32 23 104 / var(--tw-bg-opacity)) !important;
}

.\!bg-skymod-gray-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity)) !important;
}

.\!bg-transparent{
  background-color: transparent !important;
}

.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#0078D4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 120 212 / var(--tw-bg-opacity));
}

.bg-\[\#0078D4\]\/25{
  background-color: rgb(0 120 212 / 0.25);
}

.bg-\[\#0f0d1f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 13 31 / var(--tw-bg-opacity));
}

.bg-\[\#0f0d24\]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 13 36 / var(--tw-bg-opacity));
}

.bg-\[\#0f0d24\]\/50{
  background-color: rgb(15 13 36 / 0.5);
}

.bg-\[\#0f172a0d\]{
  background-color: #0f172a0d;
}

.bg-\[\#0f172a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.bg-\[\#101828\]{
  --tw-bg-opacity: 1;
  background-color: rgb(16 24 40 / var(--tw-bg-opacity));
}

.bg-\[\#10b981\]{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}

.bg-\[\#12b76a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(18 183 106 / var(--tw-bg-opacity));
}

.bg-\[\#16132a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(22 19 42 / var(--tw-bg-opacity));
}

.bg-\[\#17b26a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(23 178 106 / var(--tw-bg-opacity));
}

.bg-\[\#1a1654\]{
  --tw-bg-opacity: 1;
  background-color: rgb(26 22 84 / var(--tw-bg-opacity));
}

.bg-\[\#201768\]{
  --tw-bg-opacity: 1;
  background-color: rgb(32 23 104 / var(--tw-bg-opacity));
}

.bg-\[\#32d583\]{
  --tw-bg-opacity: 1;
  background-color: rgb(50 213 131 / var(--tw-bg-opacity));
}

.bg-\[\#3b2f66\]{
  --tw-bg-opacity: 1;
  background-color: rgb(59 47 102 / var(--tw-bg-opacity));
}

.bg-\[\#4f46e5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

.bg-\[\#5D3FD3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(93 63 211 / var(--tw-bg-opacity));
}

.bg-\[\#5c3fd4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(92 63 212 / var(--tw-bg-opacity));
}

.bg-\[\#5f68d6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(95 104 214 / var(--tw-bg-opacity));
}

.bg-\[\#605aef\]{
  --tw-bg-opacity: 1;
  background-color: rgb(96 90 239 / var(--tw-bg-opacity));
}

.bg-\[\#6366F1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.bg-\[\#6366F1\]\/10{
  background-color: rgb(99 102 241 / 0.1);
}

.bg-\[\#6366f1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.bg-\[\#6366f1\]\/10{
  background-color: rgb(99 102 241 / 0.1);
}

.bg-\[\#6366f1\]\/15{
  background-color: rgb(99 102 241 / 0.15);
}

.bg-\[\#6366f1\]\/35{
  background-color: rgb(99 102 241 / 0.35);
}

.bg-\[\#6366f1\]\/45{
  background-color: rgb(99 102 241 / 0.45);
}

.bg-\[\#6366f1\]\/50{
  background-color: rgb(99 102 241 / 0.5);
}

.bg-\[\#6366f1\]\/70{
  background-color: rgb(99 102 241 / 0.7);
}

.bg-\[\#6366f1\]\/80{
  background-color: rgb(99 102 241 / 0.8);
}

.bg-\[\#676FCA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(103 111 202 / var(--tw-bg-opacity));
}

.bg-\[\#676FCA\]\/10{
  background-color: rgb(103 111 202 / 0.1);
}

.bg-\[\#676FCA\]\/5{
  background-color: rgb(103 111 202 / 0.05);
}

.bg-\[\#6938ef\]{
  --tw-bg-opacity: 1;
  background-color: rgb(105 56 239 / var(--tw-bg-opacity));
}

.bg-\[\#7B85FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(123 133 255 / var(--tw-bg-opacity));
}

.bg-\[\#7D4CDB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(125 76 219 / var(--tw-bg-opacity));
}

.bg-\[\#7a85f9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(122 133 249 / var(--tw-bg-opacity));
}

.bg-\[\#7c3aed\]{
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
}

.bg-\[\#7c83fd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(124 131 253 / var(--tw-bg-opacity));
}

.bg-\[\#7f56d9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(127 86 217 / var(--tw-bg-opacity));
}

.bg-\[\#8A93FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(138 147 255 / var(--tw-bg-opacity));
}

.bg-\[\#9698e4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(150 152 228 / var(--tw-bg-opacity));
}

.bg-\[\#98a2b3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(152 162 179 / var(--tw-bg-opacity));
}

.bg-\[\#9994ac\]{
  --tw-bg-opacity: 1;
  background-color: rgb(153 148 172 / var(--tw-bg-opacity));
}

.bg-\[\#ACB3FF47\]{
  background-color: #ACB3FF47;
}

.bg-\[\#ACB3FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(172 179 255 / var(--tw-bg-opacity));
}

.bg-\[\#ACB3FF\]\/10{
  background-color: rgb(172 179 255 / 0.1);
}

.bg-\[\#ACB3FF\]\/20{
  background-color: rgb(172 179 255 / 0.2);
}

.bg-\[\#ACB3FF\]\/30{
  background-color: rgb(172 179 255 / 0.3);
}

.bg-\[\#ACB3FF\]\/5{
  background-color: rgb(172 179 255 / 0.05);
}

.bg-\[\#D6DAFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(214 218 255 / var(--tw-bg-opacity));
}

.bg-\[\#D9D9D9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
}

.bg-\[\#EDEEFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(237 238 255 / var(--tw-bg-opacity));
}

.bg-\[\#EEF2FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.bg-\[\#F0F1FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 255 / var(--tw-bg-opacity));
}

.bg-\[\#F3F4FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 255 / var(--tw-bg-opacity));
}

.bg-\[\#F4F5FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 255 / var(--tw-bg-opacity));
}

.bg-\[\#F5F7FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 255 / var(--tw-bg-opacity));
}

.bg-\[\#F6F6F6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

.bg-\[\#F7F7F7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}

.bg-\[\#F8F9FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 255 / var(--tw-bg-opacity));
}

.bg-\[\#F8F9FF\]\/30{
  background-color: rgb(248 249 255 / 0.3);
}

.bg-\[\#FAFAFA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-\[\#FAFBFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 255 / var(--tw-bg-opacity));
}

.bg-\[\#FFC107\]\/10{
  background-color: rgb(255 193 7 / 0.1);
}

.bg-\[\#FFE6E9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 230 233 / var(--tw-bg-opacity));
}

.bg-\[\#FFF8E1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 225 / var(--tw-bg-opacity));
}

.bg-\[\#FFFDE7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 253 231 / var(--tw-bg-opacity));
}

.bg-\[\#FFFFFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-\[\#abb3fe\]\/20{
  background-color: rgb(171 179 254 / 0.2);
}

.bg-\[\#d0d5dd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(208 213 221 / var(--tw-bg-opacity));
}

.bg-\[\#d5d7da\]{
  --tw-bg-opacity: 1;
  background-color: rgb(213 215 218 / var(--tw-bg-opacity));
}

.bg-\[\#d7d2ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(215 210 255 / var(--tw-bg-opacity));
}

.bg-\[\#d8d3e6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(216 211 230 / var(--tw-bg-opacity));
}

.bg-\[\#dc2626\]{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.bg-\[\#ddd9e8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(221 217 232 / var(--tw-bg-opacity));
}

.bg-\[\#e0f2fe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.bg-\[\#e4e0f2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(228 224 242 / var(--tw-bg-opacity));
}

.bg-\[\#e5e7ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 255 / var(--tw-bg-opacity));
}

.bg-\[\#e8ecff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 236 255 / var(--tw-bg-opacity));
}

.bg-\[\#e8f4fc\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 244 252 / var(--tw-bg-opacity));
}

.bg-\[\#e9eaeb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 234 235 / var(--tw-bg-opacity));
}

.bg-\[\#eaecf0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 240 / var(--tw-bg-opacity));
}

.bg-\[\#eaecf5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 245 / var(--tw-bg-opacity));
}

.bg-\[\#eb001b\]{
  --tw-bg-opacity: 1;
  background-color: rgb(235 0 27 / var(--tw-bg-opacity));
}

.bg-\[\#ece9f4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 233 244 / var(--tw-bg-opacity));
}

.bg-\[\#ece9f4\]\/60{
  background-color: rgb(236 233 244 / 0.6);
}

.bg-\[\#ecfdf3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 243 / var(--tw-bg-opacity));
}

.bg-\[\#ecfdf5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}

.bg-\[\#ede9fe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.bg-\[\#edeeff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(237 238 255 / var(--tw-bg-opacity));
}

.bg-\[\#eef0fe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 240 254 / var(--tw-bg-opacity));
}

.bg-\[\#eef2ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.bg-\[\#eef4ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 255 / var(--tw-bg-opacity));
}

.bg-\[\#eff6ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.bg-\[\#eff8ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 248 255 / var(--tw-bg-opacity));
}

.bg-\[\#f04438\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 68 56 / var(--tw-bg-opacity));
}

.bg-\[\#f0eef5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 238 245 / var(--tw-bg-opacity));
}

.bg-\[\#f0f0f0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}

.bg-\[\#f0f0f8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 248 / var(--tw-bg-opacity));
}

.bg-\[\#f0f2ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 242 255 / var(--tw-bg-opacity));
}

.bg-\[\#f0f9ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}

.bg-\[\#f2f4f7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}

.bg-\[\#f3f1fa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 241 250 / var(--tw-bg-opacity));
}

.bg-\[\#f3f4ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 255 / var(--tw-bg-opacity));
}

.bg-\[\#f4ebff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.bg-\[\#f4f2f8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 242 248 / var(--tw-bg-opacity));
}

.bg-\[\#f4f3ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity));
}

.bg-\[\#f4f3ff\]\/80{
  background-color: rgb(244 243 255 / 0.8);
}

.bg-\[\#f4f5fe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 254 / var(--tw-bg-opacity));
}

.bg-\[\#f59e0b\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}

.bg-\[\#f5f3ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
}

.bg-\[\#f5f4f8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 244 248 / var(--tw-bg-opacity));
}

.bg-\[\#f5f4fc\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 244 252 / var(--tw-bg-opacity));
}

.bg-\[\#f5f5f5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-\[\#f5f5fa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 250 / var(--tw-bg-opacity));
}

.bg-\[\#f5f7ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 255 / var(--tw-bg-opacity));
}

.bg-\[\#f79009\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 144 9 / var(--tw-bg-opacity));
}

.bg-\[\#f79e1b\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 158 27 / var(--tw-bg-opacity));
}

.bg-\[\#f7f8fa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250 / var(--tw-bg-opacity));
}

.bg-\[\#f8f6ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 246 255 / var(--tw-bg-opacity));
}

.bg-\[\#f8f7fc\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 252 / var(--tw-bg-opacity));
}

.bg-\[\#f8f7ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 255 / var(--tw-bg-opacity));
}

.bg-\[\#f8f8f8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.bg-\[\#f8f8fb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 251 / var(--tw-bg-opacity));
}

.bg-\[\#f8f8fd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 253 / var(--tw-bg-opacity));
}

.bg-\[\#f8f9fc\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.bg-\[\#f8f9ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 255 / var(--tw-bg-opacity));
}

.bg-\[\#f8fafc\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.bg-\[\#f9f5ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.bg-\[\#f9fafb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-\[\#f9faff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 255 / var(--tw-bg-opacity));
}

.bg-\[\#faf5ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
}

.bg-\[\#faf9fc\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 252 / var(--tw-bg-opacity));
}

.bg-\[\#faf9fe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 254 / var(--tw-bg-opacity));
}

.bg-\[\#faf9ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 255 / var(--tw-bg-opacity));
}

.bg-\[\#fafafa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-\[\#fafafc\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity));
}

.bg-\[\#fafaff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 255 / var(--tw-bg-opacity));
}

.bg-\[\#fafbff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 255 / var(--tw-bg-opacity));
}

.bg-\[\#fbfafd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 253 / var(--tw-bg-opacity));
}

.bg-\[\#fbfaff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 255 / var(--tw-bg-opacity));
}

.bg-\[\#fbfbff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 255 / var(--tw-bg-opacity));
}

.bg-\[\#fcfbfe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 254 / var(--tw-bg-opacity));
}

.bg-\[\#fcfbff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 255 / var(--tw-bg-opacity));
}

.bg-\[\#fcfcfd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 253 / var(--tw-bg-opacity));
}

.bg-\[\#fcfcfe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 254 / var(--tw-bg-opacity));
}

.bg-\[\#fcfcff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 255 / var(--tw-bg-opacity));
}

.bg-\[\#fdb022\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 176 34 / var(--tw-bg-opacity));
}

.bg-\[\#fdf2fa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 250 / var(--tw-bg-opacity));
}

.bg-\[\#fdfdfd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 253 / var(--tw-bg-opacity));
}

.bg-\[\#fecdca\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 205 202 / var(--tw-bg-opacity));
}

.bg-\[\#fee4e2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 228 226 / var(--tw-bg-opacity));
}

.bg-\[\#fef3f2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 242 / var(--tw-bg-opacity));
}

.bg-\[\#fff6eb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 235 / var(--tw-bg-opacity));
}

.bg-\[\#fff6ed\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 237 / var(--tw-bg-opacity));
}

.bg-\[\#fff7ed\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}

.bg-\[\#fffaeb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 235 / var(--tw-bg-opacity));
}

.bg-\[\#fffbeb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}

.bg-\[rgba\(146\2c 64\2c 14\2c 0\.1\)\]{
  background-color: rgba(146,64,14,0.1);
}

.bg-\[rgba\(172\2c 179\2c 255\2c 0\.14\)\]{
  background-color: rgba(172,179,255,0.14);
}

.bg-\[rgba\(20\2c 17\2c 60\2c 0\.32\)\]{
  background-color: rgba(20,17,60,0.32);
}

.bg-\[rgba\(20\2c 17\2c 60\2c 0\.36\)\]{
  background-color: rgba(20,17,60,0.36);
}

.bg-\[rgba\(218\2c 218\2c 218\2c 0\.11\)\]{
  background-color: rgba(218,218,218,0.11);
}

.bg-\[var\(--sdm-bg\2c inherit\)\]{
  background-color: var(--sdm-bg,inherit);
}

.bg-\[var\(--sdm-tbg\)\]{
  background-color: var(--sdm-tbg);
}

.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.bg-amber-100\/80{
  background-color: rgb(254 243 199 / 0.8);
}

.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}

.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}

.bg-amber-50\/30{
  background-color: rgb(255 251 235 / 0.3);
}

.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-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}

.bg-amber-500\/10{
  background-color: rgb(245 158 11 / 0.1);
}

.bg-amber-600{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}

.bg-background{
  background-color: hsl(var(--background));
}

.bg-background\/50{
  background-color: hsl(var(--background) / 0.5);
}

.bg-background\/60{
  background-color: hsl(var(--background) / 0.6);
}

.bg-background\/70{
  background-color: hsl(var(--background) / 0.7);
}

.bg-background\/80{
  background-color: hsl(var(--background) / 0.8);
}

.bg-background\/85{
  background-color: hsl(var(--background) / 0.85);
}

.bg-background\/90{
  background-color: hsl(var(--background) / 0.9);
}

.bg-background\/95{
  background-color: hsl(var(--background) / 0.95);
}

.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-black\/0{
  background-color: rgb(0 0 0 / 0);
}

.bg-black\/10{
  background-color: rgb(0 0 0 / 0.1);
}

.bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}

.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}

.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}

.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}

.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}

.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}

.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.bg-blue-100\/40{
  background-color: rgb(219 234 254 / 0.4);
}

.bg-blue-200{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}

.bg-blue-200\/25{
  background-color: rgb(191 219 254 / 0.25);
}

.bg-blue-400{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}

.bg-blue-400\/40{
  background-color: rgb(96 165 250 / 0.4);
}

.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.bg-blue-50\/20{
  background-color: rgb(239 246 255 / 0.2);
}

.bg-blue-50\/40{
  background-color: rgb(239 246 255 / 0.4);
}

.bg-blue-50\/50{
  background-color: rgb(239 246 255 / 0.5);
}

.bg-blue-50\/80{
  background-color: rgb(239 246 255 / 0.8);
}

.bg-blue-50\/90{
  background-color: rgb(239 246 255 / 0.9);
}

.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.bg-border{
  background-color: hsl(var(--border));
}

.bg-canvas-surface{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-canvas-surface-hover\/50{
  background-color: rgb(243 244 246 / 0.5);
}

.bg-canvas-surface-muted{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-card{
  background-color: hsl(var(--card));
}

.bg-card\/30{
  background-color: hsl(var(--card) / 0.3);
}

.bg-card\/50{
  background-color: hsl(var(--card) / 0.5);
}

.bg-card\/60{
  background-color: hsl(var(--card) / 0.6);
}

.bg-card\/70{
  background-color: hsl(var(--card) / 0.7);
}

.bg-card\/80{
  background-color: hsl(var(--card) / 0.8);
}

.bg-card\/90{
  background-color: hsl(var(--card) / 0.9);
}

.bg-current{
  background-color: currentColor;
}

.bg-cyan-100{
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity));
}

.bg-cyan-50\/50{
  background-color: rgb(236 254 255 / 0.5);
}

.bg-cyan-500{
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
}

.bg-cyan-600{
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}

.bg-destructive{
  background-color: hsl(var(--destructive));
}

.bg-destructive\/10{
  background-color: hsl(var(--destructive) / 0.1);
}

.bg-destructive\/5{
  background-color: hsl(var(--destructive) / 0.05);
}

.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}

.bg-emerald-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}

.bg-emerald-50\/40{
  background-color: rgb(236 253 245 / 0.4);
}

.bg-emerald-50\/50{
  background-color: rgb(236 253 245 / 0.5);
}

.bg-emerald-50\/80{
  background-color: rgb(236 253 245 / 0.8);
}

.bg-emerald-50\/90{
  background-color: rgb(236 253 245 / 0.9);
}

.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}

.bg-emerald-500\/10{
  background-color: rgb(16 185 129 / 0.1);
}

.bg-emerald-500\/\[0\.06\]{
  background-color: rgb(16 185 129 / 0.06);
}

.bg-emerald-600{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}

.bg-emerald-600\/15{
  background-color: rgb(5 150 105 / 0.15);
}

.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-100\/80{
  background-color: rgb(243 244 246 / 0.8);
}

.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-gray-50\/50{
  background-color: rgb(249 250 251 / 0.5);
}

.bg-gray-50\/60{
  background-color: rgb(249 250 251 / 0.6);
}

.bg-gray-50\/80{
  background-color: rgb(249 250 251 / 0.8);
}

.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.bg-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.bg-green-400{
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
}

.bg-green-400\/40{
  background-color: rgb(74 222 128 / 0.4);
}

.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}

.bg-green-50\/50{
  background-color: rgb(240 253 244 / 0.5);
}

.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

.bg-indigo-200{
  --tw-bg-opacity: 1;
  background-color: rgb(199 210 254 / var(--tw-bg-opacity));
}

.bg-indigo-400{
  --tw-bg-opacity: 1;
  background-color: rgb(129 140 248 / var(--tw-bg-opacity));
}

.bg-indigo-50{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.bg-indigo-50\/50{
  background-color: rgb(238 242 255 / 0.5);
}

.bg-indigo-50\/60{
  background-color: rgb(238 242 255 / 0.6);
}

.bg-indigo-500{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.bg-indigo-600{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

.bg-muted{
  background-color: hsl(var(--muted));
}

.bg-muted\/15{
  background-color: hsl(var(--muted) / 0.15);
}

.bg-muted\/20{
  background-color: hsl(var(--muted) / 0.2);
}

.bg-muted\/25{
  background-color: hsl(var(--muted) / 0.25);
}

.bg-muted\/30{
  background-color: hsl(var(--muted) / 0.3);
}

.bg-muted\/35{
  background-color: hsl(var(--muted) / 0.35);
}

.bg-muted\/40{
  background-color: hsl(var(--muted) / 0.4);
}

.bg-muted\/50{
  background-color: hsl(var(--muted) / 0.5);
}

.bg-muted\/70{
  background-color: hsl(var(--muted) / 0.7);
}

.bg-muted\/80{
  background-color: hsl(var(--muted) / 0.8);
}

.bg-neutral-200\/90{
  background-color: rgb(229 229 229 / 0.9);
}

.bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

.bg-orange-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}

.bg-orange-50\/40{
  background-color: rgb(255 247 237 / 0.4);
}

.bg-orange-50\/50{
  background-color: rgb(255 247 237 / 0.5);
}

.bg-orange-500{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}

.bg-orange-600{
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}

.bg-pink-100{
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity));
}

.bg-pink-100\/60{
  background-color: rgb(252 231 243 / 0.6);
}

.bg-pink-100\/90{
  background-color: rgb(252 231 243 / 0.9);
}

.bg-pink-50\/90{
  background-color: rgb(253 242 248 / 0.9);
}

.bg-pink-500{
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity));
}

.bg-pink-600{
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity));
}

.bg-popover{
  background-color: hsl(var(--popover));
}

.bg-primary{
  background-color: hsl(var(--primary));
}

.bg-primary\/10{
  background-color: hsl(var(--primary) / 0.1);
}

.bg-primary\/5{
  background-color: hsl(var(--primary) / 0.05);
}

.bg-primary\/\[0\.07\]{
  background-color: hsl(var(--primary) / 0.07);
}

.bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}

.bg-purple-100\/90{
  background-color: rgb(243 232 255 / 0.9);
}

.bg-purple-300{
  --tw-bg-opacity: 1;
  background-color: rgb(216 180 254 / var(--tw-bg-opacity));
}

.bg-purple-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
}

.bg-purple-50\/50{
  background-color: rgb(250 245 255 / 0.5);
}

.bg-purple-50\/90{
  background-color: rgb(250 245 255 / 0.9);
}

.bg-purple-500{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}

.bg-purple-600{
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity));
}

.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.bg-red-200\/80{
  background-color: rgb(254 202 202 / 0.8);
}

.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}

.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.bg-red-50\/50{
  background-color: rgb(254 242 242 / 0.5);
}

.bg-red-50\/80{
  background-color: rgb(254 242 242 / 0.8);
}

.bg-red-50\/90{
  background-color: rgb(254 242 242 / 0.9);
}

.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.bg-rose-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}

.bg-secondary{
  background-color: hsl(var(--secondary));
}

.bg-sidebar{
  background-color: hsl(var(--sidebar-background));
}

.bg-sidebar-border{
  background-color: hsl(var(--sidebar-border));
}

.bg-sidebar\/80{
  background-color: hsl(var(--sidebar-background) / 0.8);
}

.bg-sky-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.bg-sky-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}

.bg-sky-50\/50{
  background-color: rgb(240 249 255 / 0.5);
}

.bg-sky-50\/90{
  background-color: rgb(240 249 255 / 0.9);
}

.bg-sky-500{
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}

.bg-sky-600{
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
}

.bg-sky-studio-background{
  --tw-bg-opacity: 1;
  background-color: rgb(237 238 255 / var(--tw-bg-opacity));
}

.bg-sky-studio-background\/35{
  background-color: rgb(237 238 255 / 0.35);
}

.bg-sky-studio-background\/40{
  background-color: rgb(237 238 255 / 0.4);
}

.bg-sky-studio-background\/50{
  background-color: rgb(237 238 255 / 0.5);
}

.bg-sky-studio-background\/55{
  background-color: rgb(237 238 255 / 0.55);
}

.bg-sky-studio-background\/60{
  background-color: rgb(237 238 255 / 0.6);
}

.bg-sky-studio-background\/80{
  background-color: rgb(237 238 255 / 0.8);
}

.bg-sky-studio-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(124 131 253 / var(--tw-bg-opacity));
}

.bg-sky-studio-primary\/10{
  background-color: rgb(124 131 253 / 0.1);
}

.bg-sky-studio-primary\/\[0\.04\]{
  background-color: rgb(124 131 253 / 0.04);
}

.bg-sky-studio-primary\/\[0\.06\]{
  background-color: rgb(124 131 253 / 0.06);
}

.bg-sky-studio-primary\/\[0\.07\]{
  background-color: rgb(124 131 253 / 0.07);
}

.bg-sky-studio-primary\/\[0\.08\]{
  background-color: rgb(124 131 253 / 0.08);
}

.bg-skymod-blue-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 245 / var(--tw-bg-opacity));
}

.bg-skymod-blue-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.bg-skymod-blue-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(78 91 166 / var(--tw-bg-opacity));
}

.bg-skymod-blue-light-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.bg-skymod-blue-light-400{
  --tw-bg-opacity: 1;
  background-color: rgb(54 191 250 / var(--tw-bg-opacity));
}

.bg-skymod-blue-light-50{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}

.bg-skymod-brand-100{
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.bg-skymod-brand-200\/80{
  background-color: rgb(233 215 254 / 0.8);
}

.bg-skymod-brand-25{
  --tw-bg-opacity: 1;
  background-color: rgb(252 250 255 / var(--tw-bg-opacity));
}

.bg-skymod-brand-25\/40{
  background-color: rgb(252 250 255 / 0.4);
}

.bg-skymod-brand-25\/60{
  background-color: rgb(252 250 255 / 0.6);
}

.bg-skymod-brand-25\/70{
  background-color: rgb(252 250 255 / 0.7);
}

.bg-skymod-brand-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.bg-skymod-brand-600{
  --tw-bg-opacity: 1;
  background-color: rgb(127 86 217 / var(--tw-bg-opacity));
}

.bg-skymod-brand-700{
  --tw-bg-opacity: 1;
  background-color: rgb(105 65 198 / var(--tw-bg-opacity));
}

.bg-skymod-brand-900{
  --tw-bg-opacity: 1;
  background-color: rgb(32 23 104 / var(--tw-bg-opacity));
}

.bg-skymod-error-25{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 250 / var(--tw-bg-opacity));
}

.bg-skymod-error-25\/50{
  background-color: rgb(255 251 250 / 0.5);
}

.bg-skymod-error-400{
  --tw-bg-opacity: 1;
  background-color: rgb(249 112 102 / var(--tw-bg-opacity));
}

.bg-skymod-error-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 242 / var(--tw-bg-opacity));
}

.bg-skymod-error-500{
  --tw-bg-opacity: 1;
  background-color: rgb(240 68 56 / var(--tw-bg-opacity));
}

.bg-skymod-error-600{
  --tw-bg-opacity: 1;
  background-color: rgb(217 45 32 / var(--tw-bg-opacity));
}

.bg-skymod-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-skymod-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(233 234 235 / var(--tw-bg-opacity));
}

.bg-skymod-gray-25{
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 253 / var(--tw-bg-opacity));
}

.bg-skymod-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(213 215 218 / var(--tw-bg-opacity));
}

.bg-skymod-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-skymod-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(24 29 39 / var(--tw-bg-opacity));
}

.bg-skymod-orange-400{
  --tw-bg-opacity: 1;
  background-color: rgb(253 133 58 / var(--tw-bg-opacity));
}

.bg-skymod-success-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 223 / var(--tw-bg-opacity));
}

.bg-skymod-success-25{
  --tw-bg-opacity: 1;
  background-color: rgb(246 254 249 / var(--tw-bg-opacity));
}

.bg-skymod-success-25\/50{
  background-color: rgb(246 254 249 / 0.5);
}

.bg-skymod-success-400{
  --tw-bg-opacity: 1;
  background-color: rgb(50 213 131 / var(--tw-bg-opacity));
}

.bg-skymod-success-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 243 / var(--tw-bg-opacity));
}

.bg-skymod-success-500{
  --tw-bg-opacity: 1;
  background-color: rgb(18 183 106 / var(--tw-bg-opacity));
}

.bg-skymod-warning-25{
  --tw-bg-opacity: 1;
  background-color: rgb(255 252 245 / var(--tw-bg-opacity));
}

.bg-skymod-warning-25\/50{
  background-color: rgb(255 252 245 / 0.5);
}

.bg-skymod-warning-300{
  --tw-bg-opacity: 1;
  background-color: rgb(254 200 75 / var(--tw-bg-opacity));
}

.bg-skymod-warning-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 235 / var(--tw-bg-opacity));
}

.bg-skymod-warning-50\/80{
  background-color: rgb(255 250 235 / 0.8);
}

.bg-skymod-warning-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 104 3 / var(--tw-bg-opacity));
}

.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

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

.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.bg-slate-300\/30{
  background-color: rgb(203 213 225 / 0.3);
}

.bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.bg-slate-50\/30{
  background-color: rgb(248 250 252 / 0.3);
}

.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-500{
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.bg-slate-700{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.bg-slate-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.bg-slate-800\/50{
  background-color: rgb(30 41 59 / 0.5);
}

.bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.bg-slate-900\/95{
  background-color: rgb(15 23 42 / 0.95);
}

.bg-slate-950{
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.bg-stone-200{
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity));
}

.bg-stone-300\/30{
  background-color: rgb(214 211 209 / 0.3);
}

.bg-stone-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity));
}

.bg-teal-100{
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity));
}

.bg-teal-50\/50{
  background-color: rgb(240 253 250 / 0.5);
}

.bg-teal-500{
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity));
}

.bg-teal-600{
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}

.bg-transparent{
  background-color: transparent;
}

.bg-violet-100{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.bg-violet-100\/80{
  background-color: rgb(237 233 254 / 0.8);
}

.bg-violet-200{
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / var(--tw-bg-opacity));
}

.bg-violet-300{
  --tw-bg-opacity: 1;
  background-color: rgb(196 181 253 / var(--tw-bg-opacity));
}

.bg-violet-400{
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / var(--tw-bg-opacity));
}

.bg-violet-50{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
}

.bg-violet-50\/40{
  background-color: rgb(245 243 255 / 0.4);
}

.bg-violet-50\/50{
  background-color: rgb(245 243 255 / 0.5);
}

.bg-violet-50\/70{
  background-color: rgb(245 243 255 / 0.7);
}

.bg-violet-50\/80{
  background-color: rgb(245 243 255 / 0.8);
}

.bg-violet-50\/90{
  background-color: rgb(245 243 255 / 0.9);
}

.bg-violet-500{
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity));
}

.bg-violet-500\/5{
  background-color: rgb(139 92 246 / 0.05);
}

.bg-violet-600{
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}

.bg-white\/25{
  background-color: rgb(255 255 255 / 0.25);
}

.bg-white\/30{
  background-color: rgb(255 255 255 / 0.3);
}

.bg-white\/40{
  background-color: rgb(255 255 255 / 0.4);
}

.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}

.bg-white\/50{
  background-color: rgb(255 255 255 / 0.5);
}

.bg-white\/60{
  background-color: rgb(255 255 255 / 0.6);
}

.bg-white\/70{
  background-color: rgb(255 255 255 / 0.7);
}

.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}

.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}

.bg-white\/95{
  background-color: rgb(255 255 255 / 0.95);
}

.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}

.bg-yellow-400{
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}

.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}

.bg-yellow-50\/50{
  background-color: rgb(254 252 232 / 0.5);
}

.bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.bg-yellow-600{
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
}

.bg-zinc-950{
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity));
}

.bg-opacity-0{
  --tw-bg-opacity: 0;
}

.bg-opacity-40{
  --tw-bg-opacity: 0.4;
}

.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}

.bg-opacity-70{
  --tw-bg-opacity: 0.7;
}

.bg-opacity-75{
  --tw-bg-opacity: 0.75;
}

.bg-opacity-80{
  --tw-bg-opacity: 0.8;
}

.bg-opacity-95{
  --tw-bg-opacity: 0.95;
}

.bg-\[conic-gradient\(from_0deg\2c transparent_0deg\2c rgba\(214\2c 187\2c 251\2c 0\.16\)_32deg\2c \#d6bbfb_70deg\2c \#7C83FD_112deg\2c \#7f56d9_154deg\2c rgba\(214\2c 187\2c 251\2c 0\.18\)_192deg\2c transparent_248deg\2c transparent_360deg\)\]{
  background-image: conic-gradient(from 0deg,transparent 0deg,rgba(214,187,251,0.16) 32deg,#d6bbfb 70deg,#7C83FD 112deg,#7f56d9 154deg,rgba(214,187,251,0.18) 192deg,transparent 248deg,transparent 360deg);
}

.bg-\[linear-gradient\(115deg\2c transparent_0\%\2c rgba\(148\2c 163\2c 184\2c 0\.08\)_45\%\2c transparent_70\%\)\]{
  background-image: linear-gradient(115deg,transparent 0%,rgba(148,163,184,0.08) 45%,transparent 70%);
}

.bg-\[linear-gradient\(115deg\2c transparent_0\%\2c rgba\(32\2c 23\2c 104\2c 0\.05\)_45\%\2c transparent_70\%\)\]{
  background-image: linear-gradient(115deg,transparent 0%,rgba(32,23,104,0.05) 45%,transparent 70%);
}

.bg-\[linear-gradient\(90deg\2c \#f4f3ff_0\%\2c \#ffffff_100\%\)\]{
  background-image: linear-gradient(90deg,#f4f3ff 0%,#ffffff 100%);
}

.bg-\[radial-gradient\(120\%_80\%_at_50\%_-20\%\2c rgba\(127\2c 86\2c 217\2c 0\.14\)\2c transparent_70\%\)\]{
  background-image: radial-gradient(120% 80% at 50% -20%,rgba(127,86,217,0.14),transparent 70%);
}

.bg-\[radial-gradient\(circle_at_50\%_8\%\2c \#ede8ff_0\2c transparent_34rem\)\]{
  background-image: radial-gradient(circle at 50% 8%,#ede8ff 0,transparent 34rem);
}

.bg-\[radial-gradient\(ellipse_70\%_50\%_at_50\%_30\%\2c rgba\(124\2c 131\2c 253\2c 0\.14\)\2c transparent_55\%\)\]{
  background-image: radial-gradient(ellipse 70% 50% at 50% 30%,rgba(124,131,253,0.14),transparent 55%);
}

.bg-\[radial-gradient\(ellipse_at_bottom_right\2c _var\(--tw-gradient-stops\)\)\]{
  background-image: radial-gradient(ellipse at bottom right, var(--tw-gradient-stops));
}

.bg-\[radial-gradient\(ellipse_at_top\2c \#ede9fe_0\%\2c transparent_70\%\)\]{
  background-image: radial-gradient(ellipse at top,#ede9fe 0%,transparent 70%);
}

.bg-\[radial-gradient\(ellipse_at_top_left\2c _var\(--tw-gradient-stops\)\)\]{
  background-image: radial-gradient(ellipse at top left, var(--tw-gradient-stops));
}

.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-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-\[\#7B85FF\]{
  --tw-gradient-from: #7B85FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(123 133 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#7a85f9\]{
  --tw-gradient-from: #7a85f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(122 133 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#7a85f9\]\/10{
  --tw-gradient-from: rgb(122 133 249 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(122 133 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#9e77ed\]{
  --tw-gradient-from: #9e77ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(158 119 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#9fccbf\]{
  --tw-gradient-from: #9fccbf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 204 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#ACB3FF\]{
  --tw-gradient-from: #ACB3FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(172 179 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#F0F2FF\]{
  --tw-gradient-from: #F0F2FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#F8F9FF\]{
  --tw-gradient-from: #F8F9FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 249 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#abb3fe\]{
  --tw-gradient-from: #abb3fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(171 179 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#f0f2ff\]{
  --tw-gradient-from: #f0f2ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#f4f3ff\]{
  --tw-gradient-from: #f4f3ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 243 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#f8f9ff\]{
  --tw-gradient-from: #f8f9ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 249 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#f9f5ff\]{
  --tw-gradient-from: #f9f5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#f9faff\]{
  --tw-gradient-from: #f9faff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#fbfafd\]{
  --tw-gradient-from: #fbfafd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 250 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#fbfaff\]{
  --tw-gradient-from: #fbfaff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 250 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-background\/90{
  --tw-gradient-from: hsl(var(--background) / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-300\/20{
  --tw-gradient-from: rgb(147 197 253 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-400{
  --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);
}

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

.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-gray-100{
  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-200{
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-400{
  --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);
}

.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-50\/50{
  --tw-gradient-from: rgb(249 250 251 / 0.5) 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-50\/80{
  --tw-gradient-from: rgb(249 250 251 / 0.8) 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-400{
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 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-indigo-100{
  --tw-gradient-from: #e0e7ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-200{
  --tw-gradient-from: #c7d2fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 210 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-400{
  --tw-gradient-from: #818cf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 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-50\/95{
  --tw-gradient-from: rgb(238 242 255 / 0.95) 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-muted{
  --tw-gradient-from: hsl(var(--muted)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-muted\/30{
  --tw-gradient-from: hsl(var(--muted) / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary\/15{
  --tw-gradient-from: hsl(var(--primary) / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary\/\[0\.04\]{
  --tw-gradient-from: hsl(var(--primary) / 0.04) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-400{
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 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-50\/50{
  --tw-gradient-from: rgb(250 245 255 / 0.5) 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-50\/80{
  --tw-gradient-from: rgb(250 245 255 / 0.8) 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-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-400{
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-studio-background{
  --tw-gradient-from: #edeeff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(237 238 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-studio-background\/50{
  --tw-gradient-from: rgb(237 238 255 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(237 238 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-studio-primary\/\[0\.09\]{
  --tw-gradient-from: rgb(124 131 253 / 0.09) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 131 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-skymod-error-400{
  --tw-gradient-from: #f97066 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 112 102 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-skymod-success-400{
  --tw-gradient-from: #32d583 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(50 213 131 / 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-slate-50\/95{
  --tw-gradient-from: rgb(248 250 252 / 0.95) 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-slate-800{
  --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);
}

.from-violet-100{
  --tw-gradient-from: #ede9fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(237 233 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-200{
  --tw-gradient-from: #ddd6fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(221 214 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-400{
  --tw-gradient-from: #a78bfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-50{
  --tw-gradient-from: #f5f3ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-50\/50{
  --tw-gradient-from: rgb(245 243 255 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-500{
  --tw-gradient-from: #8b5cf6 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-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\/15{
  --tw-gradient-from: rgb(255 255 255 / 0.15) 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-400{
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 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-50\%{
  --tw-gradient-from-position: 50%;
}

.via-\[\#7a85f9\]{
  --tw-gradient-to: rgb(122 133 249 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #7a85f9 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-background{
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-background\/20{
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-card{
  --tw-gradient-to: hsl(var(--card) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-card\/40{
  --tw-gradient-to: hsl(var(--card) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-400{
  --tw-gradient-to: rgb(192 132 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-500{
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-sky-studio-background\/90{
  --tw-gradient-to: rgb(237 238 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(237 238 255 / 0.9) 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-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\/90{
  --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.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white\/95{
  --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.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-\[\#6366f1\]{
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}

.to-\[\#6671f6\]{
  --tw-gradient-to: #6671f6 var(--tw-gradient-to-position);
}

.to-\[\#6671f6\]\/5{
  --tw-gradient-to: rgb(102 113 246 / 0.05) var(--tw-gradient-to-position);
}

.to-\[\#7c83fd\]{
  --tw-gradient-to: #7c83fd var(--tw-gradient-to-position);
}

.to-\[\#8A93FF\]{
  --tw-gradient-to: #8A93FF var(--tw-gradient-to-position);
}

.to-\[\#8b95ff\]{
  --tw-gradient-to: #8b95ff var(--tw-gradient-to-position);
}

.to-\[\#9fccbf\]{
  --tw-gradient-to: #9fccbf var(--tw-gradient-to-position);
}

.to-\[\#ACB3FF\]{
  --tw-gradient-to: #ACB3FF var(--tw-gradient-to-position);
}

.to-\[\#F1F4FF\]{
  --tw-gradient-to: #F1F4FF var(--tw-gradient-to-position);
}

.to-\[\#e8ebff\]{
  --tw-gradient-to: #e8ebff var(--tw-gradient-to-position);
}

.to-\[\#eef0fe\]{
  --tw-gradient-to: #eef0fe var(--tw-gradient-to-position);
}

.to-\[\#f0f4ff\]{
  --tw-gradient-to: #f0f4ff var(--tw-gradient-to-position);
}

.to-\[\#f5f5fa\]{
  --tw-gradient-to: #f5f5fa var(--tw-gradient-to-position);
}

.to-amber-600{
  --tw-gradient-to: #d97706 var(--tw-gradient-to-position);
}

.to-background{
  --tw-gradient-to: hsl(var(--background)) var(--tw-gradient-to-position);
}

.to-blue-50{
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}

.to-blue-50\/95{
  --tw-gradient-to: rgb(239 246 255 / 0.95) var(--tw-gradient-to-position);
}

.to-blue-500{
  --tw-gradient-to: #3b82f6 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-emerald-50{
  --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position);
}

.to-emerald-500{
  --tw-gradient-to: #10b981 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-500{
  --tw-gradient-to: #6b7280 var(--tw-gradient-to-position);
}

.to-gray-600{
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}

.to-gray-800{
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}

.to-green-600{
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}

.to-indigo-50{
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}

.to-indigo-50\/30{
  --tw-gradient-to: rgb(238 242 255 / 0.3) var(--tw-gradient-to-position);
}

.to-indigo-50\/80{
  --tw-gradient-to: rgb(238 242 255 / 0.8) var(--tw-gradient-to-position);
}

.to-indigo-600{
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}

.to-muted\/60{
  --tw-gradient-to: hsl(var(--muted) / 0.6) var(--tw-gradient-to-position);
}

.to-orange-50{
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}

.to-orange-500{
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}

.to-pink-400{
  --tw-gradient-to: #f472b6 var(--tw-gradient-to-position);
}

.to-pink-50{
  --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);
}

.to-pink-500{
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}

.to-primary\/5{
  --tw-gradient-to: hsl(var(--primary) / 0.05) var(--tw-gradient-to-position);
}

.to-purple-400{
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}

.to-purple-50{
  --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);
}

.to-purple-500{
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}

.to-purple-600{
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}

.to-red-600{
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}

.to-sky-studio-background\/25{
  --tw-gradient-to: rgb(237 238 255 / 0.25) var(--tw-gradient-to-position);
}

.to-sky-studio-primary{
  --tw-gradient-to: #7C83FD var(--tw-gradient-to-position);
}

.to-sky-studio-primary\/\[0\.04\]{
  --tw-gradient-to: rgb(124 131 253 / 0.04) var(--tw-gradient-to-position);
}

.to-skymod-error-600{
  --tw-gradient-to: #d92d20 var(--tw-gradient-to-position);
}

.to-skymod-success-600{
  --tw-gradient-to: #039855 var(--tw-gradient-to-position);
}

.to-slate-100\/80{
  --tw-gradient-to: rgb(241 245 249 / 0.8) var(--tw-gradient-to-position);
}

.to-slate-50\/70{
  --tw-gradient-to: rgb(248 250 252 / 0.7) var(--tw-gradient-to-position);
}

.to-slate-50\/80{
  --tw-gradient-to: rgb(248 250 252 / 0.8) var(--tw-gradient-to-position);
}

.to-slate-900{
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}

.to-stone-100{
  --tw-gradient-to: #f5f5f4 var(--tw-gradient-to-position);
}

.to-teal-500{
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}

.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-violet-100{
  --tw-gradient-to: #ede9fe var(--tw-gradient-to-position);
}

.to-violet-400{
  --tw-gradient-to: #a78bfa var(--tw-gradient-to-position);
}

.to-violet-50{
  --tw-gradient-to: #f5f3ff var(--tw-gradient-to-position);
}

.to-violet-50\/20{
  --tw-gradient-to: rgb(245 243 255 / 0.2) var(--tw-gradient-to-position);
}

.to-violet-50\/50{
  --tw-gradient-to: rgb(245 243 255 / 0.5) var(--tw-gradient-to-position);
}

.to-violet-600{
  --tw-gradient-to: #7c3aed var(--tw-gradient-to-position);
}

.to-white{
  --tw-gradient-to: #fff 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);
}

.fill-\[\#201768\]{
  fill: #201768;
}

.fill-\[\#6366f1\]{
  fill: #6366f1;
}

.fill-\[\#7c3aed\]{
  fill: #7c3aed;
}

.fill-\[\#f59e0b\]{
  fill: #f59e0b;
}

.fill-amber-400{
  fill: #fbbf24;
}

.fill-current{
  fill: currentColor;
}

.fill-none{
  fill: none;
}

.fill-purple-400{
  fill: #c084fc;
}

.fill-red-500{
  fill: #ef4444;
}

.fill-skymod-brand-500{
  fill: #9e77ed;
}

.fill-skymod-brand-600{
  fill: #7f56d9;
}

.stroke-\[1\.5\]{
  stroke-width: 1.5;
}

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

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.object-center{
  -o-object-position: center;
     object-position: center;
}

.object-left{
  -o-object-position: left;
     object-position: left;
}

.object-top{
  -o-object-position: top;
     object-position: top;
}

.\!p-0{
  padding: 0px !important;
}

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

.\!p-\[10px\]{
  padding: 10px !important;
}

.\!p-\[12px\]{
  padding: 12px !important;
}

.\!p-\[4px\]{
  padding: 4px !important;
}

.\!p-\[6px\]{
  padding: 6px !important;
}

.\!p-\[8px\]{
  padding: 8px !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-14{
  padding: 3.5rem;
}

.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-8{
  padding: 2rem;
}

.p-9{
  padding: 2.25rem;
}

.p-\[12\.5\%\]{
  padding: 12.5%;
}

.p-\[13px\]{
  padding: 13px;
}

.p-\[15px\]{
  padding: 15px;
}

.p-\[17px\]{
  padding: 17px;
}

.p-\[18px\]{
  padding: 18px;
}

.p-\[19px\]{
  padding: 19px;
}

.p-\[1px\]{
  padding: 1px;
}

.p-\[3px\]{
  padding: 3px;
}

.p-\[7px\]{
  padding: 7px;
}

.p-px{
  padding: 1px;
}

.\!px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

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

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

.\!px-3\.5{
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}

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

.\!px-\[12px\]{
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.\!px-\[16px\]{
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.\!px-\[18px\]{
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.\!px-\[20px\]{
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.\!px-\[24px\]{
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.\!px-\[8px\]{
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.\!py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

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

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

.\!py-\[10px\]{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.\!py-\[12px\]{
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.\!py-\[14px\]{
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.\!py-\[4px\]{
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.\!py-\[6px\]{
  padding-top: 6px !important;
  padding-bottom: 6px !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-14{
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}

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

.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-20{
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-24{
  padding-left: 6rem;
  padding-right: 6rem;
}

.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-\[10\%\]{
  padding-left: 10%;
  padding-right: 10%;
}

.px-\[13px\]{
  padding-left: 13px;
  padding-right: 13px;
}

.px-\[14px\]{
  padding-left: 14px;
  padding-right: 14px;
}

.px-\[15\%\]{
  padding-left: 15%;
  padding-right: 15%;
}

.px-\[15px\]{
  padding-left: 15px;
  padding-right: 15px;
}

.px-\[17px\]{
  padding-left: 17px;
  padding-right: 17px;
}

.px-\[18px\]{
  padding-left: 18px;
  padding-right: 18px;
}

.px-\[19px\]{
  padding-left: 19px;
  padding-right: 19px;
}

.px-\[21px\]{
  padding-left: 21px;
  padding-right: 21px;
}

.px-\[22px\]{
  padding-left: 22px;
  padding-right: 22px;
}

.px-\[30px\]{
  padding-left: 30px;
  padding-right: 30px;
}

.px-\[5\%\]{
  padding-left: 5%;
  padding-right: 5%;
}

.px-\[7px\]{
  padding-left: 7px;
  padding-right: 7px;
}

.px-\[9px\]{
  padding-left: 9px;
  padding-right: 9px;
}

.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-11{
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.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-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-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

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

.py-9{
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.py-\[11px\]{
  padding-top: 11px;
  padding-bottom: 11px;
}

.py-\[13px\]{
  padding-top: 13px;
  padding-bottom: 13px;
}

.py-\[15px\]{
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-\[17px\]{
  padding-top: 17px;
  padding-bottom: 17px;
}

.py-\[18px\]{
  padding-top: 18px;
  padding-bottom: 18px;
}

.py-\[19px\]{
  padding-top: 19px;
  padding-bottom: 19px;
}

.py-\[22px\]{
  padding-top: 22px;
  padding-bottom: 22px;
}

.py-\[2px\]{
  padding-top: 2px;
  padding-bottom: 2px;
}

.py-\[3px\]{
  padding-top: 3px;
  padding-bottom: 3px;
}

.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-\[6px\]{
  padding-top: 6px;
  padding-bottom: 6px;
}

.py-\[7px\]{
  padding-top: 7px;
  padding-bottom: 7px;
}

.py-\[8px\]{
  padding-top: 8px;
  padding-bottom: 8px;
}

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

.py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}

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

.pb-0\.5{
  padding-bottom: 0.125rem;
}

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

.pb-1\.5{
  padding-bottom: 0.375rem;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pb-12{
  padding-bottom: 3rem;
}

.pb-16{
  padding-bottom: 4rem;
}

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

.pb-2\.5{
  padding-bottom: 0.625rem;
}

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

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

.pb-3\.5{
  padding-bottom: 0.875rem;
}

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

.pb-5{
  padding-bottom: 1.25rem;
}

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

.pb-7{
  padding-bottom: 1.75rem;
}

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

.pb-\[11px\]{
  padding-bottom: 11px;
}

.pb-\[13px\]{
  padding-bottom: 13px;
}

.pb-\[15px\]{
  padding-bottom: 15px;
}

.pb-\[17px\]{
  padding-bottom: 17px;
}

.pb-\[18px\]{
  padding-bottom: 18px;
}

.pb-\[19px\]{
  padding-bottom: 19px;
}

.pb-\[27px\]{
  padding-bottom: 27px;
}

.pb-\[37px\]{
  padding-bottom: 37px;
}

.pb-\[7px\]{
  padding-bottom: 7px;
}

.pb-\[9px\]{
  padding-bottom: 9px;
}

.pb-\[max\(1\.75rem\2c env\(safe-area-inset-bottom\)\)\]{
  padding-bottom: max(1.75rem,env(safe-area-inset-bottom));
}

.pb-\[max\(1rem\2c env\(safe-area-inset-bottom\)\)\]{
  padding-bottom: max(1rem,env(safe-area-inset-bottom));
}

.pb-px{
  padding-bottom: 1px;
}

.pe-1{
  padding-inline-end: 0.25rem;
}

.pe-2{
  padding-inline-end: 0.5rem;
}

.pl-0{
  padding-left: 0px;
}

.pl-0\.5{
  padding-left: 0.125rem;
}

.pl-1{
  padding-left: 0.25rem;
}

.pl-1\.5{
  padding-left: 0.375rem;
}

.pl-10{
  padding-left: 2.5rem;
}

.pl-11{
  padding-left: 2.75rem;
}

.pl-12{
  padding-left: 3rem;
}

.pl-14{
  padding-left: 3.5rem;
}

.pl-16{
  padding-left: 4rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pl-2\.5{
  padding-left: 0.625rem;
}

.pl-3{
  padding-left: 0.75rem;
}

.pl-3\.5{
  padding-left: 0.875rem;
}

.pl-4{
  padding-left: 1rem;
}

.pl-5{
  padding-left: 1.25rem;
}

.pl-6{
  padding-left: 1.5rem;
}

.pl-7{
  padding-left: 1.75rem;
}

.pl-8{
  padding-left: 2rem;
}

.pl-9{
  padding-left: 2.25rem;
}

.pl-\[11px\]{
  padding-left: 11px;
}

.pl-\[13px\]{
  padding-left: 13px;
}

.pl-\[14px\]{
  padding-left: 14px;
}

.pl-\[34px\]{
  padding-left: 34px;
}

.pl-\[42px\]{
  padding-left: 42px;
}

.pl-\[5\%\]{
  padding-left: 5%;
}

.pl-\[5px\]{
  padding-left: 5px;
}

.pl-\[84px\]{
  padding-left: 84px;
}

.pl-\[9px\]{
  padding-left: 9px;
}

.pr-0\.5{
  padding-right: 0.125rem;
}

.pr-1{
  padding-right: 0.25rem;
}

.pr-1\.5{
  padding-right: 0.375rem;
}

.pr-10{
  padding-right: 2.5rem;
}

.pr-12{
  padding-right: 3rem;
}

.pr-14{
  padding-right: 3.5rem;
}

.pr-16{
  padding-right: 4rem;
}

.pr-2{
  padding-right: 0.5rem;
}

.pr-2\.5{
  padding-right: 0.625rem;
}

.pr-24{
  padding-right: 6rem;
}

.pr-28{
  padding-right: 7rem;
}

.pr-3{
  padding-right: 0.75rem;
}

.pr-3\.5{
  padding-right: 0.875rem;
}

.pr-4{
  padding-right: 1rem;
}

.pr-5{
  padding-right: 1.25rem;
}

.pr-6{
  padding-right: 1.5rem;
}

.pr-7{
  padding-right: 1.75rem;
}

.pr-8{
  padding-right: 2rem;
}

.pr-9{
  padding-right: 2.25rem;
}

.pr-\[10\%\]{
  padding-right: 10%;
}

.pr-\[15px\]{
  padding-right: 15px;
}

.pr-\[22px\]{
  padding-right: 22px;
}

.pr-\[25\%\]{
  padding-right: 25%;
}

.pr-\[5\%\]{
  padding-right: 5%;
}

.pr-\[9px\]{
  padding-right: 9px;
}

.pt-0{
  padding-top: 0px;
}

.pt-0\.5{
  padding-top: 0.125rem;
}

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

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

.pt-10{
  padding-top: 2.5rem;
}

.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-3{
  padding-top: 0.75rem;
}

.pt-3\.5{
  padding-top: 0.875rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pt-7{
  padding-top: 1.75rem;
}

.pt-8{
  padding-top: 2rem;
}

.pt-9{
  padding-top: 2.25rem;
}

.pt-\[10px\]{
  padding-top: 10px;
}

.pt-\[15px\]{
  padding-top: 15px;
}

.pt-\[18px\]{
  padding-top: 18px;
}

.pt-\[19px\]{
  padding-top: 19px;
}

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

.pt-\[21px\]{
  padding-top: 21px;
}

.pt-\[23px\]{
  padding-top: 23px;
}

.pt-\[29px\]{
  padding-top: 29px;
}

.pt-\[30px\]{
  padding-top: 30px;
}

.pt-\[45px\]{
  padding-top: 45px;
}

.pt-\[5vh\]{
  padding-top: 5vh;
}

.pt-\[env\(safe-area-inset-top\)\]{
  padding-top: env(safe-area-inset-top);
}

.pt-\[min\(16vh\2c 120px\)\]{
  padding-top: min(16vh,120px);
}

.pt-px{
  padding-top: 1px;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.\!align-baseline{
  vertical-align: baseline !important;
}

.align-top{
  vertical-align: top;
}

.align-middle{
  vertical-align: middle;
}

.\!font-\[inherit\]{
  font-family: inherit !important;
}

.\!font-inter{
  font-family: Inter, sans-serif !important;
}

.\!font-montserrat{
  font-family: Montserrat, sans-serif !important;
}

.font-handwriting{
  font-family: "Patrick Hand", "Comic Sans MS", cursive;
}

.font-inter{
  font-family: Inter, sans-serif;
}

.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-montserrat{
  font-family: Montserrat, sans-serif;
}

.font-poppins{
  font-family: Poppins, sans-serif;
}

.font-sans{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.\!text-sky-b1{
  font-size: 17px !important;
  line-height: 27px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-b2{
  font-size: 19px !important;
  line-height: 29px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-h1{
  font-size: 23px !important;
  line-height: 31px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-h2{
  font-size: 29px !important;
  line-height: 37px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-h3{
  font-size: 35px !important;
  line-height: 43px !important;
  letter-spacing: -2px !important;
}

.\!text-sky-h4{
  font-size: 47px !important;
  line-height: 59px !important;
  letter-spacing: -2px !important;
}

.\!text-sky-t0{
  font-size: 9px !important;
  line-height: 14px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-t1{
  font-size: 11px !important;
  line-height: 17px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-t2{
  font-size: 13px !important;
  line-height: 19px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-t3{
  font-size: 15px !important;
  line-height: 23px !important;
  letter-spacing: 0 !important;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl{
  font-size: 3rem;
  line-height: 1;
}

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

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

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

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

.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-\[13px\]{
  font-size: 13px;
}

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

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

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

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

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

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

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

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

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

.text-\[9\.5px\]{
  font-size: 9.5px;
}

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

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-panel-sm{
  font-size: 11px;
  line-height: 15px;
}

.text-panel-xs{
  font-size: 9px;
  line-height: 13px;
  letter-spacing: 0.02em;
}

.text-sky-b1{
  font-size: 17px;
  line-height: 27px;
  letter-spacing: 0;
}

.text-sky-b2{
  font-size: 19px;
  line-height: 29px;
  letter-spacing: 0;
}

.text-sky-h2{
  font-size: 29px;
  line-height: 37px;
  letter-spacing: 0;
}

.text-sky-h6{
  font-size: 71px;
  line-height: 89px;
  letter-spacing: -2px;
}

.text-sky-t0{
  font-size: 9px;
  line-height: 14px;
  letter-spacing: 0;
}

.text-sky-t1{
  font-size: 11px;
  line-height: 17px;
  letter-spacing: 0;
}

.text-sky-t2{
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
}

.text-sky-t3{
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.\!font-normal{
  font-weight: 400 !important;
}

.\!font-semibold{
  font-weight: 600 !important;
}

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

.italic{
  font-style: italic;
}

.not-italic{
  font-style: normal;
}

.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\!leading-5{
  line-height: 1.25rem !important;
}

.\!leading-\[17px\]{
  line-height: 17px !important;
}

.\!leading-\[inherit\]{
  line-height: inherit !important;
}

.\!leading-none{
  line-height: 1 !important;
}

.leading-10{
  line-height: 2.5rem;
}

.leading-3{
  line-height: .75rem;
}

.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-\[1\.15\]{
  line-height: 1.15;
}

.leading-\[1\.1\]{
  line-height: 1.1;
}

.leading-\[1\.21875rem\]{
  line-height: 1.21875rem;
}

.leading-\[1\.45\]{
  line-height: 1.45;
}

.leading-\[1\.55\]{
  line-height: 1.55;
}

.leading-\[1\.625\]{
  line-height: 1.625;
}

.leading-\[1\.65\]{
  line-height: 1.65;
}

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

.leading-\[17px\]{
  line-height: 17px;
}

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

.leading-\[19px\]{
  line-height: 19px;
}

.leading-\[21px\]{
  line-height: 21px;
}

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

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

.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\.01em\]{
  letter-spacing: -0.01em;
}

.tracking-\[-0\.02em\]{
  letter-spacing: -0.02em;
}

.tracking-\[-0\.03em\]{
  letter-spacing: -0.03em;
}

.tracking-\[0\.01em\]{
  letter-spacing: 0.01em;
}

.tracking-\[0\.02em\]{
  letter-spacing: 0.02em;
}

.tracking-\[0\.04em\]{
  letter-spacing: 0.04em;
}

.tracking-\[0\.06em\]{
  letter-spacing: 0.06em;
}

.tracking-\[0\.08em\]{
  letter-spacing: 0.08em;
}

.tracking-\[0\.12em\]{
  letter-spacing: 0.12em;
}

.tracking-\[0\.14em\]{
  letter-spacing: 0.14em;
}

.tracking-\[0\.1em\]{
  letter-spacing: 0.1em;
}

.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-\[\#1a1654\]{
  --tw-text-opacity: 1 !important;
  color: rgb(26 22 84 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#201768\]{
  --tw-text-opacity: 1 !important;
  color: rgb(32 23 104 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#414651\]{
  --tw-text-opacity: 1 !important;
  color: rgb(65 70 81 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#6941c6\]{
  --tw-text-opacity: 1 !important;
  color: rgb(105 65 198 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#71717A\]{
  --tw-text-opacity: 1 !important;
  color: rgb(113 113 122 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#7f56d9\]{
  --tw-text-opacity: 1 !important;
  color: rgb(127 86 217 / var(--tw-text-opacity)) !important;
}

.\!text-skymod-brand-900{
  --tw-text-opacity: 1 !important;
  color: rgb(32 23 104 / var(--tw-text-opacity)) !important;
}

.\!text-skymod-gray-500{
  --tw-text-opacity: 1 !important;
  color: rgb(113 118 128 / var(--tw-text-opacity)) !important;
}

.\!text-skymod-gray-600{
  --tw-text-opacity: 1 !important;
  color: rgb(83 88 98 / var(--tw-text-opacity)) !important;
}

.\!text-skymod-gray-700{
  --tw-text-opacity: 1 !important;
  color: rgb(65 70 81 / var(--tw-text-opacity)) !important;
}

.\!text-skymod-gray-900{
  --tw-text-opacity: 1 !important;
  color: rgb(24 29 39 / var(--tw-text-opacity)) !important;
}

.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.text-\[\#000000\]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-\[\#0078D4\]{
  --tw-text-opacity: 1;
  color: rgb(0 120 212 / var(--tw-text-opacity));
}

.text-\[\#026aa2\]{
  --tw-text-opacity: 1;
  color: rgb(2 106 162 / var(--tw-text-opacity));
}

.text-\[\#027a48\]{
  --tw-text-opacity: 1;
  color: rgb(2 122 72 / var(--tw-text-opacity));
}

.text-\[\#039855\]{
  --tw-text-opacity: 1;
  color: rgb(3 152 85 / var(--tw-text-opacity));
}

.text-\[\#047857\]{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}

.text-\[\#059669\]{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}

.text-\[\#067647\]{
  --tw-text-opacity: 1;
  color: rgb(6 118 71 / var(--tw-text-opacity));
}

.text-\[\#101828\]{
  --tw-text-opacity: 1;
  color: rgb(16 24 40 / var(--tw-text-opacity));
}

.text-\[\#10b981\]{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}

.text-\[\#111827\]{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-\[\#12b76a\]{
  --tw-text-opacity: 1;
  color: rgb(18 183 106 / var(--tw-text-opacity));
}

.text-\[\#1570ef\]{
  --tw-text-opacity: 1;
  color: rgb(21 112 239 / var(--tw-text-opacity));
}

.text-\[\#175cd3\]{
  --tw-text-opacity: 1;
  color: rgb(23 92 211 / var(--tw-text-opacity));
}

.text-\[\#17b26a\]{
  --tw-text-opacity: 1;
  color: rgb(23 178 106 / var(--tw-text-opacity));
}

.text-\[\#181d27\]{
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.text-\[\#1a1654\]{
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.text-\[\#1d4ed8\]{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.text-\[\#1f1f2e\]{
  --tw-text-opacity: 1;
  color: rgb(31 31 46 / var(--tw-text-opacity));
}

.text-\[\#201768\]{
  --tw-text-opacity: 1;
  color: rgb(32 23 104 / var(--tw-text-opacity));
}

.text-\[\#24292e\]{
  --tw-text-opacity: 1;
  color: rgb(36 41 46 / var(--tw-text-opacity));
}

.text-\[\#25205d\]{
  --tw-text-opacity: 1;
  color: rgb(37 32 93 / var(--tw-text-opacity));
}

.text-\[\#2563eb\]{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-\[\#2a3362\]{
  --tw-text-opacity: 1;
  color: rgb(42 51 98 / var(--tw-text-opacity));
}

.text-\[\#2a3362\]\/70{
  color: rgb(42 51 98 / 0.7);
}

.text-\[\#2a3362\]\/80{
  color: rgb(42 51 98 / 0.8);
}

.text-\[\#2d2d2d\]{
  --tw-text-opacity: 1;
  color: rgb(45 45 45 / var(--tw-text-opacity));
}

.text-\[\#2e90fa\]{
  --tw-text-opacity: 1;
  color: rgb(46 144 250 / var(--tw-text-opacity));
}

.text-\[\#32d583\]{
  --tw-text-opacity: 1;
  color: rgb(50 213 131 / var(--tw-text-opacity));
}

.text-\[\#333\]{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}

.text-\[\#334155\]{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.text-\[\#344054\]{
  --tw-text-opacity: 1;
  color: rgb(52 64 84 / var(--tw-text-opacity));
}

.text-\[\#3538cd\]{
  --tw-text-opacity: 1;
  color: rgb(53 56 205 / var(--tw-text-opacity));
}

.text-\[\#373451\]{
  --tw-text-opacity: 1;
  color: rgb(55 52 81 / var(--tw-text-opacity));
}

.text-\[\#374151\]{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-\[\#397EFC\]{
  --tw-text-opacity: 1;
  color: rgb(57 126 252 / var(--tw-text-opacity));
}

.text-\[\#3d4480\]{
  --tw-text-opacity: 1;
  color: rgb(61 68 128 / var(--tw-text-opacity));
}

.text-\[\#3d4480\]\/90{
  color: rgb(61 68 128 / 0.9);
}

.text-\[\#3d4fc4\]{
  --tw-text-opacity: 1;
  color: rgb(61 79 196 / var(--tw-text-opacity));
}

.text-\[\#3f3b56\]{
  --tw-text-opacity: 1;
  color: rgb(63 59 86 / var(--tw-text-opacity));
}

.text-\[\#414651\]{
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.text-\[\#4338ca\]{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.text-\[\#453f5f\]{
  --tw-text-opacity: 1;
  color: rgb(69 63 95 / var(--tw-text-opacity));
}

.text-\[\#455154\]{
  --tw-text-opacity: 1;
  color: rgb(69 81 84 / var(--tw-text-opacity));
}

.text-\[\#464545\]{
  --tw-text-opacity: 1;
  color: rgb(70 69 69 / var(--tw-text-opacity));
}

.text-\[\#475467\]{
  --tw-text-opacity: 1;
  color: rgb(71 84 103 / var(--tw-text-opacity));
}

.text-\[\#4B5563\]{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-\[\#4b4766\]{
  --tw-text-opacity: 1;
  color: rgb(75 71 102 / var(--tw-text-opacity));
}

.text-\[\#4b4b4b\]{
  --tw-text-opacity: 1;
  color: rgb(75 75 75 / var(--tw-text-opacity));
}

.text-\[\#4b4f8c\]{
  --tw-text-opacity: 1;
  color: rgb(75 79 140 / var(--tw-text-opacity));
}

.text-\[\#4f46e5\]{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.text-\[\#4f4a75\]{
  --tw-text-opacity: 1;
  color: rgb(79 74 117 / var(--tw-text-opacity));
}

.text-\[\#4f4d6b\]{
  --tw-text-opacity: 1;
  color: rgb(79 77 107 / var(--tw-text-opacity));
}

.text-\[\#535862\]{
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity));
}

.text-\[\#54E828\]{
  --tw-text-opacity: 1;
  color: rgb(84 232 40 / var(--tw-text-opacity));
}

.text-\[\#5925dc\]{
  --tw-text-opacity: 1;
  color: rgb(89 37 220 / var(--tw-text-opacity));
}

.text-\[\#5964df\]{
  --tw-text-opacity: 1;
  color: rgb(89 100 223 / var(--tw-text-opacity));
}

.text-\[\#5A65FF\]{
  --tw-text-opacity: 1;
  color: rgb(90 101 255 / var(--tw-text-opacity));
}

.text-\[\#5B21B6\]{
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity));
}

.text-\[\#5b21b6\]{
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity));
}

.text-\[\#5b63d3\]{
  --tw-text-opacity: 1;
  color: rgb(91 99 211 / var(--tw-text-opacity));
}

.text-\[\#5b7cfa\]{
  --tw-text-opacity: 1;
  color: rgb(91 124 250 / var(--tw-text-opacity));
}

.text-\[\#5c3fd4\]{
  --tw-text-opacity: 1;
  color: rgb(92 63 212 / var(--tw-text-opacity));
}

.text-\[\#5c5775\]{
  --tw-text-opacity: 1;
  color: rgb(92 87 117 / var(--tw-text-opacity));
}

.text-\[\#5c5c6f\]{
  --tw-text-opacity: 1;
  color: rgb(92 92 111 / var(--tw-text-opacity));
}

.text-\[\#5d5870\]{
  --tw-text-opacity: 1;
  color: rgb(93 88 112 / var(--tw-text-opacity));
}

.text-\[\#5f5a75\]{
  --tw-text-opacity: 1;
  color: rgb(95 90 117 / var(--tw-text-opacity));
}

.text-\[\#5f5a7a\]{
  --tw-text-opacity: 1;
  color: rgb(95 90 122 / var(--tw-text-opacity));
}

.text-\[\#5f68d6\]{
  --tw-text-opacity: 1;
  color: rgb(95 104 214 / var(--tw-text-opacity));
}

.text-\[\#605a90\]{
  --tw-text-opacity: 1;
  color: rgb(96 90 144 / var(--tw-text-opacity));
}

.text-\[\#6366F1\]{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.text-\[\#6366f1\]{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.text-\[\#64748B\]{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-\[\#667085\]{
  --tw-text-opacity: 1;
  color: rgb(102 112 133 / var(--tw-text-opacity));
}

.text-\[\#6671f6\]{
  --tw-text-opacity: 1;
  color: rgb(102 113 246 / var(--tw-text-opacity));
}

.text-\[\#676FCA\]{
  --tw-text-opacity: 1;
  color: rgb(103 111 202 / var(--tw-text-opacity));
}

.text-\[\#686ccc\]{
  --tw-text-opacity: 1;
  color: rgb(104 108 204 / var(--tw-text-opacity));
}

.text-\[\#6938ef\]{
  --tw-text-opacity: 1;
  color: rgb(105 56 239 / var(--tw-text-opacity));
}

.text-\[\#6941c6\]{
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.text-\[\#6D74F5\]{
  --tw-text-opacity: 1;
  color: rgb(109 116 245 / var(--tw-text-opacity));
}

.text-\[\#6E3CC0\]{
  --tw-text-opacity: 1;
  color: rgb(110 60 192 / var(--tw-text-opacity));
}

.text-\[\#6b7280\]{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-\[\#6b7dff\]{
  --tw-text-opacity: 1;
  color: rgb(107 125 255 / var(--tw-text-opacity));
}

.text-\[\#6d28d9\]{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity));
}

.text-\[\#716d88\]{
  --tw-text-opacity: 1;
  color: rgb(113 109 136 / var(--tw-text-opacity));
}

.text-\[\#717680\]{
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.text-\[\#75709d\]{
  --tw-text-opacity: 1;
  color: rgb(117 112 157 / var(--tw-text-opacity));
}

.text-\[\#78350f\]{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity));
}

.text-\[\#7862ca\]{
  --tw-text-opacity: 1;
  color: rgb(120 98 202 / var(--tw-text-opacity));
}

.text-\[\#7B83EB\]{
  --tw-text-opacity: 1;
  color: rgb(123 131 235 / var(--tw-text-opacity));
}

.text-\[\#7B85FF\]{
  --tw-text-opacity: 1;
  color: rgb(123 133 255 / var(--tw-text-opacity));
}

.text-\[\#7C6BE8\]{
  --tw-text-opacity: 1;
  color: rgb(124 107 232 / var(--tw-text-opacity));
}

.text-\[\#7D4CDB\]{
  --tw-text-opacity: 1;
  color: rgb(125 76 219 / var(--tw-text-opacity));
}

.text-\[\#7a2e0e\]{
  --tw-text-opacity: 1;
  color: rgb(122 46 14 / var(--tw-text-opacity));
}

.text-\[\#7a5af8\]{
  --tw-text-opacity: 1;
  color: rgb(122 90 248 / var(--tw-text-opacity));
}

.text-\[\#7a85f9\]{
  --tw-text-opacity: 1;
  color: rgb(122 133 249 / var(--tw-text-opacity));
}

.text-\[\#7b82b8\]{
  --tw-text-opacity: 1;
  color: rgb(123 130 184 / var(--tw-text-opacity));
}

.text-\[\#7c3aed\]{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}

.text-\[\#7c7795\]{
  --tw-text-opacity: 1;
  color: rgb(124 119 149 / var(--tw-text-opacity));
}

.text-\[\#7f56d9\]{
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.text-\[\#828282\]{
  --tw-text-opacity: 1;
  color: rgb(130 130 130 / var(--tw-text-opacity));
}

.text-\[\#8A93FF\]{
  --tw-text-opacity: 1;
  color: rgb(138 147 255 / var(--tw-text-opacity));
}

.text-\[\#8a869b\]{
  --tw-text-opacity: 1;
  color: rgb(138 134 155 / var(--tw-text-opacity));
}

.text-\[\#8a86aa\]{
  --tw-text-opacity: 1;
  color: rgb(138 134 170 / var(--tw-text-opacity));
}

.text-\[\#8b5cf6\]{
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity));
}

.text-\[\#8c78d5\]{
  --tw-text-opacity: 1;
  color: rgb(140 120 213 / var(--tw-text-opacity));
}

.text-\[\#92400e\]{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}

.text-\[\#93370d\]{
  --tw-text-opacity: 1;
  color: rgb(147 55 13 / var(--tw-text-opacity));
}

.text-\[\#979797\]{
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity));
}

.text-\[\#98a2b3\]{
  --tw-text-opacity: 1;
  color: rgb(152 162 179 / var(--tw-text-opacity));
}

.text-\[\#9994ac\]{
  --tw-text-opacity: 1;
  color: rgb(153 148 172 / var(--tw-text-opacity));
}

.text-\[\#9b8afb\]{
  --tw-text-opacity: 1;
  color: rgb(155 138 251 / var(--tw-text-opacity));
}

.text-\[\#9b93c4\]{
  --tw-text-opacity: 1;
  color: rgb(155 147 196 / var(--tw-text-opacity));
}

.text-\[\#9b97b3\]{
  --tw-text-opacity: 1;
  color: rgb(155 151 179 / var(--tw-text-opacity));
}

.text-\[\#9ca3af\]{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-\[\#ABABAB\]{
  --tw-text-opacity: 1;
  color: rgb(171 171 171 / var(--tw-text-opacity));
}

.text-\[\#ACB3FF\]{
  --tw-text-opacity: 1;
  color: rgb(172 179 255 / var(--tw-text-opacity));
}

.text-\[\#D9D9D9\]{
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.text-\[\#EB4335\]{
  --tw-text-opacity: 1;
  color: rgb(235 67 53 / var(--tw-text-opacity));
}

.text-\[\#FF4D4D\]{
  --tw-text-opacity: 1;
  color: rgb(255 77 77 / var(--tw-text-opacity));
}

.text-\[\#FFC107\]{
  --tw-text-opacity: 1;
  color: rgb(255 193 7 / var(--tw-text-opacity));
}

.text-\[\#a09db8\]{
  --tw-text-opacity: 1;
  color: rgb(160 157 184 / var(--tw-text-opacity));
}

.text-\[\#a49fbd\]{
  --tw-text-opacity: 1;
  color: rgb(164 159 189 / var(--tw-text-opacity));
}

.text-\[\#a4a7ae\]{
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.text-\[\#a8a4bd\]{
  --tw-text-opacity: 1;
  color: rgb(168 164 189 / var(--tw-text-opacity));
}

.text-\[\#abb3fe\]{
  --tw-text-opacity: 1;
  color: rgb(171 179 254 / var(--tw-text-opacity));
}

.text-\[\#b0aac8\]{
  --tw-text-opacity: 1;
  color: rgb(176 170 200 / var(--tw-text-opacity));
}

.text-\[\#b42318\]{
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.text-\[\#b45309\]{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}

.text-\[\#b4afc8\]{
  --tw-text-opacity: 1;
  color: rgb(180 175 200 / var(--tw-text-opacity));
}

.text-\[\#b54708\]{
  --tw-text-opacity: 1;
  color: rgb(181 71 8 / var(--tw-text-opacity));
}

.text-\[\#c11574\]{
  --tw-text-opacity: 1;
  color: rgb(193 21 116 / var(--tw-text-opacity));
}

.text-\[\#c2410c\]{
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}

.text-\[\#c4320a\]{
  --tw-text-opacity: 1;
  color: rgb(196 50 10 / var(--tw-text-opacity));
}

.text-\[\#c4b5fd\]{
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity));
}

.text-\[\#c4bfd9\]{
  --tw-text-opacity: 1;
  color: rgb(196 191 217 / var(--tw-text-opacity));
}

.text-\[\#c4c0d4\]{
  --tw-text-opacity: 1;
  color: rgb(196 192 212 / var(--tw-text-opacity));
}

.text-\[\#d5d7da\]{
  --tw-text-opacity: 1;
  color: rgb(213 215 218 / var(--tw-text-opacity));
}

.text-\[\#d7d2ff\]{
  --tw-text-opacity: 1;
  color: rgb(215 210 255 / var(--tw-text-opacity));
}

.text-\[\#d92d20\]{
  --tw-text-opacity: 1;
  color: rgb(217 45 32 / var(--tw-text-opacity));
}

.text-\[\#d97706\]{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}

.text-\[\#dc6803\]{
  --tw-text-opacity: 1;
  color: rgb(220 104 3 / var(--tw-text-opacity));
}

.text-\[\#ddd9e8\]{
  --tw-text-opacity: 1;
  color: rgb(221 217 232 / var(--tw-text-opacity));
}

.text-\[\#e8e5f4\]{
  --tw-text-opacity: 1;
  color: rgb(232 229 244 / var(--tw-text-opacity));
}

.text-\[\#ea580c\]{
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

.text-\[\#f04438\]{
  --tw-text-opacity: 1;
  color: rgb(240 68 56 / var(--tw-text-opacity));
}

.text-\[\#f59e0b\]{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}

.text-\[\#f79009\]{
  --tw-text-opacity: 1;
  color: rgb(247 144 9 / var(--tw-text-opacity));
}

.text-\[\#fdb022\]{
  --tw-text-opacity: 1;
  color: rgb(253 176 34 / var(--tw-text-opacity));
}

.text-\[black\]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-\[inherit\]{
  color: inherit;
}

.text-\[var\(--sdm-c\2c inherit\)\]{
  color: var(--sdm-c,inherit);
}

.text-amber-400{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}

.text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}

.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}

.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}

.text-amber-700\/90{
  color: rgb(180 83 9 / 0.9);
}

.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}

.text-amber-800\/90{
  color: rgb(146 64 14 / 0.9);
}

.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity));
}

.text-amber-950{
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity));
}

.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}

.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.text-blue-900{
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity));
}

.text-blue-950{
  --tw-text-opacity: 1;
  color: rgb(23 37 84 / var(--tw-text-opacity));
}

.text-canvas-fg{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-canvas-fg-soft{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-canvas-muted{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-canvas-muted-light{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-card-foreground{
  color: hsl(var(--card-foreground));
}

.text-current{
  color: currentColor;
}

.text-cyan-600{
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity));
}

.text-cyan-700{
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity));
}

.text-destructive{
  color: hsl(var(--destructive));
}

.text-destructive-foreground{
  color: hsl(var(--destructive-foreground));
}

.text-emerald-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}

.text-emerald-600{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}

.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}

.text-emerald-700\/80{
  color: rgb(4 120 87 / 0.8);
}

.text-emerald-700\/90{
  color: rgb(4 120 87 / 0.9);
}

.text-emerald-800{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity));
}

.text-emerald-800\/90{
  color: rgb(6 95 70 / 0.9);
}

.text-emerald-900{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity));
}

.text-emerald-900\/90{
  color: rgb(6 78 59 / 0.9);
}

.text-emerald-950{
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / var(--tw-text-opacity));
}

.text-foreground{
  color: hsl(var(--foreground));
}

.text-foreground\/70{
  color: hsl(var(--foreground) / 0.7);
}

.text-foreground\/95{
  color: hsl(var(--foreground) / 0.95);
}

.text-gray-100{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-gray-600\/90{
  color: rgb(75 85 99 / 0.9);
}

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-gray-950{
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / var(--tw-text-opacity));
}

.text-green-400{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}

.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}

.text-green-600\/70{
  color: rgb(22 163 74 / 0.7);
}

.text-green-700{
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}

.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}

.text-green-900{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity));
}

.text-indigo-300{
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity));
}

.text-indigo-400{
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity));
}

.text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.text-indigo-700{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.text-indigo-800{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}

.text-indigo-900{
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity));
}

.text-indigo-950{
  --tw-text-opacity: 1;
  color: rgb(30 27 75 / var(--tw-text-opacity));
}

.text-inherit{
  color: inherit;
}

.text-input{
  color: hsl(var(--input));
}

.text-muted-foreground{
  color: hsl(var(--muted-foreground));
}

.text-muted-foreground\/40{
  color: hsl(var(--muted-foreground) / 0.4);
}

.text-orange-400{
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity));
}

.text-orange-500{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity));
}

.text-orange-600{
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

.text-orange-700{
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}

.text-orange-800{
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity));
}

.text-pink-500{
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity));
}

.text-pink-600{
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity));
}

.text-pink-700{
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity));
}

.text-pink-700\/90{
  color: rgb(190 24 93 / 0.9);
}

.text-pink-800{
  --tw-text-opacity: 1;
  color: rgb(157 23 77 / var(--tw-text-opacity));
}

.text-pink-900{
  --tw-text-opacity: 1;
  color: rgb(131 24 67 / var(--tw-text-opacity));
}

.text-pink-950{
  --tw-text-opacity: 1;
  color: rgb(80 7 36 / var(--tw-text-opacity));
}

.text-pink-950\/70{
  color: rgb(80 7 36 / 0.7);
}

.text-pink-950\/80{
  color: rgb(80 7 36 / 0.8);
}

.text-popover-foreground{
  color: hsl(var(--popover-foreground));
}

.text-primary{
  color: hsl(var(--primary));
}

.text-primary-foreground{
  color: hsl(var(--primary-foreground));
}

.text-primary\/70{
  color: hsl(var(--primary) / 0.7);
}

.text-purple-400{
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity));
}

.text-purple-500{
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity));
}

.text-purple-600{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity));
}

.text-purple-600\/70{
  color: rgb(147 51 234 / 0.7);
}

.text-purple-700{
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity));
}

.text-purple-800{
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity));
}

.text-purple-900{
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity));
}

.text-purple-950{
  --tw-text-opacity: 1;
  color: rgb(59 7 100 / var(--tw-text-opacity));
}

.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}

.text-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}

.text-red-950{
  --tw-text-opacity: 1;
  color: rgb(69 10 10 / var(--tw-text-opacity));
}

.text-rose-700{
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity));
}

.text-rose-800{
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity));
}

.text-secondary-foreground{
  color: hsl(var(--secondary-foreground));
}

.text-sidebar-foreground{
  color: hsl(var(--sidebar-foreground));
}

.text-sidebar-foreground\/70{
  color: hsl(var(--sidebar-foreground) / 0.7);
}

.text-sidebar-primary-foreground{
  color: hsl(var(--sidebar-primary-foreground));
}

.text-sky-600{
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity));
}

.text-sky-700{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity));
}

.text-sky-700\/90{
  color: rgb(3 105 161 / 0.9);
}

.text-sky-900{
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity));
}

.text-sky-950{
  --tw-text-opacity: 1;
  color: rgb(8 47 73 / var(--tw-text-opacity));
}

.text-sky-studio-primary{
  --tw-text-opacity: 1;
  color: rgb(124 131 253 / var(--tw-text-opacity));
}

.text-sky-studio-primary\/70{
  color: rgb(124 131 253 / 0.7);
}

.text-sky-studio-primary\/80{
  color: rgb(124 131 253 / 0.8);
}

.text-sky-studio-primary\/90{
  color: rgb(124 131 253 / 0.9);
}

.text-sky-studio-text{
  --tw-text-opacity: 1;
  color: rgb(42 51 98 / var(--tw-text-opacity));
}

.text-sky-studio-text\/80{
  color: rgb(42 51 98 / 0.8);
}

.text-skymod-blue-gray-400{
  --tw-text-opacity: 1;
  color: rgb(113 123 188 / var(--tw-text-opacity));
}

.text-skymod-blue-gray-600{
  --tw-text-opacity: 1;
  color: rgb(62 71 132 / var(--tw-text-opacity));
}

.text-skymod-blue-light-700{
  --tw-text-opacity: 1;
  color: rgb(2 106 162 / var(--tw-text-opacity));
}

.text-skymod-brand-500{
  --tw-text-opacity: 1;
  color: rgb(158 119 237 / var(--tw-text-opacity));
}

.text-skymod-brand-600{
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.text-skymod-brand-700{
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.text-skymod-brand-800{
  --tw-text-opacity: 1;
  color: rgb(83 56 158 / var(--tw-text-opacity));
}

.text-skymod-brand-900{
  --tw-text-opacity: 1;
  color: rgb(32 23 104 / var(--tw-text-opacity));
}

.text-skymod-error-500{
  --tw-text-opacity: 1;
  color: rgb(240 68 56 / var(--tw-text-opacity));
}

.text-skymod-error-600{
  --tw-text-opacity: 1;
  color: rgb(217 45 32 / var(--tw-text-opacity));
}

.text-skymod-error-700{
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.text-skymod-error-800{
  --tw-text-opacity: 1;
  color: rgb(145 32 24 / var(--tw-text-opacity));
}

.text-skymod-error-900{
  --tw-text-opacity: 1;
  color: rgb(122 39 26 / var(--tw-text-opacity));
}

.text-skymod-error-950{
  --tw-text-opacity: 1;
  color: rgb(85 22 12 / var(--tw-text-opacity));
}

.text-skymod-gray-300{
  --tw-text-opacity: 1;
  color: rgb(213 215 218 / var(--tw-text-opacity));
}

.text-skymod-gray-400{
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.text-skymod-gray-500{
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.text-skymod-gray-600{
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity));
}

.text-skymod-gray-700{
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.text-skymod-gray-800{
  --tw-text-opacity: 1;
  color: rgb(37 43 55 / var(--tw-text-opacity));
}

.text-skymod-gray-900{
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.text-skymod-success-600{
  --tw-text-opacity: 1;
  color: rgb(3 152 85 / var(--tw-text-opacity));
}

.text-skymod-success-700{
  --tw-text-opacity: 1;
  color: rgb(2 122 72 / var(--tw-text-opacity));
}

.text-skymod-success-800{
  --tw-text-opacity: 1;
  color: rgb(5 96 58 / var(--tw-text-opacity));
}

.text-skymod-success-900{
  --tw-text-opacity: 1;
  color: rgb(5 79 49 / var(--tw-text-opacity));
}

.text-skymod-success-950{
  --tw-text-opacity: 1;
  color: rgb(5 51 33 / var(--tw-text-opacity));
}

.text-skymod-warning-600{
  --tw-text-opacity: 1;
  color: rgb(220 104 3 / var(--tw-text-opacity));
}

.text-skymod-warning-700{
  --tw-text-opacity: 1;
  color: rgb(181 71 8 / var(--tw-text-opacity));
}

.text-skymod-warning-800{
  --tw-text-opacity: 1;
  color: rgb(147 55 13 / var(--tw-text-opacity));
}

.text-skymod-warning-900{
  --tw-text-opacity: 1;
  color: rgb(122 46 14 / var(--tw-text-opacity));
}

.text-slate-100{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

.text-slate-200{
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.text-slate-300{
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.text-slate-400{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.text-slate-950{
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity));
}

.text-stone-300{
  --tw-text-opacity: 1;
  color: rgb(214 211 209 / var(--tw-text-opacity));
}

.text-stone-400{
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity));
}

.text-stone-500{
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}

.text-stone-700{
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity));
}

.text-stone-800{
  --tw-text-opacity: 1;
  color: rgb(41 37 36 / var(--tw-text-opacity));
}

.text-teal-400{
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity));
}

.text-teal-600{
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity));
}

.text-teal-700{
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity));
}

.text-teal-800{
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / var(--tw-text-opacity));
}

.text-transparent{
  color: transparent;
}

.text-violet-100{
  --tw-text-opacity: 1;
  color: rgb(237 233 254 / var(--tw-text-opacity));
}

.text-violet-300{
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity));
}

.text-violet-400{
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity));
}

.text-violet-500{
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity));
}

.text-violet-600{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}

.text-violet-700{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity));
}

.text-violet-700\/90{
  color: rgb(109 40 217 / 0.9);
}

.text-violet-800{
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity));
}

.text-violet-900{
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity));
}

.text-violet-950{
  --tw-text-opacity: 1;
  color: rgb(46 16 101 / var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}

.text-white\/70{
  color: rgb(255 255 255 / 0.7);
}

.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}

.text-white\/90{
  color: rgb(255 255 255 / 0.9);
}

.text-yellow-400{
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}

.text-yellow-500{
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity));
}

.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity));
}

.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity));
}

.text-yellow-900{
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity));
}

.underline{
  text-decoration-line: underline;
}

.\!no-underline{
  text-decoration-line: none !important;
}

.decoration-skymod-brand-300{
  text-decoration-color: #d6bbfb;
}

.decoration-solid{
  text-decoration-style: solid;
}

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

.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.placeholder-gray-500::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}

.placeholder-gray-500::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}

.caret-skymod-gray-900{
  caret-color: #181d27;
}

.accent-\[\#201768\]{
  accent-color: #201768;
}

.accent-\[\#6366f1\]{
  accent-color: #6366f1;
}

.accent-\[\#686ccc\]{
  accent-color: #686ccc;
}

.accent-\[\#7f56d9\]{
  accent-color: #7f56d9;
}

.accent-\[\#ACB3FF7D\]{
  accent-color: #ACB3FF7D;
}

.accent-rose-500{
  accent-color: #f43f5e;
}

.opacity-0{
  opacity: 0;
}

.opacity-100{
  opacity: 1;
}

.opacity-20{
  opacity: 0.2;
}

.opacity-25{
  opacity: 0.25;
}

.opacity-40{
  opacity: 0.4;
}

.opacity-50{
  opacity: 0.5;
}

.opacity-60{
  opacity: 0.6;
}

.opacity-70{
  opacity: 0.7;
}

.opacity-75{
  opacity: 0.75;
}

.opacity-80{
  opacity: 0.8;
}

.opacity-90{
  opacity: 0.9;
}

.opacity-95{
  opacity: 0.95;
}

.mix-blend-multiply{
  mix-blend-mode: multiply;
}

.\!shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\]{
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05) !important;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!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-\[-12px_0px_32px_-8px_rgba\(20\2c 17\2c 60\2c 0\.16\)\]{
  --tw-shadow: -12px 0px 32px -8px rgba(20,17,60,0.16);
  --tw-shadow-colored: -12px 0px 32px -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_-8px_24px_-12px_rgba\(26\2c 22\2c 84\2c 0\.08\)\]{
  --tw-shadow: 0 -8px 24px -12px rgba(26,22,84,0.08);
  --tw-shadow-colored: 0 -8px 24px -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_-8px_24px_-4px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]{
  --tw-shadow: 0 -8px 24px -4px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 -8px 24px -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-\[0_0_0_1px_\#201768\]{
  --tw-shadow: 0 0 0 1px #201768;
  --tw-shadow-colored: 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_0_0_1px_\#7f56d9\]{
  --tw-shadow: 0 0 0 1px #7f56d9;
  --tw-shadow-colored: 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_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
  --tw-shadow-colored: 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_0_0_1px_rgba\(127\2c 86\2c 217\2c 0\.08\)\]{
  --tw-shadow: 0 0 0 1px rgba(127,86,217,0.08);
  --tw-shadow-colored: 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_0_0_3px_\#eef0fe\]{
  --tw-shadow: 0 0 0 3px #eef0fe;
  --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_0_3px_\#f4f3ff\]{
  --tw-shadow: 0 0 0 3px #f4f3ff;
  --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_0_3px_rgba\(37\2c 99\2c 235\2c 0\.13\)\2c 0_2px_12px_rgba\(0\2c 0\2c 0\2c 0\.07\)\]{
  --tw-shadow: 0 0 0 3px rgba(37,99,235,0.13),0 2px 12px rgba(0,0,0,0.07);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color), 0 2px 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_4px_rgba\(124\2c 131\2c 253\2c 0\.22\)\]{
  --tw-shadow: 0 0 0 4px rgba(124,131,253,0.22);
  --tw-shadow-colored: 0 0 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-\[0_0_10px_rgba\(125\2c 76\2c 219\2c 0\.65\)\]{
  --tw-shadow: 0 0 10px rgba(125,76,219,0.65);
  --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_12px_24px_-8px_rgba\(26\2c 22\2c 84\2c 0\.15\)\]{
  --tw-shadow: 0 12px 24px -8px rgba(26,22,84,0.15);
  --tw-shadow-colored: 0 12px 24px -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_12px_28px_-12px_rgba\(16\2c 24\2c 40\2c 0\.28\)\]{
  --tw-shadow: 0 12px 28px -12px rgba(16,24,40,0.28);
  --tw-shadow-colored: 0 12px 28px -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_12px_32px_-12px_rgba\(20\2c 17\2c 60\2c 0\.25\)\]{
  --tw-shadow: 0 12px 32px -12px rgba(20,17,60,0.25);
  --tw-shadow-colored: 0 12px 32px -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_14px_34px_-8px_rgba\(127\2c 86\2c 217\2c 0\.55\)\]{
  --tw-shadow: 0 14px 34px -8px rgba(127,86,217,0.55);
  --tw-shadow-colored: 0 14px 34px -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_16px_45px_rgba\(15\2c 23\2c 42\2c 0\.10\)\]{
  --tw-shadow: 0 16px 45px rgba(15,23,42,0.10);
  --tw-shadow-colored: 0 16px 45px 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_16px_45px_rgba\(26\2c 22\2c 84\2c 0\.08\)\]{
  --tw-shadow: 0 16px 45px rgba(26,22,84,0.08);
  --tw-shadow-colored: 0 16px 45px 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_\#ece9f4\]{
  --tw-shadow: 0 1px 0 #ece9f4;
  --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_1px_rgba\(16\2c 24\2c 40\2c 0\.05\)\]{
  --tw-shadow: 0 1px 1px rgba(16,24,40,0.05);
  --tw-shadow-colored: 0 1px 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_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\]{
  --tw-shadow: 0 1px 2px 0px rgba(16,24,40,0.05);
  --tw-shadow-colored: 0 1px 2px 0px 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\(127\2c 86\2c 217\2c 0\.18\)\]{
  --tw-shadow: 0 1px 2px rgba(127,86,217,0.18);
  --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_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.04\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.04);
  --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_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.05\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.05);
  --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_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.06\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,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_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.08\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.08);
  --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_1px_2px_rgba\(20\2c 17\2c 60\2c 0\.04\)\]{
  --tw-shadow: 0 1px 2px rgba(20,17,60,0.04);
  --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_1px_2px_rgba\(26\2c 22\2c 84\2c 0\.04\)\]{
  --tw-shadow: 0 1px 2px rgba(26,22,84,0.04);
  --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_1px_2px_rgba\(32\2c 23\2c 104\2c 0\.06\)\]{
  --tw-shadow: 0 1px 2px rgba(32,23,104,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_1px_3px_rgba\(16\2c 24\2c 40\2c 0\.12\)\]{
  --tw-shadow: 0 1px 3px rgba(16,24,40,0.12);
  --tw-shadow-colored: 0 1px 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_1px_4px_rgba\(15\2c 23\2c 42\2c 0\.04\)\]{
  --tw-shadow: 0 1px 4px rgba(15,23,42,0.04);
  --tw-shadow-colored: 0 1px 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-\[0_20px_48px_-12px_rgba\(16\2c 24\2c 40\2c 0\.28\)\2c 0_8px_16px_-8px_rgba\(16\2c 24\2c 40\2c 0\.12\)\]{
  --tw-shadow: 0 20px 48px -12px rgba(16,24,40,0.28),0 8px 16px -8px rgba(16,24,40,0.12);
  --tw-shadow-colored: 0 20px 48px -12px var(--tw-shadow-color), 0 8px 16px -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_22px_65px_rgba\(36\2c 25\2c 101\2c 0\.11\)\]{
  --tw-shadow: 0 22px 65px rgba(36,25,101,0.11);
  --tw-shadow-colored: 0 22px 65px 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_24px_56px_-16px_rgba\(20\2c 17\2c 60\2c 0\.35\)\]{
  --tw-shadow: 0 24px 56px -16px rgba(20,17,60,0.35);
  --tw-shadow-colored: 0 24px 56px -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_24px_56px_-16px_rgba\(20\2c 17\2c 60\2c 0\.4\)\]{
  --tw-shadow: 0 24px 56px -16px rgba(20,17,60,0.4);
  --tw-shadow-colored: 0 24px 56px -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_24px_70px_rgba\(15\2c 23\2c 42\2c 0\.14\)\]{
  --tw-shadow: 0 24px 70px rgba(15,23,42,0.14);
  --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);
}

.shadow-\[0_32px_72px_-20px_rgba\(15\2c 13\2c 36\2c 0\.55\)\]{
  --tw-shadow: 0 32px 72px -20px rgba(15,13,36,0.55);
  --tw-shadow-colored: 0 32px 72px -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-\[0_4px_16px_-8px_rgba\(20\2c 17\2c 60\2c 0\.1\)\]{
  --tw-shadow: 0 4px 16px -8px rgba(20,17,60,0.1);
  --tw-shadow-colored: 0 4px 16px -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_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]{
  --tw-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0 4px 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-\[0_8px_20px_-8px_rgba\(26\2c 22\2c 84\2c 0\.15\)\]{
  --tw-shadow: 0 8px 20px -8px rgba(26,22,84,0.15);
  --tw-shadow-colored: 0 8px 20px -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_8px_20px_rgba\(92\2c 63\2c 212\2c \.2\)\]{
  --tw-shadow: 0 8px 20px rgba(92,63,212,.2);
  --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-\[0_8px_24px_-12px_rgba\(20\2c 17\2c 60\2c 0\.12\)\]{
  --tw-shadow: 0 8px 24px -12px rgba(20,17,60,0.12);
  --tw-shadow-colored: 0 8px 24px -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_8px_24px_-12px_rgba\(26\2c 22\2c 84\2c 0\.08\)\]{
  --tw-shadow: 0 8px 24px -12px rgba(26,22,84,0.08);
  --tw-shadow-colored: 0 8px 24px -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_8px_28px_-6px_rgba\(16\2c 24\2c 40\2c 0\.12\)\2c 0_2px_8px_-2px_rgba\(16\2c 24\2c 40\2c 0\.06\)\]{
  --tw-shadow: 0 8px 28px -6px rgba(16,24,40,0.12),0 2px 8px -2px rgba(16,24,40,0.06);
  --tw-shadow-colored: 0 8px 28px -6px var(--tw-shadow-color), 0 2px 8px -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_8px_30px_rgba\(26\2c 22\2c 84\2c 0\.06\)\]{
  --tw-shadow: 0 8px 30px rgba(26,22,84,0.06);
  --tw-shadow-colored: 0 8px 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);
}

.shadow-\[0px_0px_18px_rgba\(127\2c 86\2c 217\2c 0\.18\)\]{
  --tw-shadow: 0px 0px 18px rgba(127,86,217,0.18);
  --tw-shadow-colored: 0px 0px 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-\[0px_12px_16px_-4px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0px_4px_6px_-2px_rgba\(16\2c 24\2c 40\2c 0\.03\)\]{
  --tw-shadow: 0px 12px 16px -4px rgba(16,24,40,0.08),0px 4px 6px -2px rgba(16,24,40,0.03);
  --tw-shadow-colored: 0px 12px 16px -4px var(--tw-shadow-color), 0px 4px 6px -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-\[0px_12px_24px_rgba\(16\2c 24\2c 40\2c 0\.12\)\]{
  --tw-shadow: 0px 12px 24px rgba(16,24,40,0.12);
  --tw-shadow-colored: 0px 12px 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-\[0px_12px_32px_rgba\(16\2c 24\2c 40\2c 0\.12\)\]{
  --tw-shadow: 0px 12px 32px rgba(16,24,40,0.12);
  --tw-shadow-colored: 0px 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-\[0px_12px_8px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0px_4px_3px_rgba\(16\2c 24\2c 40\2c 0\.03\)\]{
  --tw-shadow: 0px 12px 8px rgba(16,24,40,0.08),0px 4px 3px rgba(16,24,40,0.03);
  --tw-shadow-colored: 0px 12px 8px var(--tw-shadow-color), 0px 4px 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-\[0px_16px_32px_rgba\(16\2c 24\2c 40\2c 0\.14\)\]{
  --tw-shadow: 0px 16px 32px rgba(16,24,40,0.14);
  --tw-shadow-colored: 0px 16px 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-\[0px_16px_48px_rgba\(126\2c 87\2c 234\2c 0\.28\)\2c 0px_6px_20px_rgba\(158\2c 119\2c 237\2c 0\.18\)\2c 0px_2px_6px_rgba\(105\2c 65\2c 198\2c 0\.12\)\]{
  --tw-shadow: 0px 16px 48px rgba(126,87,234,0.28),0px 6px 20px rgba(158,119,237,0.18),0px 2px 6px rgba(105,65,198,0.12);
  --tw-shadow-colored: 0px 16px 48px var(--tw-shadow-color), 0px 6px 20px var(--tw-shadow-color), 0px 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-\[0px_18px_36px_rgba\(16\2c 24\2c 40\2c 0\.16\)\]{
  --tw-shadow: 0px 18px 36px rgba(16,24,40,0.16);
  --tw-shadow-colored: 0px 18px 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-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.04\)\]{
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.04);
  --tw-shadow-colored: 0px 1px 2px 0px 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-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\2c 0px_0px_0px_4px_\#f4ebff\]{
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05),0px 0px 0px 4px #f4ebff;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 0px 0px 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-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\]{
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05);
  --tw-shadow-colored: 0px 1px 2px 0px 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-\[0px_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.04\)\]{
  --tw-shadow: 0px 1px 2px rgba(16,24,40,0.04);
  --tw-shadow-colored: 0px 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-\[0px_1px_3px_0px_rgba\(16\2c 24\2c 40\2c 0\.1\)\2c 0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.06\)\]{
  --tw-shadow: 0px 1px 3px 0px rgba(16,24,40,0.1),0px 1px 2px 0px rgba(16,24,40,0.06);
  --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color), 0px 1px 2px 0px 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-\[0px_20px_40px_rgba\(26\2c 22\2c 84\2c 0\.14\)\]{
  --tw-shadow: 0px 20px 40px rgba(26,22,84,0.14);
  --tw-shadow-colored: 0px 20px 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-\[0px_24px_60px_-24px_rgba\(20\2c 17\2c 60\2c 0\.3\)\]{
  --tw-shadow: 0px 24px 60px -24px rgba(20,17,60,0.3);
  --tw-shadow-colored: 0px 24px 60px -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-\[0px_2px_6px_-1px_rgba\(32\2c 23\2c 104\2c 0\.4\)\]{
  --tw-shadow: 0px 2px 6px -1px rgba(32,23,104,0.4);
  --tw-shadow-colored: 0px 2px 6px -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-\[0px_32px_80px_-24px_rgba\(20\2c 17\2c 60\2c 0\.4\)\]{
  --tw-shadow: 0px 32px 80px -24px rgba(20,17,60,0.4);
  --tw-shadow-colored: 0px 32px 80px -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-\[0px_4px_12px_rgba\(16\2c 24\2c 40\2c 0\.12\)\]{
  --tw-shadow: 0px 4px 12px rgba(16,24,40,0.12);
  --tw-shadow-colored: 0px 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-\[inset_0_0_0_1px_\#e4e7ec\]{
  --tw-shadow: inset 0 0 0 1px #e4e7ec;
  --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_0_0_1px_rgba\(127\2c 86\2c 217\2c 0\.12\)\]{
  --tw-shadow: inset 0 0 0 1px rgba(127,86,217,0.12);
  --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_0_0_1px_rgba\(15\2c 23\2c 42\2c 0\.04\)\]{
  --tw-shadow: inset 0 0 0 1px rgba(15,23,42,0.04);
  --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_0_0_1px_rgba\(15\2c 23\2c 42\2c 0\.05\)\]{
  --tw-shadow: inset 0 0 0 1px rgba(15,23,42,0.05);
  --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-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-\[\#676FCA\]\/20{
  --tw-shadow-color: rgb(103 111 202 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#ACB3FF\]\/25{
  --tw-shadow-color: rgb(172 179 255 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#ACB3FF\]\/30{
  --tw-shadow-color: rgb(172 179 255 / 0.3);
  --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-500\/30{
  --tw-shadow-color: rgb(59 130 246 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-fuchsia-900{
  --tw-shadow-color: #701a75;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gray-200\/25{
  --tw-shadow-color: rgb(229 231 235 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-green-200\/50{
  --tw-shadow-color: rgb(187 247 208 / 0.5);
  --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-purple-200\/50{
  --tw-shadow-color: rgb(233 213 255 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-200\/50{
  --tw-shadow-color: rgb(226 232 240 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-violet-100\/30{
  --tw-shadow-color: rgb(237 233 254 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-violet-100\/50{
  --tw-shadow-color: rgb(237 233 254 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-violet-200{
  --tw-shadow-color: #ddd6fe;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-yellow-200\/50{
  --tw-shadow-color: rgb(254 240 138 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline{
  outline-style: solid;
}

.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-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-\[\#6366F1\]\/30{
  --tw-ring-color: rgb(99 102 241 / 0.3);
}

.ring-\[\#7c83fd\]\/30{
  --tw-ring-color: rgb(124 131 253 / 0.3);
}

.ring-\[\#7f56d9\]\/15{
  --tw-ring-color: rgb(127 86 217 / 0.15);
}

.ring-\[\#7f56d9\]\/20{
  --tw-ring-color: rgb(127 86 217 / 0.2);
}

.ring-\[\#ACB3FF\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(172 179 255 / var(--tw-ring-opacity));
}

.ring-\[\#D9DDFF\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(217 221 255 / var(--tw-ring-opacity));
}

.ring-\[\#e9e5f5\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 229 245 / var(--tw-ring-opacity));
}

.ring-\[\#eaecf0\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 236 240 / var(--tw-ring-opacity));
}

.ring-\[\#ece9f4\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(236 233 244 / var(--tw-ring-opacity));
}

.ring-\[\#fecdca\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 205 202 / var(--tw-ring-opacity));
}

.ring-black{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}

.ring-black\/5{
  --tw-ring-color: rgb(0 0 0 / 0.05);
}

.ring-black\/\[0\.04\]{
  --tw-ring-color: rgb(0 0 0 / 0.04);
}

.ring-blue-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
}

.ring-blue-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
}

.ring-blue-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
}

.ring-blue-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.ring-border\/30{
  --tw-ring-color: hsl(var(--border) / 0.3);
}

.ring-border\/35{
  --tw-ring-color: hsl(var(--border) / 0.35);
}

.ring-border\/40{
  --tw-ring-color: hsl(var(--border) / 0.4);
}

.ring-border\/60{
  --tw-ring-color: hsl(var(--border) / 0.6);
}

.ring-destructive\/20{
  --tw-ring-color: hsl(var(--destructive) / 0.2);
}

.ring-destructive\/40{
  --tw-ring-color: hsl(var(--destructive) / 0.4);
}

.ring-gray-200\/80{
  --tw-ring-color: rgb(229 231 235 / 0.8);
}

.ring-gray-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
}

.ring-gray-400\/60{
  --tw-ring-color: rgb(156 163 175 / 0.6);
}

.ring-green-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity));
}

.ring-primary\/10{
  --tw-ring-color: hsl(var(--primary) / 0.1);
}

.ring-primary\/15{
  --tw-ring-color: hsl(var(--primary) / 0.15);
}

.ring-primary\/20{
  --tw-ring-color: hsl(var(--primary) / 0.2);
}

.ring-purple-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
}

.ring-red-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
}

.ring-sidebar-ring{
  --tw-ring-color: hsl(var(--sidebar-ring));
}

.ring-sky-studio-primary\/20{
  --tw-ring-color: rgb(124 131 253 / 0.2);
}

.ring-sky-studio-primary\/25{
  --tw-ring-color: rgb(124 131 253 / 0.25);
}

.ring-skymod-blue-gray-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 236 245 / var(--tw-ring-opacity));
}

.ring-skymod-brand-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 235 255 / var(--tw-ring-opacity));
}

.ring-skymod-brand-900\/15{
  --tw-ring-color: rgb(32 23 104 / 0.15);
}

.ring-skymod-error-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 162 155 / var(--tw-ring-opacity));
}

.ring-slate-900\/\[0\.04\]{
  --tw-ring-color: rgb(15 23 42 / 0.04);
}

.ring-transparent{
  --tw-ring-color: transparent;
}

.ring-violet-200\/60{
  --tw-ring-color: rgb(221 214 254 / 0.6);
}

.ring-violet-200\/70{
  --tw-ring-color: rgb(221 214 254 / 0.7);
}

.ring-violet-400\/20{
  --tw-ring-color: rgb(167 139 250 / 0.2);
}

.ring-violet-500\/35{
  --tw-ring-color: rgb(139 92 246 / 0.35);
}

.ring-white{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}

.ring-white\/50{
  --tw-ring-color: rgb(255 255 255 / 0.5);
}

.ring-opacity-5{
  --tw-ring-opacity: 0.05;
}

.ring-offset-1{
  --tw-ring-offset-width: 1px;
}

.ring-offset-2{
  --tw-ring-offset-width: 2px;
}

.ring-offset-background{
  --tw-ring-offset-color: hsl(var(--background));
}

.ring-offset-transparent{
  --tw-ring-offset-color: transparent;
}

.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-\[0\.5px\]{
  --tw-blur: blur(0.5px);
  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-sm{
  --tw-blur: blur(4px);
  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-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);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[1px\]{
  --tw-backdrop-blur: blur(1px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[2px\]{
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[8px\]{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-lg{
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-brightness-110{
  --tw-backdrop-brightness: brightness(1.1);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.\!transition-all{
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[background-color\2c border-color\2c box-shadow\]{
  transition-property: background-color,border-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[border-color\2c box-shadow\2c background-color\]{
  transition-property: border-color,box-shadow,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[border-color\2c box-shadow\2c background\]{
  transition-property: border-color,box-shadow,background;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[border-color\2c box-shadow\]{
  transition-property: border-color,box-shadow;
  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-\[margin\2c opa\]{
  transition-property: margin,opa;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[max-width\2c opacity\]{
  transition-property: max-width,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[opacity\2c background-color\2c color\]{
  transition-property: opacity,background-color,color;
  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-\[stroke-dashoffset\]{
  transition-property: stroke-dashoffset;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\2c height\2c padding\]{
  transition-property: width,height,padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\2c min-width\2c max-width\2c background-color\2c border-color\2c box-shadow\2c padding\]{
  transition-property: width,min-width,max-width,background-color,border-color,box-shadow,padding;
  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;
}

.delay-200{
  transition-delay: 200ms;
}

.delay-300{
  transition-delay: 300ms;
}

.delay-500{
  transition-delay: 500ms;
}

.\!duration-200{
  transition-duration: 200ms !important;
}

.duration-100{
  transition-duration: 100ms;
}

.duration-1000{
  transition-duration: 1000ms;
}

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

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear{
  transition-timing-function: linear;
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-smooth-out{
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.will-change-transform{
  will-change: transform;
}

@keyframes enter{

  from{
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit{

  to{
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

.animate-in{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.fade-in{
  --tw-enter-opacity: 0;
}

.fade-in-0{
  --tw-enter-opacity: 0;
}

.fade-in-90{
  --tw-enter-opacity: 0.9;
}

.zoom-in{
  --tw-enter-scale: 0;
}

.zoom-in-95{
  --tw-enter-scale: .95;
}

.slide-in-from-bottom-2{
  --tw-enter-translate-y: 0.5rem;
}

.slide-in-from-bottom-4{
  --tw-enter-translate-y: 1rem;
}

.slide-in-from-bottom-5{
  --tw-enter-translate-y: 1.25rem;
}

.slide-in-from-left-2{
  --tw-enter-translate-x: -0.5rem;
}

.slide-in-from-left-4{
  --tw-enter-translate-x: -1rem;
}

.slide-in-from-right{
  --tw-enter-translate-x: 100%;
}

.slide-in-from-right-2{
  --tw-enter-translate-x: 0.5rem;
}

.slide-in-from-right-4{
  --tw-enter-translate-x: 1rem;
}

.slide-in-from-top-2{
  --tw-enter-translate-y: -0.5rem;
}

.slide-in-from-top-4{
  --tw-enter-translate-y: -1rem;
}

.\!duration-200{
  animation-duration: 200ms !important;
}

.duration-100{
  animation-duration: 100ms;
}

.duration-1000{
  animation-duration: 1000ms;
}

.duration-150{
  animation-duration: 150ms;
}

.duration-200{
  animation-duration: 200ms;
}

.duration-300{
  animation-duration: 300ms;
}

.duration-500{
  animation-duration: 500ms;
}

.duration-700{
  animation-duration: 700ms;
}

.delay-100{
  animation-delay: 100ms;
}

.delay-200{
  animation-delay: 200ms;
}

.delay-300{
  animation-delay: 300ms;
}

.delay-500{
  animation-delay: 500ms;
}

.ease-in-out{
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear{
  animation-timing-function: linear;
}

.ease-out{
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-smooth-out{
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.\!running{
  animation-play-state: running !important;
}

.running{
  animation-play-state: running;
}

.paused{
  animation-play-state: paused;
}

.fixed.inset-0.z-50,
  .fixed.inset-0.z-\[100\] {
    z-index: 200;
  }

.\[-ms-overflow-style\:auto\]{
  -ms-overflow-style: auto;
}

.\[-ms-overflow-style\:none\]{
  -ms-overflow-style: none;
}

.\[-webkit-box-orient\:vertical\]{
  -webkit-box-orient: vertical;
}

.\[-webkit-line-clamp\:2\]{
  -webkit-line-clamp: 2;
}

.\[-webkit-line-clamp\:3\]{
  -webkit-line-clamp: 3;
}

.\[animation-delay\:0ms\]{
  animation-delay: 0ms;
}

.\[animation-delay\:140ms\]{
  animation-delay: 140ms;
}

.\[animation-delay\:150ms\]{
  animation-delay: 150ms;
}

.\[animation-delay\:200ms\]{
  animation-delay: 200ms;
}

.\[animation-delay\:210ms\]{
  animation-delay: 210ms;
}

.\[animation-delay\:280ms\]{
  animation-delay: 280ms;
}

.\[animation-delay\:300ms\]{
  animation-delay: 300ms;
}

.\[animation-delay\:350ms\]{
  animation-delay: 350ms;
}

.\[animation-delay\:400ms\]{
  animation-delay: 400ms;
}

.\[animation-delay\:420ms\]{
  animation-delay: 420ms;
}

.\[animation-delay\:450ms\]{
  animation-delay: 450ms;
}

.\[animation-delay\:490ms\]{
  animation-delay: 490ms;
}

.\[animation-delay\:560ms\]{
  animation-delay: 560ms;
}

.\[animation-delay\:630ms\]{
  animation-delay: 630ms;
}

.\[animation-delay\:700ms\]{
  animation-delay: 700ms;
}

.\[animation-delay\:70ms\]{
  animation-delay: 70ms;
}

.\[animation-delay\:770ms\]{
  animation-delay: 770ms;
}

.\[background-image\:radial-gradient\(circle_at_center\2c hsl\(var\(--border\)\)_1px\2c transparent_1px\)\]{
  background-image: radial-gradient(circle at center,hsl(var(--border)) 1px,transparent 1px);
}

.\[background-size\:18px_18px\]{
  background-size: 18px 18px;
}

.\[counter-increment\:line_0\]{
  counter-increment: line 0;
}

.\[counter-reset\:line\]{
  counter-reset: line;
}

.\[display\:-webkit-box\]{
  display: -webkit-box;
}

.\[image-rendering\:auto\]{
  image-rendering: auto;
}

.\[overflow-wrap\:anywhere\]{
  overflow-wrap: anywhere;
}

.\[scrollbar-color\:\#c8cce5_transparent\]{
  scrollbar-color: #c8cce5 transparent;
}

.\[scrollbar-color\:\#ddd9e8_transparent\]{
  scrollbar-color: #ddd9e8 transparent;
}

.\[scrollbar-color\:\#e4e0f0_transparent\]{
  scrollbar-color: #e4e0f0 transparent;
}

.\[scrollbar-gutter\:stable\]{
  scrollbar-gutter: stable;
}

.\[scrollbar-width\:none\]{
  scrollbar-width: none;
}

.\[scrollbar-width\:thin\]{
  scrollbar-width: thin;
}

/* Remote Module CSS Isolation - Header ve Logo Koruma */

/* Bu stiller remote module (AI Search) CSS'lerinin ana uygulama stillerini ezmesini onler */

/* Ana uygulama header koruma - genel header elementleri */

header {
           padding-right: 1.5rem !important;
        padding-left: 1rem !important; 
}

/* Logo img koruma - header icindeki logo gorselleri */

header img[alt="sky-studio"] {
    width: 9rem !important;
    height: auto !important;
    -o-object-fit: contain !important;
       object-fit: contain !important;
    display: block !important;
    max-width: none !important;
}

@media (max-width: 767px) {
    header img[alt="sky-studio"] {
        width: 3rem !important;
    }
}

/* Sidebar stil koruma */

[data-sidebar="sidebar"] {
    background-color: hsl(var(--sidebar-background)) !important;
}

/* SidebarInset ve ana icerik alani koruma */

[data-sidebar="inset"] {
    background-color: hsl(var(--background)) !important;
}

/* SADECE 4K (3840x2160) ve üzeri ekranlar için CSS - normal ekranlar etkilenmez */

@media screen and (min-width: 3840px) {
    :root {
        --sidebar-width: 20rem !important;
        --sidebar-width-icon: 4rem !important;
    }

    body {
        min-height: 100vh;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    /* Butonlar ve interaktif elementler için minimum boyut — ui-kit Button hariç */
    button:not([data-ui-kit-button]),
    input,
    select,
    textarea {
        min-height: 44px;
        font-size: 1rem;
    }
    
    /* Text boyutları için minimum değerler */
    body {
        font-size: 16px;
    }
    
    /* Sidebar içeriği için daha büyük fontlar */
    [data-sidebar="sidebar"] {
        font-size: 1rem;
    }
    
    [data-sidebar="menu-button"] {
        font-size: 0.95rem !important;
        height: 2.5rem;
        padding: 0.5rem 0.75rem;
    }
    
    [data-sidebar="group-label"] {
        font-size: 0.85rem !important;
    }
}

/* 5K ve üzeri ekranlar için ek optimizasyon */

@media screen and (min-width: 5120px) {
    button:not([data-ui-kit-button]),
    input,
    select,
    textarea {
        min-height: 48px;
    }
}

.font-inter {
    font-family: 'Inter', sans-serif;
}

/* Mor pulse animasyonu - küçük nokta için */

@keyframes purple-pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(95, 104, 214, 0.85);
        opacity: 1;
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(95, 104, 214, 0);
        opacity: 0.35;
        transform: scale(0.85);
    }
}

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

.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: rgba(130, 154, 227, 0.4) transparent;
    /* Smooth scrolling için CSS */
    scroll-behavior: smooth;
}

/* Modern ve soft scroll için özel animasyon timing'i */

@supports (scroll-behavior: smooth) {
    .scroll-container {
        scroll-behavior: smooth;
    }
}

.scroll-container {
    will-change: transform;
    /* Daha yumuşak scroll için özel timing */
    scroll-padding-bottom: 1rem;
    /* Performans optimizasyonu */
    contain: layout style paint;
    /* GPU hızlandırma */
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    /* Chrome/Safari için özel smooth scroll timing */
    scroll-snap-stop: normal;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(130, 154, 227, 0.5);
    border-radius: 10px;
    -webkit-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(130, 154, 227, 0.8);
}

.custom-scrollbar::-webkit-scrollbar-thumb:active {
    background-color: rgba(130, 154, 227, 0.9);
}

.scrollbar-refined {
    scrollbar-width: thin;
    scrollbar-color: #ddd9e8 transparent;
}

.scrollbar-refined::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollbar-refined::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.scrollbar-refined::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 9999px;
}

.scrollbar-refined::-webkit-scrollbar-thumb {
    background-color: #ddd9e8;
    border-radius: 9999px;
}

.scrollbar-refined::-webkit-scrollbar-thumb:hover {
    background-color: #a49fbd;
}

/* Scroll'da fade efekti - kaldırıldı, gradient arka planla uyumsuzdu */

/* .scroll-container::before {
    content: '';
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    pointer-events: none;
    z-index: 10;
}

.scroll-container::after {
    content: '';
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    pointer-events: none;
    z-index: 10;
} */

.custom-scrollbar-big {
    scrollbar-width:auto ;
    scrollbar-color: #F5F5F5 transparent;

}

.custom-scrollbar-big::-webkit-scrollbar {
    width: 10px;
}

.custom-scrollbar-big::-webkit-scrollbar-thumb {
    background-color: #F5F5F5;
    border-radius: 9999px;
    --tw-bg-opacity: 0.4
}

.rotate-180 {
    transform: rotate(180deg);

}

.rc-slider-tooltip {
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
}

.markdown > * {
    all: revert !important;
}

.prose {
    max-width: none; 
    width: 100%;
    color: #374151;
}

.prose code {
    background-color: #f3f4f6;
    padding: 0.2em 0.4em;
    border-radius: 0.25rem;
}

.prose pre {
    background-color: #1f2937;
    color: #f9fafb;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.prose pre code {
    background-color: transparent;
    padding: 0;
    color: inherit;
}

.prose blockquote {
    border-left: 4px solid #e5e7eb;
    padding-left: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-style: italic;
    color: #6b7280;
}

.prose strong {
    font-weight: 600;
    color: #111827;
}

.prose em {
    font-style: italic;
}

.prose a {
    color: black;
    text-decoration: underline;
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.1em;
}

.prose a:hover {
    color: #1d4ed8;
    text-decoration-thickness: 0.1em;
}

.prose h1{
    font-size: 1.25rem !important;;
    margin-top: 1rem !important;;
}

.prose h2 {
    font-size: 1.1rem !important;
    margin-top: 0.75rem;
    line-height: 1.4 !important;
}

.prose h3 {
    font-size: 1rem !important;
    margin-top: 0.75rem;
    line-height: 1.4 !important;
}

.prose .mermaid {
    max-width: 100%;
    width: 100%;
    height: auto;
}

pre {
       
    white-space: pre-wrap;  
    max-width: 100%;    
}

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

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

/* Gemini tarzı web arama sonuçları için özel stiller */

.web-search-result {
  transition: all 0.2s ease-in-out;
  border-radius: 8px;
}

.web-search-result:hover {
  background-color: #f8f9fa;
}

.web-search-title {
  color: #1a0dab;
  text-decoration: none;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.3;
  font-family: arial,sans-serif;
}

.web-search-title:hover {
  text-decoration: underline;
}

.web-search-url {
  color: #006621;
  font-size: 14px;
  font-family: arial,sans-serif;
}

.web-search-domain {
  color: #202124;
  font-size: 14px;
  font-family: arial,sans-serif;
}

.web-search-snippet {
  color: #4d5156;
  font-size: 14px;
  line-height: 1.4;
  font-family: arial,sans-serif;
}

.web-search-favicon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* React Colorful Styles */

.react-colorful {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 200px;
  height: 200px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
}

.react-colorful__saturation {
  position: relative;
  flex-grow: 1;
  border-color: transparent;
  border-bottom: 12px solid #000;
  border-radius: 8px 8px 0 0;
  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)),
    linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.react-colorful__alpha-gradient,
.react-colorful__saturation {
  position: relative;
  border-radius: 8px 8px 0 0;
}

.react-colorful__alpha {
  border-radius: 0 0 8px 8px;
}

.react-colorful__hue {
  position: relative;
  height: 24px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(
    to right,
    #f00 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    #f00
  );
}

.react-colorful__interactive {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  outline: none;
  touch-action: none;
}

.react-colorful__pointer {
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.react-colorful__alpha-pointer {
  background-color: transparent;
}

.react-colorful__saturation-pointer {
  z-index: 3;
}

.react-colorful__interactive:focus .react-colorful__pointer {
  transform: translate(-50%, -50%) scale(1.1);
}

/* Dynamic Node Array - Yeni satir highlight animasyonu */

@keyframes highlight-pulse {
  0% {
    background-color: rgb(16, 185, 129, 0.3);
  }
  50% {
    background-color: rgb(16, 185, 129, 0.15);
  }
  100% {
    background-color: transparent;
  }
}

.animate-highlight > div {
  animation: highlight-pulse 1.5s ease-out;
}

/* Toast Notification Styles - Brand colors */

.Toastify__progress-bar--info {
  background: #352d75 !important; /* brand-800 */
}

.Toastify__progress-bar--success {
  background: #10b981 !important; /* success green */
}

.Toastify__progress-bar--error {
  background: #ef4444 !important; /* error red */
}

.Toastify__progress-bar--warning {
  background: #f59e0b !important; /* warning orange */
}

/* Toast container customization */

.Toastify__toast--info {
  background: #f9f5ff !important; /* brand-50 */
  color: #201768 !important; /* brand-900 */
}

.Toastify__toast--info .Toastify__toast-icon svg {
  fill: #352d75 !important; /* brand-800 */
}

.chat-stream-typed {
  overflow-anchor: none;
}

/* Legacy custom modals use z-50 / z-[100] but app header is z-[120]. */

.group:hover .group-hover\:animate-gradient-x {
        background-size: 200% 200%;
        animation: gradient-x 1.5s linear infinite;
    }

.selection\:bg-skymod-brand-200\/35 *::-moz-selection{
  background-color: rgb(233 215 254 / 0.35);
}

.selection\:bg-skymod-brand-200\/35 *::selection{
  background-color: rgb(233 215 254 / 0.35);
}

.selection\:text-transparent *::-moz-selection{
  color: transparent;
}

.selection\:text-transparent *::selection{
  color: transparent;
}

.selection\:bg-skymod-brand-200\/35::-moz-selection{
  background-color: rgb(233 215 254 / 0.35);
}

.selection\:bg-skymod-brand-200\/35::selection{
  background-color: rgb(233 215 254 / 0.35);
}

.selection\:text-transparent::-moz-selection{
  color: transparent;
}

.selection\:text-transparent::selection{
  color: transparent;
}

.file\:border-0::file-selector-button{
  border-width: 0px;
}

.file\:bg-transparent::file-selector-button{
  background-color: transparent;
}

.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-medium::file-selector-button{
  font-weight: 500;
}

.file\:text-foreground::file-selector-button{
  color: hsl(var(--foreground));
}

.placeholder\:font-montserrat::-moz-placeholder{
  font-family: Montserrat, sans-serif;
}

.placeholder\:font-montserrat::placeholder{
  font-family: Montserrat, sans-serif;
}

.placeholder\:text-sky-t2::-moz-placeholder{
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
}

.placeholder\:text-sky-t2::placeholder{
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
}

.placeholder\:text-sky-t3::-moz-placeholder{
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0;
}

.placeholder\:text-sky-t3::placeholder{
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0;
}

.placeholder\:font-normal::-moz-placeholder{
  font-weight: 400;
}

.placeholder\:font-normal::placeholder{
  font-weight: 400;
}

.placeholder\:text-\[\#535862\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#535862\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#717680\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#717680\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#98a2b3\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(152 162 179 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#98a2b3\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(152 162 179 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#9994ac\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(153 148 172 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#9994ac\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(153 148 172 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#a09db8\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(160 157 184 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#a09db8\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(160 157 184 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#a49fbd\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(164 159 189 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#a49fbd\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(164 159 189 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#a4a7ae\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#a4a7ae\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.placeholder\:text-canvas-muted-light::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.placeholder\:text-canvas-muted-light::placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.placeholder\:text-gray-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.placeholder\:text-gray-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.placeholder\:text-gray-400\/80::-moz-placeholder{
  color: rgb(156 163 175 / 0.8);
}

.placeholder\:text-gray-400\/80::placeholder{
  color: rgb(156 163 175 / 0.8);
}

.placeholder\:text-muted-foreground::-moz-placeholder{
  color: hsl(var(--muted-foreground));
}

.placeholder\:text-muted-foreground::placeholder{
  color: hsl(var(--muted-foreground));
}

.placeholder\:text-muted-foreground\/60::-moz-placeholder{
  color: hsl(var(--muted-foreground) / 0.6);
}

.placeholder\:text-muted-foreground\/60::placeholder{
  color: hsl(var(--muted-foreground) / 0.6);
}

.placeholder\:text-skymod-gray-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.placeholder\:text-skymod-gray-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.placeholder\:text-skymod-gray-500::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.placeholder\:text-skymod-gray-500::placeholder{
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.placeholder\:text-slate-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.placeholder\:text-slate-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.placeholder\:opacity-40::-moz-placeholder{
  opacity: 0.4;
}

.placeholder\:opacity-40::placeholder{
  opacity: 0.4;
}

.placeholder\:transition-colors::-moz-placeholder{
  -moz-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  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;
}

.placeholder\:transition-colors::placeholder{
  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;
}

.before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-y-1::before{
  content: var(--tw-content);
  top: 0.25rem;
  bottom: 0.25rem;
}

.before\:left-1\/2::before{
  content: var(--tw-content);
  left: 50%;
}

.before\:mr-4::before{
  content: var(--tw-content);
  margin-right: 1rem;
}

.before\:inline-block::before{
  content: var(--tw-content);
  display: inline-block;
}

.before\:w-6::before{
  content: var(--tw-content);
  width: 1.5rem;
}

.before\:w-px::before{
  content: var(--tw-content);
  width: 1px;
}

.before\:-translate-x-1\/2::before{
  content: var(--tw-content);
  --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));
}

.before\:select-none::before{
  content: var(--tw-content);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.before\:rounded-full::before{
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:bg-skymod-brand-300::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(214 187 251 / var(--tw-bg-opacity));
}

.before\:bg-transparent::before{
  content: var(--tw-content);
  background-color: transparent;
}

.before\:text-right::before{
  content: var(--tw-content);
  text-align: right;
}

.before\:font-mono::before{
  content: var(--tw-content);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.before\:text-\[13px\]::before{
  content: var(--tw-content);
  font-size: 13px;
}

.before\:text-muted-foreground\/50::before{
  content: var(--tw-content);
  color: hsl(var(--muted-foreground) / 0.5);
}

.before\:transition-colors::before{
  content: var(--tw-content);
  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;
}

.before\:content-\[counter\(line\)\]::before{
  --tw-content: counter(line);
  content: var(--tw-content);
}

.before\:\[counter-increment\:line\]::before{
  content: var(--tw-content);
  counter-increment: line;
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:-inset-2::after{
  content: var(--tw-content);
  inset: -0.5rem;
}

.after\:inset-y-0::after{
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}

.after\:left-1\/2::after{
  content: var(--tw-content);
  left: 50%;
}

.after\:w-\[2px\]::after{
  content: var(--tw-content);
  width: 2px;
}

.first\:mt-0:first-child{
  margin-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;
}

.read-only\:cursor-default:-moz-read-only{
  cursor: default;
}

.read-only\:cursor-default:read-only{
  cursor: default;
}

.focus-within\:\!border-\[\#6366f1\]:focus-within{
  --tw-border-opacity: 1 !important;
  border-color: rgb(99 102 241 / var(--tw-border-opacity)) !important;
}

.focus-within\:border-\[\#6366F1\]:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus-within\:border-\[\#6366f1\]:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus-within\:border-\[\#7a85f9\]:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(122 133 249 / var(--tw-border-opacity));
}

.focus-within\:border-\[\#ACB3FF\]:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(172 179 255 / var(--tw-border-opacity));
}

.focus-within\:border-black:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.focus-within\:border-skymod-brand-300:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.focus-within\:border-skymod-brand-700:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(105 65 198 / var(--tw-border-opacity));
}

.focus-within\:border-skymod-error-300:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(253 162 155 / var(--tw-border-opacity));
}

.focus-within\:border-violet-300:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity));
}

.focus-within\:border-violet-400\/60:focus-within{
  border-color: rgb(167 139 250 / 0.6);
}

.focus-within\:bg-white:focus-within{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus-within\:opacity-100:focus-within{
  opacity: 1;
}

.focus-within\:\!shadow-\[0_0_0_3px_\#eef0fe\]:focus-within{
  --tw-shadow: 0 0 0 3px #eef0fe !important;
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus-within\:shadow-\[0_0_0_3px_\#eef0fe\]:focus-within{
  --tw-shadow: 0 0 0 3px #eef0fe;
  --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);
}

.focus-within\:shadow-\[0_0_0_3px_\#f4f5fe\]:focus-within{
  --tw-shadow: 0 0 0 3px #f4f5fe;
  --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);
}

.focus-within\:shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\2c 0px_0px_0px_4px_\#f4ebff\]:focus-within{
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05),0px 0px 0px 4px #f4ebff;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 0px 0px 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-within\:shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\2c 0px_0px_0px_4px_\#fee4e2\]:focus-within{
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05),0px 0px 0px 4px #fee4e2;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 0px 0px 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-within\:shadow-none:focus-within{
  --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);
}

.focus-within\:ring-1:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-2:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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-within\:ring-\[\#6366F1\]\/20:focus-within{
  --tw-ring-color: rgb(99 102 241 / 0.2);
}

.focus-within\:ring-\[\#7a85f9\]\/30:focus-within{
  --tw-ring-color: rgb(122 133 249 / 0.3);
}

.focus-within\:ring-\[\#ACB3FF\]:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(172 179 255 / var(--tw-ring-opacity));
}

.focus-within\:ring-black:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}

.focus-within\:ring-violet-200:focus-within{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(221 214 254 / var(--tw-ring-opacity));
}

.focus-within\:ring-violet-200\/30:focus-within{
  --tw-ring-color: rgb(221 214 254 / 0.3);
}

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

.hover\:w-max:hover{
  width: -moz-max-content;
  width: max-content;
}

.hover\:min-w-\[160px\]:hover{
  min-width: 160px;
}

.hover\:max-w-\[280px\]:hover{
  max-width: 280px;
}

.hover\:shrink:hover{
  flex-shrink: 1;
}

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

.hover\:rotate-12:hover{
  --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));
}

.hover\:rotate-90:hover{
  --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));
}

.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-125:hover{
  --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));
}

.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\:cursor-pointer:hover{
  cursor: pointer;
}

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

.hover\:\!border-\[\#c7cbe0\]:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(199 203 224 / var(--tw-border-opacity)) !important;
}

.hover\:\!border-\[\#c9c3d9\]:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(201 195 217 / var(--tw-border-opacity)) !important;
}

.hover\:\!border-skymod-brand-950:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(20 11 96 / var(--tw-border-opacity)) !important;
}

.hover\:\!border-transparent:hover{
  border-color: transparent !important;
}

.hover\:border-\[\#15114a\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(21 17 74 / var(--tw-border-opacity));
}

.hover\:border-\[\#6366F1\]\/40:hover{
  border-color: rgb(99 102 241 / 0.4);
}

.hover\:border-\[\#6366f1\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.hover\:border-\[\#676FCA\]\/50:hover{
  border-color: rgb(103 111 202 / 0.5);
}

.hover\:border-\[\#686ccc\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(104 108 204 / var(--tw-border-opacity));
}

.hover\:border-\[\#7a85f9\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(122 133 249 / var(--tw-border-opacity));
}

.hover\:border-\[\#7c7795\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(124 119 149 / var(--tw-border-opacity));
}

.hover\:border-\[\#7f56d9\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.hover\:border-\[\#7f56d9\]\/35:hover{
  border-color: rgb(127 86 217 / 0.35);
}

.hover\:border-\[\#939BFF\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(147 155 255 / var(--tw-border-opacity));
}

.hover\:border-\[\#ACB3FF\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(172 179 255 / var(--tw-border-opacity));
}

.hover\:border-\[\#a0a0a0\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(160 160 160 / var(--tw-border-opacity));
}

.hover\:border-\[\#abb3fe\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(171 179 254 / var(--tw-border-opacity));
}

.hover\:border-\[\#abb3fe\]\/60:hover{
  border-color: rgb(171 179 254 / 0.6);
}

.hover\:border-\[\#b4b4c4\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(180 180 196 / var(--tw-border-opacity));
}

.hover\:border-\[\#c4bffd\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(196 191 253 / var(--tw-border-opacity));
}

.hover\:border-\[\#c7c9ff\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(199 201 255 / var(--tw-border-opacity));
}

.hover\:border-\[\#c7cbe0\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(199 203 224 / var(--tw-border-opacity));
}

.hover\:border-\[\#c8cce5\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(200 204 229 / var(--tw-border-opacity));
}

.hover\:border-\[\#d0d5dd\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(208 213 221 / var(--tw-border-opacity));
}

.hover\:border-\[\#d5d0e8\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(213 208 232 / var(--tw-border-opacity));
}

.hover\:border-\[\#d5d2e3\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(213 210 227 / var(--tw-border-opacity));
}

.hover\:border-\[\#d7d2ff\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(215 210 255 / var(--tw-border-opacity));
}

.hover\:border-\[\#d8d3e6\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(216 211 230 / var(--tw-border-opacity));
}

.hover\:border-\[\#e9d7fe\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(233 215 254 / var(--tw-border-opacity));
}

.hover\:border-\[\#ece9f4\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-border-opacity));
}

.hover\:border-\[\#fca5a5\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}

.hover\:border-\[rgba\(32\2c 23\2c 104\2c 0\.1\)\]:hover{
  border-color: rgba(32,23,104,0.1);
}

.hover\:border-amber-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}

.hover\:border-amber-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity));
}

.hover\:border-black:hover{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.hover\:border-blue-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}

.hover\:border-blue-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
}

.hover\:border-blue-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}

.hover\:border-blue-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.hover\:border-emerald-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity));
}

.hover\:border-gray-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.hover\:border-gray-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.hover\:border-gray-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.hover\:border-gray-500:hover{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.hover\:border-gray-700:hover{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.hover\:border-green-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity));
}

.hover\:border-green-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity));
}

.hover\:border-indigo-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
}

.hover\:border-indigo-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
}

.hover\:border-indigo-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity));
}

.hover\:border-orange-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
}

.hover\:border-pink-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(251 207 232 / var(--tw-border-opacity));
}

.hover\:border-purple-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity));
}

.hover\:border-purple-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity));
}

.hover\:border-purple-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity));
}

.hover\:border-red-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}

.hover\:border-red-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}

.hover\:border-red-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}

.hover\:border-red-700:hover{
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity));
}

.hover\:border-sky-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity));
}

.hover\:border-sky-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity));
}

.hover\:border-sky-studio-primary\/25:hover{
  border-color: rgb(124 131 253 / 0.25);
}

.hover\:border-sky-studio-primary\/30:hover{
  border-color: rgb(124 131 253 / 0.3);
}

.hover\:border-sky-studio-primary\/45:hover{
  border-color: rgb(124 131 253 / 0.45);
}

.hover\:border-sky-studio-primary\/55:hover{
  border-color: rgb(124 131 253 / 0.55);
}

.hover\:border-skymod-blue-gray-100:hover{
  --tw-border-opacity: 1;
  border-color: rgb(234 236 245 / var(--tw-border-opacity));
}

.hover\:border-skymod-blue-gray-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(200 204 229 / var(--tw-border-opacity));
}

.hover\:border-skymod-blue-gray-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(158 165 209 / var(--tw-border-opacity));
}

.hover\:border-skymod-brand-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(233 215 254 / var(--tw-border-opacity));
}

.hover\:border-skymod-brand-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.hover\:border-skymod-brand-700:hover{
  --tw-border-opacity: 1;
  border-color: rgb(105 65 198 / var(--tw-border-opacity));
}

.hover\:border-skymod-brand-900:hover{
  --tw-border-opacity: 1;
  border-color: rgb(32 23 104 / var(--tw-border-opacity));
}

.hover\:border-skymod-brand-950:hover{
  --tw-border-opacity: 1;
  border-color: rgb(20 11 96 / var(--tw-border-opacity));
}

.hover\:border-skymod-error-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(249 112 102 / var(--tw-border-opacity));
}

.hover\:border-skymod-error-700:hover{
  --tw-border-opacity: 1;
  border-color: rgb(180 35 24 / var(--tw-border-opacity));
}

.hover\:border-skymod-gray-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(213 215 218 / var(--tw-border-opacity));
}

.hover\:border-skymod-gray-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(164 167 174 / var(--tw-border-opacity));
}

.hover\:border-slate-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.hover\:border-violet-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity));
}

.hover\:border-violet-300:hover{
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity));
}

.hover\:border-violet-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / var(--tw-border-opacity));
}

.hover\:border-violet-500\/65:hover{
  border-color: rgb(139 92 246 / 0.65);
}

.hover\:border-white\/20:hover{
  border-color: rgb(255 255 255 / 0.2);
}

.hover\:border-yellow-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity));
}

.hover\:border-t-purple-100:hover{
  --tw-border-opacity: 1;
  border-top-color: rgb(243 232 255 / var(--tw-border-opacity));
}

.hover\:\!bg-\[\#027a48\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(2 122 72 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#1a1355\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(26 19 85 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#241d6a\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(36 29 106 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#b42318\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(180 35 24 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#b54708\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 71 8 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#ede9fe\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#f4f3ff\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#f5f5f5\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#fafaff\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 255 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-skymod-brand-950:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(20 11 96 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-transparent:hover{
  background-color: transparent !important;
}

.hover\:bg-\[\#15114a\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 17 74 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#1a1355\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 19 85 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#1a1654\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 22 84 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#2a2568\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(42 37 104 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#2d227f\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(45 34 127 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#333333\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#393B40\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(57 59 64 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#4c31bc\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(76 49 188 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#4f46e5\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#5558E3\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(85 88 227 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#585bb0\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(88 91 176 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#5A65FF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(90 101 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#5a62b5\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(90 98 181 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#6366F1\]\/10:hover{
  background-color: rgb(99 102 241 / 0.1);
}

.hover\:bg-\[\#6366F1\]\/5:hover{
  background-color: rgb(99 102 241 / 0.05);
}

.hover\:bg-\[\#676FCA\]\/20:hover{
  background-color: rgb(103 111 202 / 0.2);
}

.hover\:bg-\[\#676FCA\]\/5:hover{
  background-color: rgb(103 111 202 / 0.05);
}

.hover\:bg-\[\#686ccc\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(104 108 204 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#6941c6\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(105 65 198 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#6E3CC0\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(110 60 192 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#8A93FF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(138 147 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#939BFF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(147 155 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#9CA4FF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(156 164 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#ACB3FF47\]:hover{
  background-color: #ACB3FF47;
}

.hover\:bg-\[\#ACB3FF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(172 179 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#ACB3FF\]\/20:hover{
  background-color: rgb(172 179 255 / 0.2);
}

.hover\:bg-\[\#ACB3FF\]\/5:hover{
  background-color: rgb(172 179 255 / 0.05);
}

.hover\:bg-\[\#D6DAFF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(214 218 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#E8EBFF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(232 235 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#EAEAEA\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#EDEEFF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 238 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#EFEFEF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F0F1FF\]\/70:hover{
  background-color: rgb(240 241 255 / 0.7);
}

.hover\:bg-\[\#F0F2FF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 242 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F4F5FF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F6F6F6\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F8F7FF\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F8F9FE\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 254 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FFC107\]\/20:hover{
  background-color: rgb(255 193 7 / 0.2);
}

.hover\:bg-\[\#FFF8E1\]\/70:hover{
  background-color: rgb(255 248 225 / 0.7);
}

.hover\:bg-\[\#b3b3b3\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(179 179 179 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#cfc8e2\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(207 200 226 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#dce2ff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 226 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#e0d7fe\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 215 254 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#e5e7ff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#e9edff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(233 237 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#ece9f4\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 233 244 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#ede9fe\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#edeeff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 238 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#eef0fe\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 240 254 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#eff8ff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 248 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f0f0f0\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f2f4f7\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f3f1f8\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 241 248 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f3f4f6\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f4ebff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f4f3ff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f4f4f5\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f4f5fe\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 254 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f5f5fa\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 250 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f5f6ff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 246 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f6f4fb\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(246 244 251 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f8f7fc\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 252 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f8f9fc\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f8f9ff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f9fafb\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#faf9fc\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 252 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#faf9fe\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 254 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#faf9ff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fafafa\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fafafc\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fafaff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fbfafd\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 253 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fbfaff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fda29b\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 162 155 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fef2f2\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fef3f2\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 242 / var(--tw-bg-opacity));
}

.hover\:bg-\[rgba\(217\2c 217\2c 217\2c 0\.26\)\]:hover{
  background-color: rgba(217,217,217,0.26);
}

.hover\:bg-\[white\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-accent:hover{
  background-color: hsl(var(--accent));
}

.hover\:bg-amber-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.hover\:bg-amber-200\/60:hover{
  background-color: rgb(253 230 138 / 0.6);
}

.hover\:bg-amber-400\/35:hover{
  background-color: rgb(251 191 36 / 0.35);
}

.hover\:bg-amber-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}

.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(217 119 6 / var(--tw-bg-opacity));
}

.hover\:bg-amber-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity));
}

.hover\:bg-background:hover{
  background-color: hsl(var(--background));
}

.hover\:bg-black\/\[0\.04\]:hover{
  background-color: rgb(0 0 0 / 0.04);
}

.hover\:bg-blue-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.hover\:bg-blue-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}

.hover\:bg-blue-200\/25:hover{
  background-color: rgb(191 219 254 / 0.25);
}

.hover\:bg-blue-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.hover\:bg-blue-50\/30:hover{
  background-color: rgb(239 246 255 / 0.3);
}

.hover\:bg-blue-50\/50:hover{
  background-color: rgb(239 246 255 / 0.5);
}

.hover\:bg-blue-50\/80:hover{
  background-color: rgb(239 246 255 / 0.8);
}

.hover\:bg-blue-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.hover\:bg-canvas-surface-hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-canvas-surface-hover\/35:hover{
  background-color: rgb(243 244 246 / 0.35);
}

.hover\:bg-canvas-surface-hover\/40:hover{
  background-color: rgb(243 244 246 / 0.4);
}

.hover\:bg-cyan-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
}

.hover\:bg-destructive:hover{
  background-color: hsl(var(--destructive));
}

.hover\:bg-destructive\/10:hover{
  background-color: hsl(var(--destructive) / 0.1);
}

.hover\:bg-destructive\/80:hover{
  background-color: hsl(var(--destructive) / 0.8);
}

.hover\:bg-destructive\/90:hover{
  background-color: hsl(var(--destructive) / 0.9);
}

.hover\:bg-destructive\/\[0\.08\]:hover{
  background-color: hsl(var(--destructive) / 0.08);
}

.hover\:bg-emerald-200\/60:hover{
  background-color: rgb(167 243 208 / 0.6);
}

.hover\:bg-emerald-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-50\/40:hover{
  background-color: rgb(236 253 245 / 0.4);
}

.hover\:bg-emerald-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100\/50:hover{
  background-color: rgb(243 244 246 / 0.5);
}

.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.hover\:bg-gray-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.hover\:bg-gray-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50\/50:hover{
  background-color: rgb(249 250 251 / 0.5);
}

.hover\:bg-gray-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.hover\:bg-gray-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.hover\:bg-gray-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.hover\:bg-gray-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.hover\:bg-green-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.hover\:bg-green-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
}

.hover\:bg-green-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}

.hover\:bg-green-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.hover\:bg-green-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity));
}

.hover\:bg-muted:hover{
  background-color: hsl(var(--muted));
}

.hover\:bg-muted\/40:hover{
  background-color: hsl(var(--muted) / 0.4);
}

.hover\:bg-muted\/50:hover{
  background-color: hsl(var(--muted) / 0.5);
}

.hover\:bg-muted\/70:hover{
  background-color: hsl(var(--muted) / 0.7);
}

.hover\:bg-neutral-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.hover\:bg-orange-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}

.hover\:bg-orange-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}

.hover\:bg-pink-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity));
}

.hover\:bg-pink-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 207 232 / var(--tw-bg-opacity));
}

.hover\:bg-pink-200\/60:hover{
  background-color: rgb(251 207 232 / 0.6);
}

.hover\:bg-pink-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity));
}

.hover\:bg-primary\/80:hover{
  background-color: hsl(var(--primary) / 0.8);
}

.hover\:bg-primary\/90:hover{
  background-color: hsl(var(--primary) / 0.9);
}

.hover\:bg-purple-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}

.hover\:bg-purple-100\/90:hover{
  background-color: rgb(243 232 255 / 0.9);
}

.hover\:bg-purple-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity));
}

.hover\:bg-purple-200\/90:hover{
  background-color: rgb(233 213 255 / 0.9);
}

.hover\:bg-purple-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity));
}

.hover\:bg-purple-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
}

.hover\:bg-purple-50\/80:hover{
  background-color: rgb(250 245 255 / 0.8);
}

.hover\:bg-purple-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity));
}

.hover\:bg-red-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.hover\:bg-red-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}

.hover\:bg-red-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.hover\:bg-red-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.hover\:bg-red-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-rose-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity));
}

.hover\:bg-secondary\/80:hover{
  background-color: hsl(var(--secondary) / 0.8);
}

.hover\:bg-sidebar-accent:hover{
  background-color: hsl(var(--sidebar-accent));
}

.hover\:bg-sky-200\/60:hover{
  background-color: rgb(186 230 253 / 0.6);
}

.hover\:bg-sky-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}

.hover\:bg-sky-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity));
}

.hover\:bg-sky-studio-background\/75:hover{
  background-color: rgb(237 238 255 / 0.75);
}

.hover\:bg-sky-studio-background\/80:hover{
  background-color: rgb(237 238 255 / 0.8);
}

.hover\:bg-sky-studio-primary\/90:hover{
  background-color: rgb(124 131 253 / 0.9);
}

.hover\:bg-sky-studio-primary\/\[0\.06\]:hover{
  background-color: rgb(124 131 253 / 0.06);
}

.hover\:bg-sky-studio-primary\/\[0\.07\]:hover{
  background-color: rgb(124 131 253 / 0.07);
}

.hover\:bg-sky-studio-primary\/\[0\.08\]:hover{
  background-color: rgb(124 131 253 / 0.08);
}

.hover\:bg-sky-studio-primary\/\[0\.11\]:hover{
  background-color: rgb(124 131 253 / 0.11);
}

.hover\:bg-sky-studio-secondary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(101 108 232 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-blue-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(233 215 254 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-25:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(252 250 255 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-25\/40:hover{
  background-color: rgb(252 250 255 / 0.4);
}

.hover\:bg-skymod-brand-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(127 86 217 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(105 65 198 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(32 23 104 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-950:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(20 11 96 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-error-25:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 250 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-error-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 242 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-error-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(180 35 24 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-gray-25:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 253 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-success-25:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(246 254 249 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-success-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 243 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-warning-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 235 / var(--tw-bg-opacity));
}

.hover\:bg-slate-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.hover\:bg-slate-100\/50:hover{
  background-color: rgb(241 245 249 / 0.5);
}

.hover\:bg-slate-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.hover\:bg-slate-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

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

.hover\:bg-slate-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.hover\:bg-slate-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.hover\:bg-stone-100\/50:hover{
  background-color: rgb(245 245 244 / 0.5);
}

.hover\:bg-teal-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity));
}

.hover\:bg-transparent:hover{
  background-color: transparent;
}

.hover\:bg-violet-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.hover\:bg-violet-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / var(--tw-bg-opacity));
}

.hover\:bg-violet-200\/60:hover{
  background-color: rgb(221 214 254 / 0.6);
}

.hover\:bg-violet-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
}

.hover\:bg-violet-50\/80:hover{
  background-color: rgb(245 243 255 / 0.8);
}

.hover\:bg-violet-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-white\/10:hover{
  background-color: rgb(255 255 255 / 0.1);
}

.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\/60:hover{
  background-color: rgb(255 255 255 / 0.6);
}

.hover\:bg-white\/80:hover{
  background-color: rgb(255 255 255 / 0.8);
}

.hover\:bg-white\/90:hover{
  background-color: rgb(255 255 255 / 0.9);
}

.hover\:bg-yellow-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}

.hover\:bg-yellow-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity));
}

.hover\:bg-yellow-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}

.hover\:bg-opacity-20:hover{
  --tw-bg-opacity: 0.2;
}

.hover\:bg-opacity-30:hover{
  --tw-bg-opacity: 0.3;
}

.hover\:bg-gradient-to-r:hover{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.hover\:from-\[\#6671f6\]:hover{
  --tw-gradient-from: #6671f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(102 113 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#6B75EF\]:hover{
  --tw-gradient-from: #6B75EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 117 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#9ba3ee\]:hover{
  --tw-gradient-from: #9ba3ee var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(155 163 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#f9faff\]:hover{
  --tw-gradient-from: #f9faff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-500:hover{
  --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);
}

.hover\:from-blue-600:hover{
  --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);
}

.hover\:from-emerald-500:hover{
  --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);
}

.hover\:from-emerald-600:hover{
  --tw-gradient-from: #059669 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-800:hover{
  --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);
}

.hover\:from-indigo-400:hover{
  --tw-gradient-from: #818cf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-500:hover{
  --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);
}

.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-violet-50:hover{
  --tw-gradient-from: #f5f3ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-violet-500:hover{
  --tw-gradient-from: #8b5cf6 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);
}

.hover\:to-\[\#5562f3\]:hover{
  --tw-gradient-to: #5562f3 var(--tw-gradient-to-position);
}

.hover\:to-\[\#7b85ef\]:hover{
  --tw-gradient-to: #7b85ef var(--tw-gradient-to-position);
}

.hover\:to-\[\#9BA3EF\]:hover{
  --tw-gradient-to: #9BA3EF var(--tw-gradient-to-position);
}

.hover\:to-\[\#f0f4ff\]:hover{
  --tw-gradient-to: #f0f4ff var(--tw-gradient-to-position);
}

.hover\:to-blue-600:hover{
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}

.hover\:to-blue-700:hover{
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}

.hover\:to-emerald-600:hover{
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}

.hover\:to-gray-900:hover{
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}

.hover\:to-indigo-50:hover{
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}

.hover\:to-purple-400:hover{
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}

.hover\:to-purple-500:hover{
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}

.hover\:to-purple-600:hover{
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}

.hover\:to-teal-600:hover{
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}

.hover\:to-violet-700:hover{
  --tw-gradient-to: #6d28d9 var(--tw-gradient-to-position);
}

.hover\:\!text-\[\#181d27\]:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(24 29 39 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-\[\#53389e\]:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(83 56 158 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-\[\#78350f\]:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(120 53 15 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-skymod-brand-900:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(32 23 104 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-skymod-brand-950:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(20 11 96 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-skymod-gray-700:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(65 70 81 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-skymod-gray-900:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(24 29 39 / var(--tw-text-opacity)) !important;
}

.hover\:text-\[\#059669\]:hover{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}

.hover\:text-\[\#079455\]:hover{
  --tw-text-opacity: 1;
  color: rgb(7 148 85 / var(--tw-text-opacity));
}

.hover\:text-\[\#101828\]:hover{
  --tw-text-opacity: 1;
  color: rgb(16 24 40 / var(--tw-text-opacity));
}

.hover\:text-\[\#1a1654\]:hover{
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.hover\:text-\[\#201768\]:hover{
  --tw-text-opacity: 1;
  color: rgb(32 23 104 / var(--tw-text-opacity));
}

.hover\:text-\[\#3947DD\]:hover{
  --tw-text-opacity: 1;
  color: rgb(57 71 221 / var(--tw-text-opacity));
}

.hover\:text-\[\#414651\]:hover{
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.hover\:text-\[\#4338ca\]:hover{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.hover\:text-\[\#4851c7\]:hover{
  --tw-text-opacity: 1;
  color: rgb(72 81 199 / var(--tw-text-opacity));
}

.hover\:text-\[\#4a1fb8\]:hover{
  --tw-text-opacity: 1;
  color: rgb(74 31 184 / var(--tw-text-opacity));
}

.hover\:text-\[\#4f2fc8\]:hover{
  --tw-text-opacity: 1;
  color: rgb(79 47 200 / var(--tw-text-opacity));
}

.hover\:text-\[\#4f46e5\]:hover{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.hover\:text-\[\#525cd3\]:hover{
  --tw-text-opacity: 1;
  color: rgb(82 92 211 / var(--tw-text-opacity));
}

.hover\:text-\[\#5465ff\]:hover{
  --tw-text-opacity: 1;
  color: rgb(84 101 255 / var(--tw-text-opacity));
}

.hover\:text-\[\#5558E3\]:hover{
  --tw-text-opacity: 1;
  color: rgb(85 88 227 / var(--tw-text-opacity));
}

.hover\:text-\[\#5925dc\]:hover{
  --tw-text-opacity: 1;
  color: rgb(89 37 220 / var(--tw-text-opacity));
}

.hover\:text-\[\#5f5a7d\]:hover{
  --tw-text-opacity: 1;
  color: rgb(95 90 125 / var(--tw-text-opacity));
}

.hover\:text-\[\#6172c7\]:hover{
  --tw-text-opacity: 1;
  color: rgb(97 114 199 / var(--tw-text-opacity));
}

.hover\:text-\[\#6366f1\]:hover{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.hover\:text-\[\#676FCA\]:hover{
  --tw-text-opacity: 1;
  color: rgb(103 111 202 / var(--tw-text-opacity));
}

.hover\:text-\[\#6941c6\]:hover{
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.hover\:text-\[\#7a85f9\]:hover{
  --tw-text-opacity: 1;
  color: rgb(122 133 249 / var(--tw-text-opacity));
}

.hover\:text-\[\#7f56d9\]:hover{
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.hover\:text-\[\#8B93FF\]:hover{
  --tw-text-opacity: 1;
  color: rgb(139 147 255 / var(--tw-text-opacity));
}

.hover\:text-\[\#b42318\]:hover{
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.hover\:text-\[\#ef4444\]:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.hover\:text-accent-foreground:hover{
  color: hsl(var(--accent-foreground));
}

.hover\:text-amber-700:hover{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}

.hover\:text-amber-950:hover{
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity));
}

.hover\:text-black:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:text-blue-500:hover{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.hover\:text-blue-700:hover{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.hover\:text-blue-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.hover\:text-canvas-fg-soft:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.hover\:text-destructive:hover{
  color: hsl(var(--destructive));
}

.hover\:text-destructive-foreground:hover{
  color: hsl(var(--destructive-foreground));
}

.hover\:text-emerald-700:hover{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}

.hover\:text-emerald-900:hover{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity));
}

.hover\:text-emerald-950:hover{
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / var(--tw-text-opacity));
}

.hover\:text-foreground:hover{
  color: hsl(var(--foreground));
}

.hover\:text-gray-300:hover{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.hover\:text-gray-400:hover{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.hover\:text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.hover\:text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.hover\:text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.hover\:text-indigo-600:hover{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.hover\:text-indigo-700:hover{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.hover\:text-indigo-800:hover{
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}

.hover\:text-pink-950:hover{
  --tw-text-opacity: 1;
  color: rgb(80 7 36 / var(--tw-text-opacity));
}

.hover\:text-purple-500:hover{
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity));
}

.hover\:text-purple-600:hover{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity));
}

.hover\:text-red-500:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.hover\:text-red-600:hover{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.hover\:text-red-700:hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.hover\:text-red-800:hover{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}

.hover\:text-sidebar-accent-foreground:hover{
  color: hsl(var(--sidebar-accent-foreground));
}

.hover\:text-sky-500:hover{
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity));
}

.hover\:text-sky-950:hover{
  --tw-text-opacity: 1;
  color: rgb(8 47 73 / var(--tw-text-opacity));
}

.hover\:text-sky-studio-text:hover{
  --tw-text-opacity: 1;
  color: rgb(42 51 98 / var(--tw-text-opacity));
}

.hover\:text-skymod-blue-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(62 71 132 / var(--tw-text-opacity));
}

.hover\:text-skymod-brand-600:hover{
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.hover\:text-skymod-brand-700:hover{
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.hover\:text-skymod-brand-800:hover{
  --tw-text-opacity: 1;
  color: rgb(83 56 158 / var(--tw-text-opacity));
}

.hover\:text-skymod-brand-900:hover{
  --tw-text-opacity: 1;
  color: rgb(32 23 104 / var(--tw-text-opacity));
}

.hover\:text-skymod-brand-950:hover{
  --tw-text-opacity: 1;
  color: rgb(20 11 96 / var(--tw-text-opacity));
}

.hover\:text-skymod-error-500:hover{
  --tw-text-opacity: 1;
  color: rgb(240 68 56 / var(--tw-text-opacity));
}

.hover\:text-skymod-error-600:hover{
  --tw-text-opacity: 1;
  color: rgb(217 45 32 / var(--tw-text-opacity));
}

.hover\:text-skymod-error-700:hover{
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.hover\:text-skymod-gray-400:hover{
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.hover\:text-skymod-gray-500:hover{
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.hover\:text-skymod-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity));
}

.hover\:text-skymod-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.hover\:text-skymod-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(37 43 55 / var(--tw-text-opacity));
}

.hover\:text-skymod-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.hover\:text-skymod-success-700:hover{
  --tw-text-opacity: 1;
  color: rgb(2 122 72 / var(--tw-text-opacity));
}

.hover\:text-skymod-success-900:hover{
  --tw-text-opacity: 1;
  color: rgb(5 79 49 / var(--tw-text-opacity));
}

.hover\:text-skymod-warning-800:hover{
  --tw-text-opacity: 1;
  color: rgb(147 55 13 / var(--tw-text-opacity));
}

.hover\:text-slate-600:hover{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.hover\:text-slate-700:hover{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.hover\:text-slate-800:hover{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.hover\:text-slate-900:hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.hover\:text-violet-500:hover{
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity));
}

.hover\:text-violet-600:hover{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}

.hover\:text-violet-700:hover{
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity));
}

.hover\:text-violet-950:hover{
  --tw-text-opacity: 1;
  color: rgb(46 16 101 / var(--tw-text-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:\!no-underline:hover{
  text-decoration-line: none !important;
}

.hover\:no-underline:hover{
  text-decoration-line: none;
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.hover\:opacity-90:hover{
  opacity: 0.9;
}

.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-\[0_-2px_10px_rgba\(26\2c 22\2c 84\2c 0\.05\)\]:hover{
  --tw-shadow: 0 -2px 10px rgba(26,22,84,0.05);
  --tw-shadow-colored: 0 -2px 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_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
  --tw-shadow-colored: 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);
}

.hover\:shadow-\[0_12px_32px_-12px_rgba\(20\2c 17\2c 60\2c 0\.18\)\]:hover{
  --tw-shadow: 0 12px 32px -12px rgba(20,17,60,0.18);
  --tw-shadow-colored: 0 12px 32px -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_8px_24px_-12px_rgba\(26\2c 22\2c 84\2c 0\.12\)\]:hover{
  --tw-shadow: 0 8px 24px -12px rgba(26,22,84,0.12);
  --tw-shadow-colored: 0 8px 24px -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-sm:hover{
  --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);
}

.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-\[\#7a85f9\]\/10:hover{
  --tw-shadow-color: rgb(122 133 249 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#ACB3FF\]\/30:hover{
  --tw-shadow-color: rgb(172 179 255 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-amber-200\/60:hover{
  --tw-shadow-color: rgb(253 230 138 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-200\/60:hover{
  --tw-shadow-color: rgb(233 213 255 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-sky-studio-primary\/\[0\.08\]:hover{
  --tw-shadow-color: rgb(124 131 253 / 0.08);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-violet-500\/15:hover{
  --tw-shadow-color: rgb(139 92 246 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:ring-emerald-200:hover{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity));
}

.hover\:ring-slate-900\/\[0\.07\]:hover{
  --tw-ring-color: rgb(15 23 42 / 0.07);
}

.hover\:ring-violet-300:hover{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity));
}

.hover\:after\:bg-sidebar-border:hover::after{
  content: var(--tw-content);
  background-color: hsl(var(--sidebar-border));
}

.focus\:border-\[\#6366F1\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus\:border-\[\#6366f1\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus\:border-\[\#676FCA\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(103 111 202 / var(--tw-border-opacity));
}

.focus\:border-\[\#7a85f9\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(122 133 249 / var(--tw-border-opacity));
}

.focus\:border-\[\#7f56d9\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.focus\:border-\[\#ACB3FF\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(172 179 255 / var(--tw-border-opacity));
}

.focus\:border-\[\#c7c3e2\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(199 195 226 / var(--tw-border-opacity));
}

.focus\:border-blue-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.focus\:border-gray-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.focus\:border-red-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}

.focus\:border-red-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.focus\:border-rose-300:focus{
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity));
}

.focus\:border-transparent:focus{
  border-color: transparent;
}

.focus\:bg-\[\#f4f3ff\]:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity));
}

.focus\:bg-\[\#f5f5fa\]:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 250 / var(--tw-bg-opacity));
}

.focus\:bg-\[\#f8f9fc\]:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.focus\:bg-accent:focus{
  background-color: hsl(var(--accent));
}

.focus\:bg-amber-100:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.focus\:bg-gray-50:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.focus\:bg-indigo-50:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.focus\:bg-red-50:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.focus\:bg-skymod-brand-50:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.focus\:bg-skymod-warning-50:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 235 / var(--tw-bg-opacity));
}

.focus\:bg-transparent:focus{
  background-color: transparent;
}

.focus\:bg-violet-100:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.focus\:bg-white:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus\:text-\[\#1a1654\]:focus{
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.focus\:text-\[\#201768\]:focus{
  --tw-text-opacity: 1;
  color: rgb(32 23 104 / var(--tw-text-opacity));
}

.focus\:text-\[\#414651\]:focus{
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.focus\:text-\[\#5925dc\]:focus{
  --tw-text-opacity: 1;
  color: rgb(89 37 220 / var(--tw-text-opacity));
}

.focus\:text-\[\#b42318\]:focus{
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.focus\:text-\[\#d92d20\]:focus{
  --tw-text-opacity: 1;
  color: rgb(217 45 32 / var(--tw-text-opacity));
}

.focus\:text-accent-foreground:focus{
  color: hsl(var(--accent-foreground));
}

.focus\:text-indigo-700:focus{
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.focus\:text-red-600:focus{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.focus\:shadow-\[0_0_0_3px_\#eef0fe\]:focus{
  --tw-shadow: 0 0 0 3px #eef0fe;
  --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);
}

.focus\:shadow-\[0_0_0_3px_\#fef2f2\]:focus{
  --tw-shadow: 0 0 0 3px #fef2f2;
  --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);
}

.focus\:shadow-\[0_0_0_3px_rgba\(248\2c 113\2c 113\2c 0\.2\)\]:focus{
  --tw-shadow: 0 0 0 3px rgba(248,113,113,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);
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.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-\[\#6366F1\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#6366F1\]\/20:focus{
  --tw-ring-color: rgb(99 102 241 / 0.2);
}

.focus\:ring-\[\#6366F1\]\/50:focus{
  --tw-ring-color: rgb(99 102 241 / 0.5);
}

.focus\:ring-\[\#6366f1\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#676FCA\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(103 111 202 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#7a85f9\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(122 133 249 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#7a85f9\]\/30:focus{
  --tw-ring-color: rgb(122 133 249 / 0.3);
}

.focus\:ring-\[\#7f56d9\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 86 217 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#ACB3FF\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(172 179 255 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#ACB3FF\]\/30:focus{
  --tw-ring-color: rgb(172 179 255 / 0.3);
}

.focus\:ring-\[\#ACB3FF\]\/50:focus{
  --tw-ring-color: rgb(172 179 255 / 0.5);
}

.focus\:ring-amber-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity));
}

.focus\:ring-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.focus\:ring-gray-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
}

.focus\:ring-gray-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus\:ring-red-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));
}

.focus\:ring-red-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}

.focus\:ring-ring:focus{
  --tw-ring-color: hsl(var(--ring));
}

.focus\:ring-sky-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
}

.focus\:ring-sky-studio-primary:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(124 131 253 / var(--tw-ring-opacity));
}

.focus\:ring-transparent:focus{
  --tw-ring-color: transparent;
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}

.focus-visible\:rounded:focus-visible{
  border-radius: 0.25rem;
}

.focus-visible\:border-\[\#7f56d9\]:focus-visible{
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.focus-visible\:border-\[\#d6bbfb\]:focus-visible{
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.focus-visible\:border-blue-500:focus-visible{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.focus-visible\:border-sky-studio-primary\/55:focus-visible{
  border-color: rgb(124 131 253 / 0.55);
}

.focus-visible\:border-skymod-brand-300:focus-visible{
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.focus-visible\:bg-background:focus-visible{
  background-color: hsl(var(--background));
}

.focus-visible\:bg-skymod-brand-25:focus-visible{
  --tw-bg-opacity: 1;
  background-color: rgb(252 250 255 / var(--tw-bg-opacity));
}

.focus-visible\:text-white:focus-visible{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus-visible\:opacity-100:focus-visible{
  opacity: 1;
}

.focus-visible\:shadow-\[0px_0px_0px_3px_\#f2f4f7\]:focus-visible{
  --tw-shadow: 0px 0px 0px 3px #f2f4f7;
  --tw-shadow-colored: 0px 0px 0px 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);
}

.focus-visible\:shadow-\[0px_0px_0px_4px_\#f2f4f7\]:focus-visible{
  --tw-shadow: 0px 0px 0px 4px #f2f4f7;
  --tw-shadow-colored: 0px 0px 0px 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-visible\:shadow-\[0px_0px_0px_4px_\#f4ebff\]:focus-visible{
  --tw-shadow: 0px 0px 0px 4px #f4ebff;
  --tw-shadow-colored: 0px 0px 0px 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-visible\:shadow-\[0px_0px_0px_4px_\#f4f5fe\]:focus-visible{
  --tw-shadow: 0px 0px 0px 4px #f4f5fe;
  --tw-shadow-colored: 0px 0px 0px 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-visible\:\!outline-none:focus-visible{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:\!ring-0:focus-visible{
  --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;
}

.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) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + 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;
}

.focus-visible\:ring-0: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(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-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-\[\#f4ebff\]:focus-visible{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(244 235 255 / var(--tw-ring-opacity)) !important;
}

.focus-visible\:ring-\[\#7f56d9\]:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 86 217 / var(--tw-ring-opacity));
}

.focus-visible\:ring-\[\#e9e5ff\]:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 229 255 / var(--tw-ring-opacity));
}

.focus-visible\:ring-\[\#fecdca\]:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 205 202 / var(--tw-ring-opacity));
}

.focus-visible\:ring-blue-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.focus-visible\:ring-destructive:focus-visible{
  --tw-ring-color: hsl(var(--destructive));
}

.focus-visible\:ring-purple-500:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
}

.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-sidebar-ring:focus-visible{
  --tw-ring-color: hsl(var(--sidebar-ring));
}

.focus-visible\:ring-sky-studio-primary:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(124 131 253 / var(--tw-ring-opacity));
}

.focus-visible\:ring-sky-studio-primary\/40:focus-visible{
  --tw-ring-color: rgb(124 131 253 / 0.4);
}

.focus-visible\:ring-skymod-brand-100:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 235 255 / var(--tw-ring-opacity));
}

.focus-visible\:ring-skymod-brand-600\/20:focus-visible{
  --tw-ring-color: rgb(127 86 217 / 0.2);
}

.focus-visible\:\!ring-offset-0:focus-visible{
  --tw-ring-offset-width: 0px !important;
}

.focus-visible\:\!ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px !important;
}

.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-background:focus-visible{
  --tw-ring-offset-color: hsl(var(--background));
}

.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\.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-skymod-brand-300:active{
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.active\:border-skymod-error-300:active{
  --tw-border-opacity: 1;
  border-color: rgb(253 162 155 / var(--tw-border-opacity));
}

.active\:border-skymod-gray-300:active{
  --tw-border-opacity: 1;
  border-color: rgb(213 215 218 / var(--tw-border-opacity));
}

.active\:bg-amber-500\/45:active{
  background-color: rgb(245 158 11 / 0.45);
}

.active\:bg-sidebar-accent:active{
  background-color: hsl(var(--sidebar-accent));
}

.active\:bg-skymod-gray-100:active{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.active\:\!text-skymod-gray-800:active{
  --tw-text-opacity: 1 !important;
  color: rgb(37 43 55 / var(--tw-text-opacity)) !important;
}

.active\:text-sidebar-accent-foreground:active{
  color: hsl(var(--sidebar-accent-foreground));
}

.active\:text-skymod-gray-600:active{
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity));
}

.active\:text-skymod-gray-700:active{
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.active\:text-skymod-gray-900:active{
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.active\:shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\2c 0px_0px_0px_4px_\#f4ebff\]:active{
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05),0px 0px 0px 4px #f4ebff;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 0px 0px 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);
}

.active\:shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\2c 0px_0px_0px_4px_\#fee4e2\]:active{
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05),0px 0px 0px 4px #fee4e2;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 0px 0px 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);
}

.active\:shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\]:active{
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05);
  --tw-shadow-colored: 0px 1px 2px 0px 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\:\!pointer-events-none:disabled{
  pointer-events: none !important;
}

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

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:\!border-0:disabled{
  border-width: 0px !important;
}

.disabled\:\!border-\[\#e4e7ec\]:disabled{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 231 236 / var(--tw-border-opacity)) !important;
}

.disabled\:\!border-skymod-blue-gray-600:disabled{
  --tw-border-opacity: 1 !important;
  border-color: rgb(62 71 132 / var(--tw-border-opacity)) !important;
}

.disabled\:\!border-transparent:disabled{
  border-color: transparent !important;
}

.disabled\:border-\[\#d0d5dd\]:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(208 213 221 / var(--tw-border-opacity));
}

.disabled\:border-\[\#d8d3e6\]:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(216 211 230 / var(--tw-border-opacity));
}

.disabled\:border-\[\#e4e7ec\]:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(228 231 236 / var(--tw-border-opacity));
}

.disabled\:border-skymod-blue-gray-600:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(62 71 132 / var(--tw-border-opacity));
}

.disabled\:\!bg-\[\#a6f4c5\]:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(166 244 197 / var(--tw-bg-opacity)) !important;
}

.disabled\:\!bg-\[\#f2f4f7\]:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity)) !important;
}

.disabled\:\!bg-\[\#fecdca\]:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 205 202 / var(--tw-bg-opacity)) !important;
}

.disabled\:\!bg-\[\#fedf89\]:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 223 137 / var(--tw-bg-opacity)) !important;
}

.disabled\:\!bg-skymod-blue-gray-600:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(62 71 132 / var(--tw-bg-opacity)) !important;
}

.disabled\:\!bg-transparent:disabled{
  background-color: transparent !important;
}

.disabled\:\!bg-white:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.disabled\:bg-\[\#ece9f4\]:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(236 233 244 / var(--tw-bg-opacity));
}

.disabled\:bg-\[\#f2f4f7\]:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}

.disabled\:bg-gray-100:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.disabled\:bg-gray-50:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.disabled\:bg-skymod-blue-gray-600:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(62 71 132 / var(--tw-bg-opacity));
}

.disabled\:bg-skymod-gray-50:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.disabled\:bg-slate-300:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.disabled\:bg-white:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.disabled\:\!text-\[\#98a2b3\]:disabled{
  --tw-text-opacity: 1 !important;
  color: rgb(152 162 179 / var(--tw-text-opacity)) !important;
}

.disabled\:\!text-\[\#a4a7ae\]:disabled{
  --tw-text-opacity: 1 !important;
  color: rgb(164 167 174 / var(--tw-text-opacity)) !important;
}

.disabled\:\!text-white:disabled{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.disabled\:text-\[\#9994ac\]:disabled{
  --tw-text-opacity: 1;
  color: rgb(153 148 172 / var(--tw-text-opacity));
}

.disabled\:text-\[\#a4a7ae\]:disabled{
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.disabled\:text-\[\#d0d5dd\]:disabled{
  --tw-text-opacity: 1;
  color: rgb(208 213 221 / var(--tw-text-opacity));
}

.disabled\:text-gray-400:disabled{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.disabled\:text-gray-500:disabled{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.disabled\:text-skymod-gray-400:disabled{
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.disabled\:text-skymod-gray-500:disabled{
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.disabled\:opacity-100:disabled{
  opacity: 1;
}

.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 !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;
}

.disabled\:hover\:scale-100:hover:disabled{
  --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));
}

.disabled\:hover\:bg-white:hover:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.disabled\:hover\:text-skymod-gray-400:hover:disabled{
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.disabled\:hover\:text-skymod-gray-500:hover:disabled{
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.disabled\:hover\:shadow-none:hover: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\:active\:text-skymod-gray-400:active:disabled{
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.disabled\:active\:text-skymod-gray-500:active:disabled{
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.group[open] .group-open\: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:focus-within .group-focus-within\:invisible{
  visibility: hidden;
}

.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{
  opacity: 1;
}

.group\/text-input-glow:focus-within .group-focus-within\/text-input-glow\:opacity-100{
  opacity: 1;
}

.group:focus-within .group-focus-within\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:pointer-events-auto{
  pointer-events: auto;
}

.group\/tools2:hover .group-hover\/tools2\:visible{
  visibility: visible;
}

.group\/tools:hover .group-hover\/tools\:visible{
  visibility: visible;
}

.group:hover .group-hover\:visible{
  visibility: visible;
}

.group:hover .group-hover\:invisible{
  visibility: hidden;
}

.group:hover .group-hover\:ml-1\.5{
  margin-left: 0.375rem;
}

.group:hover .group-hover\:block{
  display: block;
}

.group:hover .group-hover\:w-full{
  width: 100%;
}

.group:hover .group-hover\:max-w-6{
  max-width: 1.5rem;
}

.group:hover .group-hover\:max-w-\[180px\]{
  max-width: 180px;
}

.group:hover .group-hover\:max-w-\[20px\]{
  max-width: 20px;
}

.group:hover .group-hover\:max-w-\[24px\]{
  max-width: 24px;
}

.group:hover .group-hover\:-translate-y-1{
  --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));
}

.group:hover .group-hover\:translate-x-0\.5{
  --tw-translate-x: 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\: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\: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-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: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-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));
}

.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-\[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));
}

@keyframes pulse{

  50%{
    opacity: .5;
  }
}

.group:hover .group-hover\:animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.group:hover .group-hover\:border-violet-400{
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / var(--tw-border-opacity));
}

.group\/handle:hover .group-hover\/handle\:bg-skymod-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(164 167 174 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-\[\#8A93FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(138 147 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-\[\#ebe8ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(235 232 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}

.group:hover .group-hover\:bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}

.group:hover .group-hover\:bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-skymod-brand-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-skymod-brand-900\/90{
  background-color: rgb(32 23 104 / 0.9);
}

.group:hover .group-hover\:bg-slate-400{
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.group:hover .group-hover\:from-\[\#f9faff\]{
  --tw-gradient-from: #f9faff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\: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);
}

.group:hover .group-hover\:to-\[\#f0f4ff\]{
  --tw-gradient-to: #f0f4ff var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-violet-50\/30{
  --tw-gradient-to: rgb(245 243 255 / 0.3) var(--tw-gradient-to-position);
}

.group:hover .group-hover\:pb-2{
  padding-bottom: 0.5rem;
}

.group:hover .group-hover\:text-\[\#201768\]{
  --tw-text-opacity: 1;
  color: rgb(32 23 104 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-\[\#676FCA\]{
  --tw-text-opacity: 1;
  color: rgb(103 111 202 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-\[\#7a85f9\]{
  --tw-text-opacity: 1;
  color: rgb(122 133 249 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-skymod-brand-600{
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-skymod-brand-800{
  --tw-text-opacity: 1;
  color: rgb(83 56 158 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-violet-600{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}

.group\/code:hover .group-hover\/code\:opacity-100{
  opacity: 1;
}

.group\/connection:hover .group-hover\/connection\:opacity-100{
  opacity: 1;
}

.group\/handle:hover .group-hover\/handle\:opacity-100{
  opacity: 1;
}

.group\/menu-item:hover .group-hover\/menu-item\:opacity-100{
  opacity: 1;
}

.group\/port:hover .group-hover\/port\:opacity-100{
  opacity: 1;
}

.group\/port:hover .group-hover\/port\:opacity-40{
  opacity: 0.4;
}

.group\/text-input-glow:hover .group-hover\/text-input-glow\:opacity-95{
  opacity: 0.95;
}

.group\/tools2:hover .group-hover\/tools2\:opacity-100{
  opacity: 1;
}

.group\/tools:hover .group-hover\/tools\:opacity-100{
  opacity: 1;
}

.group\/url:hover .group-hover\/url\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:opacity-40{
  opacity: 0.4;
}

.group:hover .group-hover\:opacity-70{
  opacity: 0.7;
}

.group:hover .group-hover\:opacity-80{
  opacity: 0.8;
}

.group:hover .group-hover\: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);
}

.group:hover .group-hover\: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);
}

.group:hover .group-hover\:ring-emerald-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity));
}

.group:hover .group-hover\:placeholder\:text-\[\#7a85f9\]\/60::-moz-placeholder{
  color: rgb(122 133 249 / 0.6);
}

.group:hover .group-hover\:placeholder\:text-\[\#7a85f9\]\/60::placeholder{
  color: rgb(122 133 249 / 0.6);
}

.group\/handle:hover .group-hover\/handle\:before\:bg-skymod-blue-gray-200::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(200 204 229 / var(--tw-bg-opacity));
}

.group:active .group-active\: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));
}

.peer:checked ~ .peer-checked\:border-\[\#7f56d9\]{
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:bg-\[\#7f56d9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(127 86 217 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-\[\#f9f5ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.peer:checked ~ .peer-checked\:opacity-100{
  opacity: 1;
}

.peer:hover ~ .peer-hover\:border-\[\#7f56d9\]{
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.peer:hover ~ .peer-hover\:bg-\[\#f4ebff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground{
  color: hsl(var(--sidebar-accent-foreground));
}

.peer:hover:checked ~ .peer-hover\:peer-checked\:bg-\[\#6941c6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(105 65 198 / var(--tw-bg-opacity));
}

.peer:focus-visible ~ .peer-focus-visible\:border-\[\#d6bbfb\]{
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.peer:focus-visible ~ .peer-focus-visible\:shadow-\[0px_0px_0px_4px_\#f4ebff\]{
  --tw-shadow: 0px 0px 0px 4px #f4ebff;
  --tw-shadow-colored: 0px 0px 0px 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);
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:border-\[\#d0d5dd\]{
  --tw-border-opacity: 1;
  border-color: rgb(208 213 221 / var(--tw-border-opacity));
}

.peer:disabled ~ .peer-disabled\:bg-\[\#f2f4f7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}

.peer:disabled ~ .peer-disabled\:text-\[\#d0d5dd\]{
  --tw-text-opacity: 1;
  color: rgb(208 213 221 / var(--tw-text-opacity));
}

.peer:disabled ~ .peer-disabled\:opacity-70{
  opacity: 0.7;
}

.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){
  background-color: hsl(var(--sidebar-background));
}

.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{
  padding-right: 2rem;
}

.aria-disabled\:pointer-events-none[aria-disabled="true"]{
  pointer-events: none;
}

.aria-disabled\:opacity-50[aria-disabled="true"]{
  opacity: 0.5;
}

.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events: none;
}

.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{
  --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));
}

.data-\[side\=left\]\:-translate-x-1[data-side="left"]{
  --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));
}

.data-\[side\=right\]\:translate-x-1[data-side="right"]{
  --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));
}

.data-\[side\=top\]\:-translate-y-1[data-side="top"]{
  --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));
}

.data-\[state\=checked\]\:translate-x-4[data-state="checked"]{
  --tw-translate-x: 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));
}

.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{
  --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));
}

.data-\[state\=active\]\:border-blue-500[data-state="active"]{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.data-\[state\=active\]\:border-emerald-500[data-state="active"]{
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity));
}

.data-\[state\=active\]\:border-skymod-brand-200[data-state="active"]{
  --tw-border-opacity: 1;
  border-color: rgb(233 215 254 / var(--tw-border-opacity));
}

.data-\[state\=active\]\:border-violet-500[data-state="active"]{
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity));
}

.data-\[state\=checked\]\:border-\[\#7f56d9\][data-state="checked"]{
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.data-\[state\=checked\]\:border-skymod-brand-900[data-state="checked"]{
  --tw-border-opacity: 1;
  border-color: rgb(32 23 104 / var(--tw-border-opacity));
}

.data-\[state\=indeterminate\]\:border-\[\#7f56d9\][data-state="indeterminate"]{
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.data-\[state\=indeterminate\]\:border-skymod-brand-900[data-state="indeterminate"]{
  --tw-border-opacity: 1;
  border-color: rgb(32 23 104 / var(--tw-border-opacity));
}

.data-\[state\=open\]\:border-skymod-brand-300[data-state="open"]{
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.data-\[active\=true\]\:bg-sidebar-accent[data-active="true"]{
  background-color: hsl(var(--sidebar-accent));
}

.data-\[highlighted\]\:bg-\[\#f8f9fc\][data-highlighted]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.data-\[highlighted\]\:bg-red-50[data-highlighted]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.data-\[highlighted\]\:bg-transparent[data-highlighted]{
  background-color: transparent;
}

.data-\[state\=active\]\:bg-background[data-state="active"]{
  background-color: hsl(var(--background));
}

.data-\[state\=active\]\:bg-transparent[data-state="active"]{
  background-color: transparent;
}

.data-\[state\=active\]\:bg-white[data-state="active"]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-\[\#027a48\][data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(2 122 72 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-\[\#175cd3\][data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(23 92 211 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-\[\#6366f1\][data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-\[\#f9f5ff\][data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-\[\#fafafa\][data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-blue-500[data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-blue-600[data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-skymod-brand-50[data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.data-\[state\=indeterminate\]\:bg-\[\#f9f5ff\][data-state="indeterminate"]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.data-\[state\=indeterminate\]\:bg-skymod-brand-50[data-state="indeterminate"]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.data-\[state\=open\]\:bg-\[\#F6F6F6\][data-state="open"]{
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

.data-\[state\=open\]\:bg-\[\#f4f3ff\][data-state="open"]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity));
}

.data-\[state\=open\]\:bg-\[\#fafafa\][data-state="open"]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.data-\[state\=open\]\:bg-\[\#fafaff\][data-state="open"]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 255 / var(--tw-bg-opacity));
}

.data-\[state\=open\]\:bg-accent[data-state="open"]{
  background-color: hsl(var(--accent));
}

.data-\[state\=open\]\:bg-secondary[data-state="open"]{
  background-color: hsl(var(--secondary));
}

.data-\[state\=open\]\:bg-sidebar-accent[data-state="open"]{
  background-color: hsl(var(--sidebar-accent));
}

.data-\[state\=selected\]\:bg-muted[data-state="selected"]{
  background-color: hsl(var(--muted));
}

.data-\[state\=unchecked\]\:bg-\[\#d8d3e6\][data-state="unchecked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(216 211 230 / var(--tw-bg-opacity));
}

.data-\[state\=unchecked\]\:bg-\[\#e9eaeb\][data-state="unchecked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 234 235 / var(--tw-bg-opacity));
}

.data-\[state\=unchecked\]\:bg-\[\#eaecf0\][data-state="unchecked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 240 / var(--tw-bg-opacity));
}

.data-\[state\=unchecked\]\:bg-gray-200[data-state="unchecked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.data-\[active\=true\]\:font-medium[data-active="true"]{
  font-weight: 500;
}

.data-\[state\=active\]\:font-semibold[data-state="active"]{
  font-weight: 600;
}

.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"]{
  color: hsl(var(--sidebar-accent-foreground));
}

.data-\[highlighted\]\:text-\[\#1a1654\][data-highlighted]{
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.data-\[highlighted\]\:text-\[\#414651\][data-highlighted]{
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.data-\[highlighted\]\:text-\[\#b42318\][data-highlighted]{
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-\[\#5c67ea\][data-state="active"]{
  --tw-text-opacity: 1;
  color: rgb(92 103 234 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-\[\#6366f1\][data-state="active"]{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-blue-600[data-state="active"]{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-emerald-600[data-state="active"]{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-foreground[data-state="active"]{
  color: hsl(var(--foreground));
}

.data-\[state\=active\]\:text-skymod-brand-700[data-state="active"]{
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-skymod-gray-900[data-state="active"]{
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-violet-600[data-state="active"]{
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}

.data-\[state\=checked\]\:\!text-skymod-brand-900[data-state="checked"]{
  --tw-text-opacity: 1 !important;
  color: rgb(32 23 104 / var(--tw-text-opacity)) !important;
}

.data-\[state\=checked\]\:text-\[\#7f56d9\][data-state="checked"]{
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.data-\[state\=checked\]\:text-white[data-state="checked"]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.data-\[state\=indeterminate\]\:\!text-skymod-brand-900[data-state="indeterminate"]{
  --tw-text-opacity: 1 !important;
  color: rgb(32 23 104 / var(--tw-text-opacity)) !important;
}

.data-\[state\=open\]\:text-accent-foreground[data-state="open"]{
  color: hsl(var(--accent-foreground));
}

.data-\[state\=open\]\:text-muted-foreground[data-state="open"]{
  color: hsl(var(--muted-foreground));
}

.data-\[state\=open\]\:text-sidebar-accent-foreground[data-state="open"]{
  color: hsl(var(--sidebar-accent-foreground));
}

.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity: 0.5;
}

.data-\[state\=open\]\:opacity-100[data-state="open"]{
  opacity: 1;
}

.data-\[state\=active\]\:shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\][data-state="active"]{
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05);
  --tw-shadow-colored: 0px 1px 2px 0px 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-\[state\=active\]\:shadow-none[data-state="active"]{
  --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);
}

.data-\[state\=active\]\:shadow-sm[data-state="active"]{
  --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);
}

.data-\[state\=closed\]\:duration-300[data-state="closed"]{
  transition-duration: 300ms;
}

.data-\[state\=open\]\:duration-500[data-state="open"]{
  transition-duration: 500ms;
}

.data-\[state\=open\]\:animate-in[data-state="open"]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.data-\[state\=closed\]\:animate-out[data-state="closed"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[state\=closed\]\:fade-out-0[data-state="closed"]{
  --tw-exit-opacity: 0;
}

.data-\[state\=open\]\:fade-in-0[data-state="open"]{
  --tw-enter-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{
  --tw-exit-scale: .95;
}

.data-\[state\=open\]\:zoom-in-95[data-state="open"]{
  --tw-enter-scale: .95;
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{
  --tw-enter-translate-y: -0.5rem;
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{
  --tw-enter-translate-x: 0.5rem;
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{
  --tw-enter-translate-x: -0.5rem;
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{
  --tw-enter-translate-y: 0.5rem;
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{
  --tw-exit-translate-y: 100%;
}

.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{
  --tw-exit-translate-x: -100%;
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{
  --tw-exit-translate-x: -50%;
}

.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{
  --tw-exit-translate-x: 100%;
}

.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{
  --tw-exit-translate-y: -100%;
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{
  --tw-exit-translate-y: -48%;
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{
  --tw-enter-translate-y: 100%;
}

.data-\[state\=open\]\:slide-in-from-left[data-state="open"]{
  --tw-enter-translate-x: -100%;
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{
  --tw-enter-translate-x: -50%;
}

.data-\[state\=open\]\:slide-in-from-right[data-state="open"]{
  --tw-enter-translate-x: 100%;
}

.data-\[state\=open\]\:slide-in-from-top[data-state="open"]{
  --tw-enter-translate-y: -100%;
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
  --tw-enter-translate-y: -48%;
}

.data-\[state\=closed\]\:duration-300[data-state="closed"]{
  animation-duration: 300ms;
}

.data-\[state\=open\]\:duration-500[data-state="open"]{
  animation-duration: 500ms;
}

.data-\[state\=checked\]\:hover\:bg-\[\#f4ebff\]:hover[data-state="checked"]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.data-\[state\=indeterminate\]\:hover\:bg-\[\#f4ebff\]:hover[data-state="indeterminate"]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"]{
  background-color: hsl(var(--sidebar-accent));
}

.data-\[state\=active\]\:hover\:text-skymod-brand-700:hover[data-state="active"]{
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"]{
  color: hsl(var(--sidebar-accent-foreground));
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{
  left: calc(var(--sidebar-width) * -1);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{
  right: calc(var(--sidebar-width) * -1);
}

.group[data-side="left"] .group-data-\[side\=left\]\:-right-4{
  right: -1rem;
}

.group[data-side="right"] .group-data-\[side\=right\]\:left-0{
  left: 0px;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8{
  margin-top: -2rem;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden{
  display: none;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8{
  width: 2rem !important;
  height: 2rem !important;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{
  width: var(--sidebar-width-icon);
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{
  width: calc(var(--sidebar-width-icon) + 1rem + 2px);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\: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));
}

.group[data-state="open"] .group-data-\[state\=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[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden{
  overflow: hidden;
}

.group[data-side="left"] .group-data-\[side\=left\]\:rounded-\[60px\]{
  border-radius: 60px;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg{
  border-radius: var(--radius);
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border{
  border-width: 1px;
}

.group[data-state="open"] .group-data-\[state\=open\]\:border-skymod-brand-300{
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border{
  border-color: hsl(var(--sidebar-border));
}

.group[data-state="active"] .group-data-\[state\=active\]\:bg-\[\#6366f1\]\/15{
  background-color: rgb(99 102 241 / 0.15);
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0{
  padding: 0px !important;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2{
  padding: 0.5rem !important;
}

.group[data-state="active"] .group-data-\[state\=active\]\:text-\[\#6366f1\]{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0{
  opacity: 0;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\: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);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after{
  content: var(--tw-content);
  left: 100%;
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{
  background-color: hsl(var(--sidebar-background));
}

.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5{
  top: 0.375rem;
}

.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5{
  top: 0.625rem;
}

.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1{
  top: 0.25rem;
}

.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{
  color: hsl(var(--sidebar-accent-foreground));
}

.prose-headings\:font-semibold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-weight: 600;
}

.prose-headings\:text-gray-900 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.prose-headings\:text-slate-900 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.prose-h1\:mb-4 :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-bottom: 1rem;
}

.prose-h1\:mt-0 :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-top: 0px;
}

.prose-h1\:pb-2 :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  padding-bottom: 0.5rem;
}

.prose-h1\:text-sm :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.prose-h1\:text-xl :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.prose-h2\:mb-3 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-bottom: 0.75rem;
}

.prose-h2\:mt-6 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-top: 1.5rem;
}

.prose-h2\:text-lg :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.prose-h2\:text-xs :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.75rem;
  line-height: 1rem;
}

.prose-h2\:text-gray-800 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.prose-h3\:mb-2 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-bottom: 0.5rem;
}

.prose-h3\:mt-4 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-top: 1rem;
}

.prose-h3\:text-base :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 1rem;
  line-height: 1.5rem;
}

.prose-h3\:text-xs :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.75rem;
  line-height: 1rem;
}

.prose-h3\:text-gray-700 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.prose-h4\:text-sm :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.prose-p\:my-2 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.prose-p\:mb-4 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-bottom: 1rem;
}

.prose-p\:text-\[0\.9375rem\] :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.9375rem;
}

.prose-p\:text-xs :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.75rem;
  line-height: 1rem;
}

.prose-p\:leading-relaxed :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  line-height: 1.625;
}

.prose-p\:text-gray-700 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.prose-a\:text-blue-600 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.prose-a\:\!no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  text-decoration-line: none !important;
}

.hover\:prose-a\:\!no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover{
  text-decoration-line: none !important;
}

.prose-blockquote\:my-4 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.prose-blockquote\:border-l-4 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  border-left-width: 4px;
}

.prose-blockquote\:border-blue-200 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}

.prose-blockquote\:bg-blue-50\/50 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  background-color: rgb(239 246 255 / 0.5);
}

.prose-blockquote\:px-4 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  padding-left: 1rem;
  padding-right: 1rem;
}

.prose-blockquote\:py-2 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.prose-blockquote\:text-xs :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.75rem;
  line-height: 1rem;
}

.prose-strong\:font-semibold :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-weight: 600;
}

.prose-strong\:text-gray-900 :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.prose-em\:italic :is(:where(em):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-style: italic;
}

.prose-em\:text-gray-800 :is(:where(em):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.prose-code\:break-words :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  overflow-wrap: break-word;
}

.prose-code\:rounded :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  border-radius: 0.25rem;
}

.prose-code\:bg-gray-100 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.prose-code\:px-1 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.prose-code\:py-0\.5 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.prose-code\:text-\[0\.8125rem\] :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.8125rem;
}

.prose-code\:text-xs :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.75rem;
  line-height: 1rem;
}

.prose-code\:text-gray-800 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.prose-code\:text-slate-700 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.prose-pre\:max-w-full :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  max-width: 100%;
}

.prose-pre\:overflow-x-auto :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  overflow-x: auto;
}

.prose-pre\:text-\[0\.8125rem\] :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.8125rem;
}

.prose-pre\:leading-snug :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  line-height: 1.375;
}

.prose-ol\:my-2 :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.prose-ol\:mb-4 :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-bottom: 1rem;
}

.prose-ol\:list-none :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  list-style-type: none;
}

.prose-ul\:my-2 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.prose-ul\:mb-4 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-bottom: 1rem;
}

.prose-ul\:list-none :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  list-style-type: none;
}

.prose-li\:my-0\.5 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.prose-li\:mb-2 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-bottom: 0.5rem;
}

.prose-li\:list-none :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  list-style-type: none;
}

.prose-li\:text-\[0\.9375rem\] :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.9375rem;
}

.prose-li\:text-xs :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.75rem;
  line-height: 1rem;
}

.prose-li\:leading-relaxed :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  line-height: 1.625;
}

.prose-li\:text-gray-700 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.prose-img\:max-h-48 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  max-height: 12rem;
}

.prose-img\:rounded-md :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  border-radius: calc(var(--radius) - 2px);
}

.prose-img\:border :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  border-width: 1px;
}

.prose-img\:border-emerald-200 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
}

.prose-img\:border-skymod-success-200 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-border-opacity: 1;
  border-color: rgb(166 244 197 / var(--tw-border-opacity));
}

.prose-img\:object-contain :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  -o-object-fit: contain;
     object-fit: contain;
}

@supports (height:100dvh){

  .supports-\[height\:100dvh\]\:h-dvh{
    height: 100dvh;
  }

  .supports-\[height\:100dvh\]\:max-h-dvh{
    max-height: 100dvh;
  }
}

@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))){

  .supports-\[backdrop-filter\]\:bg-background\/70{
    background-color: hsl(var(--background) / 0.7);
  }

  .supports-\[backdrop-filter\]\:bg-sidebar\/70{
    background-color: hsl(var(--sidebar-background) / 0.7);
  }

  .supports-\[backdrop-filter\]\:backdrop-blur{
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .supports-\[backdrop-filter\]\:backdrop-blur-sm{
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}

@media (prefers-reduced-motion: no-preference){

  @keyframes spin{

    to{
      transform: rotate(360deg);
    }
  }

  .motion-safe\:animate-\[spin_15s_linear_infinite\]{
    animation: spin 15s linear infinite;
  }

  .motion-safe\:will-change-transform{
    will-change: transform;
  }
}

.dark\:border-amber-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity));
}

.dark\:border-amber-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(120 53 15 / var(--tw-border-opacity));
}

.dark\:border-blue-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.dark\:border-blue-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity));
}

.dark\:border-blue-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
}

.dark\:border-cyan-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(22 78 99 / var(--tw-border-opacity));
}

.dark\:border-emerald-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(6 78 59 / var(--tw-border-opacity));
}

.dark\:border-gray-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.dark\:border-green-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity));
}

.dark\:border-indigo-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(49 46 129 / var(--tw-border-opacity));
}

.dark\:border-orange-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(124 45 18 / var(--tw-border-opacity));
}

.dark\:border-primary\/25:is(.dark *){
  border-color: hsl(var(--primary) / 0.25);
}

.dark\:border-red-900\/60:is(.dark *){
  border-color: rgb(127 29 29 / 0.6);
}

.dark\:border-sky-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(12 74 110 / var(--tw-border-opacity));
}

.dark\:border-slate-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.dark\:border-slate-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.dark\:border-slate-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}

.dark\:border-teal-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(19 78 74 / var(--tw-border-opacity));
}

.dark\:border-violet-400\/45:is(.dark *){
  border-color: rgb(167 139 250 / 0.45);
}

.dark\:border-violet-400\/55:is(.dark *){
  border-color: rgb(167 139 250 / 0.55);
}

.dark\:border-violet-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(124 58 237 / var(--tw-border-opacity));
}

.dark\:border-violet-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(91 33 182 / var(--tw-border-opacity));
}

.dark\:border-violet-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(76 29 149 / var(--tw-border-opacity));
}

.dark\:border-l-neutral-200:is(.dark *){
  --tw-border-opacity: 1;
  border-left-color: rgb(229 229 229 / var(--tw-border-opacity));
}

.dark\:border-l-neutral-300:is(.dark *){
  --tw-border-opacity: 1;
  border-left-color: rgb(212 212 212 / var(--tw-border-opacity));
}

.dark\:border-l-slate-300:is(.dark *){
  --tw-border-opacity: 1;
  border-left-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.dark\:border-l-zinc-400:is(.dark *){
  --tw-border-opacity: 1;
  border-left-color: rgb(161 161 170 / var(--tw-border-opacity));
}

.dark\:bg-\[\#6366F1\]\/20:is(.dark *){
  background-color: rgb(99 102 241 / 0.2);
}

.dark\:bg-\[var\(--shiki-dark-bg\2c var\(--sdm-bg\2c inherit\)\)\]:is(.dark *){
  background-color: var(--shiki-dark-bg,var(--sdm-bg,inherit));
}

.dark\:bg-\[var\(--shiki-dark-bg\2c var\(--sdm-tbg\)\)\]:is(.dark *){
  background-color: var(--shiki-dark-bg,var(--sdm-tbg));
}

.dark\:bg-amber-950\/20:is(.dark *){
  background-color: rgb(69 26 3 / 0.2);
}

.dark\:bg-amber-950\/40:is(.dark *){
  background-color: rgb(69 26 3 / 0.4);
}

.dark\:bg-blue-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}

.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\/50:is(.dark *){
  background-color: rgb(23 37 84 / 0.5);
}

.dark\:bg-card\/80:is(.dark *){
  background-color: hsl(var(--card) / 0.8);
}

.dark\:bg-cyan-950\/20:is(.dark *){
  background-color: rgb(8 51 68 / 0.2);
}

.dark\:bg-emerald-400\/15:is(.dark *){
  background-color: rgb(52 211 153 / 0.15);
}

.dark\:bg-emerald-500\/\[0\.1\]:is(.dark *){
  background-color: rgb(16 185 129 / 0.1);
}

.dark\:bg-emerald-950\/20:is(.dark *){
  background-color: rgb(2 44 34 / 0.2);
}

.dark\:bg-gray-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark\:bg-green-950\/40:is(.dark *){
  background-color: rgb(5 46 22 / 0.4);
}

.dark\:bg-indigo-950\/20:is(.dark *){
  background-color: rgb(30 27 75 / 0.2);
}

.dark\:bg-indigo-950\/25:is(.dark *){
  background-color: rgb(30 27 75 / 0.25);
}

.dark\:bg-orange-950\/20:is(.dark *){
  background-color: rgb(67 20 7 / 0.2);
}

.dark\:bg-primary\/15:is(.dark *){
  background-color: hsl(var(--primary) / 0.15);
}

.dark\:bg-red-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}

.dark\:bg-red-950\/50:is(.dark *){
  background-color: rgb(69 10 10 / 0.5);
}

.dark\:bg-sky-950\/20:is(.dark *){
  background-color: rgb(8 47 73 / 0.2);
}

.dark\:bg-sky-studio-primary\/10:is(.dark *){
  background-color: rgb(124 131 253 / 0.1);
}

.dark\:bg-slate-100\/90:is(.dark *){
  background-color: rgb(241 245 249 / 0.9);
}

.dark\:bg-slate-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.dark\:bg-slate-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.dark\:bg-slate-900\/30:is(.dark *){
  background-color: rgb(15 23 42 / 0.3);
}

.dark\:bg-teal-950\/20:is(.dark *){
  background-color: rgb(4 47 46 / 0.2);
}

.dark\:bg-violet-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(76 29 149 / var(--tw-bg-opacity));
}

.dark\:bg-violet-950\/20:is(.dark *){
  background-color: rgb(46 16 101 / 0.2);
}

.dark\:bg-violet-950\/30:is(.dark *){
  background-color: rgb(46 16 101 / 0.3);
}

.dark\:bg-violet-950\/50:is(.dark *){
  background-color: rgb(46 16 101 / 0.5);
}

.dark\:bg-white\/95:is(.dark *){
  background-color: rgb(255 255 255 / 0.95);
}

.dark\:bg-zinc-950:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity));
}

.dark\:from-primary\/15:is(.dark *){
  --tw-gradient-from: hsl(var(--primary) / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 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-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\: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\:to-slate-800\/80:is(.dark *){
  --tw-gradient-to: rgb(30 41 59 / 0.8) var(--tw-gradient-to-position);
}

.dark\:to-slate-950:is(.dark *){
  --tw-gradient-to: #020617 var(--tw-gradient-to-position);
}

.dark\:text-\[\#818CF8\]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity));
}

.dark\:text-\[var\(--shiki-dark\2c var\(--sdm-c\2c inherit\)\)\]:is(.dark *){
  color: var(--shiki-dark,var(--sdm-c,inherit));
}

.dark\:text-amber-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity));
}

.dark\:text-blue-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}

.dark\:text-emerald-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity));
}

.dark\:text-emerald-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity));
}

.dark\:text-emerald-50:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(236 253 245 / var(--tw-text-opacity));
}

.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.dark\:text-gray-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.dark\:text-green-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity));
}

.dark\:text-red-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity));
}

.dark\:text-red-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}

.dark\:text-sky-studio-text:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(42 51 98 / var(--tw-text-opacity));
}

.dark\:text-slate-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

.dark\:text-slate-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.dark\:text-violet-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(237 233 254 / var(--tw-text-opacity));
}

.dark\:text-violet-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity));
}

.dark\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark\:ring-violet-400\/15:is(.dark *){
  --tw-ring-color: rgb(167 139 250 / 0.15);
}

.dark\:ring-white\/10:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.1);
}

.dark\:ring-white\/\[0\.06\]:is(.dark *){
  --tw-ring-color: rgb(255 255 255 / 0.06);
}

.dark\:hover\:border-slate-600:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.dark\:hover\:border-violet-400\/60:hover:is(.dark *){
  border-color: rgb(167 139 250 / 0.6);
}

.dark\:hover\:bg-gray-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-red-950:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-red-950\/40:hover:is(.dark *){
  background-color: rgb(69 10 10 / 0.4);
}

@media not all and (min-width: 1024px){

  .max-lg\:shrink-0{
    flex-shrink: 0;
  }
}

@media (min-width: 640px){

  .sm\:bottom-6{
    bottom: 1.5rem;
  }

  .sm\:left-6{
    left: 1.5rem;
  }

  .sm\:right-4{
    right: 1rem;
  }

  .sm\:right-5{
    right: 1.25rem;
  }

  .sm\:top-4{
    top: 1rem;
  }

  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .sm\:mb-0{
    margin-bottom: 0px;
  }

  .sm\:mb-0\.5{
    margin-bottom: 0.125rem;
  }

  .sm\:mb-2{
    margin-bottom: 0.5rem;
  }

  .sm\:mb-4{
    margin-bottom: 1rem;
  }

  .sm\:mb-6{
    margin-bottom: 1.5rem;
  }

  .sm\:mb-8{
    margin-bottom: 2rem;
  }

  .sm\:ml-0{
    margin-left: 0px;
  }

  .sm\:ml-1{
    margin-left: 0.25rem;
  }

  .sm\:ml-4{
    margin-left: 1rem;
  }

  .sm\:ml-8{
    margin-left: 2rem;
  }

  .sm\:mr-2{
    margin-right: 0.5rem;
  }

  .sm\:mr-3{
    margin-right: 0.75rem;
  }

  .sm\:mr-4{
    margin-right: 1rem;
  }

  .sm\:mr-5{
    margin-right: 1.25rem;
  }

  .sm\:mt-0{
    margin-top: 0px;
  }

  .sm\:mt-12{
    margin-top: 3rem;
  }

  .sm\:mt-2{
    margin-top: 0.5rem;
  }

  .sm\:mt-3{
    margin-top: 0.75rem;
  }

  .sm\:mt-4{
    margin-top: 1rem;
  }

  .sm\:mt-5{
    margin-top: 1.25rem;
  }

  .sm\:mt-6{
    margin-top: 1.5rem;
  }

  .sm\:block{
    display: block;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:grid{
    display: grid;
  }

  .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-24{
    height: 6rem;
  }

  .sm\:h-4{
    height: 1rem;
  }

  .sm\:h-40{
    height: 10rem;
  }

  .sm\:h-5{
    height: 1.25rem;
  }

  .sm\:h-6{
    height: 1.5rem;
  }

  .sm\:h-7{
    height: 1.75rem;
  }

  .sm\:h-8{
    height: 2rem;
  }

  .sm\:h-\[25vh\]{
    height: 25vh;
  }

  .sm\:h-\[260px\]{
    height: 260px;
  }

  .sm\:h-\[300px\]{
    height: 300px;
  }

  .sm\:h-\[360px\]{
    height: 360px;
  }

  .sm\:h-\[400px\]{
    height: 400px;
  }

  .sm\:h-\[min\(720px\2c calc\(100dvh-11rem\)\)\]{
    height: min(720px,calc(100dvh - 11rem));
  }

  .sm\:max-h-28{
    max-height: 7rem;
  }

  .sm\:max-h-\[200px\]{
    max-height: 200px;
  }

  .sm\:min-h-0{
    min-height: 0px;
  }

  .sm\:min-h-\[300px\]{
    min-height: 300px;
  }

  .sm\:min-h-\[480px\]{
    min-height: 480px;
  }

  .sm\:min-h-\[600px\]{
    min-height: 600px;
  }

  .sm\:w-1\/2{
    width: 50%;
  }

  .sm\:w-10{
    width: 2.5rem;
  }

  .sm\:w-12{
    width: 3rem;
  }

  .sm\:w-16{
    width: 4rem;
  }

  .sm\:w-24{
    width: 6rem;
  }

  .sm\:w-28{
    width: 7rem;
  }

  .sm\:w-32{
    width: 8rem;
  }

  .sm\:w-4{
    width: 1rem;
  }

  .sm\:w-48{
    width: 12rem;
  }

  .sm\:w-5{
    width: 1.25rem;
  }

  .sm\:w-56{
    width: 14rem;
  }

  .sm\:w-6{
    width: 1.5rem;
  }

  .sm\:w-64{
    width: 16rem;
  }

  .sm\:w-7{
    width: 1.75rem;
  }

  .sm\:w-8{
    width: 2rem;
  }

  .sm\:w-\[132px\]{
    width: 132px;
  }

  .sm\:w-\[148px\]{
    width: 148px;
  }

  .sm\:w-\[168px\]{
    width: 168px;
  }

  .sm\:w-\[180px\]{
    width: 180px;
  }

  .sm\:w-\[184px\]{
    width: 184px;
  }

  .sm\:w-\[200px\]{
    width: 200px;
  }

  .sm\:w-\[280px\]{
    width: 280px;
  }

  .sm\:w-\[30\%\]{
    width: 30%;
  }

  .sm\:w-\[300px\]{
    width: 300px;
  }

  .sm\:w-\[85px\]{
    width: 85px;
  }

  .sm\:w-\[calc\(40\%-1rem\)\]{
    width: calc(40% - 1rem);
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:w-full{
    width: 100%;
  }

  .sm\:min-w-0{
    min-width: 0px;
  }

  .sm\:max-w-2xl{
    max-width: 42rem;
  }

  .sm\:max-w-6xl{
    max-width: 72rem;
  }

  .sm\:max-w-\[1000px\]{
    max-width: 1000px;
  }

  .sm\:max-w-\[14rem\]{
    max-width: 14rem;
  }

  .sm\:max-w-\[390px\]{
    max-width: 390px;
  }

  .sm\:max-w-\[400px\]{
    max-width: 400px;
  }

  .sm\:max-w-\[425px\]{
    max-width: 425px;
  }

  .sm\:max-w-\[440px\]{
    max-width: 440px;
  }

  .sm\:max-w-\[450px\]{
    max-width: 450px;
  }

  .sm\:max-w-\[500px\]{
    max-width: 500px;
  }

  .sm\:max-w-\[600px\]{
    max-width: 600px;
  }

  .sm\:max-w-\[625px\]{
    max-width: 625px;
  }

  .sm\:max-w-\[900px\]{
    max-width: 900px;
  }

  .sm\:max-w-lg{
    max-width: 32rem;
  }

  .sm\:max-w-md{
    max-width: 28rem;
  }

  .sm\:max-w-none{
    max-width: none;
  }

  .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-initial{
    flex: 0 1 auto;
  }

  .sm\:flex-none{
    flex: none;
  }

  .sm\:shrink-0{
    flex-shrink: 0;
  }

  .sm\:columns-3{
    -moz-columns: 3;
         columns: 3;
  }

  .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-\[7\.5rem_1fr\]{
    grid-template-columns: 7.5rem 1fr;
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:\!flex-col{
    flex-direction: column !important;
  }

  .sm\:flex-wrap{
    flex-wrap: wrap;
  }

  .sm\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .sm\:items-start{
    align-items: flex-start;
  }

  .sm\:items-end{
    align-items: flex-end;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:items-stretch{
    align-items: stretch;
  }

  .sm\:justify-start{
    justify-content: flex-start;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:justify-center{
    justify-content: center;
  }

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:gap-0{
    gap: 0px;
  }

  .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-6{
    gap: 1.5rem;
  }

  .sm\:gap-\[11px\]{
    gap: 11px;
  }

  .sm\:gap-x-2{
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .sm\:gap-x-3{
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .sm\:gap-y-0{
    row-gap: 0px;
  }

  .sm\:gap-y-2{
    row-gap: 0.5rem;
  }

  .sm\:\!space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--tw-space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\: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)));
  }

  .sm\: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)));
  }

  .sm\: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)));
  }

  .sm\: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));
  }

  .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-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));
  }

  .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-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));
  }

  .sm\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .sm\:self-center{
    align-self: center;
  }

  .sm\:overflow-y-hidden{
    overflow-y: hidden;
  }

  .sm\:break-words{
    overflow-wrap: break-word;
  }

  .sm\:rounded-2xl{
    border-radius: 1rem;
  }

  .sm\:rounded-lg{
    border-radius: var(--radius);
  }

  .sm\:p-1\.5{
    padding: 0.375rem;
  }

  .sm\:p-2{
    padding: 0.5rem;
  }

  .sm\:p-3{
    padding: 0.75rem;
  }

  .sm\:p-3\.5{
    padding: 0.875rem;
  }

  .sm\:p-4{
    padding: 1rem;
  }

  .sm\:p-5{
    padding: 1.25rem;
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:p-8{
    padding: 2rem;
  }

  .sm\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .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\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:px-\[18px\]{
    padding-left: 18px;
    padding-right: 18px;
  }

  .sm\:px-\[22px\]{
    padding-left: 22px;
    padding-right: 22px;
  }

  .sm\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .sm\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .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-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-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pb-8{
    padding-bottom: 2rem;
  }

  .sm\:pl-6{
    padding-left: 1.5rem;
  }

  .sm\:pr-2{
    padding-right: 0.5rem;
  }

  .sm\:pr-4{
    padding-right: 1rem;
  }

  .sm\:pt-14{
    padding-top: 3.5rem;
  }

  .sm\:pt-4{
    padding-top: 1rem;
  }

  .sm\:pt-6{
    padding-top: 1.5rem;
  }

  .sm\:text-left{
    text-align: left;
  }

  .sm\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-\[10px\]{
    font-size: 10px;
  }

  .sm\:text-\[11px\]{
    font-size: 11px;
  }

  .sm\:text-\[14px\]{
    font-size: 14px;
  }

  .sm\:text-\[26px\]{
    font-size: 26px;
  }

  .sm\:text-\[9px\]{
    font-size: 9px;
  }

  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .sm\:leading-8{
    line-height: 2rem;
  }

  .sm\:prose-p\:text-\[0\.95rem\] :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 0.95rem;
  }

  .sm\:prose-li\:text-\[0\.95rem\] :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 0.95rem;
  }
}

@media (min-width: 768px){

  .md\:static{
    position: static;
  }

  .md\:absolute{
    position: absolute;
  }

  .md\:relative{
    position: relative;
  }

  .md\:inset-auto{
    inset: auto;
  }

  .md\:bottom-12{
    bottom: 3rem;
  }

  .md\:bottom-auto{
    bottom: auto;
  }

  .md\:left-auto{
    left: auto;
  }

  .md\:right-0{
    right: 0px;
  }

  .md\:right-4{
    right: 1rem;
  }

  .md\:right-full{
    right: 100%;
  }

  .md\:top-4{
    top: 1rem;
  }

  .md\:top-\[52px\]{
    top: 52px;
  }

  .md\:z-0{
    z-index: 0;
  }

  .md\:z-auto{
    z-index: auto;
  }

  .md\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .md\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .md\:mx-\[10\%\]{
    margin-left: 10%;
    margin-right: 10%;
  }

  .md\:mb-0{
    margin-bottom: 0px;
  }

  .md\:mb-20{
    margin-bottom: 5rem;
  }

  .md\:mb-4{
    margin-bottom: 1rem;
  }

  .md\:mb-5{
    margin-bottom: 1.25rem;
  }

  .md\:mb-8{
    margin-bottom: 2rem;
  }

  .md\:ml-2{
    margin-left: 0.5rem;
  }

  .md\:ml-3{
    margin-left: 0.75rem;
  }

  .md\:ml-4{
    margin-left: 1rem;
  }

  .md\:ml-5{
    margin-left: 1.25rem;
  }

  .md\:mr-2{
    margin-right: 0.5rem;
  }

  .md\:mr-5{
    margin-right: 1.25rem;
  }

  .md\:mt-0{
    margin-top: 0px;
  }

  .md\:mt-4{
    margin-top: 1rem;
  }

  .md\:mt-8{
    margin-top: 2rem;
  }

  .md\:block{
    display: block;
  }

  .md\:inline{
    display: inline;
  }

  .md\:flex{
    display: flex;
  }

  .md\:grid{
    display: grid;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-10{
    height: 2.5rem;
  }

  .md\:h-11{
    height: 2.75rem;
  }

  .md\:h-14{
    height: 3.5rem;
  }

  .md\:h-20{
    height: 5rem;
  }

  .md\:h-24{
    height: 6rem;
  }

  .md\:h-32{
    height: 8rem;
  }

  .md\:h-4{
    height: 1rem;
  }

  .md\:h-4\/5{
    height: 80%;
  }

  .md\:h-5{
    height: 1.25rem;
  }

  .md\:h-8{
    height: 2rem;
  }

  .md\:h-\[400px\]{
    height: 400px;
  }

  .md\:h-\[50vh\]{
    height: 50vh;
  }

  .md\:h-\[80vh\]{
    height: 80vh;
  }

  .md\:h-full{
    height: 100%;
  }

  .md\:max-h-full{
    max-height: 100%;
  }

  .md\:max-h-none{
    max-height: none;
  }

  .md\:min-h-0{
    min-height: 0px;
  }

  .md\:min-h-full{
    min-height: 100%;
  }

  .md\:w-1\/2{
    width: 50%;
  }

  .md\:w-10{
    width: 2.5rem;
  }

  .md\:w-14{
    width: 3.5rem;
  }

  .md\:w-24{
    width: 6rem;
  }

  .md\:w-28{
    width: 7rem;
  }

  .md\:w-32{
    width: 8rem;
  }

  .md\:w-36{
    width: 9rem;
  }

  .md\:w-4{
    width: 1rem;
  }

  .md\:w-48{
    width: 12rem;
  }

  .md\:w-5{
    width: 1.25rem;
  }

  .md\:w-56{
    width: 14rem;
  }

  .md\:w-60{
    width: 15rem;
  }

  .md\:w-64{
    width: 16rem;
  }

  .md\:w-72{
    width: 18rem;
  }

  .md\:w-8{
    width: 2rem;
  }

  .md\:w-\[25\.19rem\]{
    width: 25.19rem;
  }

  .md\:w-\[280px\]{
    width: 280px;
  }

  .md\:w-\[400px\]{
    width: 400px;
  }

  .md\:w-\[55\%\]{
    width: 55%;
  }

  .md\:w-\[70\%\]{
    width: 70%;
  }

  .md\:w-\[var\(--code-execution-chat-split-pct\)\]{
    width: var(--code-execution-chat-split-pct);
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }

  .md\:w-full{
    width: 100%;
  }

  .md\:min-w-0{
    min-width: 0px;
  }

  .md\:min-w-\[18vw\]{
    min-width: 18vw;
  }

  .md\:min-w-\[280px\]{
    min-width: 280px;
  }

  .md\:min-w-\[320px\]{
    min-width: 320px;
  }

  .md\:max-w-5xl{
    max-width: 64rem;
  }

  .md\:max-w-\[10rem\]{
    max-width: 10rem;
  }

  .md\:max-w-\[55\%\]{
    max-width: 55%;
  }

  .md\:max-w-\[68\%\]{
    max-width: 68%;
  }

  .md\:max-w-\[800px\]{
    max-width: 800px;
  }

  .md\:max-w-md{
    max-width: 28rem;
  }

  .md\:max-w-sm{
    max-width: 24rem;
  }

  .md\:flex-1{
    flex: 1 1 0%;
  }

  .md\:flex-none{
    flex: none;
  }

  .md\: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));
  }

  .md\:columns-4{
    -moz-columns: 4;
         columns: 4;
  }

  .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\:flex-row{
    flex-direction: row;
  }

  .md\:flex-col{
    flex-direction: column;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-center{
    justify-content: center;
  }

  .md\:justify-around{
    justify-content: space-around;
  }

  .md\:gap-20{
    gap: 5rem;
  }

  .md\:gap-4{
    gap: 1rem;
  }

  .md\:gap-6{
    gap: 1.5rem;
  }

  .md\:gap-y-16{
    row-gap: 4rem;
  }

  .md\: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)));
  }

  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\: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));
  }

  .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-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));
  }

  .md\:rounded-\[20px\]{
    border-radius: 20px;
  }

  .md\:rounded-none{
    border-radius: 0px;
  }

  .md\:rounded-bl-xl{
    border-bottom-left-radius: 0.75rem;
  }

  .md\:border{
    border-width: 1px;
  }

  .md\:border-0{
    border-width: 0px;
  }

  .md\:border-b-0{
    border-bottom-width: 0px;
  }

  .md\:border-l{
    border-left-width: 1px;
  }

  .md\:border-r{
    border-right-width: 1px;
  }

  .md\:border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
  }

  .md\:border-neutral-200\/80{
    border-color: rgb(229 229 229 / 0.8);
  }

  .md\:bg-\[\#f5f5fa\]{
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 250 / var(--tw-bg-opacity));
  }

  .md\:bg-transparent{
    background-color: transparent;
  }

  .md\:p-0{
    padding: 0px;
  }

  .md\:p-1\.5{
    padding: 0.375rem;
  }

  .md\:p-10{
    padding: 2.5rem;
  }

  .md\:p-2{
    padding: 0.5rem;
  }

  .md\:p-36{
    padding: 9rem;
  }

  .md\:p-4{
    padding: 1rem;
  }

  .md\:p-5{
    padding: 1.25rem;
  }

  .md\:p-6{
    padding: 1.5rem;
  }

  .md\:p-8{
    padding: 2rem;
  }

  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .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-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:px-\[10\%\]{
    padding-left: 10%;
    padding-right: 10%;
  }

  .md\:px-\[12\%\]{
    padding-left: 12%;
    padding-right: 12%;
  }

  .md\:px-\[15\%\]{
    padding-left: 15%;
    padding-right: 15%;
  }

  .md\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:pb-10{
    padding-bottom: 2.5rem;
  }

  .md\:pb-20{
    padding-bottom: 5rem;
  }

  .md\:pb-3\.5{
    padding-bottom: 0.875rem;
  }

  .md\:pb-6{
    padding-bottom: 1.5rem;
  }

  .md\:pb-\[10px\]{
    padding-bottom: 10px;
  }

  .md\:pb-\[4px\]{
    padding-bottom: 4px;
  }

  .md\:pb-\[90px\]{
    padding-bottom: 90px;
  }

  .md\:pl-2{
    padding-left: 0.5rem;
  }

  .md\:pl-3\.5{
    padding-left: 0.875rem;
  }

  .md\:pl-4{
    padding-left: 1rem;
  }

  .md\:pl-6{
    padding-left: 1.5rem;
  }

  .md\:pl-8{
    padding-left: 2rem;
  }

  .md\:pl-\[10\%\]{
    padding-left: 10%;
  }

  .md\:pr-14{
    padding-right: 3.5rem;
  }

  .md\:pr-2{
    padding-right: 0.5rem;
  }

  .md\:pr-24{
    padding-right: 6rem;
  }

  .md\:pr-4{
    padding-right: 1rem;
  }

  .md\:pr-6{
    padding-right: 1.5rem;
  }

  .md\:pr-9{
    padding-right: 2.25rem;
  }

  .md\:pr-\[13\%\]{
    padding-right: 13%;
  }

  .md\:pr-\[25\%\]{
    padding-right: 25%;
  }

  .md\:pt-0{
    padding-top: 0px;
  }

  .md\:pt-5{
    padding-top: 1.25rem;
  }

  .md\:text-left{
    text-align: left;
  }

  .md\:text-center{
    text-align: center;
  }

  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-\[0\.85rem\]{
    font-size: 0.85rem;
  }

  .md\:text-\[13px\]{
    font-size: 13px;
  }

  .md\:text-\[16px\]{
    font-size: 16px;
  }

  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-sky-t1{
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 0;
  }

  .md\:text-sky-t2{
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
  }

  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .md\:opacity-0{
    opacity: 0;
  }

  .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);
  }

  .md\: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);
  }

  .md\:backdrop-blur-none{
    --tw-backdrop-blur:  ;
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .after\:md\:hidden::after{
    content: var(--tw-content);
    display: none;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2{
    margin: 0.5rem;
  }

  .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{
    margin-left: 0.5rem;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0{
    margin-left: 0px;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl{
    border-radius: 0.75rem;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\: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);
  }

  .md\:prose-h1\:text-base :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:prose-h2\:text-sm :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:prose-h3\:text-sm :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:prose-p\:text-\[0\.85rem\] :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 0.85rem;
  }

  .md\:prose-blockquote\:text-\[0\.85rem\] :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 0.85rem;
  }

  .md\:prose-code\:text-\[0\.85rem\] :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 0.85rem;
  }

  .md\:prose-li\:text-\[0\.85rem\] :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))){
    font-size: 0.85rem;
  }
}

@media (min-width: 1024px){

  .lg\:pointer-events-none{
    pointer-events: none;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:mx-\[13\%\]{
    margin-left: 13%;
    margin-right: 13%;
  }

  .lg\:mb-0{
    margin-bottom: 0px;
  }

  .lg\:mb-2{
    margin-bottom: 0.5rem;
  }

  .lg\:mb-6{
    margin-bottom: 1.5rem;
  }

  .lg\:ml-10{
    margin-left: 2.5rem;
  }

  .lg\:ml-36{
    margin-left: 9rem;
  }

  .lg\:ml-\[14rem\]{
    margin-left: 14rem;
  }

  .lg\:mr-8{
    margin-right: 2rem;
  }

  .lg\:mt-12{
    margin-top: 3rem;
  }

  .lg\:mt-16{
    margin-top: 4rem;
  }

  .lg\:mt-2{
    margin-top: 0.5rem;
  }

  .lg\:mt-24{
    margin-top: 6rem;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:\!inline-flex{
    display: inline-flex !important;
  }

  .lg\:\!hidden{
    display: none !important;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-6{
    height: 1.5rem;
  }

  .lg\:h-8{
    height: 2rem;
  }

  .lg\:h-\[60vh\]{
    height: 60vh;
  }

  .lg\:h-full{
    height: 100%;
  }

  .lg\:min-h-screen{
    min-height: 100vh;
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:w-2\/5{
    width: 40%;
  }

  .lg\:w-36{
    width: 9rem;
  }

  .lg\:w-40{
    width: 10rem;
  }

  .lg\:w-44{
    width: 11rem;
  }

  .lg\:w-6{
    width: 1.5rem;
  }

  .lg\:w-8{
    width: 2rem;
  }

  .lg\:w-\[260px\]{
    width: 260px;
  }

  .lg\:w-\[30\%\]{
    width: 30%;
  }

  .lg\:w-\[320px\]{
    width: 320px;
  }

  .lg\:w-\[38\%\]{
    width: 38%;
  }

  .lg\:w-\[45\%\]{
    width: 45%;
  }

  .lg\:w-\[60\%\]{
    width: 60%;
  }

  .lg\:w-\[70\%\]{
    width: 70%;
  }

  .lg\:w-\[calc\(33\.33\%-1rem\)\]{
    width: calc(33.33% - 1rem);
  }

  .lg\:min-w-\[340px\]{
    min-width: 340px;
  }

  .lg\:min-w-\[400px\]{
    min-width: 400px;
  }

  .lg\:max-w-2xl{
    max-width: 42rem;
  }

  .lg\:max-w-4xl{
    max-width: 56rem;
  }

  .lg\:max-w-\[350px\]{
    max-width: 350px;
  }

  .lg\:max-w-\[440px\]{
    max-width: 440px;
  }

  .lg\:max-w-\[480px\]{
    max-width: 480px;
  }

  .lg\:max-w-\[720px\]{
    max-width: 720px;
  }

  .lg\:max-w-lg{
    max-width: 32rem;
  }

  .lg\:max-w-xl{
    max-width: 36rem;
  }

  .lg\:flex-1{
    flex: 1 1 0%;
  }

  .lg\:flex-none{
    flex: none;
  }

  .lg\:shrink-0{
    flex-shrink: 0;
  }

  .lg\:columns-5{
    -moz-columns: 5;
         columns: 5;
  }

  .lg\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[22rem_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 22rem minmax(0,1fr);
  }

  .lg\:grid-cols-\[320px_1fr\]{
    grid-template-columns: 320px 1fr;
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:items-start{
    align-items: flex-start;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:gap-4{
    gap: 1rem;
  }

  .lg\:gap-8{
    gap: 2rem;
  }

  .lg\: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)));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\:overflow-hidden{
    overflow: hidden;
  }

  .lg\:rounded-\[30px\]{
    border-radius: 30px;
  }

  .lg\:border-b-0{
    border-bottom-width: 0px;
  }

  .lg\:border-l{
    border-left-width: 1px;
  }

  .lg\:border-r{
    border-right-width: 1px;
  }

  .lg\:border-t-0{
    border-top-width: 0px;
  }

  .lg\:p-10{
    padding: 2.5rem;
  }

  .lg\:p-12{
    padding: 3rem;
  }

  .lg\:p-16{
    padding: 4rem;
  }

  .lg\:p-4{
    padding: 1rem;
  }

  .lg\:p-5{
    padding: 1.25rem;
  }

  .lg\:p-6{
    padding: 1.5rem;
  }

  .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-14{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .lg\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-\[13\%\]{
    padding-left: 13%;
    padding-right: 13%;
  }

  .lg\:px-\[15\%\]{
    padding-left: 15%;
    padding-right: 15%;
  }

  .lg\:py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .lg\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .lg\:pb-10{
    padding-bottom: 2.5rem;
  }

  .lg\:pl-6{
    padding-left: 1.5rem;
  }

  .lg\:pl-8{
    padding-left: 2rem;
  }

  .lg\:pr-10{
    padding-right: 2.5rem;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-\[0\.85rem\]{
    font-size: 0.85rem;
  }

  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .lg\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .lg\:opacity-0{
    opacity: 0;
  }

  .lg\:focus-visible\:pointer-events-auto:focus-visible{
    pointer-events: auto;
  }

  .lg\:focus-visible\:opacity-100:focus-visible{
    opacity: 1;
  }

  .group:hover .lg\:group-hover\:pointer-events-auto{
    pointer-events: auto;
  }

  .group:hover .lg\:group-hover\:opacity-100{
    opacity: 1;
  }
}

@media (min-width: 1280px){

  .xl\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .xl\:mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .xl\:ml-48{
    margin-left: 12rem;
  }

  .xl\:mr-16{
    margin-right: 4rem;
  }

  .xl\:mt-16{
    margin-top: 4rem;
  }

  .xl\:block{
    display: block;
  }

  .xl\:flex{
    display: flex;
  }

  .xl\:h-10{
    height: 2.5rem;
  }

  .xl\:h-\[60vh\]{
    height: 60vh;
  }

  .xl\:h-\[70px\]{
    height: 70px;
  }

  .xl\:w-72{
    width: 18rem;
  }

  .xl\:max-w-\[760px\]{
    max-width: 760px;
  }

  .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-\[minmax\(0\2c 1\.4fr\)_minmax\(280px\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.4fr) minmax(280px,1fr);
  }

  .xl\:p-12{
    padding: 3rem;
  }

  .xl\:pl-12{
    padding-left: 3rem;
  }

  .xl\:pr-24{
    padding-right: 6rem;
  }

  .xl\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .xl\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .xl\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }

  .xl\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .xl\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1536px){

  .\32xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.\[\&\:-webkit-autofill\:focus\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#ffffff_inset\]:-webkit-autofill:focus{
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

.\[\&\:-webkit-autofill\:focus\]\:\[-webkit-box-shadow\:0_0_0_1000px_white_inset\]:-webkit-autofill:focus{
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.\[\&\:-webkit-autofill\:hover\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#f5f5fa_inset\]:-webkit-autofill:hover{
  -webkit-box-shadow: 0 0 0 1000px #f5f5fa inset;
}

.\[\&\:-webkit-autofill\:hover\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#ffffff_inset\]:-webkit-autofill:hover{
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

.\[\&\:-webkit-autofill\:hover\]\:\[-webkit-box-shadow\:0_0_0_1000px_white_inset\]:-webkit-autofill:hover{
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.\[\&\:-webkit-autofill\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#f5f5fa_inset\]:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px #f5f5fa inset;
}

.\[\&\:-webkit-autofill\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#ffffff_inset\]:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

.\[\&\:-webkit-autofill\]\:\[-webkit-box-shadow\:0_0_0_1000px_white_inset\]:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.\[\&\:-webkit-autofill\]\:\[-webkit-text-fill-color\:\#101828\]:-webkit-autofill{
  -webkit-text-fill-color: #101828;
}

.\[\&\:-webkit-autofill\]\:\[-webkit-text-fill-color\:\#1a1654\]:-webkit-autofill{
  -webkit-text-fill-color: #1a1654;
}

.\[\&\:\:-moz-color-swatch\]\:rounded-lg::-moz-color-swatch{
  border-radius: var(--radius);
}

.\[\&\:\:-moz-color-swatch\]\:border-0::-moz-color-swatch{
  border-width: 0px;
}

.\[\&\:\:-moz-range-thumb\]\:size-\[14px\]::-moz-range-thumb{
  width: 14px;
  height: 14px;
}

.\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb{
  cursor: pointer;
}

.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{
  border-radius: 9999px;
}

.\[\&\:\:-moz-range-thumb\]\:border-\[3px\]::-moz-range-thumb{
  border-width: 3px;
}

.\[\&\:\:-moz-range-thumb\]\:border-white::-moz-range-thumb{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.\[\&\:\:-moz-range-thumb\]\:bg-\[\#6366f1\]::-moz-range-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:absolute::-webkit-calendar-picker-indicator{
  position: absolute;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:inset-0::-webkit-calendar-picker-indicator{
  inset: 0px;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:h-full::-webkit-calendar-picker-indicator{
  height: 100%;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:w-full::-webkit-calendar-picker-indicator{
  width: 100%;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor-pointer::-webkit-calendar-picker-indicator{
  cursor: pointer;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:rounded::-webkit-calendar-picker-indicator{
  border-radius: 0.25rem;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:p-1::-webkit-calendar-picker-indicator{
  padding: 0.25rem;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-0::-webkit-calendar-picker-indicator{
  opacity: 0;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:inset-0.fixed.z-50::-webkit-calendar-picker-indicator,.\[\&\:\:-webkit-calendar-picker-indicator\]\:inset-0
  .fixed.z-\[100\]::-webkit-calendar-picker-indicator {
    z-index: 200;
  }

.\[\&\:\:-webkit-calendar-picker-indicator\]\:hover\:bg-gray-100:hover::-webkit-calendar-picker-indicator{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-color-swatch-wrapper\]\:border-0::-webkit-color-swatch-wrapper{
  border-width: 0px;
}

.\[\&\:\:-webkit-color-swatch-wrapper\]\:p-0::-webkit-color-swatch-wrapper{
  padding: 0px;
}

.\[\&\:\:-webkit-color-swatch\]\:rounded-lg::-webkit-color-swatch{
  border-radius: var(--radius);
}

.\[\&\:\:-webkit-color-swatch\]\:border-0::-webkit-color-swatch{
  border-width: 0px;
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{
  display: none;
}

.\[\&\:\:-webkit-scrollbar-button\]\:hidden::-webkit-scrollbar-button{
  display: none;
}

.\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-\[\#a49fbd\]::-webkit-scrollbar-thumb:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(164 159 189 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{
  border-radius: 9999px;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#ddd9e8\]::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(221 217 232 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-skymod-blue-gray-200::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(200 204 229 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar-track\]\:rounded-full::-webkit-scrollbar-track{
  border-radius: 9999px;
}

.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track{
  background-color: transparent;
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
  display: none;
}

.\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar{
  height: 0.375rem;
}

.\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar{
  width: 0.375rem;
}

.\[\&\:\:-webkit-slider-thumb\]\:size-\[18px\]::-webkit-slider-thumb{
  width: 18px;
  height: 18px;
}

.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb{
  cursor: pointer;
}

.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{
  -webkit-appearance: none;
          appearance: none;
}

.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{
  border-radius: 9999px;
}

.\[\&\:\:-webkit-slider-thumb\]\:border-\[3px\]::-webkit-slider-thumb{
  border-width: 3px;
}

.\[\&\:\:-webkit-slider-thumb\]\:border-white::-webkit-slider-thumb{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.\[\&\:\:-webkit-slider-thumb\]\:bg-\[\#6366f1\]::-webkit-slider-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-slider-thumb\]\:shadow-\[0_0_0_1px_\#6366f1\]::-webkit-slider-thumb{
  --tw-shadow: 0 0 0 1px #6366f1;
  --tw-shadow-colored: 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);
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
  padding-right: 0px;
}

.\[\&\>\*\:first-child\]\:mt-0>*:first-child{
  margin-top: 0px;
}

.\[\&\>\*\:last-child\]\:mb-0>*:last-child{
  margin-bottom: 0px;
}

.\[\&\>\*\:last-child\]\:after\:inline>*:last-child::after{
  content: var(--tw-content);
  display: inline;
}

.\[\&\>\*\:last-child\]\:after\:align-baseline>*:last-child::after{
  content: var(--tw-content);
  vertical-align: baseline;
}

.\[\&\>\*\:last-child\]\:after\:content-\[var\(--streamdown-caret\)\]>*:last-child::after{
  --tw-content: var(--streamdown-caret);
  content: var(--tw-content);
}

.\[\&\>\*\]\:\!mt-0>*{
  margin-top: 0px !important;
}

.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{
  --tw-translate-y: 2px;
  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));
}

.\[\&\>blockquote\]\:my-2>blockquote{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&\>button\]\:hidden>button{
  display: none;
}

.\[\&\>button\]\:text-\[\#7c7795\]>button{
  --tw-text-opacity: 1;
  color: rgb(124 119 149 / var(--tw-text-opacity));
}

.\[\&\>button\]\:text-muted-foreground>button{
  color: hsl(var(--muted-foreground));
}

.\[\&\>button\]\:hover\:bg-\[\#f8f9fc\]:hover>button{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.\[\&\>button\]\:hover\:bg-muted\/80:hover>button{
  background-color: hsl(var(--muted) / 0.8);
}

.\[\&\>button\]\:hover\:text-\[\#1a1654\]:hover>button{
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&\>button\]\:hover\:text-foreground:hover>button{
  color: hsl(var(--foreground));
}

.\[\&\>button\]\:focus\:ring-ring:focus>button{
  --tw-ring-color: hsl(var(--ring));
}

.\[\&\>div\>div\]\:\!overflow-visible>div>div{
  overflow: visible !important;
}

.\[\&\>div\]\:\!text-sky-t2>div{
  font-size: 13px !important;
  line-height: 19px !important;
  letter-spacing: 0 !important;
}

.\[\&\>div\]\:text-sky-t1>div{
  font-size: 11px;
  line-height: 17px;
  letter-spacing: 0;
}

.\[\&\>h1\]\:mb-2>h1{
  margin-bottom: 0.5rem;
}

.\[\&\>h1\]\:mt-4>h1{
  margin-top: 1rem;
}

.\[\&\>h2\]\:mb-2>h2{
  margin-bottom: 0.5rem;
}

.\[\&\>h2\]\:mt-4>h2{
  margin-top: 1rem;
}

.\[\&\>h3\]\:mb-1\.5>h3{
  margin-bottom: 0.375rem;
}

.\[\&\>h3\]\:mt-3>h3{
  margin-top: 0.75rem;
}

.\[\&\>h4\]\:mb-1>h4{
  margin-bottom: 0.25rem;
}

.\[\&\>h4\]\:mt-3>h4{
  margin-top: 0.75rem;
}

.\[\&\>li\]\:my-0\.5>li{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.\[\&\>ol\]\:my-1>ol{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&\>ol\]\:my-2>ol{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&\>ol\]\:list-decimal>ol{
  list-style-type: decimal;
}

.\[\&\>ol\]\:pl-4>ol{
  padding-left: 1rem;
}

.\[\&\>p\:first-child\]\:mt-0>p:first-child{
  margin-top: 0px;
}

.\[\&\>p\:last-child\]\:mb-0>p:last-child{
  margin-bottom: 0px;
}

.\[\&\>p\]\:my-2>p{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&\>p\]\:mb-0>p{
  margin-bottom: 0px;
}

.\[\&\>p\]\:mb-1\.5>p{
  margin-bottom: 0.375rem;
}

.\[\&\>p\]\:inline>p{
  display: inline;
}

.\[\&\>p\]\:w-full>p{
  width: 100%;
}

.\[\&\>p\]\:max-w-none>p{
  max-width: none;
}

.\[\&\>pre\]\:my-2>pre{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&\>span\:last-child\]\:truncate>span:last-child{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.\[\&\>span\]\:line-clamp-1>span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.\[\&\>span\]\:\!text-sky-t2>span{
  font-size: 13px !important;
  line-height: 19px !important;
  letter-spacing: 0 !important;
}

.\[\&\>span\]\:font-normal>span{
  font-weight: 400;
}

.\[\&\>span\]\:leading-5>span{
  line-height: 1.25rem;
}

.\[\&\>span\]\:text-\[\#1a1654\]>span{
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&\>svg\:last-child\]\:shrink-0>svg:last-child{
  flex-shrink: 0;
}

.\[\&\>svg\]\:ms-2>svg{
  margin-inline-start: 0.5rem;
}

.\[\&\>svg\]\:mt-1>svg{
  margin-top: 0.25rem;
}

.\[\&\>svg\]\:size-4>svg{
  width: 1rem;
  height: 1rem;
}

.\[\&\>svg\]\:size-5>svg{
  width: 1.25rem;
  height: 1.25rem;
}

.\[\&\>svg\]\:h-3\.5>svg{
  height: 0.875rem;
}

.\[\&\>svg\]\:w-3\.5>svg{
  width: 0.875rem;
}

.\[\&\>svg\]\:shrink-0>svg{
  flex-shrink: 0;
}

.\[\&\>svg\]\:stroke-\[2\]>svg{
  stroke-width: 2;
}

.\[\&\>svg\]\:text-\[\#7c7795\]>svg{
  --tw-text-opacity: 1;
  color: rgb(124 119 149 / var(--tw-text-opacity));
}

.\[\&\>svg\]\:text-\[\#a8a4bd\]>svg{
  --tw-text-opacity: 1;
  color: rgb(168 164 189 / var(--tw-text-opacity));
}

.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{
  color: hsl(var(--sidebar-accent-foreground));
}

.\[\&\>svg\]\:text-skymod-gray-500>svg{
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.\[\&\>table\]\:my-3>table{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.\[\&\>tr\]\:last\:border-b-0:last-child>tr{
  border-bottom-width: 0px;
}

.\[\&\>ul\]\:my-1>ul{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&\>ul\]\:my-2>ul{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&\>ul\]\:list-disc>ul{
  list-style-type: disc;
}

.\[\&\>ul\]\:pl-4>ul{
  padding-left: 1rem;
}

.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{
  --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));
}

.\[\&\[open\]_svg\]\:rotate-180[open] svg{
  --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));
}

.\[\&_\*\]\:select-text *{
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.\[\&_\.ace_active-line\]\:\!bg-skymod-brand-50\/80 .ace active-line{
  background-color: rgb(249 245 255 / 0.8) !important;
}

.\[\&_\.ace_content\]\:\!bg-skymod-brand-25 .ace content{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 250 255 / var(--tw-bg-opacity)) !important;
}

.\[\&_\.ace_cursor\]\:\!border-skymod-gray-900 .ace cursor{
  --tw-border-opacity: 1 !important;
  border-color: rgb(24 29 39 / var(--tw-border-opacity)) !important;
}

.\[\&_\.ace_editor\]\:\!bg-skymod-brand-25 .ace editor{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 250 255 / var(--tw-bg-opacity)) !important;
}

.\[\&_\.ace_gutter-cell\]\:\!font-mono .ace gutter-cell{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.\[\&_\.ace_gutter\]\:\!border-r .ace gutter{
  border-right-width: 1px !important;
}

.\[\&_\.ace_scroller\]\:\!bg-skymod-brand-25 .ace scroller{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 250 255 / var(--tw-bg-opacity)) !important;
}

.\[\&_\.ace_text-layer\]\:\!font-mono .ace text-layer{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.\[\&_\.bg-white\]\:bg-white .bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&_\.border-gray-100\]\:border-\[\#ece9f4\] .border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-border-opacity));
}

.\[\&_\.border-gray-200\]\:border-\[\#ece9f4\] .border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-border-opacity));
}

.\[\&_\.fixed\.bottom-4\.right-4\]\:hidden .fixed.bottom-4.right-4{
  display: none;
}

.\[\&_\.flex-1\.bg-gray-50\]\:overflow-hidden .flex-1.bg-gray-50{
  overflow: hidden;
}

.\[\&_\.flex-1\.bg-gray-50\]\:rounded-\[10px\] .flex-1.bg-gray-50{
  border-radius: 10px;
}

.\[\&_\.flex-1\.bg-gray-50\]\:border .flex-1.bg-gray-50{
  border-width: 1px;
}

.\[\&_\.flex-1\.bg-gray-50\]\:border-\[\#ece9f4\] .flex-1.bg-gray-50{
  --tw-border-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-border-opacity));
}

.\[\&_\.flex-1\.bg-gray-50\]\:bg-white .flex-1.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&_\.flex-1\.h-10\]\:rounded-\[10px\] .flex-1.h-10{
  border-radius: 10px;
}

.\[\&_\.flex-1\.h-10\]\:border-\[\#ece9f4\] .flex-1.h-10{
  --tw-border-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-border-opacity));
}

.\[\&_\.flex-1\.h-10\]\:bg-\[\#f5f5fa\] .flex-1.h-10{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 250 / var(--tw-bg-opacity));
}

.\[\&_\.flex-1\.h-10\]\:font-montserrat .flex-1.h-10{
  font-family: Montserrat, sans-serif;
}

.\[\&_\.flex-1\.h-10\]\:focus-within\:border-skymod-brand-700:focus-within .flex-1.h-10{
  --tw-border-opacity: 1;
  border-color: rgb(105 65 198 / var(--tw-border-opacity));
}

.\[\&_\.flex-1\.h-10\]\:focus-within\:bg-white:focus-within .flex-1.h-10{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&_\.flex-1\.h-10\]\:focus-within\:shadow-\[0_0_0_3px_\#f4f5fe\]:focus-within .flex-1.h-10{
  --tw-shadow: 0 0 0 3px #f4f5fe;
  --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);
}

.\[\&_\.flex-1\.h-10\]\:focus-within\:ring-0:focus-within .flex-1.h-10{
  --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);
}

.\[\&_\.flex-1\.h-10_input\]\:font-montserrat .flex-1.h-10 input{
  font-family: Montserrat, sans-serif;
}

.\[\&_\.flex-1\.h-10_input\]\:\!text-sky-t3 .flex-1.h-10 input{
  font-size: 15px !important;
  line-height: 23px !important;
  letter-spacing: 0 !important;
}

.\[\&_\.flex-1\.h-10_input\]\:text-\[\#1a1654\] .flex-1.h-10 input{
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&_\.flex-1\.h-10_input\]\:placeholder\:text-\[\#9994ac\] .flex-1.h-10 input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(153 148 172 / var(--tw-text-opacity));
}

.\[\&_\.flex-1\.h-10_input\]\:placeholder\:text-\[\#9994ac\] .flex-1.h-10 input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(153 148 172 / var(--tw-text-opacity));
}

.\[\&_\.flex-1\.h-10_svg\]\:text-\[\#9994ac\] .flex-1.h-10 svg{
  --tw-text-opacity: 1;
  color: rgb(153 148 172 / var(--tw-text-opacity));
}

.\[\&_\.font-inter\]\:font-montserrat .font-inter{
  font-family: Montserrat, sans-serif;
}

.\[\&_\.hljs-attr\]\:text-\[\#032f62\] .hljs-attr{
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-attribute\]\:text-\[\#032f62\] .hljs-attribute{
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-built_in\]\:text-\[\#005cc5\] .hljs-built in{
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-comment\]\:text-\[\#22863a\] .hljs-comment{
  --tw-text-opacity: 1;
  color: rgb(34 134 58 / var(--tw-text-opacity));
}

.\[\&_\.hljs-keyword\]\:text-\[\#005cc5\] .hljs-keyword{
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-literal\]\:text-\[\#005cc5\] .hljs-literal{
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-meta\]\:text-\[\#005cc5\] .hljs-meta{
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-name\]\:text-\[\#032f62\] .hljs-name{
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-number\]\:text-\[\#005cc5\] .hljs-number{
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-quote\]\:text-\[\#22863a\] .hljs-quote{
  --tw-text-opacity: 1;
  color: rgb(34 134 58 / var(--tw-text-opacity));
}

.\[\&_\.hljs-regexp\]\:text-\[\#032f62\] .hljs-regexp{
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-selector-class\]\:text-\[\#032f62\] .hljs-selector-class{
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-selector-id\]\:text-\[\#032f62\] .hljs-selector-id{
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-selector-tag\]\:text-\[\#005cc5\] .hljs-selector-tag{
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-string\]\:text-\[\#032f62\] .hljs-string{
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-symbol\]\:text-\[\#032f62\] .hljs-symbol{
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-tag\]\:text-\[\#005cc5\] .hljs-tag{
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-template-variable\]\:text-\[\#032f62\] .hljs-template-variable{
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-title\.class_\]\:text-\[\#005cc5\] .hljs-title.class{
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-title\.function_\]\:text-\[\#005cc5\] .hljs-title.function{
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-title\]\:text-\[\#005cc5\] .hljs-title{
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-type\]\:text-\[\#005cc5\] .hljs-type{
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-variable\]\:text-\[\#032f62\] .hljs-variable{
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hover\\\\\:bg-gray-100\]\:hover\:bg-\[\#f5f5fa\]:hover .hover\\:bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 250 / var(--tw-bg-opacity));
}

.\[\&_\.hover\\\\\:bg-gray-200\]\:hover\:bg-\[\#ece9f4\]:hover .hover\\:bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(236 233 244 / var(--tw-bg-opacity));
}

.\[\&_\.hover\\\\\:shadow-md\]\:hover\:shadow-none:hover .hover\\:shadow-md{
  --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);
}

.\[\&_\.mb-6\]\:mb-4 .mb-6{
  margin-bottom: 1rem;
}

.\[\&_\.mb-8\]\:mb-4 .mb-8{
  margin-bottom: 1rem;
}

.\[\&_\.mx-auto\]\:mx-0 .mx-auto{
  margin-left: 0px;
  margin-right: 0px;
}

.\[\&_\.p-5\]\:p-0 .p-5{
  padding: 0px;
}

.\[\&_\.px-4\]\:px-0 .px-4{
  padding-left: 0px;
  padding-right: 0px;
}

.\[\&_\.py-6\]\:py-0 .py-6{
  padding-top: 0px;
  padding-bottom: 0px;
}

.\[\&_\.rounded-lg\]\:rounded-\[10px\] .rounded-lg{
  border-radius: 10px;
}

.\[\&_\.rounded-xl\]\:rounded-\[10px\] .rounded-xl{
  border-radius: 10px;
}

.\[\&_\.shadow-md\]\:shadow-none .shadow-md{
  --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\]\:shadow-none .shadow-sm{
  --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);
}

.\[\&_\.sm\\\\\:px-6\]\:px-0 .sm\\:px-6{
  padding-left: 0px;
  padding-right: 0px;
}

.\[\&_\.text-\\\\\[\\\\\#828282\\\\\]\]\:text-\[\#7c7795\] .text-\\[\\#828282\\]{
  --tw-text-opacity: 1;
  color: rgb(124 119 149 / var(--tw-text-opacity));
}

.\[\&_\.text-black\]\:\!pl-4 .text-black{
  padding-left: 1rem !important;
}

.\[\&_\.text-black\]\:text-\[\#1a1654\] .text-black{
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&_\.text-gray-500\]\:text-\[\#7c7795\] .text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(124 119 149 / var(--tw-text-opacity));
}

.\[\&_\.text-gray-700\]\:text-\[\#1a1654\] .text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&_\.text-gray-800\]\:text-\[\#1a1654\] .text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&_\.w-\\\\\[95\\\\\%\\\\\]\]\:w-full .w-\\[95\\%\\]{
  width: 100%;
}

.\[\&_a\]\:text-\[\#6366f1\] a{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.\[\&_a\]\:text-\[\#7f56d9\] a{
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.\[\&_a\]\:text-skymod-brand-600 a{
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.\[\&_a\]\:underline a{
  text-decoration-line: underline;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:inline-flex button.bg-\\[\\#6366F1\\]{
  display: inline-flex;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:items-center button.bg-\\[\\#6366F1\\]{
  align-items: center;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:gap-2 button.bg-\\[\\#6366F1\\]{
  gap: 0.5rem;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:rounded-\[9px\] button.bg-\\[\\#6366F1\\]{
  border-radius: 9px;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:border button.bg-\\[\\#6366F1\\]{
  border-width: 1px;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:border-\[\#6366f1\] button.bg-\\[\\#6366F1\\]{
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:bg-\[\#6366f1\] button.bg-\\[\\#6366F1\\]{
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:px-3\.5 button.bg-\\[\\#6366F1\\]{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:py-2 button.bg-\\[\\#6366F1\\]{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:font-montserrat button.bg-\\[\\#6366F1\\]{
  font-family: Montserrat, sans-serif;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:\!text-sky-t1 button.bg-\\[\\#6366F1\\]{
  font-size: 11px !important;
  line-height: 17px !important;
  letter-spacing: 0 !important;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:font-semibold button.bg-\\[\\#6366F1\\]{
  font-weight: 600;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:text-white button.bg-\\[\\#6366F1\\]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:shadow-none button.bg-\\[\\#6366F1\\]{
  --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);
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:hover\:bg-\[\#4f46e5\]:hover button.bg-\\[\\#6366F1\\]{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:hover\:shadow-none:hover button.bg-\\[\\#6366F1\\]{
  --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);
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:rounded-\[9px\] button.border-gray-200.text-gray-600{
  border-radius: 9px;
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:border-\[\#d8d3e6\] button.border-gray-200.text-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(216 211 230 / var(--tw-border-opacity));
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:bg-white button.border-gray-200.text-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:px-3\.5 button.border-gray-200.text-gray-600{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:py-2 button.border-gray-200.text-gray-600{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:font-montserrat button.border-gray-200.text-gray-600{
  font-family: Montserrat, sans-serif;
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:\!text-sky-t1 button.border-gray-200.text-gray-600{
  font-size: 11px !important;
  line-height: 17px !important;
  letter-spacing: 0 !important;
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:font-semibold button.border-gray-200.text-gray-600{
  font-weight: 600;
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:text-\[\#1a1654\] button.border-gray-200.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:shadow-none button.border-gray-200.text-gray-600{
  --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);
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:hover\:border-\[\#d8d3e6\]:hover button.border-gray-200.text-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(216 211 230 / var(--tw-border-opacity));
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:hover\:bg-\[\#f5f5fa\]:hover button.border-gray-200.text-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 250 / var(--tw-bg-opacity));
}

.\[\&_code\]\:rounded code{
  border-radius: 0.25rem;
}

.\[\&_code\]\:\!bg-transparent code{
  background-color: transparent !important;
}

.\[\&_code\]\:bg-\[\#f4f3ff\] code{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity));
}

.\[\&_code\]\:\!p-0 code{
  padding: 0px !important;
}

.\[\&_code\]\:px-1 code{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.\[\&_code\]\:py-0\.5 code{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.\[\&_code\]\:text-\[0\.9em\] code{
  font-size: 0.9em;
}

.\[\&_div\[role\=button\]\]\:\!h-11 div[role=button]{
  height: 2.75rem !important;
}

.\[\&_div\[role\=button\]\]\:\!rounded-lg div[role=button]{
  border-radius: var(--radius) !important;
}

.\[\&_h1\]\:font-montserrat h1{
  font-family: Montserrat, sans-serif;
}

.\[\&_h1\]\:text-sky-h1 h1{
  font-size: 23px;
  line-height: 31px;
  letter-spacing: 0;
}

.\[\&_h2\]\:font-montserrat h2{
  font-family: Montserrat, sans-serif;
}

.\[\&_h2\]\:text-sky-b2 h2{
  font-size: 19px;
  line-height: 29px;
  letter-spacing: 0;
}

.\[\&_h3\]\:font-montserrat h3{
  font-family: Montserrat, sans-serif;
}

.\[\&_h3\]\:text-sky-b1 h3{
  font-size: 17px;
  line-height: 27px;
  letter-spacing: 0;
}

.\[\&_iframe\]\:\!m-0 iframe{
  margin: 0px !important;
}

.\[\&_iframe\]\:\!h-11 iframe{
  height: 2.75rem !important;
}

.\[\&_iframe\]\:\!w-full iframe{
  width: 100% !important;
}

.\[\&_input\:-webkit-autofill\:focus\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#ffffff_inset\] input:-webkit-autofill:focus{
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

.\[\&_input\:-webkit-autofill\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#f5f5fa_inset\] input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px #f5f5fa inset;
}

.\[\&_input\:-webkit-autofill\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#ffffff_inset\] input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

.\[\&_input\:-webkit-autofill\]\:\[-webkit-text-fill-color\:\#1a1654\] input:-webkit-autofill{
  -webkit-text-fill-color: #1a1654;
}

.\[\&_input\]\:h-10 input{
  height: 2.5rem;
}

.\[\&_input\]\:border-\[\#ebe9fe\] input{
  --tw-border-opacity: 1;
  border-color: rgb(235 233 254 / var(--tw-border-opacity));
}

.\[\&_input\]\:text-sky-t1 input{
  font-size: 11px;
  line-height: 17px;
  letter-spacing: 0;
}

.\[\&_li\]\:my-0\.5 li{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.\[\&_li\]\:font-montserrat li{
  font-family: Montserrat, sans-serif;
}

.\[\&_li\]\:text-sky-t2 li{
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
}

.\[\&_li\]\:text-skymod-gray-900 li{
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.\[\&_ol\]\:my-1 ol{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&_ol\]\:list-decimal ol{
  list-style-type: decimal;
}

.\[\&_ol\]\:pl-4 ol{
  padding-left: 1rem;
}

.\[\&_p\+p\]\:mt-2 p+p{
  margin-top: 0.5rem;
}

.\[\&_p\:last-child\]\:mb-0 p:last-child{
  margin-bottom: 0px;
}

.\[\&_p\]\:m-0 p{
  margin: 0px;
}

.\[\&_p\]\:mb-0 p{
  margin-bottom: 0px;
}

.\[\&_p\]\:mb-3\.5 p{
  margin-bottom: 0.875rem;
}

.\[\&_p\]\:font-montserrat p{
  font-family: Montserrat, sans-serif;
}

.\[\&_p\]\:text-sky-t2 p{
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
}

.\[\&_p\]\:text-skymod-gray-900 p{
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.\[\&_pre\]\:\!m-0 pre{
  margin: 0px !important;
}

.\[\&_pre\]\:\!bg-white pre{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.\[\&_pre\]\:\!p-0 pre{
  padding: 0px !important;
}

.\[\&_span\]\:bg-purple-500 span{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}

.\[\&_strong\]\:font-semibold strong{
  font-weight: 600;
}

.\[\&_strong\]\:text-\[\#4b4766\] strong{
  --tw-text-opacity: 1;
  color: rgb(75 71 102 / var(--tw-text-opacity));
}

.\[\&_strong\]\:text-stone-700 strong{
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity));
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:\!size-3 svg:not([class*='size-']){
  width: 0.75rem !important;
  height: 0.75rem !important;
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:\!size-3\.5 svg:not([class*='size-']){
  width: 0.875rem !important;
  height: 0.875rem !important;
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:\!size-4 svg:not([class*='size-']){
  width: 1rem !important;
  height: 1rem !important;
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:\!size-5 svg:not([class*='size-']){
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.\[\&_svg\]\:pointer-events-none svg{
  pointer-events: none;
}

.\[\&_svg\]\:block svg{
  display: block;
}

.\[\&_svg\]\:size-4 svg{
  width: 1rem;
  height: 1rem;
}

.\[\&_svg\]\:size-5 svg{
  width: 1.25rem;
  height: 1.25rem;
}

.\[\&_svg\]\:h-auto svg{
  height: auto;
}

.\[\&_svg\]\:max-h-full svg{
  max-height: 100%;
}

.\[\&_svg\]\:w-auto svg{
  width: auto;
}

.\[\&_svg\]\:max-w-full svg{
  max-width: 100%;
}

.\[\&_svg\]\:\!shrink-0 svg{
  flex-shrink: 0 !important;
}

.\[\&_svg\]\:shrink-0 svg{
  flex-shrink: 0;
}

.\[\&_svg\]\:\!text-current svg{
  color: currentColor !important;
}

.\[\&_svg\]\:text-\[\#d92d20\] svg{
  --tw-text-opacity: 1;
  color: rgb(217 45 32 / var(--tw-text-opacity));
}

.hover\:\[\&_svg\]\:text-\[\#b42318\] svg:hover{
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.\[\&_td\]\:font-semibold td{
  font-weight: 600;
}

.\[\&_td\]\:text-\[\#3d4fc4\] td{
  --tw-text-opacity: 1;
  color: rgb(61 79 196 / var(--tw-text-opacity));
}

.\[\&_textarea\]\:text-sky-t1 textarea{
  font-size: 11px;
  line-height: 17px;
  letter-spacing: 0;
}

.\[\&_thead\]\:sticky thead{
  position: sticky;
}

.\[\&_thead\]\:top-0 thead{
  top: 0px;
}

.\[\&_thead\]\:z-10 thead{
  z-index: 10;
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child{
  border-width: 0px;
}

.\[\&_tr\]\:border-b tr{
  border-bottom-width: 1px;
}

.\[\&_ul\]\:my-1 ul{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&_ul\]\:list-disc ul{
  list-style-type: disc;
}

.\[\&_ul\]\:pl-4 ul{
  padding-left: 1rem;
}

[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{
  right: -0.5rem;
}

[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{
  cursor: e-resize;
}

[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{
  cursor: w-resize;
}

[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{
  left: -0.5rem;
}

[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{
  cursor: w-resize;
}

[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{
  cursor: e-resize;
}

li .\[li_\&\]\:pl-6{
  padding-left: 1.5rem;
}.rc-slider {
  position: relative;
  width: 100%;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #e9e9e9;
  border-radius: 6px;
}
.rc-slider-track,
.rc-slider-tracks {
  position: absolute;
  height: 4px;
  background-color: #abe2fb;
  border-radius: 6px;
}
.rc-slider-track-draggable {
  z-index: 1;
  box-sizing: content-box;
  background-clip: content-box;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  transform: translateY(-5px);
}
.rc-slider-handle {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #96dbfa;
  border-radius: 50%;
  cursor: pointer;
  cursor: grab;
  opacity: 0.8;
  touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
  outline: none;
  box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  box-shadow: 0 0 0 3px #96dbfa;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #999;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  cursor: pointer;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  left: 5px;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track-draggable {
  border-top: 0;
  border-bottom: 0;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  transform: translateX(-5px);
}
.rc-slider-vertical .rc-slider-handle {
  position: absolute;
  z-index: 1;
  margin-top: 0;
  margin-left: -5px;
  touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-dot {
  margin-left: -2px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.rc-slider-tooltip {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}
.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.9;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px 0;
}
.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}
.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px 0;
}
.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #373737;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  min-height: 34px;
}
.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: 4px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #373737;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: 4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #373737;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: 4px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #373737;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: 4px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #373737;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}
@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.11"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --react-pdf-text-layer: 1;
  --highlight-bg-color: rgba(180, 0, 170, 1);
  --highlight-selected-bg-color: rgba(0, 100, 0, 1);
}

@media screen and (forced-colors: active) {
  :root {
    --highlight-bg-color: Highlight;
    --highlight-selected-bg-color: ButtonText;
  }
}

[data-main-rotation='90'] {
  transform: rotate(90deg) translateY(-100%);
}
[data-main-rotation='180'] {
  transform: rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation='270'] {
  transform: rotate(270deg) translateX(-100%);
}

.textLayer {
  position: absolute;
  text-align: initial;
  inset: 0;
  overflow: hidden;
  line-height: 1;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  z-index: 2;
}

.textLayer :is(span, br) {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  margin: 0;
  transform-origin: 0 0;
}

/* Only necessary in Google Chrome, see issue 14205, and most unfortunately
 * the problem doesn't show up in "text" reference tests. */
.textLayer span.markedContent {
  top: 0;
  height: 0;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: var(--highlight-bg-color);
  border-radius: 4px;
}

.textLayer .highlight.appended {
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: var(--highlight-selected-bg-color);
}

/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
.textLayer br::-moz-selection {
  background: transparent;
}
.textLayer br::selection {
  background: transparent;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  inset: 100% 0 0;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.textLayer .endOfContent.active {
  top: 0;
}

.hiddenCanvasElement {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: none;
}
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --react-pdf-annotation-layer: 1;
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
  --link-outline: none;
}

@media screen and (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText;
  }
  .annotationLayer .textWidgetAnnotation :is(input, textarea):required,
  .annotationLayer .choiceWidgetAnnotation select:required,
  .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid selectedItem;
  }

  .annotationLayer .linkAnnotation:hover {
    -webkit-backdrop-filter: invert(100%);
            backdrop-filter: invert(100%);
  }
}

.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 3;
}

.annotationLayer[data-main-rotation='90'] .norotate {
  transform: rotate(270deg) translateX(-100%);
}
.annotationLayer[data-main-rotation='180'] .norotate {
  transform: rotate(180deg) translate(-100%, -100%);
}
.annotationLayer[data-main-rotation='270'] .norotate {
  transform: rotate(90deg) translateY(-100%);
}

.annotationLayer canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}

.annotationLayer section {
  position: absolute;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  margin: 0;
  transform-origin: 0 0;
}

.annotationLayer .linkAnnotation {
  outline: var(--link-outline);
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover {
  opacity: 0.2;
  background: rgba(255, 255, 0, 1);
  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea),
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
  outline: 1.5px solid red;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
  background: none;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
  border: 2px solid var(--input-hover-border-color);
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
  background-image: none;
  background-color: transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  background-color: CanvasText;
  content: '';
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 103%;
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.annotationLayer .popupTriggerArea {
  height: 100%;
  width: 100%;
}

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
  position: absolute;
}

.annotationLayer .popupWrapper {
  position: absolute;
  font-size: calc(9px * var(--scale-factor));
  width: 100%;
  min-width: calc(180px * var(--scale-factor));
  pointer-events: none;
}

.annotationLayer .popup {
  position: absolute;
  max-width: calc(180px * var(--scale-factor));
  background-color: rgba(255, 255, 153, 1);
  box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor))
    rgba(136, 136, 136, 1);
  border-radius: calc(2px * var(--scale-factor));
  padding: calc(6px * var(--scale-factor));
  margin-left: calc(5px * var(--scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
}

.annotationLayer .popup > * {
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .popup h1 {
  display: inline-block;
}

.annotationLayer .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--scale-factor));
}

.annotationLayer .popupContent {
  border-top: 1px solid rgba(51, 51, 51, 1);
  margin-top: calc(2px * var(--scale-factor));
  padding-top: calc(2px * var(--scale-factor));
}

.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}
@keyframes sd-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes sd-blurIn {
  from {
    opacity: 0;
    filter: blur(4px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes sd-slideUp {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-sd-animate] {
  animation: var(--sd-animation, sd-fadeIn) var(--sd-duration, 150ms)
    var(--sd-easing, ease) var(--sd-delay, 0ms) both;
}

/*
 * List markers (the disc/decimal glyph) are painted by the browser's
 * ::marker pseudo-element, which the animate plugin can't wrap in a
 * span. ::marker also doesn't honor opacity/transform animations, so we
 * fade it in via color (which it does support) instead, synced to the
 * timing the plugin stamps from the item's first word.
 */
@keyframes sd-markerIn {
  from {
    color: transparent;
  }
}

[data-sd-animate-marker]::marker {
  animation: sd-markerIn var(--sd-marker-duration, 150ms)
    var(--sd-marker-easing, ease) var(--sd-marker-delay, 0ms) both;
}
/* Compact purple New UI / Old UI icon toggle */

.new-ui-mode-toggle {
  --h: 26px;
  --w: 48px;
  --thumb: 20px;
  --pad: 3px;
  --violet: #7c3aed;
  --violet-deep: #5b21b6;

  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.new-ui-mode-toggle__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.new-ui-mode-toggle__track {
  position: relative;
  display: block;
  overflow: hidden;
  height: var(--h);
  width: var(--w);
  border-radius: 999px;
  cursor: pointer;
  background: linear-gradient(145deg, #4a4458 0%, #2a2633 100%);
  border: 1px solid rgba(167, 139, 250, 0.22);
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.35),
    0 1px 2px rgba(91, 33, 182, 0.12);
  transition:
    background 280ms ease,
    border-color 280ms ease,
    box-shadow 280ms ease;
}

.new-ui-mode-toggle__glow {
  position: absolute;
  inset: -40% -20%;
  background: radial-gradient(circle at 70% 50%, rgba(167, 139, 250, 0) 0%, transparent 55%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 280ms ease;
}

.new-ui-mode-toggle__stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background-image:
    radial-gradient(circle at 62% 28%, #fff 0 0.7px, transparent 1.2px),
    radial-gradient(circle at 78% 62%, rgba(255, 255, 255, 0.85) 0 0.5px, transparent 1px),
    radial-gradient(circle at 88% 38%, rgba(233, 213, 255, 0.9) 0 0.6px, transparent 1.1px);
  transition: opacity 280ms ease;
}

.new-ui-mode-toggle__thumb {
  position: absolute;
  top: 50%;
  left: var(--pad);
  z-index: 2;
  display: grid;
  place-items: center;
  width: var(--thumb);
  height: var(--thumb);
  border-radius: 50%;
  background: linear-gradient(160deg, #f5f3ff 0%, #e9e4ff 55%, #ddd6fe 100%);
  color: #4c1d95;
  box-shadow:
    0 1px 3px rgba(49, 26, 92, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
  transform: translateY(-50%);
  transition:
    left 280ms cubic-bezier(0.34, 1.4, 0.64, 1),
    background 280ms ease,
    box-shadow 280ms ease;
}

.new-ui-mode-toggle__icon {
  grid-area: 1 / 1;
  width: 11px;
  height: 11px;
  transition:
    opacity 200ms ease,
    transform 280ms cubic-bezier(0.34, 1.4, 0.64, 1);
}

.new-ui-mode-toggle__icon--old {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.new-ui-mode-toggle__icon--new {
  opacity: 0;
  transform: scale(0.4) rotate(-25deg);
}

.new-ui-mode-toggle__input:checked + .new-ui-mode-toggle__track {
  background: linear-gradient(145deg, #8b5cf6 0%, var(--violet-deep) 100%);
  border-color: rgba(196, 181, 253, 0.45);
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.18),
    0 0 0 1px rgba(124, 58, 237, 0.15),
    0 4px 12px rgba(124, 58, 237, 0.32);
}

.new-ui-mode-toggle__input:checked + .new-ui-mode-toggle__track .new-ui-mode-toggle__glow {
  opacity: 1;
  background: radial-gradient(circle at 72% 45%, rgba(237, 233, 254, 0.45) 0%, transparent 55%);
}

.new-ui-mode-toggle__input:checked + .new-ui-mode-toggle__track .new-ui-mode-toggle__stars {
  opacity: 1;
}

.new-ui-mode-toggle__input:checked + .new-ui-mode-toggle__track .new-ui-mode-toggle__thumb {
  left: calc(var(--w) - var(--thumb) - var(--pad));
  background: linear-gradient(160deg, #ffffff 0%, #f3e8ff 50%, #e9d5ff 100%);
  color: #6d28d9;
  box-shadow:
    0 2px 7px rgba(91, 33, 182, 0.4),
    0 0 0 1px rgba(255, 255, 255, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.new-ui-mode-toggle__input:checked + .new-ui-mode-toggle__track .new-ui-mode-toggle__icon--old {
  opacity: 0;
  transform: scale(0.4) rotate(20deg);
}

.new-ui-mode-toggle__input:checked + .new-ui-mode-toggle__track .new-ui-mode-toggle__icon--new {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.new-ui-mode-toggle__input:focus-visible + .new-ui-mode-toggle__track {
  outline: 2px solid #a78bfa;
  outline-offset: 2px;
}

.new-ui-mode-toggle__track:hover .new-ui-mode-toggle__thumb {
  transform: translateY(-50%) scale(1.04);
}
*, ::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.14 | 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 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::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;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Inter, sans-serif;
  color: #333333;
}

p, li, blockquote, code, pre {
  font-family: Inter, sans-serif;
  color: #333333;
}

.prose {
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 768px) {

  .prose {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px) {

  .prose {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.prose h1 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 768px) {

  .prose h1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px) {

  .prose h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.prose h2 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

@media (min-width: 768px) {

  .prose h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {

  .prose h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.prose h3 {
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 768px) {

  .prose h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {

  .prose h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.prose h4 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 768px) {

  .prose h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .prose h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.prose p, .prose li {
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 768px) {

  .prose p, .prose li {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px) {

  .prose p, .prose li {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1280px) {

  .prose p, .prose li {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.prose blockquote p {
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 768px) {

  .prose blockquote p {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px) {

  .prose blockquote p {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1280px) {

  .prose blockquote p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.prose code {
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 768px) {

  .prose code {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1024px) {

  .prose code {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.prose {
  --tw-prose-body: #333333;
  --tw-prose-headings: #333333;
  --tw-prose-lead: #333333;
  --tw-prose-links: #9B59B6;
  --tw-prose-bold: #333333;
  --tw-prose-counters: #333333;
  --tw-prose-bullets: #333333;
  --tw-prose-hr: #F0F0F0;
  --tw-prose-quotes: #9B59B6;
  --tw-prose-quote-borders: #9B59B6;
  --tw-prose-captions: #333333;
  --tw-prose-code: #333333;
  --tw-prose-pre-code: #9B59B6;
  --tw-prose-pre-bg: #F0F0F0;
  --tw-prose-th-borders: #F0F0F0;
  --tw-prose-td-borders: #F0F0F0;
  --tw-prose-invert-body: #333333;
  --tw-prose-invert-headings: #333333;
  --tw-prose-invert-lead: #333333;
  --tw-prose-invert-links: #9B59B6;
  --tw-prose-invert-bold: #333333;
  --tw-prose-invert-counters: #333333;
  --tw-prose-invert-bullets: #333333;
  --tw-prose-invert-hr: #F0F0F0;
  --tw-prose-invert-quotes: #9B59B6;
  --tw-prose-invert-quote-borders: #9B59B6;
  --tw-prose-invert-captions: #333333;
  --tw-prose-invert-code: #333333;
  --tw-prose-invert-pre-code: #9B59B6;
  --tw-prose-invert-pre-bg: #F0F0F0;
  --tw-prose-invert-th-borders: #F0F0F0;
  --tw-prose-invert-td-borders: #F0F0F0;
}

code {
  color: #333333;
  padding: 2px 4px;
  border-radius: 4px;
}

blockquote {
  border-left: 4px solid #9B59B6;
  padding-left: 16px;
  font-style: italic;
  color: #333333;
}

pre {
  color: #333333;
  padding: 16px;
  border-radius: 8px;
  overflow-x: auto;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {

  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {

  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {

  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}

.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-sm {
  font-size: 0.875rem;
  line-height: 1.7142857;
}

.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.1111111em;
}

.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}

.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}

.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}

.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-inline-start: 0.3571429em;
}

.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
}

.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
}

.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8888889em;
}

.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}

.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4285714em;
}

.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4285714em;
}

.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}

.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}

.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.2857143em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}

.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.5;
}

.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}

.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-base {
  font-size: 1rem;
  line-height: 1.75;
}

.prose-base :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose-base :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose-base :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}

.prose-base :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose-base :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose-base :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose-base :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose-base :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-base :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-base :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-base :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-base :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.prose-base :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
}

.prose-base :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
}

.prose-base :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
}

.prose-base :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.prose-base :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose-base :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose-base :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose-base :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}

.prose-base :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}

.prose-base :where(.prose-base > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose-base :where(.prose-base > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-base :where(.prose-base > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose-base :where(.prose-base > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-base :where(.prose-base > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose-base :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose-base :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-base :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.prose-base :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose-base :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose-base :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose-base :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-base :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-base :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-base :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-base :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose-base :where(.prose-base > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(.prose-base > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.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;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.-inset-\[2px\] {
  inset: -2px;
}

.-inset-\[85\%\] {
  inset: -85%;
}

.inset-0 {
  inset: 0px;
}

.inset-\[-2px\] {
  inset: -2px;
}

.inset-\[12\.5\%\] {
  inset: 12.5%;
}

.inset-\[2px\] {
  inset: 2px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-bottom-0\.5 {
  bottom: -0.125rem;
}

.-bottom-1 {
  bottom: -0.25rem;
}

.-bottom-16 {
  bottom: -4rem;
}

.-bottom-4 {
  bottom: -1rem;
}

.-bottom-5 {
  bottom: -1.25rem;
}

.-bottom-6 {
  bottom: -1.5rem;
}

.-left-1\.5 {
  left: -0.375rem;
}

.-left-10 {
  left: -2.5rem;
}

.-left-2 {
  left: -0.5rem;
}

.-left-4 {
  left: -1rem;
}

.-left-7 {
  left: -1.75rem;
}

.-left-9 {
  left: -2.25rem;
}

.-left-\[1\.82rem\] {
  left: -1.82rem;
}

.-right-0\.5 {
  right: -0.125rem;
}

.-right-1 {
  right: -0.25rem;
}

.-right-1\.5 {
  right: -0.375rem;
}

.-right-12 {
  right: -3rem;
}

.-right-2 {
  right: -0.5rem;
}

.-right-3 {
  right: -0.75rem;
}

.-top-0\.5 {
  top: -0.125rem;
}

.-top-1 {
  top: -0.25rem;
}

.-top-10 {
  top: -2.5rem;
}

.-top-12 {
  top: -3rem;
}

.-top-2 {
  top: -0.5rem;
}

.-top-20 {
  top: -5rem;
}

.-top-3 {
  top: -0.75rem;
}

.-top-8 {
  top: -2rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-1 {
  bottom: 0.25rem;
}

.bottom-1\.5 {
  bottom: 0.375rem;
}

.bottom-10 {
  bottom: 2.5rem;
}

.bottom-12 {
  bottom: 3rem;
}

.bottom-14 {
  bottom: 3.5rem;
}

.bottom-16 {
  bottom: 4rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.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-\[15px\] {
  bottom: 15px;
}

.bottom-\[40px\] {
  bottom: 40px;
}

.bottom-\[50px\] {
  bottom: 50px;
}

.bottom-\[80\%\] {
  bottom: 80%;
}

.bottom-\[calc\(100\%-8px\)\] {
  bottom: calc(100% - 8px);
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0px;
}

.left-0\.5 {
  left: 0.125rem;
}

.left-1\/2 {
  left: 50%;
}

.left-1\/4 {
  left: 25%;
}

.left-2 {
  left: 0.5rem;
}

.left-2\.5 {
  left: 0.625rem;
}

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.left-5 {
  left: 1.25rem;
}

.left-6 {
  left: 1.5rem;
}

.left-\[-20px\] {
  left: -20px;
}

.left-\[15px\] {
  left: 15px;
}

.left-\[19px\] {
  left: 19px;
}

.left-\[50\%\] {
  left: 50%;
}

.left-\[6\%\] {
  left: 6%;
}

.left-\[9px\] {
  left: 9px;
}

.right-0 {
  right: 0px;
}

.right-1 {
  right: 0.25rem;
}

.right-1\.5 {
  right: 0.375rem;
}

.right-10 {
  right: 2.5rem;
}

.right-16 {
  right: 4rem;
}

.right-2 {
  right: 0.5rem;
}

.right-2\.5 {
  right: 0.625rem;
}

.right-3 {
  right: 0.75rem;
}

.right-3\.5 {
  right: 0.875rem;
}

.right-4 {
  right: 1rem;
}

.right-40 {
  right: 10rem;
}

.right-6 {
  right: 1.5rem;
}

.right-8 {
  right: 2rem;
}

.right-\[-40px\] {
  right: -40px;
}

.right-\[15\%\] {
  right: 15%;
}

.right-\[15px\] {
  right: 15px;
}

.right-\[9px\] {
  right: 9px;
}

.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-10 {
  top: 2.5rem;
}

.top-14 {
  top: 3.5rem;
}

.top-2 {
  top: 0.5rem;
}

.top-2\.5 {
  top: 0.625rem;
}

.top-20 {
  top: 5rem;
}

.top-3 {
  top: 0.75rem;
}

.top-3\.5 {
  top: 0.875rem;
}

.top-4 {
  top: 1rem;
}

.top-6 {
  top: 1.5rem;
}

.top-8 {
  top: 2rem;
}

.top-96 {
  top: 24rem;
}

.top-\[-300px\] {
  top: -300px;
}

.top-\[0\%\] {
  top: 0%;
}

.top-\[21px\] {
  top: 21px;
}

.top-\[50\%\] {
  top: 50%;
}

.top-\[52px\] {
  top: 52px;
}

.top-\[76px\] {
  top: 76px;
}

.top-\[8px\] {
  top: 8px;
}

.top-\[calc\(100\%\+2px\)\] {
  top: calc(100% + 2px);
}

.top-\[calc\(100\%\+6px\)\] {
  top: calc(100% + 6px);
}

.top-full {
  top: 100%;
}

.top-px {
  top: 1px;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-\[10000\] {
  z-index: 10000;
}

.z-\[10001\] {
  z-index: 10001;
}

.z-\[1000\] {
  z-index: 1000;
}

.z-\[100\] {
  z-index: 100;
}

.z-\[101\] {
  z-index: 101;
}

.z-\[110\] {
  z-index: 110;
}

.z-\[120\] {
  z-index: 120;
}

.z-\[130\] {
  z-index: 130;
}

.z-\[15\] {
  z-index: 15;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[200\] {
  z-index: 200;
}

.z-\[210\] {
  z-index: 210;
}

.z-\[220\] {
  z-index: 220;
}

.z-\[2\] {
  z-index: 2;
}

.z-\[300\] {
  z-index: 300;
}

.z-\[320\] {
  z-index: 320;
}

.z-\[380\] {
  z-index: 380;
}

.z-\[390\] {
  z-index: 390;
}

.z-\[3\] {
  z-index: 3;
}

.z-\[400\] {
  z-index: 400;
}

.z-\[420\] {
  z-index: 420;
}

.z-\[450\] {
  z-index: 450;
}

.z-\[500\] {
  z-index: 500;
}

.z-\[510\] {
  z-index: 510;
}

.z-\[600\] {
  z-index: 600;
}

.z-\[9998\] {
  z-index: 9998;
}

.z-\[99999\] {
  z-index: 99999;
}

.z-\[9999\] {
  z-index: 9999;
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-5 {
  grid-column: span 5 / span 5;
}

.col-span-full {
  grid-column: 1 / -1;
}

.\!m-3 {
  margin: 0.75rem !important;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-5 {
  margin: 1.25rem;
}

.-mx-0\.5 {
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}

.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.-mx-\[13px\] {
  margin-left: -13px;
  margin-right: -13px;
}

.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-2\.5 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mx-\[18px\] {
  margin-left: 18px;
  margin-right: 18px;
}

.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-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.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-0 {
  margin-bottom: 0px !important;
}

.\!mb-2 {
  margin-bottom: 0.5rem !important;
}

.\!mb-2\.5 {
  margin-bottom: 0.625rem !important;
}

.\!mb-3 {
  margin-bottom: 0.75rem !important;
}

.\!mb-4 {
  margin-bottom: 1rem !important;
}

.\!mb-5 {
  margin-bottom: 1.25rem !important;
}

.\!ml-0 {
  margin-left: 0px !important;
}

.-mb-\[17px\] {
  margin-bottom: -17px;
}

.-mb-px {
  margin-bottom: -1px;
}

.-ml-1 {
  margin-left: -0.25rem;
}

.-ml-2 {
  margin-left: -0.5rem;
}

.-mr-2 {
  margin-right: -0.5rem;
}

.-mt-10 {
  margin-top: -2.5rem;
}

.-mt-2 {
  margin-top: -0.5rem;
}

.-mt-20 {
  margin-top: -5rem;
}

.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-14 {
  margin-bottom: 3.5rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-2\.5 {
  margin-bottom: 0.625rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-3\.5 {
  margin-bottom: 0.875rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.mb-\[-6px\] {
  margin-bottom: -6px;
}

.mb-\[6vh\] {
  margin-bottom: 6vh;
}

.ml-0\.5 {
  margin-left: 0.125rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-1\.5 {
  margin-left: 0.375rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.ml-12 {
  margin-left: 3rem;
}

.ml-14 {
  margin-left: 3.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-2\.5 {
  margin-left: 0.625rem;
}

.ml-20 {
  margin-left: 5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.ml-8 {
  margin-left: 2rem;
}

.ml-9 {
  margin-left: 2.25rem;
}

.ml-\[52px\] {
  margin-left: 52px;
}

.ml-auto {
  margin-left: auto;
}

.ml-px {
  margin-left: 1px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-0\.5 {
  margin-right: 0.125rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-1\.5 {
  margin-right: 0.375rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-24 {
  margin-right: 6rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mr-auto {
  margin-right: 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-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-\[2px\] {
  margin-top: 2px;
}

.mt-\[5px\] {
  margin-top: 5px;
}

.mt-\[7vh\] {
  margin-top: 7vh;
}

.mt-auto {
  margin-top: auto;
}

.mt-px {
  margin-top: 1px;
}

.\!box-border {
  box-sizing: border-box !important;
}

.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;
}

.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.\!block {
  display: block !important;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.\!inline {
  display: inline !important;
}

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.\!inline-flex {
  display: inline-flex !important;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.table-cell {
  display: table-cell;
}

.table-row {
  display: table-row;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-\[64\/63\] {
  aspect-ratio: 64/63;
}

.aspect-square {
  aspect-ratio: 1 / 1;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.\!size-3 {
  width: 0.75rem !important;
  height: 0.75rem !important;
}

.\!size-3\.5 {
  width: 0.875rem !important;
  height: 0.875rem !important;
}

.\!size-4 {
  width: 1rem !important;
  height: 1rem !important;
}

.\!size-5 {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.\!size-\[26px\] {
  width: 26px !important;
  height: 26px !important;
}

.\!size-\[28px\] {
  width: 28px !important;
  height: 28px !important;
}

.\!size-\[30px\] {
  width: 30px !important;
  height: 30px !important;
}

.\!size-\[32px\] {
  width: 32px !important;
  height: 32px !important;
}

.\!size-\[40px\] {
  width: 40px !important;
  height: 40px !important;
}

.\!size-\[48px\] {
  width: 48px !important;
  height: 48px !important;
}

.\!size-\[56px\] {
  width: 56px !important;
  height: 56px !important;
}

.size-0 {
  width: 0px;
  height: 0px;
}

.size-1 {
  width: 0.25rem;
  height: 0.25rem;
}

.size-1\.5 {
  width: 0.375rem;
  height: 0.375rem;
}

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}

.size-12 {
  width: 3rem;
  height: 3rem;
}

.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}

.size-16 {
  width: 4rem;
  height: 4rem;
}

.size-2 {
  width: 0.5rem;
  height: 0.5rem;
}

.size-2\.5 {
  width: 0.625rem;
  height: 0.625rem;
}

.size-20 {
  width: 5rem;
  height: 5rem;
}

.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}

.size-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}

.size-8 {
  width: 2rem;
  height: 2rem;
}

.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}

.size-\[100px\] {
  width: 100px;
  height: 100px;
}

.size-\[108px\] {
  width: 108px;
  height: 108px;
}

.size-\[13px\] {
  width: 13px;
  height: 13px;
}

.size-\[15px\] {
  width: 15px;
  height: 15px;
}

.size-\[17px\] {
  width: 17px;
  height: 17px;
}

.size-\[18px\] {
  width: 18px;
  height: 18px;
}

.size-\[200px\] {
  width: 200px;
  height: 200px;
}

.size-\[20px\] {
  width: 20px;
  height: 20px;
}

.size-\[22px\] {
  width: 22px;
  height: 22px;
}

.size-\[26px\] {
  width: 26px;
  height: 26px;
}

.size-\[30px\] {
  width: 30px;
  height: 30px;
}

.size-\[32px\] {
  width: 32px;
  height: 32px;
}

.size-\[34px\] {
  width: 34px;
  height: 34px;
}

.size-\[38px\] {
  width: 38px;
  height: 38px;
}

.size-\[3px\] {
  width: 3px;
  height: 3px;
}

.size-\[60px\] {
  width: 60px;
  height: 60px;
}

.size-\[62px\] {
  width: 62px;
  height: 62px;
}

.size-\[66px\] {
  width: 66px;
  height: 66px;
}

.size-\[7px\] {
  width: 7px;
  height: 7px;
}

.size-\[92px\] {
  width: 92px;
  height: 92px;
}

.size-full {
  width: 100%;
  height: 100%;
}

.size-px {
  width: 1px;
  height: 1px;
}

.\!h-10 {
  height: 2.5rem !important;
}

.\!h-11 {
  height: 2.75rem !important;
}

.\!h-8 {
  height: 2rem !important;
}

.\!h-9 {
  height: 2.25rem !important;
}

.\!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-1\/2 {
  height: 50%;
}

.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-3\/5 {
  height: 60%;
}

.h-32 {
  height: 8rem;
}

.h-36 {
  height: 9rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-44 {
  height: 11rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-52 {
  height: 13rem;
}

.h-56 {
  height: 14rem;
}

.h-6 {
  height: 1.5rem;
}

.h-60 {
  height: 15rem;
}

.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-\[145px\] {
  height: 145px;
}

.h-\[180px\] {
  height: 180px;
}

.h-\[18px\] {
  height: 18px;
}

.h-\[18vh\] {
  height: 18vh;
}

.h-\[1px\] {
  height: 1px;
}

.h-\[2\.75rem\] {
  height: 2.75rem;
}

.h-\[200px\] {
  height: 200px;
}

.h-\[220px\] {
  height: 220px;
}

.h-\[22px\] {
  height: 22px;
}

.h-\[250px\] {
  height: 250px;
}

.h-\[260px\] {
  height: 260px;
}

.h-\[26px\] {
  height: 26px;
}

.h-\[280px\] {
  height: 280px;
}

.h-\[29px\] {
  height: 29px;
}

.h-\[3\.06rem\] {
  height: 3.06rem;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[30px\] {
  height: 30px;
}

.h-\[320px\] {
  height: 320px;
}

.h-\[32px\] {
  height: 32px;
}

.h-\[340px\] {
  height: 340px;
}

.h-\[34px\] {
  height: 34px;
}

.h-\[35\%\] {
  height: 35%;
}

.h-\[360px\] {
  height: 360px;
}

.h-\[38px\] {
  height: 38px;
}

.h-\[40\%\] {
  height: 40%;
}

.h-\[400px\] {
  height: 400px;
}

.h-\[41px\] {
  height: 41px;
}

.h-\[46px\] {
  height: 46px;
}

.h-\[470px\] {
  height: 470px;
}

.h-\[48px\] {
  height: 48px;
}

.h-\[50vh\] {
  height: 50vh;
}

.h-\[520px\] {
  height: 520px;
}

.h-\[52px\] {
  height: 52px;
}

.h-\[52vh\] {
  height: 52vh;
}

.h-\[55vh\] {
  height: 55vh;
}

.h-\[58vh\] {
  height: 58vh;
}

.h-\[60\%\] {
  height: 60%;
}

.h-\[600px\] {
  height: 600px;
}

.h-\[60vh\] {
  height: 60vh;
}

.h-\[62vh\] {
  height: 62vh;
}

.h-\[64vh\] {
  height: 64vh;
}

.h-\[65\%\] {
  height: 65%;
}

.h-\[650px\] {
  height: 650px;
}

.h-\[65vh\] {
  height: 65vh;
}

.h-\[67px\] {
  height: 67px;
}

.h-\[68vh\] {
  height: 68vh;
}

.h-\[700px\] {
  height: 700px;
}

.h-\[70px\] {
  height: 70px;
}

.h-\[70vh\] {
  height: 70vh;
}

.h-\[72px\] {
  height: 72px;
}

.h-\[73vh\] {
  height: 73vh;
}

.h-\[75vh\] {
  height: 75vh;
}

.h-\[80\%\] {
  height: 80%;
}

.h-\[80vh\] {
  height: 80vh;
}

.h-\[85vh\] {
  height: 85vh;
}

.h-\[88px\] {
  height: 88px;
}

.h-\[9\.5rem\] {
  height: 9.5rem;
}

.h-\[90\%\] {
  height: 90%;
}

.h-\[90vh\] {
  height: 90vh;
}

.h-\[93vh\] {
  height: 93vh;
}

.h-\[95vh\] {
  height: 95vh;
}

.h-\[auto\] {
  height: auto;
}

.h-\[calc\(100\%-2\.75rem\)\] {
  height: calc(100% - 2.75rem);
}

.h-\[calc\(100\%-4rem\)\] {
  height: calc(100% - 4rem);
}

.h-\[calc\(100vh-120px\)\] {
  height: calc(100vh - 120px);
}

.h-\[calc\(100vh-280px\)\] {
  height: calc(100vh - 280px);
}

.h-\[min\(22rem\2c 50vh\)\] {
  height: min(22rem,50vh);
}

.h-\[min\(25rem\2c 50vh\)\] {
  height: min(25rem,50vh);
}

.h-\[min\(360px\2c 40vh\)\] {
  height: min(360px,40vh);
}

.h-\[min\(68vh\2c 640px\)\] {
  height: min(68vh,640px);
}

.h-\[min\(720px\2c 88vh\)\] {
  height: min(720px,88vh);
}

.h-\[min\(720px\2c calc\(100dvh-9rem\)\)\] {
  height: min(720px,calc(100dvh - 9rem));
}

.h-\[min\(810px\2c calc\(100vh-3rem\)\)\] {
  height: min(810px,calc(100vh - 3rem));
}

.h-\[min\(88vh\2c 900px\)\] {
  height: min(88vh,900px);
}

.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}

.h-auto {
  height: auto;
}

.h-fit {
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-max {
  height: max-content;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.\!max-h-11 {
  max-height: 2.75rem !important;
}

.\!max-h-9 {
  max-height: 2.25rem !important;
}

.\!max-h-\[28px\] {
  max-height: 28px !important;
}

.\!max-h-\[32px\] {
  max-height: 32px !important;
}

.\!max-h-\[40px\] {
  max-height: 40px !important;
}

.\!max-h-\[48px\] {
  max-height: 48px !important;
}

.\!max-h-\[56px\] {
  max-height: 56px !important;
}

.max-h-0 {
  max-height: 0px;
}

.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-36 {
  max-height: 9rem;
}

.max-h-4 {
  max-height: 1rem;
}

.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-6 {
  max-height: 1.5rem;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-64 {
  max-height: 16rem;
}

.max-h-7 {
  max-height: 1.75rem;
}

.max-h-72 {
  max-height: 18rem;
}

.max-h-8 {
  max-height: 2rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-96 {
  max-height: 24rem;
}

.max-h-\[100dvh\] {
  max-height: 100dvh;
}

.max-h-\[100px\] {
  max-height: 100px;
}

.max-h-\[100vh\] {
  max-height: 100vh;
}

.max-h-\[120px\] {
  max-height: 120px;
}

.max-h-\[150px\] {
  max-height: 150px;
}

.max-h-\[180px\] {
  max-height: 180px;
}

.max-h-\[18px\] {
  max-height: 18px;
}

.max-h-\[190px\] {
  max-height: 190px;
}

.max-h-\[2\.75rem\] {
  max-height: 2.75rem;
}

.max-h-\[200px\] {
  max-height: 200px;
}

.max-h-\[220px\] {
  max-height: 220px;
}

.max-h-\[240px\] {
  max-height: 240px;
}

.max-h-\[280px\] {
  max-height: 280px;
}

.max-h-\[300px\] {
  max-height: 300px;
}

.max-h-\[30vh\] {
  max-height: 30vh;
}

.max-h-\[320px\] {
  max-height: 320px;
}

.max-h-\[330px\] {
  max-height: 330px;
}

.max-h-\[360px\] {
  max-height: 360px;
}

.max-h-\[400px\] {
  max-height: 400px;
}

.max-h-\[450px\] {
  max-height: 450px;
}

.max-h-\[480px\] {
  max-height: 480px;
}

.max-h-\[5000px\] {
  max-height: 5000px;
}

.max-h-\[500px\] {
  max-height: 500px;
}

.max-h-\[50vh\] {
  max-height: 50vh;
}

.max-h-\[520px\] {
  max-height: 520px;
}

.max-h-\[60px\] {
  max-height: 60px;
}

.max-h-\[60vh\] {
  max-height: 60vh;
}

.max-h-\[70vh\] {
  max-height: 70vh;
}

.max-h-\[72px\] {
  max-height: 72px;
}

.max-h-\[80vh\] {
  max-height: 80vh;
}

.max-h-\[810px\] {
  max-height: 810px;
}

.max-h-\[85vh\] {
  max-height: 85vh;
}

.max-h-\[88vh\] {
  max-height: 88vh;
}

.max-h-\[90\%\] {
  max-height: 90%;
}

.max-h-\[90vh\] {
  max-height: 90vh;
}

.max-h-\[92vh\] {
  max-height: 92vh;
}

.max-h-\[95vh\] {
  max-height: 95vh;
}

.max-h-\[calc\(100\%-12px\)\] {
  max-height: calc(100% - 12px);
}

.max-h-\[calc\(100vh-200px\)\] {
  max-height: calc(100vh - 200px);
}

.max-h-\[calc\(100vh-3rem\)\] {
  max-height: calc(100vh - 3rem);
}

.max-h-\[calc\(90vh-180px\)\] {
  max-height: calc(90vh - 180px);
}

.max-h-\[min\(180px\2c 26vh\)\] {
  max-height: min(180px,26vh);
}

.max-h-\[min\(220px\2c 30vh\)\] {
  max-height: min(220px,30vh);
}

.max-h-\[min\(24rem\2c 40vh\)\] {
  max-height: min(24rem,40vh);
}

.max-h-\[min\(24rem\2c 70vh\)\] {
  max-height: min(24rem,70vh);
}

.max-h-\[min\(280px\2c 40vh\)\] {
  max-height: min(280px,40vh);
}

.max-h-\[min\(280px\2c 50vh\)\] {
  max-height: min(280px,50vh);
}

.max-h-\[min\(34vh\2c 260px\)\] {
  max-height: min(34vh,260px);
}

.max-h-\[min\(360px\2c 50vh\)\] {
  max-height: min(360px,50vh);
}

.max-h-\[min\(36rem\2c calc\(100vh-12rem\)\)\] {
  max-height: min(36rem,calc(100vh - 12rem));
}

.max-h-\[min\(36rem\2c calc\(100vh-8rem\)\)\] {
  max-height: min(36rem,calc(100vh - 8rem));
}

.max-h-\[min\(38vh\2c 280px\)\] {
  max-height: min(38vh,280px);
}

.max-h-\[min\(48vh\2c 300px\)\] {
  max-height: min(48vh,300px);
}

.max-h-\[min\(48vh\2c 320px\)\] {
  max-height: min(48vh,320px);
}

.max-h-\[min\(520px\2c calc\(100dvh-22rem\)\)\] {
  max-height: min(520px,calc(100dvh - 22rem));
}

.max-h-\[min\(52vh\2c 420px\)\] {
  max-height: min(52vh,420px);
}

.max-h-\[min\(640px\2c calc\(100vh-22rem\)\)\] {
  max-height: min(640px,calc(100vh - 22rem));
}

.max-h-\[min\(720px\2c calc\(100dvh-16rem\)\)\] {
  max-height: min(720px,calc(100dvh - 16rem));
}

.max-h-\[min\(72vh\2c 760px\)\] {
  max-height: min(72vh,760px);
}

.max-h-\[min\(72vh\2c calc\(92vh-12rem\)\)\] {
  max-height: min(72vh,calc(92vh - 12rem));
}

.max-h-\[min\(85vh\2c 820px\)\] {
  max-height: min(85vh,820px);
}

.max-h-\[min\(88vh\2c 760px\)\] {
  max-height: min(88vh,760px);
}

.max-h-\[min\(90vh\2c 100dvh\)\] {
  max-height: min(90vh,100dvh);
}

.max-h-\[min\(90vh\2c 720px\)\] {
  max-height: min(90vh,720px);
}

.max-h-\[min\(90vh\2c 760px\)\] {
  max-height: min(90vh,760px);
}

.max-h-\[min\(90vh\2c 860px\)\] {
  max-height: min(90vh,860px);
}

.max-h-\[min\(90vh\2c 920px\)\] {
  max-height: min(90vh,920px);
}

.max-h-\[min\(92vh\2c 840px\)\] {
  max-height: min(92vh,840px);
}

.max-h-\[min\(92vh\2c 920px\)\] {
  max-height: min(92vh,920px);
}

.max-h-\[var\(--radix-popper-available-height\)\] {
  max-height: var(--radix-popper-available-height);
}

.max-h-full {
  max-height: 100%;
}

.max-h-none {
  max-height: none;
}

.max-h-screen {
  max-height: 100vh;
}

.\!min-h-0 {
  min-height: 0px !important;
}

.\!min-h-10 {
  min-height: 2.5rem !important;
}

.\!min-h-11 {
  min-height: 2.75rem !important;
}

.\!min-h-8 {
  min-height: 2rem !important;
}

.\!min-h-9 {
  min-height: 2.25rem !important;
}

.\!min-h-\[28px\] {
  min-height: 28px !important;
}

.\!min-h-\[32px\] {
  min-height: 32px !important;
}

.\!min-h-\[40px\] {
  min-height: 40px !important;
}

.\!min-h-\[48px\] {
  min-height: 48px !important;
}

.\!min-h-\[56px\] {
  min-height: 56px !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-14 {
  min-height: 3.5rem;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-20 {
  min-height: 5rem;
}

.min-h-28 {
  min-height: 7rem;
}

.min-h-32 {
  min-height: 8rem;
}

.min-h-5 {
  min-height: 1.25rem;
}

.min-h-8 {
  min-height: 2rem;
}

.min-h-9 {
  min-height: 2.25rem;
}

.min-h-\[1\.5em\] {
  min-height: 1.5em;
}

.min-h-\[100px\] {
  min-height: 100px;
}

.min-h-\[10px\] {
  min-height: 10px;
}

.min-h-\[110px\] {
  min-height: 110px;
}

.min-h-\[120px\] {
  min-height: 120px;
}

.min-h-\[12rem\] {
  min-height: 12rem;
}

.min-h-\[131px\] {
  min-height: 131px;
}

.min-h-\[132px\] {
  min-height: 132px;
}

.min-h-\[140px\] {
  min-height: 140px;
}

.min-h-\[148px\] {
  min-height: 148px;
}

.min-h-\[150px\] {
  min-height: 150px;
}

.min-h-\[155px\] {
  min-height: 155px;
}

.min-h-\[160px\] {
  min-height: 160px;
}

.min-h-\[163px\] {
  min-height: 163px;
}

.min-h-\[180px\] {
  min-height: 180px;
}

.min-h-\[18px\] {
  min-height: 18px;
}

.min-h-\[2\.5rem\] {
  min-height: 2.5rem;
}

.min-h-\[2\.75rem\] {
  min-height: 2.75rem;
}

.min-h-\[200px\] {
  min-height: 200px;
}

.min-h-\[220px\] {
  min-height: 220px;
}

.min-h-\[240px\] {
  min-height: 240px;
}

.min-h-\[24rem\] {
  min-height: 24rem;
}

.min-h-\[260px\] {
  min-height: 260px;
}

.min-h-\[280px\] {
  min-height: 280px;
}

.min-h-\[286px\] {
  min-height: 286px;
}

.min-h-\[29px\] {
  min-height: 29px;
}

.min-h-\[3\.25rem\] {
  min-height: 3.25rem;
}

.min-h-\[3\.5rem\] {
  min-height: 3.5rem;
}

.min-h-\[300px\] {
  min-height: 300px;
}

.min-h-\[320px\] {
  min-height: 320px;
}

.min-h-\[340px\] {
  min-height: 340px;
}

.min-h-\[360px\] {
  min-height: 360px;
}

.min-h-\[3rem\] {
  min-height: 3rem;
}

.min-h-\[4\.5rem\] {
  min-height: 4.5rem;
}

.min-h-\[400px\] {
  min-height: 400px;
}

.min-h-\[44px\] {
  min-height: 44px;
}

.min-h-\[470px\] {
  min-height: 470px;
}

.min-h-\[480px\] {
  min-height: 480px;
}

.min-h-\[5\.5rem\] {
  min-height: 5.5rem;
}

.min-h-\[500px\] {
  min-height: 500px;
}

.min-h-\[50px\] {
  min-height: 50px;
}

.min-h-\[50vh\] {
  min-height: 50vh;
}

.min-h-\[520px\] {
  min-height: 520px;
}

.min-h-\[52px\] {
  min-height: 52px;
}

.min-h-\[600px\] {
  min-height: 600px;
}

.min-h-\[60px\] {
  min-height: 60px;
}

.min-h-\[60vh\] {
  min-height: 60vh;
}

.min-h-\[61px\] {
  min-height: 61px;
}

.min-h-\[62px\] {
  min-height: 62px;
}

.min-h-\[64px\] {
  min-height: 64px;
}

.min-h-\[6rem\] {
  min-height: 6rem;
}

.min-h-\[72px\] {
  min-height: 72px;
}

.min-h-\[7rem\] {
  min-height: 7rem;
}

.min-h-\[80px\] {
  min-height: 80px;
}

.min-h-\[88px\] {
  min-height: 88px;
}

.min-h-\[8rem\] {
  min-height: 8rem;
}

.min-h-\[96px\] {
  min-height: 96px;
}

.min-h-\[min\(520px\2c 100\%\)\] {
  min-height: min(520px,100%);
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.\!w-8 {
  width: 2rem !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\/3 {
  width: 33.333333%;
}

.w-1\/4 {
  width: 25%;
}

.w-1\/5 {
  width: 20%;
}

.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-2\/5 {
  width: 40%;
}

.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\/5 {
  width: 80%;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.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-\[--radix-dropdown-menu-trigger-width\] {
  width: var(--radix-dropdown-menu-trigger-width);
}

.w-\[--sidebar-width\] {
  width: var(--sidebar-width);
}

.w-\[10\%\] {
  width: 10%;
}

.w-\[100px\] {
  width: 100px;
}

.w-\[102px\] {
  width: 102px;
}

.w-\[103px\] {
  width: 103px;
}

.w-\[116px\] {
  width: 116px;
}

.w-\[12\%\] {
  width: 12%;
}

.w-\[129px\] {
  width: 129px;
}

.w-\[13\%\] {
  width: 13%;
}

.w-\[140px\] {
  width: 140px;
}

.w-\[144px\] {
  width: 144px;
}

.w-\[15\%\] {
  width: 15%;
}

.w-\[150px\] {
  width: 150px;
}

.w-\[160px\] {
  width: 160px;
}

.w-\[164px\] {
  width: 164px;
}

.w-\[168px\] {
  width: 168px;
}

.w-\[169px\] {
  width: 169px;
}

.w-\[180px\] {
  width: 180px;
}

.w-\[188px\] {
  width: 188px;
}

.w-\[18px\] {
  width: 18px;
}

.w-\[190px\] {
  width: 190px;
}

.w-\[1px\] {
  width: 1px;
}

.w-\[2\.75rem\] {
  width: 2.75rem;
}

.w-\[20\%\] {
  width: 20%;
}

.w-\[200px\] {
  width: 200px;
}

.w-\[22vw\] {
  width: 22vw;
}

.w-\[240px\] {
  width: 240px;
}

.w-\[25\%\] {
  width: 25%;
}

.w-\[250px\] {
  width: 250px;
}

.w-\[260px\] {
  width: 260px;
}

.w-\[28\%\] {
  width: 28%;
}

.w-\[280px\] {
  width: 280px;
}

.w-\[2px\] {
  width: 2px;
}

.w-\[30\%\] {
  width: 30%;
}

.w-\[300px\] {
  width: 300px;
}

.w-\[30px\] {
  width: 30px;
}

.w-\[320px\] {
  width: 320px;
}

.w-\[324px\] {
  width: 324px;
}

.w-\[34\%\] {
  width: 34%;
}

.w-\[34px\] {
  width: 34px;
}

.w-\[35\%\] {
  width: 35%;
}

.w-\[360px\] {
  width: 360px;
}

.w-\[390px\] {
  width: 390px;
}

.w-\[4\.5rem\] {
  width: 4.5rem;
}

.w-\[40\%\] {
  width: 40%;
}

.w-\[400px\] {
  width: 400px;
}

.w-\[40vw\] {
  width: 40vw;
}

.w-\[42\%\] {
  width: 42%;
}

.w-\[429px\] {
  width: 429px;
}

.w-\[45\%\] {
  width: 45%;
}

.w-\[5\%\] {
  width: 5%;
}

.w-\[5\.25rem\] {
  width: 5.25rem;
}

.w-\[50\%\] {
  width: 50%;
}

.w-\[52px\] {
  width: 52px;
}

.w-\[54px\] {
  width: 54px;
}

.w-\[55\%\] {
  width: 55%;
}

.w-\[56px\] {
  width: 56px;
}

.w-\[60\%\] {
  width: 60%;
}

.w-\[64\%\] {
  width: 64%;
}

.w-\[65\%\] {
  width: 65%;
}

.w-\[70\%\] {
  width: 70%;
}

.w-\[70vw\] {
  width: 70vw;
}

.w-\[72\%\] {
  width: 72%;
}

.w-\[72px\] {
  width: 72px;
}

.w-\[75\%\] {
  width: 75%;
}

.w-\[76\%\] {
  width: 76%;
}

.w-\[76px\] {
  width: 76px;
}

.w-\[78\%\] {
  width: 78%;
}

.w-\[80\%\] {
  width: 80%;
}

.w-\[800px\] {
  width: 800px;
}

.w-\[80px\] {
  width: 80px;
}

.w-\[84\%\] {
  width: 84%;
}

.w-\[85\%\] {
  width: 85%;
}

.w-\[85px\] {
  width: 85px;
}

.w-\[86px\] {
  width: 86px;
}

.w-\[88\%\] {
  width: 88%;
}

.w-\[88px\] {
  width: 88px;
}

.w-\[90\%\] {
  width: 90%;
}

.w-\[90px\] {
  width: 90px;
}

.w-\[92\%\] {
  width: 92%;
}

.w-\[92px\] {
  width: 92px;
}

.w-\[95\%\] {
  width: 95%;
}

.w-\[95vw\] {
  width: 95vw;
}

.w-\[calc\(100vw-1\.25rem\)\] {
  width: calc(100vw - 1.25rem);
}

.w-\[clamp\(112px\2c 18vw\2c 148px\)\] {
  width: clamp(112px,18vw,148px);
}

.w-\[min\(100\%\2c 10rem\)\] {
  width: min(100%,10rem);
}

.w-\[min\(100\%\2c 28rem\)\] {
  width: min(100%,28rem);
}

.w-\[min\(100\%\2c calc\(100vw-1\.5rem\)\)\] {
  width: min(100%,calc(100vw - 1.5rem));
}

.w-\[min\(100vw\2c 280px\)\] {
  width: min(100vw,280px);
}

.w-\[min\(100vw\2c 390px\)\] {
  width: min(100vw,390px);
}

.w-\[min\(100vw-2rem\2c 22rem\)\] {
  width: min(100vw - 2rem,22rem);
}

.w-\[min\(100vw-2rem\2c 32rem\)\] {
  width: min(100vw - 2rem,32rem);
}

.w-\[min\(200px\2c 85vw\)\] {
  width: min(200px,85vw);
}

.w-\[min\(22rem\2c calc\(100vw-2rem\)\)\] {
  width: min(22rem,calc(100vw - 2rem));
}

.w-\[min\(320px\2c calc\(100vw-24px\)\)\] {
  width: min(320px,calc(100vw - 24px));
}

.w-\[min\(320px\2c calc\(100vw-2rem\)\)\] {
  width: min(320px,calc(100vw - 2rem));
}

.w-\[min\(34rem\2c 100\%\)\] {
  width: min(34rem,100%);
}

.w-\[min\(360px\2c calc\(100vw-24px\)\)\] {
  width: min(360px,calc(100vw - 24px));
}

.w-\[min\(360px\2c calc\(100vw-2rem\)\)\] {
  width: min(360px,calc(100vw - 2rem));
}

.w-\[min\(400px\2c calc\(100\%-30px\)\)\] {
  width: min(400px,calc(100% - 30px));
}

.w-\[min\(400px\2c calc\(100vw-2rem\)\)\] {
  width: min(400px,calc(100vw - 2rem));
}

.w-\[min\(420px\2c calc\(100vw-2rem\)\)\] {
  width: min(420px,calc(100vw - 2rem));
}

.w-\[min\(520px\2c calc\(100vw-40px\)\)\] {
  width: min(520px,calc(100vw - 40px));
}

.w-\[min\(96vw\2c 56rem\)\] {
  width: min(96vw,56rem);
}

.w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
  width: var(--radix-dropdown-menu-trigger-width);
}

.w-auto {
  width: auto;
}

.w-fit {
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-max {
  width: max-content;
}

.w-px {
  width: 1px;
}

.w-screen {
  width: 100vw;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-10 {
  min-width: 2.5rem;
}

.min-w-14 {
  min-width: 3.5rem;
}

.min-w-4 {
  min-width: 1rem;
}

.min-w-5 {
  min-width: 1.25rem;
}

.min-w-56 {
  min-width: 14rem;
}

.min-w-8 {
  min-width: 2rem;
}

.min-w-\[1\.625rem\] {
  min-width: 1.625rem;
}

.min-w-\[100px\] {
  min-width: 100px;
}

.min-w-\[112px\] {
  min-width: 112px;
}

.min-w-\[120px\] {
  min-width: 120px;
}

.min-w-\[12rem\] {
  min-width: 12rem;
}

.min-w-\[140px\] {
  min-width: 140px;
}

.min-w-\[148px\] {
  min-width: 148px;
}

.min-w-\[149px\] {
  min-width: 149px;
}

.min-w-\[150px\] {
  min-width: 150px;
}

.min-w-\[160px\] {
  min-width: 160px;
}

.min-w-\[16px\] {
  min-width: 16px;
}

.min-w-\[180px\] {
  min-width: 180px;
}

.min-w-\[188px\] {
  min-width: 188px;
}

.min-w-\[18rem\] {
  min-width: 18rem;
}

.min-w-\[2\.5rem\] {
  min-width: 2.5rem;
}

.min-w-\[200px\] {
  min-width: 200px;
}

.min-w-\[220px\] {
  min-width: 220px;
}

.min-w-\[240px\] {
  min-width: 240px;
}

.min-w-\[24px\] {
  min-width: 24px;
}

.min-w-\[250px\] {
  min-width: 250px;
}

.min-w-\[280px\] {
  min-width: 280px;
}

.min-w-\[2rem\] {
  min-width: 2rem;
}

.min-w-\[30rem\] {
  min-width: 30rem;
}

.min-w-\[320px\] {
  min-width: 320px;
}

.min-w-\[32vw\] {
  min-width: 32vw;
}

.min-w-\[36px\] {
  min-width: 36px;
}

.min-w-\[4\.5rem\] {
  min-width: 4.5rem;
}

.min-w-\[40px\] {
  min-width: 40px;
}

.min-w-\[44px\] {
  min-width: 44px;
}

.min-w-\[52px\] {
  min-width: 52px;
}

.min-w-\[640px\] {
  min-width: 640px;
}

.min-w-\[75px\] {
  min-width: 75px;
}

.min-w-\[760px\] {
  min-width: 760px;
}

.min-w-\[800px\] {
  min-width: 800px;
}

.min-w-\[80px\] {
  min-width: 80px;
}

.min-w-\[88px\] {
  min-width: 88px;
}

.min-w-\[8rem\] {
  min-width: 8rem;
}

.min-w-\[920px\] {
  min-width: 920px;
}

.min-w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
  min-width: var(--radix-dropdown-menu-trigger-width);
}

.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}

.min-w-full {
  min-width: 100%;
}

.min-w-max {
  min-width: max-content;
}

.max-w-0 {
  max-width: 0px;
}

.max-w-10 {
  max-width: 2.5rem;
}

.max-w-20 {
  max-width: 5rem;
}

.max-w-24 {
  max-width: 6rem;
}

.max-w-28 {
  max-width: 7rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-32 {
  max-width: 8rem;
}

.max-w-36 {
  max-width: 9rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-40 {
  max-width: 10rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6 {
  max-width: 1.5rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-7 {
  max-width: 1.75rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-8 {
  max-width: 2rem;
}

.max-w-\[--skeleton-width\] {
  max-width: var(--skeleton-width);
}

.max-w-\[100\%\] {
  max-width: 100%;
}

.max-w-\[100px\] {
  max-width: 100px;
}

.max-w-\[1030px\] {
  max-width: 1030px;
}

.max-w-\[1040px\] {
  max-width: 1040px;
}

.max-w-\[1200px\] {
  max-width: 1200px;
}

.max-w-\[120px\] {
  max-width: 120px;
}

.max-w-\[1220px\] {
  max-width: 1220px;
}

.max-w-\[1320px\] {
  max-width: 1320px;
}

.max-w-\[140px\] {
  max-width: 140px;
}

.max-w-\[15rem\] {
  max-width: 15rem;
}

.max-w-\[160px\] {
  max-width: 160px;
}

.max-w-\[180px\] {
  max-width: 180px;
}

.max-w-\[18px\] {
  max-width: 18px;
}

.max-w-\[2\.5rem\] {
  max-width: 2.5rem;
}

.max-w-\[2\.75rem\] {
  max-width: 2.75rem;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[220px\] {
  max-width: 220px;
}

.max-w-\[240px\] {
  max-width: 240px;
}

.max-w-\[250px\] {
  max-width: 250px;
}

.max-w-\[260px\] {
  max-width: 260px;
}

.max-w-\[280px\] {
  max-width: 280px;
}

.max-w-\[290px\] {
  max-width: 290px;
}

.max-w-\[300px\] {
  max-width: 300px;
}

.max-w-\[302px\] {
  max-width: 302px;
}

.max-w-\[320px\] {
  max-width: 320px;
}

.max-w-\[340px\] {
  max-width: 340px;
}

.max-w-\[349px\] {
  max-width: 349px;
}

.max-w-\[353px\] {
  max-width: 353px;
}

.max-w-\[360px\] {
  max-width: 360px;
}

.max-w-\[378\.667px\] {
  max-width: 378.667px;
}

.max-w-\[380px\] {
  max-width: 380px;
}

.max-w-\[390px\] {
  max-width: 390px;
}

.max-w-\[396px\] {
  max-width: 396px;
}

.max-w-\[400px\] {
  max-width: 400px;
}

.max-w-\[420px\] {
  max-width: 420px;
}

.max-w-\[440px\] {
  max-width: 440px;
}

.max-w-\[480px\] {
  max-width: 480px;
}

.max-w-\[5\.5rem\] {
  max-width: 5.5rem;
}

.max-w-\[500px\] {
  max-width: 500px;
}

.max-w-\[520px\] {
  max-width: 520px;
}

.max-w-\[560px\] {
  max-width: 560px;
}

.max-w-\[600px\] {
  max-width: 600px;
}

.max-w-\[60px\] {
  max-width: 60px;
}

.max-w-\[620px\] {
  max-width: 620px;
}

.max-w-\[640px\] {
  max-width: 640px;
}

.max-w-\[680px\] {
  max-width: 680px;
}

.max-w-\[696px\] {
  max-width: 696px;
}

.max-w-\[70\%\] {
  max-width: 70%;
}

.max-w-\[720px\] {
  max-width: 720px;
}

.max-w-\[72px\] {
  max-width: 72px;
}

.max-w-\[75\%\] {
  max-width: 75%;
}

.max-w-\[760px\] {
  max-width: 760px;
}

.max-w-\[80\%\] {
  max-width: 80%;
}

.max-w-\[800px\] {
  max-width: 800px;
}

.max-w-\[80px\] {
  max-width: 80px;
}

.max-w-\[80rem\] {
  max-width: 80rem;
}

.max-w-\[82\%\] {
  max-width: 82%;
}

.max-w-\[820px\] {
  max-width: 820px;
}

.max-w-\[85\%\] {
  max-width: 85%;
}

.max-w-\[85vw\] {
  max-width: 85vw;
}

.max-w-\[88\%\] {
  max-width: 88%;
}

.max-w-\[88px\] {
  max-width: 88px;
}

.max-w-\[90px\] {
  max-width: 90px;
}

.max-w-\[90vw\] {
  max-width: 90vw;
}

.max-w-\[912px\] {
  max-width: 912px;
}

.max-w-\[920px\] {
  max-width: 920px;
}

.max-w-\[93\%\] {
  max-width: 93%;
}

.max-w-\[95\%\] {
  max-width: 95%;
}

.max-w-\[95vw\] {
  max-width: 95vw;
}

.max-w-\[960px\] {
  max-width: 960px;
}

.max-w-\[980px\] {
  max-width: 980px;
}

.max-w-\[9rem\] {
  max-width: 9rem;
}

.max-w-\[calc\(100\%-2\.5rem\)\] {
  max-width: calc(100% - 2.5rem);
}

.max-w-\[calc\(100\%-3rem\)\] {
  max-width: calc(100% - 3rem);
}

.max-w-\[calc\(100\%-80px\)\] {
  max-width: calc(100% - 80px);
}

.max-w-\[calc\(100vw-32px\)\] {
  max-width: calc(100vw - 32px);
}

.max-w-\[min\(100\%\2c 18rem\)\] {
  max-width: min(100%,18rem);
}

.max-w-\[min\(100\%\2c 220px\)\] {
  max-width: min(100%,220px);
}

.max-w-\[min\(100\%\2c 28rem\)\] {
  max-width: min(100%,28rem);
}

.max-w-\[min\(100vw\2c 400px\)\] {
  max-width: min(100vw,400px);
}

.max-w-\[min\(100vw-2rem\2c 18rem\)\] {
  max-width: min(100vw - 2rem,18rem);
}

.max-w-\[min\(100vw-2rem\2c 32rem\)\] {
  max-width: min(100vw - 2rem,32rem);
}

.max-w-\[min\(20rem\2c calc\(100vw-2rem\)\)\] {
  max-width: min(20rem,calc(100vw - 2rem));
}

.max-w-\[min\(220px\2c 34vw\)\] {
  max-width: min(220px,34vw);
}

.max-w-\[min\(28rem\2c calc\(100vw-2rem\)\)\] {
  max-width: min(28rem,calc(100vw - 2rem));
}

.max-w-\[min\(340px\2c 96\%\)\] {
  max-width: min(340px,96%);
}

.max-w-\[min\(600px\2c calc\(100vw-2rem\)\)\] {
  max-width: min(600px,calc(100vw - 2rem));
}

.max-w-\[min\(760px\2c calc\(100vw-2rem\)\)\] {
  max-width: min(760px,calc(100vw - 2rem));
}

.max-w-\[min\(92vw\2c 920px\)\] {
  max-width: min(92vw,920px);
}

.max-w-\[min\(94vw\2c 1120px\)\] {
  max-width: min(94vw,1120px);
}

.max-w-\[min\(95vw\2c 72rem\)\] {
  max-width: min(95vw,72rem);
}

.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-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-\[0_1_210px\] {
  flex: 0 1 210px;
}

.flex-\[3\] {
  flex: 3;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.\!shrink-0 {
  flex-shrink: 0 !important;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.grow {
  flex-grow: 1;
}

.basis-0 {
  flex-basis: 0px;
}

.table-auto {
  table-layout: auto;
}

.table-fixed {
  table-layout: fixed;
}

.caption-bottom {
  caption-side: bottom;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-bottom-left {
  transform-origin: bottom left;
}

.origin-center {
  transform-origin: center;
}

.origin-top {
  transform-origin: top;
}

.origin-top-left {
  transform-origin: top left;
}

.origin-top-right {
  transform-origin: top right;
}

.-translate-x-0\.5 {
  --tw-translate-x: -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));
}

.-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-10 {
  --tw-translate-x: -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-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-x-px {
  --tw-translate-x: -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));
}

.-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));
}

.-translate-y-1 {
  --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));
}

.-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-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-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-0\.5 {
  --tw-translate-x: 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));
}

.translate-x-4 {
  --tw-translate-x: 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-x-5 {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-50\%\] {
  --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-px {
  --tw-translate-x: 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));
}

.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-1 {
  --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));
}

.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-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-6 {
  --tw-translate-y: 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-y-\[-1vh\] {
  --tw-translate-y: -1vh;
  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-\[-2vh\] {
  --tw-translate-y: -2vh;
  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-\[-50\%\] {
  --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));
}

.-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-0 {
  --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));
}

.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));
}

.rotate-\[-90deg\] {
  --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-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.96\] {
  --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));
}

.scale-\[0\.97\] {
  --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));
}

.scale-\[0\.98\] {
  --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));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes 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;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeIn {
  animation: fadeIn 1s ease-in-out forwards;
}

@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-crosshair {
  cursor: crosshair;
}

.cursor-default {
  cursor: default;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-help {
  cursor: help;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-nwse-resize {
  cursor: nwse-resize;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.cursor-wait {
  cursor: wait;
}

.touch-none {
  touch-action: none;
}

.select-none {
  -webkit-user-select: none;
          user-select: none;
}

.select-text {
  -webkit-user-select: text;
          user-select: text;
}

.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize {
  resize: both;
}

.scroll-mt-4 {
  scroll-margin-top: 1rem;
}

.scroll-mt-6 {
  scroll-margin-top: 1.5rem;
}

.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  appearance: none;
}

.columns-2 {
  columns: 2;
}

.break-inside-avoid {
  break-inside: avoid;
}

.auto-rows-auto {
  grid-auto-rows: auto;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, 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-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-\[220px_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 220px minmax(0,1fr);
}

.grid-cols-\[2fr\2c 1fr\2c 1fr\2c 48px\2c 48px\] {
  grid-template-columns: 2fr 1fr 1fr 48px 48px;
}

.grid-cols-\[auto_minmax\(0\2c 1fr\)_auto\] {
  grid-template-columns: auto minmax(0,1fr) auto;
}

.grid-cols-\[minmax\(0\2c 1\.5fr\)_minmax\(96px\2c 1fr\)_minmax\(88px\2c 110px\)_minmax\(110px\2c 140px\)_minmax\(88px\2c 110px\)_minmax\(96px\2c 120px\)_72px\] {
  grid-template-columns: minmax(0,1.5fr) minmax(96px,1fr) minmax(88px,110px) minmax(110px,140px) minmax(88px,110px) minmax(96px,120px) 72px;
}

.grid-cols-\[minmax\(0\2c 1fr\)_repeat\(3\2c minmax\(110px\2c 130px\)\)\] {
  grid-template-columns: minmax(0,1fr) repeat(3,minmax(110px,130px));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

.\!flex-col {
  flex-direction: column !important;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.place-content-center {
  place-content: center;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.\!items-center {
  align-items: center !important;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.\!justify-start {
  justify-content: flex-start !important;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.\!justify-center {
  justify-content: center !important;
}

.justify-center {
  justify-content: center;
}

.\!justify-between {
  justify-content: space-between !important;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.\!gap-0 {
  gap: 0px !important;
}

.\!gap-1 {
  gap: 0.25rem !important;
}

.\!gap-2 {
  gap: 0.5rem !important;
}

.\!gap-3 {
  gap: 0.75rem !important;
}

.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-14 {
  gap: 3.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-2\.5 {
  gap: 0.625rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-3\.5 {
  gap: 0.875rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[11px\] {
  gap: 11px;
}

.gap-\[14px\] {
  gap: 14px;
}

.gap-\[18px\] {
  gap: 18px;
}

.gap-\[19px\] {
  gap: 19px;
}

.gap-\[3px\] {
  gap: 3px;
}

.gap-\[5px\] {
  gap: 5px;
}

.gap-\[6px\] {
  gap: 6px;
}

.gap-\[7px\] {
  gap: 7px;
}

.gap-\[9px\] {
  gap: 9px;
}

.gap-px {
  gap: 1px;
}

.gap-x-1 {
  column-gap: 0.25rem;
}

.gap-x-10 {
  column-gap: 2.5rem;
}

.gap-x-2 {
  column-gap: 0.5rem;
}

.gap-x-4 {
  column-gap: 1rem;
}

.gap-x-6 {
  column-gap: 1.5rem;
}

.gap-x-8 {
  column-gap: 2rem;
}

.gap-x-\[14px\] {
  column-gap: 14px;
}

.gap-x-\[15px\] {
  column-gap: 15px;
}

.gap-x-\[18px\] {
  column-gap: 18px;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-\[14px\] {
  row-gap: 14px;
}

.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * 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-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(3rem * var(--tw-space-x-reverse));
  margin-left: calc(3rem * 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-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(5rem * var(--tw-space-x-reverse));
  margin-left: calc(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-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-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * 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));
}

.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-\[\#ebe9fe\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(235 233 254 / var(--tw-divide-opacity));
}

.divide-\[\#ece9f4\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-divide-opacity));
}

.divide-\[\#f4f3ff\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(244 243 255 / var(--tw-divide-opacity));
}

.divide-border > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border));
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.\!self-start {
  align-self: flex-start !important;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.justify-self-start {
  justify-self: start;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overscroll-contain {
  overscroll-behavior: contain;
}

.overscroll-none {
  overscroll-behavior: none;
}

.overscroll-y-contain {
  overscroll-behavior-y: contain;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.whitespace-normal {
  white-space: normal;
}

.\!whitespace-nowrap {
  white-space: nowrap !important;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.text-wrap {
  text-wrap: wrap;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.break-keep {
  word-break: keep-all;
}

.\!rounded-lg {
  border-radius: var(--radius) !important;
}

.\!rounded-none {
  border-radius: 0px !important;
}

.\!rounded-xl {
  border-radius: 0.75rem !important;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-\[11px\] {
  border-radius: 11px;
}

.rounded-\[12px\] {
  border-radius: 12px;
}

.rounded-\[13px\] {
  border-radius: 13px;
}

.rounded-\[14px\] {
  border-radius: 14px;
}

.rounded-\[14px_14px_14px_4px\] {
  border-radius: 14px 14px 14px 4px;
}

.rounded-\[14px_14px_4px_14px\] {
  border-radius: 14px 14px 4px 14px;
}

.rounded-\[16px\] {
  border-radius: 16px;
}

.rounded-\[17px\] {
  border-radius: 17px;
}

.rounded-\[18px\] {
  border-radius: 18px;
}

.rounded-\[20px\] {
  border-radius: 20px;
}

.rounded-\[22px\] {
  border-radius: 22px;
}

.rounded-\[24px\] {
  border-radius: 24px;
}

.rounded-\[28px\] {
  border-radius: 28px;
}

.rounded-\[3\.5px\] {
  border-radius: 3.5px;
}

.rounded-\[3px\] {
  border-radius: 3px;
}

.rounded-\[4px\] {
  border-radius: 4px;
}

.rounded-\[5px\] {
  border-radius: 5px;
}

.rounded-\[7px\] {
  border-radius: 7px;
}

.rounded-\[8px\] {
  border-radius: 8px;
}

.rounded-\[9px\] {
  border-radius: 9px;
}

.rounded-\[inherit\] {
  border-radius: inherit;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: var(--radius);
}

.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}

.rounded-none {
  border-radius: 0px;
}

.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}

.rounded-xl {
  border-radius: 0.75rem;
}

.\!rounded-l-xl {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}

.\!rounded-r-xl {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}

.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-b-\[11px\] {
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
}

.rounded-b-lg {
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.rounded-b-md {
  border-bottom-right-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}

.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-l-lg {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-r-lg {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-s {
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
}

.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-t-\[22px\] {
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}

.rounded-t-\[9px\] {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.rounded-t-lg {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

.rounded-t-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-top-right-radius: calc(var(--radius) - 2px);
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
}

.rounded-bl-lg {
  border-bottom-left-radius: var(--radius);
}

.rounded-bl-md {
  border-bottom-left-radius: calc(var(--radius) - 2px);
}

.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem;
}

.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
}

.rounded-br-\[5px\] {
  border-bottom-right-radius: 5px;
}

.rounded-br-md {
  border-bottom-right-radius: calc(var(--radius) - 2px);
}

.rounded-br-xl {
  border-bottom-right-radius: 0.75rem;
}

.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}

.rounded-tl-\[5px\] {
  border-top-left-radius: 5px;
}

.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}

.rounded-tr-lg {
  border-top-right-radius: var(--radius);
}

.rounded-tr-md {
  border-top-right-radius: calc(var(--radius) - 2px);
}

.\!border {
  border-width: 1px !important;
}

.\!border-0 {
  border-width: 0px !important;
}

.\!border-\[1\.5px\] {
  border-width: 1.5px !important;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-\[1\.5px\] {
  border-width: 1.5px;
}

.border-\[10px\] {
  border-width: 10px;
}

.border-\[1px\] {
  border-width: 1px;
}

.border-\[3px\] {
  border-width: 3px;
}

.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}

.border-x-\[2px\] {
  border-left-width: 2px;
  border-right-width: 2px;
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-l-\[2px\] {
  border-left-width: 2px;
}

.border-l-\[3px\] {
  border-left-width: 3px;
}

.border-l-\[4px\] {
  border-left-width: 4px;
}

.border-r {
  border-right-width: 1px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-r-\[2px\] {
  border-right-width: 2px;
}

.border-r-\[3px\] {
  border-right-width: 3px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-t-8 {
  border-top-width: 8px;
}

.border-t-\[3px\] {
  border-top-width: 3px;
}

.border-t-\[4px\] {
  border-top-width: 4px;
}

.\!border-solid {
  border-style: solid !important;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-none {
  border-style: none;
}

.\!border-\[\#7f56d9\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(127 86 217 / var(--tw-border-opacity)) !important;
}

.\!border-\[\#d5d7da\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(213 215 218 / var(--tw-border-opacity)) !important;
}

.\!border-\[\#d8d3e6\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(216 211 230 / var(--tw-border-opacity)) !important;
}

.\!border-skymod-blue-gray-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(234 236 245 / var(--tw-border-opacity)) !important;
}

.\!border-skymod-brand-900 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(32 23 104 / var(--tw-border-opacity)) !important;
}

.\!border-slate-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important;
}

.\!border-transparent {
  border-color: transparent !important;
}

.border-\[\#175cd3\] {
  --tw-border-opacity: 1;
  border-color: rgb(23 92 211 / var(--tw-border-opacity));
}

.border-\[\#1a1654\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 22 84 / var(--tw-border-opacity));
}

.border-\[\#201768\] {
  --tw-border-opacity: 1;
  border-color: rgb(32 23 104 / var(--tw-border-opacity));
}

.border-\[\#2a2640\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 38 64 / var(--tw-border-opacity));
}

.border-\[\#54E828\] {
  --tw-border-opacity: 1;
  border-color: rgb(84 232 40 / var(--tw-border-opacity));
}

.border-\[\#6366F1\] {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.border-\[\#6366f1\] {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.border-\[\#6366f1\]\/20 {
  border-color: rgb(99 102 241 / 0.2);
}

.border-\[\#6366f1\]\/25 {
  border-color: rgb(99 102 241 / 0.25);
}

.border-\[\#6366f1\]\/30 {
  border-color: rgb(99 102 241 / 0.3);
}

.border-\[\#6366f1\]\/40 {
  border-color: rgb(99 102 241 / 0.4);
}

.border-\[\#676FCA\] {
  --tw-border-opacity: 1;
  border-color: rgb(103 111 202 / var(--tw-border-opacity));
}

.border-\[\#686ccc\]\/20 {
  border-color: rgb(104 108 204 / 0.2);
}

.border-\[\#6938ef\] {
  --tw-border-opacity: 1;
  border-color: rgb(105 56 239 / var(--tw-border-opacity));
}

.border-\[\#7B85FF\] {
  --tw-border-opacity: 1;
  border-color: rgb(123 133 255 / var(--tw-border-opacity));
}

.border-\[\#7a85f9\] {
  --tw-border-opacity: 1;
  border-color: rgb(122 133 249 / var(--tw-border-opacity));
}

.border-\[\#7a85f9\]\/20 {
  border-color: rgb(122 133 249 / 0.2);
}

.border-\[\#7c83fd\] {
  --tw-border-opacity: 1;
  border-color: rgb(124 131 253 / var(--tw-border-opacity));
}

.border-\[\#7f56d9\] {
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.border-\[\#7f56d9\]\/35 {
  border-color: rgb(127 86 217 / 0.35);
}

.border-\[\#979797\] {
  --tw-border-opacity: 1;
  border-color: rgb(151 151 151 / var(--tw-border-opacity));
}

.border-\[\#9e77ed\] {
  --tw-border-opacity: 1;
  border-color: rgb(158 119 237 / var(--tw-border-opacity));
}

.border-\[\#9fccbf\] {
  --tw-border-opacity: 1;
  border-color: rgb(159 204 191 / var(--tw-border-opacity));
}

.border-\[\#ACB3FF\] {
  --tw-border-opacity: 1;
  border-color: rgb(172 179 255 / var(--tw-border-opacity));
}

.border-\[\#ACB3FF\]\/20 {
  border-color: rgb(172 179 255 / 0.2);
}

.border-\[\#D8DDFF\] {
  --tw-border-opacity: 1;
  border-color: rgb(216 221 255 / var(--tw-border-opacity));
}

.border-\[\#D9D9D9\] {
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}

.border-\[\#E2E5FF\] {
  --tw-border-opacity: 1;
  border-color: rgb(226 229 255 / var(--tw-border-opacity));
}

.border-\[\#E2E8F0\] {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.border-\[\#E5E7EB\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-\[\#E6E8FF\] {
  --tw-border-opacity: 1;
  border-color: rgb(230 232 255 / var(--tw-border-opacity));
}

.border-\[\#E8E6F0\] {
  --tw-border-opacity: 1;
  border-color: rgb(232 230 240 / var(--tw-border-opacity));
}

.border-\[\#FF4D4D\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 77 77 / var(--tw-border-opacity));
}

.border-\[\#FFC107\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 193 7 / var(--tw-border-opacity));
}

.border-\[\#FFECB3\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 236 179 / var(--tw-border-opacity));
}

.border-\[\#a7f3d0\] {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
}

.border-\[\#abb3fe\]\/10 {
  border-color: rgb(171 179 254 / 0.1);
}

.border-\[\#abb3fe\]\/20 {
  border-color: rgb(171 179 254 / 0.2);
}

.border-\[\#abb3fe\]\/30 {
  border-color: rgb(171 179 254 / 0.3);
}

.border-\[\#abefc6\] {
  --tw-border-opacity: 1;
  border-color: rgb(171 239 198 / var(--tw-border-opacity));
}

.border-\[\#abefc6\]\/70 {
  border-color: rgb(171 239 198 / 0.7);
}

.border-\[\#b2ddff\] {
  --tw-border-opacity: 1;
  border-color: rgb(178 221 255 / var(--tw-border-opacity));
}

.border-\[\#b2ddff\]\/60 {
  border-color: rgb(178 221 255 / 0.6);
}

.border-\[\#b8dcf0\] {
  --tw-border-opacity: 1;
  border-color: rgb(184 220 240 / var(--tw-border-opacity));
}

.border-\[\#b8e6d0\] {
  --tw-border-opacity: 1;
  border-color: rgb(184 230 208 / var(--tw-border-opacity));
}

.border-\[\#bbf7d0\] {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity));
}

.border-\[\#bfdbfe\] {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}

.border-\[\#c4b5fd\] {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity));
}

.border-\[\#c7d2fe\] {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
}

.border-\[\#c7d7fe\] {
  --tw-border-opacity: 1;
  border-color: rgb(199 215 254 / var(--tw-border-opacity));
}

.border-\[\#c8cce5\] {
  --tw-border-opacity: 1;
  border-color: rgb(200 204 229 / var(--tw-border-opacity));
}

.border-\[\#c8cff5\] {
  --tw-border-opacity: 1;
  border-color: rgb(200 207 245 / var(--tw-border-opacity));
}

.border-\[\#cbcad3\] {
  --tw-border-opacity: 1;
  border-color: rgb(203 202 211 / var(--tw-border-opacity));
}

.border-\[\#d0d5dd\] {
  --tw-border-opacity: 1;
  border-color: rgb(208 213 221 / var(--tw-border-opacity));
}

.border-\[\#d0d5ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(208 213 255 / var(--tw-border-opacity));
}

.border-\[\#d0d7ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(208 215 255 / var(--tw-border-opacity));
}

.border-\[\#d5d7da\] {
  --tw-border-opacity: 1;
  border-color: rgb(213 215 218 / var(--tw-border-opacity));
}

.border-\[\#d6bbfb\] {
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.border-\[\#d6d5e6\] {
  --tw-border-opacity: 1;
  border-color: rgb(214 213 230 / var(--tw-border-opacity));
}

.border-\[\#d6dbff\] {
  --tw-border-opacity: 1;
  border-color: rgb(214 219 255 / var(--tw-border-opacity));
}

.border-\[\#d7d2ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(215 210 255 / var(--tw-border-opacity));
}

.border-\[\#d7dcff\] {
  --tw-border-opacity: 1;
  border-color: rgb(215 220 255 / var(--tw-border-opacity));
}

.border-\[\#d8cff9\] {
  --tw-border-opacity: 1;
  border-color: rgb(216 207 249 / var(--tw-border-opacity));
}

.border-\[\#d8d3e6\] {
  --tw-border-opacity: 1;
  border-color: rgb(216 211 230 / var(--tw-border-opacity));
}

.border-\[\#d9d6fe\] {
  --tw-border-opacity: 1;
  border-color: rgb(217 214 254 / var(--tw-border-opacity));
}

.border-\[\#ddd6fe\] {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity));
}

.border-\[\#ddd9e8\] {
  --tw-border-opacity: 1;
  border-color: rgb(221 217 232 / var(--tw-border-opacity));
}

.border-\[\#e0e0e0\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
}

.border-\[\#e0e4ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 228 255 / var(--tw-border-opacity));
}

.border-\[\#e1e5ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(225 229 255 / var(--tw-border-opacity));
}

.border-\[\#e4e0f0\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 224 240 / var(--tw-border-opacity));
}

.border-\[\#e4e0f5\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 224 245 / var(--tw-border-opacity));
}

.border-\[\#e4e0fb\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 224 251 / var(--tw-border-opacity));
}

.border-\[\#e4e3ef\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 227 239 / var(--tw-border-opacity));
}

.border-\[\#e4e4e7\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity));
}

.border-\[\#e4e7ec\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 231 236 / var(--tw-border-opacity));
}

.border-\[\#e5e7eb\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-\[\#e5e7f2\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 242 / var(--tw-border-opacity));
}

.border-\[\#e7e4f0\] {
  --tw-border-opacity: 1;
  border-color: rgb(231 228 240 / var(--tw-border-opacity));
}

.border-\[\#e8e4f3\] {
  --tw-border-opacity: 1;
  border-color: rgb(232 228 243 / var(--tw-border-opacity));
}

.border-\[\#e8e5f2\] {
  --tw-border-opacity: 1;
  border-color: rgb(232 229 242 / var(--tw-border-opacity));
}

.border-\[\#e9d7fe\] {
  --tw-border-opacity: 1;
  border-color: rgb(233 215 254 / var(--tw-border-opacity));
}

.border-\[\#e9e5ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(233 229 255 / var(--tw-border-opacity));
}

.border-\[\#e9eaeb\] {
  --tw-border-opacity: 1;
  border-color: rgb(233 234 235 / var(--tw-border-opacity));
}

.border-\[\#eaecf0\] {
  --tw-border-opacity: 1;
  border-color: rgb(234 236 240 / var(--tw-border-opacity));
}

.border-\[\#eaecf5\] {
  --tw-border-opacity: 1;
  border-color: rgb(234 236 245 / var(--tw-border-opacity));
}

.border-\[\#ebe9fe\] {
  --tw-border-opacity: 1;
  border-color: rgb(235 233 254 / var(--tw-border-opacity));
}

.border-\[\#ece8f4\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 232 244 / var(--tw-border-opacity));
}

.border-\[\#ece9f4\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-border-opacity));
}

.border-\[\#ececf3\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 236 243 / var(--tw-border-opacity));
}

.border-\[\#eef0fe\] {
  --tw-border-opacity: 1;
  border-color: rgb(238 240 254 / var(--tw-border-opacity));
}

.border-\[\#f0f0f5\] {
  --tw-border-opacity: 1;
  border-color: rgb(240 240 245 / var(--tw-border-opacity));
}

.border-\[\#f2f4f7\] {
  --tw-border-opacity: 1;
  border-color: rgb(242 244 247 / var(--tw-border-opacity));
}

.border-\[\#f3f4fa\] {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 250 / var(--tw-border-opacity));
}

.border-\[\#f4f3ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(244 243 255 / var(--tw-border-opacity));
}

.border-\[\#f5f5f5\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity));
}

.border-\[\#f5fbff\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 251 255 / var(--tw-border-opacity));
}

.border-\[\#f9dbaf\] {
  --tw-border-opacity: 1;
  border-color: rgb(249 219 175 / var(--tw-border-opacity));
}

.border-\[\#fafafa\] {
  --tw-border-opacity: 1;
  border-color: rgb(250 250 250 / var(--tw-border-opacity));
}

.border-\[\#fafaff\] {
  --tw-border-opacity: 1;
  border-color: rgb(250 250 255 / var(--tw-border-opacity));
}

.border-\[\#fcceee\] {
  --tw-border-opacity: 1;
  border-color: rgb(252 206 238 / var(--tw-border-opacity));
}

.border-\[\#fcd34d\] {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity));
}

.border-\[\#fcd34d\]\/45 {
  border-color: rgb(252 211 77 / 0.45);
}

.border-\[\#fde68a\] {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}

.border-\[\#fec84b\] {
  --tw-border-opacity: 1;
  border-color: rgb(254 200 75 / var(--tw-border-opacity));
}

.border-\[\#fec84b\]\/70 {
  border-color: rgb(254 200 75 / 0.7);
}

.border-\[\#fecdca\] {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 202 / var(--tw-border-opacity));
}

.border-\[\#fecdca\]\/70 {
  border-color: rgb(254 205 202 / 0.7);
}

.border-\[\#fed7aa\] {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
}

.border-\[\#fedf89\] {
  --tw-border-opacity: 1;
  border-color: rgb(254 223 137 / var(--tw-border-opacity));
}

.border-\[rgba\(32\2c 23\2c 104\2c 0\.1\)\] {
  border-color: rgba(32,23,104,0.1);
}

.border-amber-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity));
}

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}

.border-amber-200\/30 {
  border-color: rgb(253 230 138 / 0.3);
}

.border-amber-200\/40 {
  border-color: rgb(253 230 138 / 0.4);
}

.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));
}

.border-amber-300\/80 {
  border-color: rgb(252 211 77 / 0.8);
}

.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity));
}

.border-amber-600 {
  --tw-border-opacity: 1;
  border-color: rgb(217 119 6 / var(--tw-border-opacity));
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity));
}

.border-blue-100\/80 {
  border-color: rgb(219 234 254 / 0.8);
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}

.border-blue-200\/80 {
  border-color: rgb(191 219 254 / 0.8);
}

.border-blue-200\/90 {
  border-color: rgb(191 219 254 / 0.9);
}

.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
}

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}

.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.border-border {
  border-color: hsl(var(--border));
}

.border-border\/40 {
  border-color: hsl(var(--border) / 0.4);
}

.border-border\/50 {
  border-color: hsl(var(--border) / 0.5);
}

.border-border\/60 {
  border-color: hsl(var(--border) / 0.6);
}

.border-border\/70 {
  border-color: hsl(var(--border) / 0.7);
}

.border-border\/80 {
  border-color: hsl(var(--border) / 0.8);
}

.border-canvas-border {
  --tw-border-opacity: 1;
  border-color: rgb(234 236 240 / var(--tw-border-opacity));
}

.border-canvas-border\/40 {
  border-color: rgb(234 236 240 / 0.4);
}

.border-canvas-line {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-current {
  border-color: currentColor;
}

.border-cyan-200 {
  --tw-border-opacity: 1;
  border-color: rgb(165 243 252 / var(--tw-border-opacity));
}

.border-cyan-200\/80 {
  border-color: rgb(165 243 252 / 0.8);
}

.border-destructive {
  border-color: hsl(var(--destructive));
}

.border-destructive\/25 {
  border-color: hsl(var(--destructive) / 0.25);
}

.border-destructive\/30 {
  border-color: hsl(var(--destructive) / 0.3);
}

.border-destructive\/50 {
  border-color: hsl(var(--destructive) / 0.5);
}

.border-emerald-100 {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity));
}

.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
}

.border-emerald-200\/70 {
  border-color: rgb(167 243 208 / 0.7);
}

.border-emerald-200\/80 {
  border-color: rgb(167 243 208 / 0.8);
}

.border-emerald-300 {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity));
}

.border-emerald-300\/80 {
  border-color: rgb(110 231 183 / 0.8);
}

.border-emerald-400 {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity));
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.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));
}

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity));
}

.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}

.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgb(220 252 231 / var(--tw-border-opacity));
}

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity));
}

.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity));
}

.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity));
}

.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
}

.border-indigo-100 {
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity));
}

.border-indigo-100\/80 {
  border-color: rgb(224 231 255 / 0.8);
}

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
}

.border-indigo-200\/80 {
  border-color: rgb(199 210 254 / 0.8);
}

.border-indigo-200\/90 {
  border-color: rgb(199 210 254 / 0.9);
}

.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
}

.border-indigo-400 {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity));
}

.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.border-indigo-600 {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity));
}

.border-input {
  border-color: hsl(var(--input));
}

.border-muted {
  border-color: hsl(var(--muted));
}

.border-muted-foreground\/20 {
  border-color: hsl(var(--muted-foreground) / 0.2);
}

.border-muted-foreground\/25 {
  border-color: hsl(var(--muted-foreground) / 0.25);
}

.border-muted-foreground\/30 {
  border-color: hsl(var(--muted-foreground) / 0.3);
}

.border-orange-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / var(--tw-border-opacity));
}

.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
}

.border-orange-200\/80 {
  border-color: rgb(254 215 170 / 0.8);
}

.border-orange-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity));
}

.border-pink-100\/80 {
  border-color: rgb(252 231 243 / 0.8);
}

.border-pink-200 {
  --tw-border-opacity: 1;
  border-color: rgb(251 207 232 / var(--tw-border-opacity));
}

.border-pink-200\/70 {
  border-color: rgb(251 207 232 / 0.7);
}

.border-pink-200\/80 {
  border-color: rgb(251 207 232 / 0.8);
}

.border-pink-300 {
  --tw-border-opacity: 1;
  border-color: rgb(249 168 212 / var(--tw-border-opacity));
}

.border-pink-300\/80 {
  border-color: rgb(249 168 212 / 0.8);
}

.border-primary {
  border-color: hsl(var(--primary));
}

.border-primary\/20 {
  border-color: hsl(var(--primary) / 0.2);
}

.border-primary\/25 {
  border-color: hsl(var(--primary) / 0.25);
}

.border-primary\/35 {
  border-color: hsl(var(--primary) / 0.35);
}

.border-purple-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 232 255 / var(--tw-border-opacity));
}

.border-purple-100\/50 {
  border-color: rgb(243 232 255 / 0.5);
}

.border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity));
}

.border-purple-200\/60 {
  border-color: rgb(233 213 255 / 0.6);
}

.border-purple-200\/90 {
  border-color: rgb(233 213 255 / 0.9);
}

.border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity));
}

.border-purple-300\/50 {
  border-color: rgb(216 180 254 / 0.5);
}

.border-purple-400 {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity));
}

.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity));
}

.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}

.border-red-200\/60 {
  border-color: rgb(254 202 202 / 0.6);
}

.border-red-200\/90 {
  border-color: rgb(254 202 202 / 0.9);
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}

.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}

.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity));
}

.border-sidebar {
  border-color: hsl(var(--sidebar-background));
}

.border-sidebar-border {
  border-color: hsl(var(--sidebar-border));
}

.border-sidebar-border\/60 {
  border-color: hsl(var(--sidebar-border) / 0.6);
}

.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity));
}

.border-sky-200\/70 {
  border-color: rgb(186 230 253 / 0.7);
}

.border-sky-200\/80 {
  border-color: rgb(186 230 253 / 0.8);
}

.border-sky-300\/80 {
  border-color: rgb(125 211 252 / 0.8);
}

.border-sky-400 {
  --tw-border-opacity: 1;
  border-color: rgb(56 189 248 / var(--tw-border-opacity));
}

.border-sky-studio-primary\/10 {
  border-color: rgb(124 131 253 / 0.1);
}

.border-sky-studio-primary\/15 {
  border-color: rgb(124 131 253 / 0.15);
}

.border-sky-studio-primary\/20 {
  border-color: rgb(124 131 253 / 0.2);
}

.border-sky-studio-primary\/25 {
  border-color: rgb(124 131 253 / 0.25);
}

.border-sky-studio-primary\/35 {
  border-color: rgb(124 131 253 / 0.35);
}

.border-sky-studio-primary\/50 {
  border-color: rgb(124 131 253 / 0.5);
}

.border-sky-studio-primary\/55 {
  border-color: rgb(124 131 253 / 0.55);
}

.border-skymod-blue-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(234 236 245 / var(--tw-border-opacity));
}

.border-skymod-blue-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(200 204 229 / var(--tw-border-opacity));
}

.border-skymod-blue-light-50 {
  --tw-border-opacity: 1;
  border-color: rgb(240 249 255 / var(--tw-border-opacity));
}

.border-skymod-brand-100 {
  --tw-border-opacity: 1;
  border-color: rgb(244 235 255 / var(--tw-border-opacity));
}

.border-skymod-brand-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 215 254 / var(--tw-border-opacity));
}

.border-skymod-brand-300 {
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.border-skymod-brand-400 {
  --tw-border-opacity: 1;
  border-color: rgb(182 146 246 / var(--tw-border-opacity));
}

.border-skymod-brand-50 {
  --tw-border-opacity: 1;
  border-color: rgb(249 245 255 / var(--tw-border-opacity));
}

.border-skymod-brand-500 {
  --tw-border-opacity: 1;
  border-color: rgb(158 119 237 / var(--tw-border-opacity));
}

.border-skymod-brand-600 {
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.border-skymod-brand-700 {
  --tw-border-opacity: 1;
  border-color: rgb(105 65 198 / var(--tw-border-opacity));
}

.border-skymod-brand-900 {
  --tw-border-opacity: 1;
  border-color: rgb(32 23 104 / var(--tw-border-opacity));
}

.border-skymod-error-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 228 226 / var(--tw-border-opacity));
}

.border-skymod-error-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 202 / var(--tw-border-opacity));
}

.border-skymod-error-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 162 155 / var(--tw-border-opacity));
}

.border-skymod-error-600 {
  --tw-border-opacity: 1;
  border-color: rgb(217 45 32 / var(--tw-border-opacity));
}

.border-skymod-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity));
}

.border-skymod-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 234 235 / var(--tw-border-opacity));
}

.border-skymod-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(213 215 218 / var(--tw-border-opacity));
}

.border-skymod-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(164 167 174 / var(--tw-border-opacity));
}

.border-skymod-success-100 {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 223 / var(--tw-border-opacity));
}

.border-skymod-success-200 {
  --tw-border-opacity: 1;
  border-color: rgb(166 244 197 / var(--tw-border-opacity));
}

.border-skymod-success-50 {
  --tw-border-opacity: 1;
  border-color: rgb(236 253 243 / var(--tw-border-opacity));
}

.border-skymod-warning-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 199 / var(--tw-border-opacity));
}

.border-skymod-warning-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 223 137 / var(--tw-border-opacity));
}

.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.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));
}

.border-slate-600 {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.border-slate-900 {
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity));
}

.border-stone-200 {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity));
}

.border-stone-200\/70 {
  border-color: rgb(231 229 228 / 0.7);
}

.border-stone-200\/80 {
  border-color: rgb(231 229 228 / 0.8);
}

.border-teal-200\/80 {
  border-color: rgb(153 246 228 / 0.8);
}

.border-transparent {
  border-color: transparent;
}

.border-violet-100 {
  --tw-border-opacity: 1;
  border-color: rgb(237 233 254 / var(--tw-border-opacity));
}

.border-violet-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity));
}

.border-violet-200\/20 {
  border-color: rgb(221 214 254 / 0.2);
}

.border-violet-200\/30 {
  border-color: rgb(221 214 254 / 0.3);
}

.border-violet-200\/40 {
  border-color: rgb(221 214 254 / 0.4);
}

.border-violet-200\/70 {
  border-color: rgb(221 214 254 / 0.7);
}

.border-violet-200\/80 {
  border-color: rgb(221 214 254 / 0.8);
}

.border-violet-300 {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity));
}

.border-violet-300\/20 {
  border-color: rgb(196 181 253 / 0.2);
}

.border-violet-300\/80 {
  border-color: rgb(196 181 253 / 0.8);
}

.border-violet-300\/90 {
  border-color: rgb(196 181 253 / 0.9);
}

.border-violet-500 {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity));
}

.border-violet-500\/50 {
  border-color: rgb(139 92 246 / 0.5);
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}

.border-white\/40 {
  border-color: rgb(255 255 255 / 0.4);
}

.border-white\/50 {
  border-color: rgb(255 255 255 / 0.5);
}

.border-white\/80 {
  border-color: rgb(255 255 255 / 0.8);
}

.border-yellow-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 249 195 / var(--tw-border-opacity));
}

.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity));
}

.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity));
}

.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity));
}

.border-x-transparent {
  border-left-color: transparent;
  border-right-color: transparent;
}

.border-b-\[\#676FCA\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(103 111 202 / var(--tw-border-opacity));
}

.border-b-\[\#D9D9D9\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
}

.border-l-\[\#6366f1\] {
  --tw-border-opacity: 1;
  border-left-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.border-l-amber-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(245 158 11 / var(--tw-border-opacity));
}

.border-l-blue-400 {
  --tw-border-opacity: 1;
  border-left-color: rgb(96 165 250 / var(--tw-border-opacity));
}

.border-l-blue-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.border-l-blue-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.border-l-blue-700 {
  --tw-border-opacity: 1;
  border-left-color: rgb(29 78 216 / var(--tw-border-opacity));
}

.border-l-cyan-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(8 145 178 / var(--tw-border-opacity));
}

.border-l-emerald-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(16 185 129 / var(--tw-border-opacity));
}

.border-l-emerald-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(5 150 105 / var(--tw-border-opacity));
}

.border-l-emerald-700 {
  --tw-border-opacity: 1;
  border-left-color: rgb(4 120 87 / var(--tw-border-opacity));
}

.border-l-fuchsia-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(192 38 211 / var(--tw-border-opacity));
}

.border-l-green-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(34 197 94 / var(--tw-border-opacity));
}

.border-l-green-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(22 163 74 / var(--tw-border-opacity));
}

.border-l-indigo-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.border-l-indigo-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(79 70 229 / var(--tw-border-opacity));
}

.border-l-lime-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(101 163 13 / var(--tw-border-opacity));
}

.border-l-neutral-700 {
  --tw-border-opacity: 1;
  border-left-color: rgb(64 64 64 / var(--tw-border-opacity));
}

.border-l-neutral-800 {
  --tw-border-opacity: 1;
  border-left-color: rgb(38 38 38 / var(--tw-border-opacity));
}

.border-l-orange-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(249 115 22 / var(--tw-border-opacity));
}

.border-l-orange-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(234 88 12 / var(--tw-border-opacity));
}

.border-l-purple-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(147 51 234 / var(--tw-border-opacity));
}

.border-l-red-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.border-l-sky-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(14 165 233 / var(--tw-border-opacity));
}

.border-l-sky-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(2 132 199 / var(--tw-border-opacity));
}

.border-l-skymod-brand-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.border-l-skymod-brand-900 {
  --tw-border-opacity: 1;
  border-left-color: rgb(32 23 104 / var(--tw-border-opacity));
}

.border-l-slate-200\/60 {
  border-left-color: rgb(226 232 240 / 0.6);
}

.border-l-slate-400 {
  --tw-border-opacity: 1;
  border-left-color: rgb(148 163 184 / var(--tw-border-opacity));
}

.border-l-slate-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.border-l-slate-700 {
  --tw-border-opacity: 1;
  border-left-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.border-l-slate-800 {
  --tw-border-opacity: 1;
  border-left-color: rgb(30 41 59 / var(--tw-border-opacity));
}

.border-l-teal-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(13 148 136 / var(--tw-border-opacity));
}

.border-l-teal-700 {
  --tw-border-opacity: 1;
  border-left-color: rgb(15 118 110 / var(--tw-border-opacity));
}

.border-l-transparent {
  border-left-color: transparent;
}

.border-l-violet-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(139 92 246 / var(--tw-border-opacity));
}

.border-l-violet-600 {
  --tw-border-opacity: 1;
  border-left-color: rgb(124 58 237 / var(--tw-border-opacity));
}

.border-l-yellow-500 {
  --tw-border-opacity: 1;
  border-left-color: rgb(234 179 8 / var(--tw-border-opacity));
}

.border-l-zinc-700 {
  --tw-border-opacity: 1;
  border-left-color: rgb(63 63 70 / var(--tw-border-opacity));
}

.border-r-transparent {
  border-right-color: transparent;
}

.border-t-\[\#5c3fd4\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(92 63 212 / var(--tw-border-opacity));
}

.border-t-blue-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.border-t-gray-800 {
  --tw-border-opacity: 1;
  border-top-color: rgb(31 41 55 / var(--tw-border-opacity));
}

.border-t-slate-600 {
  --tw-border-opacity: 1;
  border-top-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.border-t-transparent {
  border-top-color: transparent;
}

.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.\!bg-\[\#039855\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(3 152 85 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#201768\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(32 23 104 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#2d247f\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(45 36 127 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#d92d20\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(217 45 32 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#dc6803\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 104 3 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#f4f3ff\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity)) !important;
}

.\!bg-skymod-brand-900 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(32 23 104 / var(--tw-bg-opacity)) !important;
}

.\!bg-skymod-gray-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity)) !important;
}

.\!bg-transparent {
  background-color: transparent !important;
}

.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#0078D4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 120 212 / var(--tw-bg-opacity));
}

.bg-\[\#0078D4\]\/25 {
  background-color: rgb(0 120 212 / 0.25);
}

.bg-\[\#0f0d1f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 13 31 / var(--tw-bg-opacity));
}

.bg-\[\#0f0d24\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 13 36 / var(--tw-bg-opacity));
}

.bg-\[\#0f0d24\]\/50 {
  background-color: rgb(15 13 36 / 0.5);
}

.bg-\[\#0f172a0d\] {
  background-color: #0f172a0d;
}

.bg-\[\#0f172a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.bg-\[\#101828\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 24 40 / var(--tw-bg-opacity));
}

.bg-\[\#10b981\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}

.bg-\[\#12b76a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 183 106 / var(--tw-bg-opacity));
}

.bg-\[\#16132a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 19 42 / var(--tw-bg-opacity));
}

.bg-\[\#17b26a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 178 106 / var(--tw-bg-opacity));
}

.bg-\[\#1a1654\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 22 84 / var(--tw-bg-opacity));
}

.bg-\[\#201768\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 23 104 / var(--tw-bg-opacity));
}

.bg-\[\#32d583\] {
  --tw-bg-opacity: 1;
  background-color: rgb(50 213 131 / var(--tw-bg-opacity));
}

.bg-\[\#3b2f66\] {
  --tw-bg-opacity: 1;
  background-color: rgb(59 47 102 / var(--tw-bg-opacity));
}

.bg-\[\#4f46e5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

.bg-\[\#5D3FD3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(93 63 211 / var(--tw-bg-opacity));
}

.bg-\[\#5c3fd4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(92 63 212 / var(--tw-bg-opacity));
}

.bg-\[\#5f68d6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(95 104 214 / var(--tw-bg-opacity));
}

.bg-\[\#605aef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(96 90 239 / var(--tw-bg-opacity));
}

.bg-\[\#6366F1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.bg-\[\#6366F1\]\/10 {
  background-color: rgb(99 102 241 / 0.1);
}

.bg-\[\#6366f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.bg-\[\#6366f1\]\/10 {
  background-color: rgb(99 102 241 / 0.1);
}

.bg-\[\#6366f1\]\/15 {
  background-color: rgb(99 102 241 / 0.15);
}

.bg-\[\#6366f1\]\/35 {
  background-color: rgb(99 102 241 / 0.35);
}

.bg-\[\#6366f1\]\/45 {
  background-color: rgb(99 102 241 / 0.45);
}

.bg-\[\#6366f1\]\/50 {
  background-color: rgb(99 102 241 / 0.5);
}

.bg-\[\#6366f1\]\/70 {
  background-color: rgb(99 102 241 / 0.7);
}

.bg-\[\#6366f1\]\/80 {
  background-color: rgb(99 102 241 / 0.8);
}

.bg-\[\#676FCA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(103 111 202 / var(--tw-bg-opacity));
}

.bg-\[\#676FCA\]\/10 {
  background-color: rgb(103 111 202 / 0.1);
}

.bg-\[\#676FCA\]\/5 {
  background-color: rgb(103 111 202 / 0.05);
}

.bg-\[\#6938ef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(105 56 239 / var(--tw-bg-opacity));
}

.bg-\[\#7B85FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(123 133 255 / var(--tw-bg-opacity));
}

.bg-\[\#7D4CDB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(125 76 219 / var(--tw-bg-opacity));
}

.bg-\[\#7a85f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(122 133 249 / var(--tw-bg-opacity));
}

.bg-\[\#7c3aed\] {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
}

.bg-\[\#7c83fd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(124 131 253 / var(--tw-bg-opacity));
}

.bg-\[\#7f56d9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(127 86 217 / var(--tw-bg-opacity));
}

.bg-\[\#8A93FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(138 147 255 / var(--tw-bg-opacity));
}

.bg-\[\#9698e4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(150 152 228 / var(--tw-bg-opacity));
}

.bg-\[\#98a2b3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(152 162 179 / var(--tw-bg-opacity));
}

.bg-\[\#9994ac\] {
  --tw-bg-opacity: 1;
  background-color: rgb(153 148 172 / var(--tw-bg-opacity));
}

.bg-\[\#ACB3FF47\] {
  background-color: #ACB3FF47;
}

.bg-\[\#ACB3FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(172 179 255 / var(--tw-bg-opacity));
}

.bg-\[\#ACB3FF\]\/10 {
  background-color: rgb(172 179 255 / 0.1);
}

.bg-\[\#ACB3FF\]\/20 {
  background-color: rgb(172 179 255 / 0.2);
}

.bg-\[\#ACB3FF\]\/30 {
  background-color: rgb(172 179 255 / 0.3);
}

.bg-\[\#ACB3FF\]\/5 {
  background-color: rgb(172 179 255 / 0.05);
}

.bg-\[\#D6DAFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(214 218 255 / var(--tw-bg-opacity));
}

.bg-\[\#D9D9D9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity));
}

.bg-\[\#EDEEFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 238 255 / var(--tw-bg-opacity));
}

.bg-\[\#EEF2FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.bg-\[\#F0F1FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 255 / var(--tw-bg-opacity));
}

.bg-\[\#F3F4FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 255 / var(--tw-bg-opacity));
}

.bg-\[\#F4F5FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 255 / var(--tw-bg-opacity));
}

.bg-\[\#F5F7FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 255 / var(--tw-bg-opacity));
}

.bg-\[\#F6F6F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

.bg-\[\#F7F7F7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}

.bg-\[\#F8F9FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 255 / var(--tw-bg-opacity));
}

.bg-\[\#F8F9FF\]\/30 {
  background-color: rgb(248 249 255 / 0.3);
}

.bg-\[\#FAFAFA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-\[\#FAFBFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 255 / var(--tw-bg-opacity));
}

.bg-\[\#FFC107\]\/10 {
  background-color: rgb(255 193 7 / 0.1);
}

.bg-\[\#FFE6E9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 230 233 / var(--tw-bg-opacity));
}

.bg-\[\#FFF8E1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 225 / var(--tw-bg-opacity));
}

.bg-\[\#FFFDE7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 253 231 / var(--tw-bg-opacity));
}

.bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-\[\#abb3fe\]\/20 {
  background-color: rgb(171 179 254 / 0.2);
}

.bg-\[\#d0d5dd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(208 213 221 / var(--tw-bg-opacity));
}

.bg-\[\#d5d7da\] {
  --tw-bg-opacity: 1;
  background-color: rgb(213 215 218 / var(--tw-bg-opacity));
}

.bg-\[\#d7d2ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(215 210 255 / var(--tw-bg-opacity));
}

.bg-\[\#d8d3e6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(216 211 230 / var(--tw-bg-opacity));
}

.bg-\[\#dc2626\] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.bg-\[\#ddd9e8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(221 217 232 / var(--tw-bg-opacity));
}

.bg-\[\#e0f2fe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.bg-\[\#e4e0f2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 224 242 / var(--tw-bg-opacity));
}

.bg-\[\#e5e7ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 255 / var(--tw-bg-opacity));
}

.bg-\[\#e8ecff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 236 255 / var(--tw-bg-opacity));
}

.bg-\[\#e8f4fc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 244 252 / var(--tw-bg-opacity));
}

.bg-\[\#e9eaeb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 234 235 / var(--tw-bg-opacity));
}

.bg-\[\#eaecf0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 240 / var(--tw-bg-opacity));
}

.bg-\[\#eaecf5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 245 / var(--tw-bg-opacity));
}

.bg-\[\#eb001b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 0 27 / var(--tw-bg-opacity));
}

.bg-\[\#ece9f4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 233 244 / var(--tw-bg-opacity));
}

.bg-\[\#ece9f4\]\/60 {
  background-color: rgb(236 233 244 / 0.6);
}

.bg-\[\#ecfdf3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 243 / var(--tw-bg-opacity));
}

.bg-\[\#ecfdf5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}

.bg-\[\#ede9fe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.bg-\[\#edeeff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 238 255 / var(--tw-bg-opacity));
}

.bg-\[\#eef0fe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 240 254 / var(--tw-bg-opacity));
}

.bg-\[\#eef2ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.bg-\[\#eef4ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 255 / var(--tw-bg-opacity));
}

.bg-\[\#eff6ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.bg-\[\#eff8ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 248 255 / var(--tw-bg-opacity));
}

.bg-\[\#f04438\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 68 56 / var(--tw-bg-opacity));
}

.bg-\[\#f0eef5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 238 245 / var(--tw-bg-opacity));
}

.bg-\[\#f0f0f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}

.bg-\[\#f0f0f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 248 / var(--tw-bg-opacity));
}

.bg-\[\#f0f2ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 242 255 / var(--tw-bg-opacity));
}

.bg-\[\#f0f9ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}

.bg-\[\#f2f4f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}

.bg-\[\#f3f1fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 241 250 / var(--tw-bg-opacity));
}

.bg-\[\#f3f4ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 255 / var(--tw-bg-opacity));
}

.bg-\[\#f4ebff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.bg-\[\#f4f2f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 242 248 / var(--tw-bg-opacity));
}

.bg-\[\#f4f3ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity));
}

.bg-\[\#f4f3ff\]\/80 {
  background-color: rgb(244 243 255 / 0.8);
}

.bg-\[\#f4f5fe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 254 / var(--tw-bg-opacity));
}

.bg-\[\#f59e0b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}

.bg-\[\#f5f3ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
}

.bg-\[\#f5f4f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 244 248 / var(--tw-bg-opacity));
}

.bg-\[\#f5f4fc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 244 252 / var(--tw-bg-opacity));
}

.bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-\[\#f5f5fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 250 / var(--tw-bg-opacity));
}

.bg-\[\#f5f7ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 255 / var(--tw-bg-opacity));
}

.bg-\[\#f79009\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 144 9 / var(--tw-bg-opacity));
}

.bg-\[\#f79e1b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 158 27 / var(--tw-bg-opacity));
}

.bg-\[\#f7f8fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250 / var(--tw-bg-opacity));
}

.bg-\[\#f8f6ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 246 255 / var(--tw-bg-opacity));
}

.bg-\[\#f8f7fc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 252 / var(--tw-bg-opacity));
}

.bg-\[\#f8f7ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 255 / var(--tw-bg-opacity));
}

.bg-\[\#f8f8f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.bg-\[\#f8f8fb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 251 / var(--tw-bg-opacity));
}

.bg-\[\#f8f8fd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 253 / var(--tw-bg-opacity));
}

.bg-\[\#f8f9fc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.bg-\[\#f8f9ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 255 / var(--tw-bg-opacity));
}

.bg-\[\#f8fafc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.bg-\[\#f9f5ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.bg-\[\#f9fafb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-\[\#f9faff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 255 / var(--tw-bg-opacity));
}

.bg-\[\#faf5ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
}

.bg-\[\#faf9fc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 252 / var(--tw-bg-opacity));
}

.bg-\[\#faf9fe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 254 / var(--tw-bg-opacity));
}

.bg-\[\#faf9ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 255 / var(--tw-bg-opacity));
}

.bg-\[\#fafafa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-\[\#fafafc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity));
}

.bg-\[\#fafaff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 255 / var(--tw-bg-opacity));
}

.bg-\[\#fafbff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 255 / var(--tw-bg-opacity));
}

.bg-\[\#fbfafd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 253 / var(--tw-bg-opacity));
}

.bg-\[\#fbfaff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 255 / var(--tw-bg-opacity));
}

.bg-\[\#fbfbff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 255 / var(--tw-bg-opacity));
}

.bg-\[\#fcfbfe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 254 / var(--tw-bg-opacity));
}

.bg-\[\#fcfbff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 255 / var(--tw-bg-opacity));
}

.bg-\[\#fcfcfd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 253 / var(--tw-bg-opacity));
}

.bg-\[\#fcfcfe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 254 / var(--tw-bg-opacity));
}

.bg-\[\#fcfcff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 255 / var(--tw-bg-opacity));
}

.bg-\[\#fdb022\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 176 34 / var(--tw-bg-opacity));
}

.bg-\[\#fdf2fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 250 / var(--tw-bg-opacity));
}

.bg-\[\#fdfdfd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 253 / var(--tw-bg-opacity));
}

.bg-\[\#fecdca\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 205 202 / var(--tw-bg-opacity));
}

.bg-\[\#fee4e2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 228 226 / var(--tw-bg-opacity));
}

.bg-\[\#fef3f2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 242 / var(--tw-bg-opacity));
}

.bg-\[\#fff6eb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 235 / var(--tw-bg-opacity));
}

.bg-\[\#fff6ed\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 237 / var(--tw-bg-opacity));
}

.bg-\[\#fff7ed\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}

.bg-\[\#fffaeb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 235 / var(--tw-bg-opacity));
}

.bg-\[\#fffbeb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}

.bg-\[rgba\(146\2c 64\2c 14\2c 0\.1\)\] {
  background-color: rgba(146,64,14,0.1);
}

.bg-\[rgba\(172\2c 179\2c 255\2c 0\.14\)\] {
  background-color: rgba(172,179,255,0.14);
}

.bg-\[rgba\(20\2c 17\2c 60\2c 0\.32\)\] {
  background-color: rgba(20,17,60,0.32);
}

.bg-\[rgba\(20\2c 17\2c 60\2c 0\.36\)\] {
  background-color: rgba(20,17,60,0.36);
}

.bg-\[rgba\(218\2c 218\2c 218\2c 0\.11\)\] {
  background-color: rgba(218,218,218,0.11);
}

.bg-\[var\(--sdm-bg\2c inherit\)\] {
  background-color: var(--sdm-bg,inherit);
}

.bg-\[var\(--sdm-tbg\)\] {
  background-color: var(--sdm-tbg);
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.bg-amber-100\/80 {
  background-color: rgb(254 243 199 / 0.8);
}

.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}

.bg-amber-50\/30 {
  background-color: rgb(255 251 235 / 0.3);
}

.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-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}

.bg-amber-500\/10 {
  background-color: rgb(245 158 11 / 0.1);
}

.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}

.bg-background {
  background-color: hsl(var(--background));
}

.bg-background\/50 {
  background-color: hsl(var(--background) / 0.5);
}

.bg-background\/60 {
  background-color: hsl(var(--background) / 0.6);
}

.bg-background\/70 {
  background-color: hsl(var(--background) / 0.7);
}

.bg-background\/80 {
  background-color: hsl(var(--background) / 0.8);
}

.bg-background\/85 {
  background-color: hsl(var(--background) / 0.85);
}

.bg-background\/90 {
  background-color: hsl(var(--background) / 0.9);
}

.bg-background\/95 {
  background-color: hsl(var(--background) / 0.95);
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-black\/0 {
  background-color: rgb(0 0 0 / 0);
}

.bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1);
}

.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}

.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}

.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}

.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}

.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}

.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.bg-blue-100\/40 {
  background-color: rgb(219 234 254 / 0.4);
}

.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}

.bg-blue-200\/25 {
  background-color: rgb(191 219 254 / 0.25);
}

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}

.bg-blue-400\/40 {
  background-color: rgb(96 165 250 / 0.4);
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.bg-blue-50\/20 {
  background-color: rgb(239 246 255 / 0.2);
}

.bg-blue-50\/40 {
  background-color: rgb(239 246 255 / 0.4);
}

.bg-blue-50\/50 {
  background-color: rgb(239 246 255 / 0.5);
}

.bg-blue-50\/80 {
  background-color: rgb(239 246 255 / 0.8);
}

.bg-blue-50\/90 {
  background-color: rgb(239 246 255 / 0.9);
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.bg-border {
  background-color: hsl(var(--border));
}

.bg-canvas-surface {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-canvas-surface-hover\/50 {
  background-color: rgb(243 244 246 / 0.5);
}

.bg-canvas-surface-muted {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-card {
  background-color: hsl(var(--card));
}

.bg-card\/30 {
  background-color: hsl(var(--card) / 0.3);
}

.bg-card\/50 {
  background-color: hsl(var(--card) / 0.5);
}

.bg-card\/60 {
  background-color: hsl(var(--card) / 0.6);
}

.bg-card\/70 {
  background-color: hsl(var(--card) / 0.7);
}

.bg-card\/80 {
  background-color: hsl(var(--card) / 0.8);
}

.bg-card\/90 {
  background-color: hsl(var(--card) / 0.9);
}

.bg-current {
  background-color: currentColor;
}

.bg-cyan-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity));
}

.bg-cyan-50\/50 {
  background-color: rgb(236 254 255 / 0.5);
}

.bg-cyan-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
}

.bg-cyan-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}

.bg-destructive {
  background-color: hsl(var(--destructive));
}

.bg-destructive\/10 {
  background-color: hsl(var(--destructive) / 0.1);
}

.bg-destructive\/5 {
  background-color: hsl(var(--destructive) / 0.05);
}

.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}

.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}

.bg-emerald-50\/40 {
  background-color: rgb(236 253 245 / 0.4);
}

.bg-emerald-50\/50 {
  background-color: rgb(236 253 245 / 0.5);
}

.bg-emerald-50\/80 {
  background-color: rgb(236 253 245 / 0.8);
}

.bg-emerald-50\/90 {
  background-color: rgb(236 253 245 / 0.9);
}

.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}

.bg-emerald-500\/10 {
  background-color: rgb(16 185 129 / 0.1);
}

.bg-emerald-500\/\[0\.06\] {
  background-color: rgb(16 185 129 / 0.06);
}

.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}

.bg-emerald-600\/15 {
  background-color: rgb(5 150 105 / 0.15);
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-100\/80 {
  background-color: rgb(243 244 246 / 0.8);
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-gray-50\/50 {
  background-color: rgb(249 250 251 / 0.5);
}

.bg-gray-50\/60 {
  background-color: rgb(249 250 251 / 0.6);
}

.bg-gray-50\/80 {
  background-color: rgb(249 250 251 / 0.8);
}

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
}

.bg-green-400\/40 {
  background-color: rgb(74 222 128 / 0.4);
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}

.bg-green-50\/50 {
  background-color: rgb(240 253 244 / 0.5);
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

.bg-indigo-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(199 210 254 / var(--tw-bg-opacity));
}

.bg-indigo-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(129 140 248 / var(--tw-bg-opacity));
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.bg-indigo-50\/50 {
  background-color: rgb(238 242 255 / 0.5);
}

.bg-indigo-50\/60 {
  background-color: rgb(238 242 255 / 0.6);
}

.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

.bg-muted {
  background-color: hsl(var(--muted));
}

.bg-muted\/15 {
  background-color: hsl(var(--muted) / 0.15);
}

.bg-muted\/20 {
  background-color: hsl(var(--muted) / 0.2);
}

.bg-muted\/25 {
  background-color: hsl(var(--muted) / 0.25);
}

.bg-muted\/30 {
  background-color: hsl(var(--muted) / 0.3);
}

.bg-muted\/35 {
  background-color: hsl(var(--muted) / 0.35);
}

.bg-muted\/40 {
  background-color: hsl(var(--muted) / 0.4);
}

.bg-muted\/50 {
  background-color: hsl(var(--muted) / 0.5);
}

.bg-muted\/70 {
  background-color: hsl(var(--muted) / 0.7);
}

.bg-muted\/80 {
  background-color: hsl(var(--muted) / 0.8);
}

.bg-neutral-200\/90 {
  background-color: rgb(229 229 229 / 0.9);
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}

.bg-orange-50\/40 {
  background-color: rgb(255 247 237 / 0.4);
}

.bg-orange-50\/50 {
  background-color: rgb(255 247 237 / 0.5);
}

.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}

.bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}

.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity));
}

.bg-pink-100\/60 {
  background-color: rgb(252 231 243 / 0.6);
}

.bg-pink-100\/90 {
  background-color: rgb(252 231 243 / 0.9);
}

.bg-pink-50\/90 {
  background-color: rgb(253 242 248 / 0.9);
}

.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity));
}

.bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity));
}

.bg-popover {
  background-color: hsl(var(--popover));
}

.bg-primary {
  background-color: hsl(var(--primary));
}

.bg-primary\/10 {
  background-color: hsl(var(--primary) / 0.1);
}

.bg-primary\/5 {
  background-color: hsl(var(--primary) / 0.05);
}

.bg-primary\/\[0\.07\] {
  background-color: hsl(var(--primary) / 0.07);
}

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}

.bg-purple-100\/90 {
  background-color: rgb(243 232 255 / 0.9);
}

.bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(216 180 254 / var(--tw-bg-opacity));
}

.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
}

.bg-purple-50\/50 {
  background-color: rgb(250 245 255 / 0.5);
}

.bg-purple-50\/90 {
  background-color: rgb(250 245 255 / 0.9);
}

.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}

.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.bg-red-200\/80 {
  background-color: rgb(254 202 202 / 0.8);
}

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.bg-red-50\/50 {
  background-color: rgb(254 242 242 / 0.5);
}

.bg-red-50\/80 {
  background-color: rgb(254 242 242 / 0.8);
}

.bg-red-50\/90 {
  background-color: rgb(254 242 242 / 0.9);
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}

.bg-secondary {
  background-color: hsl(var(--secondary));
}

.bg-sidebar {
  background-color: hsl(var(--sidebar-background));
}

.bg-sidebar-border {
  background-color: hsl(var(--sidebar-border));
}

.bg-sidebar\/80 {
  background-color: hsl(var(--sidebar-background) / 0.8);
}

.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}

.bg-sky-50\/50 {
  background-color: rgb(240 249 255 / 0.5);
}

.bg-sky-50\/90 {
  background-color: rgb(240 249 255 / 0.9);
}

.bg-sky-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}

.bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
}

.bg-sky-studio-background {
  --tw-bg-opacity: 1;
  background-color: rgb(237 238 255 / var(--tw-bg-opacity));
}

.bg-sky-studio-background\/35 {
  background-color: rgb(237 238 255 / 0.35);
}

.bg-sky-studio-background\/40 {
  background-color: rgb(237 238 255 / 0.4);
}

.bg-sky-studio-background\/50 {
  background-color: rgb(237 238 255 / 0.5);
}

.bg-sky-studio-background\/55 {
  background-color: rgb(237 238 255 / 0.55);
}

.bg-sky-studio-background\/60 {
  background-color: rgb(237 238 255 / 0.6);
}

.bg-sky-studio-background\/80 {
  background-color: rgb(237 238 255 / 0.8);
}

.bg-sky-studio-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(124 131 253 / var(--tw-bg-opacity));
}

.bg-sky-studio-primary\/10 {
  background-color: rgb(124 131 253 / 0.1);
}

.bg-sky-studio-primary\/\[0\.04\] {
  background-color: rgb(124 131 253 / 0.04);
}

.bg-sky-studio-primary\/\[0\.06\] {
  background-color: rgb(124 131 253 / 0.06);
}

.bg-sky-studio-primary\/\[0\.07\] {
  background-color: rgb(124 131 253 / 0.07);
}

.bg-sky-studio-primary\/\[0\.08\] {
  background-color: rgb(124 131 253 / 0.08);
}

.bg-skymod-blue-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 245 / var(--tw-bg-opacity));
}

.bg-skymod-blue-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.bg-skymod-blue-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(78 91 166 / var(--tw-bg-opacity));
}

.bg-skymod-blue-light-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.bg-skymod-blue-light-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(54 191 250 / var(--tw-bg-opacity));
}

.bg-skymod-blue-light-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}

.bg-skymod-brand-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.bg-skymod-brand-200\/80 {
  background-color: rgb(233 215 254 / 0.8);
}

.bg-skymod-brand-25 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 250 255 / var(--tw-bg-opacity));
}

.bg-skymod-brand-25\/40 {
  background-color: rgb(252 250 255 / 0.4);
}

.bg-skymod-brand-25\/60 {
  background-color: rgb(252 250 255 / 0.6);
}

.bg-skymod-brand-25\/70 {
  background-color: rgb(252 250 255 / 0.7);
}

.bg-skymod-brand-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.bg-skymod-brand-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(127 86 217 / var(--tw-bg-opacity));
}

.bg-skymod-brand-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(105 65 198 / var(--tw-bg-opacity));
}

.bg-skymod-brand-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(32 23 104 / var(--tw-bg-opacity));
}

.bg-skymod-error-25 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 250 / var(--tw-bg-opacity));
}

.bg-skymod-error-25\/50 {
  background-color: rgb(255 251 250 / 0.5);
}

.bg-skymod-error-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 112 102 / var(--tw-bg-opacity));
}

.bg-skymod-error-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 242 / var(--tw-bg-opacity));
}

.bg-skymod-error-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 68 56 / var(--tw-bg-opacity));
}

.bg-skymod-error-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 45 32 / var(--tw-bg-opacity));
}

.bg-skymod-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-skymod-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 234 235 / var(--tw-bg-opacity));
}

.bg-skymod-gray-25 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 253 / var(--tw-bg-opacity));
}

.bg-skymod-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(213 215 218 / var(--tw-bg-opacity));
}

.bg-skymod-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-skymod-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(24 29 39 / var(--tw-bg-opacity));
}

.bg-skymod-orange-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 133 58 / var(--tw-bg-opacity));
}

.bg-skymod-success-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 223 / var(--tw-bg-opacity));
}

.bg-skymod-success-25 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 254 249 / var(--tw-bg-opacity));
}

.bg-skymod-success-25\/50 {
  background-color: rgb(246 254 249 / 0.5);
}

.bg-skymod-success-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(50 213 131 / var(--tw-bg-opacity));
}

.bg-skymod-success-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 243 / var(--tw-bg-opacity));
}

.bg-skymod-success-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(18 183 106 / var(--tw-bg-opacity));
}

.bg-skymod-warning-25 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 252 245 / var(--tw-bg-opacity));
}

.bg-skymod-warning-25\/50 {
  background-color: rgb(255 252 245 / 0.5);
}

.bg-skymod-warning-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 200 75 / var(--tw-bg-opacity));
}

.bg-skymod-warning-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 235 / var(--tw-bg-opacity));
}

.bg-skymod-warning-50\/80 {
  background-color: rgb(255 250 235 / 0.8);
}

.bg-skymod-warning-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 104 3 / var(--tw-bg-opacity));
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.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));
}

.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.bg-slate-300\/30 {
  background-color: rgb(203 213 225 / 0.3);
}

.bg-slate-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.bg-slate-50\/30 {
  background-color: rgb(248 250 252 / 0.3);
}

.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-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.bg-slate-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.bg-slate-800\/50 {
  background-color: rgb(30 41 59 / 0.5);
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.bg-slate-900\/95 {
  background-color: rgb(15 23 42 / 0.95);
}

.bg-slate-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}

.bg-stone-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity));
}

.bg-stone-300\/30 {
  background-color: rgb(214 211 209 / 0.3);
}

.bg-stone-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity));
}

.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity));
}

.bg-teal-50\/50 {
  background-color: rgb(240 253 250 / 0.5);
}

.bg-teal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity));
}

.bg-teal-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.bg-violet-100\/80 {
  background-color: rgb(237 233 254 / 0.8);
}

.bg-violet-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / var(--tw-bg-opacity));
}

.bg-violet-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(196 181 253 / var(--tw-bg-opacity));
}

.bg-violet-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / var(--tw-bg-opacity));
}

.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
}

.bg-violet-50\/40 {
  background-color: rgb(245 243 255 / 0.4);
}

.bg-violet-50\/50 {
  background-color: rgb(245 243 255 / 0.5);
}

.bg-violet-50\/70 {
  background-color: rgb(245 243 255 / 0.7);
}

.bg-violet-50\/80 {
  background-color: rgb(245 243 255 / 0.8);
}

.bg-violet-50\/90 {
  background-color: rgb(245 243 255 / 0.9);
}

.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity));
}

.bg-violet-500\/5 {
  background-color: rgb(139 92 246 / 0.05);
}

.bg-violet-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}

.bg-white\/25 {
  background-color: rgb(255 255 255 / 0.25);
}

.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}

.bg-white\/40 {
  background-color: rgb(255 255 255 / 0.4);
}

.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}

.bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}

.bg-white\/60 {
  background-color: rgb(255 255 255 / 0.6);
}

.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}

.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}

.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}

.bg-white\/95 {
  background-color: rgb(255 255 255 / 0.95);
}

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}

.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}

.bg-yellow-50\/50 {
  background-color: rgb(254 252 232 / 0.5);
}

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
}

.bg-zinc-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity));
}

.bg-opacity-0 {
  --tw-bg-opacity: 0;
}

.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.bg-opacity-70 {
  --tw-bg-opacity: 0.7;
}

.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}

.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}

.bg-opacity-95 {
  --tw-bg-opacity: 0.95;
}

.bg-\[conic-gradient\(from_0deg\2c transparent_0deg\2c rgba\(214\2c 187\2c 251\2c 0\.16\)_32deg\2c \#d6bbfb_70deg\2c \#7C83FD_112deg\2c \#7f56d9_154deg\2c rgba\(214\2c 187\2c 251\2c 0\.18\)_192deg\2c transparent_248deg\2c transparent_360deg\)\] {
  background-image: conic-gradient(from 0deg,transparent 0deg,rgba(214,187,251,0.16) 32deg,#d6bbfb 70deg,#7C83FD 112deg,#7f56d9 154deg,rgba(214,187,251,0.18) 192deg,transparent 248deg,transparent 360deg);
}

.bg-\[linear-gradient\(115deg\2c transparent_0\%\2c rgba\(148\2c 163\2c 184\2c 0\.08\)_45\%\2c transparent_70\%\)\] {
  background-image: linear-gradient(115deg,transparent 0%,rgba(148,163,184,0.08) 45%,transparent 70%);
}

.bg-\[linear-gradient\(115deg\2c transparent_0\%\2c rgba\(32\2c 23\2c 104\2c 0\.05\)_45\%\2c transparent_70\%\)\] {
  background-image: linear-gradient(115deg,transparent 0%,rgba(32,23,104,0.05) 45%,transparent 70%);
}

.bg-\[linear-gradient\(90deg\2c \#f4f3ff_0\%\2c \#ffffff_100\%\)\] {
  background-image: linear-gradient(90deg,#f4f3ff 0%,#ffffff 100%);
}

.bg-\[radial-gradient\(120\%_80\%_at_50\%_-20\%\2c rgba\(127\2c 86\2c 217\2c 0\.14\)\2c transparent_70\%\)\] {
  background-image: radial-gradient(120% 80% at 50% -20%,rgba(127,86,217,0.14),transparent 70%);
}

.bg-\[radial-gradient\(circle_at_50\%_8\%\2c \#ede8ff_0\2c transparent_34rem\)\] {
  background-image: radial-gradient(circle at 50% 8%,#ede8ff 0,transparent 34rem);
}

.bg-\[radial-gradient\(ellipse_70\%_50\%_at_50\%_30\%\2c rgba\(124\2c 131\2c 253\2c 0\.14\)\2c transparent_55\%\)\] {
  background-image: radial-gradient(ellipse 70% 50% at 50% 30%,rgba(124,131,253,0.14),transparent 55%);
}

.bg-\[radial-gradient\(ellipse_at_bottom_right\2c _var\(--tw-gradient-stops\)\)\] {
  background-image: radial-gradient(ellipse at bottom right, var(--tw-gradient-stops));
}

.bg-\[radial-gradient\(ellipse_at_top\2c \#ede9fe_0\%\2c transparent_70\%\)\] {
  background-image: radial-gradient(ellipse at top,#ede9fe 0%,transparent 70%);
}

.bg-\[radial-gradient\(ellipse_at_top_left\2c _var\(--tw-gradient-stops\)\)\] {
  background-image: radial-gradient(ellipse at top left, var(--tw-gradient-stops));
}

.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-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-\[\#7B85FF\] {
  --tw-gradient-from: #7B85FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(123 133 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#7a85f9\] {
  --tw-gradient-from: #7a85f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(122 133 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#7a85f9\]\/10 {
  --tw-gradient-from: rgb(122 133 249 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(122 133 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#9e77ed\] {
  --tw-gradient-from: #9e77ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(158 119 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#9fccbf\] {
  --tw-gradient-from: #9fccbf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 204 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#ACB3FF\] {
  --tw-gradient-from: #ACB3FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(172 179 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#F0F2FF\] {
  --tw-gradient-from: #F0F2FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#F8F9FF\] {
  --tw-gradient-from: #F8F9FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 249 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#abb3fe\] {
  --tw-gradient-from: #abb3fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(171 179 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#f0f2ff\] {
  --tw-gradient-from: #f0f2ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 242 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#f4f3ff\] {
  --tw-gradient-from: #f4f3ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 243 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#f8f9ff\] {
  --tw-gradient-from: #f8f9ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 249 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#f9f5ff\] {
  --tw-gradient-from: #f9f5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#f9faff\] {
  --tw-gradient-from: #f9faff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#fbfafd\] {
  --tw-gradient-from: #fbfafd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 250 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#fbfaff\] {
  --tw-gradient-from: #fbfaff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 250 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-background\/90 {
  --tw-gradient-from: hsl(var(--background) / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-300\/20 {
  --tw-gradient-from: rgb(147 197 253 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-400 {
  --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);
}

.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-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-emerald-400 {
  --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);
}

.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-gray-100 {
  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-200 {
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-400 {
  --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);
}

.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-50\/50 {
  --tw-gradient-from: rgb(249 250 251 / 0.5) 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-50\/80 {
  --tw-gradient-from: rgb(249 250 251 / 0.8) 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-400 {
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 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-indigo-100 {
  --tw-gradient-from: #e0e7ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-200 {
  --tw-gradient-from: #c7d2fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 210 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-400 {
  --tw-gradient-from: #818cf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 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-50\/95 {
  --tw-gradient-from: rgb(238 242 255 / 0.95) 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-muted {
  --tw-gradient-from: hsl(var(--muted)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-muted\/30 {
  --tw-gradient-from: hsl(var(--muted) / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary\/15 {
  --tw-gradient-from: hsl(var(--primary) / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary\/\[0\.04\] {
  --tw-gradient-from: hsl(var(--primary) / 0.04) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-400 {
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 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-50\/50 {
  --tw-gradient-from: rgb(250 245 255 / 0.5) 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-50\/80 {
  --tw-gradient-from: rgb(250 245 255 / 0.8) 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-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-400 {
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-studio-background {
  --tw-gradient-from: #edeeff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(237 238 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-studio-background\/50 {
  --tw-gradient-from: rgb(237 238 255 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(237 238 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-studio-primary\/\[0\.09\] {
  --tw-gradient-from: rgb(124 131 253 / 0.09) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 131 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-skymod-error-400 {
  --tw-gradient-from: #f97066 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 112 102 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-skymod-success-400 {
  --tw-gradient-from: #32d583 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(50 213 131 / 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-slate-50\/95 {
  --tw-gradient-from: rgb(248 250 252 / 0.95) 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-slate-800 {
  --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);
}

.from-violet-100 {
  --tw-gradient-from: #ede9fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(237 233 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-200 {
  --tw-gradient-from: #ddd6fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(221 214 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-400 {
  --tw-gradient-from: #a78bfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-50 {
  --tw-gradient-from: #f5f3ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-50\/50 {
  --tw-gradient-from: rgb(245 243 255 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-500 {
  --tw-gradient-from: #8b5cf6 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-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\/15 {
  --tw-gradient-from: rgb(255 255 255 / 0.15) 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-400 {
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 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-50\% {
  --tw-gradient-from-position: 50%;
}

.via-\[\#7a85f9\] {
  --tw-gradient-to: rgb(122 133 249 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #7a85f9 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-background {
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-background\/20 {
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-card {
  --tw-gradient-to: hsl(var(--card) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-card\/40 {
  --tw-gradient-to: hsl(var(--card) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-400 {
  --tw-gradient-to: rgb(192 132 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-500 {
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-sky-studio-background\/90 {
  --tw-gradient-to: rgb(237 238 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(237 238 255 / 0.9) 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-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\/90 {
  --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.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white\/95 {
  --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.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-\[\#6366f1\] {
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}

.to-\[\#6671f6\] {
  --tw-gradient-to: #6671f6 var(--tw-gradient-to-position);
}

.to-\[\#6671f6\]\/5 {
  --tw-gradient-to: rgb(102 113 246 / 0.05) var(--tw-gradient-to-position);
}

.to-\[\#7c83fd\] {
  --tw-gradient-to: #7c83fd var(--tw-gradient-to-position);
}

.to-\[\#8A93FF\] {
  --tw-gradient-to: #8A93FF var(--tw-gradient-to-position);
}

.to-\[\#8b95ff\] {
  --tw-gradient-to: #8b95ff var(--tw-gradient-to-position);
}

.to-\[\#9fccbf\] {
  --tw-gradient-to: #9fccbf var(--tw-gradient-to-position);
}

.to-\[\#ACB3FF\] {
  --tw-gradient-to: #ACB3FF var(--tw-gradient-to-position);
}

.to-\[\#F1F4FF\] {
  --tw-gradient-to: #F1F4FF var(--tw-gradient-to-position);
}

.to-\[\#e8ebff\] {
  --tw-gradient-to: #e8ebff var(--tw-gradient-to-position);
}

.to-\[\#eef0fe\] {
  --tw-gradient-to: #eef0fe var(--tw-gradient-to-position);
}

.to-\[\#f0f4ff\] {
  --tw-gradient-to: #f0f4ff var(--tw-gradient-to-position);
}

.to-\[\#f5f5fa\] {
  --tw-gradient-to: #f5f5fa var(--tw-gradient-to-position);
}

.to-amber-600 {
  --tw-gradient-to: #d97706 var(--tw-gradient-to-position);
}

.to-background {
  --tw-gradient-to: hsl(var(--background)) var(--tw-gradient-to-position);
}

.to-blue-50 {
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}

.to-blue-50\/95 {
  --tw-gradient-to: rgb(239 246 255 / 0.95) var(--tw-gradient-to-position);
}

.to-blue-500 {
  --tw-gradient-to: #3b82f6 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-emerald-50 {
  --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position);
}

.to-emerald-500 {
  --tw-gradient-to: #10b981 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-500 {
  --tw-gradient-to: #6b7280 var(--tw-gradient-to-position);
}

.to-gray-600 {
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}

.to-gray-800 {
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}

.to-green-600 {
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}

.to-indigo-50 {
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}

.to-indigo-50\/30 {
  --tw-gradient-to: rgb(238 242 255 / 0.3) var(--tw-gradient-to-position);
}

.to-indigo-50\/80 {
  --tw-gradient-to: rgb(238 242 255 / 0.8) var(--tw-gradient-to-position);
}

.to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}

.to-muted\/60 {
  --tw-gradient-to: hsl(var(--muted) / 0.6) var(--tw-gradient-to-position);
}

.to-orange-50 {
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}

.to-orange-500 {
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}

.to-pink-400 {
  --tw-gradient-to: #f472b6 var(--tw-gradient-to-position);
}

.to-pink-50 {
  --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);
}

.to-pink-500 {
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}

.to-primary\/5 {
  --tw-gradient-to: hsl(var(--primary) / 0.05) var(--tw-gradient-to-position);
}

.to-purple-400 {
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}

.to-purple-50 {
  --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);
}

.to-purple-500 {
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}

.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}

.to-red-600 {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}

.to-sky-studio-background\/25 {
  --tw-gradient-to: rgb(237 238 255 / 0.25) var(--tw-gradient-to-position);
}

.to-sky-studio-primary {
  --tw-gradient-to: #7C83FD var(--tw-gradient-to-position);
}

.to-sky-studio-primary\/\[0\.04\] {
  --tw-gradient-to: rgb(124 131 253 / 0.04) var(--tw-gradient-to-position);
}

.to-skymod-error-600 {
  --tw-gradient-to: #d92d20 var(--tw-gradient-to-position);
}

.to-skymod-success-600 {
  --tw-gradient-to: #039855 var(--tw-gradient-to-position);
}

.to-slate-100\/80 {
  --tw-gradient-to: rgb(241 245 249 / 0.8) var(--tw-gradient-to-position);
}

.to-slate-50\/70 {
  --tw-gradient-to: rgb(248 250 252 / 0.7) var(--tw-gradient-to-position);
}

.to-slate-50\/80 {
  --tw-gradient-to: rgb(248 250 252 / 0.8) var(--tw-gradient-to-position);
}

.to-slate-900 {
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}

.to-stone-100 {
  --tw-gradient-to: #f5f5f4 var(--tw-gradient-to-position);
}

.to-teal-500 {
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-violet-100 {
  --tw-gradient-to: #ede9fe var(--tw-gradient-to-position);
}

.to-violet-400 {
  --tw-gradient-to: #a78bfa var(--tw-gradient-to-position);
}

.to-violet-50 {
  --tw-gradient-to: #f5f3ff var(--tw-gradient-to-position);
}

.to-violet-50\/20 {
  --tw-gradient-to: rgb(245 243 255 / 0.2) var(--tw-gradient-to-position);
}

.to-violet-50\/50 {
  --tw-gradient-to: rgb(245 243 255 / 0.5) var(--tw-gradient-to-position);
}

.to-violet-600 {
  --tw-gradient-to: #7c3aed var(--tw-gradient-to-position);
}

.to-white {
  --tw-gradient-to: #fff 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);
}

.fill-\[\#201768\] {
  fill: #201768;
}

.fill-\[\#6366f1\] {
  fill: #6366f1;
}

.fill-\[\#7c3aed\] {
  fill: #7c3aed;
}

.fill-\[\#f59e0b\] {
  fill: #f59e0b;
}

.fill-amber-400 {
  fill: #fbbf24;
}

.fill-current {
  fill: currentColor;
}

.fill-none {
  fill: none;
}

.fill-purple-400 {
  fill: #c084fc;
}

.fill-red-500 {
  fill: #ef4444;
}

.fill-skymod-brand-500 {
  fill: #9e77ed;
}

.fill-skymod-brand-600 {
  fill: #7f56d9;
}

.stroke-\[1\.5\] {
  stroke-width: 1.5;
}

.stroke-\[2\.5\] {
  stroke-width: 2.5;
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.object-center {
  object-position: center;
}

.object-left {
  object-position: left;
}

.object-top {
  object-position: top;
}

.\!p-0 {
  padding: 0px !important;
}

.\!p-2 {
  padding: 0.5rem !important;
}

.\!p-\[10px\] {
  padding: 10px !important;
}

.\!p-\[12px\] {
  padding: 12px !important;
}

.\!p-\[4px\] {
  padding: 4px !important;
}

.\!p-\[6px\] {
  padding: 6px !important;
}

.\!p-\[8px\] {
  padding: 8px !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-14 {
  padding: 3.5rem;
}

.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-8 {
  padding: 2rem;
}

.p-9 {
  padding: 2.25rem;
}

.p-\[12\.5\%\] {
  padding: 12.5%;
}

.p-\[13px\] {
  padding: 13px;
}

.p-\[15px\] {
  padding: 15px;
}

.p-\[17px\] {
  padding: 17px;
}

.p-\[18px\] {
  padding: 18px;
}

.p-\[19px\] {
  padding: 19px;
}

.p-\[1px\] {
  padding: 1px;
}

.p-\[3px\] {
  padding: 3px;
}

.p-\[7px\] {
  padding: 7px;
}

.p-px {
  padding: 1px;
}

.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.\!px-3\.5 {
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}

.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\!px-\[12px\] {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.\!px-\[16px\] {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.\!px-\[18px\] {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.\!px-\[20px\] {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.\!px-\[24px\] {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.\!px-\[8px\] {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.\!py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.\!py-\[10px\] {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.\!py-\[12px\] {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.\!py-\[14px\] {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.\!py-\[4px\] {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.\!py-\[6px\] {
  padding-top: 6px !important;
  padding-bottom: 6px !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-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.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-\[10\%\] {
  padding-left: 10%;
  padding-right: 10%;
}

.px-\[13px\] {
  padding-left: 13px;
  padding-right: 13px;
}

.px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}

.px-\[15\%\] {
  padding-left: 15%;
  padding-right: 15%;
}

.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}

.px-\[17px\] {
  padding-left: 17px;
  padding-right: 17px;
}

.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}

.px-\[19px\] {
  padding-left: 19px;
  padding-right: 19px;
}

.px-\[21px\] {
  padding-left: 21px;
  padding-right: 21px;
}

.px-\[22px\] {
  padding-left: 22px;
  padding-right: 22px;
}

.px-\[30px\] {
  padding-left: 30px;
  padding-right: 30px;
}

.px-\[5\%\] {
  padding-left: 5%;
  padding-right: 5%;
}

.px-\[7px\] {
  padding-left: 7px;
  padding-right: 7px;
}

.px-\[9px\] {
  padding-left: 9px;
  padding-right: 9px;
}

.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-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.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-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-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px;
}

.py-\[13px\] {
  padding-top: 13px;
  padding-bottom: 13px;
}

.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-\[17px\] {
  padding-top: 17px;
  padding-bottom: 17px;
}

.py-\[18px\] {
  padding-top: 18px;
  padding-bottom: 18px;
}

.py-\[19px\] {
  padding-top: 19px;
  padding-bottom: 19px;
}

.py-\[22px\] {
  padding-top: 22px;
  padding-bottom: 22px;
}

.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}

.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}

.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}

.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}

.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-0\.5 {
  padding-bottom: 0.125rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-1\.5 {
  padding-bottom: 0.375rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-2\.5 {
  padding-bottom: 0.625rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-3\.5 {
  padding-bottom: 0.875rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[11px\] {
  padding-bottom: 11px;
}

.pb-\[13px\] {
  padding-bottom: 13px;
}

.pb-\[15px\] {
  padding-bottom: 15px;
}

.pb-\[17px\] {
  padding-bottom: 17px;
}

.pb-\[18px\] {
  padding-bottom: 18px;
}

.pb-\[19px\] {
  padding-bottom: 19px;
}

.pb-\[27px\] {
  padding-bottom: 27px;
}

.pb-\[37px\] {
  padding-bottom: 37px;
}

.pb-\[7px\] {
  padding-bottom: 7px;
}

.pb-\[9px\] {
  padding-bottom: 9px;
}

.pb-\[max\(1\.75rem\2c env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(1.75rem,env(safe-area-inset-bottom));
}

.pb-\[max\(1rem\2c env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(1rem,env(safe-area-inset-bottom));
}

.pb-px {
  padding-bottom: 1px;
}

.pe-1 {
  padding-inline-end: 0.25rem;
}

.pe-2 {
  padding-inline-end: 0.5rem;
}

.pl-0 {
  padding-left: 0px;
}

.pl-0\.5 {
  padding-left: 0.125rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-1\.5 {
  padding-left: 0.375rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-11 {
  padding-left: 2.75rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pl-14 {
  padding-left: 3.5rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-2\.5 {
  padding-left: 0.625rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-3\.5 {
  padding-left: 0.875rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pl-\[11px\] {
  padding-left: 11px;
}

.pl-\[13px\] {
  padding-left: 13px;
}

.pl-\[14px\] {
  padding-left: 14px;
}

.pl-\[34px\] {
  padding-left: 34px;
}

.pl-\[42px\] {
  padding-left: 42px;
}

.pl-\[5\%\] {
  padding-left: 5%;
}

.pl-\[5px\] {
  padding-left: 5px;
}

.pl-\[84px\] {
  padding-left: 84px;
}

.pl-\[9px\] {
  padding-left: 9px;
}

.pr-0\.5 {
  padding-right: 0.125rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-1\.5 {
  padding-right: 0.375rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-14 {
  padding-right: 3.5rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-2\.5 {
  padding-right: 0.625rem;
}

.pr-24 {
  padding-right: 6rem;
}

.pr-28 {
  padding-right: 7rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-3\.5 {
  padding-right: 0.875rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pr-\[10\%\] {
  padding-right: 10%;
}

.pr-\[15px\] {
  padding-right: 15px;
}

.pr-\[22px\] {
  padding-right: 22px;
}

.pr-\[25\%\] {
  padding-right: 25%;
}

.pr-\[5\%\] {
  padding-right: 5%;
}

.pr-\[9px\] {
  padding-right: 9px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-0\.5 {
  padding-top: 0.125rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-1\.5 {
  padding-top: 0.375rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.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-3 {
  padding-top: 0.75rem;
}

.pt-3\.5 {
  padding-top: 0.875rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-9 {
  padding-top: 2.25rem;
}

.pt-\[10px\] {
  padding-top: 10px;
}

.pt-\[15px\] {
  padding-top: 15px;
}

.pt-\[18px\] {
  padding-top: 18px;
}

.pt-\[19px\] {
  padding-top: 19px;
}

.pt-\[2\%\] {
  padding-top: 2%;
}

.pt-\[21px\] {
  padding-top: 21px;
}

.pt-\[23px\] {
  padding-top: 23px;
}

.pt-\[29px\] {
  padding-top: 29px;
}

.pt-\[30px\] {
  padding-top: 30px;
}

.pt-\[45px\] {
  padding-top: 45px;
}

.pt-\[5vh\] {
  padding-top: 5vh;
}

.pt-\[env\(safe-area-inset-top\)\] {
  padding-top: env(safe-area-inset-top);
}

.pt-\[min\(16vh\2c 120px\)\] {
  padding-top: min(16vh,120px);
}

.pt-px {
  padding-top: 1px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.\!align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.\!font-\[inherit\] {
  font-family: inherit !important;
}

.\!font-inter {
  font-family: Inter, sans-serif !important;
}

.\!font-montserrat {
  font-family: Montserrat, sans-serif !important;
}

.font-handwriting {
  font-family: "Patrick Hand", "Comic Sans MS", cursive;
}

.font-inter {
  font-family: Inter, sans-serif;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-montserrat {
  font-family: Montserrat, sans-serif;
}

.font-poppins {
  font-family: Poppins, sans-serif;
}

.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.\!text-sky-b1 {
  font-size: 17px !important;
  line-height: 27px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-b2 {
  font-size: 19px !important;
  line-height: 29px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-h1 {
  font-size: 23px !important;
  line-height: 31px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-h2 {
  font-size: 29px !important;
  line-height: 37px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-h3 {
  font-size: 35px !important;
  line-height: 43px !important;
  letter-spacing: -2px !important;
}

.\!text-sky-h4 {
  font-size: 47px !important;
  line-height: 59px !important;
  letter-spacing: -2px !important;
}

.\!text-sky-t0 {
  font-size: 9px !important;
  line-height: 14px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-t1 {
  font-size: 11px !important;
  line-height: 17px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-t2 {
  font-size: 13px !important;
  line-height: 19px !important;
  letter-spacing: 0 !important;
}

.\!text-sky-t3 {
  font-size: 15px !important;
  line-height: 23px !important;
  letter-spacing: 0 !important;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-\[0\.75rem\] {
  font-size: 0.75rem;
}

.text-\[0\.7rem\] {
  font-size: 0.7rem;
}

.text-\[0\.85rem\] {
  font-size: 0.85rem;
}

.text-\[0\.8rem\] {
  font-size: 0.8rem;
}

.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-\[13px\] {
  font-size: 13px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[22px\] {
  font-size: 22px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-\[28px\] {
  font-size: 28px;
}

.text-\[30px\] {
  font-size: 30px;
}

.text-\[7px\] {
  font-size: 7px;
}

.text-\[8px\] {
  font-size: 8px;
}

.text-\[9\.5px\] {
  font-size: 9.5px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-panel-sm {
  font-size: 11px;
  line-height: 15px;
}

.text-panel-xs {
  font-size: 9px;
  line-height: 13px;
  letter-spacing: 0.02em;
}

.text-sky-b1 {
  font-size: 17px;
  line-height: 27px;
  letter-spacing: 0;
}

.text-sky-b2 {
  font-size: 19px;
  line-height: 29px;
  letter-spacing: 0;
}

.text-sky-h2 {
  font-size: 29px;
  line-height: 37px;
  letter-spacing: 0;
}

.text-sky-h6 {
  font-size: 71px;
  line-height: 89px;
  letter-spacing: -2px;
}

.text-sky-t0 {
  font-size: 9px;
  line-height: 14px;
  letter-spacing: 0;
}

.text-sky-t1 {
  font-size: 11px;
  line-height: 17px;
  letter-spacing: 0;
}

.text-sky-t2 {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
}

.text-sky-t3 {
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.\!font-normal {
  font-weight: 400 !important;
}

.\!font-semibold {
  font-weight: 600 !important;
}

.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;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\!leading-5 {
  line-height: 1.25rem !important;
}

.\!leading-\[17px\] {
  line-height: 17px !important;
}

.\!leading-\[inherit\] {
  line-height: inherit !important;
}

.\!leading-none {
  line-height: 1 !important;
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-3 {
  line-height: .75rem;
}

.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-\[1\.15\] {
  line-height: 1.15;
}

.leading-\[1\.1\] {
  line-height: 1.1;
}

.leading-\[1\.21875rem\] {
  line-height: 1.21875rem;
}

.leading-\[1\.45\] {
  line-height: 1.45;
}

.leading-\[1\.55\] {
  line-height: 1.55;
}

.leading-\[1\.625\] {
  line-height: 1.625;
}

.leading-\[1\.65\] {
  line-height: 1.65;
}

.leading-\[12px\] {
  line-height: 12px;
}

.leading-\[17px\] {
  line-height: 17px;
}

.leading-\[18px\] {
  line-height: 18px;
}

.leading-\[19px\] {
  line-height: 19px;
}

.leading-\[21px\] {
  line-height: 21px;
}

.leading-\[38px\] {
  line-height: 38px;
}

.leading-\[60px\] {
  line-height: 60px;
}

.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\.01em\] {
  letter-spacing: -0.01em;
}

.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}

.tracking-\[-0\.03em\] {
  letter-spacing: -0.03em;
}

.tracking-\[0\.01em\] {
  letter-spacing: 0.01em;
}

.tracking-\[0\.02em\] {
  letter-spacing: 0.02em;
}

.tracking-\[0\.04em\] {
  letter-spacing: 0.04em;
}

.tracking-\[0\.06em\] {
  letter-spacing: 0.06em;
}

.tracking-\[0\.08em\] {
  letter-spacing: 0.08em;
}

.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}

.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}

.tracking-\[0\.1em\] {
  letter-spacing: 0.1em;
}

.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-\[\#1a1654\] {
  --tw-text-opacity: 1 !important;
  color: rgb(26 22 84 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#201768\] {
  --tw-text-opacity: 1 !important;
  color: rgb(32 23 104 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#414651\] {
  --tw-text-opacity: 1 !important;
  color: rgb(65 70 81 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#6941c6\] {
  --tw-text-opacity: 1 !important;
  color: rgb(105 65 198 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#71717A\] {
  --tw-text-opacity: 1 !important;
  color: rgb(113 113 122 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#7f56d9\] {
  --tw-text-opacity: 1 !important;
  color: rgb(127 86 217 / var(--tw-text-opacity)) !important;
}

.\!text-skymod-brand-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(32 23 104 / var(--tw-text-opacity)) !important;
}

.\!text-skymod-gray-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(113 118 128 / var(--tw-text-opacity)) !important;
}

.\!text-skymod-gray-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(83 88 98 / var(--tw-text-opacity)) !important;
}

.\!text-skymod-gray-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(65 70 81 / var(--tw-text-opacity)) !important;
}

.\!text-skymod-gray-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(24 29 39 / var(--tw-text-opacity)) !important;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.text-\[\#000000\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-\[\#0078D4\] {
  --tw-text-opacity: 1;
  color: rgb(0 120 212 / var(--tw-text-opacity));
}

.text-\[\#026aa2\] {
  --tw-text-opacity: 1;
  color: rgb(2 106 162 / var(--tw-text-opacity));
}

.text-\[\#027a48\] {
  --tw-text-opacity: 1;
  color: rgb(2 122 72 / var(--tw-text-opacity));
}

.text-\[\#039855\] {
  --tw-text-opacity: 1;
  color: rgb(3 152 85 / var(--tw-text-opacity));
}

.text-\[\#047857\] {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}

.text-\[\#059669\] {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}

.text-\[\#067647\] {
  --tw-text-opacity: 1;
  color: rgb(6 118 71 / var(--tw-text-opacity));
}

.text-\[\#101828\] {
  --tw-text-opacity: 1;
  color: rgb(16 24 40 / var(--tw-text-opacity));
}

.text-\[\#10b981\] {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}

.text-\[\#111827\] {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-\[\#12b76a\] {
  --tw-text-opacity: 1;
  color: rgb(18 183 106 / var(--tw-text-opacity));
}

.text-\[\#1570ef\] {
  --tw-text-opacity: 1;
  color: rgb(21 112 239 / var(--tw-text-opacity));
}

.text-\[\#175cd3\] {
  --tw-text-opacity: 1;
  color: rgb(23 92 211 / var(--tw-text-opacity));
}

.text-\[\#17b26a\] {
  --tw-text-opacity: 1;
  color: rgb(23 178 106 / var(--tw-text-opacity));
}

.text-\[\#181d27\] {
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.text-\[\#1a1654\] {
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.text-\[\#1d4ed8\] {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.text-\[\#1f1f2e\] {
  --tw-text-opacity: 1;
  color: rgb(31 31 46 / var(--tw-text-opacity));
}

.text-\[\#201768\] {
  --tw-text-opacity: 1;
  color: rgb(32 23 104 / var(--tw-text-opacity));
}

.text-\[\#24292e\] {
  --tw-text-opacity: 1;
  color: rgb(36 41 46 / var(--tw-text-opacity));
}

.text-\[\#25205d\] {
  --tw-text-opacity: 1;
  color: rgb(37 32 93 / var(--tw-text-opacity));
}

.text-\[\#2563eb\] {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-\[\#2a3362\] {
  --tw-text-opacity: 1;
  color: rgb(42 51 98 / var(--tw-text-opacity));
}

.text-\[\#2a3362\]\/70 {
  color: rgb(42 51 98 / 0.7);
}

.text-\[\#2a3362\]\/80 {
  color: rgb(42 51 98 / 0.8);
}

.text-\[\#2d2d2d\] {
  --tw-text-opacity: 1;
  color: rgb(45 45 45 / var(--tw-text-opacity));
}

.text-\[\#2e90fa\] {
  --tw-text-opacity: 1;
  color: rgb(46 144 250 / var(--tw-text-opacity));
}

.text-\[\#32d583\] {
  --tw-text-opacity: 1;
  color: rgb(50 213 131 / var(--tw-text-opacity));
}

.text-\[\#333\] {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}

.text-\[\#334155\] {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.text-\[\#344054\] {
  --tw-text-opacity: 1;
  color: rgb(52 64 84 / var(--tw-text-opacity));
}

.text-\[\#3538cd\] {
  --tw-text-opacity: 1;
  color: rgb(53 56 205 / var(--tw-text-opacity));
}

.text-\[\#373451\] {
  --tw-text-opacity: 1;
  color: rgb(55 52 81 / var(--tw-text-opacity));
}

.text-\[\#374151\] {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-\[\#397EFC\] {
  --tw-text-opacity: 1;
  color: rgb(57 126 252 / var(--tw-text-opacity));
}

.text-\[\#3d4480\] {
  --tw-text-opacity: 1;
  color: rgb(61 68 128 / var(--tw-text-opacity));
}

.text-\[\#3d4480\]\/90 {
  color: rgb(61 68 128 / 0.9);
}

.text-\[\#3d4fc4\] {
  --tw-text-opacity: 1;
  color: rgb(61 79 196 / var(--tw-text-opacity));
}

.text-\[\#3f3b56\] {
  --tw-text-opacity: 1;
  color: rgb(63 59 86 / var(--tw-text-opacity));
}

.text-\[\#414651\] {
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.text-\[\#4338ca\] {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.text-\[\#453f5f\] {
  --tw-text-opacity: 1;
  color: rgb(69 63 95 / var(--tw-text-opacity));
}

.text-\[\#455154\] {
  --tw-text-opacity: 1;
  color: rgb(69 81 84 / var(--tw-text-opacity));
}

.text-\[\#464545\] {
  --tw-text-opacity: 1;
  color: rgb(70 69 69 / var(--tw-text-opacity));
}

.text-\[\#475467\] {
  --tw-text-opacity: 1;
  color: rgb(71 84 103 / var(--tw-text-opacity));
}

.text-\[\#4B5563\] {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-\[\#4b4766\] {
  --tw-text-opacity: 1;
  color: rgb(75 71 102 / var(--tw-text-opacity));
}

.text-\[\#4b4b4b\] {
  --tw-text-opacity: 1;
  color: rgb(75 75 75 / var(--tw-text-opacity));
}

.text-\[\#4b4f8c\] {
  --tw-text-opacity: 1;
  color: rgb(75 79 140 / var(--tw-text-opacity));
}

.text-\[\#4f46e5\] {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.text-\[\#4f4a75\] {
  --tw-text-opacity: 1;
  color: rgb(79 74 117 / var(--tw-text-opacity));
}

.text-\[\#4f4d6b\] {
  --tw-text-opacity: 1;
  color: rgb(79 77 107 / var(--tw-text-opacity));
}

.text-\[\#535862\] {
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity));
}

.text-\[\#54E828\] {
  --tw-text-opacity: 1;
  color: rgb(84 232 40 / var(--tw-text-opacity));
}

.text-\[\#5925dc\] {
  --tw-text-opacity: 1;
  color: rgb(89 37 220 / var(--tw-text-opacity));
}

.text-\[\#5964df\] {
  --tw-text-opacity: 1;
  color: rgb(89 100 223 / var(--tw-text-opacity));
}

.text-\[\#5A65FF\] {
  --tw-text-opacity: 1;
  color: rgb(90 101 255 / var(--tw-text-opacity));
}

.text-\[\#5B21B6\] {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity));
}

.text-\[\#5b21b6\] {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity));
}

.text-\[\#5b63d3\] {
  --tw-text-opacity: 1;
  color: rgb(91 99 211 / var(--tw-text-opacity));
}

.text-\[\#5b7cfa\] {
  --tw-text-opacity: 1;
  color: rgb(91 124 250 / var(--tw-text-opacity));
}

.text-\[\#5c3fd4\] {
  --tw-text-opacity: 1;
  color: rgb(92 63 212 / var(--tw-text-opacity));
}

.text-\[\#5c5775\] {
  --tw-text-opacity: 1;
  color: rgb(92 87 117 / var(--tw-text-opacity));
}

.text-\[\#5c5c6f\] {
  --tw-text-opacity: 1;
  color: rgb(92 92 111 / var(--tw-text-opacity));
}

.text-\[\#5d5870\] {
  --tw-text-opacity: 1;
  color: rgb(93 88 112 / var(--tw-text-opacity));
}

.text-\[\#5f5a75\] {
  --tw-text-opacity: 1;
  color: rgb(95 90 117 / var(--tw-text-opacity));
}

.text-\[\#5f5a7a\] {
  --tw-text-opacity: 1;
  color: rgb(95 90 122 / var(--tw-text-opacity));
}

.text-\[\#5f68d6\] {
  --tw-text-opacity: 1;
  color: rgb(95 104 214 / var(--tw-text-opacity));
}

.text-\[\#605a90\] {
  --tw-text-opacity: 1;
  color: rgb(96 90 144 / var(--tw-text-opacity));
}

.text-\[\#6366F1\] {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.text-\[\#6366f1\] {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.text-\[\#64748B\] {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-\[\#667085\] {
  --tw-text-opacity: 1;
  color: rgb(102 112 133 / var(--tw-text-opacity));
}

.text-\[\#6671f6\] {
  --tw-text-opacity: 1;
  color: rgb(102 113 246 / var(--tw-text-opacity));
}

.text-\[\#676FCA\] {
  --tw-text-opacity: 1;
  color: rgb(103 111 202 / var(--tw-text-opacity));
}

.text-\[\#686ccc\] {
  --tw-text-opacity: 1;
  color: rgb(104 108 204 / var(--tw-text-opacity));
}

.text-\[\#6938ef\] {
  --tw-text-opacity: 1;
  color: rgb(105 56 239 / var(--tw-text-opacity));
}

.text-\[\#6941c6\] {
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.text-\[\#6D74F5\] {
  --tw-text-opacity: 1;
  color: rgb(109 116 245 / var(--tw-text-opacity));
}

.text-\[\#6E3CC0\] {
  --tw-text-opacity: 1;
  color: rgb(110 60 192 / var(--tw-text-opacity));
}

.text-\[\#6b7280\] {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-\[\#6b7dff\] {
  --tw-text-opacity: 1;
  color: rgb(107 125 255 / var(--tw-text-opacity));
}

.text-\[\#6d28d9\] {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity));
}

.text-\[\#716d88\] {
  --tw-text-opacity: 1;
  color: rgb(113 109 136 / var(--tw-text-opacity));
}

.text-\[\#717680\] {
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.text-\[\#75709d\] {
  --tw-text-opacity: 1;
  color: rgb(117 112 157 / var(--tw-text-opacity));
}

.text-\[\#78350f\] {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity));
}

.text-\[\#7862ca\] {
  --tw-text-opacity: 1;
  color: rgb(120 98 202 / var(--tw-text-opacity));
}

.text-\[\#7B83EB\] {
  --tw-text-opacity: 1;
  color: rgb(123 131 235 / var(--tw-text-opacity));
}

.text-\[\#7B85FF\] {
  --tw-text-opacity: 1;
  color: rgb(123 133 255 / var(--tw-text-opacity));
}

.text-\[\#7C6BE8\] {
  --tw-text-opacity: 1;
  color: rgb(124 107 232 / var(--tw-text-opacity));
}

.text-\[\#7D4CDB\] {
  --tw-text-opacity: 1;
  color: rgb(125 76 219 / var(--tw-text-opacity));
}

.text-\[\#7a2e0e\] {
  --tw-text-opacity: 1;
  color: rgb(122 46 14 / var(--tw-text-opacity));
}

.text-\[\#7a5af8\] {
  --tw-text-opacity: 1;
  color: rgb(122 90 248 / var(--tw-text-opacity));
}

.text-\[\#7a85f9\] {
  --tw-text-opacity: 1;
  color: rgb(122 133 249 / var(--tw-text-opacity));
}

.text-\[\#7b82b8\] {
  --tw-text-opacity: 1;
  color: rgb(123 130 184 / var(--tw-text-opacity));
}

.text-\[\#7c3aed\] {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}

.text-\[\#7c7795\] {
  --tw-text-opacity: 1;
  color: rgb(124 119 149 / var(--tw-text-opacity));
}

.text-\[\#7f56d9\] {
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.text-\[\#828282\] {
  --tw-text-opacity: 1;
  color: rgb(130 130 130 / var(--tw-text-opacity));
}

.text-\[\#8A93FF\] {
  --tw-text-opacity: 1;
  color: rgb(138 147 255 / var(--tw-text-opacity));
}

.text-\[\#8a869b\] {
  --tw-text-opacity: 1;
  color: rgb(138 134 155 / var(--tw-text-opacity));
}

.text-\[\#8a86aa\] {
  --tw-text-opacity: 1;
  color: rgb(138 134 170 / var(--tw-text-opacity));
}

.text-\[\#8b5cf6\] {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity));
}

.text-\[\#8c78d5\] {
  --tw-text-opacity: 1;
  color: rgb(140 120 213 / var(--tw-text-opacity));
}

.text-\[\#92400e\] {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}

.text-\[\#93370d\] {
  --tw-text-opacity: 1;
  color: rgb(147 55 13 / var(--tw-text-opacity));
}

.text-\[\#979797\] {
  --tw-text-opacity: 1;
  color: rgb(151 151 151 / var(--tw-text-opacity));
}

.text-\[\#98a2b3\] {
  --tw-text-opacity: 1;
  color: rgb(152 162 179 / var(--tw-text-opacity));
}

.text-\[\#9994ac\] {
  --tw-text-opacity: 1;
  color: rgb(153 148 172 / var(--tw-text-opacity));
}

.text-\[\#9b8afb\] {
  --tw-text-opacity: 1;
  color: rgb(155 138 251 / var(--tw-text-opacity));
}

.text-\[\#9b93c4\] {
  --tw-text-opacity: 1;
  color: rgb(155 147 196 / var(--tw-text-opacity));
}

.text-\[\#9b97b3\] {
  --tw-text-opacity: 1;
  color: rgb(155 151 179 / var(--tw-text-opacity));
}

.text-\[\#9ca3af\] {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-\[\#ABABAB\] {
  --tw-text-opacity: 1;
  color: rgb(171 171 171 / var(--tw-text-opacity));
}

.text-\[\#ACB3FF\] {
  --tw-text-opacity: 1;
  color: rgb(172 179 255 / var(--tw-text-opacity));
}

.text-\[\#D9D9D9\] {
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.text-\[\#EB4335\] {
  --tw-text-opacity: 1;
  color: rgb(235 67 53 / var(--tw-text-opacity));
}

.text-\[\#FF4D4D\] {
  --tw-text-opacity: 1;
  color: rgb(255 77 77 / var(--tw-text-opacity));
}

.text-\[\#FFC107\] {
  --tw-text-opacity: 1;
  color: rgb(255 193 7 / var(--tw-text-opacity));
}

.text-\[\#a09db8\] {
  --tw-text-opacity: 1;
  color: rgb(160 157 184 / var(--tw-text-opacity));
}

.text-\[\#a49fbd\] {
  --tw-text-opacity: 1;
  color: rgb(164 159 189 / var(--tw-text-opacity));
}

.text-\[\#a4a7ae\] {
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.text-\[\#a8a4bd\] {
  --tw-text-opacity: 1;
  color: rgb(168 164 189 / var(--tw-text-opacity));
}

.text-\[\#abb3fe\] {
  --tw-text-opacity: 1;
  color: rgb(171 179 254 / var(--tw-text-opacity));
}

.text-\[\#b0aac8\] {
  --tw-text-opacity: 1;
  color: rgb(176 170 200 / var(--tw-text-opacity));
}

.text-\[\#b42318\] {
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.text-\[\#b45309\] {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}

.text-\[\#b4afc8\] {
  --tw-text-opacity: 1;
  color: rgb(180 175 200 / var(--tw-text-opacity));
}

.text-\[\#b54708\] {
  --tw-text-opacity: 1;
  color: rgb(181 71 8 / var(--tw-text-opacity));
}

.text-\[\#c11574\] {
  --tw-text-opacity: 1;
  color: rgb(193 21 116 / var(--tw-text-opacity));
}

.text-\[\#c2410c\] {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}

.text-\[\#c4320a\] {
  --tw-text-opacity: 1;
  color: rgb(196 50 10 / var(--tw-text-opacity));
}

.text-\[\#c4b5fd\] {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity));
}

.text-\[\#c4bfd9\] {
  --tw-text-opacity: 1;
  color: rgb(196 191 217 / var(--tw-text-opacity));
}

.text-\[\#c4c0d4\] {
  --tw-text-opacity: 1;
  color: rgb(196 192 212 / var(--tw-text-opacity));
}

.text-\[\#d5d7da\] {
  --tw-text-opacity: 1;
  color: rgb(213 215 218 / var(--tw-text-opacity));
}

.text-\[\#d7d2ff\] {
  --tw-text-opacity: 1;
  color: rgb(215 210 255 / var(--tw-text-opacity));
}

.text-\[\#d92d20\] {
  --tw-text-opacity: 1;
  color: rgb(217 45 32 / var(--tw-text-opacity));
}

.text-\[\#d97706\] {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}

.text-\[\#dc6803\] {
  --tw-text-opacity: 1;
  color: rgb(220 104 3 / var(--tw-text-opacity));
}

.text-\[\#ddd9e8\] {
  --tw-text-opacity: 1;
  color: rgb(221 217 232 / var(--tw-text-opacity));
}

.text-\[\#e8e5f4\] {
  --tw-text-opacity: 1;
  color: rgb(232 229 244 / var(--tw-text-opacity));
}

.text-\[\#ea580c\] {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

.text-\[\#f04438\] {
  --tw-text-opacity: 1;
  color: rgb(240 68 56 / var(--tw-text-opacity));
}

.text-\[\#f59e0b\] {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}

.text-\[\#f79009\] {
  --tw-text-opacity: 1;
  color: rgb(247 144 9 / var(--tw-text-opacity));
}

.text-\[\#fdb022\] {
  --tw-text-opacity: 1;
  color: rgb(253 176 34 / var(--tw-text-opacity));
}

.text-\[black\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-\[inherit\] {
  color: inherit;
}

.text-\[var\(--sdm-c\2c inherit\)\] {
  color: var(--sdm-c,inherit);
}

.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity));
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity));
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity));
}

.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}

.text-amber-700\/90 {
  color: rgb(180 83 9 / 0.9);
}

.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}

.text-amber-800\/90 {
  color: rgb(146 64 14 / 0.9);
}

.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity));
}

.text-amber-950 {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity));
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity));
}

.text-blue-950 {
  --tw-text-opacity: 1;
  color: rgb(23 37 84 / var(--tw-text-opacity));
}

.text-canvas-fg {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-canvas-fg-soft {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-canvas-muted {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-canvas-muted-light {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-card-foreground {
  color: hsl(var(--card-foreground));
}

.text-current {
  color: currentColor;
}

.text-cyan-600 {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity));
}

.text-cyan-700 {
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity));
}

.text-destructive {
  color: hsl(var(--destructive));
}

.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}

.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}

.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}

.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}

.text-emerald-700\/80 {
  color: rgb(4 120 87 / 0.8);
}

.text-emerald-700\/90 {
  color: rgb(4 120 87 / 0.9);
}

.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity));
}

.text-emerald-800\/90 {
  color: rgb(6 95 70 / 0.9);
}

.text-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity));
}

.text-emerald-900\/90 {
  color: rgb(6 78 59 / 0.9);
}

.text-emerald-950 {
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / var(--tw-text-opacity));
}

.text-foreground {
  color: hsl(var(--foreground));
}

.text-foreground\/70 {
  color: hsl(var(--foreground) / 0.7);
}

.text-foreground\/95 {
  color: hsl(var(--foreground) / 0.95);
}

.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-gray-600\/90 {
  color: rgb(75 85 99 / 0.9);
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-gray-950 {
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / var(--tw-text-opacity));
}

.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}

.text-green-600\/70 {
  color: rgb(22 163 74 / 0.7);
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}

.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity));
}

.text-indigo-300 {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity));
}

.text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity));
}

.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}

.text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity));
}

.text-indigo-950 {
  --tw-text-opacity: 1;
  color: rgb(30 27 75 / var(--tw-text-opacity));
}

.text-inherit {
  color: inherit;
}

.text-input {
  color: hsl(var(--input));
}

.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}

.text-muted-foreground\/40 {
  color: hsl(var(--muted-foreground) / 0.4);
}

.text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity));
}

.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity));
}

.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}

.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity));
}

.text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity));
}

.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity));
}

.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity));
}

.text-pink-700\/90 {
  color: rgb(190 24 93 / 0.9);
}

.text-pink-800 {
  --tw-text-opacity: 1;
  color: rgb(157 23 77 / var(--tw-text-opacity));
}

.text-pink-900 {
  --tw-text-opacity: 1;
  color: rgb(131 24 67 / var(--tw-text-opacity));
}

.text-pink-950 {
  --tw-text-opacity: 1;
  color: rgb(80 7 36 / var(--tw-text-opacity));
}

.text-pink-950\/70 {
  color: rgb(80 7 36 / 0.7);
}

.text-pink-950\/80 {
  color: rgb(80 7 36 / 0.8);
}

.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}

.text-primary {
  color: hsl(var(--primary));
}

.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}

.text-primary\/70 {
  color: hsl(var(--primary) / 0.7);
}

.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity));
}

.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity));
}

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity));
}

.text-purple-600\/70 {
  color: rgb(147 51 234 / 0.7);
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity));
}

.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(107 33 168 / var(--tw-text-opacity));
}

.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgb(88 28 135 / var(--tw-text-opacity));
}

.text-purple-950 {
  --tw-text-opacity: 1;
  color: rgb(59 7 100 / var(--tw-text-opacity));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity));
}

.text-red-950 {
  --tw-text-opacity: 1;
  color: rgb(69 10 10 / var(--tw-text-opacity));
}

.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity));
}

.text-rose-800 {
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity));
}

.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}

.text-sidebar-foreground {
  color: hsl(var(--sidebar-foreground));
}

.text-sidebar-foreground\/70 {
  color: hsl(var(--sidebar-foreground) / 0.7);
}

.text-sidebar-primary-foreground {
  color: hsl(var(--sidebar-primary-foreground));
}

.text-sky-600 {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity));
}

.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity));
}

.text-sky-700\/90 {
  color: rgb(3 105 161 / 0.9);
}

.text-sky-900 {
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity));
}

.text-sky-950 {
  --tw-text-opacity: 1;
  color: rgb(8 47 73 / var(--tw-text-opacity));
}

.text-sky-studio-primary {
  --tw-text-opacity: 1;
  color: rgb(124 131 253 / var(--tw-text-opacity));
}

.text-sky-studio-primary\/70 {
  color: rgb(124 131 253 / 0.7);
}

.text-sky-studio-primary\/80 {
  color: rgb(124 131 253 / 0.8);
}

.text-sky-studio-primary\/90 {
  color: rgb(124 131 253 / 0.9);
}

.text-sky-studio-text {
  --tw-text-opacity: 1;
  color: rgb(42 51 98 / var(--tw-text-opacity));
}

.text-sky-studio-text\/80 {
  color: rgb(42 51 98 / 0.8);
}

.text-skymod-blue-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(113 123 188 / var(--tw-text-opacity));
}

.text-skymod-blue-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(62 71 132 / var(--tw-text-opacity));
}

.text-skymod-blue-light-700 {
  --tw-text-opacity: 1;
  color: rgb(2 106 162 / var(--tw-text-opacity));
}

.text-skymod-brand-500 {
  --tw-text-opacity: 1;
  color: rgb(158 119 237 / var(--tw-text-opacity));
}

.text-skymod-brand-600 {
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.text-skymod-brand-700 {
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.text-skymod-brand-800 {
  --tw-text-opacity: 1;
  color: rgb(83 56 158 / var(--tw-text-opacity));
}

.text-skymod-brand-900 {
  --tw-text-opacity: 1;
  color: rgb(32 23 104 / var(--tw-text-opacity));
}

.text-skymod-error-500 {
  --tw-text-opacity: 1;
  color: rgb(240 68 56 / var(--tw-text-opacity));
}

.text-skymod-error-600 {
  --tw-text-opacity: 1;
  color: rgb(217 45 32 / var(--tw-text-opacity));
}

.text-skymod-error-700 {
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.text-skymod-error-800 {
  --tw-text-opacity: 1;
  color: rgb(145 32 24 / var(--tw-text-opacity));
}

.text-skymod-error-900 {
  --tw-text-opacity: 1;
  color: rgb(122 39 26 / var(--tw-text-opacity));
}

.text-skymod-error-950 {
  --tw-text-opacity: 1;
  color: rgb(85 22 12 / var(--tw-text-opacity));
}

.text-skymod-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(213 215 218 / var(--tw-text-opacity));
}

.text-skymod-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.text-skymod-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.text-skymod-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity));
}

.text-skymod-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.text-skymod-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(37 43 55 / var(--tw-text-opacity));
}

.text-skymod-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.text-skymod-success-600 {
  --tw-text-opacity: 1;
  color: rgb(3 152 85 / var(--tw-text-opacity));
}

.text-skymod-success-700 {
  --tw-text-opacity: 1;
  color: rgb(2 122 72 / var(--tw-text-opacity));
}

.text-skymod-success-800 {
  --tw-text-opacity: 1;
  color: rgb(5 96 58 / var(--tw-text-opacity));
}

.text-skymod-success-900 {
  --tw-text-opacity: 1;
  color: rgb(5 79 49 / var(--tw-text-opacity));
}

.text-skymod-success-950 {
  --tw-text-opacity: 1;
  color: rgb(5 51 33 / var(--tw-text-opacity));
}

.text-skymod-warning-600 {
  --tw-text-opacity: 1;
  color: rgb(220 104 3 / var(--tw-text-opacity));
}

.text-skymod-warning-700 {
  --tw-text-opacity: 1;
  color: rgb(181 71 8 / var(--tw-text-opacity));
}

.text-skymod-warning-800 {
  --tw-text-opacity: 1;
  color: rgb(147 55 13 / var(--tw-text-opacity));
}

.text-skymod-warning-900 {
  --tw-text-opacity: 1;
  color: rgb(122 46 14 / var(--tw-text-opacity));
}

.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.text-slate-950 {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity));
}

.text-stone-300 {
  --tw-text-opacity: 1;
  color: rgb(214 211 209 / var(--tw-text-opacity));
}

.text-stone-400 {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity));
}

.text-stone-500 {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}

.text-stone-700 {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity));
}

.text-stone-800 {
  --tw-text-opacity: 1;
  color: rgb(41 37 36 / var(--tw-text-opacity));
}

.text-teal-400 {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity));
}

.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity));
}

.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity));
}

.text-teal-800 {
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / var(--tw-text-opacity));
}

.text-transparent {
  color: transparent;
}

.text-violet-100 {
  --tw-text-opacity: 1;
  color: rgb(237 233 254 / var(--tw-text-opacity));
}

.text-violet-300 {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity));
}

.text-violet-400 {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity));
}

.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity));
}

.text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}

.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity));
}

.text-violet-700\/90 {
  color: rgb(109 40 217 / 0.9);
}

.text-violet-800 {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity));
}

.text-violet-900 {
  --tw-text-opacity: 1;
  color: rgb(76 29 149 / var(--tw-text-opacity));
}

.text-violet-950 {
  --tw-text-opacity: 1;
  color: rgb(46 16 101 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}

.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}

.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}

.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}

.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity));
}

.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity));
}

.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity));
}

.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity));
}

.underline {
  text-decoration-line: underline;
}

.\!no-underline {
  text-decoration-line: none !important;
}

.decoration-skymod-brand-300 {
  text-decoration-color: #d6bbfb;
}

.decoration-solid {
  text-decoration-style: solid;
}

.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::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.placeholder-gray-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity));
}

.caret-skymod-gray-900 {
  caret-color: #181d27;
}

.accent-\[\#201768\] {
  accent-color: #201768;
}

.accent-\[\#6366f1\] {
  accent-color: #6366f1;
}

.accent-\[\#686ccc\] {
  accent-color: #686ccc;
}

.accent-\[\#7f56d9\] {
  accent-color: #7f56d9;
}

.accent-\[\#ACB3FF7D\] {
  accent-color: #ACB3FF7D;
}

.accent-rose-500 {
  accent-color: #f43f5e;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-95 {
  opacity: 0.95;
}

.mix-blend-multiply {
  mix-blend-mode: multiply;
}

.\!shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\] {
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05) !important;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!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-\[-12px_0px_32px_-8px_rgba\(20\2c 17\2c 60\2c 0\.16\)\] {
  --tw-shadow: -12px 0px 32px -8px rgba(20,17,60,0.16);
  --tw-shadow-colored: -12px 0px 32px -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_-8px_24px_-12px_rgba\(26\2c 22\2c 84\2c 0\.08\)\] {
  --tw-shadow: 0 -8px 24px -12px rgba(26,22,84,0.08);
  --tw-shadow-colored: 0 -8px 24px -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_-8px_24px_-4px_rgba\(15\2c 23\2c 42\2c 0\.08\)\] {
  --tw-shadow: 0 -8px 24px -4px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 -8px 24px -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-\[0_0_0_1px_\#201768\] {
  --tw-shadow: 0 0 0 1px #201768;
  --tw-shadow-colored: 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_0_0_1px_\#7f56d9\] {
  --tw-shadow: 0 0 0 1px #7f56d9;
  --tw-shadow-colored: 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_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
  --tw-shadow-colored: 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_0_0_1px_rgba\(127\2c 86\2c 217\2c 0\.08\)\] {
  --tw-shadow: 0 0 0 1px rgba(127,86,217,0.08);
  --tw-shadow-colored: 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_0_0_3px_\#eef0fe\] {
  --tw-shadow: 0 0 0 3px #eef0fe;
  --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_0_3px_\#f4f3ff\] {
  --tw-shadow: 0 0 0 3px #f4f3ff;
  --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_0_3px_rgba\(37\2c 99\2c 235\2c 0\.13\)\2c 0_2px_12px_rgba\(0\2c 0\2c 0\2c 0\.07\)\] {
  --tw-shadow: 0 0 0 3px rgba(37,99,235,0.13),0 2px 12px rgba(0,0,0,0.07);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color), 0 2px 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_4px_rgba\(124\2c 131\2c 253\2c 0\.22\)\] {
  --tw-shadow: 0 0 0 4px rgba(124,131,253,0.22);
  --tw-shadow-colored: 0 0 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-\[0_0_10px_rgba\(125\2c 76\2c 219\2c 0\.65\)\] {
  --tw-shadow: 0 0 10px rgba(125,76,219,0.65);
  --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_12px_24px_-8px_rgba\(26\2c 22\2c 84\2c 0\.15\)\] {
  --tw-shadow: 0 12px 24px -8px rgba(26,22,84,0.15);
  --tw-shadow-colored: 0 12px 24px -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_12px_28px_-12px_rgba\(16\2c 24\2c 40\2c 0\.28\)\] {
  --tw-shadow: 0 12px 28px -12px rgba(16,24,40,0.28);
  --tw-shadow-colored: 0 12px 28px -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_12px_32px_-12px_rgba\(20\2c 17\2c 60\2c 0\.25\)\] {
  --tw-shadow: 0 12px 32px -12px rgba(20,17,60,0.25);
  --tw-shadow-colored: 0 12px 32px -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_14px_34px_-8px_rgba\(127\2c 86\2c 217\2c 0\.55\)\] {
  --tw-shadow: 0 14px 34px -8px rgba(127,86,217,0.55);
  --tw-shadow-colored: 0 14px 34px -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_16px_45px_rgba\(15\2c 23\2c 42\2c 0\.10\)\] {
  --tw-shadow: 0 16px 45px rgba(15,23,42,0.10);
  --tw-shadow-colored: 0 16px 45px 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_16px_45px_rgba\(26\2c 22\2c 84\2c 0\.08\)\] {
  --tw-shadow: 0 16px 45px rgba(26,22,84,0.08);
  --tw-shadow-colored: 0 16px 45px 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_\#ece9f4\] {
  --tw-shadow: 0 1px 0 #ece9f4;
  --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_1px_rgba\(16\2c 24\2c 40\2c 0\.05\)\] {
  --tw-shadow: 0 1px 1px rgba(16,24,40,0.05);
  --tw-shadow-colored: 0 1px 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_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\] {
  --tw-shadow: 0 1px 2px 0px rgba(16,24,40,0.05);
  --tw-shadow-colored: 0 1px 2px 0px 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\(127\2c 86\2c 217\2c 0\.18\)\] {
  --tw-shadow: 0 1px 2px rgba(127,86,217,0.18);
  --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_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.04\)\] {
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.04);
  --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_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.05\)\] {
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.05);
  --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_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.06\)\] {
  --tw-shadow: 0 1px 2px rgba(16,24,40,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_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.08\)\] {
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.08);
  --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_1px_2px_rgba\(20\2c 17\2c 60\2c 0\.04\)\] {
  --tw-shadow: 0 1px 2px rgba(20,17,60,0.04);
  --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_1px_2px_rgba\(26\2c 22\2c 84\2c 0\.04\)\] {
  --tw-shadow: 0 1px 2px rgba(26,22,84,0.04);
  --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_1px_2px_rgba\(32\2c 23\2c 104\2c 0\.06\)\] {
  --tw-shadow: 0 1px 2px rgba(32,23,104,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_1px_3px_rgba\(16\2c 24\2c 40\2c 0\.12\)\] {
  --tw-shadow: 0 1px 3px rgba(16,24,40,0.12);
  --tw-shadow-colored: 0 1px 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_1px_4px_rgba\(15\2c 23\2c 42\2c 0\.04\)\] {
  --tw-shadow: 0 1px 4px rgba(15,23,42,0.04);
  --tw-shadow-colored: 0 1px 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-\[0_20px_48px_-12px_rgba\(16\2c 24\2c 40\2c 0\.28\)\2c 0_8px_16px_-8px_rgba\(16\2c 24\2c 40\2c 0\.12\)\] {
  --tw-shadow: 0 20px 48px -12px rgba(16,24,40,0.28),0 8px 16px -8px rgba(16,24,40,0.12);
  --tw-shadow-colored: 0 20px 48px -12px var(--tw-shadow-color), 0 8px 16px -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_22px_65px_rgba\(36\2c 25\2c 101\2c 0\.11\)\] {
  --tw-shadow: 0 22px 65px rgba(36,25,101,0.11);
  --tw-shadow-colored: 0 22px 65px 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_24px_56px_-16px_rgba\(20\2c 17\2c 60\2c 0\.35\)\] {
  --tw-shadow: 0 24px 56px -16px rgba(20,17,60,0.35);
  --tw-shadow-colored: 0 24px 56px -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_24px_56px_-16px_rgba\(20\2c 17\2c 60\2c 0\.4\)\] {
  --tw-shadow: 0 24px 56px -16px rgba(20,17,60,0.4);
  --tw-shadow-colored: 0 24px 56px -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_24px_70px_rgba\(15\2c 23\2c 42\2c 0\.14\)\] {
  --tw-shadow: 0 24px 70px rgba(15,23,42,0.14);
  --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);
}

.shadow-\[0_32px_72px_-20px_rgba\(15\2c 13\2c 36\2c 0\.55\)\] {
  --tw-shadow: 0 32px 72px -20px rgba(15,13,36,0.55);
  --tw-shadow-colored: 0 32px 72px -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-\[0_4px_16px_-8px_rgba\(20\2c 17\2c 60\2c 0\.1\)\] {
  --tw-shadow: 0 4px 16px -8px rgba(20,17,60,0.1);
  --tw-shadow-colored: 0 4px 16px -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_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  --tw-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0 4px 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-\[0_8px_20px_-8px_rgba\(26\2c 22\2c 84\2c 0\.15\)\] {
  --tw-shadow: 0 8px 20px -8px rgba(26,22,84,0.15);
  --tw-shadow-colored: 0 8px 20px -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_8px_20px_rgba\(92\2c 63\2c 212\2c \.2\)\] {
  --tw-shadow: 0 8px 20px rgba(92,63,212,.2);
  --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-\[0_8px_24px_-12px_rgba\(20\2c 17\2c 60\2c 0\.12\)\] {
  --tw-shadow: 0 8px 24px -12px rgba(20,17,60,0.12);
  --tw-shadow-colored: 0 8px 24px -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_8px_24px_-12px_rgba\(26\2c 22\2c 84\2c 0\.08\)\] {
  --tw-shadow: 0 8px 24px -12px rgba(26,22,84,0.08);
  --tw-shadow-colored: 0 8px 24px -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_8px_28px_-6px_rgba\(16\2c 24\2c 40\2c 0\.12\)\2c 0_2px_8px_-2px_rgba\(16\2c 24\2c 40\2c 0\.06\)\] {
  --tw-shadow: 0 8px 28px -6px rgba(16,24,40,0.12),0 2px 8px -2px rgba(16,24,40,0.06);
  --tw-shadow-colored: 0 8px 28px -6px var(--tw-shadow-color), 0 2px 8px -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_8px_30px_rgba\(26\2c 22\2c 84\2c 0\.06\)\] {
  --tw-shadow: 0 8px 30px rgba(26,22,84,0.06);
  --tw-shadow-colored: 0 8px 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);
}

.shadow-\[0px_0px_18px_rgba\(127\2c 86\2c 217\2c 0\.18\)\] {
  --tw-shadow: 0px 0px 18px rgba(127,86,217,0.18);
  --tw-shadow-colored: 0px 0px 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-\[0px_12px_16px_-4px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0px_4px_6px_-2px_rgba\(16\2c 24\2c 40\2c 0\.03\)\] {
  --tw-shadow: 0px 12px 16px -4px rgba(16,24,40,0.08),0px 4px 6px -2px rgba(16,24,40,0.03);
  --tw-shadow-colored: 0px 12px 16px -4px var(--tw-shadow-color), 0px 4px 6px -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-\[0px_12px_24px_rgba\(16\2c 24\2c 40\2c 0\.12\)\] {
  --tw-shadow: 0px 12px 24px rgba(16,24,40,0.12);
  --tw-shadow-colored: 0px 12px 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-\[0px_12px_32px_rgba\(16\2c 24\2c 40\2c 0\.12\)\] {
  --tw-shadow: 0px 12px 32px rgba(16,24,40,0.12);
  --tw-shadow-colored: 0px 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-\[0px_12px_8px_rgba\(16\2c 24\2c 40\2c 0\.08\)\2c 0px_4px_3px_rgba\(16\2c 24\2c 40\2c 0\.03\)\] {
  --tw-shadow: 0px 12px 8px rgba(16,24,40,0.08),0px 4px 3px rgba(16,24,40,0.03);
  --tw-shadow-colored: 0px 12px 8px var(--tw-shadow-color), 0px 4px 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-\[0px_16px_32px_rgba\(16\2c 24\2c 40\2c 0\.14\)\] {
  --tw-shadow: 0px 16px 32px rgba(16,24,40,0.14);
  --tw-shadow-colored: 0px 16px 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-\[0px_16px_48px_rgba\(126\2c 87\2c 234\2c 0\.28\)\2c 0px_6px_20px_rgba\(158\2c 119\2c 237\2c 0\.18\)\2c 0px_2px_6px_rgba\(105\2c 65\2c 198\2c 0\.12\)\] {
  --tw-shadow: 0px 16px 48px rgba(126,87,234,0.28),0px 6px 20px rgba(158,119,237,0.18),0px 2px 6px rgba(105,65,198,0.12);
  --tw-shadow-colored: 0px 16px 48px var(--tw-shadow-color), 0px 6px 20px var(--tw-shadow-color), 0px 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-\[0px_18px_36px_rgba\(16\2c 24\2c 40\2c 0\.16\)\] {
  --tw-shadow: 0px 18px 36px rgba(16,24,40,0.16);
  --tw-shadow-colored: 0px 18px 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-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.04\)\] {
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.04);
  --tw-shadow-colored: 0px 1px 2px 0px 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-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\2c 0px_0px_0px_4px_\#f4ebff\] {
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05),0px 0px 0px 4px #f4ebff;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 0px 0px 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-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\] {
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05);
  --tw-shadow-colored: 0px 1px 2px 0px 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-\[0px_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.04\)\] {
  --tw-shadow: 0px 1px 2px rgba(16,24,40,0.04);
  --tw-shadow-colored: 0px 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-\[0px_1px_3px_0px_rgba\(16\2c 24\2c 40\2c 0\.1\)\2c 0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.06\)\] {
  --tw-shadow: 0px 1px 3px 0px rgba(16,24,40,0.1),0px 1px 2px 0px rgba(16,24,40,0.06);
  --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color), 0px 1px 2px 0px 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-\[0px_20px_40px_rgba\(26\2c 22\2c 84\2c 0\.14\)\] {
  --tw-shadow: 0px 20px 40px rgba(26,22,84,0.14);
  --tw-shadow-colored: 0px 20px 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-\[0px_24px_60px_-24px_rgba\(20\2c 17\2c 60\2c 0\.3\)\] {
  --tw-shadow: 0px 24px 60px -24px rgba(20,17,60,0.3);
  --tw-shadow-colored: 0px 24px 60px -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-\[0px_2px_6px_-1px_rgba\(32\2c 23\2c 104\2c 0\.4\)\] {
  --tw-shadow: 0px 2px 6px -1px rgba(32,23,104,0.4);
  --tw-shadow-colored: 0px 2px 6px -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-\[0px_32px_80px_-24px_rgba\(20\2c 17\2c 60\2c 0\.4\)\] {
  --tw-shadow: 0px 32px 80px -24px rgba(20,17,60,0.4);
  --tw-shadow-colored: 0px 32px 80px -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-\[0px_4px_12px_rgba\(16\2c 24\2c 40\2c 0\.12\)\] {
  --tw-shadow: 0px 4px 12px rgba(16,24,40,0.12);
  --tw-shadow-colored: 0px 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-\[inset_0_0_0_1px_\#e4e7ec\] {
  --tw-shadow: inset 0 0 0 1px #e4e7ec;
  --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_0_0_1px_rgba\(127\2c 86\2c 217\2c 0\.12\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(127,86,217,0.12);
  --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_0_0_1px_rgba\(15\2c 23\2c 42\2c 0\.04\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(15,23,42,0.04);
  --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_0_0_1px_rgba\(15\2c 23\2c 42\2c 0\.05\)\] {
  --tw-shadow: inset 0 0 0 1px rgba(15,23,42,0.05);
  --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-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-\[\#676FCA\]\/20 {
  --tw-shadow-color: rgb(103 111 202 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#ACB3FF\]\/25 {
  --tw-shadow-color: rgb(172 179 255 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#ACB3FF\]\/30 {
  --tw-shadow-color: rgb(172 179 255 / 0.3);
  --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-500\/30 {
  --tw-shadow-color: rgb(59 130 246 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-fuchsia-900 {
  --tw-shadow-color: #701a75;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gray-200\/25 {
  --tw-shadow-color: rgb(229 231 235 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-green-200\/50 {
  --tw-shadow-color: rgb(187 247 208 / 0.5);
  --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-purple-200\/50 {
  --tw-shadow-color: rgb(233 213 255 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-200\/50 {
  --tw-shadow-color: rgb(226 232 240 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-violet-100\/30 {
  --tw-shadow-color: rgb(237 233 254 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-violet-100\/50 {
  --tw-shadow-color: rgb(237 233 254 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-violet-200 {
  --tw-shadow-color: #ddd6fe;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-yellow-200\/50 {
  --tw-shadow-color: rgb(254 240 138 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.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-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-\[\#6366F1\]\/30 {
  --tw-ring-color: rgb(99 102 241 / 0.3);
}

.ring-\[\#7c83fd\]\/30 {
  --tw-ring-color: rgb(124 131 253 / 0.3);
}

.ring-\[\#7f56d9\]\/15 {
  --tw-ring-color: rgb(127 86 217 / 0.15);
}

.ring-\[\#7f56d9\]\/20 {
  --tw-ring-color: rgb(127 86 217 / 0.2);
}

.ring-\[\#ACB3FF\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(172 179 255 / var(--tw-ring-opacity));
}

.ring-\[\#D9DDFF\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(217 221 255 / var(--tw-ring-opacity));
}

.ring-\[\#e9e5f5\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 229 245 / var(--tw-ring-opacity));
}

.ring-\[\#eaecf0\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 236 240 / var(--tw-ring-opacity));
}

.ring-\[\#ece9f4\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(236 233 244 / var(--tw-ring-opacity));
}

.ring-\[\#fecdca\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 205 202 / var(--tw-ring-opacity));
}

.ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}

.ring-black\/5 {
  --tw-ring-color: rgb(0 0 0 / 0.05);
}

.ring-black\/\[0\.04\] {
  --tw-ring-color: rgb(0 0 0 / 0.04);
}

.ring-blue-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
}

.ring-blue-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
}

.ring-blue-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
}

.ring-blue-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.ring-border\/30 {
  --tw-ring-color: hsl(var(--border) / 0.3);
}

.ring-border\/35 {
  --tw-ring-color: hsl(var(--border) / 0.35);
}

.ring-border\/40 {
  --tw-ring-color: hsl(var(--border) / 0.4);
}

.ring-border\/60 {
  --tw-ring-color: hsl(var(--border) / 0.6);
}

.ring-destructive\/20 {
  --tw-ring-color: hsl(var(--destructive) / 0.2);
}

.ring-destructive\/40 {
  --tw-ring-color: hsl(var(--destructive) / 0.4);
}

.ring-gray-200\/80 {
  --tw-ring-color: rgb(229 231 235 / 0.8);
}

.ring-gray-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
}

.ring-gray-400\/60 {
  --tw-ring-color: rgb(156 163 175 / 0.6);
}

.ring-green-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity));
}

.ring-primary\/10 {
  --tw-ring-color: hsl(var(--primary) / 0.1);
}

.ring-primary\/15 {
  --tw-ring-color: hsl(var(--primary) / 0.15);
}

.ring-primary\/20 {
  --tw-ring-color: hsl(var(--primary) / 0.2);
}

.ring-purple-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
}

.ring-red-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
}

.ring-sidebar-ring {
  --tw-ring-color: hsl(var(--sidebar-ring));
}

.ring-sky-studio-primary\/20 {
  --tw-ring-color: rgb(124 131 253 / 0.2);
}

.ring-sky-studio-primary\/25 {
  --tw-ring-color: rgb(124 131 253 / 0.25);
}

.ring-skymod-blue-gray-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 236 245 / var(--tw-ring-opacity));
}

.ring-skymod-brand-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 235 255 / var(--tw-ring-opacity));
}

.ring-skymod-brand-900\/15 {
  --tw-ring-color: rgb(32 23 104 / 0.15);
}

.ring-skymod-error-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 162 155 / var(--tw-ring-opacity));
}

.ring-slate-900\/\[0\.04\] {
  --tw-ring-color: rgb(15 23 42 / 0.04);
}

.ring-transparent {
  --tw-ring-color: transparent;
}

.ring-violet-200\/60 {
  --tw-ring-color: rgb(221 214 254 / 0.6);
}

.ring-violet-200\/70 {
  --tw-ring-color: rgb(221 214 254 / 0.7);
}

.ring-violet-400\/20 {
  --tw-ring-color: rgb(167 139 250 / 0.2);
}

.ring-violet-500\/35 {
  --tw-ring-color: rgb(139 92 246 / 0.35);
}

.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}

.ring-white\/50 {
  --tw-ring-color: rgb(255 255 255 / 0.5);
}

.ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}

.ring-offset-1 {
  --tw-ring-offset-width: 1px;
}

.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}

.ring-offset-transparent {
  --tw-ring-offset-color: transparent;
}

.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-\[0\.5px\] {
  --tw-blur: blur(0.5px);
  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-sm {
  --tw-blur: blur(4px);
  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-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);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[1px\] {
  --tw-backdrop-blur: blur(1px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[8px\] {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-brightness-110 {
  --tw-backdrop-brightness: brightness(1.1);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.\!transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[background-color\2c border-color\2c box-shadow\] {
  transition-property: background-color,border-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[border-color\2c box-shadow\2c background-color\] {
  transition-property: border-color,box-shadow,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[border-color\2c box-shadow\2c background\] {
  transition-property: border-color,box-shadow,background;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[border-color\2c box-shadow\] {
  transition-property: border-color,box-shadow;
  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-\[margin\2c opa\] {
  transition-property: margin,opa;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[max-width\2c opacity\] {
  transition-property: max-width,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[opacity\2c background-color\2c color\] {
  transition-property: opacity,background-color,color;
  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-\[stroke-dashoffset\] {
  transition-property: stroke-dashoffset;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\2c height\2c padding\] {
  transition-property: width,height,padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\2c min-width\2c max-width\2c background-color\2c border-color\2c box-shadow\2c padding\] {
  transition-property: width,min-width,max-width,background-color,border-color,box-shadow,padding;
  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;
}

.delay-200 {
  transition-delay: 200ms;
}

.delay-300 {
  transition-delay: 300ms;
}

.delay-500 {
  transition-delay: 500ms;
}

.\!duration-200 {
  transition-duration: 200ms !important;
}

.duration-100 {
  transition-duration: 100ms;
}

.duration-1000 {
  transition-duration: 1000ms;
}

.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;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-smooth-out {
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.will-change-transform {
  will-change: transform;
}

@keyframes enter {

  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {

  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

.animate-in {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.fade-in {
  --tw-enter-opacity: 0;
}

.fade-in-0 {
  --tw-enter-opacity: 0;
}

.fade-in-90 {
  --tw-enter-opacity: 0.9;
}

.zoom-in {
  --tw-enter-scale: 0;
}

.zoom-in-95 {
  --tw-enter-scale: .95;
}

.slide-in-from-bottom-2 {
  --tw-enter-translate-y: 0.5rem;
}

.slide-in-from-bottom-4 {
  --tw-enter-translate-y: 1rem;
}

.slide-in-from-bottom-5 {
  --tw-enter-translate-y: 1.25rem;
}

.slide-in-from-left-2 {
  --tw-enter-translate-x: -0.5rem;
}

.slide-in-from-left-4 {
  --tw-enter-translate-x: -1rem;
}

.slide-in-from-right {
  --tw-enter-translate-x: 100%;
}

.slide-in-from-right-2 {
  --tw-enter-translate-x: 0.5rem;
}

.slide-in-from-right-4 {
  --tw-enter-translate-x: 1rem;
}

.slide-in-from-top-2 {
  --tw-enter-translate-y: -0.5rem;
}

.slide-in-from-top-4 {
  --tw-enter-translate-y: -1rem;
}

.\!duration-200 {
  animation-duration: 200ms !important;
}

.duration-100 {
  animation-duration: 100ms;
}

.duration-1000 {
  animation-duration: 1000ms;
}

.duration-150 {
  animation-duration: 150ms;
}

.duration-200 {
  animation-duration: 200ms;
}

.duration-300 {
  animation-duration: 300ms;
}

.duration-500 {
  animation-duration: 500ms;
}

.duration-700 {
  animation-duration: 700ms;
}

.delay-100 {
  animation-delay: 100ms;
}

.delay-200 {
  animation-delay: 200ms;
}

.delay-300 {
  animation-delay: 300ms;
}

.delay-500 {
  animation-delay: 500ms;
}

.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear {
  animation-timing-function: linear;
}

.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-smooth-out {
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.\!running {
  animation-play-state: running !important;
}

.running {
  animation-play-state: running;
}

.paused {
  animation-play-state: paused;
}

.\[-ms-overflow-style\:auto\] {
  -ms-overflow-style: auto;
}

.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}

.\[-webkit-box-orient\:vertical\] {
  -webkit-box-orient: vertical;
}

.\[-webkit-line-clamp\:2\] {
  -webkit-line-clamp: 2;
}

.\[-webkit-line-clamp\:3\] {
  -webkit-line-clamp: 3;
}

.\[animation-delay\:0ms\] {
  animation-delay: 0ms;
}

.\[animation-delay\:140ms\] {
  animation-delay: 140ms;
}

.\[animation-delay\:150ms\] {
  animation-delay: 150ms;
}

.\[animation-delay\:200ms\] {
  animation-delay: 200ms;
}

.\[animation-delay\:210ms\] {
  animation-delay: 210ms;
}

.\[animation-delay\:280ms\] {
  animation-delay: 280ms;
}

.\[animation-delay\:300ms\] {
  animation-delay: 300ms;
}

.\[animation-delay\:350ms\] {
  animation-delay: 350ms;
}

.\[animation-delay\:400ms\] {
  animation-delay: 400ms;
}

.\[animation-delay\:420ms\] {
  animation-delay: 420ms;
}

.\[animation-delay\:450ms\] {
  animation-delay: 450ms;
}

.\[animation-delay\:490ms\] {
  animation-delay: 490ms;
}

.\[animation-delay\:560ms\] {
  animation-delay: 560ms;
}

.\[animation-delay\:630ms\] {
  animation-delay: 630ms;
}

.\[animation-delay\:700ms\] {
  animation-delay: 700ms;
}

.\[animation-delay\:70ms\] {
  animation-delay: 70ms;
}

.\[animation-delay\:770ms\] {
  animation-delay: 770ms;
}

.\[background-image\:radial-gradient\(circle_at_center\2c hsl\(var\(--border\)\)_1px\2c transparent_1px\)\] {
  background-image: radial-gradient(circle at center,hsl(var(--border)) 1px,transparent 1px);
}

.\[background-size\:18px_18px\] {
  background-size: 18px 18px;
}

.\[counter-increment\:line_0\] {
  counter-increment: line 0;
}

.\[counter-reset\:line\] {
  counter-reset: line;
}

.\[display\:-webkit-box\] {
  display: -webkit-box;
}

.\[image-rendering\:auto\] {
  image-rendering: auto;
}

.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}

.\[scrollbar-color\:\#c8cce5_transparent\] {
  scrollbar-color: #c8cce5 transparent;
}

.\[scrollbar-color\:\#ddd9e8_transparent\] {
  scrollbar-color: #ddd9e8 transparent;
}

.\[scrollbar-color\:\#e4e0f0_transparent\] {
  scrollbar-color: #e4e0f0 transparent;
}

.\[scrollbar-gutter\:stable\] {
  scrollbar-gutter: stable;
}

.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}

.\[scrollbar-width\:thin\] {
  scrollbar-width: thin;
}

.selection\:bg-skymod-brand-200\/35 *::selection {
  background-color: rgb(233 215 254 / 0.35);
}

.selection\:text-transparent *::selection {
  color: transparent;
}

.selection\:bg-skymod-brand-200\/35::selection {
  background-color: rgb(233 215 254 / 0.35);
}

.selection\:text-transparent::selection {
  color: transparent;
}

.file\:border-0::file-selector-button {
  border-width: 0px;
}

.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}

.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-medium::file-selector-button {
  font-weight: 500;
}

.file\:text-foreground::file-selector-button {
  color: hsl(var(--foreground));
}

.placeholder\:font-montserrat::placeholder {
  font-family: Montserrat, sans-serif;
}

.placeholder\:text-sky-t2::placeholder {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
}

.placeholder\:text-sky-t3::placeholder {
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0;
}

.placeholder\:font-normal::placeholder {
  font-weight: 400;
}

.placeholder\:text-\[\#535862\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#717680\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#98a2b3\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(152 162 179 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#9994ac\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(153 148 172 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#a09db8\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(160 157 184 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#a49fbd\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(164 159 189 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#a4a7ae\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.placeholder\:text-canvas-muted-light::placeholder {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.placeholder\:text-gray-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.placeholder\:text-gray-400\/80::placeholder {
  color: rgb(156 163 175 / 0.8);
}

.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}

.placeholder\:text-muted-foreground\/60::placeholder {
  color: hsl(var(--muted-foreground) / 0.6);
}

.placeholder\:text-skymod-gray-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.placeholder\:text-skymod-gray-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.placeholder\:text-slate-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.placeholder\:opacity-40::placeholder {
  opacity: 0.4;
}

.placeholder\:transition-colors::placeholder {
  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;
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-y-1::before {
  content: var(--tw-content);
  top: 0.25rem;
  bottom: 0.25rem;
}

.before\:left-1\/2::before {
  content: var(--tw-content);
  left: 50%;
}

.before\:mr-4::before {
  content: var(--tw-content);
  margin-right: 1rem;
}

.before\:inline-block::before {
  content: var(--tw-content);
  display: inline-block;
}

.before\:w-6::before {
  content: var(--tw-content);
  width: 1.5rem;
}

.before\:w-px::before {
  content: var(--tw-content);
  width: 1px;
}

.before\:-translate-x-1\/2::before {
  content: var(--tw-content);
  --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));
}

.before\:select-none::before {
  content: var(--tw-content);
  -webkit-user-select: none;
          user-select: none;
}

.before\:rounded-full::before {
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:bg-skymod-brand-300::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(214 187 251 / var(--tw-bg-opacity));
}

.before\:bg-transparent::before {
  content: var(--tw-content);
  background-color: transparent;
}

.before\:text-right::before {
  content: var(--tw-content);
  text-align: right;
}

.before\:font-mono::before {
  content: var(--tw-content);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.before\:text-\[13px\]::before {
  content: var(--tw-content);
  font-size: 13px;
}

.before\:text-muted-foreground\/50::before {
  content: var(--tw-content);
  color: hsl(var(--muted-foreground) / 0.5);
}

.before\:transition-colors::before {
  content: var(--tw-content);
  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;
}

.before\:content-\[counter\(line\)\]::before {
  --tw-content: counter(line);
  content: var(--tw-content);
}

.before\:\[counter-increment\:line\]::before {
  content: var(--tw-content);
  counter-increment: line;
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:-inset-2::after {
  content: var(--tw-content);
  inset: -0.5rem;
}

.after\:inset-y-0::after {
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}

.after\:left-1\/2::after {
  content: var(--tw-content);
  left: 50%;
}

.after\:w-\[2px\]::after {
  content: var(--tw-content);
  width: 2px;
}

.first\:mt-0:first-child {
  margin-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;
}

.read-only\:cursor-default:read-only {
  cursor: default;
}

.focus-within\:\!border-\[\#6366f1\]:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: rgb(99 102 241 / var(--tw-border-opacity)) !important;
}

.focus-within\:border-\[\#6366F1\]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus-within\:border-\[\#6366f1\]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus-within\:border-\[\#7a85f9\]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(122 133 249 / var(--tw-border-opacity));
}

.focus-within\:border-\[\#ACB3FF\]:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(172 179 255 / var(--tw-border-opacity));
}

.focus-within\:border-black:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.focus-within\:border-skymod-brand-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.focus-within\:border-skymod-brand-700:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(105 65 198 / var(--tw-border-opacity));
}

.focus-within\:border-skymod-error-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(253 162 155 / var(--tw-border-opacity));
}

.focus-within\:border-violet-300:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity));
}

.focus-within\:border-violet-400\/60:focus-within {
  border-color: rgb(167 139 250 / 0.6);
}

.focus-within\:bg-white:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus-within\:opacity-100:focus-within {
  opacity: 1;
}

.focus-within\:\!shadow-\[0_0_0_3px_\#eef0fe\]:focus-within {
  --tw-shadow: 0 0 0 3px #eef0fe !important;
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus-within\:shadow-\[0_0_0_3px_\#eef0fe\]:focus-within {
  --tw-shadow: 0 0 0 3px #eef0fe;
  --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);
}

.focus-within\:shadow-\[0_0_0_3px_\#f4f5fe\]:focus-within {
  --tw-shadow: 0 0 0 3px #f4f5fe;
  --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);
}

.focus-within\:shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\2c 0px_0px_0px_4px_\#f4ebff\]:focus-within {
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05),0px 0px 0px 4px #f4ebff;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 0px 0px 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-within\:shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\2c 0px_0px_0px_4px_\#fee4e2\]:focus-within {
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05),0px 0px 0px 4px #fee4e2;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 0px 0px 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-within\:shadow-none:focus-within {
  --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);
}

.focus-within\:ring-1:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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-within\:ring-\[\#6366F1\]\/20:focus-within {
  --tw-ring-color: rgb(99 102 241 / 0.2);
}

.focus-within\:ring-\[\#7a85f9\]\/30:focus-within {
  --tw-ring-color: rgb(122 133 249 / 0.3);
}

.focus-within\:ring-\[\#ACB3FF\]:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(172 179 255 / var(--tw-ring-opacity));
}

.focus-within\:ring-black:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}

.focus-within\:ring-violet-200:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(221 214 254 / var(--tw-ring-opacity));
}

.focus-within\:ring-violet-200\/30:focus-within {
  --tw-ring-color: rgb(221 214 254 / 0.3);
}

.hover\:z-10:hover {
  z-index: 10;
}

.hover\:w-max:hover {
  width: max-content;
}

.hover\:min-w-\[160px\]:hover {
  min-width: 160px;
}

.hover\:max-w-\[280px\]:hover {
  max-width: 280px;
}

.hover\:shrink:hover {
  flex-shrink: 1;
}

.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-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));
}

.hover\:rotate-12:hover {
  --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));
}

.hover\:rotate-90:hover {
  --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));
}

.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-125:hover {
  --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));
}

.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\:cursor-pointer:hover {
  cursor: pointer;
}

.hover\:overflow-visible:hover {
  overflow: visible;
}

.hover\:\!border-\[\#c7cbe0\]:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(199 203 224 / var(--tw-border-opacity)) !important;
}

.hover\:\!border-\[\#c9c3d9\]:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(201 195 217 / var(--tw-border-opacity)) !important;
}

.hover\:\!border-skymod-brand-950:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(20 11 96 / var(--tw-border-opacity)) !important;
}

.hover\:\!border-transparent:hover {
  border-color: transparent !important;
}

.hover\:border-\[\#15114a\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(21 17 74 / var(--tw-border-opacity));
}

.hover\:border-\[\#6366F1\]\/40:hover {
  border-color: rgb(99 102 241 / 0.4);
}

.hover\:border-\[\#6366f1\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.hover\:border-\[\#676FCA\]\/50:hover {
  border-color: rgb(103 111 202 / 0.5);
}

.hover\:border-\[\#686ccc\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(104 108 204 / var(--tw-border-opacity));
}

.hover\:border-\[\#7a85f9\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(122 133 249 / var(--tw-border-opacity));
}

.hover\:border-\[\#7c7795\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(124 119 149 / var(--tw-border-opacity));
}

.hover\:border-\[\#7f56d9\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.hover\:border-\[\#7f56d9\]\/35:hover {
  border-color: rgb(127 86 217 / 0.35);
}

.hover\:border-\[\#939BFF\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(147 155 255 / var(--tw-border-opacity));
}

.hover\:border-\[\#ACB3FF\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(172 179 255 / var(--tw-border-opacity));
}

.hover\:border-\[\#a0a0a0\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(160 160 160 / var(--tw-border-opacity));
}

.hover\:border-\[\#abb3fe\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(171 179 254 / var(--tw-border-opacity));
}

.hover\:border-\[\#abb3fe\]\/60:hover {
  border-color: rgb(171 179 254 / 0.6);
}

.hover\:border-\[\#b4b4c4\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(180 180 196 / var(--tw-border-opacity));
}

.hover\:border-\[\#c4bffd\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(196 191 253 / var(--tw-border-opacity));
}

.hover\:border-\[\#c7c9ff\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(199 201 255 / var(--tw-border-opacity));
}

.hover\:border-\[\#c7cbe0\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(199 203 224 / var(--tw-border-opacity));
}

.hover\:border-\[\#c8cce5\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(200 204 229 / var(--tw-border-opacity));
}

.hover\:border-\[\#d0d5dd\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(208 213 221 / var(--tw-border-opacity));
}

.hover\:border-\[\#d5d0e8\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(213 208 232 / var(--tw-border-opacity));
}

.hover\:border-\[\#d5d2e3\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(213 210 227 / var(--tw-border-opacity));
}

.hover\:border-\[\#d7d2ff\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(215 210 255 / var(--tw-border-opacity));
}

.hover\:border-\[\#d8d3e6\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(216 211 230 / var(--tw-border-opacity));
}

.hover\:border-\[\#e9d7fe\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(233 215 254 / var(--tw-border-opacity));
}

.hover\:border-\[\#ece9f4\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-border-opacity));
}

.hover\:border-\[\#fca5a5\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}

.hover\:border-\[rgba\(32\2c 23\2c 104\2c 0\.1\)\]:hover {
  border-color: rgba(32,23,104,0.1);
}

.hover\:border-amber-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}

.hover\:border-amber-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity));
}

.hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.hover\:border-blue-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}

.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
}

.hover\:border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}

.hover\:border-blue-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.hover\:border-emerald-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity));
}

.hover\:border-gray-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.hover\:border-gray-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.hover\:border-gray-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.hover\:border-green-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity));
}

.hover\:border-green-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity));
}

.hover\:border-indigo-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity));
}

.hover\:border-indigo-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
}

.hover\:border-indigo-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity));
}

.hover\:border-orange-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity));
}

.hover\:border-pink-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(251 207 232 / var(--tw-border-opacity));
}

.hover\:border-purple-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity));
}

.hover\:border-purple-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity));
}

.hover\:border-purple-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity));
}

.hover\:border-red-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}

.hover\:border-red-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}

.hover\:border-red-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}

.hover\:border-red-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity));
}

.hover\:border-sky-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity));
}

.hover\:border-sky-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity));
}

.hover\:border-sky-studio-primary\/25:hover {
  border-color: rgb(124 131 253 / 0.25);
}

.hover\:border-sky-studio-primary\/30:hover {
  border-color: rgb(124 131 253 / 0.3);
}

.hover\:border-sky-studio-primary\/45:hover {
  border-color: rgb(124 131 253 / 0.45);
}

.hover\:border-sky-studio-primary\/55:hover {
  border-color: rgb(124 131 253 / 0.55);
}

.hover\:border-skymod-blue-gray-100:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 236 245 / var(--tw-border-opacity));
}

.hover\:border-skymod-blue-gray-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(200 204 229 / var(--tw-border-opacity));
}

.hover\:border-skymod-blue-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(158 165 209 / var(--tw-border-opacity));
}

.hover\:border-skymod-brand-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(233 215 254 / var(--tw-border-opacity));
}

.hover\:border-skymod-brand-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.hover\:border-skymod-brand-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(105 65 198 / var(--tw-border-opacity));
}

.hover\:border-skymod-brand-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(32 23 104 / var(--tw-border-opacity));
}

.hover\:border-skymod-brand-950:hover {
  --tw-border-opacity: 1;
  border-color: rgb(20 11 96 / var(--tw-border-opacity));
}

.hover\:border-skymod-error-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(249 112 102 / var(--tw-border-opacity));
}

.hover\:border-skymod-error-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(180 35 24 / var(--tw-border-opacity));
}

.hover\:border-skymod-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(213 215 218 / var(--tw-border-opacity));
}

.hover\:border-skymod-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(164 167 174 / var(--tw-border-opacity));
}

.hover\:border-slate-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.hover\:border-violet-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity));
}

.hover\:border-violet-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity));
}

.hover\:border-violet-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / var(--tw-border-opacity));
}

.hover\:border-violet-500\/65:hover {
  border-color: rgb(139 92 246 / 0.65);
}

.hover\:border-white\/20:hover {
  border-color: rgb(255 255 255 / 0.2);
}

.hover\:border-yellow-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity));
}

.hover\:border-t-purple-100:hover {
  --tw-border-opacity: 1;
  border-top-color: rgb(243 232 255 / var(--tw-border-opacity));
}

.hover\:\!bg-\[\#027a48\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(2 122 72 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#1a1355\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(26 19 85 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#241d6a\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(36 29 106 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#b42318\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(180 35 24 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#b54708\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 71 8 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#ede9fe\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#f4f3ff\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#f5f5f5\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-\[\#fafaff\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 255 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-skymod-brand-950:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(20 11 96 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-transparent:hover {
  background-color: transparent !important;
}

.hover\:bg-\[\#15114a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 17 74 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#1a1355\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 19 85 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#1a1654\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 22 84 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#2a2568\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 37 104 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#2d227f\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(45 34 127 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#333333\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#393B40\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(57 59 64 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#4c31bc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(76 49 188 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#4f46e5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#5558E3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(85 88 227 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#585bb0\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(88 91 176 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#5A65FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(90 101 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#5a62b5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(90 98 181 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#6366F1\]\/10:hover {
  background-color: rgb(99 102 241 / 0.1);
}

.hover\:bg-\[\#6366F1\]\/5:hover {
  background-color: rgb(99 102 241 / 0.05);
}

.hover\:bg-\[\#676FCA\]\/20:hover {
  background-color: rgb(103 111 202 / 0.2);
}

.hover\:bg-\[\#676FCA\]\/5:hover {
  background-color: rgb(103 111 202 / 0.05);
}

.hover\:bg-\[\#686ccc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(104 108 204 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#6941c6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(105 65 198 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#6E3CC0\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(110 60 192 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#8A93FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(138 147 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#939BFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(147 155 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#9CA4FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 164 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#ACB3FF47\]:hover {
  background-color: #ACB3FF47;
}

.hover\:bg-\[\#ACB3FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(172 179 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#ACB3FF\]\/20:hover {
  background-color: rgb(172 179 255 / 0.2);
}

.hover\:bg-\[\#ACB3FF\]\/5:hover {
  background-color: rgb(172 179 255 / 0.05);
}

.hover\:bg-\[\#D6DAFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(214 218 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#E8EBFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 235 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#EAEAEA\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 234 234 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#EDEEFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 238 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#EFEFEF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F0F1FF\]\/70:hover {
  background-color: rgb(240 241 255 / 0.7);
}

.hover\:bg-\[\#F0F2FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 242 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F4F5FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F6F6F6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F8F7FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F8F9FE\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 254 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FFC107\]\/20:hover {
  background-color: rgb(255 193 7 / 0.2);
}

.hover\:bg-\[\#FFF8E1\]\/70:hover {
  background-color: rgb(255 248 225 / 0.7);
}

.hover\:bg-\[\#b3b3b3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(179 179 179 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#cfc8e2\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(207 200 226 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#dce2ff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 226 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#e0d7fe\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 215 254 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#e5e7ff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#e9edff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 237 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#ece9f4\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 233 244 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#ede9fe\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#edeeff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 238 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#eef0fe\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 240 254 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#eff8ff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 248 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f0f0f0\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f2f4f7\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f3f1f8\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 241 248 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f3f4f6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f4ebff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f4f3ff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f4f4f5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f4f5fe\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 254 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f5f5fa\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 250 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f5f6ff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 246 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f6f4fb\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(246 244 251 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f8f7fc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 252 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f8f9fc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f8f9ff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f9fafb\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#faf9fc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 252 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#faf9fe\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 254 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#faf9ff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fafafa\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fafafc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 252 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fafaff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fbfafd\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 253 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fbfaff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fda29b\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 162 155 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fef2f2\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#fef3f2\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 242 / var(--tw-bg-opacity));
}

.hover\:bg-\[rgba\(217\2c 217\2c 217\2c 0\.26\)\]:hover {
  background-color: rgba(217,217,217,0.26);
}

.hover\:bg-\[white\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}

.hover\:bg-amber-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.hover\:bg-amber-200\/60:hover {
  background-color: rgb(253 230 138 / 0.6);
}

.hover\:bg-amber-400\/35:hover {
  background-color: rgb(251 191 36 / 0.35);
}

.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}

.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(217 119 6 / var(--tw-bg-opacity));
}

.hover\:bg-amber-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity));
}

.hover\:bg-background:hover {
  background-color: hsl(var(--background));
}

.hover\:bg-black\/\[0\.04\]:hover {
  background-color: rgb(0 0 0 / 0.04);
}

.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.hover\:bg-blue-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}

.hover\:bg-blue-200\/25:hover {
  background-color: rgb(191 219 254 / 0.25);
}

.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.hover\:bg-blue-50\/30:hover {
  background-color: rgb(239 246 255 / 0.3);
}

.hover\:bg-blue-50\/50:hover {
  background-color: rgb(239 246 255 / 0.5);
}

.hover\:bg-blue-50\/80:hover {
  background-color: rgb(239 246 255 / 0.8);
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.hover\:bg-canvas-surface-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-canvas-surface-hover\/35:hover {
  background-color: rgb(243 244 246 / 0.35);
}

.hover\:bg-canvas-surface-hover\/40:hover {
  background-color: rgb(243 244 246 / 0.4);
}

.hover\:bg-cyan-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
}

.hover\:bg-destructive:hover {
  background-color: hsl(var(--destructive));
}

.hover\:bg-destructive\/10:hover {
  background-color: hsl(var(--destructive) / 0.1);
}

.hover\:bg-destructive\/80:hover {
  background-color: hsl(var(--destructive) / 0.8);
}

.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}

.hover\:bg-destructive\/\[0\.08\]:hover {
  background-color: hsl(var(--destructive) / 0.08);
}

.hover\:bg-emerald-200\/60:hover {
  background-color: rgb(167 243 208 / 0.6);
}

.hover\:bg-emerald-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-50\/40:hover {
  background-color: rgb(236 253 245 / 0.4);
}

.hover\:bg-emerald-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}

.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100\/50:hover {
  background-color: rgb(243 244 246 / 0.5);
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50\/50:hover {
  background-color: rgb(249 250 251 / 0.5);
}

.hover\:bg-gray-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.hover\:bg-green-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.hover\:bg-green-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
}

.hover\:bg-green-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}

.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity));
}

.hover\:bg-muted:hover {
  background-color: hsl(var(--muted));
}

.hover\:bg-muted\/40:hover {
  background-color: hsl(var(--muted) / 0.4);
}

.hover\:bg-muted\/50:hover {
  background-color: hsl(var(--muted) / 0.5);
}

.hover\:bg-muted\/70:hover {
  background-color: hsl(var(--muted) / 0.7);
}

.hover\:bg-neutral-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.hover\:bg-orange-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}

.hover\:bg-orange-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}

.hover\:bg-pink-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity));
}

.hover\:bg-pink-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 207 232 / var(--tw-bg-opacity));
}

.hover\:bg-pink-200\/60:hover {
  background-color: rgb(251 207 232 / 0.6);
}

.hover\:bg-pink-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity));
}

.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / 0.8);
}

.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}

.hover\:bg-purple-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}

.hover\:bg-purple-100\/90:hover {
  background-color: rgb(243 232 255 / 0.9);
}

.hover\:bg-purple-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity));
}

.hover\:bg-purple-200\/90:hover {
  background-color: rgb(233 213 255 / 0.9);
}

.hover\:bg-purple-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity));
}

.hover\:bg-purple-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
}

.hover\:bg-purple-50\/80:hover {
  background-color: rgb(250 245 255 / 0.8);
}

.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity));
}

.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.hover\:bg-red-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}

.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-rose-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity));
}

.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / 0.8);
}

.hover\:bg-sidebar-accent:hover {
  background-color: hsl(var(--sidebar-accent));
}

.hover\:bg-sky-200\/60:hover {
  background-color: rgb(186 230 253 / 0.6);
}

.hover\:bg-sky-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}

.hover\:bg-sky-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity));
}

.hover\:bg-sky-studio-background\/75:hover {
  background-color: rgb(237 238 255 / 0.75);
}

.hover\:bg-sky-studio-background\/80:hover {
  background-color: rgb(237 238 255 / 0.8);
}

.hover\:bg-sky-studio-primary\/90:hover {
  background-color: rgb(124 131 253 / 0.9);
}

.hover\:bg-sky-studio-primary\/\[0\.06\]:hover {
  background-color: rgb(124 131 253 / 0.06);
}

.hover\:bg-sky-studio-primary\/\[0\.07\]:hover {
  background-color: rgb(124 131 253 / 0.07);
}

.hover\:bg-sky-studio-primary\/\[0\.08\]:hover {
  background-color: rgb(124 131 253 / 0.08);
}

.hover\:bg-sky-studio-primary\/\[0\.11\]:hover {
  background-color: rgb(124 131 253 / 0.11);
}

.hover\:bg-sky-studio-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(101 108 232 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-blue-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 215 254 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-25:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 250 255 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-25\/40:hover {
  background-color: rgb(252 250 255 / 0.4);
}

.hover\:bg-skymod-brand-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(127 86 217 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(105 65 198 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(32 23 104 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-brand-950:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(20 11 96 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-error-25:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 250 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-error-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 242 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-error-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(180 35 24 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-gray-25:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 253 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-success-25:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(246 254 249 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-success-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 243 / var(--tw-bg-opacity));
}

.hover\:bg-skymod-warning-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 235 / var(--tw-bg-opacity));
}

.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.hover\:bg-slate-100\/50:hover {
  background-color: rgb(241 245 249 / 0.5);
}

.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.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));
}

.hover\:bg-slate-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.hover\:bg-slate-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.hover\:bg-stone-100\/50:hover {
  background-color: rgb(245 245 244 / 0.5);
}

.hover\:bg-teal-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity));
}

.hover\:bg-transparent:hover {
  background-color: transparent;
}

.hover\:bg-violet-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.hover\:bg-violet-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(221 214 254 / var(--tw-bg-opacity));
}

.hover\:bg-violet-200\/60:hover {
  background-color: rgb(221 214 254 / 0.6);
}

.hover\:bg-violet-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
}

.hover\:bg-violet-50\/80:hover {
  background-color: rgb(245 243 255 / 0.8);
}

.hover\:bg-violet-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.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\/60:hover {
  background-color: rgb(255 255 255 / 0.6);
}

.hover\:bg-white\/80:hover {
  background-color: rgb(255 255 255 / 0.8);
}

.hover\:bg-white\/90:hover {
  background-color: rgb(255 255 255 / 0.9);
}

.hover\:bg-yellow-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}

.hover\:bg-yellow-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity));
}

.hover\:bg-yellow-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}

.hover\:bg-opacity-20:hover {
  --tw-bg-opacity: 0.2;
}

.hover\:bg-opacity-30:hover {
  --tw-bg-opacity: 0.3;
}

.hover\:bg-gradient-to-r:hover {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.hover\:from-\[\#6671f6\]:hover {
  --tw-gradient-from: #6671f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(102 113 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#6B75EF\]:hover {
  --tw-gradient-from: #6B75EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 117 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#9ba3ee\]:hover {
  --tw-gradient-from: #9ba3ee var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(155 163 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#f9faff\]:hover {
  --tw-gradient-from: #f9faff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-500:hover {
  --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);
}

.hover\:from-blue-600:hover {
  --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);
}

.hover\:from-emerald-500:hover {
  --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);
}

.hover\:from-emerald-600:hover {
  --tw-gradient-from: #059669 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-800:hover {
  --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);
}

.hover\:from-indigo-400:hover {
  --tw-gradient-from: #818cf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-500:hover {
  --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);
}

.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-violet-50:hover {
  --tw-gradient-from: #f5f3ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-violet-500:hover {
  --tw-gradient-from: #8b5cf6 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);
}

.hover\:to-\[\#5562f3\]:hover {
  --tw-gradient-to: #5562f3 var(--tw-gradient-to-position);
}

.hover\:to-\[\#7b85ef\]:hover {
  --tw-gradient-to: #7b85ef var(--tw-gradient-to-position);
}

.hover\:to-\[\#9BA3EF\]:hover {
  --tw-gradient-to: #9BA3EF var(--tw-gradient-to-position);
}

.hover\:to-\[\#f0f4ff\]:hover {
  --tw-gradient-to: #f0f4ff var(--tw-gradient-to-position);
}

.hover\:to-blue-600:hover {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}

.hover\:to-blue-700:hover {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}

.hover\:to-emerald-600:hover {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}

.hover\:to-gray-900:hover {
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}

.hover\:to-indigo-50:hover {
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}

.hover\:to-purple-400:hover {
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}

.hover\:to-purple-500:hover {
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}

.hover\:to-purple-600:hover {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}

.hover\:to-teal-600:hover {
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position);
}

.hover\:to-violet-700:hover {
  --tw-gradient-to: #6d28d9 var(--tw-gradient-to-position);
}

.hover\:\!text-\[\#181d27\]:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(24 29 39 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-\[\#53389e\]:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(83 56 158 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-\[\#78350f\]:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(120 53 15 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-skymod-brand-900:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(32 23 104 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-skymod-brand-950:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(20 11 96 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-skymod-gray-700:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(65 70 81 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-skymod-gray-900:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(24 29 39 / var(--tw-text-opacity)) !important;
}

.hover\:text-\[\#059669\]:hover {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}

.hover\:text-\[\#079455\]:hover {
  --tw-text-opacity: 1;
  color: rgb(7 148 85 / var(--tw-text-opacity));
}

.hover\:text-\[\#101828\]:hover {
  --tw-text-opacity: 1;
  color: rgb(16 24 40 / var(--tw-text-opacity));
}

.hover\:text-\[\#1a1654\]:hover {
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.hover\:text-\[\#201768\]:hover {
  --tw-text-opacity: 1;
  color: rgb(32 23 104 / var(--tw-text-opacity));
}

.hover\:text-\[\#3947DD\]:hover {
  --tw-text-opacity: 1;
  color: rgb(57 71 221 / var(--tw-text-opacity));
}

.hover\:text-\[\#414651\]:hover {
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.hover\:text-\[\#4338ca\]:hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.hover\:text-\[\#4851c7\]:hover {
  --tw-text-opacity: 1;
  color: rgb(72 81 199 / var(--tw-text-opacity));
}

.hover\:text-\[\#4a1fb8\]:hover {
  --tw-text-opacity: 1;
  color: rgb(74 31 184 / var(--tw-text-opacity));
}

.hover\:text-\[\#4f2fc8\]:hover {
  --tw-text-opacity: 1;
  color: rgb(79 47 200 / var(--tw-text-opacity));
}

.hover\:text-\[\#4f46e5\]:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.hover\:text-\[\#525cd3\]:hover {
  --tw-text-opacity: 1;
  color: rgb(82 92 211 / var(--tw-text-opacity));
}

.hover\:text-\[\#5465ff\]:hover {
  --tw-text-opacity: 1;
  color: rgb(84 101 255 / var(--tw-text-opacity));
}

.hover\:text-\[\#5558E3\]:hover {
  --tw-text-opacity: 1;
  color: rgb(85 88 227 / var(--tw-text-opacity));
}

.hover\:text-\[\#5925dc\]:hover {
  --tw-text-opacity: 1;
  color: rgb(89 37 220 / var(--tw-text-opacity));
}

.hover\:text-\[\#5f5a7d\]:hover {
  --tw-text-opacity: 1;
  color: rgb(95 90 125 / var(--tw-text-opacity));
}

.hover\:text-\[\#6172c7\]:hover {
  --tw-text-opacity: 1;
  color: rgb(97 114 199 / var(--tw-text-opacity));
}

.hover\:text-\[\#6366f1\]:hover {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.hover\:text-\[\#676FCA\]:hover {
  --tw-text-opacity: 1;
  color: rgb(103 111 202 / var(--tw-text-opacity));
}

.hover\:text-\[\#6941c6\]:hover {
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.hover\:text-\[\#7a85f9\]:hover {
  --tw-text-opacity: 1;
  color: rgb(122 133 249 / var(--tw-text-opacity));
}

.hover\:text-\[\#7f56d9\]:hover {
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.hover\:text-\[\#8B93FF\]:hover {
  --tw-text-opacity: 1;
  color: rgb(139 147 255 / var(--tw-text-opacity));
}

.hover\:text-\[\#b42318\]:hover {
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.hover\:text-\[\#ef4444\]:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}

.hover\:text-amber-700:hover {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity));
}

.hover\:text-amber-950:hover {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity));
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.hover\:text-canvas-fg-soft:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.hover\:text-destructive:hover {
  color: hsl(var(--destructive));
}

.hover\:text-destructive-foreground:hover {
  color: hsl(var(--destructive-foreground));
}

.hover\:text-emerald-700:hover {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}

.hover\:text-emerald-900:hover {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity));
}

.hover\:text-emerald-950:hover {
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / var(--tw-text-opacity));
}

.hover\:text-foreground:hover {
  color: hsl(var(--foreground));
}

.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.hover\:text-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.hover\:text-indigo-600:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}

.hover\:text-indigo-700:hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.hover\:text-indigo-800:hover {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity));
}

.hover\:text-pink-950:hover {
  --tw-text-opacity: 1;
  color: rgb(80 7 36 / var(--tw-text-opacity));
}

.hover\:text-purple-500:hover {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity));
}

.hover\:text-purple-600:hover {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity));
}

.hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}

.hover\:text-sidebar-accent-foreground:hover {
  color: hsl(var(--sidebar-accent-foreground));
}

.hover\:text-sky-500:hover {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity));
}

.hover\:text-sky-950:hover {
  --tw-text-opacity: 1;
  color: rgb(8 47 73 / var(--tw-text-opacity));
}

.hover\:text-sky-studio-text:hover {
  --tw-text-opacity: 1;
  color: rgb(42 51 98 / var(--tw-text-opacity));
}

.hover\:text-skymod-blue-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(62 71 132 / var(--tw-text-opacity));
}

.hover\:text-skymod-brand-600:hover {
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.hover\:text-skymod-brand-700:hover {
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.hover\:text-skymod-brand-800:hover {
  --tw-text-opacity: 1;
  color: rgb(83 56 158 / var(--tw-text-opacity));
}

.hover\:text-skymod-brand-900:hover {
  --tw-text-opacity: 1;
  color: rgb(32 23 104 / var(--tw-text-opacity));
}

.hover\:text-skymod-brand-950:hover {
  --tw-text-opacity: 1;
  color: rgb(20 11 96 / var(--tw-text-opacity));
}

.hover\:text-skymod-error-500:hover {
  --tw-text-opacity: 1;
  color: rgb(240 68 56 / var(--tw-text-opacity));
}

.hover\:text-skymod-error-600:hover {
  --tw-text-opacity: 1;
  color: rgb(217 45 32 / var(--tw-text-opacity));
}

.hover\:text-skymod-error-700:hover {
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.hover\:text-skymod-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.hover\:text-skymod-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.hover\:text-skymod-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity));
}

.hover\:text-skymod-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.hover\:text-skymod-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(37 43 55 / var(--tw-text-opacity));
}

.hover\:text-skymod-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.hover\:text-skymod-success-700:hover {
  --tw-text-opacity: 1;
  color: rgb(2 122 72 / var(--tw-text-opacity));
}

.hover\:text-skymod-success-900:hover {
  --tw-text-opacity: 1;
  color: rgb(5 79 49 / var(--tw-text-opacity));
}

.hover\:text-skymod-warning-800:hover {
  --tw-text-opacity: 1;
  color: rgb(147 55 13 / var(--tw-text-opacity));
}

.hover\:text-slate-600:hover {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.hover\:text-slate-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.hover\:text-slate-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.hover\:text-violet-500:hover {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity));
}

.hover\:text-violet-600:hover {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}

.hover\:text-violet-700:hover {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity));
}

.hover\:text-violet-950:hover {
  --tw-text-opacity: 1;
  color: rgb(46 16 101 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:\!no-underline:hover {
  text-decoration-line: none !important;
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.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-\[0_-2px_10px_rgba\(26\2c 22\2c 84\2c 0\.05\)\]:hover {
  --tw-shadow: 0 -2px 10px rgba(26,22,84,0.05);
  --tw-shadow-colored: 0 -2px 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_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
  --tw-shadow-colored: 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);
}

.hover\:shadow-\[0_12px_32px_-12px_rgba\(20\2c 17\2c 60\2c 0\.18\)\]:hover {
  --tw-shadow: 0 12px 32px -12px rgba(20,17,60,0.18);
  --tw-shadow-colored: 0 12px 32px -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_8px_24px_-12px_rgba\(26\2c 22\2c 84\2c 0\.12\)\]:hover {
  --tw-shadow: 0 8px 24px -12px rgba(26,22,84,0.12);
  --tw-shadow-colored: 0 8px 24px -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-sm:hover {
  --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);
}

.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-\[\#7a85f9\]\/10:hover {
  --tw-shadow-color: rgb(122 133 249 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#ACB3FF\]\/30:hover {
  --tw-shadow-color: rgb(172 179 255 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-amber-200\/60:hover {
  --tw-shadow-color: rgb(253 230 138 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-200\/60:hover {
  --tw-shadow-color: rgb(233 213 255 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-sky-studio-primary\/\[0\.08\]:hover {
  --tw-shadow-color: rgb(124 131 253 / 0.08);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-violet-500\/15:hover {
  --tw-shadow-color: rgb(139 92 246 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:ring-emerald-200:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity));
}

.hover\:ring-slate-900\/\[0\.07\]:hover {
  --tw-ring-color: rgb(15 23 42 / 0.07);
}

.hover\:ring-violet-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity));
}

.hover\:after\:bg-sidebar-border:hover::after {
  content: var(--tw-content);
  background-color: hsl(var(--sidebar-border));
}

.focus\:border-\[\#6366F1\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus\:border-\[\#6366f1\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus\:border-\[\#676FCA\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(103 111 202 / var(--tw-border-opacity));
}

.focus\:border-\[\#7a85f9\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(122 133 249 / var(--tw-border-opacity));
}

.focus\:border-\[\#7f56d9\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.focus\:border-\[\#ACB3FF\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(172 179 255 / var(--tw-border-opacity));
}

.focus\:border-\[\#c7c3e2\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(199 195 226 / var(--tw-border-opacity));
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.focus\:border-gray-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.focus\:border-red-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}

.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.focus\:border-rose-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity));
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:bg-\[\#f4f3ff\]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity));
}

.focus\:bg-\[\#f5f5fa\]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 250 / var(--tw-bg-opacity));
}

.focus\:bg-\[\#f8f9fc\]:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.focus\:bg-accent:focus {
  background-color: hsl(var(--accent));
}

.focus\:bg-amber-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}

.focus\:bg-gray-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.focus\:bg-indigo-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}

.focus\:bg-red-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.focus\:bg-skymod-brand-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.focus\:bg-skymod-warning-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 235 / var(--tw-bg-opacity));
}

.focus\:bg-transparent:focus {
  background-color: transparent;
}

.focus\:bg-violet-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
}

.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus\:text-\[\#1a1654\]:focus {
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.focus\:text-\[\#201768\]:focus {
  --tw-text-opacity: 1;
  color: rgb(32 23 104 / var(--tw-text-opacity));
}

.focus\:text-\[\#414651\]:focus {
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.focus\:text-\[\#5925dc\]:focus {
  --tw-text-opacity: 1;
  color: rgb(89 37 220 / var(--tw-text-opacity));
}

.focus\:text-\[\#b42318\]:focus {
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.focus\:text-\[\#d92d20\]:focus {
  --tw-text-opacity: 1;
  color: rgb(217 45 32 / var(--tw-text-opacity));
}

.focus\:text-accent-foreground:focus {
  color: hsl(var(--accent-foreground));
}

.focus\:text-indigo-700:focus {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity));
}

.focus\:text-red-600:focus {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.focus\:shadow-\[0_0_0_3px_\#eef0fe\]:focus {
  --tw-shadow: 0 0 0 3px #eef0fe;
  --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);
}

.focus\:shadow-\[0_0_0_3px_\#fef2f2\]:focus {
  --tw-shadow: 0 0 0 3px #fef2f2;
  --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);
}

.focus\:shadow-\[0_0_0_3px_rgba\(248\2c 113\2c 113\2c 0\.2\)\]:focus {
  --tw-shadow: 0 0 0 3px rgba(248,113,113,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);
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.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-\[\#6366F1\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#6366F1\]\/20:focus {
  --tw-ring-color: rgb(99 102 241 / 0.2);
}

.focus\:ring-\[\#6366F1\]\/50:focus {
  --tw-ring-color: rgb(99 102 241 / 0.5);
}

.focus\:ring-\[\#6366f1\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#676FCA\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(103 111 202 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#7a85f9\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(122 133 249 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#7a85f9\]\/30:focus {
  --tw-ring-color: rgb(122 133 249 / 0.3);
}

.focus\:ring-\[\#7f56d9\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 86 217 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#ACB3FF\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(172 179 255 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#ACB3FF\]\/30:focus {
  --tw-ring-color: rgb(172 179 255 / 0.3);
}

.focus\:ring-\[\#ACB3FF\]\/50:focus {
  --tw-ring-color: rgb(172 179 255 / 0.5);
}

.focus\:ring-amber-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity));
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.focus\:ring-gray-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
}

.focus\:ring-gray-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus\:ring-red-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));
}

.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}

.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}

.focus\:ring-sky-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
}

.focus\:ring-sky-studio-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(124 131 253 / var(--tw-ring-opacity));
}

.focus\:ring-transparent:focus {
  --tw-ring-color: transparent;
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:rounded:focus-visible {
  border-radius: 0.25rem;
}

.focus-visible\:border-\[\#7f56d9\]:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.focus-visible\:border-\[\#d6bbfb\]:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.focus-visible\:border-blue-500:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.focus-visible\:border-sky-studio-primary\/55:focus-visible {
  border-color: rgb(124 131 253 / 0.55);
}

.focus-visible\:border-skymod-brand-300:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.focus-visible\:bg-background:focus-visible {
  background-color: hsl(var(--background));
}

.focus-visible\:bg-skymod-brand-25:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(252 250 255 / var(--tw-bg-opacity));
}

.focus-visible\:text-white:focus-visible {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus-visible\:opacity-100:focus-visible {
  opacity: 1;
}

.focus-visible\:shadow-\[0px_0px_0px_3px_\#f2f4f7\]:focus-visible {
  --tw-shadow: 0px 0px 0px 3px #f2f4f7;
  --tw-shadow-colored: 0px 0px 0px 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);
}

.focus-visible\:shadow-\[0px_0px_0px_4px_\#f2f4f7\]:focus-visible {
  --tw-shadow: 0px 0px 0px 4px #f2f4f7;
  --tw-shadow-colored: 0px 0px 0px 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-visible\:shadow-\[0px_0px_0px_4px_\#f4ebff\]:focus-visible {
  --tw-shadow: 0px 0px 0px 4px #f4ebff;
  --tw-shadow-colored: 0px 0px 0px 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-visible\:shadow-\[0px_0px_0px_4px_\#f4f5fe\]:focus-visible {
  --tw-shadow: 0px 0px 0px 4px #f4f5fe;
  --tw-shadow-colored: 0px 0px 0px 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-visible\:\!outline-none:focus-visible {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:\!ring-0:focus-visible {
  --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;
}

.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) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + 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;
}

.focus-visible\:ring-0: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(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-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-\[\#f4ebff\]:focus-visible {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(244 235 255 / var(--tw-ring-opacity)) !important;
}

.focus-visible\:ring-\[\#7f56d9\]:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 86 217 / var(--tw-ring-opacity));
}

.focus-visible\:ring-\[\#e9e5ff\]:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 229 255 / var(--tw-ring-opacity));
}

.focus-visible\:ring-\[\#fecdca\]:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 205 202 / var(--tw-ring-opacity));
}

.focus-visible\:ring-blue-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.focus-visible\:ring-destructive:focus-visible {
  --tw-ring-color: hsl(var(--destructive));
}

.focus-visible\:ring-purple-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
}

.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-sidebar-ring:focus-visible {
  --tw-ring-color: hsl(var(--sidebar-ring));
}

.focus-visible\:ring-sky-studio-primary:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(124 131 253 / var(--tw-ring-opacity));
}

.focus-visible\:ring-sky-studio-primary\/40:focus-visible {
  --tw-ring-color: rgb(124 131 253 / 0.4);
}

.focus-visible\:ring-skymod-brand-100:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 235 255 / var(--tw-ring-opacity));
}

.focus-visible\:ring-skymod-brand-600\/20:focus-visible {
  --tw-ring-color: rgb(127 86 217 / 0.2);
}

.focus-visible\:\!ring-offset-0:focus-visible {
  --tw-ring-offset-width: 0px !important;
}

.focus-visible\:\!ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px !important;
}

.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-background:focus-visible {
  --tw-ring-offset-color: hsl(var(--background));
}

.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\.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-skymod-brand-300:active {
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.active\:border-skymod-error-300:active {
  --tw-border-opacity: 1;
  border-color: rgb(253 162 155 / var(--tw-border-opacity));
}

.active\:border-skymod-gray-300:active {
  --tw-border-opacity: 1;
  border-color: rgb(213 215 218 / var(--tw-border-opacity));
}

.active\:bg-amber-500\/45:active {
  background-color: rgb(245 158 11 / 0.45);
}

.active\:bg-sidebar-accent:active {
  background-color: hsl(var(--sidebar-accent));
}

.active\:bg-skymod-gray-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.active\:\!text-skymod-gray-800:active {
  --tw-text-opacity: 1 !important;
  color: rgb(37 43 55 / var(--tw-text-opacity)) !important;
}

.active\:text-sidebar-accent-foreground:active {
  color: hsl(var(--sidebar-accent-foreground));
}

.active\:text-skymod-gray-600:active {
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity));
}

.active\:text-skymod-gray-700:active {
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.active\:text-skymod-gray-900:active {
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.active\:shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\2c 0px_0px_0px_4px_\#f4ebff\]:active {
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05),0px 0px 0px 4px #f4ebff;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 0px 0px 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);
}

.active\:shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\2c 0px_0px_0px_4px_\#fee4e2\]:active {
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05),0px 0px 0px 4px #fee4e2;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 0px 0px 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);
}

.active\:shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\]:active {
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05);
  --tw-shadow-colored: 0px 1px 2px 0px 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\:\!pointer-events-none:disabled {
  pointer-events: none !important;
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:\!border-0:disabled {
  border-width: 0px !important;
}

.disabled\:\!border-\[\#e4e7ec\]:disabled {
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 231 236 / var(--tw-border-opacity)) !important;
}

.disabled\:\!border-skymod-blue-gray-600:disabled {
  --tw-border-opacity: 1 !important;
  border-color: rgb(62 71 132 / var(--tw-border-opacity)) !important;
}

.disabled\:\!border-transparent:disabled {
  border-color: transparent !important;
}

.disabled\:border-\[\#d0d5dd\]:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(208 213 221 / var(--tw-border-opacity));
}

.disabled\:border-\[\#d8d3e6\]:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(216 211 230 / var(--tw-border-opacity));
}

.disabled\:border-\[\#e4e7ec\]:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(228 231 236 / var(--tw-border-opacity));
}

.disabled\:border-skymod-blue-gray-600:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(62 71 132 / var(--tw-border-opacity));
}

.disabled\:\!bg-\[\#a6f4c5\]:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(166 244 197 / var(--tw-bg-opacity)) !important;
}

.disabled\:\!bg-\[\#f2f4f7\]:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity)) !important;
}

.disabled\:\!bg-\[\#fecdca\]:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 205 202 / var(--tw-bg-opacity)) !important;
}

.disabled\:\!bg-\[\#fedf89\]:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 223 137 / var(--tw-bg-opacity)) !important;
}

.disabled\:\!bg-skymod-blue-gray-600:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(62 71 132 / var(--tw-bg-opacity)) !important;
}

.disabled\:\!bg-transparent:disabled {
  background-color: transparent !important;
}

.disabled\:\!bg-white:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.disabled\:bg-\[\#ece9f4\]:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(236 233 244 / var(--tw-bg-opacity));
}

.disabled\:bg-\[\#f2f4f7\]:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}

.disabled\:bg-gray-100:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.disabled\:bg-gray-50:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.disabled\:bg-skymod-blue-gray-600:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(62 71 132 / var(--tw-bg-opacity));
}

.disabled\:bg-skymod-gray-50:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.disabled\:bg-slate-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.disabled\:bg-white:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.disabled\:\!text-\[\#98a2b3\]:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(152 162 179 / var(--tw-text-opacity)) !important;
}

.disabled\:\!text-\[\#a4a7ae\]:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(164 167 174 / var(--tw-text-opacity)) !important;
}

.disabled\:\!text-white:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.disabled\:text-\[\#9994ac\]:disabled {
  --tw-text-opacity: 1;
  color: rgb(153 148 172 / var(--tw-text-opacity));
}

.disabled\:text-\[\#a4a7ae\]:disabled {
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.disabled\:text-\[\#d0d5dd\]:disabled {
  --tw-text-opacity: 1;
  color: rgb(208 213 221 / var(--tw-text-opacity));
}

.disabled\:text-gray-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.disabled\:text-gray-500:disabled {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.disabled\:text-skymod-gray-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.disabled\:text-skymod-gray-500:disabled {
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.disabled\:opacity-100:disabled {
  opacity: 1;
}

.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 !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;
}

.disabled\:hover\:scale-100:hover:disabled {
  --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));
}

.disabled\:hover\:bg-white:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.disabled\:hover\:text-skymod-gray-400:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.disabled\:hover\:text-skymod-gray-500:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.disabled\:hover\:shadow-none:hover: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\:active\:text-skymod-gray-400:active:disabled {
  --tw-text-opacity: 1;
  color: rgb(164 167 174 / var(--tw-text-opacity));
}

.disabled\:active\:text-skymod-gray-500:active:disabled {
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.group[open] .group-open\: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:focus-within .group-focus-within\:invisible {
  visibility: hidden;
}

.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
  opacity: 1;
}

.group\/text-input-glow:focus-within .group-focus-within\/text-input-glow\:opacity-100 {
  opacity: 1;
}

.group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:pointer-events-auto {
  pointer-events: auto;
}

.group\/tools2:hover .group-hover\/tools2\:visible {
  visibility: visible;
}

.group\/tools:hover .group-hover\/tools\:visible {
  visibility: visible;
}

.group:hover .group-hover\:visible {
  visibility: visible;
}

.group:hover .group-hover\:invisible {
  visibility: hidden;
}

.group:hover .group-hover\:ml-1\.5 {
  margin-left: 0.375rem;
}

.group:hover .group-hover\:block {
  display: block;
}

.group:hover .group-hover\:w-full {
  width: 100%;
}

.group:hover .group-hover\:max-w-6 {
  max-width: 1.5rem;
}

.group:hover .group-hover\:max-w-\[180px\] {
  max-width: 180px;
}

.group:hover .group-hover\:max-w-\[20px\] {
  max-width: 20px;
}

.group:hover .group-hover\:max-w-\[24px\] {
  max-width: 24px;
}

.group:hover .group-hover\:-translate-y-1 {
  --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));
}

.group:hover .group-hover\:translate-x-0\.5 {
  --tw-translate-x: 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\: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\: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-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: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-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));
}

.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-\[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));
}

@keyframes pulse {

  50% {
    opacity: .5;
  }
}

.group:hover .group-hover\:animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.group:hover .group-hover\:border-violet-400 {
  --tw-border-opacity: 1;
  border-color: rgb(167 139 250 / var(--tw-border-opacity));
}

.group\/handle:hover .group-hover\/handle\:bg-skymod-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(164 167 174 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-\[\#8A93FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(138 147 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-\[\#ebe8ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 232 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}

.group:hover .group-hover\:bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}

.group:hover .group-hover\:bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-skymod-brand-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-skymod-brand-900\/90 {
  background-color: rgb(32 23 104 / 0.9);
}

.group:hover .group-hover\:bg-slate-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.group:hover .group-hover\:from-\[\#f9faff\] {
  --tw-gradient-from: #f9faff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\: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);
}

.group:hover .group-hover\:to-\[\#f0f4ff\] {
  --tw-gradient-to: #f0f4ff var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-violet-50\/30 {
  --tw-gradient-to: rgb(245 243 255 / 0.3) var(--tw-gradient-to-position);
}

.group:hover .group-hover\:pb-2 {
  padding-bottom: 0.5rem;
}

.group:hover .group-hover\:text-\[\#201768\] {
  --tw-text-opacity: 1;
  color: rgb(32 23 104 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-\[\#676FCA\] {
  --tw-text-opacity: 1;
  color: rgb(103 111 202 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-\[\#7a85f9\] {
  --tw-text-opacity: 1;
  color: rgb(122 133 249 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-skymod-brand-600 {
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-skymod-brand-800 {
  --tw-text-opacity: 1;
  color: rgb(83 56 158 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}

.group\/code:hover .group-hover\/code\:opacity-100 {
  opacity: 1;
}

.group\/connection:hover .group-hover\/connection\:opacity-100 {
  opacity: 1;
}

.group\/handle:hover .group-hover\/handle\:opacity-100 {
  opacity: 1;
}

.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
  opacity: 1;
}

.group\/port:hover .group-hover\/port\:opacity-100 {
  opacity: 1;
}

.group\/port:hover .group-hover\/port\:opacity-40 {
  opacity: 0.4;
}

.group\/text-input-glow:hover .group-hover\/text-input-glow\:opacity-95 {
  opacity: 0.95;
}

.group\/tools2:hover .group-hover\/tools2\:opacity-100 {
  opacity: 1;
}

.group\/tools:hover .group-hover\/tools\:opacity-100 {
  opacity: 1;
}

.group\/url:hover .group-hover\/url\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-40 {
  opacity: 0.4;
}

.group:hover .group-hover\:opacity-70 {
  opacity: 0.7;
}

.group:hover .group-hover\:opacity-80 {
  opacity: 0.8;
}

.group:hover .group-hover\: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);
}

.group:hover .group-hover\: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);
}

.group:hover .group-hover\:ring-emerald-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity));
}

.group:hover .group-hover\:placeholder\:text-\[\#7a85f9\]\/60::placeholder {
  color: rgb(122 133 249 / 0.6);
}

.group\/handle:hover .group-hover\/handle\:before\:bg-skymod-blue-gray-200::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(200 204 229 / var(--tw-bg-opacity));
}

.group:active .group-active\: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));
}

.peer:checked ~ .peer-checked\:border-\[\#7f56d9\] {
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:bg-\[\#7f56d9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(127 86 217 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-\[\#f9f5ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1;
}

.peer:hover ~ .peer-hover\:border-\[\#7f56d9\] {
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.peer:hover ~ .peer-hover\:bg-\[\#f4ebff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
  color: hsl(var(--sidebar-accent-foreground));
}

.peer:hover:checked ~ .peer-hover\:peer-checked\:bg-\[\#6941c6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(105 65 198 / var(--tw-bg-opacity));
}

.peer:focus-visible ~ .peer-focus-visible\:border-\[\#d6bbfb\] {
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.peer:focus-visible ~ .peer-focus-visible\:shadow-\[0px_0px_0px_4px_\#f4ebff\] {
  --tw-shadow: 0px 0px 0px 4px #f4ebff;
  --tw-shadow-colored: 0px 0px 0px 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);
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:border-\[\#d0d5dd\] {
  --tw-border-opacity: 1;
  border-color: rgb(208 213 221 / var(--tw-border-opacity));
}

.peer:disabled ~ .peer-disabled\:bg-\[\#f2f4f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}

.peer:disabled ~ .peer-disabled\:text-\[\#d0d5dd\] {
  --tw-text-opacity: 1;
  color: rgb(208 213 221 / var(--tw-text-opacity));
}

.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}

.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) {
  background-color: hsl(var(--sidebar-background));
}

.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
  padding-right: 2rem;
}

.aria-disabled\:pointer-events-none[aria-disabled="true"] {
  pointer-events: none;
}

.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}

.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}

.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --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));
}

.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --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));
}

.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --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));
}

.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --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));
}

.data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
  --tw-translate-x: 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));
}

.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --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));
}

.data-\[state\=active\]\:border-blue-500[data-state="active"] {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.data-\[state\=active\]\:border-emerald-500[data-state="active"] {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity));
}

.data-\[state\=active\]\:border-skymod-brand-200[data-state="active"] {
  --tw-border-opacity: 1;
  border-color: rgb(233 215 254 / var(--tw-border-opacity));
}

.data-\[state\=active\]\:border-violet-500[data-state="active"] {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity));
}

.data-\[state\=checked\]\:border-\[\#7f56d9\][data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.data-\[state\=checked\]\:border-skymod-brand-900[data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(32 23 104 / var(--tw-border-opacity));
}

.data-\[state\=indeterminate\]\:border-\[\#7f56d9\][data-state="indeterminate"] {
  --tw-border-opacity: 1;
  border-color: rgb(127 86 217 / var(--tw-border-opacity));
}

.data-\[state\=indeterminate\]\:border-skymod-brand-900[data-state="indeterminate"] {
  --tw-border-opacity: 1;
  border-color: rgb(32 23 104 / var(--tw-border-opacity));
}

.data-\[state\=open\]\:border-skymod-brand-300[data-state="open"] {
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
  background-color: hsl(var(--sidebar-accent));
}

.data-\[highlighted\]\:bg-\[\#f8f9fc\][data-highlighted] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.data-\[highlighted\]\:bg-red-50[data-highlighted] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}

.data-\[highlighted\]\:bg-transparent[data-highlighted] {
  background-color: transparent;
}

.data-\[state\=active\]\:bg-background[data-state="active"] {
  background-color: hsl(var(--background));
}

.data-\[state\=active\]\:bg-transparent[data-state="active"] {
  background-color: transparent;
}

.data-\[state\=active\]\:bg-white[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-\[\#027a48\][data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(2 122 72 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-\[\#175cd3\][data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 92 211 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-\[\#6366f1\][data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-\[\#f9f5ff\][data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-\[\#fafafa\][data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-blue-500[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-blue-600[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-skymod-brand-50[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.data-\[state\=indeterminate\]\:bg-\[\#f9f5ff\][data-state="indeterminate"] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.data-\[state\=indeterminate\]\:bg-skymod-brand-50[data-state="indeterminate"] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 245 255 / var(--tw-bg-opacity));
}

.data-\[state\=open\]\:bg-\[\#F6F6F6\][data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}

.data-\[state\=open\]\:bg-\[\#f4f3ff\][data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity));
}

.data-\[state\=open\]\:bg-\[\#fafafa\][data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.data-\[state\=open\]\:bg-\[\#fafaff\][data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 255 / var(--tw-bg-opacity));
}

.data-\[state\=open\]\:bg-accent[data-state="open"] {
  background-color: hsl(var(--accent));
}

.data-\[state\=open\]\:bg-secondary[data-state="open"] {
  background-color: hsl(var(--secondary));
}

.data-\[state\=open\]\:bg-sidebar-accent[data-state="open"] {
  background-color: hsl(var(--sidebar-accent));
}

.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  background-color: hsl(var(--muted));
}

.data-\[state\=unchecked\]\:bg-\[\#d8d3e6\][data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(216 211 230 / var(--tw-bg-opacity));
}

.data-\[state\=unchecked\]\:bg-\[\#e9eaeb\][data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 234 235 / var(--tw-bg-opacity));
}

.data-\[state\=unchecked\]\:bg-\[\#eaecf0\][data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 240 / var(--tw-bg-opacity));
}

.data-\[state\=unchecked\]\:bg-gray-200[data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.data-\[active\=true\]\:font-medium[data-active="true"] {
  font-weight: 500;
}

.data-\[state\=active\]\:font-semibold[data-state="active"] {
  font-weight: 600;
}

.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
  color: hsl(var(--sidebar-accent-foreground));
}

.data-\[highlighted\]\:text-\[\#1a1654\][data-highlighted] {
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.data-\[highlighted\]\:text-\[\#414651\][data-highlighted] {
  --tw-text-opacity: 1;
  color: rgb(65 70 81 / var(--tw-text-opacity));
}

.data-\[highlighted\]\:text-\[\#b42318\][data-highlighted] {
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-\[\#5c67ea\][data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(92 103 234 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-\[\#6366f1\][data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-blue-600[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-emerald-600[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-foreground[data-state="active"] {
  color: hsl(var(--foreground));
}

.data-\[state\=active\]\:text-skymod-brand-700[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-skymod-gray-900[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.data-\[state\=active\]\:text-violet-600[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity));
}

.data-\[state\=checked\]\:\!text-skymod-brand-900[data-state="checked"] {
  --tw-text-opacity: 1 !important;
  color: rgb(32 23 104 / var(--tw-text-opacity)) !important;
}

.data-\[state\=checked\]\:text-\[\#7f56d9\][data-state="checked"] {
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.data-\[state\=checked\]\:text-white[data-state="checked"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.data-\[state\=indeterminate\]\:\!text-skymod-brand-900[data-state="indeterminate"] {
  --tw-text-opacity: 1 !important;
  color: rgb(32 23 104 / var(--tw-text-opacity)) !important;
}

.data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
  color: hsl(var(--accent-foreground));
}

.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: hsl(var(--muted-foreground));
}

.data-\[state\=open\]\:text-sidebar-accent-foreground[data-state="open"] {
  color: hsl(var(--sidebar-accent-foreground));
}

.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}

.data-\[state\=open\]\:opacity-100[data-state="open"] {
  opacity: 1;
}

.data-\[state\=active\]\:shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\][data-state="active"] {
  --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05);
  --tw-shadow-colored: 0px 1px 2px 0px 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-\[state\=active\]\:shadow-none[data-state="active"] {
  --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);
}

.data-\[state\=active\]\:shadow-sm[data-state="active"] {
  --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);
}

.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  transition-duration: 300ms;
}

.data-\[state\=open\]\:duration-500[data-state="open"] {
  transition-duration: 500ms;
}

.data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}

.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}

.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}

.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}

.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem;
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
  --tw-exit-translate-y: 100%;
}

.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
  --tw-exit-translate-x: -100%;
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}

.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}

.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
  --tw-exit-translate-y: -100%;
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
  --tw-enter-translate-y: 100%;
}

.data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
  --tw-enter-translate-x: -100%;
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}

.data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
  --tw-enter-translate-x: 100%;
}

.data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
  --tw-enter-translate-y: -100%;
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}

.data-\[state\=closed\]\:duration-300[data-state="closed"] {
  animation-duration: 300ms;
}

.data-\[state\=open\]\:duration-500[data-state="open"] {
  animation-duration: 500ms;
}

.data-\[state\=checked\]\:hover\:bg-\[\#f4ebff\]:hover[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.data-\[state\=indeterminate\]\:hover\:bg-\[\#f4ebff\]:hover[data-state="indeterminate"] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 235 255 / var(--tw-bg-opacity));
}

.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] {
  background-color: hsl(var(--sidebar-accent));
}

.data-\[state\=active\]\:hover\:text-skymod-brand-700:hover[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(105 65 198 / var(--tw-text-opacity));
}

.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] {
  color: hsl(var(--sidebar-accent-foreground));
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  left: calc(var(--sidebar-width) * -1);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  right: calc(var(--sidebar-width) * -1);
}

.group[data-side="left"] .group-data-\[side\=left\]\:-right-4 {
  right: -1rem;
}

.group[data-side="right"] .group-data-\[side\=right\]\:left-0 {
  left: 0px;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 {
  margin-top: -2rem;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
  display: none;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 {
  width: 2rem !important;
  height: 2rem !important;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
  width: var(--sidebar-width-icon);
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
  width: calc(var(--sidebar-width-icon) + 1rem + 2px);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\: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));
}

.group[data-state="open"] .group-data-\[state\=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[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden {
  overflow: hidden;
}

.group[data-side="left"] .group-data-\[side\=left\]\:rounded-\[60px\] {
  border-radius: 60px;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
  border-radius: var(--radius);
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border {
  border-width: 1px;
}

.group[data-state="open"] .group-data-\[state\=open\]\:border-skymod-brand-300 {
  --tw-border-opacity: 1;
  border-color: rgb(214 187 251 / var(--tw-border-opacity));
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border {
  border-color: hsl(var(--sidebar-border));
}

.group[data-state="active"] .group-data-\[state\=active\]\:bg-\[\#6366f1\]\/15 {
  background-color: rgb(99 102 241 / 0.15);
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 {
  padding: 0px !important;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
  padding: 0.5rem !important;
}

.group[data-state="active"] .group-data-\[state\=active\]\:text-\[\#6366f1\] {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 {
  opacity: 0;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\: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);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after {
  content: var(--tw-content);
  left: 100%;
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover {
  background-color: hsl(var(--sidebar-background));
}

.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
  top: 0.375rem;
}

.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
  top: 0.625rem;
}

.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
  top: 0.25rem;
}

.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
  color: hsl(var(--sidebar-accent-foreground));
}

.prose-headings\:font-semibold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-weight: 600;
}

.prose-headings\:text-gray-900 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.prose-headings\:text-slate-900 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.prose-h1\:mb-4 :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-bottom: 1rem;
}

.prose-h1\:mt-0 :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-top: 0px;
}

.prose-h1\:pb-2 :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-bottom: 0.5rem;
}

.prose-h1\:text-sm :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.prose-h1\:text-xl :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.prose-h2\:mb-3 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-bottom: 0.75rem;
}

.prose-h2\:mt-6 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-top: 1.5rem;
}

.prose-h2\:text-lg :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.prose-h2\:text-xs :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.75rem;
  line-height: 1rem;
}

.prose-h2\:text-gray-800 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.prose-h3\:mb-2 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-bottom: 0.5rem;
}

.prose-h3\:mt-4 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-top: 1rem;
}

.prose-h3\:text-base :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 1rem;
  line-height: 1.5rem;
}

.prose-h3\:text-xs :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.75rem;
  line-height: 1rem;
}

.prose-h3\:text-gray-700 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.prose-h4\:text-sm :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.prose-p\:my-2 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.prose-p\:mb-4 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-bottom: 1rem;
}

.prose-p\:text-\[0\.9375rem\] :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.9375rem;
}

.prose-p\:text-xs :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.75rem;
  line-height: 1rem;
}

.prose-p\:leading-relaxed :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 1.625;
}

.prose-p\:text-gray-700 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.prose-a\:text-blue-600 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.prose-a\:\!no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  text-decoration-line: none !important;
}

.hover\:prose-a\:\!no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
  text-decoration-line: none !important;
}

.prose-blockquote\:my-4 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.prose-blockquote\:border-l-4 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  border-left-width: 4px;
}

.prose-blockquote\:border-blue-200 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}

.prose-blockquote\:bg-blue-50\/50 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  background-color: rgb(239 246 255 / 0.5);
}

.prose-blockquote\:px-4 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-left: 1rem;
  padding-right: 1rem;
}

.prose-blockquote\:py-2 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.prose-blockquote\:text-xs :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.75rem;
  line-height: 1rem;
}

.prose-strong\:font-semibold :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-weight: 600;
}

.prose-strong\:text-gray-900 :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.prose-em\:italic :is(:where(em):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-style: italic;
}

.prose-em\:text-gray-800 :is(:where(em):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.prose-code\:break-words :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  overflow-wrap: break-word;
}

.prose-code\:rounded :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  border-radius: 0.25rem;
}

.prose-code\:bg-gray-100 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.prose-code\:px-1 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.prose-code\:py-0\.5 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.prose-code\:text-\[0\.8125rem\] :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.8125rem;
}

.prose-code\:text-xs :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.75rem;
  line-height: 1rem;
}

.prose-code\:text-gray-800 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.prose-code\:text-slate-700 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.prose-pre\:max-w-full :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  max-width: 100%;
}

.prose-pre\:overflow-x-auto :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  overflow-x: auto;
}

.prose-pre\:text-\[0\.8125rem\] :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.8125rem;
}

.prose-pre\:leading-snug :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 1.375;
}

.prose-ol\:my-2 :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.prose-ol\:mb-4 :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-bottom: 1rem;
}

.prose-ol\:list-none :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  list-style-type: none;
}

.prose-ul\:my-2 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.prose-ul\:mb-4 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-bottom: 1rem;
}

.prose-ul\:list-none :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  list-style-type: none;
}

.prose-li\:my-0\.5 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.prose-li\:mb-2 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-bottom: 0.5rem;
}

.prose-li\:list-none :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  list-style-type: none;
}

.prose-li\:text-\[0\.9375rem\] :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.9375rem;
}

.prose-li\:text-xs :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.75rem;
  line-height: 1rem;
}

.prose-li\:leading-relaxed :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 1.625;
}

.prose-li\:text-gray-700 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.prose-img\:max-h-48 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  max-height: 12rem;
}

.prose-img\:rounded-md :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  border-radius: calc(var(--radius) - 2px);
}

.prose-img\:border :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  border-width: 1px;
}

.prose-img\:border-emerald-200 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity));
}

.prose-img\:border-skymod-success-200 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-border-opacity: 1;
  border-color: rgb(166 244 197 / var(--tw-border-opacity));
}

.prose-img\:object-contain :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  object-fit: contain;
}

@supports (height:100dvh) {

  .supports-\[height\:100dvh\]\:h-dvh {
    height: 100dvh;
  }

  .supports-\[height\:100dvh\]\:max-h-dvh {
    max-height: 100dvh;
  }
}

@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {

  .supports-\[backdrop-filter\]\:bg-background\/70 {
    background-color: hsl(var(--background) / 0.7);
  }

  .supports-\[backdrop-filter\]\:bg-sidebar\/70 {
    background-color: hsl(var(--sidebar-background) / 0.7);
  }

  .supports-\[backdrop-filter\]\:backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .supports-\[backdrop-filter\]\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}

@media (prefers-reduced-motion: no-preference) {

  @keyframes spin {

    to {
      transform: rotate(360deg);
    }
  }

  .motion-safe\:animate-\[spin_15s_linear_infinite\] {
    animation: spin 15s linear infinite;
  }

  .motion-safe\:will-change-transform {
    will-change: transform;
  }
}

.dark\:border-amber-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(146 64 14 / var(--tw-border-opacity));
}

.dark\:border-amber-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(120 53 15 / var(--tw-border-opacity));
}

.dark\:border-blue-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.dark\:border-blue-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity));
}

.dark\:border-blue-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
}

.dark\:border-cyan-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(22 78 99 / var(--tw-border-opacity));
}

.dark\:border-emerald-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(6 78 59 / var(--tw-border-opacity));
}

.dark\:border-gray-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.dark\:border-green-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity));
}

.dark\:border-indigo-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(49 46 129 / var(--tw-border-opacity));
}

.dark\:border-orange-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(124 45 18 / var(--tw-border-opacity));
}

.dark\:border-primary\/25:is(.dark *) {
  border-color: hsl(var(--primary) / 0.25);
}

.dark\:border-red-900\/60:is(.dark *) {
  border-color: rgb(127 29 29 / 0.6);
}

.dark\:border-sky-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(12 74 110 / var(--tw-border-opacity));
}

.dark\:border-slate-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.dark\:border-slate-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.dark\:border-slate-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}

.dark\:border-teal-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(19 78 74 / var(--tw-border-opacity));
}

.dark\:border-violet-400\/45:is(.dark *) {
  border-color: rgb(167 139 250 / 0.45);
}

.dark\:border-violet-400\/55:is(.dark *) {
  border-color: rgb(167 139 250 / 0.55);
}

.dark\:border-violet-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(124 58 237 / var(--tw-border-opacity));
}

.dark\:border-violet-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(91 33 182 / var(--tw-border-opacity));
}

.dark\:border-violet-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(76 29 149 / var(--tw-border-opacity));
}

.dark\:border-l-neutral-200:is(.dark *) {
  --tw-border-opacity: 1;
  border-left-color: rgb(229 229 229 / var(--tw-border-opacity));
}

.dark\:border-l-neutral-300:is(.dark *) {
  --tw-border-opacity: 1;
  border-left-color: rgb(212 212 212 / var(--tw-border-opacity));
}

.dark\:border-l-slate-300:is(.dark *) {
  --tw-border-opacity: 1;
  border-left-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.dark\:border-l-zinc-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-left-color: rgb(161 161 170 / var(--tw-border-opacity));
}

.dark\:bg-\[\#6366F1\]\/20:is(.dark *) {
  background-color: rgb(99 102 241 / 0.2);
}

.dark\:bg-\[var\(--shiki-dark-bg\2c var\(--sdm-bg\2c inherit\)\)\]:is(.dark *) {
  background-color: var(--shiki-dark-bg,var(--sdm-bg,inherit));
}

.dark\:bg-\[var\(--shiki-dark-bg\2c var\(--sdm-tbg\)\)\]:is(.dark *) {
  background-color: var(--shiki-dark-bg,var(--sdm-tbg));
}

.dark\:bg-amber-950\/20:is(.dark *) {
  background-color: rgb(69 26 3 / 0.2);
}

.dark\:bg-amber-950\/40:is(.dark *) {
  background-color: rgb(69 26 3 / 0.4);
}

.dark\:bg-blue-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}

.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\/50:is(.dark *) {
  background-color: rgb(23 37 84 / 0.5);
}

.dark\:bg-card\/80:is(.dark *) {
  background-color: hsl(var(--card) / 0.8);
}

.dark\:bg-cyan-950\/20:is(.dark *) {
  background-color: rgb(8 51 68 / 0.2);
}

.dark\:bg-emerald-400\/15:is(.dark *) {
  background-color: rgb(52 211 153 / 0.15);
}

.dark\:bg-emerald-500\/\[0\.1\]:is(.dark *) {
  background-color: rgb(16 185 129 / 0.1);
}

.dark\:bg-emerald-950\/20:is(.dark *) {
  background-color: rgb(2 44 34 / 0.2);
}

.dark\:bg-gray-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.dark\:bg-gray-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark\:bg-green-950\/40:is(.dark *) {
  background-color: rgb(5 46 22 / 0.4);
}

.dark\:bg-indigo-950\/20:is(.dark *) {
  background-color: rgb(30 27 75 / 0.2);
}

.dark\:bg-indigo-950\/25:is(.dark *) {
  background-color: rgb(30 27 75 / 0.25);
}

.dark\:bg-orange-950\/20:is(.dark *) {
  background-color: rgb(67 20 7 / 0.2);
}

.dark\:bg-primary\/15:is(.dark *) {
  background-color: hsl(var(--primary) / 0.15);
}

.dark\:bg-red-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}

.dark\:bg-red-950\/50:is(.dark *) {
  background-color: rgb(69 10 10 / 0.5);
}

.dark\:bg-sky-950\/20:is(.dark *) {
  background-color: rgb(8 47 73 / 0.2);
}

.dark\:bg-sky-studio-primary\/10:is(.dark *) {
  background-color: rgb(124 131 253 / 0.1);
}

.dark\:bg-slate-100\/90:is(.dark *) {
  background-color: rgb(241 245 249 / 0.9);
}

.dark\:bg-slate-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.dark\:bg-slate-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.dark\:bg-slate-900\/30:is(.dark *) {
  background-color: rgb(15 23 42 / 0.3);
}

.dark\:bg-teal-950\/20:is(.dark *) {
  background-color: rgb(4 47 46 / 0.2);
}

.dark\:bg-violet-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(76 29 149 / var(--tw-bg-opacity));
}

.dark\:bg-violet-950\/20:is(.dark *) {
  background-color: rgb(46 16 101 / 0.2);
}

.dark\:bg-violet-950\/30:is(.dark *) {
  background-color: rgb(46 16 101 / 0.3);
}

.dark\:bg-violet-950\/50:is(.dark *) {
  background-color: rgb(46 16 101 / 0.5);
}

.dark\:bg-white\/95:is(.dark *) {
  background-color: rgb(255 255 255 / 0.95);
}

.dark\:bg-zinc-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity));
}

.dark\:from-primary\/15:is(.dark *) {
  --tw-gradient-from: hsl(var(--primary) / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 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-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\: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\:to-slate-800\/80:is(.dark *) {
  --tw-gradient-to: rgb(30 41 59 / 0.8) var(--tw-gradient-to-position);
}

.dark\:to-slate-950:is(.dark *) {
  --tw-gradient-to: #020617 var(--tw-gradient-to-position);
}

.dark\:text-\[\#818CF8\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity));
}

.dark\:text-\[var\(--shiki-dark\2c var\(--sdm-c\2c inherit\)\)\]:is(.dark *) {
  color: var(--shiki-dark,var(--sdm-c,inherit));
}

.dark\:text-amber-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity));
}

.dark\:text-blue-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}

.dark\:text-emerald-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity));
}

.dark\:text-emerald-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity));
}

.dark\:text-emerald-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(236 253 245 / var(--tw-text-opacity));
}

.dark\:text-gray-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.dark\:text-gray-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.dark\:text-green-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity));
}

.dark\:text-red-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity));
}

.dark\:text-red-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}

.dark\:text-sky-studio-text:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(42 51 98 / var(--tw-text-opacity));
}

.dark\:text-slate-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

.dark\:text-slate-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.dark\:text-violet-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(237 233 254 / var(--tw-text-opacity));
}

.dark\:text-violet-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(221 214 254 / var(--tw-text-opacity));
}

.dark\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark\:ring-violet-400\/15:is(.dark *) {
  --tw-ring-color: rgb(167 139 250 / 0.15);
}

.dark\:ring-white\/10:is(.dark *) {
  --tw-ring-color: rgb(255 255 255 / 0.1);
}

.dark\:ring-white\/\[0\.06\]:is(.dark *) {
  --tw-ring-color: rgb(255 255 255 / 0.06);
}

.dark\:hover\:border-slate-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity));
}

.dark\:hover\:border-violet-400\/60:hover:is(.dark *) {
  border-color: rgb(167 139 250 / 0.6);
}

.dark\:hover\:bg-gray-600:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-red-950:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-red-950\/40:hover:is(.dark *) {
  background-color: rgb(69 10 10 / 0.4);
}

@media not all and (min-width: 1024px) {

  .max-lg\:shrink-0 {
    flex-shrink: 0;
  }
}

@media (min-width: 640px) {

  .sm\:bottom-6 {
    bottom: 1.5rem;
  }

  .sm\:left-6 {
    left: 1.5rem;
  }

  .sm\:right-4 {
    right: 1rem;
  }

  .sm\:right-5 {
    right: 1.25rem;
  }

  .sm\:top-4 {
    top: 1rem;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:mb-0 {
    margin-bottom: 0px;
  }

  .sm\:mb-0\.5 {
    margin-bottom: 0.125rem;
  }

  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .sm\:mb-4 {
    margin-bottom: 1rem;
  }

  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .sm\:mb-8 {
    margin-bottom: 2rem;
  }

  .sm\:ml-0 {
    margin-left: 0px;
  }

  .sm\:ml-1 {
    margin-left: 0.25rem;
  }

  .sm\:ml-4 {
    margin-left: 1rem;
  }

  .sm\:ml-8 {
    margin-left: 2rem;
  }

  .sm\:mr-2 {
    margin-right: 0.5rem;
  }

  .sm\:mr-3 {
    margin-right: 0.75rem;
  }

  .sm\:mr-4 {
    margin-right: 1rem;
  }

  .sm\:mr-5 {
    margin-right: 1.25rem;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:mt-12 {
    margin-top: 3rem;
  }

  .sm\:mt-2 {
    margin-top: 0.5rem;
  }

  .sm\:mt-3 {
    margin-top: 0.75rem;
  }

  .sm\:mt-4 {
    margin-top: 1rem;
  }

  .sm\:mt-5 {
    margin-top: 1.25rem;
  }

  .sm\:mt-6 {
    margin-top: 1.5rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:grid {
    display: grid;
  }

  .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-24 {
    height: 6rem;
  }

  .sm\:h-4 {
    height: 1rem;
  }

  .sm\:h-40 {
    height: 10rem;
  }

  .sm\:h-5 {
    height: 1.25rem;
  }

  .sm\:h-6 {
    height: 1.5rem;
  }

  .sm\:h-7 {
    height: 1.75rem;
  }

  .sm\:h-8 {
    height: 2rem;
  }

  .sm\:h-\[25vh\] {
    height: 25vh;
  }

  .sm\:h-\[260px\] {
    height: 260px;
  }

  .sm\:h-\[300px\] {
    height: 300px;
  }

  .sm\:h-\[360px\] {
    height: 360px;
  }

  .sm\:h-\[400px\] {
    height: 400px;
  }

  .sm\:h-\[min\(720px\2c calc\(100dvh-11rem\)\)\] {
    height: min(720px,calc(100dvh - 11rem));
  }

  .sm\:max-h-28 {
    max-height: 7rem;
  }

  .sm\:max-h-\[200px\] {
    max-height: 200px;
  }

  .sm\:min-h-0 {
    min-height: 0px;
  }

  .sm\:min-h-\[300px\] {
    min-height: 300px;
  }

  .sm\:min-h-\[480px\] {
    min-height: 480px;
  }

  .sm\:min-h-\[600px\] {
    min-height: 600px;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:w-12 {
    width: 3rem;
  }

  .sm\:w-16 {
    width: 4rem;
  }

  .sm\:w-24 {
    width: 6rem;
  }

  .sm\:w-28 {
    width: 7rem;
  }

  .sm\:w-32 {
    width: 8rem;
  }

  .sm\:w-4 {
    width: 1rem;
  }

  .sm\:w-48 {
    width: 12rem;
  }

  .sm\:w-5 {
    width: 1.25rem;
  }

  .sm\:w-56 {
    width: 14rem;
  }

  .sm\:w-6 {
    width: 1.5rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-7 {
    width: 1.75rem;
  }

  .sm\:w-8 {
    width: 2rem;
  }

  .sm\:w-\[132px\] {
    width: 132px;
  }

  .sm\:w-\[148px\] {
    width: 148px;
  }

  .sm\:w-\[168px\] {
    width: 168px;
  }

  .sm\:w-\[180px\] {
    width: 180px;
  }

  .sm\:w-\[184px\] {
    width: 184px;
  }

  .sm\:w-\[200px\] {
    width: 200px;
  }

  .sm\:w-\[280px\] {
    width: 280px;
  }

  .sm\:w-\[30\%\] {
    width: 30%;
  }

  .sm\:w-\[300px\] {
    width: 300px;
  }

  .sm\:w-\[85px\] {
    width: 85px;
  }

  .sm\:w-\[calc\(40\%-1rem\)\] {
    width: calc(40% - 1rem);
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:min-w-0 {
    min-width: 0px;
  }

  .sm\:max-w-2xl {
    max-width: 42rem;
  }

  .sm\:max-w-6xl {
    max-width: 72rem;
  }

  .sm\:max-w-\[1000px\] {
    max-width: 1000px;
  }

  .sm\:max-w-\[14rem\] {
    max-width: 14rem;
  }

  .sm\:max-w-\[390px\] {
    max-width: 390px;
  }

  .sm\:max-w-\[400px\] {
    max-width: 400px;
  }

  .sm\:max-w-\[425px\] {
    max-width: 425px;
  }

  .sm\:max-w-\[440px\] {
    max-width: 440px;
  }

  .sm\:max-w-\[450px\] {
    max-width: 450px;
  }

  .sm\:max-w-\[500px\] {
    max-width: 500px;
  }

  .sm\:max-w-\[600px\] {
    max-width: 600px;
  }

  .sm\:max-w-\[625px\] {
    max-width: 625px;
  }

  .sm\:max-w-\[900px\] {
    max-width: 900px;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:max-w-none {
    max-width: none;
  }

  .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-initial {
    flex: 0 1 auto;
  }

  .sm\:flex-none {
    flex: none;
  }

  .sm\:shrink-0 {
    flex-shrink: 0;
  }

  .sm\:columns-3 {
    columns: 3;
  }

  .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-\[7\.5rem_1fr\] {
    grid-template-columns: 7.5rem 1fr;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:\!flex-col {
    flex-direction: column !important;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:items-stretch {
    align-items: stretch;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-0 {
    gap: 0px;
  }

  .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-6 {
    gap: 1.5rem;
  }

  .sm\:gap-\[11px\] {
    gap: 11px;
  }

  .sm\:gap-x-2 {
    column-gap: 0.5rem;
  }

  .sm\:gap-x-3 {
    column-gap: 0.75rem;
  }

  .sm\:gap-y-0 {
    row-gap: 0px;
  }

  .sm\:gap-y-2 {
    row-gap: 0.5rem;
  }

  .sm\:\!space-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--tw-space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\: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)));
  }

  .sm\: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)));
  }

  .sm\: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)));
  }

  .sm\: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));
  }

  .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-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));
  }

  .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-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));
  }

  .sm\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .sm\:self-center {
    align-self: center;
  }

  .sm\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .sm\:break-words {
    overflow-wrap: break-word;
  }

  .sm\:rounded-2xl {
    border-radius: 1rem;
  }

  .sm\:rounded-lg {
    border-radius: var(--radius);
  }

  .sm\:p-1\.5 {
    padding: 0.375rem;
  }

  .sm\:p-2 {
    padding: 0.5rem;
  }

  .sm\:p-3 {
    padding: 0.75rem;
  }

  .sm\:p-3\.5 {
    padding: 0.875rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .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\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px;
  }

  .sm\:px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px;
  }

  .sm\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .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-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-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pb-8 {
    padding-bottom: 2rem;
  }

  .sm\:pl-6 {
    padding-left: 1.5rem;
  }

  .sm\:pr-2 {
    padding-right: 0.5rem;
  }

  .sm\:pr-4 {
    padding-right: 1rem;
  }

  .sm\:pt-14 {
    padding-top: 3.5rem;
  }

  .sm\:pt-4 {
    padding-top: 1rem;
  }

  .sm\:pt-6 {
    padding-top: 1.5rem;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-\[10px\] {
    font-size: 10px;
  }

  .sm\:text-\[11px\] {
    font-size: 11px;
  }

  .sm\:text-\[14px\] {
    font-size: 14px;
  }

  .sm\:text-\[26px\] {
    font-size: 26px;
  }

  .sm\:text-\[9px\] {
    font-size: 9px;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .sm\:leading-8 {
    line-height: 2rem;
  }

  .sm\:prose-p\:text-\[0\.95rem\] :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: 0.95rem;
  }

  .sm\:prose-li\:text-\[0\.95rem\] :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: 0.95rem;
  }
}

@media (min-width: 768px) {

  .md\:static {
    position: static;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:relative {
    position: relative;
  }

  .md\:inset-auto {
    inset: auto;
  }

  .md\:bottom-12 {
    bottom: 3rem;
  }

  .md\:bottom-auto {
    bottom: auto;
  }

  .md\:left-auto {
    left: auto;
  }

  .md\:right-0 {
    right: 0px;
  }

  .md\:right-4 {
    right: 1rem;
  }

  .md\:right-full {
    right: 100%;
  }

  .md\:top-4 {
    top: 1rem;
  }

  .md\:top-\[52px\] {
    top: 52px;
  }

  .md\:z-0 {
    z-index: 0;
  }

  .md\:z-auto {
    z-index: auto;
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .md\:mx-\[10\%\] {
    margin-left: 10%;
    margin-right: 10%;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-20 {
    margin-bottom: 5rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:ml-2 {
    margin-left: 0.5rem;
  }

  .md\:ml-3 {
    margin-left: 0.75rem;
  }

  .md\:ml-4 {
    margin-left: 1rem;
  }

  .md\:ml-5 {
    margin-left: 1.25rem;
  }

  .md\:mr-2 {
    margin-right: 0.5rem;
  }

  .md\:mr-5 {
    margin-right: 1.25rem;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-4 {
    margin-top: 1rem;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-10 {
    height: 2.5rem;
  }

  .md\:h-11 {
    height: 2.75rem;
  }

  .md\:h-14 {
    height: 3.5rem;
  }

  .md\:h-20 {
    height: 5rem;
  }

  .md\:h-24 {
    height: 6rem;
  }

  .md\:h-32 {
    height: 8rem;
  }

  .md\:h-4 {
    height: 1rem;
  }

  .md\:h-4\/5 {
    height: 80%;
  }

  .md\:h-5 {
    height: 1.25rem;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:h-\[400px\] {
    height: 400px;
  }

  .md\:h-\[50vh\] {
    height: 50vh;
  }

  .md\:h-\[80vh\] {
    height: 80vh;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:max-h-full {
    max-height: 100%;
  }

  .md\:max-h-none {
    max-height: none;
  }

  .md\:min-h-0 {
    min-height: 0px;
  }

  .md\:min-h-full {
    min-height: 100%;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-10 {
    width: 2.5rem;
  }

  .md\:w-14 {
    width: 3.5rem;
  }

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-28 {
    width: 7rem;
  }

  .md\:w-32 {
    width: 8rem;
  }

  .md\:w-36 {
    width: 9rem;
  }

  .md\:w-4 {
    width: 1rem;
  }

  .md\:w-48 {
    width: 12rem;
  }

  .md\:w-5 {
    width: 1.25rem;
  }

  .md\:w-56 {
    width: 14rem;
  }

  .md\:w-60 {
    width: 15rem;
  }

  .md\:w-64 {
    width: 16rem;
  }

  .md\:w-72 {
    width: 18rem;
  }

  .md\:w-8 {
    width: 2rem;
  }

  .md\:w-\[25\.19rem\] {
    width: 25.19rem;
  }

  .md\:w-\[280px\] {
    width: 280px;
  }

  .md\:w-\[400px\] {
    width: 400px;
  }

  .md\:w-\[55\%\] {
    width: 55%;
  }

  .md\:w-\[70\%\] {
    width: 70%;
  }

  .md\:w-\[var\(--code-execution-chat-split-pct\)\] {
    width: var(--code-execution-chat-split-pct);
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-fit {
    width: fit-content;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:min-w-0 {
    min-width: 0px;
  }

  .md\:min-w-\[18vw\] {
    min-width: 18vw;
  }

  .md\:min-w-\[280px\] {
    min-width: 280px;
  }

  .md\:min-w-\[320px\] {
    min-width: 320px;
  }

  .md\:max-w-5xl {
    max-width: 64rem;
  }

  .md\:max-w-\[10rem\] {
    max-width: 10rem;
  }

  .md\:max-w-\[55\%\] {
    max-width: 55%;
  }

  .md\:max-w-\[68\%\] {
    max-width: 68%;
  }

  .md\:max-w-\[800px\] {
    max-width: 800px;
  }

  .md\:max-w-md {
    max-width: 28rem;
  }

  .md\:max-w-sm {
    max-width: 24rem;
  }

  .md\:flex-1 {
    flex: 1 1 0%;
  }

  .md\:flex-none {
    flex: none;
  }

  .md\: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));
  }

  .md\:columns-4 {
    columns: 4;
  }

  .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\:flex-row {
    flex-direction: row;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:justify-around {
    justify-content: space-around;
  }

  .md\:gap-20 {
    gap: 5rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:gap-y-16 {
    row-gap: 4rem;
  }

  .md\: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)));
  }

  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\: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));
  }

  .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-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));
  }

  .md\:rounded-\[20px\] {
    border-radius: 20px;
  }

  .md\:rounded-none {
    border-radius: 0px;
  }

  .md\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .md\:border {
    border-width: 1px;
  }

  .md\:border-0 {
    border-width: 0px;
  }

  .md\:border-b-0 {
    border-bottom-width: 0px;
  }

  .md\:border-l {
    border-left-width: 1px;
  }

  .md\:border-r {
    border-right-width: 1px;
  }

  .md\:border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
  }

  .md\:border-neutral-200\/80 {
    border-color: rgb(229 229 229 / 0.8);
  }

  .md\:bg-\[\#f5f5fa\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 250 / var(--tw-bg-opacity));
  }

  .md\:bg-transparent {
    background-color: transparent;
  }

  .md\:p-0 {
    padding: 0px;
  }

  .md\:p-1\.5 {
    padding: 0.375rem;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-2 {
    padding: 0.5rem;
  }

  .md\:p-36 {
    padding: 9rem;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:p-5 {
    padding: 1.25rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .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-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:px-\[10\%\] {
    padding-left: 10%;
    padding-right: 10%;
  }

  .md\:px-\[12\%\] {
    padding-left: 12%;
    padding-right: 12%;
  }

  .md\:px-\[15\%\] {
    padding-left: 15%;
    padding-right: 15%;
  }

  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .md\:pb-20 {
    padding-bottom: 5rem;
  }

  .md\:pb-3\.5 {
    padding-bottom: 0.875rem;
  }

  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .md\:pb-\[10px\] {
    padding-bottom: 10px;
  }

  .md\:pb-\[4px\] {
    padding-bottom: 4px;
  }

  .md\:pb-\[90px\] {
    padding-bottom: 90px;
  }

  .md\:pl-2 {
    padding-left: 0.5rem;
  }

  .md\:pl-3\.5 {
    padding-left: 0.875rem;
  }

  .md\:pl-4 {
    padding-left: 1rem;
  }

  .md\:pl-6 {
    padding-left: 1.5rem;
  }

  .md\:pl-8 {
    padding-left: 2rem;
  }

  .md\:pl-\[10\%\] {
    padding-left: 10%;
  }

  .md\:pr-14 {
    padding-right: 3.5rem;
  }

  .md\:pr-2 {
    padding-right: 0.5rem;
  }

  .md\:pr-24 {
    padding-right: 6rem;
  }

  .md\:pr-4 {
    padding-right: 1rem;
  }

  .md\:pr-6 {
    padding-right: 1.5rem;
  }

  .md\:pr-9 {
    padding-right: 2.25rem;
  }

  .md\:pr-\[13\%\] {
    padding-right: 13%;
  }

  .md\:pr-\[25\%\] {
    padding-right: 25%;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:pt-5 {
    padding-top: 1.25rem;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-\[0\.85rem\] {
    font-size: 0.85rem;
  }

  .md\:text-\[13px\] {
    font-size: 13px;
  }

  .md\:text-\[16px\] {
    font-size: 16px;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-sky-t1 {
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 0;
  }

  .md\:text-sky-t2 {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .md\:opacity-0 {
    opacity: 0;
  }

  .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);
  }

  .md\: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);
  }

  .md\:backdrop-blur-none {
    --tw-backdrop-blur:  ;
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .after\:md\:hidden::after {
    content: var(--tw-content);
    display: none;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
    margin: 0.5rem;
  }

  .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
    margin-left: 0.5rem;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
    margin-left: 0px;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
    border-radius: 0.75rem;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\: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);
  }

  .md\:prose-h1\:text-base :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:prose-h2\:text-sm :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:prose-h3\:text-sm :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:prose-p\:text-\[0\.85rem\] :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: 0.85rem;
  }

  .md\:prose-blockquote\:text-\[0\.85rem\] :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: 0.85rem;
  }

  .md\:prose-code\:text-\[0\.85rem\] :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: 0.85rem;
  }

  .md\:prose-li\:text-\[0\.85rem\] :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: 0.85rem;
  }
}

@media (min-width: 1024px) {

  .lg\:pointer-events-none {
    pointer-events: none;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:mx-\[13\%\] {
    margin-left: 13%;
    margin-right: 13%;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:ml-10 {
    margin-left: 2.5rem;
  }

  .lg\:ml-36 {
    margin-left: 9rem;
  }

  .lg\:ml-\[14rem\] {
    margin-left: 14rem;
  }

  .lg\:mr-8 {
    margin-right: 2rem;
  }

  .lg\:mt-12 {
    margin-top: 3rem;
  }

  .lg\:mt-16 {
    margin-top: 4rem;
  }

  .lg\:mt-2 {
    margin-top: 0.5rem;
  }

  .lg\:mt-24 {
    margin-top: 6rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:\!inline-flex {
    display: inline-flex !important;
  }

  .lg\:\!hidden {
    display: none !important;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-6 {
    height: 1.5rem;
  }

  .lg\:h-8 {
    height: 2rem;
  }

  .lg\:h-\[60vh\] {
    height: 60vh;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:min-h-screen {
    min-height: 100vh;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-36 {
    width: 9rem;
  }

  .lg\:w-40 {
    width: 10rem;
  }

  .lg\:w-44 {
    width: 11rem;
  }

  .lg\:w-6 {
    width: 1.5rem;
  }

  .lg\:w-8 {
    width: 2rem;
  }

  .lg\:w-\[260px\] {
    width: 260px;
  }

  .lg\:w-\[30\%\] {
    width: 30%;
  }

  .lg\:w-\[320px\] {
    width: 320px;
  }

  .lg\:w-\[38\%\] {
    width: 38%;
  }

  .lg\:w-\[45\%\] {
    width: 45%;
  }

  .lg\:w-\[60\%\] {
    width: 60%;
  }

  .lg\:w-\[70\%\] {
    width: 70%;
  }

  .lg\:w-\[calc\(33\.33\%-1rem\)\] {
    width: calc(33.33% - 1rem);
  }

  .lg\:min-w-\[340px\] {
    min-width: 340px;
  }

  .lg\:min-w-\[400px\] {
    min-width: 400px;
  }

  .lg\:max-w-2xl {
    max-width: 42rem;
  }

  .lg\:max-w-4xl {
    max-width: 56rem;
  }

  .lg\:max-w-\[350px\] {
    max-width: 350px;
  }

  .lg\:max-w-\[440px\] {
    max-width: 440px;
  }

  .lg\:max-w-\[480px\] {
    max-width: 480px;
  }

  .lg\:max-w-\[720px\] {
    max-width: 720px;
  }

  .lg\:max-w-lg {
    max-width: 32rem;
  }

  .lg\:max-w-xl {
    max-width: 36rem;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:flex-none {
    flex: none;
  }

  .lg\:shrink-0 {
    flex-shrink: 0;
  }

  .lg\:columns-5 {
    columns: 5;
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[22rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 22rem minmax(0,1fr);
  }

  .lg\:grid-cols-\[320px_1fr\] {
    grid-template-columns: 320px 1fr;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\: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)));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\: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));
  }

  .lg\:overflow-hidden {
    overflow: hidden;
  }

  .lg\:rounded-\[30px\] {
    border-radius: 30px;
  }

  .lg\:border-b-0 {
    border-bottom-width: 0px;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0px;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-12 {
    padding: 3rem;
  }

  .lg\:p-16 {
    padding: 4rem;
  }

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:p-5 {
    padding: 1.25rem;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .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-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-\[13\%\] {
    padding-left: 13%;
    padding-right: 13%;
  }

  .lg\:px-\[15\%\] {
    padding-left: 15%;
    padding-right: 15%;
  }

  .lg\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .lg\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .lg\:pl-6 {
    padding-left: 1.5rem;
  }

  .lg\:pl-8 {
    padding-left: 2rem;
  }

  .lg\:pr-10 {
    padding-right: 2.5rem;
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-\[0\.85rem\] {
    font-size: 0.85rem;
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .lg\:opacity-0 {
    opacity: 0;
  }

  .lg\:focus-visible\:pointer-events-auto:focus-visible {
    pointer-events: auto;
  }

  .lg\:focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .group:hover .lg\:group-hover\:pointer-events-auto {
    pointer-events: auto;
  }

  .group:hover .lg\:group-hover\:opacity-100 {
    opacity: 1;
  }
}

@media (min-width: 1280px) {

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .xl\:ml-48 {
    margin-left: 12rem;
  }

  .xl\:mr-16 {
    margin-right: 4rem;
  }

  .xl\:mt-16 {
    margin-top: 4rem;
  }

  .xl\:block {
    display: block;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:h-10 {
    height: 2.5rem;
  }

  .xl\:h-\[60vh\] {
    height: 60vh;
  }

  .xl\:h-\[70px\] {
    height: 70px;
  }

  .xl\:w-72 {
    width: 18rem;
  }

  .xl\:max-w-\[760px\] {
    max-width: 760px;
  }

  .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-\[minmax\(0\2c 1\.4fr\)_minmax\(280px\2c 1fr\)\] {
    grid-template-columns: minmax(0,1.4fr) minmax(280px,1fr);
  }

  .xl\:p-12 {
    padding: 3rem;
  }

  .xl\:pl-12 {
    padding-left: 3rem;
  }

  .xl\:pr-24 {
    padding-right: 6rem;
  }

  .xl\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .xl\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .xl\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .xl\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 1536px) {

  .\32xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.\[\&\:-webkit-autofill\:focus\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#ffffff_inset\]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

.\[\&\:-webkit-autofill\:focus\]\:\[-webkit-box-shadow\:0_0_0_1000px_white_inset\]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.\[\&\:-webkit-autofill\:hover\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#f5f5fa_inset\]:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px #f5f5fa inset;
}

.\[\&\:-webkit-autofill\:hover\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#ffffff_inset\]:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

.\[\&\:-webkit-autofill\:hover\]\:\[-webkit-box-shadow\:0_0_0_1000px_white_inset\]:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.\[\&\:-webkit-autofill\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#f5f5fa_inset\]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #f5f5fa inset;
}

.\[\&\:-webkit-autofill\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#ffffff_inset\]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

.\[\&\:-webkit-autofill\]\:\[-webkit-box-shadow\:0_0_0_1000px_white_inset\]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.\[\&\:-webkit-autofill\]\:\[-webkit-text-fill-color\:\#101828\]:-webkit-autofill {
  -webkit-text-fill-color: #101828;
}

.\[\&\:-webkit-autofill\]\:\[-webkit-text-fill-color\:\#1a1654\]:-webkit-autofill {
  -webkit-text-fill-color: #1a1654;
}

.\[\&\:\:-moz-color-swatch\]\:rounded-lg::-moz-color-swatch {
  border-radius: var(--radius);
}

.\[\&\:\:-moz-color-swatch\]\:border-0::-moz-color-swatch {
  border-width: 0px;
}

.\[\&\:\:-moz-range-thumb\]\:size-\[14px\]::-moz-range-thumb {
  width: 14px;
  height: 14px;
}

.\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb {
  cursor: pointer;
}

.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
  border-radius: 9999px;
}

.\[\&\:\:-moz-range-thumb\]\:border-\[3px\]::-moz-range-thumb {
  border-width: 3px;
}

.\[\&\:\:-moz-range-thumb\]\:border-white::-moz-range-thumb {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.\[\&\:\:-moz-range-thumb\]\:bg-\[\#6366f1\]::-moz-range-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:absolute::-webkit-calendar-picker-indicator {
  position: absolute;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:inset-0::-webkit-calendar-picker-indicator {
  inset: 0px;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:h-full::-webkit-calendar-picker-indicator {
  height: 100%;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:w-full::-webkit-calendar-picker-indicator {
  width: 100%;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor-pointer::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:rounded::-webkit-calendar-picker-indicator {
  border-radius: 0.25rem;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:p-1::-webkit-calendar-picker-indicator {
  padding: 0.25rem;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-0::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:hover\:bg-gray-100:hover::-webkit-calendar-picker-indicator {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-color-swatch-wrapper\]\:border-0::-webkit-color-swatch-wrapper {
  border-width: 0px;
}

.\[\&\:\:-webkit-color-swatch-wrapper\]\:p-0::-webkit-color-swatch-wrapper {
  padding: 0px;
}

.\[\&\:\:-webkit-color-swatch\]\:rounded-lg::-webkit-color-swatch {
  border-radius: var(--radius);
}

.\[\&\:\:-webkit-color-swatch\]\:border-0::-webkit-color-swatch {
  border-width: 0px;
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}

.\[\&\:\:-webkit-scrollbar-button\]\:hidden::-webkit-scrollbar-button {
  display: none;
}

.\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-\[\#a49fbd\]::-webkit-scrollbar-thumb:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(164 159 189 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
  border-radius: 9999px;
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#ddd9e8\]::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(221 217 232 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-skymod-blue-gray-200::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(200 204 229 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-scrollbar-track\]\:rounded-full::-webkit-scrollbar-track {
  border-radius: 9999px;
}

.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
  background-color: transparent;
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}

.\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar {
  height: 0.375rem;
}

.\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
  width: 0.375rem;
}

.\[\&\:\:-webkit-slider-thumb\]\:size-\[18px\]::-webkit-slider-thumb {
  width: 18px;
  height: 18px;
}

.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb {
  cursor: pointer;
}

.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
  appearance: none;
}

.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
  border-radius: 9999px;
}

.\[\&\:\:-webkit-slider-thumb\]\:border-\[3px\]::-webkit-slider-thumb {
  border-width: 3px;
}

.\[\&\:\:-webkit-slider-thumb\]\:border-white::-webkit-slider-thumb {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.\[\&\:\:-webkit-slider-thumb\]\:bg-\[\#6366f1\]::-webkit-slider-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.\[\&\:\:-webkit-slider-thumb\]\:shadow-\[0_0_0_1px_\#6366f1\]::-webkit-slider-thumb {
  --tw-shadow: 0 0 0 1px #6366f1;
  --tw-shadow-colored: 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);
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
  padding-right: 0px;
}

.\[\&\>\*\:first-child\]\:mt-0>*:first-child {
  margin-top: 0px;
}

.\[\&\>\*\:last-child\]\:mb-0>*:last-child {
  margin-bottom: 0px;
}

.\[\&\>\*\:last-child\]\:after\:inline>*:last-child::after {
  content: var(--tw-content);
  display: inline;
}

.\[\&\>\*\:last-child\]\:after\:align-baseline>*:last-child::after {
  content: var(--tw-content);
  vertical-align: baseline;
}

.\[\&\>\*\:last-child\]\:after\:content-\[var\(--streamdown-caret\)\]>*:last-child::after {
  --tw-content: var(--streamdown-caret);
  content: var(--tw-content);
}

.\[\&\>\*\]\:\!mt-0>* {
  margin-top: 0px !important;
}

.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
  --tw-translate-y: 2px;
  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));
}

.\[\&\>blockquote\]\:my-2>blockquote {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&\>button\]\:hidden>button {
  display: none;
}

.\[\&\>button\]\:text-\[\#7c7795\]>button {
  --tw-text-opacity: 1;
  color: rgb(124 119 149 / var(--tw-text-opacity));
}

.\[\&\>button\]\:text-muted-foreground>button {
  color: hsl(var(--muted-foreground));
}

.\[\&\>button\]\:hover\:bg-\[\#f8f9fc\]:hover>button {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity));
}

.\[\&\>button\]\:hover\:bg-muted\/80:hover>button {
  background-color: hsl(var(--muted) / 0.8);
}

.\[\&\>button\]\:hover\:text-\[\#1a1654\]:hover>button {
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&\>button\]\:hover\:text-foreground:hover>button {
  color: hsl(var(--foreground));
}

.\[\&\>button\]\:focus\:ring-ring:focus>button {
  --tw-ring-color: hsl(var(--ring));
}

.\[\&\>div\>div\]\:\!overflow-visible>div>div {
  overflow: visible !important;
}

.\[\&\>div\]\:\!text-sky-t2>div {
  font-size: 13px !important;
  line-height: 19px !important;
  letter-spacing: 0 !important;
}

.\[\&\>div\]\:text-sky-t1>div {
  font-size: 11px;
  line-height: 17px;
  letter-spacing: 0;
}

.\[\&\>h1\]\:mb-2>h1 {
  margin-bottom: 0.5rem;
}

.\[\&\>h1\]\:mt-4>h1 {
  margin-top: 1rem;
}

.\[\&\>h2\]\:mb-2>h2 {
  margin-bottom: 0.5rem;
}

.\[\&\>h2\]\:mt-4>h2 {
  margin-top: 1rem;
}

.\[\&\>h3\]\:mb-1\.5>h3 {
  margin-bottom: 0.375rem;
}

.\[\&\>h3\]\:mt-3>h3 {
  margin-top: 0.75rem;
}

.\[\&\>h4\]\:mb-1>h4 {
  margin-bottom: 0.25rem;
}

.\[\&\>h4\]\:mt-3>h4 {
  margin-top: 0.75rem;
}

.\[\&\>li\]\:my-0\.5>li {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.\[\&\>ol\]\:my-1>ol {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&\>ol\]\:my-2>ol {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&\>ol\]\:list-decimal>ol {
  list-style-type: decimal;
}

.\[\&\>ol\]\:pl-4>ol {
  padding-left: 1rem;
}

.\[\&\>p\:first-child\]\:mt-0>p:first-child {
  margin-top: 0px;
}

.\[\&\>p\:last-child\]\:mb-0>p:last-child {
  margin-bottom: 0px;
}

.\[\&\>p\]\:my-2>p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&\>p\]\:mb-0>p {
  margin-bottom: 0px;
}

.\[\&\>p\]\:mb-1\.5>p {
  margin-bottom: 0.375rem;
}

.\[\&\>p\]\:inline>p {
  display: inline;
}

.\[\&\>p\]\:w-full>p {
  width: 100%;
}

.\[\&\>p\]\:max-w-none>p {
  max-width: none;
}

.\[\&\>pre\]\:my-2>pre {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&\>span\:last-child\]\:truncate>span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.\[\&\>span\]\:line-clamp-1>span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.\[\&\>span\]\:\!text-sky-t2>span {
  font-size: 13px !important;
  line-height: 19px !important;
  letter-spacing: 0 !important;
}

.\[\&\>span\]\:font-normal>span {
  font-weight: 400;
}

.\[\&\>span\]\:leading-5>span {
  line-height: 1.25rem;
}

.\[\&\>span\]\:text-\[\#1a1654\]>span {
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&\>svg\:last-child\]\:shrink-0>svg:last-child {
  flex-shrink: 0;
}

.\[\&\>svg\]\:ms-2>svg {
  margin-inline-start: 0.5rem;
}

.\[\&\>svg\]\:mt-1>svg {
  margin-top: 0.25rem;
}

.\[\&\>svg\]\:size-4>svg {
  width: 1rem;
  height: 1rem;
}

.\[\&\>svg\]\:size-5>svg {
  width: 1.25rem;
  height: 1.25rem;
}

.\[\&\>svg\]\:h-3\.5>svg {
  height: 0.875rem;
}

.\[\&\>svg\]\:w-3\.5>svg {
  width: 0.875rem;
}

.\[\&\>svg\]\:shrink-0>svg {
  flex-shrink: 0;
}

.\[\&\>svg\]\:stroke-\[2\]>svg {
  stroke-width: 2;
}

.\[\&\>svg\]\:text-\[\#7c7795\]>svg {
  --tw-text-opacity: 1;
  color: rgb(124 119 149 / var(--tw-text-opacity));
}

.\[\&\>svg\]\:text-\[\#a8a4bd\]>svg {
  --tw-text-opacity: 1;
  color: rgb(168 164 189 / var(--tw-text-opacity));
}

.\[\&\>svg\]\:text-sidebar-accent-foreground>svg {
  color: hsl(var(--sidebar-accent-foreground));
}

.\[\&\>svg\]\:text-skymod-gray-500>svg {
  --tw-text-opacity: 1;
  color: rgb(113 118 128 / var(--tw-text-opacity));
}

.\[\&\>table\]\:my-3>table {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.\[\&\>tr\]\:last\:border-b-0:last-child>tr {
  border-bottom-width: 0px;
}

.\[\&\>ul\]\:my-1>ul {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&\>ul\]\:my-2>ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&\>ul\]\:list-disc>ul {
  list-style-type: disc;
}

.\[\&\>ul\]\:pl-4>ul {
  padding-left: 1rem;
}

.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
  --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));
}

.\[\&\[open\]_svg\]\:rotate-180[open] svg {
  --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));
}

.\[\&_\*\]\:select-text * {
  -webkit-user-select: text;
          user-select: text;
}

.\[\&_\.ace_active-line\]\:\!bg-skymod-brand-50\/80 .ace active-line {
  background-color: rgb(249 245 255 / 0.8) !important;
}

.\[\&_\.ace_content\]\:\!bg-skymod-brand-25 .ace content {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 250 255 / var(--tw-bg-opacity)) !important;
}

.\[\&_\.ace_cursor\]\:\!border-skymod-gray-900 .ace cursor {
  --tw-border-opacity: 1 !important;
  border-color: rgb(24 29 39 / var(--tw-border-opacity)) !important;
}

.\[\&_\.ace_editor\]\:\!bg-skymod-brand-25 .ace editor {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 250 255 / var(--tw-bg-opacity)) !important;
}

.\[\&_\.ace_gutter-cell\]\:\!font-mono .ace gutter-cell {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.\[\&_\.ace_gutter\]\:\!border-r .ace gutter {
  border-right-width: 1px !important;
}

.\[\&_\.ace_scroller\]\:\!bg-skymod-brand-25 .ace scroller {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 250 255 / var(--tw-bg-opacity)) !important;
}

.\[\&_\.ace_text-layer\]\:\!font-mono .ace text-layer {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.\[\&_\.bg-white\]\:bg-white .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&_\.border-gray-100\]\:border-\[\#ece9f4\] .border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-border-opacity));
}

.\[\&_\.border-gray-200\]\:border-\[\#ece9f4\] .border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-border-opacity));
}

.\[\&_\.fixed\.bottom-4\.right-4\]\:hidden .fixed.bottom-4.right-4 {
  display: none;
}

.\[\&_\.flex-1\.bg-gray-50\]\:overflow-hidden .flex-1.bg-gray-50 {
  overflow: hidden;
}

.\[\&_\.flex-1\.bg-gray-50\]\:rounded-\[10px\] .flex-1.bg-gray-50 {
  border-radius: 10px;
}

.\[\&_\.flex-1\.bg-gray-50\]\:border .flex-1.bg-gray-50 {
  border-width: 1px;
}

.\[\&_\.flex-1\.bg-gray-50\]\:border-\[\#ece9f4\] .flex-1.bg-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-border-opacity));
}

.\[\&_\.flex-1\.bg-gray-50\]\:bg-white .flex-1.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&_\.flex-1\.h-10\]\:rounded-\[10px\] .flex-1.h-10 {
  border-radius: 10px;
}

.\[\&_\.flex-1\.h-10\]\:border-\[\#ece9f4\] .flex-1.h-10 {
  --tw-border-opacity: 1;
  border-color: rgb(236 233 244 / var(--tw-border-opacity));
}

.\[\&_\.flex-1\.h-10\]\:bg-\[\#f5f5fa\] .flex-1.h-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 250 / var(--tw-bg-opacity));
}

.\[\&_\.flex-1\.h-10\]\:font-montserrat .flex-1.h-10 {
  font-family: Montserrat, sans-serif;
}

.\[\&_\.flex-1\.h-10\]\:focus-within\:border-skymod-brand-700:focus-within .flex-1.h-10 {
  --tw-border-opacity: 1;
  border-color: rgb(105 65 198 / var(--tw-border-opacity));
}

.\[\&_\.flex-1\.h-10\]\:focus-within\:bg-white:focus-within .flex-1.h-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&_\.flex-1\.h-10\]\:focus-within\:shadow-\[0_0_0_3px_\#f4f5fe\]:focus-within .flex-1.h-10 {
  --tw-shadow: 0 0 0 3px #f4f5fe;
  --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);
}

.\[\&_\.flex-1\.h-10\]\:focus-within\:ring-0:focus-within .flex-1.h-10 {
  --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);
}

.\[\&_\.flex-1\.h-10_input\]\:font-montserrat .flex-1.h-10 input {
  font-family: Montserrat, sans-serif;
}

.\[\&_\.flex-1\.h-10_input\]\:\!text-sky-t3 .flex-1.h-10 input {
  font-size: 15px !important;
  line-height: 23px !important;
  letter-spacing: 0 !important;
}

.\[\&_\.flex-1\.h-10_input\]\:text-\[\#1a1654\] .flex-1.h-10 input {
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&_\.flex-1\.h-10_input\]\:placeholder\:text-\[\#9994ac\] .flex-1.h-10 input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(153 148 172 / var(--tw-text-opacity));
}

.\[\&_\.flex-1\.h-10_svg\]\:text-\[\#9994ac\] .flex-1.h-10 svg {
  --tw-text-opacity: 1;
  color: rgb(153 148 172 / var(--tw-text-opacity));
}

.\[\&_\.font-inter\]\:font-montserrat .font-inter {
  font-family: Montserrat, sans-serif;
}

.\[\&_\.hljs-attr\]\:text-\[\#032f62\] .hljs-attr {
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-attribute\]\:text-\[\#032f62\] .hljs-attribute {
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-built_in\]\:text-\[\#005cc5\] .hljs-built in {
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-comment\]\:text-\[\#22863a\] .hljs-comment {
  --tw-text-opacity: 1;
  color: rgb(34 134 58 / var(--tw-text-opacity));
}

.\[\&_\.hljs-keyword\]\:text-\[\#005cc5\] .hljs-keyword {
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-literal\]\:text-\[\#005cc5\] .hljs-literal {
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-meta\]\:text-\[\#005cc5\] .hljs-meta {
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-name\]\:text-\[\#032f62\] .hljs-name {
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-number\]\:text-\[\#005cc5\] .hljs-number {
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-quote\]\:text-\[\#22863a\] .hljs-quote {
  --tw-text-opacity: 1;
  color: rgb(34 134 58 / var(--tw-text-opacity));
}

.\[\&_\.hljs-regexp\]\:text-\[\#032f62\] .hljs-regexp {
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-selector-class\]\:text-\[\#032f62\] .hljs-selector-class {
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-selector-id\]\:text-\[\#032f62\] .hljs-selector-id {
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-selector-tag\]\:text-\[\#005cc5\] .hljs-selector-tag {
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-string\]\:text-\[\#032f62\] .hljs-string {
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-symbol\]\:text-\[\#032f62\] .hljs-symbol {
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-tag\]\:text-\[\#005cc5\] .hljs-tag {
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-template-variable\]\:text-\[\#032f62\] .hljs-template-variable {
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hljs-title\.class_\]\:text-\[\#005cc5\] .hljs-title.class {
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-title\.function_\]\:text-\[\#005cc5\] .hljs-title.function {
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-title\]\:text-\[\#005cc5\] .hljs-title {
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-type\]\:text-\[\#005cc5\] .hljs-type {
  --tw-text-opacity: 1;
  color: rgb(0 92 197 / var(--tw-text-opacity));
}

.\[\&_\.hljs-variable\]\:text-\[\#032f62\] .hljs-variable {
  --tw-text-opacity: 1;
  color: rgb(3 47 98 / var(--tw-text-opacity));
}

.\[\&_\.hover\\\\\:bg-gray-100\]\:hover\:bg-\[\#f5f5fa\]:hover .hover\\:bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 250 / var(--tw-bg-opacity));
}

.\[\&_\.hover\\\\\:bg-gray-200\]\:hover\:bg-\[\#ece9f4\]:hover .hover\\:bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 233 244 / var(--tw-bg-opacity));
}

.\[\&_\.hover\\\\\:shadow-md\]\:hover\:shadow-none:hover .hover\\:shadow-md {
  --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);
}

.\[\&_\.mb-6\]\:mb-4 .mb-6 {
  margin-bottom: 1rem;
}

.\[\&_\.mb-8\]\:mb-4 .mb-8 {
  margin-bottom: 1rem;
}

.\[\&_\.mx-auto\]\:mx-0 .mx-auto {
  margin-left: 0px;
  margin-right: 0px;
}

.\[\&_\.p-5\]\:p-0 .p-5 {
  padding: 0px;
}

.\[\&_\.px-4\]\:px-0 .px-4 {
  padding-left: 0px;
  padding-right: 0px;
}

.\[\&_\.py-6\]\:py-0 .py-6 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.\[\&_\.rounded-lg\]\:rounded-\[10px\] .rounded-lg {
  border-radius: 10px;
}

.\[\&_\.rounded-xl\]\:rounded-\[10px\] .rounded-xl {
  border-radius: 10px;
}

.\[\&_\.shadow-md\]\:shadow-none .shadow-md {
  --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\]\:shadow-none .shadow-sm {
  --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);
}

.\[\&_\.sm\\\\\:px-6\]\:px-0 .sm\\:px-6 {
  padding-left: 0px;
  padding-right: 0px;
}

.\[\&_\.text-\\\\\[\\\\\#828282\\\\\]\]\:text-\[\#7c7795\] .text-\\[\\#828282\\] {
  --tw-text-opacity: 1;
  color: rgb(124 119 149 / var(--tw-text-opacity));
}

.\[\&_\.text-black\]\:\!pl-4 .text-black {
  padding-left: 1rem !important;
}

.\[\&_\.text-black\]\:text-\[\#1a1654\] .text-black {
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&_\.text-gray-500\]\:text-\[\#7c7795\] .text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(124 119 149 / var(--tw-text-opacity));
}

.\[\&_\.text-gray-700\]\:text-\[\#1a1654\] .text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&_\.text-gray-800\]\:text-\[\#1a1654\] .text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&_\.w-\\\\\[95\\\\\%\\\\\]\]\:w-full .w-\\[95\\%\\] {
  width: 100%;
}

.\[\&_a\]\:text-\[\#6366f1\] a {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity));
}

.\[\&_a\]\:text-\[\#7f56d9\] a {
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.\[\&_a\]\:text-skymod-brand-600 a {
  --tw-text-opacity: 1;
  color: rgb(127 86 217 / var(--tw-text-opacity));
}

.\[\&_a\]\:underline a {
  text-decoration-line: underline;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:inline-flex button.bg-\\[\\#6366F1\\] {
  display: inline-flex;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:items-center button.bg-\\[\\#6366F1\\] {
  align-items: center;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:gap-2 button.bg-\\[\\#6366F1\\] {
  gap: 0.5rem;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:rounded-\[9px\] button.bg-\\[\\#6366F1\\] {
  border-radius: 9px;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:border button.bg-\\[\\#6366F1\\] {
  border-width: 1px;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:border-\[\#6366f1\] button.bg-\\[\\#6366F1\\] {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:bg-\[\#6366f1\] button.bg-\\[\\#6366F1\\] {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:px-3\.5 button.bg-\\[\\#6366F1\\] {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:py-2 button.bg-\\[\\#6366F1\\] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:font-montserrat button.bg-\\[\\#6366F1\\] {
  font-family: Montserrat, sans-serif;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:\!text-sky-t1 button.bg-\\[\\#6366F1\\] {
  font-size: 11px !important;
  line-height: 17px !important;
  letter-spacing: 0 !important;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:font-semibold button.bg-\\[\\#6366F1\\] {
  font-weight: 600;
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:text-white button.bg-\\[\\#6366F1\\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:shadow-none button.bg-\\[\\#6366F1\\] {
  --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);
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:hover\:bg-\[\#4f46e5\]:hover button.bg-\\[\\#6366F1\\] {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

.\[\&_button\.bg-\\\\\[\\\\\#6366F1\\\\\]\]\:hover\:shadow-none:hover button.bg-\\[\\#6366F1\\] {
  --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);
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:rounded-\[9px\] button.border-gray-200.text-gray-600 {
  border-radius: 9px;
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:border-\[\#d8d3e6\] button.border-gray-200.text-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(216 211 230 / var(--tw-border-opacity));
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:bg-white button.border-gray-200.text-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:px-3\.5 button.border-gray-200.text-gray-600 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:py-2 button.border-gray-200.text-gray-600 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:font-montserrat button.border-gray-200.text-gray-600 {
  font-family: Montserrat, sans-serif;
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:\!text-sky-t1 button.border-gray-200.text-gray-600 {
  font-size: 11px !important;
  line-height: 17px !important;
  letter-spacing: 0 !important;
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:font-semibold button.border-gray-200.text-gray-600 {
  font-weight: 600;
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:text-\[\#1a1654\] button.border-gray-200.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(26 22 84 / var(--tw-text-opacity));
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:shadow-none button.border-gray-200.text-gray-600 {
  --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);
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:hover\:border-\[\#d8d3e6\]:hover button.border-gray-200.text-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(216 211 230 / var(--tw-border-opacity));
}

.\[\&_button\.border-gray-200\.text-gray-600\]\:hover\:bg-\[\#f5f5fa\]:hover button.border-gray-200.text-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 250 / var(--tw-bg-opacity));
}

.\[\&_code\]\:rounded code {
  border-radius: 0.25rem;
}

.\[\&_code\]\:\!bg-transparent code {
  background-color: transparent !important;
}

.\[\&_code\]\:bg-\[\#f4f3ff\] code {
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 255 / var(--tw-bg-opacity));
}

.\[\&_code\]\:\!p-0 code {
  padding: 0px !important;
}

.\[\&_code\]\:px-1 code {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.\[\&_code\]\:py-0\.5 code {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.\[\&_code\]\:text-\[0\.9em\] code {
  font-size: 0.9em;
}

.\[\&_div\[role\=button\]\]\:\!h-11 div[role=button] {
  height: 2.75rem !important;
}

.\[\&_div\[role\=button\]\]\:\!rounded-lg div[role=button] {
  border-radius: var(--radius) !important;
}

.\[\&_h1\]\:font-montserrat h1 {
  font-family: Montserrat, sans-serif;
}

.\[\&_h1\]\:text-sky-h1 h1 {
  font-size: 23px;
  line-height: 31px;
  letter-spacing: 0;
}

.\[\&_h2\]\:font-montserrat h2 {
  font-family: Montserrat, sans-serif;
}

.\[\&_h2\]\:text-sky-b2 h2 {
  font-size: 19px;
  line-height: 29px;
  letter-spacing: 0;
}

.\[\&_h3\]\:font-montserrat h3 {
  font-family: Montserrat, sans-serif;
}

.\[\&_h3\]\:text-sky-b1 h3 {
  font-size: 17px;
  line-height: 27px;
  letter-spacing: 0;
}

.\[\&_iframe\]\:\!m-0 iframe {
  margin: 0px !important;
}

.\[\&_iframe\]\:\!h-11 iframe {
  height: 2.75rem !important;
}

.\[\&_iframe\]\:\!w-full iframe {
  width: 100% !important;
}

.\[\&_input\:-webkit-autofill\:focus\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#ffffff_inset\] input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

.\[\&_input\:-webkit-autofill\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#f5f5fa_inset\] input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #f5f5fa inset;
}

.\[\&_input\:-webkit-autofill\]\:\[-webkit-box-shadow\:0_0_0_1000px_\#ffffff_inset\] input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

.\[\&_input\:-webkit-autofill\]\:\[-webkit-text-fill-color\:\#1a1654\] input:-webkit-autofill {
  -webkit-text-fill-color: #1a1654;
}

.\[\&_input\]\:h-10 input {
  height: 2.5rem;
}

.\[\&_input\]\:border-\[\#ebe9fe\] input {
  --tw-border-opacity: 1;
  border-color: rgb(235 233 254 / var(--tw-border-opacity));
}

.\[\&_input\]\:text-sky-t1 input {
  font-size: 11px;
  line-height: 17px;
  letter-spacing: 0;
}

.\[\&_li\]\:my-0\.5 li {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.\[\&_li\]\:font-montserrat li {
  font-family: Montserrat, sans-serif;
}

.\[\&_li\]\:text-sky-t2 li {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
}

.\[\&_li\]\:text-skymod-gray-900 li {
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.\[\&_ol\]\:my-1 ol {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&_ol\]\:list-decimal ol {
  list-style-type: decimal;
}

.\[\&_ol\]\:pl-4 ol {
  padding-left: 1rem;
}

.\[\&_p\+p\]\:mt-2 p+p {
  margin-top: 0.5rem;
}

.\[\&_p\:last-child\]\:mb-0 p:last-child {
  margin-bottom: 0px;
}

.\[\&_p\]\:m-0 p {
  margin: 0px;
}

.\[\&_p\]\:mb-0 p {
  margin-bottom: 0px;
}

.\[\&_p\]\:mb-3\.5 p {
  margin-bottom: 0.875rem;
}

.\[\&_p\]\:font-montserrat p {
  font-family: Montserrat, sans-serif;
}

.\[\&_p\]\:text-sky-t2 p {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 0;
}

.\[\&_p\]\:text-skymod-gray-900 p {
  --tw-text-opacity: 1;
  color: rgb(24 29 39 / var(--tw-text-opacity));
}

.\[\&_pre\]\:\!m-0 pre {
  margin: 0px !important;
}

.\[\&_pre\]\:\!bg-white pre {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.\[\&_pre\]\:\!p-0 pre {
  padding: 0px !important;
}

.\[\&_span\]\:bg-purple-500 span {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}

.\[\&_strong\]\:font-semibold strong {
  font-weight: 600;
}

.\[\&_strong\]\:text-\[\#4b4766\] strong {
  --tw-text-opacity: 1;
  color: rgb(75 71 102 / var(--tw-text-opacity));
}

.\[\&_strong\]\:text-stone-700 strong {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity));
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:\!size-3 svg:not([class*='size-']) {
  width: 0.75rem !important;
  height: 0.75rem !important;
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:\!size-3\.5 svg:not([class*='size-']) {
  width: 0.875rem !important;
  height: 0.875rem !important;
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:\!size-4 svg:not([class*='size-']) {
  width: 1rem !important;
  height: 1rem !important;
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:\!size-5 svg:not([class*='size-']) {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}

.\[\&_svg\]\:block svg {
  display: block;
}

.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}

.\[\&_svg\]\:size-5 svg {
  width: 1.25rem;
  height: 1.25rem;
}

.\[\&_svg\]\:h-auto svg {
  height: auto;
}

.\[\&_svg\]\:max-h-full svg {
  max-height: 100%;
}

.\[\&_svg\]\:w-auto svg {
  width: auto;
}

.\[\&_svg\]\:max-w-full svg {
  max-width: 100%;
}

.\[\&_svg\]\:\!shrink-0 svg {
  flex-shrink: 0 !important;
}

.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

.\[\&_svg\]\:\!text-current svg {
  color: currentColor !important;
}

.\[\&_svg\]\:text-\[\#d92d20\] svg {
  --tw-text-opacity: 1;
  color: rgb(217 45 32 / var(--tw-text-opacity));
}

.hover\:\[\&_svg\]\:text-\[\#b42318\] svg:hover {
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity));
}

.\[\&_td\]\:font-semibold td {
  font-weight: 600;
}

.\[\&_td\]\:text-\[\#3d4fc4\] td {
  --tw-text-opacity: 1;
  color: rgb(61 79 196 / var(--tw-text-opacity));
}

.\[\&_textarea\]\:text-sky-t1 textarea {
  font-size: 11px;
  line-height: 17px;
  letter-spacing: 0;
}

.\[\&_thead\]\:sticky thead {
  position: sticky;
}

.\[\&_thead\]\:top-0 thead {
  top: 0px;
}

.\[\&_thead\]\:z-10 thead {
  z-index: 10;
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0px;
}

.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}

.\[\&_ul\]\:my-1 ul {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.\[\&_ul\]\:list-disc ul {
  list-style-type: disc;
}

.\[\&_ul\]\:pl-4 ul {
  padding-left: 1rem;
}

[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
  right: -0.5rem;
}

[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}

[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}

[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
  left: -0.5rem;
}

[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
  cursor: w-resize;
}

[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
  cursor: e-resize;
}

li .\[li_\&\]\:pl-6 {
  padding-left: 1.5rem;
}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: grab;
}
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge:focus .react-flow__edge-path,
  .react-flow__edge:focus-visible .react-flow__edge-path {
    stroke: #555;
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge-textbg {
    fill: white;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: grab;
}
.react-flow__node.dragging {
    cursor: grabbing;
  }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-top {
    left: 50%;
    top: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-left {
    top: 50%;
    left: -4px;
    transform: translate(0, -50%);
  }
.react-flow__handle-right {
    right: -4px;
    top: 50%;
    transform: translate(0, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}
.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
    }
.react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: 0 0 0 0.5px #1a192b;
    }
.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
    border: none;
    background: #fefefe;
    border-bottom: 1px solid #eee;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 5px;
  }
.react-flow__controls-button:hover {
      background: #f4f4f4;
    }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__minimap {
  background-color: #fff;
}
.react-flow__minimap svg {
  display: block;
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
/* Deliberately scoped to Listener content and its portalled dialogs, never the app shell. */
.listener-inner {
  --ls-ink: #1a1654;
  --ls-primary: #201768;
  --ls-soft: #5c5775;
  --ls-muted: #7c7795;
  --ls-faint: #9994ac;
  --ls-accent: #6366f1;
  --ls-accent-bg: #eef0fe;
  --ls-bg: #f5f5fa;
  --ls-border: #ece9f4;
  --ls-border-strong: #d8d3e6;
  color: var(--ls-ink);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  line-height: 1.5;
}
.listener-inner.ls-page { width: 100%; max-width: 1320px; min-height: 100%; margin: 0 auto; padding: 32px 40px 60px; background: #fff; }
.listener-inner .ls-page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.listener-inner .ls-page-heading h1 { color: var(--ls-ink); font-size: 24px; font-weight: 700; letter-spacing: -.01em; margin: 0 0 6px; line-height: 1.35; }
.listener-inner .ls-page-heading p { color: var(--ls-soft); font-size: 13.5px; line-height: 1.6; max-width: 650px; margin: 0; }
.listener-inner .ls-button, .listener-inner .ls-text-button, .listener-inner .ls-icon-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: 8px; font: inherit; cursor: pointer; transition: background .15s, border-color .15s; }
.listener-inner .ls-button { border: 1px solid var(--ls-border-strong); padding: 9px 16px; font-weight: 600; font-size: 13px; white-space: nowrap; background: #fff; color: var(--ls-ink); }
.listener-inner .ls-button:hover:not(:disabled) { background: var(--ls-bg); border-color: var(--ls-muted); }
.listener-inner .ls-primary { background: var(--ls-primary); border-color: var(--ls-primary); color: #fff; }
.listener-inner .ls-primary:hover:not(:disabled) { background: #1a1256; border-color: #1a1256; }
.listener-inner .ls-small { padding: 6px 11px; font-size: 12px; }
.listener-inner .ls-text-button { padding: 7px 9px; border: 0; color: var(--ls-soft); background: transparent; font-size: 12.5px; white-space: nowrap; }
.listener-inner .ls-icon-button { padding: 6px; border: 0; color: var(--ls-muted); background: transparent; }
.listener-inner .ls-text-button:hover:not(:disabled), .listener-inner .ls-icon-button:hover:not(:disabled) { background: var(--ls-bg); color: var(--ls-ink); }
.listener-inner button:disabled { cursor: not-allowed; opacity: .45; }
.listener-inner button:focus-visible, .listener-inner summary:focus-visible { outline: 2px solid var(--ls-accent); outline-offset: 3px; }
.listener-inner .ls-tabs { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid var(--ls-border); margin-bottom: 16px; }
.listener-inner .ls-tab { display: inline-flex; align-items: center; gap: 8px; padding: 11px 14px; background: none; color: var(--ls-muted); border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; font-size: 13px; cursor: pointer; }
.listener-inner .ls-tab.is-active { border-bottom-color: var(--ls-ink); color: var(--ls-ink); font-weight: 600; }
.listener-inner .ls-count { display: inline-flex; border-radius: 999px; padding: 0 6px; background: var(--ls-bg); color: var(--ls-soft); font-size: 10.5px; line-height: 1.6; }
.listener-inner .is-active .ls-count { background: var(--ls-accent-bg); color: var(--ls-accent); }
.listener-inner .ls-search { display: flex; align-items: center; gap: 10px; border: 1px solid var(--ls-border-strong); border-radius: 10px; padding: 9px 14px; margin-bottom: 12px; color: var(--ls-muted); }
.listener-inner .ls-search input { width: 100%; min-width: 0; outline: none; border: 0; background: transparent; font: inherit; color: var(--ls-ink); }
.listener-inner .ls-search input::-moz-placeholder { color: var(--ls-faint); }
.listener-inner .ls-search input::placeholder { color: var(--ls-faint); }
.listener-inner .ls-search:focus-within { border-color: var(--ls-accent); box-shadow: 0 0 0 3px var(--ls-accent-bg); }
.listener-inner .ls-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.listener-inner .ls-filters, .listener-inner .ls-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.listener-inner .ls-pill { padding: 5px 12px; border: 1px solid var(--ls-border-strong); border-radius: 999px; font-size: 12px; color: var(--ls-soft); background: #fff; cursor: pointer; }
.listener-inner .ls-pill:hover { background: var(--ls-bg); }
.listener-inner .ls-pill.is-active { background: var(--ls-ink); border-color: var(--ls-ink); color: #fff; }
.listener-inner .ls-table-wrap { border: 1px solid var(--ls-border); border-radius: 14px; overflow: hidden; background: #fff; }
.listener-inner .ls-table-scroll { overflow-x: auto; }
.listener-inner .ls-table { width: 100%; min-width: 820px; border-collapse: collapse; font-size: 12.5px; text-align: left; }
.listener-inner .ls-table th { background: #fbfafd; color: var(--ls-muted); font-size: 11px; letter-spacing: .025em; font-weight: 600; padding: 10px 14px; border-bottom: 1px solid var(--ls-border); white-space: nowrap; }
.listener-inner .ls-table td { padding: 13px 14px; border-bottom: 1px solid var(--ls-border); vertical-align: middle; max-width: 290px; overflow-wrap: anywhere; }
.listener-inner .ls-table tr:last-child td { border-bottom: none; }
.listener-inner .ls-clickable-row { cursor: pointer; }
.listener-inner .ls-clickable-row:hover td { background: #fcfbfe; }
.listener-inner .ls-name { color: var(--ls-ink); font-weight: 600; }
.listener-inner .ls-name-button { background: none; border: 0; padding: 0; font: inherit; font-weight: 600; color: var(--ls-ink); text-align: left; cursor: pointer; }
.listener-inner .ls-name-button:hover { color: var(--ls-accent); }
.listener-inner .ls-secondary { color: var(--ls-muted); font-size: 11px; margin-top: 2px; }
.listener-inner .ls-id { font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; color: var(--ls-faint); font-size: 10.5px; margin-top: 2px; }
.listener-inner .ls-muted { color: var(--ls-muted); }
.listener-inner .ls-nowrap { white-space: nowrap; }
.listener-inner .ls-mono { font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 12px; }
.listener-inner .ls-summary { max-width: 280px; font-weight: 400; overflow-wrap: anywhere; }
.listener-inner .ls-source { display: flex; align-items: center; gap: 9px; }
.listener-inner .ls-source-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 27px; height: 27px; border-radius: 7px; }
.listener-inner .ls-source-schedule { background: var(--ls-accent-bg); color: var(--ls-accent); }
.listener-inner .ls-source-mail { background: #ecfdf5; color: #059669; }
.listener-inner .ls-source-sharepoint { background: #fff1e8; color: #ea580c; }
.listener-inner .ls-source-webhook { background: #f4f1fe; color: #7c3aed; }
.listener-inner .ls-status { display: inline-flex; gap: 5px; align-items: center; padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; white-space: nowrap; }
.listener-inner .ls-status-ok { background: #ecfdf5; color: #047857; }
.listener-inner .ls-status-error { background: #fef2f2; color: #dc2626; }
.listener-inner .ls-status-warn { background: #fffbeb; color: #a16207; }
.listener-inner .ls-status-info { background: var(--ls-accent-bg); color: #4f46e5; }
.listener-inner .ls-status-muted { background: var(--ls-bg); color: var(--ls-soft); }
.listener-inner .ls-spark { height: 22px; display: flex; align-items: center; gap: 2px; }
.listener-inner .ls-spark i { width: 5px; height: 15px; border-radius: 2px; background: #ddd9e8; }
.listener-inner .ls-spark .ls-bar-ok { background: #a5b4fc; }
.listener-inner .ls-spark .ls-bar-error { background: #fca5a5; }
.listener-inner .ls-spark .ls-bar-warn { background: #fcd34d; }
.listener-inner .ls-spark .ls-bar-info { background: #c7d2fe; }
.listener-inner .ls-pager { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 10px 14px; background: #fbfafd; border-top: 1px solid var(--ls-border); color: var(--ls-muted); font-size: 11.5px; }
.listener-inner .ls-pager label { display: flex; align-items: center; gap: 6px; }
.listener-inner .ls-pager select { background: #fff; border: 1px solid var(--ls-border-strong); border-radius: 6px; padding: 3px 7px; color: var(--ls-ink); }
.listener-inner .ls-pager-position { margin-left: auto; }
.listener-inner .ls-empty { display: flex; flex-direction: column; align-items: center; padding: 48px 20px; text-align: center; color: var(--ls-muted); gap: 10px; }
.listener-inner .ls-empty h2 { font-size: 14px; font-weight: 600; color: var(--ls-ink); margin: 0; }
.listener-inner .ls-empty p { max-width: 380px; font-size: 12px; margin: 0; }
.listener-inner .ls-empty-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--ls-accent-bg); color: var(--ls-accent); border-radius: 13px; margin-bottom: 4px; }
.listener-inner .ls-footnote { display: flex; align-items: center; gap: 6px; color: var(--ls-muted); font-size: 11px; margin-top: 12px; }
.listener-inner .ls-footnote svg, .listener-inner .ls-alert svg { flex-shrink: 0; }
.listener-inner .ls-alert { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid transparent; border-radius: 10px; margin: 0 0 16px; font-size: 12px; }
.listener-inner .ls-alert .ls-text-button { margin-left: auto; }
.listener-inner .ls-alert-error { background: #fef2f2; border-color: #fee2e2; color: #991b1b; }
.listener-inner .ls-alert-success { background: #ecfdf5; color: #047857; }
.listener-inner .ls-alert-warning { background: #fffbeb; border-color: #fef3c7; color: #92400e; }
.listener-inner.ls-dialog { display: flex; flex-direction: column; gap: 0; padding: 0; border: 1px solid var(--ls-border-strong); border-radius: 16px; max-height: calc(100dvh - 48px); width: calc(100vw - 32px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; background: #fff; box-shadow: 0 30px 80px -30px rgba(20,17,60,.35); }
.listener-inner.ls-wizard { max-width: 900px; }
.listener-inner.ls-editor { max-width: 560px; top: 76px; bottom: 18px; right: 18px; left: auto; transform: none; max-height: calc(100dvh - 94px); animation: none; }
.listener-inner .ls-dialog-heading { padding: 24px 40px 14px 28px; text-align: left; flex-shrink: 0; }
.listener-inner .ls-dialog-heading h2 { font-size: 18px; font-weight: 700; color: var(--ls-ink); }
.listener-inner .ls-dialog-heading p { color: var(--ls-soft); font-size: 12.5px; line-height: 1.6; margin-top: 5px; }
.listener-inner .ls-steps { display: flex; align-items: center; gap: 12px; margin: 0 28px 18px; font-size: 12px; color: var(--ls-muted); flex-shrink: 0; }
.listener-inner .ls-steps > span { display: inline-flex; align-items: center; gap: 6px; }
.listener-inner .ls-steps .is-active { color: var(--ls-ink); font-weight: 600; }
.listener-inner .ls-steps i { width: 19px; height: 19px; display: inline-flex; justify-content: center; align-items: center; font-style: normal; font-size: 10px; border-radius: 50%; background: var(--ls-bg); }
.listener-inner .ls-steps .is-active i { background: var(--ls-ink); color: #fff; }
.listener-inner .ls-step-line { width: 24px; height: 1px; background: var(--ls-border-strong); }
.listener-inner .ls-editor-form { display: flex; flex-direction: column; flex: none; }
.listener-inner .ls-form-body { padding: 20px 28px; background: #fbfafd; border: 0; margin: 0; min-width: 0; overflow: visible; flex: none; }
.listener-inner .ls-source-picker { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; padding: 4px 0 10px; }
.listener-inner .ls-source-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; border: 1px solid var(--ls-border-strong); border-radius: 14px; padding: 16px 12px; text-align: left; background: #fff; color: var(--ls-ink); cursor: pointer; }
.listener-inner .ls-source-card:hover { border-color: var(--ls-muted); }
.listener-inner .ls-source-card.is-active { border-color: var(--ls-accent); box-shadow: 0 0 0 3px var(--ls-accent-bg); background: #f4f5fe; }
.listener-inner .ls-source-card .ls-source-icon { height: 40px; width: 40px; border-radius: 11px; margin-bottom: 6px; }
.listener-inner .ls-source-card .ls-source-icon svg { width: 22px; height: 22px; }
.listener-inner .ls-source-card b { font-size: 12.5px; font-weight: 700; }
.listener-inner .ls-source-card > span:last-of-type { color: var(--ls-muted); font-size: 11.5px; line-height: 1.55; }
.listener-inner .ls-source-check { position: absolute; top: 8px; right: 8px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--ls-accent); border-radius: 50%; }
.listener-inner .ls-section { padding: 16px 18px; background: #fff; border: 1px solid var(--ls-border); border-radius: 12px; margin-bottom: 12px; }
.listener-inner .ls-section h3 { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 700; margin: 0 0 14px; }
.listener-inner .ls-section h3 > span { color: var(--ls-accent); font: 11px ui-monospace, monospace; }
.listener-inner .ls-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; color: var(--ls-soft); font-size: 12px; font-weight: 600; }
.listener-inner .ls-field:last-child { margin-bottom: 0; }
.listener-inner .ls-input { width: 100%; min-width: 0; border: 1px solid var(--ls-border-strong); border-radius: 8px; padding: 9px 11px; background: #fff; color: var(--ls-ink); outline: none; font-size: 13px; font-weight: 400; }
.listener-inner textarea.ls-input { line-height: 1.65; resize: vertical; min-height: 76px; }
.listener-inner .ls-input:focus { border-color: var(--ls-accent); box-shadow: 0 0 0 3px var(--ls-accent-bg); }
.listener-inner .ls-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.listener-inner .ls-grid-full { grid-column: 1 / -1; }
.listener-inner .ls-help { color: var(--ls-muted); font-size: 11.5px; font-weight: 400; line-height: 1.6; margin: 6px 0 12px; }
.listener-inner .ls-selected-source { display: flex; gap: 8px; align-items: center; margin-bottom: 14px; font-size: 12px; }
.listener-inner .ls-connection-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px; }
.listener-inner .ls-connection-row .ls-field { margin-bottom: 0; }
.listener-inner .ls-advanced { border-top: 1px dashed var(--ls-border); margin-top: 12px; padding-top: 8px; }
.listener-inner .ls-advanced summary { color: var(--ls-muted); font-size: 12px; font-weight: 600; padding: 4px 0; cursor: pointer; }
.listener-inner .ls-advanced-body { padding-top: 12px; }
.listener-inner .ls-filter-row { display: grid; grid-template-columns: 1fr 110px 1fr 28px; align-items: center; gap: 6px; margin-bottom: 8px; }
.listener-inner .ls-filter-row .ls-input { font-size: 11.5px; padding: 7px; }
.listener-inner .ls-advanced-body > .ls-field { margin-top: 12px; }
.listener-inner .ls-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.listener-inner .ls-chips button { border: 1px solid #dde0fb; background: var(--ls-accent-bg); color: #4f46e5; font: 11px ui-monospace, monospace; border-radius: 6px; padding: 4px 8px; cursor: pointer; }
.listener-inner .ls-chips button:hover { background: #e0e3fd; }
.listener-inner .ls-check { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; font-size: 12px; color: var(--ls-ink); }
.listener-inner .ls-check input { margin-top: 3px; accent-color: var(--ls-accent); flex-shrink: 0; }
.listener-inner .ls-check small { display: block; color: var(--ls-muted); font-size: 11px; margin-top: 3px; }
.listener-inner .ls-enable { padding: 10px 4px; }
.listener-inner .ls-form-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.listener-inner .ls-sample-error { color: #991b1b; font-size: 12px; margin: 6px 0; }
.listener-inner .ls-test-confirm { background: #fffbeb; border: 1px solid #fef3c7; border-radius: 10px; color: #92400e; font-size: 12px; margin-top: 12px; padding: 12px; }
.listener-inner .ls-test-confirm p { margin: 0 0 10px; }
.listener-inner .ls-preview { background: #15113d; color: #e7e4f5; border-radius: 10px; padding: 14px 16px; white-space: pre-wrap; overflow-wrap: anywhere; overflow: auto; max-height: 240px; font: 12px/1.65 ui-monospace, monospace; margin-top: 12px; }
.listener-inner .ls-dialog-footer { position: sticky; bottom: 0; z-index: 10; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 14px 24px; border-top: 1px solid var(--ls-border); background: #fff; flex-shrink: 0; }
.listener-inner .ls-footer-actions { margin-left: auto; display: flex; gap: 8px; }
.listener-inner .ls-save-hint { color: var(--ls-muted); font-size: 10.5px; }
.listener-inner.ls-compact-dialog { max-width: 560px; padding: 24px; gap: 16px; overflow-y: auto; }
.listener-inner .ls-spin { animation: ls-spin 1s linear infinite; }
@keyframes ls-spin { to { transform: rotate(360deg); } }
@media (max-width: 900px) {
  .listener-inner.ls-page { padding: 24px; }
  .listener-inner .ls-source-picker { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .listener-inner.ls-page { padding: 22px 16px 40px; }
  .listener-inner .ls-page-heading { flex-direction: column; gap: 16px; }
  .listener-inner .ls-page-heading h1 { font-size: 22px; }
  .listener-inner .ls-page-heading p { font-size: 12.5px; }
  .listener-inner .ls-tab { padding: 10px 8px; font-size: 11.5px; gap: 5px; }
  .listener-inner .ls-pager-position { margin-left: 0; }
  .listener-inner .ls-footnote { align-items: flex-start; }
  .listener-inner.ls-editor { top: 16px; bottom: 16px; right: 16px; max-height: calc(100dvh - 32px); }
  .listener-inner .ls-dialog-heading { padding: 22px 34px 14px 18px; }
  .listener-inner .ls-steps { margin-left: 18px; margin-right: 18px; }
  .listener-inner .ls-form-body { padding: 16px; }
  .listener-inner .ls-section { padding: 14px 12px; }
  .listener-inner .ls-source-picker { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .listener-inner .ls-grid-two { grid-template-columns: 1fr; }
  .listener-inner .ls-filter-row { grid-template-columns: 1fr 1fr; }
  .listener-inner .ls-connection-row { grid-template-columns: 1fr; align-items: stretch; }
  .listener-inner .ls-dialog-footer { padding: 12px 16px; }
  .listener-inner .ls-alert { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .listener-inner .ls-spin { animation: none; }
}
.skystudio-chat2 .workspace-root {
  height: 100%;
}
.skystudio-chat2 .account-gate {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--bg, #f8f9fb);
}
.skystudio-chat2 .account-form {
  width: min(100%, 420px);
  display: grid;
  gap: 18px;
}
.skystudio-chat2 .account-form h1 {
  margin: 0;
}
.skystudio-chat2 .account-form p,
.skystudio-chat2 .memory-intro,
.skystudio-chat2 .memory-header p {
  color: #6b7280;
  line-height: 1.6;
}
.skystudio-chat2 .account-form label,
.skystudio-chat2 .memory-editor label,
.skystudio-chat2 .workspace-management form label {
  display: grid;
  gap: 7px;
  font-size: 14px;
}
.skystudio-chat2 .account-form input:not([type="checkbox"]),
.skystudio-chat2 .memory-page input:not([type="checkbox"]),
.skystudio-chat2 .memory-page textarea,
.skystudio-chat2 .workspace-select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #dce0e5;
  border-radius: 9px;
  background: white;
  color: #18202a;
  font: inherit;
}
.skystudio-chat2 .account-form button,
.skystudio-chat2 .memory-page button:not(.icon-button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #dce0e5;
  border-radius: 8px;
  background: white;
  color: #263344;
  padding: 8px 12px;
  font: inherit;
  cursor: pointer;
}
.skystudio-chat2 .account-form button[type="submit"],
.skystudio-chat2 .memory-editor button[type="submit"] {
  background: #223d5b;
  border-color: #223d5b;
  color: white;
}
.skystudio-chat2 .memory-page button:disabled,
.skystudio-chat2 .account-form button:disabled {
  opacity: 0.5;
  cursor: default;
}
.skystudio-chat2 .memory-check {
  display: flex !important;
  flex-direction: row;
  align-items: flex-start;
  gap: 9px !important;
  line-height: 1.5;
}
.skystudio-chat2 .memory-check input {
  margin-top: 4px;
  flex: 0 0 auto;
}
.skystudio-chat2 .account-form small,
.skystudio-chat2 .memory-page small {
  color: #697789;
  line-height: 1.5;
}
.skystudio-chat2 .memory-page {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  padding: 28px max(24px, calc((100% - 1060px) / 2));
}
.skystudio-chat2 .memory-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
}
.skystudio-chat2 .memory-header > div {
  flex: 1;
}
.skystudio-chat2 .memory-header h1,
.skystudio-chat2 .workspace-management h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
}
.skystudio-chat2 .memory-header h1 {
  font-size: 23px;
}
.skystudio-chat2 .memory-header p {
  margin: 5px 0 0;
  font-size: 13px;
}
.skystudio-chat2 .memory-tabs,
.skystudio-chat2 .memory-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.skystudio-chat2 .memory-tabs {
  margin: 20px 0;
}
.skystudio-chat2 .memory-tabs button[aria-pressed="true"] {
  background: #e8eff6;
  border-color: #a9bdd1;
}
.skystudio-chat2 .memory-tabs span {
  font-size: 12px;
  opacity: 0.7;
}
.skystudio-chat2 .memory-editor {
  display: grid;
  gap: 12px;
  margin-bottom: 26px;
}
.skystudio-chat2 .memory-editor textarea {
  resize: vertical;
}
.skystudio-chat2 .memory-list {
  display: grid;
  gap: 18px;
}
.skystudio-chat2 .memory-item {
  padding: 18px 0;
  border-top: 1px solid #e3e7ec;
}
.skystudio-chat2 .memory-item[data-selected="true"] {
  border-radius: 8px;
  outline: 2px solid #8d77d4;
  outline-offset: 4px;
}
.skystudio-chat2 .memory-item p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.65;
}
.skystudio-chat2 .memory-item-meta,
.skystudio-chat2 .memory-member {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
}
.skystudio-chat2 .memory-item-meta {
  color: #607085;
}
.skystudio-chat2 .memory-page pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 12px;
  max-height: 350px;
  overflow-y: auto;
}
.skystudio-chat2 .memory-page details {
  margin-top: 12px;
  font-size: 13px;
}
.skystudio-chat2 .memory-error {
  background: #fff0ee;
  color: #963d31;
  padding: 12px;
  border-radius: 8px;
}
.skystudio-chat2 .memory-empty {
  color: #6b7280;
  padding: 15px 0;
}
.skystudio-chat2 .workspace-management {
  border-top: 1px solid #dce0e5;
  margin-top: 28px;
  padding-top: 26px;
  display: grid;
  gap: 20px;
}
.skystudio-chat2 .workspace-management h2 {
  font-size: 18px;
}
.skystudio-chat2 .workspace-management form {
  display: grid;
  gap: 10px;
}
.skystudio-chat2 .workspace-management form button {
  justify-self: start;
}
.skystudio-chat2 .memory-member {
  padding: 12px 0;
  border-bottom: 1px solid #eef0f3;
}
.skystudio-chat2 .workspace-controls {
  display: grid;
  min-width: 0;
  gap: 7px;
  flex: 1;
}
.skystudio-chat2 .workspace-select {
  font-size: 12px;
  padding: 6px;
}
.skystudio-chat2 .workspace-controls small {
  overflow-wrap: anywhere;
}
.skystudio-chat2 .workspace-logout {
  border: 0;
  background: none;
  text-align: left;
  font-size: 12px;
  color: #687687;
  padding: 0;
  cursor: pointer;
}
.skystudio-chat2 .profile-editor {
  max-width: 1040px;
  margin: 20px auto;
}
.skystudio-chat2 .runtime-context-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 12px;
  margin: 16px 0;
}
.skystudio-chat2 .profile-editor h2 small {
  font-weight: 400;
  opacity: 0.65;
}
.skystudio-chat2 .profile-editor textarea {
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--border-color, #ddd);
  background: transparent;
  color: inherit;
  font:
    14px / 1.6 ui-monospace,
    monospace;
}
.skystudio-chat2 .profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0;
}
.skystudio-chat2 .profile-editor .profile-actions button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.skystudio-chat2 .profile-editor pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding: 12px;
  border: 1px solid var(--border-color, #ddd);
  border-radius: 8px;
}
.skystudio-chat2 .profile-compare {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 12px;
}
@media (max-width: 700px) {
  .skystudio-chat2 .memory-page {
    padding: 20px 16px;
  }
  .skystudio-chat2 .memory-header h1 {
    font-size: 20px;
  }
  .skystudio-chat2 .memory-tabs {
    gap: 6px;
  }
  .skystudio-chat2 .memory-tabs button {
    font-size: 12px !important;
  }
}
/**
 * Portaled composer/model menus mount on document.body under .chat2-menu-portal-host.
 * Host Tailwind/preflight can override scoped bundle rules — these selectors start
 * with .skystudio-chat2 so the embed PostCSS plugin does not double-prefix them.
 */
.skystudio-chat2.chat2-menu-portal-host {
  position: fixed;
  inset: 0;
  z-index: 500;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  pointer-events: none;
  background: transparent !important;
  border: none;
  box-shadow: none;
  isolation: isolate;
  font-family: var(--sky-font-family, Montserrat, sans-serif);
  color: var(--sky-ink, #1a1654);
}

.skystudio-chat2.chat2-menu-portal-host > * {
  pointer-events: auto;
}

/* —— Composer + menu —— */
.skystudio-chat2.chat2-menu-portal-host .composer-plus-menu.composer-plus-menu--portal {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-height: 0;
  overflow: visible;
  pointer-events: auto;
  box-sizing: border-box;
}

.skystudio-chat2.chat2-menu-portal-host .workflow-mention-menu--portal {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: min(288px, calc(100vw - 32px));
  max-height: min(360px, var(--composer-plus-available-h, 320px));
  padding: 8px 8px 6px;
  overflow: hidden;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: var(--sky-radius-xl, 12px);
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-dropdown, 0 24px 56px -16px rgb(20 17 60 / 35%));
  pointer-events: auto;
}

.skystudio-chat2.chat2-menu-portal-host
  .workflow-mention-menu--portal.composer-plus-flyout {
  border: 1px solid var(--sky-border, #ece9f4);
  box-shadow: var(--sky-shadow-dropdown, 0 24px 56px -16px rgb(20 17 60 / 35%));
}

.skystudio-chat2.chat2-menu-portal-host .workflow-mention-menu--portal .composer-plus-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-panel {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: min(272px, calc(100vw - 48px));
  max-height: min(576px, var(--composer-plus-available-h, 420px));
  padding: 6px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: var(--sky-radius-xl, 12px);
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-dropdown, 0 24px 56px -16px rgb(20 17 60 / 35%));
  box-sizing: border-box;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  margin: 0;
  border: 0;
  border-radius: var(--sky-radius-lg, 10px);
  color: var(--sky-ink, #1a1654);
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-item-label {
  flex: 1;
  min-width: 0;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-item-label strong {
  display: block;
  font-size: var(--sky-t1, 11px);
  font-weight: var(--sky-weight-medium, 500);
  line-height: 17px;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-item-label small {
  display: block;
  margin-top: 1px;
  color: var(--sky-muted, #7c7795);
  font-size: 11px;
  line-height: 16px;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-divider {
  flex-shrink: 0;
  height: 1px;
  margin: 6px 8px;
  background: var(--sky-border, #ece9f4);
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-memory {
  flex-shrink: 0;
  padding: 4px 8px 8px;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-memory-title-row {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-info-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  color: var(--sky-focus);
  background: transparent;
  cursor: help;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-info:hover,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-info:focus-visible {
  color: var(--sky-brand);
  background: rgb(91 95 199 / 10%);
  outline: none;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-info-tooltip {
  pointer-events: none;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  z-index: 120;
  width: -moz-max-content;
  width: max-content;
  max-width: 240px;
  padding: 8px 10px;
  transform: translateX(-50%) translateY(4px);
  border-radius: var(--sky-radius-lg);
  color: #f4f3ff;
  font-size: 11px;
  line-height: 1.45;
  text-align: left;
  background: #1a1633;
  box-shadow: 0 8px 24px rgb(16 24 40 / 28%);
  opacity: 0;
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-info-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #1a1633;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-info-wrap:hover .composer-plus-info-tooltip,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-info-wrap:focus-within .composer-plus-info-tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-memory-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout {
  position: absolute;
  top: 0;
  left: calc(100% + 8px);
  display: flex;
  flex-direction: column;
  width: min(256px, calc(100vw - 48px));
  max-height: min(576px, var(--composer-plus-available-h, 420px));
  min-height: 0;
  padding: 8px 6px 6px 10px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: var(--sky-radius-xl, 12px);
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-dropdown, 0 24px 56px -16px rgb(20 17 60 / 35%));
  z-index: 2;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--left {
  left: auto;
  right: calc(100% + 8px);
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.skystudio-chat2.chat2-menu-portal-host button.composer-plus-item {
  cursor: pointer;
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-item:hover:not(:disabled),
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item:focus-visible:not(:disabled),
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item[aria-expanded="true"] {
  background: var(--sky-hover, #f4f2fb);
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-item.selected,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item[aria-pressed="true"] {
  background: #eef0ff;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-item.selected:hover:not(:disabled),
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item[aria-pressed="true"]:hover:not(:disabled) {
  background: #e8e4ff;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-item svg:first-child {
  flex-shrink: 0;
  color: var(--sky-brand, #201768);
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-item-chevron {
  flex-shrink: 0;
  color: var(--sky-muted, #7c7795);
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-badge {
  flex-shrink: 0;
  min-width: 18px;
  padding: 0 6px;
  border-radius: 999px;
  color: var(--sky-focus, #7f56d9);
  background: var(--sky-hover, #f4f2fb);
  font-size: 11px;
  font-weight: var(--sky-weight-semibold, 600);
  line-height: 18px;
  text-align: center;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout-heading {
  flex-shrink: 0;
  margin: 0 8px 6px;
  color: var(--sky-muted, #7c7795);
  font-size: 11px;
  font-weight: var(--sky-weight-semibold, 600);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--connectors,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--skills,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--tools,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--workflow {
  min-width: min(280px, calc(100vw - 48px));
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--tools,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--workflow {
  top: auto;
  bottom: 0;
  max-height: min(360px, calc(var(--composer-plus-available-h, 420px) - 24px));
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--tools .composer-plus-item,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--workflow .composer-plus-item {
  min-height: 30px;
  padding: 5px 8px;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--tools .composer-plus-item-label small,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--workflow .composer-plus-item-label small {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 15px;
}

.skystudio-chat2.chat2-menu-portal-host .workflow-menu-list .composer-plus-item svg:first-child {
  color: var(--sky-focus, #7f56d9);
}

.skystudio-chat2.chat2-menu-portal-host .workflow-menu-list > p {
  margin: 0;
  padding: 12px 10px;
  color: var(--sky-muted, #7c7795);
  font-size: 11px;
  line-height: 16px;
  text-align: center;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout > .composer-plus-search,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout-body > .composer-plus-search {
  flex-shrink: 0;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-search {
  box-sizing: border-box;
  width: calc(100% - 16px);
  margin: 0 8px 6px;
  padding: 7px 9px;
  font-size: var(--sky-t1, 11px);
  border: 1px solid var(--sky-border-input, #ddd9e8);
  border-radius: var(--sky-radius-lg, 10px);
  color: var(--sky-ink, #1a1654);
  background: var(--sky-surface, #fff);
  font: inherit;
  outline: none;
  box-shadow: none;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-search:focus,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-search:focus-visible {
  border-color: var(--sky-border-strong, #d0d5dd);
  outline: none;
  box-shadow: 0 0 0 2px var(--sky-accent-soft, #eef0fe);
}

.skystudio-chat2.chat2-menu-portal-host
  .workflow-mention-menu--portal
  .composer-plus-search:focus,
.skystudio-chat2.chat2-menu-portal-host
  .workflow-mention-menu--portal
  .composer-plus-search:focus-visible {
  border-color: var(--sky-border-strong, #d0d5dd);
  outline: none;
  box-shadow: none;
}

.skystudio-chat2.chat2-menu-portal-host
  .workflow-mention-menu--portal
  .composer-plus-flyout-heading {
  letter-spacing: var(--sky-tracking-default, normal);
  text-transform: none;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-search::-moz-placeholder {
  color: var(--sky-muted, #7c7795);
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-search::placeholder {
  color: var(--sky-muted, #7c7795);
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout .composer-plus-footer-link {
  flex-shrink: 0;
  margin-top: auto;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-empty-hint {
  padding: 8px 10px;
  color: var(--sky-muted, #7c7795);
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-toggle {
  position: relative;
  flex-shrink: 0;
  width: 40px;
  height: 22px;
  margin-top: 0;
  border: 0;
  border-radius: 999px;
  background: var(--sky-gray-200, #e4e0f2);
  cursor: pointer;
  transition: background 0.15s ease;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-toggle[aria-checked="true"] {
  background: var(--sky-focus, #7f56d9);
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-toggle::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-sm, 0 1px 2px rgb(16 24 40 / 8%));
  transition: transform 0.15s ease;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-toggle[aria-checked="true"]::after {
  transform: translateX(18px);
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-toggle:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-footer-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 4px;
  padding: 8px 10px;
  border: 0;
  border-radius: var(--sky-radius-lg, 10px);
  color: var(--sky-focus, #7f56d9);
  background: transparent;
  font-size: var(--sky-t1, 11px);
  font-weight: var(--sky-weight-medium, 500);
  cursor: pointer;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-footer-link:hover {
  background: var(--sky-hover, #f4f2fb);
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-list {
  margin-top: 4px;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  min-height: 36px;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-row .composer-plus-item-label {
  flex: 1;
  min-width: 0;
}

.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  overflow: hidden;
}

.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 2px;
  box-sizing: border-box;
  -o-object-fit: contain;
     object-fit: contain;
}

.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--atlassian,
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--ms365,
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--slack,
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--gitlab {
  color: transparent;
  background: #fff;
  border: 1px solid #eaecf0;
  box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
}

.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--google {
  background: #4285f4;
}

.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--hubspot {
  background: #ff7a59;
}

.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--notion {
  background: #191919;
}

.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--fireflies {
  background: #7c3aed;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-status,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-error {
  margin: 4px 8px 0;
  color: var(--sky-muted, #7c7795);
  font-size: 11px;
  line-height: 16px;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-error button {
  border: 0;
  padding: 0;
  color: var(--sky-focus, #7f56d9);
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-required {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 8px 8px;
  padding: 8px;
  border-radius: var(--sky-radius-lg, 10px);
  color: var(--sky-ink, #1a1654);
  background: var(--sky-hover, #f4f2fb);
  font-size: 11px;
  line-height: 16px;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-required-dismiss {
  margin-left: auto;
  border: 0;
  padding: 0 4px;
  color: var(--sky-muted, #7c7795);
  background: transparent;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}

.skystudio-chat2.chat2-menu-portal-host .composer-plus-back {
  margin-bottom: 2px;
}

/* —— Model picker menu —— */
.skystudio-chat2.chat2-menu-portal-host .model-picker-menu.model-picker-menu--portal {
  display: flex;
  align-items: stretch;
  overflow: visible;
  pointer-events: auto;
  box-sizing: border-box;
}

.skystudio-chat2.chat2-menu-portal-host .model-picker-panel {
  display: flex;
  flex-direction: column;
  width: min(var(--model-picker-panel-w, 288px), calc(100vw - 48px));
  min-width: min(var(--model-picker-panel-w, 288px), calc(100vw - 48px));
  flex: 0 0 auto;
  max-height: min(576px, var(--model-picker-available-h, 52vh));
  min-height: 0;
  padding: 8px 6px 6px;
  overflow: hidden;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: var(--sky-radius-xl, 12px);
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-dropdown, 0 24px 56px -16px rgb(20 17 60 / 35%));
  box-sizing: border-box;
}

.skystudio-chat2.chat2-menu-portal-host .model-choice-row,
.skystudio-chat2.chat2-menu-portal-host .model-picker-meta-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
}

.skystudio-chat2.chat2-menu-portal-host .model-picker-flyout {
  position: absolute;
  top: auto;
  bottom: 0;
  left: calc(100% + 8px);
  z-index: 2;
}

.skystudio-chat2.chat2-menu-portal-host .model-picker-flyout--left {
  left: auto;
  right: calc(100% + 8px);
}
.skystudio-chat2 .app-shell .composer-plus-anchor {
  position: relative;
}

.skystudio-chat2 .app-shell .composer-plus-trigger {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  border: 0;
  border-radius: 7px;
  color: #1a1654;
  background: transparent;
  box-shadow: none;
}

.skystudio-chat2 .app-shell .composer-plus-trigger:hover:not(:disabled) {
  color: #1a1654;
  background: #f4f3ff;
}

.skystudio-chat2 .app-shell .composer-plus-trigger[aria-expanded="true"] {
  color: #5f68d6;
  background: #f5f7ff;
}

.skystudio-chat2 .app-shell .composer-plus-menu {
  position: absolute;
  left: 0;
  bottom: calc(100% + 10px);
  z-index: 80;
  display: flex;
  align-items: stretch;
  gap: 0;
  max-width: min(calc(100vw - 32px), 580px);
  pointer-events: none;
}

.skystudio-chat2 .app-shell .composer-plus-menu--portal {
  position: fixed;
  display: flex;
  align-items: stretch;
  pointer-events: auto;
  min-height: 0;
  isolation: isolate;
}

.skystudio-chat2 .app-shell .composer-plus-menu--portal .composer-plus-panel,
.skystudio-chat2 .app-shell .composer-plus-menu--portal .composer-plus-flyout {
  height: auto;
  max-height: min(576px, var(--composer-plus-available-h, 420px));
}

/* Fallback if overlay ever mounts outside .app-shell (should not happen). */
.skystudio-chat2 .composer-plus-menu.composer-plus-menu--portal {
  display: flex;
  align-items: stretch;
  pointer-events: auto;
}

.skystudio-chat2 .app-shell .composer-plus-menu > * {
  pointer-events: auto;
}

.skystudio-chat2 .app-shell .composer-plus-panel {
  width: min(272px, calc(100vw - 48px));
  max-height: min(480px, var(--composer-plus-available-h, calc(100dvh - 120px)));
  padding: 6px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-xl);
  color: var(--sky-ink);
  background: var(--sky-surface);
  box-shadow: var(--sky-shadow-dropdown);
  font-family: var(--sky-font-family);
}

.skystudio-chat2 .app-shell .composer-plus-flyout {
  display: flex;
  flex-direction: column;
  width: min(256px, calc(100vw - 48px));
  max-height: min(480px, var(--composer-plus-available-h, calc(100dvh - 120px)));
  min-height: 0;
  margin-left: 0;
  padding: 8px 6px 6px 10px;
  overflow: hidden;
  overscroll-behavior: contain;
  box-sizing: border-box;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-xl);
  color: var(--sky-ink);
  background: var(--sky-surface);
  box-shadow: var(--sky-shadow-dropdown);
}

.skystudio-chat2 .app-shell .composer-plus-flyout--connectors,
.skystudio-chat2 .app-shell .composer-plus-flyout--skills,
.skystudio-chat2 .app-shell .composer-plus-flyout--tools,
.skystudio-chat2 .app-shell .composer-plus-flyout--workflow {
  min-width: min(280px, calc(100vw - 48px));
}

.skystudio-chat2 .app-shell .composer-plus-flyout--tools,
.skystudio-chat2 .app-shell .composer-plus-flyout--workflow {
  top: auto;
  bottom: 0;
  max-height: min(360px, calc(var(--composer-plus-available-h, 420px) - 24px));
}

.skystudio-chat2 .app-shell .composer-plus-flyout--tools .composer-plus-item,
.skystudio-chat2 .app-shell .composer-plus-flyout--workflow .composer-plus-item {
  min-height: 30px;
  padding: 5px 8px;
}

.skystudio-chat2 .app-shell .composer-plus-flyout--tools .composer-plus-item-label small,
.skystudio-chat2 .app-shell .composer-plus-flyout--workflow .composer-plus-item-label small {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 15px;
}

.skystudio-chat2 .app-shell .composer-plus-empty-hint {
  padding: 8px 10px;
  color: var(--sky-muted);
}

.skystudio-chat2 .app-shell .composer-plus-flyout-heading {
  flex-shrink: 0;
  margin: 0 8px 6px;
  color: var(--sky-muted);
  font-size: 11px;
  font-weight: var(--sky-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.skystudio-chat2 .app-shell .composer-plus-flyout > .composer-plus-search,
.skystudio-chat2 .app-shell .composer-plus-flyout-body > .composer-plus-search {
  flex-shrink: 0;
}

.skystudio-chat2 .app-shell .composer-plus-flyout-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.skystudio-chat2 .app-shell .composer-plus-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  border: 0;
  border-radius: var(--sky-radius-lg);
  color: var(--sky-ink);
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.skystudio-chat2 .app-shell .composer-plus-item:hover:not(:disabled),
.skystudio-chat2 .app-shell .composer-plus-item:focus-visible:not(:disabled),
.skystudio-chat2 .app-shell .composer-plus-item[aria-expanded="true"] {
  background: var(--sky-hover);
}

.skystudio-chat2 .app-shell .composer-plus-item.selected,
.skystudio-chat2 .app-shell .composer-plus-item[aria-pressed="true"] {
  background: #eef0ff;
}

.skystudio-chat2 .app-shell .composer-plus-item.selected:hover:not(:disabled),
.skystudio-chat2 .app-shell .composer-plus-item[aria-pressed="true"]:hover:not(:disabled) {
  background: #e8e4ff;
}

.skystudio-chat2 .app-shell .workflow-menu-list .composer-plus-item svg:first-child {
  color: var(--sky-focus);
}

.skystudio-chat2 .app-shell .composer-plus-item-icon {
  display: inline-flex;
  flex-shrink: 0;
  margin-top: 1px;
  color: var(--sky-brand);
}

.skystudio-chat2 .app-shell .composer-plus-item-icon svg {
  display: block;
}

.skystudio-chat2 .app-shell .composer-plus-item--unavailable {
  cursor: not-allowed;
}

.skystudio-chat2 .app-shell .composer-plus-item--unavailable .composer-plus-item-icon {
  color: var(--sky-focus);
  opacity: 1;
}

.skystudio-chat2 .app-shell .composer-plus-item--unavailable .composer-plus-item-label strong {
  color: var(--sky-ink);
}

.skystudio-chat2 .app-shell .composer-plus-item-unavailable-hint {
  color: var(--sky-focus);
  font-weight: var(--sky-weight-medium);
}

.skystudio-chat2 .app-shell .composer-plus-item-label {
  flex: 1;
  min-width: 0;
}

.skystudio-chat2 .app-shell .composer-plus-item-label strong {
  display: block;
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-medium);
  line-height: var(--sky-type-caption-leading);
}

.skystudio-chat2 .app-shell .composer-plus-item-label small {
  display: block;
  margin-top: 1px;
  color: var(--sky-muted);
  font-size: 11px;
  line-height: 16px;
}

.skystudio-chat2 .app-shell .composer-plus-item-chevron {
  flex-shrink: 0;
  color: var(--sky-muted);
}

.skystudio-chat2 .app-shell .composer-plus-badge {
  min-width: 18px;
  padding: 0 6px;
  border-radius: 999px;
  color: var(--sky-focus);
  background: var(--sky-hover);
  font-size: 11px;
  font-weight: var(--sky-weight-semibold);
  line-height: 18px;
  text-align: center;
}

.skystudio-chat2 .app-shell .composer-plus-divider {
  height: 1px;
  margin: 6px 8px;
  background: var(--sky-border);
}

.skystudio-chat2 .app-shell .composer-plus-memory {
  padding: 4px 8px 8px;
}

.skystudio-chat2 .app-shell .composer-plus-memory-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.skystudio-chat2 .app-shell .composer-plus-memory-title-row {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.skystudio-chat2 .app-shell .composer-plus-info-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.skystudio-chat2 .app-shell .composer-plus-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  color: var(--sky-focus);
  background: transparent;
  cursor: help;
}

.skystudio-chat2 .app-shell .composer-plus-info:hover,
.skystudio-chat2 .app-shell .composer-plus-info:focus-visible {
  color: var(--sky-brand);
  background: rgb(91 95 199 / 10%);
  outline: none;
}

.skystudio-chat2 .app-shell .composer-plus-info-tooltip {
  pointer-events: none;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  z-index: 120;
  width: -moz-max-content;
  width: max-content;
  max-width: 240px;
  padding: 8px 10px;
  transform: translateX(-50%) translateY(4px);
  border-radius: var(--sky-radius-lg);
  color: #f4f3ff;
  font-size: 11px;
  line-height: 1.45;
  text-align: left;
  background: #1a1633;
  box-shadow: 0 8px 24px rgb(16 24 40 / 28%);
  opacity: 0;
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.skystudio-chat2 .app-shell .composer-plus-info-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #1a1633;
}

.skystudio-chat2 .app-shell .composer-plus-info-wrap:hover .composer-plus-info-tooltip,
.skystudio-chat2 .app-shell .composer-plus-info-wrap:focus-within .composer-plus-info-tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.skystudio-chat2 .app-shell .composer-plus-toggle {
  position: relative;
  flex-shrink: 0;
  width: 40px;
  height: 22px;
  margin-top: 2px;
  border: 0;
  border-radius: 999px;
  background: var(--sky-gray-200);
  cursor: pointer;
  transition: background 0.15s ease;
}

.skystudio-chat2 .app-shell .composer-plus-toggle[aria-checked="true"] {
  background: var(--sky-focus);
}

.skystudio-chat2 .app-shell .composer-plus-toggle::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--sky-surface);
  box-shadow: var(--sky-shadow-sm);
  transition: transform 0.15s ease;
}

.skystudio-chat2 .app-shell .composer-plus-toggle[aria-checked="true"]::after {
  transform: translateX(18px);
}

.skystudio-chat2 .app-shell .composer-plus-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.skystudio-chat2 .app-shell .composer-plus-flyout .composer-plus-footer-link {
  flex-shrink: 0;
  margin-top: auto;
}

.skystudio-chat2 .app-shell .composer-plus-search {
  box-sizing: border-box;
  width: calc(100% - 16px);
  margin: 0 8px 6px;
  padding: 7px 9px;
  font-size: var(--sky-t1);
  border: 1px solid var(--sky-border-input);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-ink);
  background: var(--sky-surface);
  font: inherit;
  outline: none;
  box-shadow: none;
}

.skystudio-chat2 .app-shell .composer-plus-search:focus,
.skystudio-chat2 .app-shell .composer-plus-search:focus-visible {
  border-color: var(--sky-border-strong);
  outline: none;
  box-shadow: 0 0 0 2px var(--sky-accent-soft);
}

.skystudio-chat2 .app-shell .workflow-mention-menu--portal.composer-plus-flyout {
  border-color: var(--sky-border);
  box-shadow: var(--sky-shadow-dropdown);
}

.skystudio-chat2 .app-shell .workflow-mention-menu--portal .composer-plus-search:focus,
.skystudio-chat2 .app-shell .workflow-mention-menu--portal .composer-plus-search:focus-visible {
  border-color: var(--sky-border-strong);
  outline: none;
  box-shadow: none;
}

.skystudio-chat2 .app-shell .composer-plus-footer-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 4px;
  padding: 8px 10px;
  border: 0;
  border-radius: var(--sky-radius-lg);
  color: var(--sky-focus);
  background: transparent;
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-medium);
  cursor: pointer;
}

.skystudio-chat2 .app-shell .composer-plus-footer-link:hover {
  background: var(--sky-hover);
}

.skystudio-chat2 .app-shell .composer-toolbar-extras {
  display: flex;
  align-items: center;
  gap: 6px;
}

.skystudio-chat2 .app-shell .composer-wrap,
.skystudio-chat2 .app-shell .composer-stack,
.skystudio-chat2 .app-shell .composer-input-shell,
.skystudio-chat2 .app-shell .composer .composer-toolbar,
.skystudio-chat2 .app-shell .composer-input-shell > .composer-toolbar,
.skystudio-chat2 .app-shell .composer-plus-anchor {
  overflow: visible;
}

.skystudio-chat2 .app-shell .composer-plus-connector-list {
  margin-top: 4px;
}

.skystudio-chat2 .app-shell .composer-plus-connector-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  min-height: 36px;
}

.skystudio-chat2 .app-shell .composer-plus-connector-row .composer-plus-item-label {
  flex: 1;
  min-width: 0;
}

.skystudio-chat2 .app-shell .composer-connector-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.skystudio-chat2 .app-shell .composer-connector-mark--atlassian,
.skystudio-chat2 .app-shell .composer-connector-mark--ms365,
.skystudio-chat2 .app-shell .composer-connector-mark--slack,
.skystudio-chat2 .app-shell .composer-connector-mark--gitlab {
  color: transparent;
  background: #fff;
  border: 1px solid #eaecf0;
  box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
}

.skystudio-chat2 .app-shell .composer-connector-mark--google {
  background: #4285f4;
}

.skystudio-chat2 .app-shell .composer-connector-mark--hubspot {
  background: #ff7a59;
}

.skystudio-chat2 .app-shell .composer-connector-mark--notion {
  background: #191919;
}

.skystudio-chat2 .app-shell .composer-connector-mark--fireflies {
  background: #7c3aed;
}

.skystudio-chat2 .app-shell .composer-connector-mark img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 2px;
  box-sizing: border-box;
  -o-object-fit: contain;
     object-fit: contain;
}

.skystudio-chat2 .app-shell .composer-plus-connector-status,
.skystudio-chat2 .app-shell .composer-plus-connector-error {
  margin: 4px 8px 0;
  color: var(--sky-muted);
  font-size: 11px;
  line-height: 16px;
}

.skystudio-chat2 .app-shell .composer-plus-connector-error button {
  border: 0;
  padding: 0;
  color: var(--sky-focus);
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.skystudio-chat2 .app-shell .composer-plus-connector-required {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 8px 8px;
  padding: 8px;
  border-radius: var(--sky-radius-lg);
  color: var(--sky-ink);
  background: var(--sky-hover);
  font-size: 11px;
  line-height: 16px;
}

.skystudio-chat2 .app-shell .composer-plus-connector-required-dismiss {
  margin-left: auto;
  border: 0;
  padding: 0 4px;
  color: var(--sky-muted);
  background: transparent;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}

.skystudio-chat2 .app-shell .composer-plus-back {
  margin-bottom: 2px;
}

.skystudio-chat2 .app-shell .composer-toolbar-extras .composer-legacy-slot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.skystudio-chat2 .memory-controls { border: 1px solid var(--sky-border, #e5e7eb); border-radius: 12px; padding: 12px; margin-bottom: 16px; background: var(--sky-surface, white); }
.skystudio-chat2 .memory-controls summary { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 13px; }
.skystudio-chat2 .memory-controls-body { display: grid; gap: 12px; padding-top: 14px; }
.skystudio-chat2 .memory-controls-body label { display: flex; align-items: start; gap: 10px; cursor: pointer; }
.skystudio-chat2 .memory-controls-body input { margin-top: 4px; }
.skystudio-chat2 .memory-controls-body strong { display: block; font-size: 13px; }
.skystudio-chat2 .memory-controls-body small, .skystudio-chat2 .memory-controls-body p { display: block; font-size: 12px; color: var(--sky-text-muted, #6b7280); margin: 3px 0 0; }
.skystudio-chat2 .memory-controls-compact { position: relative; margin: 0; border: 0; padding: 0; background: transparent; }
.skystudio-chat2 .memory-controls-compact summary::-webkit-details-marker { display: none; }
.skystudio-chat2 .memory-controls-compact summary:focus-visible { outline: 2px solid var(--sky-primary, #7c3aed); outline-offset: 2px; }
.skystudio-chat2 .memory-controls-compact[open] .memory-controls-body { position: absolute; z-index: 30; bottom: 35px; left: 0; width: min(340px, 80vw); max-height: 60vh; overflow: auto; padding: 16px; border: 1px solid #ece9f4; border-radius: 16px; background: #fff; box-shadow: 0 24px 56px -16px rgb(20 17 60 / 35%); color: #1a1654; }
.skystudio-chat2 .memory-scope-cards { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important; }
/* Dock next to the live chat; small screens use the native modal focus boundary. */
.skystudio-chat2 .app-shell .artifact-panel {
  position: relative;
  inset: auto;
  flex: 0 0 clamp(340px, 34vw, 600px);
  width: clamp(340px, 34vw, 600px);
  min-width: 0;
  max-width: 100%;
  align-self: stretch;
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-left: 1px solid var(--sky-border);
  background: var(--sky-surface);
  color: var(--sky-ink);
  font-family: var(--sky-font-family);
  font-size: var(--sky-t2);
  box-sizing: border-box;
}
.skystudio-chat2 .app-shell .artifact-panel[open] {
  display: flex;
  flex-direction: column;
}
.skystudio-chat2 .app-shell .artifact-panel::backdrop {
  background: var(--sky-scrim);
}
.skystudio-chat2 .artifact-panel-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: var(--sky-header-height);
  padding: 12px 16px;
  flex-shrink: 0;
  border-bottom: 1px solid #ece9f4;
  background: var(--sky-surface);
}
.skystudio-chat2 .artifact-panel-toolbar-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--sky-radius-lg);
  color: var(--sky-brand);
  background: #f4f3ff;
}
.skystudio-chat2 .artifact-panel-toolbar-copy {
  margin-right: auto;
  min-width: 0;
  flex: 1;
}
.skystudio-chat2 .artifact-panel-toolbar-copy strong {
  display: block;
  overflow: hidden;
  color: #1a1654;
  font-family: var(--sky-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .artifact-panel-toolbar-copy small {
  display: block;
  overflow: hidden;
  color: #7c7795;
  font-family: var(--sky-font-family);
  font-size: 12px;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .artifact-panel-toolbar :is(button, a) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-text-control);
  background: var(--sky-surface);
  cursor: pointer;
}
.skystudio-chat2 .app-shell .artifact-panel-toolbar :is(button, a):hover {
  background: var(--sky-hover);
}
.skystudio-chat2 .artifact-panel-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  overscroll-behavior: contain;
  padding: 0;
}
.skystudio-chat2 .artifact-panel-body--canvas {
  background: #fff;
}
.skystudio-chat2 .artifact-panel-body--canvas > .flex.h-full {
  flex: 1;
  min-height: 0;
}
.skystudio-chat2 .artifact-panel-confirm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-bottom: 1px solid #ece9f4;
  background: #f8f7fc;
  font-size: 12px;
  line-height: 18px;
  color: #5c5775;
}
.skystudio-chat2 .artifact-panel-confirm p {
  flex: 1 1 100%;
  margin: 0;
}
.skystudio-chat2 .artifact-panel-confirm button {
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid #ece9f4;
  background: #fff;
  font-size: 12px;
  cursor: pointer;
}
.skystudio-chat2 .artifact-panel-share-error {
  margin: 0;
  padding: 6px 14px;
  font-size: 12px;
  color: #b42318;
  border-bottom: 1px solid #fecdca;
  background: #fef3f2;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-view-panel {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  height: 100%;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-view-panel .artifact-preview {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-view-panel .artifact-preview iframe,
.skystudio-chat2 .app-shell .artifact-panel .artifact-view-panel .artifact-preview img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  border: 0;
  border-radius: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-panel-footer {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: stretch;
  gap: 8px;
  max-height: none;
  overflow: visible;
  margin: 0;
  padding: 10px 14px 12px;
  border-top: 1px solid #ece9f4;
  background: #f8f7fc;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-panel-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-panel-facts span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  padding: 3px 8px;
  border: 1px solid #ece9f4;
  border-radius: 999px;
  background: #fff;
  color: #5c5775;
  font-size: 11px;
  line-height: 16px;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-panel-facts .is-private {
  color: #201768;
  background: #f4f3ff;
  border-color: #e4defa;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-panel-facts .is-shared {
  color: #175cd3;
  background: #eff8ff;
  border-color: #d1e9ff;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-panel-hint {
  margin: 0;
  color: #7c7795;
  font-size: 11px;
  line-height: 16px;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-panel-footer .artifact-actions {
  margin: 0;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-panel-footer .artifact-actions :is(a, button) {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 16px;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-view {
  min-width: 0;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-view header {
  align-items: flex-start;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-view header > svg {
  flex-shrink: 0;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-view header > div {
  min-width: 0;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-view h1 {
  font-size: var(--sky-b1);
  line-height: var(--sky-leading-b1);
  color: var(--sky-brand);
}
.skystudio-chat2 .app-shell .artifact-panel :is(p, .artifact-access, button, a) {
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
  overflow-wrap: anywhere;
}
.skystudio-chat2 .app-shell .artifact-panel :is(.artifact-note, header p) {
  color: var(--sky-muted);
}
.skystudio-chat2 .app-shell
  .artifact-panel
  :is(.artifact-actions a, .artifact-actions button, .artifact-confirm button) {
  color: var(--sky-text-control);
  background: var(--sky-surface);
  border-color: var(--sky-border-input);
  border-radius: var(--sky-radius-lg);
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-confirm {
  border-color: var(--sky-border-accent);
  background: var(--sky-hover);
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-preview {
  border: 1px solid #ece9f4;
  border-radius: 16px;
  background: var(--sky-surface);
  box-shadow: 0 8px 30px rgb(26 22 84 / 6%);
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-preview iframe {
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  border-radius: 0;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-preview img {
  max-height: 55dvh;
  border-radius: 16px;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-view-panel .artifact-panel-meta {
  margin: 0 0 12px;
  color: var(--sky-muted);
  font-family: var(--sky-font-family);
  font-size: var(--sky-t1);
  line-height: var(--sky-leading-t1);
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-actions {
  margin-top: 12px;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-preview--image {
  padding: 16px;
  border: 0;
  border-radius: 0;
  background: rgb(20 17 60 / 36%);
  box-shadow: none;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-preview--image img {
  display: block;
  max-width: min(100%, 960px);
  max-height: min(72dvh, 900px);
  margin: 0 auto;
  border: 1px solid #ece9f4;
  border-radius: 20px;
  box-shadow: 0 24px 56px -16px rgb(20 17 60 / 40%);
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 901px) {
  .skystudio-chat2 .app-shell .artifact-panel .artifact-preview--image {
    background: #f5f5fa;
  }
  .skystudio-chat2 .app-shell .artifact-panel .artifact-preview--image img {
    border-radius: 16px;
    box-shadow: 0 8px 30px rgb(26 22 84 / 6%);
  }
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-actions :is(a, button) {
  border-color: #eaecf5;
  border-radius: 8px;
  color: var(--sky-brand);
  font-family: var(--sky-font-family);
  font-weight: 600;
}
.skystudio-chat2 .app-shell .artifact-panel .artifact-error {
  color: var(--sky-error-700);
  background: var(--sky-error-50);
}
.skystudio-chat2 .app-shell .artifact-panel :is(button, a):focus-visible {
  outline: var(--sky-focus-width) solid var(--sky-focus);
  outline-offset: var(--sky-focus-offset);
}
@media (max-width: 1100px) {
  .skystudio-chat2 .app-shell .artifact-panel {
    position: fixed;
    inset: 0 0 0 auto;
    width: min(560px, 100%);
    max-width: 100%;
    box-shadow: var(--sky-shadow-dropdown);
  }
}
@media (max-width: 440px) {
  .skystudio-chat2 .artifact-panel-body {
    padding: 16px;
  }
}
.skystudio-chat2 .model-picker {
  position: relative;
  min-width: 0;
}

.skystudio-chat2 .model-picker-trigger {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.skystudio-chat2 .model-picker-trigger--pill {
  width: auto;
  max-width: min(320px, 46vw);
  min-width: 0;
  height: 32px;
  min-height: 32px;
  padding: 0 10px 0 8px;
  border: 1px solid var(--sky-border-input, #ece9f4);
  border-radius: 999px;
  color: var(--sky-ink, #1a1654);
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-sm, 0 1px 2px rgb(20 17 60 / 6%));
  flex-shrink: 0;
}

.skystudio-chat2 .model-picker-trigger-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  gap: 6px;
}

.skystudio-chat2 .model-picker-trigger-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--sky-t1, 12px);
  font-weight: var(--sky-weight-medium, 500);
  line-height: 16px;
}

.skystudio-chat2 .model-picker-trigger-effort {
  flex-shrink: 0;
  color: var(--sky-muted, #7c7795);
  font-size: 11px;
  font-weight: var(--sky-weight-regular, 400);
  line-height: 16px;
  white-space: nowrap;
}

.skystudio-chat2 .model-picker-trigger-chevron {
  flex-shrink: 0;
  color: var(--sky-muted, #5c5775);
  transition: transform 0.15s ease;
}

.skystudio-chat2 .model-picker-trigger-chevron--open {
  transform: rotate(180deg);
}

.skystudio-chat2 .model-preview-card-portal {
  position: fixed;
  z-index: 522;
  width: min(360px, calc(100vw - 32px));
  pointer-events: none;
}

.skystudio-chat2 .model-preview-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--sky-border, #ebe9fe);
  border-radius: var(--sky-radius-xl, 12px);
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-dropdown, 0 16px 32px rgb(16 24 40 / 14%));
  color: var(--sky-ink, #201768);
  font-family: var(--sky-font-family, Montserrat, sans-serif);
}

.skystudio-chat2 .model-preview-title {
  margin: 0;
  font-size: var(--sky-t2, 14px);
  font-weight: var(--sky-weight-semibold, 600);
  line-height: 20px;
}

.skystudio-chat2 .model-preview-specialty {
  display: inline-flex;
  margin-top: 8px;
  max-width: 100%;
  padding: 4px 10px;
  border: 1px solid #d7d2ff;
  border-radius: 8px;
  background: #f4f3ff;
  color: #5c5775;
  font-size: 11px;
  font-weight: var(--sky-weight-medium, 500);
  line-height: 16px;
}

.skystudio-chat2 .model-preview-scores {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.skystudio-chat2 .model-preview-score {
  padding: 8px 10px;
  border: 1px solid var(--sky-border, #ebe9fe);
  border-radius: 8px;
  background: #f8f9fc;
}

.skystudio-chat2 .model-preview-score-label {
  font-size: 11px;
  font-weight: var(--sky-weight-medium, 500);
  line-height: 16px;
  color: #7c7795;
}

.skystudio-chat2 .model-preview-score-value {
  margin-top: 2px;
  font-size: var(--sky-b2, 15px);
  font-weight: var(--sky-weight-semibold, 600);
  line-height: 22px;
  color: #201768;
}

.skystudio-chat2 .model-preview-security,
.skystudio-chat2 .model-preview-tips {
  padding: 8px 10px;
  border: 1px solid var(--sky-border, #ebe9fe);
  border-radius: 8px;
  background: #fbfbff;
}

.skystudio-chat2 .model-preview-security strong,
.skystudio-chat2 .model-preview-tips strong {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: var(--sky-weight-semibold, 600);
  color: #201768;
}

.skystudio-chat2 .model-preview-security p,
.skystudio-chat2 .model-preview-tips li {
  margin: 0;
  font-size: 11px;
  line-height: 16px;
  color: #7c7795;
}

.skystudio-chat2 .model-preview-tips ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.skystudio-chat2 .model-preview-tips li {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  margin-top: 4px;
}

.skystudio-chat2 .model-preview-tips li::before {
  content: "";
  width: 4px;
  height: 4px;
  margin-top: 6px;
  border-radius: 50%;
  background: #7f56d9;
  flex-shrink: 0;
}

.skystudio-chat2 .model-preview-warn {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #fde68a;
  border-radius: 8px;
  background: #fffbeb;
  font-size: 11px;
  line-height: 16px;
  color: #b45309;
}

@media (max-width: 1023px) {
  .skystudio-chat2 .model-preview-card-portal {
    display: none;
  }
}

.skystudio-chat2 .model-provider-logo {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
}

.skystudio-chat2 .model-provider-logo svg {
  width: 20px;
  height: 20px;
}

.skystudio-chat2 .model-provider-logo.openai {
  color: #16856a;
}

.skystudio-chat2 .model-provider-logo.anthropic {
  color: #b86c4d;
}

.skystudio-chat2 .model-provider-logo.google {
  color: #667ce5;
}

.skystudio-chat2 .model-provider-logo.goat {
  background: #e8e0f5;
  color: #6b5b95;
  font-size: 11px;
}

.skystudio-chat2 .model-picker-panel {
  position: absolute;
  right: 0;
  bottom: calc(100% + 12px);
  display: flex;
  flex-direction: column;
  width: min(320px, calc(100vw - 48px));
  max-height: min(400px, var(--model-picker-available-h, 52vh));
  min-height: 0;
  z-index: 70;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: var(--sky-radius-xl, 16px);
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-dropdown, 0 24px 56px -16px rgb(20 17 60 / 35%));
  padding: 8px 6px 6px;
  overflow: hidden;
  color: var(--sky-ink, #1a1654);
  font-family: var(--sky-font-family, Montserrat, sans-serif);
}

.skystudio-chat2 .model-picker-menu {
  position: relative;
  min-height: 0;
  overflow: visible;
  pointer-events: auto;
}

.skystudio-chat2 .model-picker-menu--portal {
  position: absolute;
  right: auto;
  overflow: visible;
  display: flex;
  align-items: stretch;
  gap: 0;
  isolation: isolate;
}

.skystudio-chat2 .model-picker-menu.model-picker-menu--portal {
  display: flex;
}

.skystudio-chat2 .model-picker-menu .model-picker-panel {
  position: relative;
  right: auto;
  bottom: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: min(var(--model-picker-panel-w, 288px), calc(100vw - 48px));
  min-width: min(var(--model-picker-panel-w, 288px), calc(100vw - 48px));
  flex: 0 0 auto;
  max-height: min(576px, var(--model-picker-available-h, 52vh));
  min-height: 0;
  overflow: hidden;
}

.skystudio-chat2 .model-picker-menu--portal .model-picker-panel {
  width: min(var(--model-picker-panel-w, 288px), calc(100vw - 48px));
  flex-shrink: 0;
}

.skystudio-chat2 .model-picker-menu--portal .model-picker-flyout {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  flex-shrink: 0;
  margin-left: 0;
}

.skystudio-chat2 .model-picker-flyout {
  position: absolute;
  top: auto;
  bottom: 0;
  left: calc(100% + 8px);
  display: flex;
  flex-direction: column;
  width: min(288px, calc(100vw - 32px));
  max-height: min(576px, var(--model-picker-available-h, 52vh));
  min-height: 0;
  padding: 8px 6px 6px 8px;
  overflow: hidden;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: var(--sky-radius-xl, 12px);
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-dropdown, 0 24px 56px -16px rgb(20 17 60 / 35%));
  color: var(--sky-ink, #1a1654);
  font-family: var(--sky-font-family, Montserrat, sans-serif);
  z-index: 2;
}

.skystudio-chat2 .model-picker-flyout--left {
  left: auto;
  right: calc(100% + 8px);
}

.skystudio-chat2 .model-picker-menu--portal .model-picker-flyout--left {
  order: -1;
}

.skystudio-chat2 .model-picker-flyout-heading {
  flex-shrink: 0;
  margin: 0 8px 6px;
  color: var(--sky-muted, #a09db8);
  font-size: 11px;
  font-weight: var(--sky-weight-semibold, 600);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.skystudio-chat2 .model-picker-flyout-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.skystudio-chat2 .model-picker-panel--portal {
  position: fixed;
  right: auto;
  bottom: auto;
}

.skystudio-chat2 .model-picker-panel header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  padding: 0 4px;
}

.skystudio-chat2 .model-picker-panel header strong {
  flex: 1;
  font-size: var(--sky-t1, 12px);
  font-weight: var(--sky-weight-semibold, 600);
}

.skystudio-chat2 .model-picker-panel header button {
  border: 0;
  background: none;
  cursor: pointer;
  color: var(--sky-muted);
}

.skystudio-chat2 .model-picker-back {
  border: 0;
  background: none;
  cursor: pointer;
}

.skystudio-chat2 .model-picker-list,
.skystudio-chat2 .model-picker-scroll,
.skystudio-chat2 .model-picker-effort-list {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.skystudio-chat2 .model-choice-row {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--sky-radius-lg, 10px);
  text-align: left;
  color: inherit;
  cursor: pointer;
  font: inherit;
}

.skystudio-chat2 .model-choice-row-text {
  flex: 1;
  min-width: 0;
}

.skystudio-chat2 .model-choice-row strong,
.skystudio-chat2 .model-choice-row small {
  display: block;
}

.skystudio-chat2 .model-choice-row strong {
  font-size: var(--sky-t1, 12px);
  font-weight: var(--sky-weight-medium, 500);
  line-height: 16px;
}

.skystudio-chat2 .model-choice-row small {
  color: var(--sky-muted, #7b7b92);
  font-size: 11px;
  line-height: 14px;
}

.skystudio-chat2 .model-choice-row.selected {
  background: var(--sky-hover, #f5f3ff);
  border-color: var(--sky-border-accent, #e5dfff);
}

.skystudio-chat2 .model-choice-row:hover:not(:disabled) {
  background: var(--sky-hover, #f7f7fb);
}

.skystudio-chat2 .model-choice-row:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.skystudio-chat2 .model-picker-divider {
  height: 1px;
  margin: 6px 8px;
  background: var(--sky-border, #ece9f4);
}

.skystudio-chat2 .model-picker-meta-row {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  border: 0;
  border-radius: var(--sky-radius-lg, 10px);
  background: transparent;
  color: var(--sky-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.skystudio-chat2 .model-picker-meta-row span {
  flex: 1;
  font-size: var(--sky-t1, 12px);
}

.skystudio-chat2 .model-picker-meta-row strong {
  color: var(--sky-muted);
  font-size: 11px;
  font-weight: var(--sky-weight-medium);
}

.skystudio-chat2 .model-picker-meta-row:hover,
.skystudio-chat2 .model-picker-meta-row:focus-visible,
.skystudio-chat2 .model-picker-meta-row[aria-expanded="true"] {
  background: var(--sky-hover);
}

.skystudio-chat2 .model-picker-provider-group + .model-picker-provider-group {
  margin-top: 8px;
}

.skystudio-chat2 .model-picker-provider-heading {
  margin: 0 8px 4px;
  color: var(--sky-muted);
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
/* Shared “conversation row” layout for inline chat panels (approval, errors). */
.skystudio-chat2 .app-shell .chat-shell .chat-inset-panel,
.skystudio-chat2 .app-shell .chat-inset-panel {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: var(--sky-font-family, inherit);
}
.skystudio-chat2 .app-shell .chat-inset-panel__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: #7c7795;
}
.skystudio-chat2 .app-shell .chat-inset-panel__icon--warn {
  color: #7f56d9;
}
.skystudio-chat2 .app-shell .chat-inset-panel__icon--danger {
  color: #b42318;
}
.skystudio-chat2 .app-shell .chat-inset-panel__body {
  min-width: 0;
  flex: 1;
}
.skystudio-chat2 .app-shell .chat-inset-panel__title {
  display: block;
  overflow: hidden;
  margin: 0;
  color: var(--sky-ink, #1a1654);
  font-size: var(--sky-t2, 12px);
  font-weight: var(--sky-weight-medium, 600);
  line-height: var(--sky-leading-t2, 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .chat-inset-panel__subtitle {
  display: block;
  overflow: hidden;
  margin: 3px 0 0;
  color: var(--sky-muted, #7c7795);
  font-size: var(--sky-type-caption-size, 11px);
  font-weight: 400;
  line-height: var(--sky-type-caption-leading, 16px);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .chat-inset-panel__extra {
  margin-top: 8px;
}
.skystudio-chat2 .app-shell .chat-inset-panel__toggle {
  margin-top: 6px;
  padding: 0;
  border: 0;
  color: #7f56d9;
  background: transparent;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  cursor: pointer;
}
.skystudio-chat2 .app-shell .chat-inset-panel__toggle:hover {
  text-decoration: underline;
}
.skystudio-chat2 .app-shell .chat-inset-panel__detail {
  max-height: min(200px, 36dvh);
  margin-top: 8px;
  overflow: auto;
  overscroll-behavior: contain;
  color: #605a90;
  font-size: 11px;
  line-height: 17px;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  scrollbar-width: thin;
}
.skystudio-chat2 .app-shell .chat-inset-panel__detail--mono {
  padding: 8px 10px;
  border: 1px solid #ece9f4;
  border-radius: 8px;
  background: #fff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10.5px;
  line-height: 16px;
}
.skystudio-chat2 .app-shell .chat-inset-panel__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}
.skystudio-chat2 .app-shell .chat-inset-panel__tags li {
  padding: 1px 7px;
  border-radius: 999px;
  color: #7c7795;
  background: rgb(255 255 255 / 70%);
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
}
.skystudio-chat2 .app-shell .chat-inset-panel__actions {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 6px;
  min-width: 118px;
}
.skystudio-chat2 .app-shell .chat-inset-panel__actions--row {
  flex-direction: row;
  align-items: center;
  min-width: 0;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn {
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid #eaecf5;
  border-radius: 8px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  cursor: pointer;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--ghost {
  color: #201768;
  background: #fff;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--ghost:hover {
  background: #f4f3ff;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--primary {
  border-color: #201768;
  color: #fff;
  background: #201768;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--primary:hover {
  background: #2d2878;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-height: 32px;
  padding: 0;
  border: 0;
  color: #7c7795;
  background: transparent;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--icon:hover {
  border-radius: 8px;
  color: #201768;
  background: #f4f3ff;
}
@media (max-width: 560px) {
  .skystudio-chat2 .app-shell .chat-inset-panel {
    flex-wrap: wrap;
  }

  .skystudio-chat2 .app-shell .chat-inset-panel__actions {
    flex-direction: row;
    width: 100%;
    min-width: 0;
  }

  .skystudio-chat2 .app-shell .chat-inset-panel__btn {
    flex: 1 1 0;
  }
}
.skystudio-chat2 .app-shell .chat-error-card,
.skystudio-chat2 .app-shell .chat-shell .chat-error-card {
  align-items: stretch;
  width: min(var(--sky-composer-width, 820px), calc(100% - 36px));
  margin: 10px auto 0;
  padding: 10px 12px;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: var(--sky-radius-compact, 9px);
  background: #fff;
}
.skystudio-chat2 .app-shell .tool-run-banner .chat-error-card {
  width: 100%;
  margin: 0;
}
.skystudio-chat2 .app-shell .chat-error-card--compact {
  width: auto;
  max-width: min(520px, 92%);
  margin: 8px 4px 0 auto;
}
.skystudio-chat2 .app-shell .chat-error-card--compact .chat-inset-panel__actions {
  display: none;
}
.skystudio-chat2 .app-shell .chat-inset-panel__tags--danger li {
  color: #b54708;
  background: #fffaeb;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--retry {
  border-color: #eaecf5;
  color: #201768;
  background: #fff;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--retry:hover {
  background: #f4f3ff;
}
.skystudio-chat2 .notification-dialog {
  display: none;
  flex-direction: column;
  width: min(460px, calc(100vw - 32px));
  max-height: min(85vh, 760px);
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 1px solid #ece9f4;
  border-radius: 16px;
  color: #1a1654;
  background: #fff;
  box-shadow: 0 24px 56px -16px rgb(20 17 60 / 35%);
  font-family: var(--sky-font-family, Montserrat, sans-serif);
}
.skystudio-chat2 .notification-dialog[open] {
  display: flex;
}
.skystudio-chat2 .notification-dialog::backdrop {
  background: rgb(20 17 60 / 32%);
}
.skystudio-chat2 .notification-dialog header {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 24px;
  border-bottom: 1px solid #ece9f4;
  background: #fafaff;
}
.skystudio-chat2 .notification-dialog h2 {
  margin: 0;
  color: #201768;
  font-size: 17px;
  font-weight: 700;
  line-height: 27px;
}
.skystudio-chat2 .notification-dialog header p {
  margin: 4px 0 0;
  color: #7c7795;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.skystudio-chat2 .notification-dialog header button {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  color: #7c7795;
  background: transparent;
  cursor: pointer;
}
.skystudio-chat2 .notification-dialog header button:hover {
  color: #1a1654;
  background: #f5f5fa;
}
.skystudio-chat2 .notification-dialog-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-top: 4px;
}

.skystudio-chat2 .notification-dialog-body > label,
.skystudio-chat2 .notification-dialog-body > p,
.skystudio-chat2 .notification-dialog-body > section {
  margin-right: 24px;
  margin-left: 24px;
}

.skystudio-chat2 .notification-dialog-body > label:first-of-type {
  margin-top: 20px;
}

.skystudio-chat2 .notification-dialog-footer {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 24px 20px;
  border-top: 1px solid #ece9f4;
  background: #fafaff;
}

.skystudio-chat2 .notification-load-failed {
  margin: 24px;
  padding: 16px;
  border: 1px solid #fda29b;
  border-radius: 12px;
  background: #fff6f5;
}

.skystudio-chat2 .notification-retry-button {
  margin-top: 10px;
  padding: 8px 14px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #1a1654;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.skystudio-chat2 .notification-retry-button:hover:not(:disabled) {
  background: #f5f5fa;
}

.skystudio-chat2 .notification-status--success {
  color: #027a48;
}
.skystudio-chat2 .notification-dialog label {
  display: grid;
  gap: 8px;
  color: #414651;
  font-size: 13px;
  font-weight: 500;
}
.skystudio-chat2 .notification-dialog select {
  width: 100%;
  min-width: 0;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  color: #1a1654;
  background: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 400;
}
.skystudio-chat2 .notification-dialog select:focus {
  border-color: #7f56d9;
  outline: none;
  box-shadow: 0 0 0 3px rgb(127 86 217 / 16%);
}
.skystudio-chat2 .notification-control{position:relative}.skystudio-chat2 .notification-control.selected {
  color: var(--sky-brand);
  background: var(--sky-hover);
  box-shadow: inset 0 0 0 1px var(--sky-border-accent);
}
.skystudio-chat2 .notification-dot{position:absolute;width:6px;height:6px;border-radius:50%;right:3px;top:3px;background:var(--sky-brand)}
.skystudio-chat2 .notification-dialog header>div{min-width:0}.skystudio-chat2 .notification-switch{display:flex!important;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;margin-bottom:0;padding:12px;border:1px solid #ece9f4;border-radius:12px;background:#fff}.skystudio-chat2 .notification-switch span{display:grid;gap:2px}.skystudio-chat2 .notification-switch strong{color:#1a1654;font-size:13px;font-weight:600}.skystudio-chat2 .notification-switch small,.skystudio-chat2 .notification-history small{font-size:11px;font-weight:400;line-height:17px;color:#7c7795}.skystudio-chat2 .notification-switch input{width:16px;height:16px;accent-color:#7f56d9}.skystudio-chat2 .notification-history{margin-top:16px;border-top:1px solid #ece9f4;padding-top:14px}.skystudio-chat2 .notification-history h3{margin:0 0 10px;color:#201768;font-size:13px;font-weight:700}.skystudio-chat2 .notification-history>div{display:flex;gap:9px;align-items:flex-start;padding:8px 0}.skystudio-chat2 .notification-history>div>span{display:grid;min-width:0}.skystudio-chat2 .notification-history strong{font-size:13px;font-weight:600;color:#1a1654;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skystudio-chat2 .notification-history p{display:flex;align-items:center;gap:7px;color:#7c7795;font-size:13px}.skystudio-chat2 .notification-warning{color:#b54708}.skystudio-chat2 .notification-policy{color:#7c7795;font-size:12px;line-height:18px}.skystudio-chat2 .notification-status{margin-top:12px;color:#b42318;font-size:13px}
.skystudio-chat2 .notification-dialog .primary-button {
  margin: 0;
  border: 0;
  border-radius: 8px;
  padding: 8px 16px;
  background: #201768;
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}
.skystudio-chat2 .notification-dialog .primary-button:hover:not(:disabled) {
  background: #140b60;
}
.skystudio-chat2 .notification-dialog .primary-button:disabled {
  opacity: 0.5;
  cursor: wait;
}
.skystudio-chat2 .notification-dialog button:focus-visible,
.skystudio-chat2 .notification-dialog select:focus-visible {
  outline: 2px solid var(--sky-brand);
  outline-offset: 3px;
}
.skystudio-chat2 .completion-toasts{position:fixed;right:24px;top:76px;z-index:120;display:grid;gap:10px;max-width:min(380px,calc(100vw - 32px));pointer-events:none}.skystudio-chat2 .completion-toast{display:flex;align-items:flex-start;gap:12px;border:1px solid #e5e2f2;border-radius:14px;padding:16px;background:#fff;color:#383452;box-shadow:0 8px 30px #24214e22;pointer-events:auto}.skystudio-chat2 .completion-toast>div{flex:1;min-width:0}.skystudio-chat2 .completion-toast strong{font-size:13px}.skystudio-chat2 .completion-toast p{font-size:12px;overflow-wrap:anywhere;margin:5px 0 9px}.skystudio-chat2 .completion-toast button{background:none;border:0;color:#7862ca;cursor:pointer;font:inherit;font-size:12px}
.skystudio-chat2 .workflow-picker{position:relative;display:inline-flex;align-items:center;gap:6px;min-width:0}.skystudio-chat2 .workflow-menu{position:absolute;left:0;bottom:calc(100% + 12px);z-index:80;width:min(288px,calc(100vw - 40px));max-height:min(390px,65vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #d7d2ff;border-radius:12px;background:#fff;box-shadow:0 18px 36px #10182829;color:#201768}.skystudio-chat2 .workflow-menu-heading{display:flex;align-items:center;gap:8px;padding:12px 13px;border-bottom:1px solid #f4f3ff;font-size:13px}.skystudio-chat2 .workflow-menu-heading svg{color:#7f56d9}.skystudio-chat2 .workflow-menu>input{box-sizing:border-box;margin:8px;width:calc(100% - 16px);height:36px;padding:0 10px;border:1px solid #ddd9e8;border-radius:8px;outline:none;color:#201768;font:inherit}.skystudio-chat2 .workflow-menu>input:focus{border-color:#7f56d9}.skystudio-chat2 .workflow-menu-list{min-height:0;overflow-y:auto;padding:0 8px 8px}.skystudio-chat2 .workflow-menu-list>p{margin:0;padding:18px 10px;text-align:center;color:#7c7795;font-size:12px}.skystudio-chat2 .workflow-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#201768;text-align:left;cursor:pointer;font:inherit;font-size:13px}.skystudio-chat2 .workflow-menu-item:hover{background:#f4f3ff}.skystudio-chat2 .workflow-menu-item.selected{background:#eaecf5}.skystudio-chat2 .workflow-menu-item-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:#eaecf5;color:#7f56d9}.skystudio-chat2 .workflow-menu-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skystudio-chat2 .workflow-menu-item>svg{flex:none;color:#7f56d9}
.skystudio-chat2 .workflow-selection-chip{display:inline-flex;align-items:center;gap:6px;max-width:180px;min-width:0;padding:5px 9px;border:1px solid #d8d1fa;border-radius:999px;background:#f8f6ff;color:#403078;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.skystudio-chat2 .workflow-selection-chip svg{flex:none}
/* Shared “conversation row” layout for inline chat panels (approval, errors). */
.skystudio-chat2 .app-shell .chat-shell .chat-inset-panel,
.skystudio-chat2 .app-shell .chat-inset-panel {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: var(--sky-font-family, inherit);
}
.skystudio-chat2 .app-shell .chat-inset-panel__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: #7c7795;
}
.skystudio-chat2 .app-shell .chat-inset-panel__icon--warn {
  color: #7f56d9;
}
.skystudio-chat2 .app-shell .chat-inset-panel__icon--danger {
  color: #b42318;
}
.skystudio-chat2 .app-shell .chat-inset-panel__body {
  min-width: 0;
  flex: 1;
}
.skystudio-chat2 .app-shell .chat-inset-panel__title {
  display: block;
  overflow: hidden;
  margin: 0;
  color: var(--sky-ink, #1a1654);
  font-size: var(--sky-t2, 12px);
  font-weight: var(--sky-weight-medium, 600);
  line-height: var(--sky-leading-t2, 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .chat-inset-panel__subtitle {
  display: block;
  overflow: hidden;
  margin: 3px 0 0;
  color: var(--sky-muted, #7c7795);
  font-size: var(--sky-type-caption-size, 11px);
  font-weight: 400;
  line-height: var(--sky-type-caption-leading, 16px);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .chat-inset-panel__extra {
  margin-top: 8px;
}
.skystudio-chat2 .app-shell .chat-inset-panel__toggle {
  margin-top: 6px;
  padding: 0;
  border: 0;
  color: #7f56d9;
  background: transparent;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  cursor: pointer;
}
.skystudio-chat2 .app-shell .chat-inset-panel__toggle:hover {
  text-decoration: underline;
}
.skystudio-chat2 .app-shell .chat-inset-panel__detail {
  max-height: min(200px, 36dvh);
  margin-top: 8px;
  overflow: auto;
  overscroll-behavior: contain;
  color: #605a90;
  font-size: 11px;
  line-height: 17px;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  scrollbar-width: thin;
}
.skystudio-chat2 .app-shell .chat-inset-panel__detail--mono {
  padding: 8px 10px;
  border: 1px solid #ece9f4;
  border-radius: 8px;
  background: #fff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10.5px;
  line-height: 16px;
}
.skystudio-chat2 .app-shell .chat-inset-panel__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}
.skystudio-chat2 .app-shell .chat-inset-panel__tags li {
  padding: 1px 7px;
  border-radius: 999px;
  color: #7c7795;
  background: rgb(255 255 255 / 70%);
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
}
.skystudio-chat2 .app-shell .chat-inset-panel__actions {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 6px;
  min-width: 118px;
}
.skystudio-chat2 .app-shell .chat-inset-panel__actions--row {
  flex-direction: row;
  align-items: center;
  min-width: 0;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn {
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid #eaecf5;
  border-radius: 8px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  cursor: pointer;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--ghost {
  color: #201768;
  background: #fff;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--ghost:hover {
  background: #f4f3ff;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--primary {
  border-color: #201768;
  color: #fff;
  background: #201768;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--primary:hover {
  background: #2d2878;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-height: 32px;
  padding: 0;
  border: 0;
  color: #7c7795;
  background: transparent;
}
.skystudio-chat2 .app-shell .chat-inset-panel__btn--icon:hover {
  border-radius: 8px;
  color: #201768;
  background: #f4f3ff;
}
@media (max-width: 560px) {
  .skystudio-chat2 .app-shell .chat-inset-panel {
    flex-wrap: wrap;
  }

  .skystudio-chat2 .app-shell .chat-inset-panel__actions {
    flex-direction: row;
    width: 100%;
    min-width: 0;
  }

  .skystudio-chat2 .app-shell .chat-inset-panel__btn {
    flex: 1 1 0;
  }
}
.skystudio-chat2 .app-shell .chat-shell .approval-card {
  align-items: stretch;
  width: 100%;
  margin: 0 0 16px;
  padding: 10px 12px;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: var(--sky-radius-compact, 9px);
  background: var(--sky-hover, #f4f3ff);
}
.skystudio-chat2 .app-shell .chat-shell .approval-card-meta-inline {
  font-weight: 500;
  color: #605a90;
}
.skystudio-chat2 .app-shell .assistant-turn { align-items: flex-start; gap: 20px; }
.skystudio-chat2 .app-shell .assistant-turn-logo { flex-shrink: 0; color: #171717; margin-top: 1px; }
.skystudio-chat2 .app-shell .assistant-turn-name { display: block; color: var(--sky-brand, #201768); font-size: 16px; font-weight: 600; line-height: 32px; margin-bottom: 12px; }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking { margin: 0 0 28px; border: 0; padding: 0; }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking summary::-webkit-details-marker { display: none; }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking summary {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding: 6px 12px 6px 10px;
  border: 1px solid transparent;
  border-radius: var(--sky-radius-lg, 8px);
  color: #4f4d6b;
  font-family: var(--sky-font-family);
  font-size: var(--sky-t2, 14px);
  font-weight: 400;
  line-height: var(--sky-leading-t2, 20px);
  cursor: pointer;
  list-style: none;
}
.skystudio-chat2 .app-shell .chat-shell .turn-thinking summary:hover { background: #fafafc; }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking summary > span { flex: none; }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking summary .run-step-count {
  padding-left: 8px;
  border-left: 1px solid #eaecf5;
  color: #a8a4bd;
}
.skystudio-chat2 .app-shell .chat-shell .turn-thinking summary .run-elapsed {
  margin-left: 4px;
  color: #a8a4bd;
  font-size: var(--sky-t2, 14px);
  font-variant-numeric: tabular-nums;
}
.skystudio-chat2 .app-shell .chat-shell .turn-thinking summary svg { margin-left: 2px; color: #a8a4bd; }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking[open] summary svg { transform: rotate(180deg); }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking--live ol {
  max-height: none;
  overflow-y: hidden;
}
.skystudio-chat2 .app-shell .chat-shell .turn-thinking--live li.turn-thinking-step {
  animation: chat2-turn-thinking-step-in 0.45s ease-out;
}
@keyframes chat2-turn-thinking-step-in {
  0% {
    opacity: 0.35;
  }

  100% {
    opacity: 1;
  }
}
.skystudio-chat2 .app-shell .chat-shell .turn-thinking ol {
  border-left: 1px solid #eaecf5;
  margin: 8px 0 0;
  padding: 4px 0 4px 8px;
  list-style: none;
  max-height: min(220px, 28vh);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgb(130 154 227 / 45%) transparent;
  scroll-behavior: smooth;
}
.skystudio-chat2 .app-shell .chat-shell .turn-thinking ol::-webkit-scrollbar { width: 6px; height: 6px; }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking ol::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking ol::-webkit-scrollbar-track { background: transparent; }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking ol::-webkit-scrollbar-thumb { border-radius: 10px; background: rgb(130 154 227 / 50%); }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking li { display: flex; align-items: flex-start; gap: 4px; padding: 0 0 8px; }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking li:last-child { padding-bottom: 0; }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking li > svg { flex-shrink: 0; margin-top: 3px; color: var(--sky-brand, #201768); }

.skystudio-chat2 .app-shell .chat-shell .thinking-pulse-dot {
  display: inline-block;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 999px;
  background: #7f56d9;
  animation: chat2-thinking-pulse-dot 1.2s ease-in-out infinite;
}

.skystudio-chat2 .app-shell .chat-shell .thinking-pulse-dot--idle {
  background: #d4d0e3;
  animation: none;
}

@keyframes chat2-thinking-pulse-dot {
  0%,
  100% {
    opacity: 0.35;
    transform: scale(0.92);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}
.skystudio-chat2 .app-shell .chat-shell .turn-thinking li > div { min-width: 0; flex: 1; }
.skystudio-chat2 .app-shell .chat-shell .turn-thinking li.turn-thinking-step {
  border-left: 1px solid #eaecf5;
  margin-left: -1px;
  padding-left: 8px;
}

.skystudio-chat2 .app-shell .chat-shell .turn-thinking li strong {
  display: block;
  color: #1a1654;
  font-family: var(--sky-font-family);
  font-size: var(--sky-t2, 14px);
  font-weight: 600;
  line-height: 20px;
}
.skystudio-chat2 .app-shell .chat-shell .turn-thinking li p {
  margin: 4px 0 0;
  color: #7c7795;
  font-family: var(--sky-font-family);
  font-size: var(--sky-t1, 12px);
  font-weight: 400;
  line-height: 18px;
  overflow-wrap: anywhere;
}

.skystudio-chat2 .app-shell .chat-shell .turn-thinking li.turn-thinking-step--active p {
  font-style: italic;
}
.skystudio-chat2 .app-shell .chat-shell .assistant-terminal { margin: 12px 0 16px; color: var(--sky-text-body, #4f4d6b); font-size: 15px; line-height: 24px; }
.skystudio-chat2 .app-shell .user-message-time {
  display: block;
  margin-top: 4px;
  margin-right: 4px;
  color: var(--sky-muted);
  font-size: var(--sky-t1);
  line-height: var(--sky-leading-t1);
  font-weight: var(--sky-weight-regular);
}
.skystudio-chat2 .app-shell .user-message-outcome {
  max-width: min(660px, 92%);
  margin: 6px 4px 0 auto;
  color: #a53b3b;
  font-size: 12px;
  line-height: 18px;
  text-align: right;
}

.skystudio-chat2 .app-shell .user-message-outcome--cancelled {
  padding: 0 2px;
}

.skystudio-chat2 .app-shell .user-message-outcome.chat-error-card {
  text-align: left;
  background: var(--sky-hover, #f4f3ff);
}
.skystudio-chat2 .app-shell .chat-shell .chat-code-block {
  width: 100%;
  margin: 12px 0;
  overflow: hidden;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: 11px;
  background: #fff;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--sky-border, #ece9f4);
  background: #fbfafd;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #7c7795;
  font-size: 12px;
  font-weight: 700;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  color: #7c7795;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__action:hover {
  color: #201768;
  background: #f4f3ff;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__body {
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  background: #fff;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__gutter {
  flex-shrink: 0;
  align-self: stretch;
  padding: 16px 12px;
  border-right: 1px solid #eaecf0;
  background: #fcfcfd;
  text-align: right;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__gutter--w36 {
  min-width: 36px;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__gutter--w44 {
  min-width: 44px;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__gutter--w52 {
  min-width: 52px;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block-pre {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line-number {
  min-height: 20px;
  color: #98a2b3;
  font:
    14px/20px ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  font-variant-numeric: tabular-nums;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__source {
  min-width: 0;
  flex: 1;
  overflow-x: auto;
  padding: 16px;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line {
  min-height: 20px;
  margin: 0;
  color: #24292e;
  white-space: pre;
  font:
    14px/20px ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  font-weight: 400;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-comment,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-quote {
  color: #22863a;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-keyword,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-selector-tag,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-built_in,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-type,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-literal,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-title,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-number,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-meta,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-tag {
  color: #005cc5;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-attr,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-attribute,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-variable,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-string,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-symbol,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-regexp,
.skystudio-chat2 .app-shell .chat-shell .chat-code-block__line .hljs-name {
  color: #032f62;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__footer {
  width: 100%;
  padding: 8px 16px;
  border-top: 1px solid var(--sky-border, #ece9f4);
  color: #7c7795;
  background: #fbfafd;
  text-align: left;
  font-size: 12px;
  cursor: pointer;
}

.skystudio-chat2 .app-shell .chat-shell .chat-code-block__footer:hover {
  color: #201768;
  background: #f4f3ff;
}

.skystudio-chat2 .app-shell .chat-shell .chat-inline-code {
  padding: 2px 6px;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: 6px;
  color: #414651;
  background: #f8f9fc;
  font:
    13px ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  font-weight: 500;
}
.skystudio-chat2 .markdown-content .json-response {
  margin: 12px 0;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--sky-border, #e5e7eb);
  border-radius: 14px;
  background: var(--sky-surface, #fff);
  color: var(--sky-text-body, #4f4d6b);
  font-size: 13px;
}
.skystudio-chat2 .json-toolbar,
.skystudio-chat2 .json-title,
.skystudio-chat2 .json-actions,
.skystudio-chat2 .json-view-switch {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.skystudio-chat2 .json-toolbar {
  padding: 12px;
  justify-content: space-between;
  border-bottom: 1px solid var(--sky-border, #e5e7eb);
  background: #faf9fd;
}
.skystudio-chat2 .json-title > span,
.skystudio-chat2 .json-count {
  color: #726d89;
  font-size: 12px;
}
.skystudio-chat2 .json-actions {
  gap: 4px;
}
.skystudio-chat2 .json-view-switch {
  gap: 2px;
  padding-right: 6px;
}
.skystudio-chat2 .json-response button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  padding: 6px 8px;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.skystudio-chat2 .json-response button:hover {
  background: #f0edf9;
}
.skystudio-chat2 .json-response button[aria-pressed="true"] {
  background: #eee9fc;
  color: #6549ba;
}
.skystudio-chat2 .json-response button:disabled {
  opacity: 0.45;
  cursor: default;
}
.skystudio-chat2 .json-response :is(button, summary, [tabindex]):focus-visible {
  outline: 2px solid #8661d8;
  outline-offset: -2px;
}
.skystudio-chat2 .json-body {
  max-height: 480px;
  overflow: auto;
  padding: 12px;
  overscroll-behavior: contain;
}
.skystudio-chat2 .markdown-content .json-response code {
  color: inherit;
  background: transparent;
  padding: 0;
  border: 0;
  font-size: 12px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .markdown-content .json-response .json-code {
  margin: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  border: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .json-branch > summary {
  cursor: pointer;
  padding: 5px 2px;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .json-count {
  margin-left: 10px;
  white-space: nowrap;
}
.skystudio-chat2 .json-children {
  margin-left: 6px;
  padding-left: 12px;
  border-left: 1px solid var(--sky-border, #e5e7eb);
}
.skystudio-chat2 .json-leaf {
  padding: 5px 2px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .markdown-content .json-response .json-key {
  color: #66508e;
}
.skystudio-chat2 .markdown-content .json-response .json-string {
  color: #22705d;
}
.skystudio-chat2 .markdown-content .json-response .json-number {
  color: #8a4f15;
}
.skystudio-chat2 .markdown-content .json-response .json-literal {
  color: #4e62a6;
}
.skystudio-chat2 .json-long {
  display: inline;
}
.skystudio-chat2 .json-long > summary {
  cursor: pointer;
  color: #726d89;
}
.skystudio-chat2 .markdown-content .json-response .json-long pre {
  padding: 10px 0;
}
.skystudio-chat2 .markdown-content .json-response .json-notice {
  margin: 0;
  padding: 10px 12px;
  font-size: 12px;
  color: #726d89;
  background: #faf9fd;
}
.skystudio-chat2 .json-feedback {
  padding: 0 12px 8px;
  font-size: 12px;
  color: #22705d;
}
.skystudio-chat2 .json-feedback:empty {
  display: none;
}
@media (max-width: 600px) {
  .skystudio-chat2 .json-toolbar {
    padding: 10px;
    gap: 8px;
  }
  .skystudio-chat2 .json-actions {
    width: 100%;
    justify-content: space-between;
  }
  .skystudio-chat2 .json-actions > button > span {
    display: none;
  }
  .skystudio-chat2 .json-body {
    padding: 8px;
    max-height: 380px;
  }
  .skystudio-chat2 .json-children {
    padding-left: 8px;
  }
}
.skystudio-chat2 .app-shell .email-draft-compose,
.skystudio-chat2 .app-shell .email-draft-card {
  margin: 12px 0 16px;
  overflow: hidden;
  border: 1px solid #ece9f4;
  border-radius: 11px;
  background: #fff;
  font-family: var(--sky-font-family);
}

.skystudio-chat2 .app-shell .email-draft-compose {
  padding: 14px 15px;
}

.skystudio-chat2 .app-shell .email-draft-compose-header {
  display: flex;
  gap: 11px;
  align-items: flex-start;
}

.skystudio-chat2 .app-shell .email-draft-compose-icon {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  color: #201768;
  background: #eaecf5;
}

.skystudio-chat2 .app-shell .email-draft-compose-title {
  margin: 0;
  color: #201768;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 21px;
}

.skystudio-chat2 .app-shell .email-draft-compose-desc {
  margin: 0;
  color: #8a86aa;
  font-size: 11.5px;
  line-height: 19px;
}

.skystudio-chat2 .app-shell .email-draft-compose-skeleton {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #ece9f4;
}

.skystudio-chat2 .app-shell .email-draft-compose-skeleton span {
  display: block;
  height: 8px;
  border-radius: 999px;
  background: #f0eef5;
  animation: chat2-email-draft-pulse 1.4s ease-in-out infinite;
}

.skystudio-chat2 .app-shell .email-draft-compose-skeleton span:nth-child(1) {
  width: 28%;
}

.skystudio-chat2 .app-shell .email-draft-compose-skeleton span:nth-child(2) {
  width: 42%;
}

.skystudio-chat2 .app-shell .email-draft-compose-skeleton--wide {
  width: 100%;
  background: #f5f4f8 !important;
}

.skystudio-chat2 .app-shell .email-draft-compose-skeleton span:nth-child(4) {
  width: 76%;
  background: #f5f4f8;
}

@keyframes chat2-email-draft-pulse {
  0%,
  100% {
    opacity: 0.55;
  }

  50% {
    opacity: 1;
  }
}

.skystudio-chat2 .app-shell .email-draft-card-header {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 14px 16px 10px;
  border-bottom: 1px solid #ece9f4;
}

.skystudio-chat2 .app-shell .email-draft-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  color: #201768;
  background: #f4f3ff;
}

.skystudio-chat2 .app-shell .email-draft-card-heading {
  display: flex;
  flex: 1;
  gap: 8px;
  align-items: center;
  min-width: 0;
  color: #201768;
  font-size: 14px;
}

.skystudio-chat2 .app-shell .email-draft-confidence {
  padding: 2px 6px;
  border-radius: 999px;
  color: #7f56d9;
  background: #f4f3ff;
  font-size: 11px;
  font-weight: 600;
}

.skystudio-chat2 .app-shell .email-draft-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.skystudio-chat2 .app-shell .email-draft-action {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  padding: 6px 10px;
  border: 1px solid #ece9f4;
  border-radius: 8px;
  color: #4f4d6b;
  background: #fff;
  font-family: inherit;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
}

.skystudio-chat2 .app-shell .email-draft-action--primary {
  border-color: #d6bbfb;
  color: #7f56d9;
  background: #fbfaff;
}

.skystudio-chat2 .app-shell .email-draft-meta-row {
  display: flex;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #ece9f4;
  background: #fbfafd;
}

.skystudio-chat2 .app-shell .email-draft-meta-label {
  flex-shrink: 0;
  color: #7c7795;
  font-size: 12px;
  font-weight: 700;
}

.skystudio-chat2 .app-shell .email-draft-meta-value {
  min-width: 0;
  color: #1a1654;
  font-size: 12px;
  line-height: 18px;
  overflow-wrap: anywhere;
}

.skystudio-chat2 .app-shell .email-draft-field {
  display: block;
  padding: 12px 16px;
  border-bottom: 1px solid #ece9f4;
}

.skystudio-chat2 .app-shell .email-draft-field > span {
  display: block;
  margin-bottom: 6px;
  color: #7c7795;
  font-size: 12px;
  font-weight: 700;
}

.skystudio-chat2 .app-shell .email-draft-field input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ece9f4;
  border-radius: 8px;
  color: #1a1654;
  background: #fff;
  font-family: inherit;
  font-size: 13px;
}

.skystudio-chat2 .app-shell .email-draft-field--body .email-draft-body {
  color: #1a1654;
  font-size: 13px;
  line-height: 20px;
}

.skystudio-chat2 .app-shell .email-draft-body--plain {
  white-space: pre-wrap;
}

.skystudio-chat2 .app-shell .email-draft-missing {
  margin: 0;
  padding: 10px 16px;
  color: #8a86aa;
  font-size: 12px;
}

.skystudio-chat2 .app-shell .email-draft-questions {
  margin: 0;
  padding: 0 16px 14px 32px;
  color: #4f4d6b;
  font-size: 12px;
  line-height: 18px;
}
.skystudio-chat2 .app-shell .conversation-tabs-bar { display: flex; flex-shrink: 0; align-items: center; height: 41px; gap: 3px; padding: 7px 8px 0; border-bottom: 1px solid #ece9f4; background: #fafafc; }
.skystudio-chat2 .app-shell fieldset.composer { min-width: 0; margin-inline: 0; }
.skystudio-chat2 .app-shell .conversation-tabs-list { display: flex; flex: 0 1 auto; min-width: 0; gap: 3px; overflow-x: auto; scrollbar-width: thin; align-self: stretch; }
.skystudio-chat2 .app-shell .conversation-tab { display: flex; flex-shrink: 0; align-items: center; max-width: 48px; border: 1px solid transparent; border-bottom: 0; border-radius: 9px 9px 0 0; transition: max-width .15s ease, background .15s ease; }
.skystudio-chat2 .app-shell .conversation-tab:is(.active, :hover, :focus-within) { max-width: 240px; background: white; border-color: #e4e0ed; }
.skystudio-chat2 .app-shell .conversation-tab.active { min-width: 160px; }
.skystudio-chat2 .app-shell .conversation-tab > button { display: flex; align-items: center; gap: 6px; min-width: 0; height: 32px; padding: 5px 9px; border: 0; background: transparent; color: var(--sky-brand, #26204d); cursor: pointer; font: inherit; font-size: 12px; }
.skystudio-chat2 .app-shell .conversation-tab > [role="tab"] { flex: 1; overflow: hidden; }
.skystudio-chat2 .app-shell .conversation-tab-avatar { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 4px; background: #77738e; color: white; font-size: 9px; font-weight: 700; }
.skystudio-chat2 .app-shell .conversation-tab.active .conversation-tab-avatar { background: var(--sky-brand, #26204d); }
.skystudio-chat2 .app-shell .conversation-tab-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.skystudio-chat2 .app-shell .conversation-tab:not(.active):not(:hover):not(:focus-within) :is(.conversation-tab-title, .conversation-tab-close) { display: none; }
.skystudio-chat2 .app-shell .conversation-tab > .conversation-tab-close { flex-shrink: 0; padding: 4px; margin-right: 4px; width: 22px; height: 22px; border-radius: 4px; color: #79758a; }
.skystudio-chat2 .app-shell .conversation-tab-close:hover { background: #f0edf8; }
.skystudio-chat2 .app-shell .conversation-tabs-spacer { flex: 1 1 auto; min-width: 8px; align-self: stretch; }
.skystudio-chat2 .app-shell :is(.conversation-tabs-add, .conversation-tabs-menu, .conversation-tabs-settings) { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; margin-bottom: 3px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--sky-brand, #26204d); cursor: pointer; }
.skystudio-chat2 .app-shell :is(.conversation-tabs-add, .conversation-tabs-menu, .conversation-tabs-settings):hover { background: #eeeaf8; }
.skystudio-chat2 .app-shell .conversation-tabs-bar button:disabled { opacity: .45; cursor: default; }
.skystudio-chat2 .app-shell .conversation-tabs-bar button:focus-visible { outline: 2px solid #9670de; outline-offset: -2px; }
.skystudio-chat2 .app-shell .conversation-tab-spinner { flex-shrink: 0; animation: chat2-chat-tab-spin 1s linear infinite; }
@keyframes chat2-chat-tab-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .skystudio-chat2 .app-shell .conversation-tab { transition: none; } .skystudio-chat2 .app-shell .conversation-tab-spinner { animation: none; } }
.skystudio-chat2 .connector-control {
  position: relative;
}
.skystudio-chat2 .connector-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--border, #dedbd4);
  border-radius: 50%;
  background: transparent;
  color: inherit;
  padding: 0;
  cursor: pointer;
}
.skystudio-chat2 .connector-trigger.selected {
  background: #edf3ee;
  color: #285640;
}
.skystudio-chat2 .connector-popover {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: min(430px, calc(100vw - 48px));
  max-height: min(650px, calc(100dvh - 80px));
  overflow-y: auto;
  z-index: 60;
  padding: 16px;
  color: #1a1654;
  background: #fff;
  border: 1px solid #ece9f4;
  border-radius: 16px;
  box-shadow: 0 24px 56px -16px rgb(20 17 60 / 35%);
  text-align: left;
  font-family: var(--sky-font-family, Montserrat, sans-serif);
}
.skystudio-chat2 .connector-popover header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.skystudio-chat2 .connector-popover button,
.skystudio-chat2 .connector-required button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  color: inherit;
  background: transparent;
  border: 1px solid #dfddd5;
  border-radius: 7px;
  padding: 6px 9px;
  font-size: 12px;
}
.skystudio-chat2 .connector-popover button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.skystudio-chat2 .connector-note,
.skystudio-chat2 .connector-popover footer {
  font-size: 12px;
  color: #71756b;
  line-height: 1.5;
}
.skystudio-chat2 .connector-card {
  padding: 13px 0;
  border-bottom: 1px solid #eceae3;
}
.skystudio-chat2 .connector-card-main,
.skystudio-chat2 .connector-card label,
.skystudio-chat2 .connector-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}
.skystudio-chat2 .connector-card-main {
  justify-content: space-between;
}
.skystudio-chat2 .connector-card strong {
  font-size: 13px;
}
.skystudio-chat2 .connector-card small {
  display: block;
  font-size: 11px;
  color: #74766f;
  margin-top: 3px;
}
.skystudio-chat2 .connector-badge {
  font-size: 10px;
  padding: 4px 6px;
  border-radius: 6px;
  background: #f1efe9;
  white-space: nowrap;
}
.skystudio-chat2 .connector-badge.connected {
  background: #eaf3e9;
  color: #347147;
}
.skystudio-chat2 .connector-actions {
  margin-top: 10px;
  flex-wrap: wrap;
}
.skystudio-chat2 .connector-settings {
  padding: 12px;
  background: #f5f4ee;
  border-radius: 9px;
  margin-top: 10px;
  font-size: 11px;
}
.skystudio-chat2 .connector-settings label {
  display: block;
  margin-bottom: 8px;
}
.skystudio-chat2 .connector-settings input {
  width: 100%;
  padding: 8px;
  margin-top: 4px;
  border: 1px solid #d9d7ce;
  background: #fffefa;
  border-radius: 6px;
  box-sizing: border-box;
}
.skystudio-chat2 .connector-settings code {
  overflow-wrap: anywhere;
}
.skystudio-chat2 .connector-popover footer {
  margin-top: 12px;
}
.skystudio-chat2 .connector-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #a02a2a;
  font-size: 12px;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .connector-required {
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: 12px;
  margin: 8px 0;
  padding: 10px;
  border-radius: 9px;
  background: #f5f0df;
  max-width: 480px;
}
.skystudio-chat2 .connector-callback {
  max-width: 550px;
  padding: 40px;
  margin: 10vh auto;
}
.skystudio-chat2 .connector-callback a {
  margin-left: 20px;
}
.skystudio-chat2 .connector-approval-details {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 12px;
  max-height: 45vh;
  overflow-y: auto;
  padding: 12px;
  border: 1px solid #dedbd4;
  border-radius: 8px;
}
.skystudio-chat2 .run-activity {
  margin: 12px 0 18px 38px;
  color: #70757e;
  font-size: 13px;
}
.skystudio-chat2 .run-activity summary {
  display: flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
  list-style: none;
}
.skystudio-chat2 .run-activity summary > span {
  flex: 1;
}
.skystudio-chat2 .run-activity summary small {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.skystudio-chat2 .run-activity ol {
  border-left: 1px solid #dfe2e8;
  margin: 12px 0 6px 7px;
  padding-left: 24px;
}
.skystudio-chat2 .run-activity li {
  padding: 5px 0;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.skystudio-chat2 .run-activity li svg {
  flex-shrink: 0;
}
.skystudio-chat2 .run-activity summary::-webkit-details-marker {
  display: none;
}
.skystudio-chat2 .run-activity[open] summary > svg:last-child,
.skystudio-chat2 .thinking-summary[open] summary > svg:last-child {
  transform: rotate(180deg);
}
.skystudio-chat2 .thinking-summary-content {
  max-height: 320px;
  overflow: auto;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.7;
}
.skystudio-chat2 .thinking-summary-content p {
  white-space: normal;
  font-size: inherit;
}
.skystudio-chat2 .thinking-summary-content :is(h1, h2, h3, h4) {
  font-size: 12px;
  margin: 12px 0 4px;
}
.skystudio-chat2 .thinking-summary-content :is(ul, ol) {
  padding-left: 20px;
  margin: 6px 0;
}
.skystudio-chat2 .thinking-summary-content pre {
  white-space: pre-wrap;
}
.skystudio-chat2 .thinking-live {
  color: #8a84a7;
  font-size: 10px;
  font-weight: 400;
}
.skystudio-chat2 .message-branch {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 0;
  border: 0;
  background: none;
  color: #7a7f88;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.skystudio-chat2 .message-branch:hover {
  color: #3e4656;
}
.skystudio-chat2 .message-branch:disabled {
  opacity: 0.5;
  cursor: wait;
}
.skystudio-chat2 .message-branch:focus-visible {
  outline: 2px solid #8090ad;
  outline-offset: 3px;
}
.skystudio-chat2 .user-message-group {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.skystudio-chat2 .user-message-group .message-branch {
  margin-top: 3px;
}
.skystudio-chat2 .run-activity li code {
  margin-left: 8px;
  font-size: 11px;
}
.skystudio-chat2 .run-activity p {
  font-size: 11px;
}
.skystudio-chat2 .activity-pulse {
  animation: chat2-activity-pulse 1.8s ease-in-out infinite;
}
@keyframes chat2-activity-pulse {
  50% {
    opacity: 0.4;
  }
}
@media (prefers-reduced-motion: reduce) {
  .skystudio-chat2 .activity-pulse {
    animation: none;
  }
}
.skystudio-chat2 .artifact-download {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  border: 1px solid #dfe2e8;
  border-radius: 10px;
  padding: 12px 16px;
  text-decoration: none;
  background: #f8f9fb;
}
.skystudio-chat2 .skill-authoring {
  border: 1px solid #e0e4ed;
  border-radius: 12px;
  padding: 16px;
  margin: 16px 0;
}
.skystudio-chat2 .skill-authoring h3 {
  margin: 0 0 6px;
  font-size: 14px;
}
.skystudio-chat2 .skill-authoring p,
.skystudio-chat2 .skill-authoring small {
  font-size: 12px;
  color: #667080;
}
.skystudio-chat2 .skill-authoring .user {
  padding: 8px 10px;
  border-radius: 8px;
  background: #f0f2f7;
  color: #303846;
}
.skystudio-chat2 .skill-authoring textarea {
  display: block;
  width: 100%;
  resize: vertical;
  border: 1px solid #dce0e8;
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
  font: inherit;
}
.skystudio-chat2 .skill-authoring button {
  margin: 10px 12px 0 0;
}

.skystudio-chat2 .chat-skill-workbench {
  width: min(760px, calc(100% - 32px));
  margin: 18px auto;
  padding: 16px;
  border: 1px solid var(--border, #e3e3e0);
  border-radius: 16px;
  background: var(--surface, #fff);
  box-shadow: 0 10px 32px rgb(15 23 42 / 7%);
}

.skystudio-chat2 .chat-skill-workbench > header,
.skystudio-chat2 .skill-workbench-actions,
.skystudio-chat2 .skill-workbench-refine,
.skystudio-chat2 .skill-draft-summary {
  display: flex;
  align-items: center;
  gap: 10px;
}

.skystudio-chat2 .chat-skill-workbench > header {
  justify-content: space-between;
}

.skystudio-chat2 .chat-skill-workbench > header span,
.skystudio-chat2 .skill-workbench-files {
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 600;
}

.skystudio-chat2 .chat-skill-workbench blockquote {
  margin: 12px 0;
  padding: 8px 12px;
  border-left: 2px solid #8b7cf6;
  color: var(--text-secondary, #686868);
}

.skystudio-chat2 .skill-target-picker,
.skystudio-chat2 .skill-draft-summary > div,
.skystudio-chat2 .skill-draft-summary > label {
  display: grid;
  gap: 6px;
  flex: 1;
}

.skystudio-chat2 .chat-skill-workbench :is(input, select, textarea) {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--border, #dededb);
  border-radius: 10px;
  padding: 9px 11px;
  background: var(--surface, #fff);
  color: inherit;
  font: inherit;
}

.skystudio-chat2 .skill-md-preview {
  margin-top: 12px;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  line-height: 1.45;
}

.skystudio-chat2 .skill-workbench-files {
  flex-wrap: wrap;
  margin: 10px 0;
  color: var(--text-secondary, #686868);
  font-size: 12px;
}

.skystudio-chat2 .skill-workbench-files code {
  padding: 3px 6px;
  border-radius: 6px;
  background: #f3f2fa;
}

.skystudio-chat2 .skill-workbench-refine textarea {
  flex: 1;
}

.skystudio-chat2 .skill-workbench-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 12px;
}

.skystudio-chat2 .skill-workbench-actions label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.skystudio-chat2 .skill-workbench-actions label input {
  display: none;
}

.skystudio-chat2 .skill-delete-preview {
  padding: 12px;
  border-radius: 12px;
  background: #fff7f7;
}

.skystudio-chat2 .chat-skill-workbench .danger {
  color: #a82020;
  border-color: #e6b6b6;
}

.skystudio-chat2 .skill-workbench-status,
.skystudio-chat2 .skill-workbench-error {
  margin: 10px 0 0;
  font-size: 13px;
}

.skystudio-chat2 .skill-workbench-error {
  color: #b42318;
}

@media (max-width: 700px) {
  .skystudio-chat2 .skill-draft-summary,
  .skystudio-chat2 .skill-workbench-refine {
    align-items: stretch;
    flex-direction: column;
  }
}
.skystudio-chat2 .message-actions {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 10px;
}

.skystudio-chat2 .user-message-group .message-actions {
  justify-content: flex-end;
}

.skystudio-chat2 .message-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  color: #9b97b3;
  background: transparent;
  cursor: pointer;
  transition:
    color 0.15s ease,
    background 0.15s ease,
    transform 0.15s ease;
}

.skystudio-chat2 .message-action-btn:hover:not(:disabled) {
  color: #605a90;
  background: #f4f3ff;
}

.skystudio-chat2 .message-action-btn:active:not(:disabled) {
  transform: scale(0.96);
}

.skystudio-chat2 .message-action-btn--up-on {
  color: #059669;
  background: #ecfdf5;
}

.skystudio-chat2 .message-action-btn--up-on:hover:not(:disabled) {
  color: #047857;
  background: #d1fae5;
}

.skystudio-chat2 .message-action-btn--down-on {
  color: #e11d48;
  background: #fff1f2;
}

.skystudio-chat2 .message-action-btn--down-on:hover:not(:disabled) {
  color: #be123c;
  background: #ffe4e6;
}

.skystudio-chat2 .message-action-btn--copied {
  color: #059669;
  background: #ecfdf5;
}

.skystudio-chat2 .message-action-btn:disabled {
  opacity: 0.4;
  cursor: default;
}

.skystudio-chat2 .message-action-btn:focus-visible {
  outline: 2px solid var(--sky-focus);
  outline-offset: 2px;
}

.skystudio-chat2 .message-action-error {
  margin-top: 4px;
  font-size: 11px;
  line-height: 16px;
  color: #b42318;
}
.skystudio-chat2 .feature-load-error { flex: 1; padding: 64px 24px; }
.skystudio-chat2 .feature-load-error button { margin: 8px; padding: 8px 16px; }
.skystudio-chat2 .vault-page { flex: 1; min-width: 0; min-height: 0; overflow: auto; padding: 24px clamp(18px, 4vw, 64px); color: #252553; }
.skystudio-chat2 .vault-header { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
.skystudio-chat2 .vault-header > div { flex: 1; }
.skystudio-chat2 .vault-header h1 { display: flex; align-items: center; gap: 9px; font-size: 24px; margin: 0 0 5px; }
.skystudio-chat2 .vault-header p, .skystudio-chat2 .vault-note, .skystudio-chat2 .vault-editor p { color: #777795; font-size: 13px; margin: 0; }
.skystudio-chat2 .vault-header button, .skystudio-chat2 .vault-editor button, .skystudio-chat2 .vault-card button { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #deddea; border-radius: 9px; background: white; padding: 9px 12px; color: inherit; cursor: pointer; }
.skystudio-chat2 .vault-header button:disabled, .skystudio-chat2 .vault-editor button:disabled, .skystudio-chat2 .vault-card button:disabled { opacity: .5; cursor: not-allowed; }
.skystudio-chat2 .vault-note { padding: 13px 16px; border: 1px solid #e5e3ef; border-radius: 10px; margin-bottom: 20px; }
.skystudio-chat2 .vault-error { color: #a12b35; background: #fff2f2; padding: 12px; border-radius: 9px; }
.skystudio-chat2 .vault-editor { display: grid; gap: 12px; max-width: 650px; padding: 20px; margin-bottom: 20px; border: 1px solid #deddea; border-radius: 12px; background: #fafaff; }
.skystudio-chat2 .vault-editor label { display: grid; gap: 5px; font-size: 13px; font-weight: 600; }
.skystudio-chat2 .vault-editor input, .skystudio-chat2 .vault-editor select, .skystudio-chat2 .vault-editor textarea { width: 100%; border: 1px solid #d5d3e5; border-radius: 8px; padding: 9px 10px; background: white; color: #252553; font: inherit; }
.skystudio-chat2 .vault-editor textarea { font-family: ui-monospace, monospace; resize: vertical; }
.skystudio-chat2 .vault-editor > div { display: flex; justify-content: flex-end; gap: 8px; }
.skystudio-chat2 .vault-list { display: grid; gap: 10px; max-width: 800px; }
.skystudio-chat2 .vault-card { display: flex; justify-content: space-between; gap: 16px; border: 1px solid #e5e3ef; border-radius: 11px; padding: 15px; }
.skystudio-chat2 .vault-card > div:first-child { display: grid; gap: 4px; }
.skystudio-chat2 .vault-card small { color: #777795; }
.skystudio-chat2 .vault-card > div:last-child { display: flex; align-items: center; gap: 6px; }
.skystudio-chat2 .artifact-page {
  max-width: 1000px;
  margin: 0 auto;
  padding: 36px 24px;
  color: var(--text-primary, #202020);
}
.skystudio-chat2 .artifact-back {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: inherit;
  text-decoration: none;
  margin-bottom: 28px;
}
.skystudio-chat2 .artifact-view header {
  display: flex;
  gap: 14px;
  align-items: center;
}
.skystudio-chat2 .artifact-view h1 {
  font-size: 22px;
  margin: 0;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .artifact-view header p,
.skystudio-chat2 .artifact-note {
  color: #737373;
  font-size: 13px;
  line-height: 1.6;
}
.skystudio-chat2 .artifact-access {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  font-size: 14px;
}
.skystudio-chat2 .artifact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0;
  align-items: center;
}
.skystudio-chat2 .artifact-actions a,
.skystudio-chat2 .artifact-actions button,
.skystudio-chat2 .artifact-confirm button {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  padding: 10px 14px;
  border: 1px solid #dcdcdc;
  border-radius: 9px;
  background: #fff;
  color: #222;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  text-decoration: none;
}
.skystudio-chat2 .artifact-view button:disabled {
  opacity: 0.5;
  cursor: wait;
}
.skystudio-chat2 .artifact-view button:focus-visible,
.skystudio-chat2 .artifact-view a:focus-visible {
  outline: 2px solid #497268;
  outline-offset: 3px;
}
.skystudio-chat2 .artifact-confirm {
  border: 1px solid #d8e0dc;
  padding: 16px;
  border-radius: 12px;
  margin-bottom: 16px;
  background: #f5f8f6;
}
.skystudio-chat2 .artifact-confirm p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.6;
}
.skystudio-chat2 .artifact-confirm button + button {
  margin-left: 8px;
}
.skystudio-chat2 .artifact-preview {
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.skystudio-chat2 .artifact-preview img {
  display: block;
  max-width: 100%;
  max-height: 75vh;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.skystudio-chat2 .artifact-preview iframe {
  width: 100%;
  min-height: 65vh;
  border: none;
  display: block;
  background: #fff;
}
.skystudio-chat2 .artifact-preview p {
  padding: 25px;
  color: #737373;
}
.skystudio-chat2 .artifact-error {
  color: #a33636;
  background: #fff3f3;
  padding: 12px;
  border-radius: 8px;
}
/* Chat 2.0 CSS bridge to the frontend's canonical SkyStudio redesign tokens.
 * Foundation values resolve from tailwind.config.js during the frontend build.
 * Semantic component values follow redesignTypographyStyles.ts and
 * redesignComponentStyles.ts. Keep this rule scoped to the Chat 2.0 root.
 */
.skystudio-chat2 {
  /* Foundation: Montserrat + SkyStudio's named type scale. */
  --sky-font-family: Montserrat, sans-serif;
  --sky-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --sky-t0: 9px;
  --sky-t1: 11px;
  --sky-t2: 13px;
  --sky-t3: 15px;
  --sky-b1: 17px;
  --sky-b2: 19px;
  --sky-h1: 23px;
  --sky-h2: 29px;
  --sky-leading-t0: 14px;
  --sky-leading-t1: 17px;
  --sky-leading-t2: 19px;
  --sky-leading-t3: 23px;
  --sky-leading-b1: 27px;
  --sky-leading-b2: 29px;
  --sky-leading-h1: 31px;
  --sky-leading-h2: 37px;
  --sky-weight-regular: 400;
  --sky-weight-medium: 500;
  --sky-weight-semibold: 600;
  --sky-weight-bold: 700;
  --sky-tracking-default: 0;

  /* Foundation: named skymod palette entries used by this surface. */
  --sky-brand-400: #b692f6;
  --sky-brand-600: #7f56d9;
  --sky-brand-900: #201768;
  --sky-brand-950: #140b60;
  --sky-gray-200: #e9eaeb;
  --sky-gray-300: #d5d7da;
  --sky-gray-500: #717680;
  --sky-gray-900: #181d27;
  --sky-blue-gray-50: #f8f9fc;
  --sky-blue-gray-100: #eaecf5;
  --sky-blue-gray-200: #c8cce5;
  --sky-purple-50: #f4f3ff;
  --sky-error-700: #b42318;
  --sky-error-50: #fef3f2;
  --sky-error-200: #fecdca;
  --sky-error-800: #912018;
  --sky-success-50: #ecfdf3;
  --sky-success-700: #027a48;
  --sky-warning-50: #fffaeb;
  --sky-warning-700: #b54708;

  /* Semantic colors also present as literal utilities in the redesign. */
  --sky-brand: var(--sky-brand-900);
  --sky-ink: #1a1654;
  --sky-body: var(--sky-gray-900);
  --sky-text-body: #4f4d6b;
  --sky-muted: #7c7795;
  --sky-text-subtle: #a09db8;
  --sky-text-placeholder: #9994ac;
  --sky-text-control: #605a90;
  --sky-text-disclaimer: #a49fbd;
  --sky-border: #ece9f4;
  --sky-border-accent: #d7d2ff;
  --sky-border-input: #d0d5dd;
  --sky-text-subtitle: #5c5775;
  --sky-surface: #fff;
  --sky-surface-disabled: #ddd9e8;
  --sky-rail: var(--sky-blue-gray-50);
  --sky-hover: var(--sky-purple-50);
  --sky-focus: var(--sky-brand-600);

  /* Semantic type: explicit leading overrides in redesignTypographyStyles. */
  --sky-type-body-size: var(--sky-t2);
  --sky-type-body-leading: 20px;
  --sky-type-caption-size: var(--sky-t1);
  --sky-type-caption-leading: 18px;
  --sky-type-button-size: var(--sky-t2);
  --sky-type-button-leading: 20px;
  --sky-type-button-weight: var(--sky-weight-semibold);
  --sky-type-compact-size: var(--sky-t1);
  --sky-type-compact-leading: 1;

  /* Semantic typography (redesignTypographyStyles.ts). */
  --sky-type-panel-title-size: var(--sky-b1);
  --sky-type-panel-title-leading: var(--sky-leading-b1);
  --sky-type-panel-title-weight: var(--sky-weight-bold);
  --sky-type-entity-meta-size: var(--sky-t1);
  --sky-type-entity-meta-leading: var(--sky-type-caption-leading);
  --sky-type-entity-meta-weight: var(--sky-weight-medium);
  --sky-type-section-eyebrow-size: var(--sky-t1);
  --sky-type-section-eyebrow-leading: var(--sky-type-caption-leading);
  --sky-type-section-eyebrow-weight: var(--sky-weight-bold);
  --sky-type-form-label-size: var(--sky-t2);
  --sky-type-form-label-leading: var(--sky-type-body-leading);
  --sky-type-form-label-weight: var(--sky-weight-medium);
  --sky-type-form-input-size: var(--sky-t3);
  --sky-type-form-input-leading: var(--sky-leading-t3);
  --sky-type-form-input-weight: var(--sky-weight-regular);
  --sky-type-stat-label-size: var(--sky-t1);
  --sky-type-stat-label-leading: var(--sky-type-caption-leading);
  --sky-type-stat-label-weight: var(--sky-weight-regular);
  --sky-type-stat-value-size: var(--sky-t2);
  --sky-type-stat-value-leading: var(--sky-type-body-leading);
  --sky-type-stat-value-weight: var(--sky-weight-bold);
  --sky-type-button-compact-size: var(--sky-t1);
  --sky-type-button-compact-leading: var(--sky-type-caption-leading);
  --sky-type-button-compact-weight: var(--sky-weight-semibold);
  --sky-type-tab-size: var(--sky-t2);
  --sky-type-tab-leading: var(--sky-type-body-leading);
  --sky-type-tab-weight: var(--sky-weight-medium);
  --sky-type-tab-active-weight: var(--sky-weight-semibold);
  --sky-type-micro-size: var(--sky-t0);
  --sky-type-micro-leading: var(--sky-leading-t0);
  --sky-type-micro-weight: var(--sky-weight-medium);

  /* Component geometry from rounded-* utilities and shared shells. */
  --sky-radius-md: 6px;
  --sky-radius-lg: 8px;
  --sky-radius-xl: 12px;
  --sky-radius-2xl: 16px;
  --sky-radius-compact: 9px;
  --sky-radius-avatar: 10px;
  --sky-radius-card: 14px;
  --sky-field-height: 44px;
  --sky-page-width: 1200px;
  --sky-scrim: rgb(20 17 60 / 30%);
  --sky-shadow-sm: 0 1px 2px rgb(16 24 40 / 5%);
  --sky-shadow-message: 0 1px 2px rgb(16 24 40 / 4%);
  --sky-shadow-dropdown:
    0 12px 16px -4px rgb(16 24 40 / 8%), 0 4px 6px -2px rgb(16 24 40 / 3%);
  --sky-shadow: var(--sky-shadow-sm);
  --sky-focus-width: 2px;
  --sky-focus-offset: 2px;
  --sky-focus-ring: 0 0 0 var(--sky-focus-width) var(--sky-focus);

  /* Chat layout shared by source HomeLayout/RedesignChatInput. */
  --sky-rail-width: 90px;
  /* HomeLayout expanded aside is 390px incl. 90px rail → history column ≈ 300px. */
  --sky-history-width: 300px;
  --sky-sidebar-width: calc(var(--sky-rail-width) + var(--sky-history-width));
  --sky-header-height: 67px;
  --sky-message-width: 760px;
  --sky-composer-width: 820px;
  /* ChatInnerPage message rhythm (redesign chat). */
  --sky-chat-turn-spacing: 16px;
  --sky-chat-list-padding-top: 24px;
  --sky-chat-list-padding-bottom: 32px;
  --sky-chat-list-padding-bottom-md: 40px;
  --sky-chat-list-padding-inline: 16px;
  --sky-chat-list-padding-inline-md: 32px;
  --sky-chat-list-padding-inline-lg: 40px;
  --sky-control-height: 32px;
  --sky-action-size: 34px;
  --sky-icon-stroke: 1.7;
  --sky-composer-border-width: 2px;
  --sky-composer-border: var(--sky-brand-400);
  --sky-composer-fade: linear-gradient(
    to bottom,
    transparent,
    var(--sky-surface) 18%,
    var(--sky-surface)
  );

  /* Reet adaptations (not upstream typography tokens): short rail labels,
   * native mobile textarea >=16px prevents iOS focus zoom; no controls hidden.
   * Breakpoints stay literal in the skin: CSS vars cannot be used in queries. */
  --sky-rail-label-leading: 15px;
  --sky-mobile-input-size: 16px;
  --sky-mobile-input-leading: 24px;
  --sky-mobile-sidebar-gap: 16px;
  --sky-shadow-sidebar: 16px 0 40px rgb(32 23 104 / 12%);

  /* Redesign form / picker surfaces (SkyStudio-FrontEnd redesignFormColors). */
  --sky-soft-bg: #f5f5fa;
  --sky-surface-raised: #fbfafd;
  --sky-accent-soft: #eef0fe;
  --sky-accent-light: #f4f5fe;
  --sky-border-strong: #d8d3e6;
  --sky-accent-indigo: #6366f1;
  --sky-radius-feature-card: 20px;
  --sky-shadow-feature-card: 0 8px 24px -12px rgb(26 22 84 / 12%);
}
/* SkyStudio visual adaptation, CSS only. Source: SkyStudio-FrontEnd @ 895e5881,
 * redesign/pages/home/{HomeLayout,RedesignChatInput}.tsx,
 * redesign/redesignTypographyStyles.ts and ChatInnerPage message styles.
 * Scope deliberately excludes account/artifact pages and feature-page contents.
 * Reet's DOM, actions, stream protocol and service contracts are unchanged.
 * Visual values come from redesign-tokens.css. Keep responsive positioning
 * here; do not introduce new colors, type scales, radii or shadows here. */
.skystudio-chat2 .app-shell {
  height: 100dvh;
  min-height: 0;
  color: var(--sky-ink);
  background: var(--sky-surface);
}
.skystudio-chat2 .app-shell
  :is(.sidebar, .chat-header, .message-list, .welcome, .composer-wrap) {
  font-family: var(--sky-font-family);
  font-weight: var(--sky-weight-regular);
  letter-spacing: var(--sky-tracking-default);
}
/* A navigation rail and history panel, without moving or replacing controls. */
.skystudio-chat2 .app-shell > .sidebar {
  display: grid;
  grid-template-columns: var(--sky-rail-width) minmax(0, 1fr);
  grid-template-rows: var(--sky-header-height) repeat(
      6,
      clamp(44px, 8dvh, 64px)
    ) minmax(0, 1fr) auto;
  width: var(--sky-sidebar-width);
  flex-basis: var(--sky-sidebar-width);
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  border-right: 1px solid var(--sky-gray-200);
  background: linear-gradient(
    to right,
    var(--sky-rail) var(--sky-rail-width),
    var(--sky-surface) var(--sky-rail-width)
  );
}
.skystudio-chat2 .app-shell > .sidebar:not(.open) {
  margin-left: calc(-1 * var(--sky-sidebar-width));
  visibility: hidden;
}
/* Embedded Chat2: matches redesign ExpandedSidebarPanel (home / chat rail). */
.skystudio-chat2 .app-shell > .sidebar.sidebar--history-only {
  display: flex;
  flex-direction: column;
  width: var(--sky-history-width);
  flex: 0 0 var(--sky-history-width);
  min-height: 0;
  overflow: hidden;
  border-right-color: #e9eaeb;
  background: #fff;
}
.skystudio-chat2 .app-shell > .sidebar.sidebar--history-only:not(.open) {
  margin-left: calc(-1 * var(--sky-history-width));
}
.skystudio-chat2 .app-shell > .sidebar.sidebar--history-only .chat2-sidebar-panel {
  min-height: 0;
}
.skystudio-chat2 .app-shell .sidebar-header {
  grid-area: 1 / 1 / 2 / -1;
  min-width: 0;
  padding: 10px 18px 11px 22px;
  border-bottom: 1px solid var(--sky-border);
  background: var(--sky-surface);
}
.skystudio-chat2 .app-shell .sidebar .brand {
  gap: 10px;
  color: var(--sky-brand);
}
.skystudio-chat2 .app-shell .brand strong {
  font-size: var(--sky-b2);
  line-height: var(--sky-leading-b2);
  font-weight: var(--sky-weight-bold);
  letter-spacing: var(--sky-tracking-default);
}
.skystudio-chat2 .app-shell :is(.sidebar, .chat-shell) .reet-mark {
  border-color: var(--sky-border);
  color: var(--sky-focus);
  background: var(--sky-hover);
  box-shadow: none;
}
.skystudio-chat2 .app-shell .sidebar .reet-mark-small {
  width: var(--sky-action-size);
  height: var(--sky-action-size);
  border-radius: var(--sky-radius-avatar);
}
.skystudio-chat2 .app-shell .sidebar-nav-button {
  grid-column: 1;
  min-width: 0;
  height: auto;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  margin: 3px 5px;
  padding: 4px;
  border-radius: var(--sky-radius-xl);
  color: var(--sky-gray-500);
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-regular);
  line-height: var(--sky-rail-label-leading);
  text-align: center;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .app-shell .sidebar-nav-button > svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  stroke-width: var(--sky-icon-stroke);
}
.skystudio-chat2 .app-shell .sidebar-nav-button:is(:hover, .active) {
  color: var(--sky-brand);
  background: var(--sky-hover);
}
.skystudio-chat2 .app-shell .sidebar-nav-button.active {
  font-weight: var(--sky-weight-semibold);
}
.skystudio-chat2 .app-shell .new-chat-button {
  grid-area: 2 / 2;
  align-self: center;
  height: var(--sky-action-size);
  margin: 0 16px;
  padding: 6px 14px;
  border-color: var(--sky-blue-gray-200);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-brand);
  background: var(--sky-blue-gray-100);
  box-shadow: var(--sky-shadow);
  font-size: var(--sky-type-button-size);
  font-weight: var(--sky-type-button-weight);
  line-height: var(--sky-type-button-leading);
}
.skystudio-chat2 .app-shell .new-chat-button:hover {
  border-color: var(--sky-blue-gray-200);
  background: var(--sky-hover);
}
.skystudio-chat2 .app-shell .search-box {
  grid-area: 3 / 2;
  align-self: start;
  min-width: 0;
  height: 36px;
  margin: 0 16px;
  border-color: var(--sky-border);
  border-radius: var(--sky-radius-lg);
  background: var(--sky-rail);
}
.skystudio-chat2 .app-shell .search-box:focus-within {
  border-color: var(--sky-focus);
  background: var(--sky-surface);
  box-shadow: var(--sky-focus-ring);
}
.skystudio-chat2 .app-shell .search-box input {
  color: var(--sky-ink);
  font-size: var(--sky-t2);
  line-height: var(--sky-leading-t2);
}
.skystudio-chat2 .app-shell .search-box input::-moz-placeholder {
  color: var(--sky-text-placeholder);
}
.skystudio-chat2 .app-shell .search-box input::placeholder {
  color: var(--sky-text-placeholder);
}
.skystudio-chat2 .app-shell .history-heading {
  grid-area: 4 / 2;
  align-self: end;
  padding: 0 18px 10px;
  color: var(--sky-text-subtle);
  font-size: var(--sky-type-caption-size);
  line-height: var(--sky-type-caption-leading);
  font-weight: var(--sky-weight-medium);
  text-transform: none;
  letter-spacing: var(--sky-tracking-default);
}
.skystudio-chat2 .app-shell .conversation-list {
  grid-area: 5 / 2 / -2 / 3;
  padding: 0 10px 16px;
  overscroll-behavior: contain;
}
.skystudio-chat2 .app-shell .conversation-row {
  margin: 2px 0;
  border-radius: var(--sky-radius-compact);
}
.skystudio-chat2 .app-shell .conversation-row:is(:hover, :focus-within, .active) {
  background: var(--sky-hover);
}
.skystudio-chat2 .app-shell .conversation-open {
  gap: 9px;
  padding: 9px 34px 9px 10px;
}
.skystudio-chat2 .app-shell .conversation-row strong {
  color: var(--sky-ink);
  font-size: var(--sky-t2);
  font-weight: var(--sky-weight-medium);
  line-height: var(--sky-leading-t2);
}
.skystudio-chat2 .app-shell .conversation-row small {
  color: var(--sky-muted);
  font-size: var(--sky-type-caption-size);
  line-height: var(--sky-type-caption-leading);
}
.skystudio-chat2 .app-shell .conversation-row:focus-within .delete-chat {
  display: flex;
}
.skystudio-chat2 .app-shell .sidebar-footer {
  grid-column: 1 / -1;
  grid-row: -2 / -1;
  min-width: 0;
  gap: 12px;
  padding: 12px 16px;
  border-top-color: var(--sky-border);
  background: var(--sky-surface);
}
.skystudio-chat2 .app-shell .sidebar-footer .local-avatar {
  width: var(--sky-action-size);
  height: var(--sky-action-size);
  flex-shrink: 0;
  border: 1px solid var(--sky-border-accent);
  border-radius: var(--sky-radius-avatar);
  color: var(--sky-brand);
  background: var(--sky-blue-gray-100);
}
.skystudio-chat2 .app-shell .sidebar-footer strong {
  overflow: hidden;
  color: var(--sky-ink);
  font-size: var(--sky-t2);
  font-weight: var(--sky-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .workspace-select {
  min-width: 0;
  padding: 7px 8px;
  border-color: var(--sky-border);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-muted);
  background: var(--sky-surface);
  font-size: var(--sky-t1);
  text-overflow: ellipsis;
}
/* Header and conversation canvas match the white SkyStudio chat surface. */
.skystudio-chat2 .app-shell .chat-shell {
  container-name: reet-chat;
  container-type: inline-size;
  min-height: 0;
  background: var(--sky-surface);
}
.skystudio-chat2 .app-shell .chat-header {
  height: var(--sky-header-height);
  min-height: var(--sky-header-height);
  flex-shrink: 0;
  gap: 16px;
  padding: 10px 22px 11px;
  border-color: var(--sky-border);
  background: var(--sky-surface);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.skystudio-chat2 .app-shell .chat-header > div {
  min-width: 0;
}
.skystudio-chat2 .app-shell .chat-header-title {
  max-width: 100%;
  color: var(--sky-brand);
  font-size: var(--sky-t2);
  font-weight: var(--sky-weight-bold);
  line-height: var(--sky-leading-t2);
}
.skystudio-chat2 .app-shell .chat-header-meta {
  margin-top: 3px;
  color: var(--sky-muted);
  font-size: var(--sky-t1);
  line-height: var(--sky-leading-t1);
}
.skystudio-chat2 .app-shell .header-model {
  flex-shrink: 0;
  max-width: 40%;
  padding: 6px 10px;
  border-color: var(--sky-border);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-text-control);
  background: var(--sky-rail);
  font-size: var(--sky-t1);
}
.skystudio-chat2 .app-shell:has(> .sidebar:not(.open)) .chat-header {
  padding-left: 64px;
}
.skystudio-chat2 .app-shell .evaluation-shell .open-sidebar + .evaluation-header,
.skystudio-chat2 .app-shell .agentic-map-shell .open-sidebar + .agentic-map-header {
  padding-left: 64px;
}
.skystudio-chat2 .app-shell .open-sidebar {
  top: 16px;
  border-color: var(--sky-border);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-brand);
  box-shadow: var(--sky-shadow);
}
.skystudio-chat2 .app-shell .chat-content {
  overscroll-behavior-y: contain;
}
.skystudio-chat2 .app-shell .message-list {
  width: min(var(--sky-message-width), calc(100% - 48px));
  padding: var(--sky-chat-list-padding-top) 0
    var(--sky-chat-list-padding-bottom);
}
.skystudio-chat2 .app-shell .welcome {
  width: min(var(--sky-message-width), calc(100% - 48px));
  margin-bottom: 28px;
}
.skystudio-chat2 .app-shell .welcome--chat-empty {
  margin-bottom: 24px;
  text-align: center;
}
.skystudio-chat2 .app-shell .welcome--chat-empty h1 {
  color: #201768;
  font-size: var(--sky-h2);
  font-weight: 700;
  line-height: var(--sky-leading-h2);
  letter-spacing: var(--sky-tracking-default);
  text-transform: none;
}
.skystudio-chat2 .app-shell .welcome--chat-empty p {
  margin-top: 4px;
  color: #7c7795;
  font-size: var(--sky-t2);
  line-height: var(--sky-leading-t2);
}
.skystudio-chat2 .app-shell .welcome--memoryless .welcome-memoryless-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 auto 14px;
  border-radius: 999px;
  color: #f4f3ff;
  background: linear-gradient(145deg, #2a2550 0%, #12102a 100%);
  box-shadow: 0 10px 28px rgb(26 22 51 / 22%);
}
.skystudio-chat2 .app-shell .welcome--memoryless h1 {
  color: #1a1633;
}
.skystudio-chat2 .app-shell .chat-content--memoryless {
  background: radial-gradient(ellipse 80% 50% at 50% 0%, rgb(26 22 51 / 4%) 0%, transparent 55%);
}
.skystudio-chat2 .app-shell .composer-input-shell--memoryless {
  border: 2px dashed rgb(26 22 51 / 18%);
  background: rgb(255 255 255 / 92%);
  box-shadow: none;
}
.skystudio-chat2 .app-shell .composer-input-shell--memoryless:focus-within {
  border-color: rgb(26 22 51 / 28%);
  box-shadow: 0 0 0 3px rgb(26 22 51 / 6%);
}
.skystudio-chat2 .app-shell .composer-toolbar-extras .composer-memoryless-badge {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  max-width: min(240px, 42vw);
  height: 28px;
  padding: 0 4px 0 8px;
  border: 1px solid rgb(26 22 51 / 16%);
  border-radius: 999px;
  color: #1a1633;
  font-size: 11px;
  font-weight: var(--sky-weight-semibold);
  line-height: 1;
  background: rgb(244 243 255 / 96%);
  box-shadow: var(--sky-shadow-sm);
}
.skystudio-chat2 .app-shell .composer-toolbar-extras .composer-memoryless-badge svg {
  flex-shrink: 0;
  color: #4a4578;
}
.skystudio-chat2 .app-shell .composer-toolbar-extras .composer-memoryless-badge span {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.skystudio-chat2 .app-shell .composer-memoryless-enable {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 8px;
  border: 0;
  border-radius: 999px;
  color: #f4f3ff;
  font-size: 10px;
  font-weight: var(--sky-weight-semibold);
  line-height: 1;
  background: #1a1633;
  cursor: pointer;
}
.skystudio-chat2 .app-shell .composer-memoryless-enable:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.skystudio-chat2 .app-shell .welcome h1 {
  color: var(--sky-brand);
  font-size: clamp(var(--sky-h1), 3vw, var(--sky-h2));
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-leading-h2);
  letter-spacing: var(--sky-tracking-default);
}
.skystudio-chat2 .app-shell .welcome p {
  color: var(--sky-muted);
  font-size: var(--sky-t2);
  line-height: var(--sky-leading-t2);
}
.skystudio-chat2 .app-shell .user-message-group {
  margin-bottom: var(--sky-chat-turn-spacing);
}
.skystudio-chat2 .app-shell .user-message-skills {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  max-width: 85%;
  margin-left: auto;
  margin-bottom: 6px;
}
.skystudio-chat2 .app-shell .user-message-skill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid #ddd9e8;
  border-radius: 999px;
  color: #201768;
  background: #f4f3ff;
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-leading-t1);
}
.skystudio-chat2 .app-shell .user-message {
  max-width: 85%;
  margin-bottom: 0;
  padding: 12px 16px;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-2xl) var(--sky-radius-md)
    var(--sky-radius-2xl) var(--sky-radius-2xl);
  color: var(--sky-body);
  background: var(--sky-blue-gray-50);
  box-shadow: var(--sky-shadow-message);
  font-size: var(--sky-t2);
  font-weight: var(--sky-weight-regular);
  line-height: var(--sky-leading-t2);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .app-shell .assistant-message-row {
  gap: 12px;
  margin-bottom: var(--sky-chat-turn-spacing);
}
.skystudio-chat2 .app-shell .assistant-message {
  color: var(--sky-body);
  font-size: var(--sky-t2);
  line-height: var(--sky-leading-t2);
  overflow-wrap: anywhere;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) :is(h1, h2, h3) {
  color: var(--sky-brand);
  font-weight: var(--sky-weight-semibold);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) h1 {
  font-size: var(--sky-h1);
  line-height: var(--sky-leading-h1);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) h2 {
  font-size: var(--sky-b2);
  line-height: var(--sky-leading-b2);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) h3 {
  font-size: var(--sky-b1);
  line-height: var(--sky-leading-b1);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  overflow-wrap: normal;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) :is(th, td) {
  border-color: var(--sky-border);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) th {
  color: var(--sky-brand);
  background: var(--sky-rail);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) img {
  max-width: 100%;
  height: auto;
  border-radius: var(--sky-radius-avatar);
}
/* Match redesign chat `prose` spacing (ChatInnerPage / AssistantResponse). */
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) > :first-child {
  margin-top: 0;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) > :last-child {
  margin-bottom: 0;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) p {
  margin: 0 0 var(--sky-chat-turn-spacing);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) :is(ul, ol) {
  margin: 0 0 var(--sky-chat-turn-spacing);
  padding-left: 22px;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) li {
  margin: 0 0 8px;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) li:last-child {
  margin-bottom: 0;
}
/* Legacy / fallback fenced blocks (OCR text, plain ```) — avoid dark pre + dark hljs text. */
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) pre:not(.json-code) {
  color: #24292e;
  background: #fff;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: 11px;
  font-size: 14px;
  line-height: 1.55;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content:not(.markdown-content--redesign) pre:not(.json-code) code {
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font-size: inherit;
  font-weight: 400;
}
.skystudio-chat2 .app-shell .chat-shell .turn-artifact-downloads {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}
.skystudio-chat2 .app-shell .chat-shell .turn-artifact-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
  padding: 15px 15px 12px;
  border: 1px solid #eaecf5;
  border-radius: 11px;
  background: var(--sky-surface);
  font-family: var(--sky-font-family);
}
.skystudio-chat2 .app-shell .chat-shell .turn-artifact-card-main {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
}
.skystudio-chat2 .app-shell .chat-shell .turn-artifact-card-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  color: var(--sky-brand);
  background: #eaecf5;
}
.skystudio-chat2 .app-shell .chat-shell .turn-artifact-card-copy {
  min-width: 0;
  flex: 1;
}
.skystudio-chat2 .app-shell .chat-shell .turn-artifact-card-title {
  margin: 0;
  overflow: hidden;
  color: var(--sky-brand);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 21px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .chat-shell .turn-artifact-card-subtitle {
  margin: 0;
  overflow: hidden;
  color: #8a86aa;
  font-size: 11.5px;
  font-weight: 400;
  line-height: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .chat-shell .turn-artifact-card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.skystudio-chat2 .app-shell .chat-shell .turn-artifact-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid #eaecf5;
  border-radius: 8px;
  color: var(--sky-brand);
  background: var(--sky-surface);
  font-family: var(--sky-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: none;
  cursor: pointer;
}
.skystudio-chat2 .app-shell .chat-shell .turn-artifact-action:hover {
  border-color: #d8dce8;
  background: #f8f9fc;
}
.skystudio-chat2 .app-shell .chat-shell .turn-artifact-action--primary {
  color: var(--sky-brand);
}
.skystudio-chat2 .app-shell .composer-attachments {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  max-width: 100%;
  margin: 0 0 10px;
  padding: 2px 4px 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.skystudio-chat2 .app-shell .composer-input-shell .composer-attachments--in-shell {
  margin: 0;
  padding: 12px 14px 4px;
}
.skystudio-chat2 .app-shell .user-message-attachments {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  max-width: 85%;
  margin: 0 0 8px auto;
}
.skystudio-chat2 .app-shell .composer-attachment-chip {
  position: relative;
  flex-shrink: 0;
  width: 108px;
  height: 108px;
  overflow: hidden;
  border: 1px solid #eaecf0;
  border-radius: 10px;
  background: #f5f5f5;
  box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
}
.skystudio-chat2 .app-shell .composer-attachment-chip--loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fafafa;
}
.skystudio-chat2 .app-shell .composer-attachment-upload-label {
  margin: 0;
  padding: 0 8px;
  color: #667085;
  font-family: var(--sky-font-family);
  font-size: 9px;
  line-height: 12px;
  text-align: center;
}
.skystudio-chat2 .app-shell .composer-attachment-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #fafafa;
}
.skystudio-chat2 .app-shell .composer-attachment-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.skystudio-chat2 .app-shell .composer-attachment-doc {
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
  padding: 8px;
  background: #fafafa;
}
.skystudio-chat2 .app-shell .composer-attachment-doc-bar {
  width: 24px;
  height: 4px;
  border-radius: 2px;
  background: #eaecf0;
}
.skystudio-chat2 .app-shell .composer-attachment-doc-lines {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}
.skystudio-chat2 .app-shell .composer-attachment-doc-line {
  height: 2px;
  border-radius: 999px;
  background: #eaecf0;
}
.skystudio-chat2 .app-shell .composer-attachment-doc-line--88 {
  width: 88%;
}
.skystudio-chat2 .app-shell .composer-attachment-doc-line--72 {
  width: 72%;
}
.skystudio-chat2 .app-shell .composer-attachment-doc-line--84 {
  width: 84%;
}
.skystudio-chat2 .app-shell .composer-attachment-meta {
  position: absolute;
  inset: auto 0 0;
  padding: 20px 6px 6px;
  background: linear-gradient(to top, #fff 50%, rgb(255 255 255 / 95%) 70%, transparent);
}
.skystudio-chat2 .app-shell .composer-attachment-badge {
  display: inline-flex;
  margin-bottom: 2px;
  padding: 2px 4px;
  border: 1px solid #eaecf0;
  border-radius: 4px;
  color: #344054;
  background: rgb(255 255 255 / 95%);
  box-shadow: 0 1px 2px rgb(16 24 40 / 6%);
  font-family: var(--sky-font-family);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.skystudio-chat2 .app-shell .composer-attachment-name {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #475467;
  font-family: var(--sky-font-family);
  font-size: 9px;
  font-weight: 400;
  line-height: 12px;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.skystudio-chat2 .app-shell .composer-attachment-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 1px solid #eaecf0;
  border-radius: 999px;
  color: #667085;
  background: rgb(255 255 255 / 95%);
  box-shadow: 0 1px 2px rgb(16 24 40 / 8%);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.skystudio-chat2 .app-shell .composer-attachment-chip:hover .composer-attachment-remove,
.skystudio-chat2 .app-shell .composer-attachment-chip:focus-within .composer-attachment-remove {
  opacity: 1;
}
.skystudio-chat2 .app-shell .chat-shell .assistant-turn-name {
  display: none;
}
.skystudio-chat2 .app-shell .chat-shell .assistant-message-row.assistant-turn {
  gap: 12px;
}
.skystudio-chat2 .app-shell .chat-shell .assistant-turn-logo {
  flex-shrink: 0;
  margin-top: 2px;
  color: #171717;
}
.skystudio-chat2 .app-shell .chat-shell .message-actions-wrap {
  margin-top: 8px;
}
.skystudio-chat2 .app-shell .chat-shell .message-action-btn {
  color: #a4a7ae;
}
.skystudio-chat2 .app-shell .chat-shell .message-action-btn:hover:not(:disabled) {
  color: #201768;
  background: #f4f3ff;
}
.skystudio-chat2 .app-shell .composer-stack {
  width: min(var(--sky-composer-width), calc(100% - 48px));
  flex-shrink: 0;
  margin: 0 auto;
}
.skystudio-chat2 .app-shell .chat-content:not(.empty) .composer-stack {
  margin-top: auto;
}
.skystudio-chat2 .app-shell .tool-run-banner {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.skystudio-chat2 .app-shell .stream-progress-card {
  overflow: hidden;
  border: 1px solid #ece9f4;
  border-radius: 11px;
  background: var(--sky-surface);
  padding: 14px 15px;
  font-family: var(--sky-font-family);
}
.skystudio-chat2 .app-shell .stream-progress-card--error {
  border-color: #fecaca;
  background: #fffafb;
}
.skystudio-chat2 .app-shell .stream-progress-card-head {
  display: flex;
  align-items: center;
  gap: 11px;
}
.skystudio-chat2 .app-shell .stream-progress-card-icon {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  color: var(--sky-brand);
  background: #eaecf5;
}
.skystudio-chat2 .app-shell .stream-progress-card-icon--live::before {
  position: absolute;
  inset: 0;
  border-radius: 8px;
  background: rgb(99 102 241 / 15%);
  animation: chat2-stream-progress-ping 1.8s ease-out infinite;
  content: "";
}
@keyframes chat2-stream-progress-ping {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  70% {
    transform: scale(1.35);
    opacity: 0;
  }
  100% {
    transform: scale(1.35);
    opacity: 0;
  }
}
.skystudio-chat2 .app-shell .stream-progress-card-copy {
  min-width: 0;
  flex: 1;
}
.skystudio-chat2 .app-shell .stream-progress-card-title {
  margin: 0;
  color: var(--sky-brand);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 21px;
}
.skystudio-chat2 .app-shell .stream-progress-card-subtitle {
  margin: 0;
  color: #8a86aa;
  font-size: 11.5px;
  font-weight: 400;
  line-height: 19px;
}
.skystudio-chat2 .app-shell .stream-progress-card--error .stream-progress-card-title {
  color: #b42318;
}
.skystudio-chat2 .app-shell .stream-progress-card--error .stream-progress-card-subtitle {
  color: #b54708;
}
.skystudio-chat2 .app-shell .stream-progress-dots {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
}
.skystudio-chat2 .app-shell .stream-progress-dots span {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #a8a4bd;
  animation: chat2-stream-progress-dot 1.1s ease-in-out infinite;
}
.skystudio-chat2 .app-shell .stream-progress-dots span:nth-child(2) {
  animation-delay: 0.15s;
}
.skystudio-chat2 .app-shell .stream-progress-dots span:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes chat2-stream-progress-dot {
  0%,
  80%,
  100% {
    transform: translateY(0);
    opacity: 0.45;
  }
  40% {
    transform: translateY(-3px);
    opacity: 1;
  }
}
.skystudio-chat2 .app-shell .chat-shell :is(.run-activity, .thinking-summary) {
  color: var(--sky-muted);
  font-size: var(--sky-type-body-size);
  line-height: var(--sky-type-body-leading);
}
.skystudio-chat2 .app-shell .chat-shell .thinking-summary summary {
  color: var(--sky-text-control);
  font-size: var(--sky-type-caption-size);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-type-caption-leading);
}
.skystudio-chat2 .app-shell .chat-shell .thinking-summary-content,
.skystudio-chat2 .app-shell .chat-shell .thinking-summary p {
  color: var(--sky-text-body);
  font-size: var(--sky-type-body-size);
  line-height: var(--sky-type-body-leading);
}
.skystudio-chat2 .app-shell .chat-shell .thinking-summary-content :is(h1, h2, h3, h4) {
  font-size: var(--sky-type-body-size);
  line-height: var(--sky-type-body-leading);
  font-weight: var(--sky-weight-semibold);
}
.skystudio-chat2 .app-shell .chat-shell .thinking-summary {
  margin-bottom: 24px;
  border: 0;
  border-left: 1px solid #eaecf5;
  padding-left: 8px;
}
.skystudio-chat2 .app-shell .chat-shell .thinking-summary summary {
  display: flex;
  align-items: center;
  gap: 6px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 10px;
  border-radius: var(--sky-radius-lg);
  color: #4f4d6b;
  font-family: var(--sky-font-family);
  font-size: var(--sky-t2);
  font-weight: 400;
  cursor: pointer;
  list-style: none;
}
.skystudio-chat2 .app-shell .chat-shell .thinking-summary summary::-webkit-details-marker {
  display: none;
}
.skystudio-chat2 .app-shell .chat-shell .thinking-summary[open] summary svg:last-child {
  transform: rotate(180deg);
}
.skystudio-chat2 .app-shell .chat-shell .message-branch {
  margin-left: 8px;
  color: var(--sky-muted);
  font-size: var(--sky-t1);
}
.skystudio-chat2 .app-shell .chat-shell .message-branch:hover {
  color: var(--sky-brand);
}
/* The host already owns the viewport. A 100dvh shell scrolls the whole page. */
.skystudio-chat2 .app-shell.chat2-embedded {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.skystudio-chat2 .app-shell.chat2-embedded > .chat-shell {
  min-height: 0;
  overflow: hidden;
}
.skystudio-chat2.app-shell.chat2-menu-portal-host,
.skystudio-chat2 .app-shell.chat2-menu-portal-host {
  position: fixed;
  inset: 0;
  z-index: 500;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  pointer-events: none;
  background: transparent !important;
  border: none;
  box-shadow: none;
  isolation: isolate;
}
.skystudio-chat2.app-shell.chat2-menu-portal-host > *,
.skystudio-chat2 .app-shell.chat2-menu-portal-host > * {
  pointer-events: auto;
}
/* Keep every Reet control; only re-skin and wrap them at narrow widths. */
.skystudio-chat2 .app-shell .chat-content:not(.empty) {
  min-height: 0;
  overflow: hidden;
  justify-content: flex-start;
}
.skystudio-chat2 .app-shell .chat-content:not(.empty) .message-list {
  width: 100%;
  max-width: none;
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--sky-chat-list-padding-top)
    max(
      var(--sky-chat-list-padding-inline),
      calc((100% - var(--sky-message-width)) / 2)
    )
    var(--sky-chat-list-padding-bottom);
  scrollbar-width: thin;
  scrollbar-color: rgb(130 154 227 / 45%) transparent;
}
.skystudio-chat2 .app-shell .chat-content:not(.empty) .message-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.skystudio-chat2 .app-shell .chat-content:not(.empty) .message-list::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
.skystudio-chat2 .app-shell .chat-content:not(.empty) .message-list::-webkit-scrollbar-track {
  background: transparent;
}
.skystudio-chat2 .app-shell .chat-content:not(.empty) .message-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgb(130 154 227 / 50%);
}
@media (min-width: 768px) {
  .skystudio-chat2 .app-shell .chat-content:not(.empty) .message-list {
    padding-bottom: var(--sky-chat-list-padding-bottom-md);
    padding-left: max(
      var(--sky-chat-list-padding-inline-md),
      calc((100% - var(--sky-message-width)) / 2)
    );
    padding-right: max(
      var(--sky-chat-list-padding-inline-md),
      calc((100% - var(--sky-message-width)) / 2)
    );
  }

  .skystudio-chat2 .app-shell .chat-shell .composer-wrap {
    padding-bottom: max(
      var(--sky-chat-list-padding-bottom-md),
      env(safe-area-inset-bottom)
    );
  }
}
@media (min-width: 1024px) {
  .skystudio-chat2 .app-shell .chat-content:not(.empty) .message-list {
    padding-left: max(
      var(--sky-chat-list-padding-inline-lg),
      calc((100% - var(--sky-message-width)) / 2)
    );
    padding-right: max(
      var(--sky-chat-list-padding-inline-lg),
      calc((100% - var(--sky-message-width)) / 2)
    );
  }
}
.skystudio-chat2 .app-shell .chat-shell .composer-wrap {
  position: relative;
  bottom: auto;
  width: min(var(--sky-composer-width), calc(100% - 48px));
  flex-shrink: 0;
  margin-top: 0;
  padding-bottom: max(
    var(--sky-chat-list-padding-bottom),
    env(safe-area-inset-bottom)
  );
  background: var(--sky-composer-fade);
}
.skystudio-chat2 .app-shell .chat-content.empty .composer-wrap,
.skystudio-chat2 .app-shell .chat-content.empty .composer-stack {
  margin: 0 auto;
  background: transparent;
}
.skystudio-chat2 .app-shell .chat-content.empty {
  justify-content: center;
  align-items: center;
  gap: 0;
  padding-bottom: 48px;
}
.skystudio-chat2 .app-shell .chat-content.empty .welcome,
.skystudio-chat2 .app-shell .chat-content.empty .welcome--chat-empty {
  width: min(var(--sky-composer-width, var(--sky-message-width)), calc(100% - 48px));
  margin: 0 0 24px;
  flex-shrink: 0;
}
.skystudio-chat2 .app-shell .chat-content.empty .composer-stack {
  flex-shrink: 0;
}
.skystudio-chat2 .app-shell .composer-input-shell {
  position: relative;
  width: 100%;
  overflow: visible;
  border: 2px solid var(--sky-composer-border);
  border-radius: var(--sky-radius-2xl);
  background: var(--sky-surface);
  box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
}
.skystudio-chat2 .app-shell .composer-input-shell--file-drag {
  border-color: var(--sky-brand-600, #5f68d6);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--sky-brand-600, #5f68d6) 28%, transparent),
    0 1px 2px rgb(16 24 40 / 5%);
}
.skystudio-chat2 .app-shell .composer-glow {
  pointer-events: none;
  position: absolute;
  inset: -2px;
  z-index: 0;
  overflow: hidden;
  border-radius: 18px;
  opacity: 0.8;
  transition: opacity 0.5s ease;
}
.skystudio-chat2 .app-shell .composer-input-shell:hover .composer-glow {
  opacity: 0.95;
}
.skystudio-chat2 .app-shell .composer-input-shell:focus-within .composer-glow {
  opacity: 1;
}
.skystudio-chat2 .app-shell .composer-glow-spin {
  position: absolute;
  inset: -85%;
  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    rgb(214 187 251 / 16%) 32deg,
    #d6bbfb 70deg,
    #7c83fd 112deg,
    #7f56d9 154deg,
    rgb(214 187 251 / 18%) 192deg,
    transparent 248deg,
    transparent 360deg
  );
  filter: blur(0.5px);
  animation: chat2-composer-glow-spin 15s linear infinite;
}
.skystudio-chat2 .app-shell .composer-glow-mask {
  position: absolute;
  inset: 2px;
  border-radius: 16px;
  background: #fff;
}
.skystudio-chat2 .app-shell .composer-glow-shadow {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 18px rgb(127 86 217 / 18%);
}
@keyframes chat2-composer-glow-spin {
  to {
    transform: rotate(360deg);
  }
}
.skystudio-chat2 .app-shell .composer-input-shell .composer {
  position: relative;
  z-index: 1;
  margin: 0;
  min-width: 0;
  border: 0 !important;
  border-radius: 14px;
  background: transparent;
  box-shadow: none !important;
}
.skystudio-chat2 .app-shell .composer {
  padding: 12px 18px;
}
.skystudio-chat2 .app-shell .composer:focus-within {
  border-color: transparent;
  box-shadow: none;
}
.skystudio-chat2 .app-shell .composer-textarea-wrap {
  position: relative;
}
.skystudio-chat2 .app-shell .composer-textarea-fade {
  pointer-events: none;
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  height: 32px;
  background: linear-gradient(to top, #fff, rgb(255 255 255 / 90%), transparent);
}
.skystudio-chat2 .app-shell .composer-expand-toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  color: #b4afc8;
  background: transparent;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease;
}
.skystudio-chat2 .app-shell .composer-expand-toggle:hover {
  color: #7f56d9;
  background: #f4f3ff;
}
.skystudio-chat2 .app-shell .composer textarea {
  min-height: 48px;
  max-height: 160px;
  padding: 1px 2px 24px;
  border: 0;
  outline: none;
  box-shadow: none;
  color: var(--sky-ink);
  font-size: var(--sky-t2);
  font-weight: var(--sky-weight-regular);
  line-height: var(--sky-leading-t2);
  background: transparent;
}
.skystudio-chat2 .app-shell .composer textarea:focus,
.skystudio-chat2 .app-shell .composer textarea:focus-visible {
  border: 0;
  outline: none;
  box-shadow: none;
}
.skystudio-chat2 .app-shell .composer textarea.composer-textarea--expandable {
  max-height: 360px;
  padding-right: 40px;
}
.skystudio-chat2 .app-shell .composer .composer-mic-active {
  color: #7f56d9;
  background: transparent;
}
.skystudio-chat2 .app-shell .composer .composer-mic-active svg {
  transform-origin: center;
  animation: chat2-composer-mic-pulse 1.1s ease-in-out infinite;
}
@keyframes chat2-composer-mic-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@media (prefers-reduced-motion: reduce) {
  .skystudio-chat2 .app-shell .composer .composer-mic-active svg {
    animation: none;
  }
}
.skystudio-chat2 .app-shell .composer textarea::-moz-placeholder {
  color: var(--sky-text-placeholder);
}
.skystudio-chat2 .app-shell .composer textarea::placeholder {
  color: var(--sky-text-placeholder);
}
.skystudio-chat2 .app-shell .composer-input-shell > .composer-toolbar {
  position: relative;
  z-index: 1;
}
.skystudio-chat2 .app-shell .composer-toolbar {
  flex-wrap: nowrap;
  gap: 8px;
  padding: 4px 14px 12px 16px;
  overflow: visible;
}
.skystudio-chat2 .app-shell .composer-left {
  flex-wrap: wrap;
  gap: 8px;
}
.skystudio-chat2 .app-shell .composer .composer-skill-selection {
  padding: 0 0 8px;
}
.skystudio-chat2 .app-shell .composer-actions {
  flex-shrink: 0;
  flex-wrap: nowrap;
  justify-content: flex-end;
  margin-left: auto;
  overflow: visible;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
}
.skystudio-chat2 .app-shell .composer-toolbar {
  align-items: center;
}
.skystudio-chat2 .app-shell .composer-left {
  align-items: center;
  flex: 1;
  min-width: 0;
  flex-wrap: nowrap;
}
.skystudio-chat2 .app-shell .composer :is(.icon-button, .connector-trigger) {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px;
  min-height: 28px;
  max-width: 28px;
  max-height: 28px;
  border-radius: 7px;
  color: #1a1654;
  transition: background 140ms ease, color 140ms ease;
}
.skystudio-chat2 .app-shell .composer :is(.icon-button, .connector-trigger):hover:not(:disabled) {
  color: #1a1654;
  background: #f4f3ff;
}
.skystudio-chat2 .app-shell .composer .icon-button.muted {
  color: #1a1654;
}
.skystudio-chat2 .app-shell .composer .connector-trigger {
  border: 0;
  background: transparent;
}
.skystudio-chat2 .app-shell .composer .connector-trigger.selected {
  color: #5f68d6;
  background: #f5f7ff;
}
.skystudio-chat2 .app-shell .composer :is(.icon-button, .connector-trigger, .send-button) svg {
  display: block;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px;
  stroke-width: 1.8;
}
.skystudio-chat2 .app-shell
  .composer
  :is(.pro-toggle, .select-control) {
  min-height: var(--sky-control-height);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-text-control);
}
.skystudio-chat2 .app-shell .composer .model-picker-trigger:not(.model-picker-trigger--pill) {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: clamp(112px, 18vw, 148px);
  height: 32px;
  min-height: 32px;
  max-width: min(148px, 42vw);
  padding: 0 12px;
  border: 1px solid #e9eaeb;
  border-radius: var(--sky-radius-lg);
  color: #181d27;
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-type-caption-leading);
  background: var(--sky-surface);
  transition: background 140ms ease;
}
.skystudio-chat2 .app-shell .composer .model-picker-trigger.model-picker-trigger--pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: auto;
  max-width: min(320px, 46vw);
  height: 32px;
  min-height: 32px;
  padding: 0 10px 0 8px;
  border: 1px solid var(--sky-border-input);
  border-radius: 999px;
  color: var(--sky-ink);
  font-weight: var(--sky-weight-medium);
  background: var(--sky-surface);
  transition: background 140ms ease;
}
.skystudio-chat2 .app-shell .composer .model-provider-logo,
.skystudio-chat2 .app-shell .composer .model-provider-logo svg,
.skystudio-chat2 .app-shell .composer .model-provider-logo img {
  width: 14px;
  height: 14px;
}
.skystudio-chat2 .app-shell .composer .model-picker-trigger > svg {
  width: 15px;
  height: 15px;
  color: #5c5775;
  stroke-width: 1.7;
}
.skystudio-chat2 .app-shell .composer .model-picker-trigger:not(.model-picker-trigger--pill) > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .composer .model-picker-trigger--pill .model-picker-trigger-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .composer .model-picker-trigger--pill .model-picker-trigger-effort {
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}
.skystudio-chat2 .app-shell .composer-actions {
  flex: 0 0 auto;
  margin-left: auto;
  justify-content: flex-end;
}
.skystudio-chat2 .app-shell .composer .model-picker.model-control {
  width: auto;
  max-width: min(320px, 46vw);
  flex: 1 1 auto;
  min-width: 0;
}
.skystudio-chat2 .app-shell .composer-actions .model-picker.model-control {
  flex: 1 1 0;
  max-width: min(280px, calc(100% - 76px));
}
.skystudio-chat2 .app-shell .composer-actions > :is(.icon-button, .send-button) {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
}
.skystudio-chat2 .app-shell .composer .model-picker.model-control .model-picker-trigger--pill {
  width: auto;
  max-width: 100%;
}
.skystudio-chat2 .app-shell .composer .model-picker-trigger:hover {
  background: #f8f9fc;
}
.skystudio-chat2 .app-shell .composer :is(.connector-trigger, .pro-toggle, .select-control) {
  border-color: var(--sky-border);
  background: var(--sky-surface);
}
.skystudio-chat2 .app-shell
  .composer
  :is(.connector-trigger, .pro-toggle, .select-control select) {
  color: var(--sky-text-control);
  font-size: var(--sky-type-compact-size);
  line-height: var(--sky-type-compact-leading);
  font-weight: var(--sky-weight-medium);
}
.skystudio-chat2 .app-shell .composer .thinking-control {
  display: flex;
}
/* These controls must beat the legacy .select-control select rule loaded later.
 * Styling only ::picker(select) does NOT opt the select into base-select.
 * Keep the native select and its keyboard behavior, with a native fallback.
 */
.skystudio-chat2 .app-shell .composer .select-control {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  border-color: var(--sky-gray-200);
}
.skystudio-chat2 .app-shell .composer .select-control:hover {
  background: var(--sky-rail);
}
.skystudio-chat2 .app-shell .composer .select-control:focus-within {
  border-color: var(--sky-focus);
  box-shadow: var(--sky-focus-ring);
}
/* One focus indicator belongs to the whole control, including its icons. */
.skystudio-chat2 .app-shell .composer .select-control select:focus-visible {
  outline: none;
}
.skystudio-chat2 .app-shell .composer-input-shell:has(.select-control:focus-within) {
  border-color: var(--sky-composer-border);
  box-shadow: 0 1px 2px rgb(16 24 40 / 5%);
}
.skystudio-chat2 .app-shell .composer .select-control select {
  flex: 1;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding-right: 28px;
  color: var(--sky-body);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-type-caption-leading);
  text-overflow: ellipsis;
}
.skystudio-chat2 .app-shell .composer .select-control > svg {
  flex-shrink: 0;
  color: var(--sky-text-control);
}
.skystudio-chat2 .app-shell .composer .model-control:not(.model-picker) {
  width: clamp(148px, 18vw, 180px);
}
.skystudio-chat2 .app-shell .composer .thinking-control {
  width: 150px;
  padding-left: 8px;
}
@supports ((-webkit-appearance: base-select) or (-moz-appearance: base-select) or (appearance: base-select)) {
  .skystudio-chat2 .app-shell .composer .select-control {
    padding-right: 24px;
  }
  .skystudio-chat2 .app-shell .composer .select-control select,
  .skystudio-chat2 .app-shell .composer .select-control select::picker(select) {
    -webkit-appearance: base-select;
       -moz-appearance: base-select;
            appearance: base-select;
  }
  .skystudio-chat2 .app-shell .composer .select-control select {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 0;
    line-height: var(--sky-control-height);
  }
  .skystudio-chat2 .app-shell .composer .select-control select::picker(select) {
    width: min(320px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    max-height: min(420px, 50dvh);
    margin-block: 6px;
    padding: 6px;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-color: var(--sky-border);
    border-radius: var(--sky-radius-xl);
    background: var(--sky-surface);
    box-shadow: var(--sky-shadow-dropdown);
    font-size: var(--sky-t2);
    font-weight: var(--sky-weight-medium);
    line-height: var(--sky-type-body-leading);
  }
  .skystudio-chat2 .app-shell .composer .thinking-control select::picker(select) {
    width: min(200px, calc(100vw - 24px));
  }
  .skystudio-chat2 .app-shell .composer .select-control select option {
    min-height: 36px;
    padding: 8px 10px;
    color: var(--sky-ink);
    font-size: var(--sky-t2);
    font-weight: var(--sky-weight-medium);
    line-height: var(--sky-type-body-leading);
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .skystudio-chat2 .app-shell .composer .select-control select option:checked {
    color: var(--sky-brand);
    background: var(--sky-blue-gray-100);
    font-weight: var(--sky-weight-semibold);
  }
  .skystudio-chat2 .app-shell .composer .select-control select option:disabled {
    color: var(--sky-muted);
    background: var(--sky-rail);
    opacity: 0.65;
    cursor: not-allowed;
  }
  .skystudio-chat2 .app-shell .composer .select-control select option:focus-visible {
    outline: var(--sky-focus-width) solid var(--sky-focus);
    outline-offset: calc(-1 * var(--sky-focus-width));
  }
  .skystudio-chat2 .app-shell .composer .select-control:has(select:open) > svg:last-child {
    transform: rotate(180deg);
  }
}
.skystudio-chat2 .app-shell .composer .pro-toggle.active {
  border-color: var(--sky-border-accent);
  color: var(--sky-focus);
  background: var(--sky-hover);
}
.skystudio-chat2 .app-shell .composer .selected-tool {
  height: auto;
  min-height: 30px;
  max-width: 100%;
  padding: 5px 8px;
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-medium);
  overflow-wrap: anywhere;
}
.skystudio-chat2 .app-shell .composer-actions :is(.icon-button, .send-button) {
  opacity: 1;
}
.skystudio-chat2 .app-shell .composer-actions .icon-button:disabled {
  opacity: 1;
  color: #5c5775;
  cursor: not-allowed;
}
.skystudio-chat2 .app-shell .composer-actions :is(.icon-button, .send-button):not(:disabled) {
  color: #1a1654;
}
.skystudio-chat2 .app-shell .composer-actions :is(.icon-button, .send-button) svg {
  stroke: currentColor;
}
.skystudio-chat2 .app-shell .composer-input-shell .send-button {
  width: 32px;
  height: 32px;
  min-height: 32px;
  border-radius: var(--sky-radius-2xl);
  color: #1a1654;
  background: #cfc8e2;
  transform: none;
  opacity: 1;
}
.skystudio-chat2 .app-shell .composer-input-shell .send-button:disabled {
  color: #5c5775;
  background: #e4e0ec;
  opacity: 1;
  cursor: not-allowed;
}
.skystudio-chat2 .app-shell .composer-input-shell .send-button:hover:not(:disabled, .stop) {
  color: #1a1654;
  background: #cfc8e2;
  transform: none;
}
.skystudio-chat2 .app-shell .composer-input-shell .send-button.stop,
.skystudio-chat2 .app-shell .composer-input-shell .send-button.stop:hover:not(:disabled) {
  color: #7f56d9;
  background: #ddd9e8;
  transform: none;
}
.skystudio-chat2 .app-shell .composer-input-shell .send-button.stop:hover:not(:disabled) {
  background: #cfc8e2;
}
.skystudio-chat2 .app-shell .composer-input-shell .composer-stop-spinner {
  display: block;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 2.5px solid #ebe8f2;
  border-top-color: #7f56d9;
  border-radius: 50%;
  animation: chat2-composer-stop-spin 0.75s linear infinite;
}
@keyframes chat2-composer-stop-spin {
  to {
    transform: rotate(360deg);
  }
}
.skystudio-chat2 .app-shell .composer-note {
  margin: 7px 0 0;
  color: var(--sky-text-disclaimer);
  font-size: var(--sky-t1);
  line-height: var(--sky-leading-t1);
  text-align: center;
}
.skystudio-chat2 .app-shell .model-picker-menu--portal {
  display: flex;
  align-items: stretch;
  pointer-events: auto;
  min-height: 0;
  overflow: visible;
  isolation: isolate;
}
.skystudio-chat2 .app-shell .model-picker-menu--portal .model-picker-panel {
  box-sizing: border-box;
  width: min(var(--model-picker-panel-w, 288px), calc(100vw - 48px));
  min-width: min(var(--model-picker-panel-w, 288px), calc(100vw - 48px));
  flex: 0 0 auto;
}
.skystudio-chat2 .app-shell .model-picker-menu > * {
  pointer-events: auto;
}
.skystudio-chat2 .app-shell .model-picker-menu .model-picker-panel,
.skystudio-chat2 .app-shell .model-picker-panel {
  display: flex;
  flex-direction: column;
  max-height: min(576px, var(--model-picker-available-h, 46dvh));
  overflow: hidden;
}
.skystudio-chat2 .app-shell .model-picker-menu .model-picker-flyout {
  max-height: min(576px, var(--model-picker-available-h, 46dvh));
}
.skystudio-chat2 .app-shell .model-picker-list,
.skystudio-chat2 .app-shell .model-picker-scroll,
.skystudio-chat2 .app-shell .model-card-list {
  min-height: 0;
  max-height: none;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.skystudio-chat2 .app-shell .model-picker-panel .model-choice-row strong {
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-medium);
}
.skystudio-chat2 .app-shell .composer-plus-menu--portal .composer-plus-panel,
.skystudio-chat2 .app-shell .composer-plus-menu--portal .composer-plus-flyout {
  max-height: min(480px, var(--composer-plus-available-h, calc(100dvh - 120px)));
}
.skystudio-chat2 .app-shell .composer :is(.tool-menu, .skill-slash-menu), .skystudio-chat2 .app-shell .workflow-menu {
  max-height: min(320px, 42dvh);
  overflow: hidden;
  border-color: var(--sky-border-accent);
  border-radius: var(--sky-radius-xl);
  box-shadow: var(--sky-shadow-dropdown);
}
.skystudio-chat2 .app-shell .composer .tool-menu,
.skystudio-chat2 .app-shell .skill-slash-menu [role="listbox"],
.skystudio-chat2 .app-shell .workflow-menu-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.skystudio-chat2 .app-shell .composer .tool-menu-item strong {
  font-size: var(--sky-t2);
}
.skystudio-chat2 .app-shell .composer .tool-menu-item small {
  font-size: var(--sky-t1);
}
.skystudio-chat2 .app-shell .attachment-list button {
  padding: 6px 9px;
  border-color: var(--sky-border);
  color: var(--sky-text-control);
  background: var(--sky-rail);
  font-size: var(--sky-t1);
}
.skystudio-chat2 .app-shell :is(.sidebar, .chat-shell) :is(button, select, a):focus-visible {
  outline: var(--sky-focus-width) solid var(--sky-focus);
  outline-offset: var(--sky-focus-offset);
}
@container reet-chat (max-width: 740px) {
  .skystudio-chat2 .app-shell .composer-toolbar {
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .skystudio-chat2 .app-shell .composer-left {
    flex-basis: 100%;
    min-width: 0;
  }
  .skystudio-chat2 .app-shell .composer-actions {
    flex-basis: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-end;
    overflow: visible;
  }
  .skystudio-chat2 .app-shell .tool-menu-anchor {
    position: static;
  }
  .skystudio-chat2 .app-shell .composer .tool-menu {
    left: 0;
    bottom: calc(100% + 8px);
    width: min(calc(var(--sky-rail-width) + var(--sky-history-width)), 100%);
    max-height: min(440px, 45dvh);
  }
}
@container reet-chat (max-width: 440px) {
  .skystudio-chat2 .app-shell .composer-actions {
    display: grid;
    width: 100%;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "model model model" "mic . send";
    gap: 8px;
  }
  .skystudio-chat2 .app-shell .composer .model-control {
    grid-area: model;
    width: 100%;
    max-width: 100%;
  }
  .skystudio-chat2 .app-shell .composer .thinking-control {
    grid-area: model;
    width: 100%;
  }
  .skystudio-chat2 .app-shell .composer .pro-toggle {
    grid-area: send;
  }
  .skystudio-chat2 .app-shell .composer-actions > .icon-button {
    grid-area: mic;
  }
  .skystudio-chat2 .app-shell .composer-input-shell .send-button {
    grid-area: send;
  }
}
@media (max-width: 899.98px) {
  .skystudio-chat2 .app-shell {
    --sky-sidebar-width: min(
      calc(var(--sky-rail-width) + var(--sky-history-width)),
      calc(100vw - var(--sky-mobile-sidebar-gap))
    );
  }
  .skystudio-chat2 .app-shell > .sidebar {
    box-shadow: var(--sky-shadow-sidebar);
  }
  .skystudio-chat2 .app-shell > .sidebar:not(.open) {
    margin-left: 0;
  }
  .skystudio-chat2 .app-shell .chat-header {
    padding-left: 64px;
  }
}
@media (max-width: 640px) {
  .skystudio-chat2 .app-shell .message-list,
  .skystudio-chat2 .app-shell .welcome,
  .skystudio-chat2 .app-shell .chat-shell .composer-wrap,
  .skystudio-chat2 .app-shell .composer-stack {
    width: calc(100% - 24px);
  }
  .skystudio-chat2 .app-shell .message-list {
    padding: 24px 0 32px;
  }
  .skystudio-chat2 .app-shell .composer textarea {
    font-size: var(--sky-mobile-input-size);
    line-height: var(--sky-mobile-input-leading);
  }
  .skystudio-chat2 .app-shell .composer {
    padding: 10px 14px;
  }

  .skystudio-chat2 .app-shell .composer-toolbar {
    flex-wrap: wrap;
    padding: 4px 10px 10px 12px;
  }

  .skystudio-chat2 .app-shell .composer-left {
    flex-wrap: wrap;
  }
  .skystudio-chat2 .app-shell .user-message {
    max-width: 92%;
  }
  .skystudio-chat2 .app-shell .assistant-message-row {
    gap: 8px;
  }
  .skystudio-chat2 .app-shell .chat-shell .run-activity {
    margin-left: 0;
  }
  .skystudio-chat2 .app-shell .chat-header-title {
    font-size: var(--sky-t2);
  }
  .skystudio-chat2 .app-shell .welcome h1 {
    font-size: var(--sky-h1);
    line-height: var(--sky-leading-h1);
  }
}
@media (hover: none) {
  .skystudio-chat2 .app-shell .delete-chat {
    display: flex;
  }
}
@media (prefers-reduced-motion: reduce) {
  .skystudio-chat2 .app-shell > .sidebar,
  .skystudio-chat2 .app-shell .composer :is(.icon-button, .send-button) {
    transition: none;
  }
  .skystudio-chat2 .app-shell .composer-input-shell .composer-stop-spinner,
  .skystudio-chat2 .app-shell .chat-shell .turn-thinking ol,
  .skystudio-chat2 .app-shell .chat-shell .turn-thinking--live li.turn-thinking-step {
    animation: none;
    scroll-behavior: auto;
  }
}
/* Redesign chat markdown — parity with SkyStudio FrontEnd stream/light markdown. */
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  max-width: none;
  color: var(--sky-body);
  font-family: var(--sky-font-family);
  font-size: var(--sky-t2);
  line-height: var(--sky-leading-t2);
  overflow-wrap: anywhere;
}
/* Override Tailwind base `p, li, … { font-family: Inter }` from tailwind.config.js addBase. */
.skystudio-chat2
  .app-shell
  .chat-shell
  .markdown-content.markdown-content--redesign
  :is(p, li, blockquote, code, pre, .chat-md-p, .chat-md-li, .chat-md-blockquote) {
  font-family: inherit;
  color: inherit;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-p {
  display: block;
  margin: 0 0 10px;
  line-height: 1.625;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-p:last-child {
  margin-bottom: 0;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-strong {
  font-weight: var(--sky-weight-semibold);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-em {
  font-style: italic;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-h1 {
  display: block;
  margin: 16px 0 8px;
  color: var(--sky-brand);
  font-size: var(--sky-h1);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-leading-h1);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-h2 {
  display: block;
  margin: 16px 0 8px;
  color: var(--sky-brand);
  font-size: var(--sky-b2);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-leading-b2);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-h3 {
  display: block;
  margin: 12px 0 6px;
  color: var(--sky-brand);
  font-size: var(--sky-b1);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-leading-b1);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-h4 {
  display: block;
  margin: 12px 0 4px;
  color: var(--sky-brand);
  font-weight: var(--sky-weight-semibold);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign > :first-child,
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-h1:first-child,
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-h2:first-child,
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-h3:first-child,
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-h4:first-child {
  margin-top: 0;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-ul,
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-ol {
  margin: 0 0 10px;
  padding-left: 20px;
  list-style-position: outside;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-ul {
  list-style-type: disc;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-ol {
  list-style-type: decimal;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-li {
  display: list-item;
  min-height: 1.5em;
  margin: 0 0 4px;
  line-height: 1.625;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-li:last-child {
  margin-bottom: 0;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-blockquote {
  display: block;
  margin: 8px 0;
  padding-left: 12px;
  border-left: 2px solid #d7d2ff;
  font-style: italic;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-blockquote .chat-md-p {
  margin: 0 0 8px;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-blockquote .chat-md-p:last-child {
  margin-bottom: 0;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-a {
  color: #2563eb;
  text-decoration: underline;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-a:hover {
  color: #1d4ed8;
}
/* GFM table card (FrontEnd `chatMarkdownTable`). */
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-wrap {
  width: 100%;
  min-width: 0;
  margin: 16px 0;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-card {
  overflow: hidden;
  border: 1px solid #ece9f4;
  border-radius: 12px;
  background: #fafafc;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-toolbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #ece9f4;
  background: #fafafc;
  box-shadow: 0 1px 0 #ece9f4;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-meta {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
  color: #7c7795;
  font-size: 12px;
  line-height: 1.4;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-meta-icon {
  flex-shrink: 0;
  color: #a09db8;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-action {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: 0;
  border-radius: 6px;
  color: #7c7795;
  background: transparent;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-action:hover {
  color: #201768;
  background: #f4f3ff;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-action--primary {
  color: #201768;
  background: #f4f3ff;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-chevron--open {
  transform: rotate(180deg);
  transition: transform 150ms ease;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-scroll {
  overflow: auto;
  border-radius: 0 0 12px 12px;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table {
  width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
  border-collapse: collapse;
  text-align: left;
  font-size: var(--sky-t2);
  line-height: var(--sky-leading-t2);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-head {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #f8f9fc;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-th {
  padding: 8px 12px;
  border-bottom: 1px solid #ece9f4;
  color: #201768;
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-leading-t1);
  white-space: nowrap;
  text-align: left;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-th--numeric {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-body {
  background: #fff;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-tr {
  transition: background-color 150ms ease;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-tr:hover {
  background: #fafafc;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-tr--total,
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-tr.chat-md-table-tr--total {
  background: #eef2ff;
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-tr--total .chat-md-table-td,
.skystudio-chat2 .app-shell
  .chat-shell
  .markdown-content.markdown-content--redesign
  .chat-md-table-tr.chat-md-table-tr--total
  .chat-md-table-td {
  color: #3d4fc4;
  font-weight: var(--sky-weight-semibold);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-td {
  padding: 8px 12px;
  border-top: 1px solid #f4f3ff;
  color: #1a1654;
  font-size: inherit;
  line-height: 1.625;
  vertical-align: top;
  text-align: left;
}
.skystudio-chat2 .app-shell
  .chat-shell
  .markdown-content.markdown-content--redesign
  .chat-md-table-td
  :is(.chat-md-p, p) {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
.skystudio-chat2 .app-shell
  .chat-shell
  .markdown-content.markdown-content--redesign
  .chat-md-table-td
  .chat-md-strong {
  font-size: inherit;
  font-weight: var(--sky-weight-semibold);
}
.skystudio-chat2 .app-shell .chat-shell .markdown-content.markdown-content--redesign .chat-md-table-td--numeric {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
/* Shared redesign surfaces. SkyStudio-FrontEnd @ 895e5881:
 * redesignComponentStyles, redesignTypographyStyles, RedesignFeaturePageLayout,
 * HomeLayout/RedesignWorkspaceSwitcherDropdown. CSS only; preserve all actions.
 * Portals are scoped explicitly because they are outside .app-shell.
 * Native select remains the accessible fallback. Customizable select styling
 * is progressive enhancement: no JavaScript dropdown replacement is required.
 */
/* Workspace and select controls: long names, focus, disabled, open picker. */
.skystudio-chat2 .app-shell .sidebar-footer > span:nth-child(2) {
  flex: 1;
  min-width: 0;
  max-width: 100%;
}
.skystudio-chat2 .app-shell .sidebar-footer .workspace-controls {
  margin-top: 6px;
}
.skystudio-chat2 .app-shell .sidebar-footer .workspace-select {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 36px;
  padding: 8px 10px;
  border-color: var(--sky-border-input);
  color: var(--sky-ink);
  background: var(--sky-surface);
  border-radius: var(--sky-radius-lg);
  font:
    var(--sky-weight-medium) var(--sky-t1) / var(--sky-type-caption-leading)
    var(--sky-font-family);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  box-shadow: var(--sky-shadow-sm);
}
.skystudio-chat2 .app-shell .sidebar-footer .workspace-logout {
  min-height: 28px;
  color: var(--sky-muted);
  font-size: var(--sky-t1);
  border-radius: var(--sky-radius-md);
}
.skystudio-chat2 .app-shell .sidebar-footer .workspace-logout:hover:not(:disabled) {
  color: var(--sky-brand);
}
.skystudio-chat2 .app-shell select:disabled,
.skystudio-chat2 .app-shell button:disabled {
  cursor: not-allowed;
}
.skystudio-chat2 .app-shell select:disabled {
  opacity: 0.6;
  background: var(--sky-rail);
}
.skystudio-chat2 .app-shell select option {
  color: var(--sky-ink);
  background: var(--sky-surface);
}
@supports ((-webkit-appearance: base-select) or (-moz-appearance: base-select) or (appearance: base-select)) {
  .skystudio-chat2 .app-shell select,
  .skystudio-chat2 .app-shell select::picker(select) {
    -webkit-appearance: base-select;
       -moz-appearance: base-select;
            appearance: base-select;
  }
  .skystudio-chat2 .app-shell select::picker(select) {
    padding: 4px;
    max-width: calc(100vw - 24px);
    max-height: min(360px, 50dvh);
    overflow: auto;
    border: 1px solid var(--sky-border);
    border-radius: var(--sky-radius-xl);
    color: var(--sky-ink);
    background: var(--sky-surface);
    box-shadow: var(--sky-shadow-dropdown);
    font:
      var(--sky-weight-medium) var(--sky-t1) / var(--sky-type-caption-leading)
      var(--sky-font-family);
  }
  .skystudio-chat2 .app-shell select option {
    min-height: 34px;
    padding: 8px 10px;
    border-radius: var(--sky-radius-lg);
    white-space: normal;
    overflow-wrap: anywhere;
    cursor: pointer;
  }
  .skystudio-chat2 .app-shell select option:is(:hover, :focus-visible, :checked) {
    color: var(--sky-brand);
    background: var(--sky-hover);
  }
  .skystudio-chat2 .app-shell select option::checkmark {
    color: var(--sky-focus);
  }
  .skystudio-chat2 .app-shell select::picker-icon {
    color: var(--sky-muted);
    flex-shrink: 0;
    margin-left: auto;
  }
  .skystudio-chat2 .app-shell .workspace-select {
    position: relative;
    padding-right: 28px;
  }
  .skystudio-chat2 .app-shell .workspace-select::picker-icon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 4px;
    background: var(--sky-surface);
  }
  .skystudio-chat2 .app-shell .select-control select::picker-icon {
    display: none;
  }
  .skystudio-chat2 .app-shell .select-control select {
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
  }
}
/* Chat popovers and Portal-based connectors use the same dropdown contract. */
.skystudio-chat2 .app-shell .composer :is(.tool-menu, .skill-slash-menu), .skystudio-chat2.chat2-menu-portal-host .skill-slash-menu--portal {
  background: var(--sky-surface);
  color: var(--sky-ink);
  border-color: var(--sky-border);
  overscroll-behavior: contain;
}
.skystudio-chat2 .app-shell .composer :is(.tool-menu-item, .skill-slash-option), .skystudio-chat2.chat2-menu-portal-host .skill-slash-option {
  border-radius: var(--sky-radius-lg);
  color: var(--sky-ink);
}
.skystudio-chat2 .app-shell
  .composer
  :is(.tool-menu-item, .skill-slash-option):is(
    :hover,
    :focus-visible,
    [aria-selected="true"]
  ), .skystudio-chat2.chat2-menu-portal-host
  .skill-slash-option:is(:hover, :focus-visible, [aria-selected="true"]) {
  background: var(--sky-hover);
}
.skystudio-chat2 .app-shell .composer .skill-slash-option small,
.skystudio-chat2.chat2-menu-portal-host .skill-slash-option small {
  display: none;
}
.skystudio-chat2 .app-shell .composer .tool-menu-item small {
  color: var(--sky-muted);
  font-size: var(--sky-t1);
  line-height: var(--sky-type-caption-leading);
}
.skystudio-chat2 .app-shell .composer .connector-trigger.selected {
  color: var(--sky-focus);
  border-color: var(--sky-border-accent);
  background: var(--sky-hover);
}
.skystudio-chat2 .connector-popover {
  right: 16px;
  bottom: max(16px, env(safe-area-inset-bottom));
  width: min(430px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  color: var(--sky-ink);
  background: var(--sky-surface);
  border-color: var(--sky-border);
  border-radius: var(--sky-radius-xl);
  box-shadow: var(--sky-shadow-dropdown);
  font-family: var(--sky-font-family);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
  overscroll-behavior: contain;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .connector-popover > header {
  gap: 12px;
}
.skystudio-chat2 .connector-popover > header strong {
  font-size: var(--sky-b1);
}
.skystudio-chat2 .connector-popover :is(.connector-card, .connector-settings) {
  border-color: var(--sky-border);
}
.skystudio-chat2 .connector-popover .connector-card-main {
  align-items: flex-start;
  flex-wrap: wrap;
}
.skystudio-chat2 .connector-popover :where(.connector-card) label {
  min-width: 0;
  flex: 1;
}
.skystudio-chat2 .connector-popover :is(button, input) {
  min-height: 32px;
  border-color: var(--sky-border-input);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-ink);
  background: var(--sky-surface);
  font-family: var(--sky-font-family);
  font-size: var(--sky-t1);
}
.skystudio-chat2 .connector-popover input[type="checkbox"] {
  min-height: auto;
  flex-shrink: 0;
  accent-color: var(--sky-focus);
}
.skystudio-chat2 .connector-popover button:hover:not(:disabled) {
  background: var(--sky-hover);
}
.skystudio-chat2 .connector-popover :is(.connector-note, footer, small) {
  color: var(--sky-muted);
  font-size: var(--sky-t1);
}
.skystudio-chat2 .connector-popover :is(.connector-settings, .connector-badge) {
  background: var(--sky-rail);
}
.skystudio-chat2 .connector-popover .connector-badge {
  color: var(--sky-muted);
  font-size: var(--sky-t0);
}
.skystudio-chat2 .connector-popover .connector-badge.connected {
  background: var(--sky-success-50);
  color: var(--sky-success-700);
}
.skystudio-chat2 .connector-popover .connector-required {
  background: var(--sky-warning-50);
  color: var(--sky-warning-700);
}
.skystudio-chat2 .connector-popover .connector-error {
  color: var(--sky-error-700);
  font-size: var(--sky-t2);
}
/* Feature-page canvas: uniform typography without flattening status colors. */
.skystudio-chat2 .app-shell
:is(
  .skills-shell,
  .evaluation-shell,
  .agentic-map-shell,
  .memory-page,
  .services-page,
  .optimizer-page
) {
  min-width: 0;
  min-height: 0;
  background: var(--sky-surface);
  color: var(--sky-ink);
  font-family: var(--sky-font-family);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
  container: redesign-page / inline-size;
}
.skystudio-chat2 .app-shell
  :is(
    .skills-header,
    .evaluation-header,
    .agentic-map-header,
    .memory-header,
    .services-page > header,
    .optimizer-page > header
  ) {
  min-width: 0;
  gap: 16px;
  background: var(--sky-surface);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  flex-wrap: wrap;
}
.skystudio-chat2 .app-shell :is(.skills-header, .evaluation-header, .agentic-map-header) {
  padding: 24px 32px;
  border-bottom-color: var(--sky-border);
}
.skystudio-chat2 .app-shell
  :is(
    .skills-header,
    .evaluation-header,
    .agentic-map-header,
    .memory-header,
    .services-page > header,
    .optimizer-page > header,
    .skill-section-heading,
    .skill-card-heading
  )
  > div {
  min-width: 0;
}
.skystudio-chat2 .app-shell
  :is(
    .skills-header,
    .evaluation-header,
    .agentic-map-header,
    .memory-header,
    .services-page,
    .optimizer-page
  )
  h1 {
  font-size: var(--sky-h1);
  line-height: var(--sky-leading-h1);
  font-weight: var(--sky-weight-bold);
  letter-spacing: var(--sky-tracking-default);
  color: var(--sky-brand);
  overflow-wrap: anywhere;
}
.skystudio-chat2 .app-shell
  :is(.skills-header, .evaluation-header, .agentic-map-header, .memory-header)
  p, .skystudio-chat2 .app-shell
  :is(.service-caption, .service-note, .optimizer-page p, .memory-intro) {
  color: var(--sky-text-subtitle);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
  overflow-wrap: anywhere;
}
.skystudio-chat2 .app-shell :is(.skills-content, .evaluation-content) {
  width: min(var(--sky-page-width), calc(100% - 64px));
}
.skystudio-chat2 .app-shell .memory-page {
  padding: 28px 32px;
}
.skystudio-chat2 .app-shell
  :is(.skills-header > div:last-child, .panel-heading, .skill-editor footer) {
  flex-wrap: wrap;
  gap: 10px;
}
.skystudio-chat2 .app-shell :is(.skill-grid, .runtime-context-summary, .profile-compare) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}
.skystudio-chat2 .app-shell
  :is(
    .skill-card,
    .empty-skill-card,
    .metric-grid article,
    .evaluation-panel,
    .optimizer-card,
    .service-grid article,
    .skill-editor,
    .profile-editor pre
  ) {
  min-width: 0;
  border-color: var(--sky-border);
  border-radius: var(--sky-radius-card);
  background: var(--sky-surface);
  box-shadow: var(--sky-shadow-sm);
}
.skystudio-chat2 .app-shell
  :is(
    .skill-section-heading h2,
    .panel-heading h2,
    .workspace-management h2,
    .optimizer-page h2,
    .memory-map-heading h2
  ) {
  font-size: var(--sky-t3);
  line-height: var(--sky-leading-t3);
  color: var(--sky-ink);
  font-weight: var(--sky-weight-bold);
}
.skystudio-chat2 .app-shell :is(.skill-card h3, .service-title h2, .memory-map-lane h3) {
  font-size: var(--sky-t3);
  line-height: var(--sky-leading-t3);
  color: var(--sky-ink);
}
.skystudio-chat2 .app-shell
  :is(
    .skill-card p,
    .skill-section-heading p,
    .panel-heading p,
    .service-grid p,
    .memory-map-note,
    .memory-map-content
  ) {
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
  color: var(--sky-muted);
  overflow-wrap: anywhere;
}
.skystudio-chat2 .app-shell .metric-grid article > strong {
  font-size: var(--sky-h2);
  line-height: var(--sky-leading-h2);
  letter-spacing: var(--sky-tracking-default);
}
.skystudio-chat2 .app-shell
  :is(
    .skill-binding,
    .skill-contract-grid strong,
    .skill-contract-grid ol,
    .skill-contract-grid ul,
    .skill-intents span,
    .skill-package-details summary
  ) {
  font-size: var(--sky-t1);
  line-height: var(--sky-type-caption-leading);
  overflow-wrap: anywhere;
}
.skystudio-chat2 .app-shell .skill-category {
  font-size: var(--sky-t0);
}
.skystudio-chat2 .app-shell :is(.skill-card .skill-instructions, .empty-skill-card) {
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
}
.skystudio-chat2 .app-shell .profile-editor h2 {
  font-size: var(--sky-b1);
  line-height: var(--sky-leading-b1);
}
.skystudio-chat2 .app-shell
  :is(
    .metric-grid article > span,
    .metric-grid article > small,
    .evaluation-table th,
    .evaluation-table td,
    .service-grid small
  ) {
  font-size: var(--sky-t1);
  line-height: var(--sky-type-caption-leading);
}
.skystudio-chat2 .app-shell .evaluation-table th {
  color: var(--sky-ink);
  background: var(--sky-rail);
}
.skystudio-chat2 .app-shell .evaluation-table-panel > header {
  padding: 20px;
}
.skystudio-chat2 .app-shell .evaluation-table-panel > :where(header) h2 {
  margin: 0 0 5px;
  font-size: var(--sky-t3);
  line-height: var(--sky-leading-t3);
}
.skystudio-chat2 .app-shell .evaluation-table-panel > header p {
  color: var(--sky-muted);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
}
.skystudio-chat2 .app-shell .tool-bar-row {
  grid-template-columns: minmax(0, 1fr) minmax(40px, 1fr) 40px;
}
.skystudio-chat2 .app-shell .agentic-map-shell {
  display: flex;
  flex-direction: column;
}
.skystudio-chat2 .app-shell .agentic-map-layout {
  min-height: 0;
  flex: 1;
  height: auto;
}
.skystudio-chat2 .app-shell .agent-node-inspect {
  position: static;
  grid-column: 2;
  justify-self: end;
  min-height: 28px;
  font-size: var(--sky-t0);
  line-height: var(--sky-leading-t0);
}
.skystudio-chat2 .app-shell .agent-node-decision {
  max-width: 100%;
  font-size: var(--sky-t0);
  line-height: var(--sky-leading-t0);
}
.skystudio-chat2 .app-shell
  :is(
    .agent-node strong,
    .event-panel-heading strong,
    .flow-group > summary strong,
    .safety-summary strong
  ) {
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
}
.skystudio-chat2 .app-shell
  :is(
    .agent-node p,
    .agent-node small,
    .memory-layer strong,
    .memory-layer small,
    .run-item strong,
    .run-search input,
    .event-timeline strong,
    .event-timeline code,
    .trace-inspector > nav button,
    .reasoning-notice,
    .flow-group > summary small,
    .safety-summary small
  ) {
  font-size: var(--sky-t1);
  line-height: var(--sky-type-caption-leading);
}
.skystudio-chat2 .app-shell
  :is(
    .memory-layer > i,
    .memory-stack-heading > small,
    .sandbox-stack-heading > small,
    .run-item small,
    .run-item em,
    .run-overview dt,
    .run-overview dd,
    .run-overview small,
    .event-timeline time,
    .event-panel-heading small
  ) {
  font-size: var(--sky-t0);
  line-height: var(--sky-leading-t0);
}
.skystudio-chat2 .app-shell .trace-inspector-content pre {
  font-family: var(--sky-font-mono);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
}
.skystudio-chat2 .app-shell .run-overview {
  flex-wrap: wrap;
}
.skystudio-chat2 .app-shell .run-overview dl {
  flex-wrap: wrap;
}
.skystudio-chat2 .app-shell .run-overview dl > div {
  display: block;
}
.skystudio-chat2 .app-shell .memory-view-switch {
  flex-wrap: wrap;
}
.skystudio-chat2 .app-shell .service-title {
  overflow-wrap: anywhere;
}
.skystudio-chat2 .app-shell .services-page > header > div {
  flex: 1 1 180px;
}
/* Shared form/button shells. Exclude map nodes, badges and icon-only actions. */
.skystudio-chat2 .app-shell
  :is(
    .skills-header,
    .skills-page-settings-actions,
    .skill-editor,
    .evaluation-header,
    .agentic-map-header,
    .memory-page,
    .services-page,
    .optimizer-page
  )
  button:not(.icon-button, .skills-page-tab, .memory-map-node, .memory-map-node-origin),
    .skystudio-chat2 .app-shell .skills-header .skill-upload,
    .skystudio-chat2 .app-shell .skills-page-settings-actions .skill-upload {
  min-height: 32px;
  max-width: 100%;
  border-radius: var(--sky-radius-lg);
  font-family: var(--sky-font-family);
  font-size: var(--sky-type-compact-size);
  line-height: var(--sky-type-caption-leading);
  font-weight: var(--sky-weight-semibold);
  white-space: normal;
}
.skystudio-chat2 .app-shell
  :is(
    .skills-header,
    .skills-page-settings-actions,
    .skill-editor,
    .evaluation-header,
    .agentic-map-header,
    .memory-page,
    .services-page,
    .optimizer-page
  )
  button:not(
    .icon-button,
    .skills-page-tab,
    .primary,
    [type="submit"],
    .memory-map-node,
    .memory-map-node-origin,
    [aria-pressed="true"],
    .selected
  ) {
  border-color: var(--sky-border-input);
  color: var(--sky-ink);
  background: var(--sky-surface);
}
.skystudio-chat2 .app-shell :is(.skills-header, .skills-page-settings-actions, .skill-editor) button.primary, .skystudio-chat2 .app-shell .memory-editor button[type="submit"] {
  color: var(--sky-surface);
  background: var(--sky-brand);
  border-color: var(--sky-brand);
}
.skystudio-chat2 .app-shell :is(.memory-tabs, .memory-view-switch) button[aria-pressed="true"], .skystudio-chat2 .app-shell .optimizer-page nav button.selected {
  color: var(--sky-focus);
  border-color: var(--sky-border-accent);
  background: var(--sky-hover);
}
.skystudio-chat2 .app-shell :is(.skill-editor-grid, .memory-page, .optimizer-page) label {
  min-width: 0;
  font-weight: var(--sky-weight-medium);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
  overflow-wrap: anywhere;
}
.skystudio-chat2 .app-shell
  :is(.skill-editor-grid, .memory-page, .optimizer-page)
  :is(input:not([type="checkbox"]), select), .skystudio-chat2 .app-shell .table-heading select {
  min-height: var(--sky-field-height);
}
.skystudio-chat2 .app-shell
  :is(.skill-editor-grid, .memory-page, .optimizer-page)
  :is(input:not([type="checkbox"]), textarea, select), .skystudio-chat2 .app-shell .table-heading select {
  min-width: 0;
  max-width: 100%;
  padding: 10px 12px;
  color: var(--sky-ink);
  background: var(--sky-surface);
  border: 1px solid var(--sky-border-input);
  border-radius: var(--sky-radius-lg);
  font-family: var(--sky-font-family);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
  font-weight: var(--sky-weight-regular);
  box-shadow: var(--sky-shadow-sm);
}
.skystudio-chat2 .app-shell
  :is(
    .profile-editor textarea,
    .optimizer-page textarea,
    .optimizer-page pre,
    .profile-editor pre
  ) {
  font-family: var(--sky-font-mono);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
}
.skystudio-chat2 .app-shell .skill-editor-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.skystudio-chat2 .app-shell .skill-editor-backdrop {
  z-index: 70;
  padding: 16px;
  background: var(--sky-scrim);
}
.skystudio-chat2 .app-shell .skill-editor {
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.skystudio-chat2 .app-shell .skill-editor > header {
  position: sticky;
  top: -20px;
  z-index: 1;
  background: var(--sky-surface);
}
.skystudio-chat2 .app-shell .skill-editor h2 {
  font-size: var(--sky-b1);
  line-height: var(--sky-leading-b1);
  color: var(--sky-ink);
}
.skystudio-chat2 :is(.optimizer-dialog, .memory-detail-dialog) {
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  border-color: var(--sky-border);
  border-radius: var(--sky-radius-xl);
  box-shadow: var(--sky-shadow-dropdown);
  background: var(--sky-surface);
  color: var(--sky-ink);
  font-family: var(--sky-font-family);
}
.skystudio-chat2 .optimizer-dialog {
  width: min(500px, calc(100vw - 32px));
  overflow-y: auto;
}
.skystudio-chat2 :is(.optimizer-dialog, .memory-detail-dialog)::backdrop {
  background: var(--sky-scrim);
}
/* Standalone account/artifact routes must remain scrollable with body locked. */
.skystudio-chat2 :is(.account-gate, .artifact-page, .connector-callback) {
  height: 100dvh;
  min-height: 0;
  overflow-y: auto;
  background: var(--sky-surface);
  color: var(--sky-ink);
  font-family: var(--sky-font-family);
  font-size: var(--sky-t2);
}
.skystudio-chat2 .account-gate {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.skystudio-chat2 .account-form {
  flex-shrink: 0;
  margin-block: auto;
}
.skystudio-chat2 .connector-callback {
  margin: 0 auto;
  padding: 24px;
}
.skystudio-chat2 :is(.account-form, .artifact-page) h1 {
  font-size: var(--sky-h1);
  line-height: var(--sky-leading-h1);
  color: var(--sky-brand);
}
.skystudio-chat2 :is(.account-form, .artifact-page) :is(p, label) {
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
}
.skystudio-chat2 .account-form input:not([type="checkbox"]) {
  min-height: var(--sky-field-height);
  border-color: var(--sky-border-input);
  border-radius: var(--sky-radius-lg);
}
.skystudio-chat2 .account-form button {
  min-height: var(--sky-field-height);
  font-size: var(--sky-t2);
  border-radius: var(--sky-radius-lg);
}
.skystudio-chat2 .account-form button[type="submit"] {
  background: var(--sky-brand);
  border-color: var(--sky-brand);
  color: var(--sky-surface);
}
.skystudio-chat2 .artifact-page {
  width: 100%;
}
.skystudio-chat2 .artifact-page header {
  min-width: 0;
}
.skystudio-chat2 .artifact-page header > div {
  min-width: 0;
}
.skystudio-chat2 .artifact-page :is(.artifact-preview, .artifact-confirm) {
  border-color: var(--sky-border);
  border-radius: var(--sky-radius-xl);
}
.skystudio-chat2 .artifact-page :is(.artifact-actions, .artifact-confirm) :is(a, button) {
  color: var(--sky-brand);
  border-color: var(--sky-border-input);
  border-radius: var(--sky-radius-lg);
}
/* Focus must remain visible across portals, keyboard navigation and dialogs. */
.skystudio-chat2
  :is(
    .app-shell,
    .connector-popover,
    .account-gate,
    .artifact-page,
    .optimizer-dialog,
    .memory-detail-dialog
  )
  :is(button, input, textarea, select, summary, a):focus-visible {
  outline: var(--sky-focus-width) solid var(--sky-focus);
  outline-offset: var(--sky-focus-offset);
}
@container redesign-page (max-width: 740px) {
  .skystudio-chat2 .app-shell
    :is(
      .metric-grid,
      .evaluation-panels,
      .optimizer-layout,
      .optimizer-compare,
      .memory-map-lanes,
      .skill-contract-grid
    ) {
    grid-template-columns: 1fr;
  }
  .skystudio-chat2 .app-shell .agentic-map-layout {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(120px, 200px) minmax(0, 1fr);
  }
  .skystudio-chat2 .app-shell .run-browser {
    border-right: 0;
    border-bottom: 1px solid var(--sky-border);
  }
  .skystudio-chat2 .app-shell .skills-header > div:last-child {
    flex-direction: row;
  }
}
@media (max-width: 899.98px) {
  .skystudio-chat2 .app-shell :is(.skills-header, .evaluation-header, .agentic-map-header) {
    padding: 20px 16px;
  }
  .skystudio-chat2 .app-shell :is(.skills-content, .evaluation-content) {
    width: calc(100% - 32px);
  }
}
@media (max-width: 640px) {
  .skystudio-chat2 .app-shell :is(.skills-header, .evaluation-header, .agentic-map-header) {
    align-items: flex-start;
  }
  .skystudio-chat2 .app-shell .agentic-map-header > button {
    display: inline-flex;
  }
  .skystudio-chat2 .app-shell .agentic-map-header p {
    display: block;
  }
  .skystudio-chat2 .app-shell .skill-editor-grid {
    grid-template-columns: 1fr;
  }
  .skystudio-chat2 .app-shell
    :is(.skill-editor-grid, .memory-page, .optimizer-page)
    :is(input:not([type="checkbox"]), textarea), .skystudio-chat2 .connector-settings input, .skystudio-chat2 .account-form input:not([type="checkbox"]) {
    font-size: var(--sky-mobile-input-size);
  }
  .skystudio-chat2 .app-shell :is(.memory-page, .optimizer-page, .services-page) {
    padding: 16px;
  }
  .skystudio-chat2 .connector-popover {
    right: 12px;
    width: calc(100vw - 24px);
    padding: 12px;
  }
}
/**
 * Portaled composer/model menus mount on document.body under .chat2-menu-portal-host.
 * Host Tailwind/preflight can override scoped bundle rules — these selectors start
 * with .skystudio-chat2 so the embed PostCSS plugin does not double-prefix them.
 */
.skystudio-chat2.chat2-menu-portal-host {
  position: fixed;
  inset: 0;
  z-index: 500;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  pointer-events: none;
  background: transparent !important;
  border: none;
  box-shadow: none;
  isolation: isolate;
  font-family: var(--sky-font-family, Montserrat, sans-serif);
  color: var(--sky-ink, #1a1654);
}
.skystudio-chat2.chat2-menu-portal-host > * {
  pointer-events: auto;
}
/* —— Composer + menu —— */
.skystudio-chat2.chat2-menu-portal-host .composer-plus-menu.composer-plus-menu--portal {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-height: 0;
  overflow: visible;
  pointer-events: auto;
  box-sizing: border-box;
}
.skystudio-chat2.chat2-menu-portal-host .workflow-mention-menu--portal {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: min(288px, calc(100vw - 32px));
  max-height: min(360px, var(--composer-plus-available-h, 320px));
  padding: 8px 8px 6px;
  overflow: hidden;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: var(--sky-radius-xl, 12px);
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-dropdown, 0 24px 56px -16px rgb(20 17 60 / 35%));
  pointer-events: auto;
}
.skystudio-chat2.chat2-menu-portal-host
  .workflow-mention-menu--portal.composer-plus-flyout {
  border: 1px solid var(--sky-border, #ece9f4);
  box-shadow: var(--sky-shadow-dropdown, 0 24px 56px -16px rgb(20 17 60 / 35%));
}
.skystudio-chat2.chat2-menu-portal-host .workflow-mention-menu--portal .composer-plus-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-panel {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: min(272px, calc(100vw - 48px));
  max-height: min(576px, var(--composer-plus-available-h, 420px));
  padding: 6px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: var(--sky-radius-xl, 12px);
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-dropdown, 0 24px 56px -16px rgb(20 17 60 / 35%));
  box-sizing: border-box;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  margin: 0;
  border: 0;
  border-radius: var(--sky-radius-lg, 10px);
  color: var(--sky-ink, #1a1654);
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item-label {
  flex: 1;
  min-width: 0;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item-label strong {
  display: block;
  font-size: var(--sky-t1, 11px);
  font-weight: var(--sky-weight-medium, 500);
  line-height: 17px;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item-label small {
  display: block;
  margin-top: 1px;
  color: var(--sky-muted, #7c7795);
  font-size: 11px;
  line-height: 16px;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-divider {
  flex-shrink: 0;
  height: 1px;
  margin: 6px 8px;
  background: var(--sky-border, #ece9f4);
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-memory {
  flex-shrink: 0;
  padding: 4px 8px 8px;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-memory-title-row {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-info-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  color: var(--sky-focus);
  background: transparent;
  cursor: help;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-info:hover,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-info:focus-visible {
  color: var(--sky-brand);
  background: rgb(91 95 199 / 10%);
  outline: none;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-info-tooltip {
  pointer-events: none;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  z-index: 120;
  width: -moz-max-content;
  width: max-content;
  max-width: 240px;
  padding: 8px 10px;
  transform: translateX(-50%) translateY(4px);
  border-radius: var(--sky-radius-lg);
  color: #f4f3ff;
  font-size: 11px;
  line-height: 1.45;
  text-align: left;
  background: #1a1633;
  box-shadow: 0 8px 24px rgb(16 24 40 / 28%);
  opacity: 0;
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-info-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #1a1633;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-info-wrap:hover .composer-plus-info-tooltip,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-info-wrap:focus-within .composer-plus-info-tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-memory-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout {
  position: absolute;
  top: 0;
  left: calc(100% + 8px);
  display: flex;
  flex-direction: column;
  width: min(256px, calc(100vw - 48px));
  max-height: min(576px, var(--composer-plus-available-h, 420px));
  min-height: 0;
  padding: 8px 6px 6px 10px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: var(--sky-radius-xl, 12px);
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-dropdown, 0 24px 56px -16px rgb(20 17 60 / 35%));
  z-index: 2;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--left {
  left: auto;
  right: calc(100% + 8px);
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.skystudio-chat2.chat2-menu-portal-host button.composer-plus-item {
  cursor: pointer;
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item:hover:not(:disabled),
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item:focus-visible:not(:disabled),
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item[aria-expanded="true"] {
  background: var(--sky-hover, #f4f2fb);
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item.selected,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item[aria-pressed="true"] {
  background: #eef0ff;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item.selected:hover:not(:disabled),
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item[aria-pressed="true"]:hover:not(:disabled) {
  background: #e8e4ff;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item svg:first-child {
  flex-shrink: 0;
  color: var(--sky-brand, #201768);
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-item-chevron {
  flex-shrink: 0;
  color: var(--sky-muted, #7c7795);
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-badge {
  flex-shrink: 0;
  min-width: 18px;
  padding: 0 6px;
  border-radius: 999px;
  color: var(--sky-focus, #7f56d9);
  background: var(--sky-hover, #f4f2fb);
  font-size: 11px;
  font-weight: var(--sky-weight-semibold, 600);
  line-height: 18px;
  text-align: center;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout-heading {
  flex-shrink: 0;
  margin: 0 8px 6px;
  color: var(--sky-muted, #7c7795);
  font-size: 11px;
  font-weight: var(--sky-weight-semibold, 600);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--connectors,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--skills,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--tools,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--workflow {
  min-width: min(280px, calc(100vw - 48px));
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--tools,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--workflow {
  top: auto;
  bottom: 0;
  max-height: min(360px, calc(var(--composer-plus-available-h, 420px) - 24px));
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--tools .composer-plus-item,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--workflow .composer-plus-item {
  min-height: 30px;
  padding: 5px 8px;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--tools .composer-plus-item-label small,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout--workflow .composer-plus-item-label small {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 15px;
}
.skystudio-chat2.chat2-menu-portal-host .workflow-menu-list .composer-plus-item svg:first-child {
  color: var(--sky-focus, #7f56d9);
}
.skystudio-chat2.chat2-menu-portal-host .workflow-menu-list > p {
  margin: 0;
  padding: 12px 10px;
  color: var(--sky-muted, #7c7795);
  font-size: 11px;
  line-height: 16px;
  text-align: center;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout > .composer-plus-search,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout-body > .composer-plus-search {
  flex-shrink: 0;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-search {
  box-sizing: border-box;
  width: calc(100% - 16px);
  margin: 0 8px 6px;
  padding: 7px 9px;
  font-size: var(--sky-t1, 11px);
  border: 1px solid var(--sky-border-input, #ddd9e8);
  border-radius: var(--sky-radius-lg, 10px);
  color: var(--sky-ink, #1a1654);
  background: var(--sky-surface, #fff);
  font: inherit;
  outline: none;
  box-shadow: none;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-search:focus,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-search:focus-visible {
  border-color: var(--sky-border-strong, #d0d5dd);
  outline: none;
  box-shadow: 0 0 0 2px var(--sky-accent-soft, #eef0fe);
}
.skystudio-chat2.chat2-menu-portal-host
  .workflow-mention-menu--portal
  .composer-plus-search:focus,
.skystudio-chat2.chat2-menu-portal-host
  .workflow-mention-menu--portal
  .composer-plus-search:focus-visible {
  border-color: var(--sky-border-strong, #d0d5dd);
  outline: none;
  box-shadow: none;
}
.skystudio-chat2.chat2-menu-portal-host
  .workflow-mention-menu--portal
  .composer-plus-flyout-heading {
  letter-spacing: var(--sky-tracking-default, normal);
  text-transform: none;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-search::-moz-placeholder {
  color: var(--sky-muted, #7c7795);
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-search::placeholder {
  color: var(--sky-muted, #7c7795);
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-flyout .composer-plus-footer-link {
  flex-shrink: 0;
  margin-top: auto;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-empty-hint {
  padding: 8px 10px;
  color: var(--sky-muted, #7c7795);
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-toggle {
  position: relative;
  flex-shrink: 0;
  width: 40px;
  height: 22px;
  margin-top: 0;
  border: 0;
  border-radius: 999px;
  background: var(--sky-gray-200, #e4e0f2);
  cursor: pointer;
  transition: background 0.15s ease;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-toggle[aria-checked="true"] {
  background: var(--sky-focus, #7f56d9);
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-toggle::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-sm, 0 1px 2px rgb(16 24 40 / 8%));
  transition: transform 0.15s ease;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-toggle[aria-checked="true"]::after {
  transform: translateX(18px);
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-toggle:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-footer-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 4px;
  padding: 8px 10px;
  border: 0;
  border-radius: var(--sky-radius-lg, 10px);
  color: var(--sky-focus, #7f56d9);
  background: transparent;
  font-size: var(--sky-t1, 11px);
  font-weight: var(--sky-weight-medium, 500);
  cursor: pointer;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-footer-link:hover {
  background: var(--sky-hover, #f4f2fb);
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-list {
  margin-top: 4px;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  min-height: 36px;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-row .composer-plus-item-label {
  flex: 1;
  min-width: 0;
}
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  overflow: hidden;
}
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 2px;
  box-sizing: border-box;
  -o-object-fit: contain;
     object-fit: contain;
}
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--atlassian,
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--ms365,
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--slack,
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--gitlab {
  color: transparent;
  background: #fff;
  border: 1px solid #eaecf0;
  box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
}
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--google {
  background: #4285f4;
}
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--hubspot {
  background: #ff7a59;
}
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--notion {
  background: #191919;
}
.skystudio-chat2.chat2-menu-portal-host .composer-connector-mark--fireflies {
  background: #7c3aed;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-status,
.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-error {
  margin: 4px 8px 0;
  color: var(--sky-muted, #7c7795);
  font-size: 11px;
  line-height: 16px;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-error button {
  border: 0;
  padding: 0;
  color: var(--sky-focus, #7f56d9);
  background: transparent;
  font: inherit;
  cursor: pointer;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-required {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 8px 8px;
  padding: 8px;
  border-radius: var(--sky-radius-lg, 10px);
  color: var(--sky-ink, #1a1654);
  background: var(--sky-hover, #f4f2fb);
  font-size: 11px;
  line-height: 16px;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-connector-required-dismiss {
  margin-left: auto;
  border: 0;
  padding: 0 4px;
  color: var(--sky-muted, #7c7795);
  background: transparent;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.skystudio-chat2.chat2-menu-portal-host .composer-plus-back {
  margin-bottom: 2px;
}
/* —— Model picker menu —— */
.skystudio-chat2.chat2-menu-portal-host .model-picker-menu.model-picker-menu--portal {
  display: flex;
  align-items: stretch;
  overflow: visible;
  pointer-events: auto;
  box-sizing: border-box;
}
.skystudio-chat2.chat2-menu-portal-host .model-picker-panel {
  display: flex;
  flex-direction: column;
  width: min(var(--model-picker-panel-w, 288px), calc(100vw - 48px));
  min-width: min(var(--model-picker-panel-w, 288px), calc(100vw - 48px));
  flex: 0 0 auto;
  max-height: min(576px, var(--model-picker-available-h, 52vh));
  min-height: 0;
  padding: 8px 6px 6px;
  overflow: hidden;
  border: 1px solid var(--sky-border, #ece9f4);
  border-radius: var(--sky-radius-xl, 12px);
  background: var(--sky-surface, #fff);
  box-shadow: var(--sky-shadow-dropdown, 0 24px 56px -16px rgb(20 17 60 / 35%));
  box-sizing: border-box;
}
.skystudio-chat2.chat2-menu-portal-host .model-choice-row,
.skystudio-chat2.chat2-menu-portal-host .model-picker-meta-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
}
.skystudio-chat2.chat2-menu-portal-host .model-picker-flyout {
  position: absolute;
  top: auto;
  bottom: 0;
  left: calc(100% + 8px);
  z-index: 2;
}
.skystudio-chat2.chat2-menu-portal-host .model-picker-flyout--left {
  left: auto;
  right: calc(100% + 8px);
}
.skystudio-chat2 {
  font-family: var(--sky-font-family, Montserrat, ui-sans-serif, system-ui, sans-serif);
  color: var(--sky-ink);
  background: var(--sky-rail);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
.skystudio-chat2 * {
  box-sizing: border-box;
}
.skystudio-chat2 {
  width: 100%;
  min-width: 320px;
  min-height: 0;
  margin: 0;
  overflow: hidden;
}
.skystudio-chat2 button,
.skystudio-chat2 input,
.skystudio-chat2 textarea,
.skystudio-chat2 select {
  font: inherit;
}
.skystudio-chat2 button {
  color: inherit;
}
.skystudio-chat2 button:focus-visible,
.skystudio-chat2 input:focus-visible,
.skystudio-chat2 textarea:focus-visible,
.skystudio-chat2 select:focus-visible {
  outline: 2px solid #7f56d9;
  outline-offset: 2px;
}
.skystudio-chat2 .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.skystudio-chat2 .app-shell {
  display: flex;
  height: 100vh;
  background: #f8f9fc;
}
.skystudio-chat2 .sidebar {
  position: relative;
  z-index: 30;
  display: flex;
  width: 284px;
  flex: 0 0 284px;
  flex-direction: column;
  border-right: 1px solid #ece9f4;
  background: #fff;
  transition:
    margin 180ms ease,
    transform 180ms ease;
}
.skystudio-chat2 .sidebar:not(.open) {
  margin-left: -284px;
}
.skystudio-chat2 .app-shell > .sidebar.sidebar--history-only:not(.open) {
  margin-left: calc(-1 * var(--sky-history-width, 300px));
}
.skystudio-chat2 .app-shell > .sidebar.sidebar--history-only {
  width: var(--sky-history-width, 300px);
  flex: 0 0 var(--sky-history-width, 300px);
}
.skystudio-chat2 .sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 17px 13px 20px;
}
.skystudio-chat2 .brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #201768;
  text-decoration: none;
}
.skystudio-chat2 .brand strong {
  font-size: 18px;
  letter-spacing: -0.03em;
}
.skystudio-chat2 .reet-mark {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border: 1px solid #d7d2ff;
  border-radius: 15px;
  color: #6938ef;
  background: linear-gradient(145deg, #faf9ff, #ece9ff);
  box-shadow: 0 8px 22px rgba(105, 56, 239, 0.12);
}
.skystudio-chat2 .reet-mark-small {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  box-shadow: none;
}
.skystudio-chat2 .icon-button {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: transparent;
  cursor: pointer;
  transition: background 140ms ease;
}
.skystudio-chat2 .icon-button:hover {
  background: #f4f3ff;
}
.skystudio-chat2 .icon-button.muted {
  color: #a09db8;
}
.skystudio-chat2 .icon-button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.skystudio-chat2 .new-chat-button {
  display: flex;
  height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 5px 16px 13px;
  border: 1px solid #d7d2ff;
  border-radius: 10px;
  color: #352d75;
  background: #f4f3ff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 140ms ease,
    border-color 140ms ease;
}
.skystudio-chat2 .new-chat-button:hover {
  border-color: #b9adf7;
  background: #ece9ff;
}
.skystudio-chat2 .sidebar-nav-button {
  display: flex;
  height: 39px;
  align-items: center;
  gap: 9px;
  margin: -5px 16px 13px;
  padding: 0 12px;
  border: 0;
  border-radius: 9px;
  color: #7c7795;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.skystudio-chat2 .sidebar-nav-button:hover,
.skystudio-chat2 .sidebar-nav-button.active {
  color: #5925dc;
  background: #f4f3ff;
}
.skystudio-chat2 .search-box {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  margin: 0 16px 17px;
  padding: 0 11px;
  border: 1px solid #ece9f4;
  border-radius: 9px;
  color: #a09db8;
  background: #fafaff;
}
.skystudio-chat2 .search-box input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: #201768;
  background: transparent;
  font-size: 12px;
}
.skystudio-chat2 .search-box input::-moz-placeholder {
  color: #a09db8;
}
.skystudio-chat2 .search-box input::placeholder {
  color: #a09db8;
}
.skystudio-chat2 .history-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 8px;
  color: #a09db8;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.skystudio-chat2 .conversation-list {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  padding: 0 9px 14px;
}
.skystudio-chat2 .conversation-row {
  position: relative;
  display: flex;
  align-items: center;
  margin: 2px 0;
  border-radius: 9px;
}
.skystudio-chat2 .conversation-row:hover,
.skystudio-chat2 .conversation-row.active {
  background: #f4f3ff;
}
.skystudio-chat2 .conversation-open {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  gap: 10px;
  padding: 10px 30px 10px 10px;
  border: 0;
  text-align: left;
  background: transparent;
  cursor: pointer;
}
.skystudio-chat2 .conversation-open > svg {
  flex: 0 0 auto;
  color: #7c7795;
}
.skystudio-chat2 .conversation-open > span {
  min-width: 0;
}
.skystudio-chat2 .conversation-row strong,
.skystudio-chat2 .conversation-row small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .conversation-row strong {
  color: #352d75;
  font-size: 12px;
  font-weight: 600;
}
.skystudio-chat2 .conversation-row small {
  margin-top: 3px;
  color: #a09db8;
  font-size: 10px;
}
.skystudio-chat2 .delete-chat {
  position: absolute;
  right: 7px;
  display: none;
  width: 27px;
  height: 27px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 7px;
  color: #a09db8;
  background: #f4f3ff;
  cursor: pointer;
}
.skystudio-chat2 .conversation-row:hover .delete-chat {
  display: flex;
}
.skystudio-chat2 .delete-chat:hover {
  color: #d92d20;
  background: #fef3f2;
}
.skystudio-chat2 .chat2-conversation-row .delete-chat {
  position: static;
  display: inline-flex;
}
.skystudio-chat2 .empty-history {
  margin: 25px 10px;
  color: #a09db8;
  font-size: 12px;
  text-align: center;
}
.skystudio-chat2 .sidebar-footer {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 14px 17px;
  border-top: 1px solid #f4f3ff;
}
.skystudio-chat2 .local-avatar {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: #352d75;
  font-size: 12px;
  font-weight: 700;
}
.skystudio-chat2 .sidebar-footer > span:nth-child(2) {
  min-width: 0;
  flex: 1;
}
.skystudio-chat2 .sidebar-footer strong,
.skystudio-chat2 .sidebar-footer small {
  display: block;
}
.skystudio-chat2 .sidebar-footer strong {
  font-size: 11px;
}
.skystudio-chat2 .sidebar-footer small {
  margin-top: 2px;
  color: #a09db8;
  font-size: 9px;
}
.skystudio-chat2 .online-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #12b76a;
  box-shadow: 0 0 0 3px #ecfdf3;
}
.skystudio-chat2 .open-sidebar {
  position: fixed;
  top: 15px;
  left: 15px;
  z-index: 20;
  display: flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ece9f4;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(32, 23, 104, 0.05);
  cursor: pointer;
}
.skystudio-chat2 .chat-shell {
  position: relative;
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}
.skystudio-chat2 .chat-header {
  display: flex;
  height: 65px;
  align-items: center;
  justify-content: space-between;
  padding: 0 27px;
  border-bottom: 1px solid #f0eef6;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.skystudio-chat2 .chat-header-title {
  display: block;
  max-width: min(500px, 48vw);
  overflow: hidden;
  color: #201768;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .chat-header-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  color: #a09db8;
  font-size: 9px;
}
.skystudio-chat2 .chat-header i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #12b76a;
}
.skystudio-chat2 .header-model {
  max-width: 32vw;
  overflow: hidden;
  padding: 6px 10px;
  border: 1px solid #ece9f4;
  border-radius: 999px;
  color: #7c7795;
  background: #fff;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .error-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin: 12px auto 0;
  width: min(820px, calc(100% - 36px));
  padding: 10px 13px;
  border: 1px solid #fecdca;
  border-radius: 9px;
  color: #b42318;
  background: #fffbfa;
  font-size: 11px;
}
.skystudio-chat2 .error-banner button {
  display: flex;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
}
.skystudio-chat2 .error-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 9px;
}
.skystudio-chat2 .error-actions button:first-child:not(:last-child) {
  padding: 5px 8px;
  border: 1px solid #fda29b;
  border-radius: 7px;
  background: #fff;
  font-size: 9px;
  font-weight: 700;
}
.skystudio-chat2 .chat-content {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  overflow-y: auto;
}
.skystudio-chat2 .chat-content.empty {
  justify-content: center;
}
.skystudio-chat2 .welcome {
  width: min(820px, calc(100% - 36px));
  margin: auto auto 25px;
  text-align: center;
}
.skystudio-chat2 .welcome .reet-mark {
  margin-bottom: 15px;
}
.skystudio-chat2 .welcome h1 {
  margin: 0;
  color: #201768;
  font-size: clamp(24px, 4vw, 34px);
  font-weight: 600;
  letter-spacing: -0.045em;
}
.skystudio-chat2 .welcome p {
  margin: 10px 0 0;
  color: #a09db8;
  font-size: 12px;
}
.skystudio-chat2 .message-list {
  width: min(820px, calc(100% - 36px));
  margin: 0 auto;
  padding: 42px 0 160px;
}
.skystudio-chat2 .user-message {
  width: -moz-fit-content;
  width: fit-content;
  max-width: min(660px, 84%);
  margin: 0 0 30px auto;
  padding: 12px 16px;
  border: 1px solid #e4e0f2;
  border-radius: 16px 16px 4px 16px;
  color: #352d75;
  background: #f4f3ff;
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
}
.skystudio-chat2 .assistant-message-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 34px;
}
.skystudio-chat2 .assistant-message {
  min-width: 0;
  flex: 1;
  color: #352d75;
  font-size: 13px;
  line-height: 1.72;
}
.skystudio-chat2 .thinking-summary {
  margin: 0 0 14px;
  border-left: 2px solid #d7d2ff;
  padding-left: 11px;
  color: #7c7795;
}
.skystudio-chat2 .thinking-summary summary {
  display: flex;
  align-items: center;
  gap: 6px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  color: #605a90;
  font-size: 11px;
  font-weight: 600;
}
.skystudio-chat2 .thinking-summary p {
  margin: 8px 0 0;
  color: #7c7795;
  font-size: 11px;
  line-height: 1.6;
  white-space: pre-wrap;
}
.skystudio-chat2 .markdown-content > :first-child {
  margin-top: 0;
}
.skystudio-chat2 .markdown-content > :last-child {
  margin-bottom: 0;
}
.skystudio-chat2 .markdown-content p {
  margin: 0 0 12px;
}
.skystudio-chat2 .markdown-content h1,
.skystudio-chat2 .markdown-content h2,
.skystudio-chat2 .markdown-content h3 {
  margin: 22px 0 10px;
  color: #201768;
  line-height: 1.3;
}
.skystudio-chat2 .markdown-content h1 {
  font-size: 20px;
}
.skystudio-chat2 .markdown-content h2 {
  font-size: 17px;
}
.skystudio-chat2 .markdown-content h3 {
  font-size: 14px;
}
.skystudio-chat2 .markdown-content ul,
.skystudio-chat2 .markdown-content ol {
  padding-left: 22px;
}
.skystudio-chat2 .markdown-content li {
  margin: 5px 0;
}
.skystudio-chat2 .markdown-content a {
  color: #6938ef;
}
.skystudio-chat2 .markdown-content pre {
  overflow-x: auto;
  padding: 14px;
  border: 1px solid #2d2755;
  border-radius: 10px;
  color: #f5f3ff;
  background: #181432;
  font:
    12px / 1.55 ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
}
.skystudio-chat2 .markdown-content :not(pre) > code {
  padding: 2px 5px;
  border-radius: 5px;
  color: #5925dc;
  background: #f4f3ff;
  font:
    12px ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
}
.skystudio-chat2 .markdown-content table {
  width: 100%;
  border-collapse: collapse;
}
.skystudio-chat2 .markdown-content th,
.skystudio-chat2 .markdown-content td {
  padding: 8px 10px;
  border: 1px solid #e4e0f2;
  text-align: left;
}
.skystudio-chat2 .typing-dots {
  display: flex;
  gap: 4px;
  padding-top: 10px;
}
.skystudio-chat2 .typing-dots span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #7f56d9;
  animation: chat2-typing 1s infinite ease-in-out;
}
.skystudio-chat2 .typing-dots span:nth-child(2) {
  animation-delay: 140ms;
}
.skystudio-chat2 .typing-dots span:nth-child(3) {
  animation-delay: 280ms;
}
@keyframes chat2-typing {
  0%,
  60%,
  100% {
    opacity: 0.25;
    transform: translateY(0);
  }
  30% {
    opacity: 1;
    transform: translateY(-3px);
  }
}
.skystudio-chat2 .composer-wrap {
  position: sticky;
  bottom: 0;
  z-index: 10;
  width: min(820px, calc(100% - 36px));
  margin: 0 auto;
  padding: 0 0 12px;
  background: linear-gradient(to bottom, transparent, #f8f9fc 18%, #f8f9fc);
}
.skystudio-chat2 .chat-content.empty .composer-wrap {
  position: relative;
  width: min(820px, calc(100% - 36px));
  margin: 0 auto auto;
  background: transparent;
}
.skystudio-chat2 .composer {
  position: relative;
  border: 2px solid #a69af0;
  border-radius: 17px;
  background: #fff;
  box-shadow:
    0 8px 32px rgba(53, 45, 117, 0.09),
    0 1px 2px rgba(16, 24, 40, 0.05);
}
.skystudio-chat2 .composer:focus-within {
  border-color: #7f56d9;
  box-shadow:
    0 0 0 3px rgba(127, 86, 217, 0.08),
    0 8px 32px rgba(53, 45, 117, 0.1);
}
.skystudio-chat2 .composer textarea {
  display: block;
  width: 100%;
  min-height: 76px;
  max-height: 220px;
  resize: none;
  overflow-y: auto;
  padding: 18px 20px 8px;
  border: 0;
  outline: 0;
  color: #1a1654;
  background: transparent;
  font-size: 13px;
  line-height: 1.55;
}
.skystudio-chat2 .composer textarea::-moz-placeholder {
  color: #9994ac;
}
.skystudio-chat2 .composer textarea::placeholder {
  color: #9994ac;
}
.skystudio-chat2 .composer-skill-selection {
  padding: 12px 18px 0;
}
.skystudio-chat2 .composer-skill-selection .selected-tool {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}
.skystudio-chat2 .skill-slash-menu {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  z-index: 55;
  width: min(480px, 100%);
  padding: 8px;
  border: 1px solid #d7d2ff;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 12px 36px rgba(32, 23, 104, 0.14);
}
.skystudio-chat2 .skill-slash-menu [role="listbox"] {
  max-height: min(230px, 32vh);
  overflow-y: auto;
}
.skystudio-chat2 .skill-slash-menu .popover-heading {
  flex-wrap: wrap;
  gap: 5px;
}
.skystudio-chat2 .workflow-mention-menu--portal .composer-plus-flyout-heading {
  letter-spacing: normal;
  text-transform: none;
}
.skystudio-chat2 .workflow-mention-menu .composer-plus-flyout-body {
  padding: 0 4px 4px;
}
.skystudio-chat2 .workflow-mention-menu--portal {
  position: fixed;
  bottom: auto;
  left: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: min(288px, calc(100vw - 32px));
  max-height: min(360px, var(--composer-plus-available-h, 320px));
  padding: 8px 8px 6px;
  overflow: hidden;
  border: 1px solid #ece9f4;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 24px 56px -16px rgb(20 17 60 / 35%);
}
.skystudio-chat2 .workflow-mention-menu--portal.composer-plus-flyout {
  border-color: #ece9f4;
}
.skystudio-chat2 .workflow-mention-menu--portal .composer-plus-search:focus,
.skystudio-chat2 .workflow-mention-menu--portal .composer-plus-search:focus-visible {
  outline: none !important;
  outline-offset: 0;
  border-color: #d0d5dd;
  box-shadow: none;
}
.skystudio-chat2 .workflow-mention-menu--portal .composer-plus-flyout-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.skystudio-chat2 .workflow-mention-menu--portal .composer-plus-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.skystudio-chat2 .skill-slash-menu--portal {
  position: fixed;
  bottom: auto;
  left: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: min(320px, calc(100vw - 32px));
  max-height: min(320px, var(--composer-plus-available-h, 320px));
  padding: 8px;
  overflow: hidden;
  border: 1px solid #ece9f4;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 24px 56px -16px rgb(20 17 60 / 35%);
  z-index: 520;
}
.skystudio-chat2 .skill-slash-menu--portal [role="listbox"] {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto;
}
.skystudio-chat2 .skill-slash-menu--portal .skill-slash-menu__heading {
  flex-shrink: 0;
  margin: 0 0 4px;
  padding: 0 4px;
  letter-spacing: normal;
  text-transform: none;
}
.skystudio-chat2 .skill-slash-menu small {
  color: #807994;
  font-size: 11px;
  font-weight: 400;
}
.skystudio-chat2 .skill-slash-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px;
  border: 0;
  border-radius: 8px;
  color: #514189;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.skystudio-chat2 .skill-slash-option[aria-selected="true"],
.skystudio-chat2 .skill-slash-option:hover {
  background: #f1edff;
}
.skystudio-chat2 .skill-slash-option > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .skill-slash-option strong {
  font-size: 12px;
  font-weight: 500;
}
.skystudio-chat2 .skill-slash-empty,
.skystudio-chat2 .skill-slash-error {
  margin: 8px 12px;
  font-size: 12px;
  color: #807994;
}
.skystudio-chat2 .skill-slash-error {
  color: #a3384c;
}
.skystudio-chat2 .composer-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  padding: 7px 10px 10px 11px;
}
.skystudio-chat2 .composer-left,
.skystudio-chat2 .composer-actions {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
}
.skystudio-chat2 .composer-actions {
  flex-wrap: nowrap;
  flex-shrink: 0;
  overflow: visible;
}
.skystudio-chat2 .tool-menu-anchor {
  position: relative;
}
.skystudio-chat2 .tool-menu {
  position: absolute;
  bottom: 43px;
  left: 0;
  z-index: 50;
  width: min(390px, calc(100vw - 38px));
  max-height: 440px;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid #d7d2ff;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(32, 23, 104, 0.16);
}
.skystudio-chat2 .popover-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 7px 9px;
  color: #201768;
  font-size: 12px;
  font-weight: 700;
}
.skystudio-chat2 .popover-heading button {
  display: flex;
  padding: 4px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
}
.skystudio-chat2 .popover-heading button:hover {
  background: #f4f3ff;
}
.skystudio-chat2 .tool-menu-item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  padding: 9px 8px;
  border: 0;
  border-radius: 9px;
  text-align: left;
  background: transparent;
  cursor: pointer;
}
.skystudio-chat2 .tool-menu-item:hover {
  background: #fafaff;
}
.skystudio-chat2 .tool-menu-item.selected {
  background: #f4f3ff;
}
.skystudio-chat2 .tool-menu-item:disabled {
  cursor: default;
  opacity: 0.72;
}
.skystudio-chat2 .tool-icon {
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 8px;
  color: #6938ef;
  background: #f4f3ff;
}
.skystudio-chat2 .tool-menu-item > span {
  min-width: 0;
  flex: 1;
}
.skystudio-chat2 .tool-menu-item strong,
.skystudio-chat2 .tool-menu-item small {
  display: block;
}
.skystudio-chat2 .tool-menu-item strong {
  color: #352d75;
  font-size: 12px;
}
.skystudio-chat2 .tool-menu-item small {
  margin-top: 3px;
  color: #a09db8;
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  white-space: normal;
}
.skystudio-chat2 .tool-menu-empty { margin: 6px 8px 12px; color: #726b8e; font-size: 12px; line-height: 1.45; }
.skystudio-chat2 .selected-tool {
  display: flex;
  height: 30px;
  align-items: center;
  gap: 5px;
  padding: 0 8px;
  border: 1px solid #d7d2ff;
  border-radius: 8px;
  color: #5925dc;
  background: #f4f3ff;
  font-size: 9px;
  font-weight: 600;
  cursor: pointer;
}
.skystudio-chat2 .select-control {
  position: relative;
  display: flex;
  height: 32px;
  align-items: center;
  gap: 4px;
  border: 1px solid #ece9f4;
  border-radius: 8px;
  color: #605a90;
  background: #fafaff;
}
.skystudio-chat2 .select-control select {
  height: 100%;
  min-width: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 24px 0 9px;
  border: 0;
  outline: 0;
  color: #605a90;
  background: transparent;
  font-size: 9px;
  font-weight: 600;
  cursor: pointer;
}
.skystudio-chat2 .select-control > svg:last-child {
  position: absolute;
  right: 7px;
  pointer-events: none;
}
.skystudio-chat2 .thinking-control {
  padding-left: 7px;
}
.skystudio-chat2 .thinking-control select {
  padding-left: 0;
}
.skystudio-chat2 .model-control {
  max-width: 180px;
}
.skystudio-chat2 .model-control select {
  max-width: 180px;
  text-overflow: ellipsis;
}
.skystudio-chat2 .pro-toggle {
  display: flex;
  height: 32px;
  align-items: center;
  gap: 3px;
  padding: 0 9px;
  border: 1px solid #ece9f4;
  border-radius: 8px;
  color: #7c7795;
  background: #fff;
  font-size: 9px;
  font-weight: 700;
  cursor: pointer;
}
.skystudio-chat2 .pro-toggle.active {
  border-color: #b9adf7;
  color: #6938ef;
  background: #f4f3ff;
}
.skystudio-chat2 .send-button {
  display: flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 11px;
  color: #fff;
  background: #352d75;
  cursor: pointer;
  transition:
    background 140ms ease,
    transform 140ms ease;
}
.skystudio-chat2 .send-button:hover:not(:disabled) {
  background: #201768;
  transform: translateY(-1px);
}
.skystudio-chat2 .send-button:disabled {
  color: #9994ac;
  background: #ddd9e8;
  cursor: not-allowed;
}
.skystudio-chat2 .send-button.stop {
  color: #7f56d9;
  background: #ddd9e8;
}
.skystudio-chat2 .send-button.stop:hover:not(:disabled) {
  color: #7f56d9;
  background: #cfc8e2;
}
.skystudio-chat2 .tool-run-card {
  width: min(620px, calc(100% - 42px));
  margin: -20px 0 28px 42px;
}
.skystudio-chat2 .approval-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: -12px 0 28px 42px;
  padding: 15px 16px;
  border: 1px solid #fedf89;
  border-radius: 12px;
  color: #7a2e0e;
  background: #fffcf5;
}
.skystudio-chat2 .approval-card strong,
.skystudio-chat2 .approval-card span {
  display: block;
}
.skystudio-chat2 .approval-card strong {
  font-size: 11px;
}
.skystudio-chat2 .approval-card span {
  margin-top: 3px;
  color: #b54708;
  font-size: 9px;
}
.skystudio-chat2 .approval-card p {
  margin: 8px 0 0;
  color: #93370d;
  font-size: 10px;
  line-height: 1.5;
}
.skystudio-chat2 .approval-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 7px;
}
.skystudio-chat2 .approval-actions button {
  padding: 7px 10px;
  border: 1px solid #fdb022;
  border-radius: 7px;
  color: #93370d;
  background: #fff;
  font-size: 9px;
  font-weight: 700;
  cursor: pointer;
}
.skystudio-chat2 .approval-actions button:last-child {
  color: #fff;
  background: #dc6803;
}
.skystudio-chat2 .tool-run-status {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border: 1px solid #d7d2ff;
  border-radius: 8px;
  color: #605a90;
  background: #fafaff;
  font-size: 9px;
}
.skystudio-chat2 .tool-run-status a {
  color: #4d3fd1;
  font-weight: 600;
  text-decoration: none;
}
.skystudio-chat2 .tool-artifact-preview {
  display: block;
  width: min(360px, 100%);
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid #e5e2f5;
  border-radius: 12px;
  background: #fff;
}
.skystudio-chat2 .tool-artifact-preview img {
  display: block;
  width: 100%;
  max-height: 260px;
  -o-object-fit: contain;
     object-fit: contain;
}
.skystudio-chat2 .composer-note {
  margin: 7px 0 0;
  color: #a49fbd;
  font-size: 8px;
  text-align: center;
}
.skystudio-chat2 .attachment-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 7px 10px 0;
}
.skystudio-chat2 .attachment-list button {
  display: flex;
  max-width: 220px;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  padding: 5px 8px;
  border: 1px solid #d7d2ff;
  border-radius: 8px;
  color: #605a90;
  background: #fafaff;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.skystudio-chat2 * {
  scrollbar-width: thin;
  scrollbar-color: #ddd9e8 transparent;
}
.skystudio-chat2 *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.skystudio-chat2 *::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #ddd9e8;
}
.skystudio-chat2 *::-webkit-scrollbar-track {
  background: transparent;
}
@media (max-width: 899.98px) {
  .skystudio-chat2 .sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    box-shadow: 20px 0 50px rgba(32, 23, 104, 0.12);
  }
  .skystudio-chat2 .sidebar:not(.open) {
    margin-left: 0;
    transform: translateX(-102%);
  }
  .skystudio-chat2 .chat-header {
    padding-left: 62px;
  }
  .skystudio-chat2 .header-model {
    display: none;
  }
}
@media (max-width: 640px) {
  .skystudio-chat2 .message-list,
  .skystudio-chat2 .welcome,
  .skystudio-chat2 .composer-wrap,
  .skystudio-chat2 .chat-content.empty .composer-wrap {
    width: calc(100% - 22px);
  }
  .skystudio-chat2 .message-list {
    padding-top: 28px;
  }
  .skystudio-chat2 .composer-toolbar {
    align-items: flex-end;
  }
  .skystudio-chat2 .composer-actions {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  .skystudio-chat2 .model-control {
    max-width: 126px;
  }
  .skystudio-chat2 .model-control select {
    max-width: 126px;
  }
  .skystudio-chat2 .thinking-control {
    display: none;
  }
  .skystudio-chat2 .user-message {
    max-width: 92%;
  }
}
.skystudio-chat2 .agentic-map-shell {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  background: #f7f8fc;
}
.skystudio-chat2 .agentic-map-header {
  display: flex;
  min-height: 110px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px clamp(24px, 4vw, 56px);
  border-bottom: 1px solid #ebe8f3;
  background:
    radial-gradient(
      circle at 78% -30%,
      rgba(127, 86, 217, 0.12),
      transparent 42%
    ),
    rgba(255, 255, 255, 0.96);
}
.skystudio-chat2 .agentic-map-header h1 {
  margin: 5px 0 6px;
  color: #201768;
  font-size: 27px;
  letter-spacing: -0.04em;
}
.skystudio-chat2 .agentic-map-header p {
  margin: 0;
  color: #8c88a4;
  font-size: 11px;
}
.skystudio-chat2 .agentic-map-header > button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 13px;
  border: 1px solid #d7d2ff;
  border-radius: 9px;
  color: #5925dc;
  background: #fff;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}
.skystudio-chat2 .agentic-map-layout {
  display: grid;
  height: calc(100vh - 110px);
  grid-template-columns: 290px minmax(0, 1fr);
}
.skystudio-chat2 .run-browser {
  display: flex;
  min-height: 0;
  flex-direction: column;
  border-right: 1px solid #e9e6f2;
  background: #fff;
}
.skystudio-chat2 .run-browser-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 16px 10px;
}
.skystudio-chat2 .run-browser-heading > div {
  display: flex;
  align-items: baseline;
  gap: 7px;
}
.skystudio-chat2 .run-browser-heading strong {
  color: #352d75;
  font-size: 12px;
}
.skystudio-chat2 .run-browser-heading span {
  color: #a09db8;
  font-size: 9px;
}
.skystudio-chat2 .live-indicator {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #027a48;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
}
.skystudio-chat2 .live-indicator i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #12b76a;
  box-shadow: 0 0 0 3px #ecfdf3;
}
.skystudio-chat2 .run-search {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 13px 11px;
  padding: 8px 10px;
  border: 1px solid #ebe8f3;
  border-radius: 9px;
  color: #a09db8;
  background: #fafaff;
}
.skystudio-chat2 .run-search input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #352d75;
  background: transparent;
  font-size: 10px;
}
.skystudio-chat2 .run-list {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  padding: 0 8px 20px;
}
.skystudio-chat2 .run-item {
  display: grid;
  width: 100%;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
  margin: 2px 0;
  padding: 11px 9px;
  border: 0;
  border-radius: 9px;
  text-align: left;
  background: transparent;
  cursor: pointer;
}
.skystudio-chat2 .run-item:hover,
.skystudio-chat2 .run-item.active {
  background: #f4f3ff;
}
.skystudio-chat2 .run-state {
  width: 7px;
  height: 7px;
  margin-top: 4px;
  border-radius: 50%;
  background: #f79009;
}
.skystudio-chat2 .run-state.completed {
  background: #12b76a;
}
.skystudio-chat2 .run-state.failed,
.skystudio-chat2 .run-state.cancelled {
  background: #f04438;
}
.skystudio-chat2 .run-state.waiting_approval {
  background: #9e77ed;
}
.skystudio-chat2 .run-item strong,
.skystudio-chat2 .run-item small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .run-item strong {
  color: #4a4379;
  font-size: 10px;
  font-weight: 600;
}
.skystudio-chat2 .run-item small {
  margin-top: 4px;
  color: #a09db8;
  font-size: 8px;
}
.skystudio-chat2 .run-item em {
  color: #9a96af;
  font-size: 8px;
  font-style: normal;
  white-space: nowrap;
}
.skystudio-chat2 .empty-agentic-runs {
  padding: 24px 12px;
  color: #a09db8;
  font-size: 10px;
  text-align: center;
}
.skystudio-chat2 .agentic-map-workspace {
  min-width: 0;
  overflow-y: auto;
  padding: 20px clamp(18px, 3vw, 36px) 60px;
}
.skystudio-chat2 .run-overview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
  padding: 14px 16px;
  border: 1px solid #e9e6f2;
  border-radius: 12px;
  background: #fff;
}
.skystudio-chat2 .run-overview > div:first-child {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 5px 9px;
}
.skystudio-chat2 .run-overview > div:first-child > strong {
  overflow: hidden;
  color: #352d75;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .run-overview > div:first-child > small {
  grid-column: 2;
  color: #aaa6bc;
  font-size: 8px;
  font-family: ui-monospace, monospace;
}
.skystudio-chat2 .run-status-pill {
  grid-row: 1 / span 2;
  padding: 5px 8px;
  border-radius: 999px;
  color: #b54708;
  background: #fffaeb;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
}
.skystudio-chat2 .run-status-pill.completed {
  color: #027a48;
  background: #ecfdf3;
}
.skystudio-chat2 .run-status-pill.failed,
.skystudio-chat2 .run-status-pill.cancelled {
  color: #b42318;
  background: #fef3f2;
}
.skystudio-chat2 .run-overview dl {
  display: flex;
  margin: 0;
  gap: 20px;
}
.skystudio-chat2 .run-overview dl > div {
  min-width: 48px;
}
.skystudio-chat2 .run-overview dt,
.skystudio-chat2 .run-overview dd {
  margin: 0;
}
.skystudio-chat2 .run-overview dt {
  color: #aaa6bc;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.skystudio-chat2 .run-overview dd {
  margin-top: 3px;
  color: #4a4379;
  font-size: 9px;
  font-weight: 600;
}
.skystudio-chat2 .mindmap-canvas {
  display: grid;
  min-width: 1050px;
  grid-template-columns: minmax(190px, 0.85fr) 34px minmax(220px, 1fr) 34px minmax(
      220px,
      1fr
    ) 34px minmax(220px, 1fr);
  align-items: center;
  padding: 28px;
  overflow-x: auto;
  border: 1px solid #e7e3f0;
  border-radius: 15px;
  background-color: #fbfbfe;
  background-image: radial-gradient(#ded9ee 0.65px, transparent 0.65px);
  background-size: 15px 15px;
  box-shadow: 0 12px 34px rgba(32, 23, 104, 0.04);
}
.skystudio-chat2 .mindmap-stage {
  position: relative;
  display: grid;
  gap: 10px;
  align-content: center;
}
.skystudio-chat2 .stage-label {
  margin-bottom: 2px;
  color: #9d98b1;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}
.skystudio-chat2 .mindmap-connector {
  position: relative;
  height: 1px;
  margin: 0 7px;
  background: #b9adf7;
}
.skystudio-chat2 .mindmap-connector::after {
  position: absolute;
  top: -3px;
  right: -1px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #8b75e8;
  border-right: 1px solid #8b75e8;
  content: "";
  transform: rotate(45deg);
}
.skystudio-chat2 .flow-group {
  overflow: hidden;
  border: 1px solid #e4e0ed;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.78);
}
.skystudio-chat2 .flow-group > summary {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 8px;
  padding: 10px;
  cursor: pointer;
  list-style: none;
}
.skystudio-chat2 .flow-group > summary::-webkit-details-marker {
  display: none;
}
.skystudio-chat2 .flow-group-icon {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 8px;
  color: #6938ef;
  background: #f4f3ff;
}
.skystudio-chat2 .flow-group > summary strong,
.skystudio-chat2 .flow-group > summary small {
  display: block;
}
.skystudio-chat2 .flow-group > summary strong {
  color: #453b75;
  font-size: 9px;
}
.skystudio-chat2 .flow-group > summary small {
  margin-top: 2px;
  overflow: hidden;
  color: #8f899f;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .flow-group > summary em {
  padding: 3px 6px;
  border-radius: 999px;
  color: #786f91;
  background: #f2f0f6;
  font-size: 7px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}
.skystudio-chat2 .flow-group-chevron {
  color: #9a94aa;
  transition: transform 160ms ease;
}
.skystudio-chat2 .flow-group[open] .flow-group-chevron {
  transform: rotate(180deg);
}
.skystudio-chat2 .flow-group-body {
  display: grid;
  gap: 7px;
  padding: 0 8px 8px 36px;
  border-top: 1px solid #efedf4;
  padding-top: 8px;
}
.skystudio-chat2 .flow-group.primary {
  border-left: 3px solid #7f56d9;
}
.skystudio-chat2 .flow-group.success {
  border-left: 3px solid #12b76a;
}
.skystudio-chat2 .flow-group.warning {
  border-left: 3px solid #f79009;
}
.skystudio-chat2 .flow-group.danger {
  border-left: 3px solid #f04438;
}
.skystudio-chat2 .flow-group.success .flow-group-icon {
  color: #039855;
  background: #ecfdf3;
}
.skystudio-chat2 .flow-group.danger .flow-group-icon {
  color: #d92d20;
  background: #fef3f2;
}
.skystudio-chat2 .safety-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0;
}
.skystudio-chat2 .safety-summary button {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 9px 11px;
  border: 1px solid #e4e0ed;
  border-radius: 10px;
  color: #706989;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.skystudio-chat2 .safety-summary button > svg:first-child {
  color: #6938ef;
}
.skystudio-chat2 .safety-summary button > svg:last-child {
  color: #aaa4b8;
}
.skystudio-chat2 .safety-summary strong,
.skystudio-chat2 .safety-summary small {
  display: block;
}
.skystudio-chat2 .safety-summary strong {
  color: #453b75;
  font-size: 9px;
}
.skystudio-chat2 .safety-summary small {
  margin-top: 2px;
  color: #918b9e;
  font-size: 8px;
}
.skystudio-chat2 .safety-summary button.success {
  border-color: #cdebd9;
  background: #fbfffd;
}
.skystudio-chat2 .safety-summary button.success > svg:first-child {
  color: #039855;
}
.skystudio-chat2 .safety-summary button.warning {
  border-color: #f4dfad;
  background: #fffdf7;
}
.skystudio-chat2 .safety-summary button.danger {
  border-color: #f1c9c5;
  background: #fffafa;
}
.skystudio-chat2 .safety-summary button.danger > svg:first-child {
  color: #d92d20;
}
.skystudio-chat2 .agent-node {
  position: relative;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  padding: 12px;
  border: 1px solid #e7e3f0;
  border-left: 3px solid #b8b3c7;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 7px 18px rgba(44, 34, 116, 0.055);
}
.skystudio-chat2 .agent-node.primary {
  border-left-color: #7f56d9;
}
.skystudio-chat2 .agent-node.success {
  border-left-color: #12b76a;
}
.skystudio-chat2 .agent-node.warning {
  border-left-color: #f79009;
}
.skystudio-chat2 .agent-node.danger {
  border-left-color: #f04438;
}
.skystudio-chat2 .agent-node.muted {
  border-left-color: #c9c5d5;
  background: rgba(250, 250, 252, 0.95);
  box-shadow: none;
}
.skystudio-chat2 .agent-node-icon {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #6938ef;
  background: #f4f3ff;
}
.skystudio-chat2 .agent-node.success .agent-node-icon {
  color: #039855;
  background: #ecfdf3;
}
.skystudio-chat2 .agent-node.warning .agent-node-icon {
  color: #dc6803;
  background: #fffaeb;
}
.skystudio-chat2 .agent-node.danger .agent-node-icon {
  color: #d92d20;
  background: #fef3f2;
}
.skystudio-chat2 .agent-node strong,
.skystudio-chat2 .agent-node p,
.skystudio-chat2 .agent-node small {
  display: block;
  margin: 0;
}
.skystudio-chat2 .agent-node strong {
  color: #352d75;
  font-size: 10px;
}
.skystudio-chat2 .agent-node p {
  display: -webkit-box;
  margin-top: 4px;
  overflow: hidden;
  color: #7c7795;
  font-size: 9px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.skystudio-chat2 .agent-node small {
  margin-top: 5px;
  color: #aaa6bc;
  font-size: 8px;
}
.skystudio-chat2 .agent-node-decision {
  display: inline-flex;
  max-width: calc(100% - 58px);
  margin-top: 7px;
  padding: 3px 6px;
  overflow: hidden;
  border-radius: 999px;
  color: #5d49b8;
  background: #f4f3ff;
  font-size: 7px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .agent-node-inspect {
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px 5px;
  border: 0;
  border-radius: 6px;
  color: #8881a7;
  background: transparent;
  font-size: 6px;
  font-weight: 700;
  cursor: pointer;
}
.skystudio-chat2 .agent-node-inspect:hover {
  color: #5925dc;
  background: #f4f3ff;
}
.skystudio-chat2 .usage-breakdown {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid #e8e5f0;
  border-radius: 12px;
  background: #fff;
  color: #514971;
  font-size: 12px;
}
.skystudio-chat2 .usage-breakdown summary {
  cursor: pointer;
  font-weight: 600;
}
.skystudio-chat2 .usage-breakdown p {
  font-size: 11px;
  line-height: 1.6;
}
.skystudio-chat2 .usage-table-scroll {
  overflow-x: auto;
}
.skystudio-chat2 .trace-inspector {
  position: fixed;
  z-index: 50;
  top: 18px;
  right: 18px;
  bottom: 18px;
  display: grid;
  width: min(460px, calc(100vw - 36px));
  grid-template-rows: auto auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid #dfdaf0;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 20px 60px rgba(38, 27, 105, 0.2);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.skystudio-chat2 .trace-inspector > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 17px 18px 14px;
  border-bottom: 1px solid #efedf5;
}
.skystudio-chat2 .trace-inspector > header span,
.skystudio-chat2 .trace-inspector > header strong {
  display: block;
}
.skystudio-chat2 .trace-inspector > header span {
  color: #9c96b4;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.skystudio-chat2 .trace-inspector > header strong {
  margin-top: 3px;
  color: #352d75;
  font-size: 13px;
}
.skystudio-chat2 .trace-inspector > header button {
  display: inline-flex;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  color: #817b99;
  background: #f6f5fa;
  cursor: pointer;
}
.skystudio-chat2 .trace-inspector > nav {
  display: flex;
  gap: 3px;
  padding: 9px 12px;
  overflow-x: auto;
  border-bottom: 1px solid #efedf5;
}
.skystudio-chat2 .trace-inspector > nav button {
  padding: 6px 8px;
  border: 0;
  border-radius: 7px;
  color: #8b85a2;
  background: transparent;
  font-size: 8px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
.skystudio-chat2 .trace-inspector > nav button.active {
  color: #5925dc;
  background: #f1edff;
}
.skystudio-chat2 .trace-inspector-content {
  min-height: 0;
  padding: 14px;
  overflow: auto;
  background: #fbfaff;
}
.skystudio-chat2 .trace-inspector-content pre {
  min-height: 100%;
  margin: 0;
  color: #4c456e;
  font:
    9px / 1.65 ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .trace-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 11px;
}
.skystudio-chat2 .trace-action {
  border: 1px solid #ded8ef;
  border-radius: 6px;
  padding: 4px 7px;
  color: #594b89;
  background: #faf8ff;
  font-size: 10px;
  cursor: pointer;
}
.skystudio-chat2 .trace-action:disabled {
  opacity: 0.5;
  cursor: wait;
}
.skystudio-chat2 .trace-action:focus-visible {
  outline: 2px solid #7f56d9;
  outline-offset: 2px;
}
.skystudio-chat2 .memory-inspect-button {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  color: #8c80b8;
  background: transparent;
  cursor: pointer;
  transition:
    color 150ms,
    background-color 150ms;
}
.skystudio-chat2 .memory-inspect-button:hover {
  color: #5925dc;
  background: #f1edff;
}
.skystudio-chat2 .memory-inspect-button:focus-visible {
  outline: 2px solid #7f56d9;
  outline-offset: 2px;
}
.skystudio-chat2 .reasoning-notice {
  margin: 0 0 12px;
  padding: 9px 10px;
  border: 1px solid #e2dcf7;
  border-radius: 8px;
  color: #6e6495;
  background: #f5f2ff;
  font-size: 8px;
  line-height: 1.5;
}
.skystudio-chat2 .memory-stack,
.skystudio-chat2 .sandbox-stack {
  display: grid;
  gap: 7px;
  padding: 10px;
  border: 1px solid #ddd7f0;
  border-radius: 12px;
  background: rgba(249, 248, 255, 0.96);
}
.skystudio-chat2 .flow-group-body > .memory-stack {
  padding: 0;
  border: 0;
  background: transparent;
}
.skystudio-chat2 .sandbox-stack {
  border-color: #d8e7e0;
  background: rgba(247, 252, 249, 0.96);
}
.skystudio-chat2 .memory-stack-heading,
.skystudio-chat2 .sandbox-stack-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 1px 2px 4px;
}
.skystudio-chat2 .memory-stack-heading > span,
.skystudio-chat2 .sandbox-stack-heading > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #5925dc;
  font-size: 9px;
  font-weight: 700;
}
.skystudio-chat2 .sandbox-stack-heading > span {
  color: #027a48;
}
.skystudio-chat2 .memory-stack-heading > small,
.skystudio-chat2 .sandbox-stack-heading > small {
  color: #aaa6bc;
  font-size: 7px;
}
.skystudio-chat2 .memory-layer {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto 24px;
  align-items: center;
  gap: 7px;
  padding: 7px;
  border: 1px solid #ece9f3;
  border-radius: 8px;
  color: #aaa6bc;
  background: #fff;
}
.skystudio-chat2 .memory-layer.active {
  border-color: #c7ead7;
  color: #039855;
  background: #fbfffd;
}
.skystudio-chat2 .memory-layer > svg {
  justify-self: center;
}
.skystudio-chat2 .memory-layer strong,
.skystudio-chat2 .memory-layer small {
  display: block;
}
.skystudio-chat2 .memory-layer strong {
  color: #4a4379;
  font-size: 8px;
}
.skystudio-chat2 .memory-layer small {
  margin-top: 2px;
  overflow: hidden;
  color: #9691aa;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .memory-layer > i {
  padding: 3px 5px;
  border-radius: 999px;
  color: #88839d;
  background: #f2f1f6;
  font-size: 6px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
.skystudio-chat2 .memory-layer.active > i {
  color: #027a48;
  background: #ecfdf3;
}
.skystudio-chat2 .sandbox-stack .agent-node {
  padding: 9px;
  box-shadow: none;
}
@media (max-width: 760px) {
  .skystudio-chat2 .safety-summary {
    grid-template-columns: 1fr;
  }
  .skystudio-chat2 .flow-group-body {
    padding-left: 8px;
  }
}
.skystudio-chat2 .event-timeline-panel {
  margin-top: 14px;
  padding: 18px;
  border: 1px solid #e9e6f2;
  border-radius: 14px;
  background: #fff;
}
.skystudio-chat2 .event-panel-heading,
.skystudio-chat2 .event-panel-heading > div {
  display: flex;
  align-items: center;
}
.skystudio-chat2 .event-panel-heading {
  justify-content: space-between;
  margin-bottom: 16px;
  color: #6938ef;
}
.skystudio-chat2 .event-panel-heading > div {
  gap: 9px;
}
.skystudio-chat2 .event-panel-heading strong,
.skystudio-chat2 .event-panel-heading small {
  display: block;
}
.skystudio-chat2 .event-panel-heading strong {
  color: #352d75;
  font-size: 11px;
}
.skystudio-chat2 .event-panel-heading small {
  margin-top: 2px;
  color: #aaa6bc;
  font-size: 8px;
}
.skystudio-chat2 .event-panel-heading > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #9d98b1;
  font-size: 8px;
}
.skystudio-chat2 .event-timeline {
  display: grid;
}
.skystudio-chat2 .event-timeline article {
  position: relative;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto;
  gap: 9px;
  padding: 7px 0;
}
.skystudio-chat2 .event-timeline article:not(:last-child)::before {
  position: absolute;
  top: 18px;
  bottom: -6px;
  left: 4px;
  width: 1px;
  background: #e4e0f2;
  content: "";
}
.skystudio-chat2 .event-timeline article > i {
  position: relative;
  z-index: 1;
  width: 9px;
  height: 9px;
  margin-top: 3px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #9e77ed;
  box-shadow: 0 0 0 1px #b9adf7;
}
.skystudio-chat2 .event-timeline article.failed > i {
  background: #f04438;
  box-shadow: 0 0 0 1px #fda29b;
}
.skystudio-chat2 .event-timeline strong,
.skystudio-chat2 .event-timeline code {
  display: block;
}
.skystudio-chat2 .event-timeline strong {
  color: #4a4379;
  font-size: 9px;
}
.skystudio-chat2 .event-timeline code {
  margin-top: 3px;
  overflow: hidden;
  color: #8c88a4;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .event-timeline time {
  color: #aaa6bc;
  font-size: 8px;
  white-space: nowrap;
}
.skystudio-chat2 .agentic-empty-state {
  display: grid;
  min-height: 420px;
  place-items: center;
  align-content: center;
  color: #9e77ed;
}
.skystudio-chat2 .agentic-empty-state strong {
  margin-top: 12px;
  color: #352d75;
  font-size: 13px;
}
.skystudio-chat2 .agentic-empty-state p {
  margin: 6px 0 0;
  color: #a09db8;
  font-size: 10px;
}
@media (max-width: 1050px) {
  .skystudio-chat2 .agentic-map-layout {
    grid-template-columns: 240px minmax(0, 1fr);
  }
  .skystudio-chat2 .run-overview dl > div:nth-child(2),
  .skystudio-chat2 .run-overview dl > div:nth-child(4) {
    display: none;
  }
}
@media (max-width: 720px) {
  .skystudio-chat2 .agentic-map-header {
    min-height: 96px;
    padding: 18px 16px 18px 62px;
  }
  .skystudio-chat2 .agentic-map-header p,
  .skystudio-chat2 .agentic-map-header > button {
    display: none;
  }
  .skystudio-chat2 .agentic-map-header h1 {
    font-size: 22px;
  }
  .skystudio-chat2 .agentic-map-layout {
    height: calc(100vh - 96px);
    grid-template-columns: 1fr;
  }
  .skystudio-chat2 .run-browser {
    max-height: 210px;
    border-right: 0;
    border-bottom: 1px solid #e9e6f2;
  }
  .skystudio-chat2 .run-browser-heading {
    padding-top: 11px;
  }
  .skystudio-chat2 .run-overview {
    align-items: flex-start;
    flex-direction: column;
  }
  .skystudio-chat2 .run-overview dl {
    gap: 14px;
  }
  .skystudio-chat2 .agentic-map-workspace {
    padding: 12px 10px 40px;
  }
  .skystudio-chat2 .trace-inspector {
    top: 8px;
    right: 8px;
    bottom: 8px;
    width: calc(100vw - 16px);
  }
}
.skystudio-chat2 .evaluation-shell {
  min-width: 0;
  flex: 1;
  overflow-y: auto;
  background: #f8f9fc;
}
.skystudio-chat2 .evaluation-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 32px clamp(28px, 5vw, 72px) 28px;
  border-bottom: 1px solid #ece9f4;
  background: rgba(255, 255, 255, 0.92);
}
.skystudio-chat2 .section-eyebrow {
  color: #6938ef;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.skystudio-chat2 .evaluation-header h1 {
  margin: 5px 0 7px;
  color: #201768;
  font-size: 28px;
  letter-spacing: -0.04em;
}
.skystudio-chat2 .evaluation-header p,
.skystudio-chat2 .panel-heading p {
  margin: 0;
  color: #8c88a4;
  font-size: 11px;
}
.skystudio-chat2 .evaluation-header > button {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 13px;
  border: 1px solid #d7d2ff;
  border-radius: 9px;
  color: #5925dc;
  background: #fff;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}
.skystudio-chat2 .spin {
  animation: chat2-spin 900ms linear infinite;
}
@keyframes chat2-spin {
  to {
    transform: rotate(360deg);
  }
}
.skystudio-chat2 .evaluation-content {
  width: min(1260px, calc(100% - 48px));
  margin: 0 auto;
  padding: 30px 0 60px;
}
.skystudio-chat2 .evaluation-error {
  margin-bottom: 16px;
  padding: 10px 13px;
  border: 1px solid #fecdca;
  border-radius: 9px;
  color: #b42318;
  background: #fffbfa;
  font-size: 11px;
}
.skystudio-chat2 .metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.skystudio-chat2 .metric-grid article,
.skystudio-chat2 .evaluation-panel {
  border: 1px solid #e9e6f2;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(32, 23, 104, 0.035);
}
.skystudio-chat2 .metric-grid article {
  padding: 18px;
}
.skystudio-chat2 .metric-grid article > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #7c7795;
  font-size: 10px;
  font-weight: 600;
}
.skystudio-chat2 .metric-grid article > strong {
  display: block;
  margin: 14px 0 5px;
  color: #201768;
  font-size: 27px;
  letter-spacing: -0.04em;
}
.skystudio-chat2 .metric-grid article > small {
  color: #a09db8;
  font-size: 9px;
}
.skystudio-chat2 .metric-grid .metric-alert {
  border-color: #fecdca;
  background: #fffbfa;
}
.skystudio-chat2 .evaluation-panels {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.8fr);
  gap: 14px;
  margin-top: 14px;
}
.skystudio-chat2 .evaluation-panel {
  padding: 20px;
}
.skystudio-chat2 .panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.skystudio-chat2 .panel-heading h2 {
  margin: 0 0 5px;
  color: #352d75;
  font-size: 13px;
}
.skystudio-chat2 .tool-bars {
  display: grid;
  gap: 14px;
}
.skystudio-chat2 .tool-bar-row {
  display: grid;
  grid-template-columns: 145px minmax(80px, 1fr) 40px;
  align-items: center;
  gap: 12px;
}
.skystudio-chat2 .tool-bar-row > div:first-child {
  display: flex;
  min-width: 0;
  justify-content: space-between;
  gap: 6px;
}
.skystudio-chat2 .tool-bar-row strong {
  overflow: hidden;
  color: #4a4379;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .tool-bar-row span,
.skystudio-chat2 .tool-bar-row em {
  color: #a09db8;
  font-size: 9px;
  font-style: normal;
}
.skystudio-chat2 .tool-bar {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #f0eef8;
}
.skystudio-chat2 .tool-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7f56d9, #9e77ed);
}
.skystudio-chat2 .reliability-list {
  display: grid;
  gap: 10px;
}
.skystudio-chat2 .reliability-list > div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid #f0eef6;
  border-radius: 9px;
  color: #12b76a;
  background: #fafaff;
}
.skystudio-chat2 .reliability-list .warn {
  color: #f79009;
  background: #fffcf5;
}
.skystudio-chat2 .reliability-list span {
  min-width: 0;
}
.skystudio-chat2 .reliability-list strong,
.skystudio-chat2 .reliability-list small {
  display: block;
}
.skystudio-chat2 .reliability-list strong {
  color: #4a4379;
  font-size: 10px;
}
.skystudio-chat2 .reliability-list small {
  margin-top: 3px;
  color: #a09db8;
  font-size: 9px;
}
.skystudio-chat2 .evaluation-table-panel {
  margin-top: 14px;
  padding: 0;
  overflow: hidden;
}
.skystudio-chat2 .skills-shell {
  min-width: 0;
  flex: 1;
  min-height: 100vh;
  overflow: auto;
  background: #f8f7fc;
}
.skystudio-chat2 .skills-header {
  position: sticky;
  z-index: 5;
  top: 0;
  display: flex;
  min-height: 90px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 30px;
  border-bottom: 1px solid #ebe8f3;
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.skystudio-chat2 .skills-header h1,
.skystudio-chat2 .skills-header p,
.skystudio-chat2 .skill-section-heading h2,
.skystudio-chat2 .skill-section-heading p,
.skystudio-chat2 .skill-card h3,
.skystudio-chat2 .skill-card p,
.skystudio-chat2 .skill-editor h2 {
  margin: 0;
}
.skystudio-chat2 .skills-header h1 {
  color: #352d75;
  font-size: 23px;
}
.skystudio-chat2 .skills-header p {
  margin-top: 4px;
  color: #8d89a5;
  font-size: 10px;
}
.skystudio-chat2 .skills-header > div:last-child,
.skystudio-chat2 .skill-card-actions,
.skystudio-chat2 .skill-editor footer {
  display: flex;
  gap: 8px;
}
.skystudio-chat2 .skills-header button,
.skystudio-chat2 .skills-header .skill-upload,
.skystudio-chat2 .skill-editor button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 11px;
  border: 1px solid #ddd8ed;
  border-radius: 8px;
  color: #5b5489;
  background: #fff;
  font: inherit;
  font-size: 9px;
  cursor: pointer;
}
.skystudio-chat2 .skills-header .skill-upload {
  position: relative;
}
.skystudio-chat2 .skills-header .skill-upload.disabled {
  opacity: 0.6;
  cursor: wait;
}
.skystudio-chat2 .skills-header .skill-upload input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.skystudio-chat2 .skills-header button.primary,
.skystudio-chat2 .skill-editor button.primary {
  border-color: #6938ef;
  color: #fff;
  background: #6938ef;
}
.skystudio-chat2 .skills-content {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
  padding: 26px 0 60px;
}
.skystudio-chat2 .skill-section + .skill-section {
  margin-top: 34px;
}
.skystudio-chat2 .skill-section-heading {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px;
}
.skystudio-chat2 .skill-section-heading > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #e5e0fa;
  border-radius: 10px;
  color: #6938ef;
  background: #f4f1ff;
}
.skystudio-chat2 .skill-section-heading h2 {
  color: #40386f;
  font-size: 14px;
}
.skystudio-chat2 .skill-section-heading p {
  margin-top: 2px;
  color: #9691aa;
  font-size: 9px;
}
.skystudio-chat2 .skill-section-heading em {
  padding: 4px 8px;
  border-radius: 999px;
  color: #746e91;
  background: #efedf6;
  font-size: 9px;
  font-style: normal;
}
.skystudio-chat2 .skill-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 12px;
}
.skystudio-chat2 .skill-card,
.skystudio-chat2 .empty-skill-card {
  padding: 16px;
  border: 1px solid #e9e6f1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(51, 41, 106, 0.035);
}
.skystudio-chat2 .skill-card.disabled {
  opacity: 0.62;
}
.skystudio-chat2 .skill-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.skystudio-chat2 .skill-card h3 {
  margin-top: 7px;
  color: #3f376e;
  font-size: 13px;
}
.skystudio-chat2 .skill-card-heading p {
  margin-top: 4px;
  color: #8f8aa4;
  font-size: 9px;
  line-height: 1.5;
}
.skystudio-chat2 .skill-category {
  padding: 3px 6px;
  border-radius: 5px;
  color: #175cd3;
  background: #eff8ff;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.skystudio-chat2 .skill-category.tool {
  color: #027a48;
  background: #ecfdf3;
}
.skystudio-chat2 .skill-category.user {
  color: #6938ef;
  background: #f4f1ff;
}
.skystudio-chat2 .skill-card-actions button {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid #ece9f4;
  border-radius: 7px;
  color: #8e88a5;
  background: #faf9fd;
  cursor: pointer;
}
.skystudio-chat2 .skill-binding {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  padding: 8px 9px;
  border-radius: 7px;
  color: #625b86;
  background: #f7f5fc;
  font-size: 8px;
}
.skystudio-chat2 .skill-binding span {
  color: #079455;
}
.skystudio-chat2 .skill-binding .package-version {
  color: #6938ef;
}
.skystudio-chat2 .skill-card .skill-instructions {
  margin-top: 11px;
  color: #625d78;
  font-size: 9px;
  line-height: 1.55;
}
.skystudio-chat2 .skill-contract-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 12px;
}
.skystudio-chat2 .skill-contract-grid > div {
  min-width: 0;
  padding: 9px;
  border: 1px solid #efedf5;
  border-radius: 8px;
  background: #fcfbfe;
}
.skystudio-chat2 .skill-contract-grid strong {
  color: #5b5481;
  font-size: 8px;
}
.skystudio-chat2 .skill-contract-grid ol,
.skystudio-chat2 .skill-contract-grid ul {
  margin: 6px 0 0;
  padding-left: 14px;
  color: #8d88a0;
  font-size: 7px;
  line-height: 1.55;
}
.skystudio-chat2 .skill-intents {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 11px;
}
.skystudio-chat2 .skill-intents span {
  padding: 3px 6px;
  border-radius: 999px;
  color: #6e6694;
  background: #f2f0f8;
  font-size: 7px;
}
.skystudio-chat2 .skill-package-details {
  margin-top: 11px;
  border: 1px solid #e8e3f7;
  border-radius: 9px;
  background: #faf8ff;
}
.skystudio-chat2 .skill-package-details summary {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px;
  color: #564d86;
  font-size: 8px;
  font-weight: 700;
  cursor: pointer;
}
.skystudio-chat2 .skill-package-details summary em {
  margin-left: auto;
  color: #8d86a8;
  font-size: 7px;
  font-style: normal;
  font-weight: 500;
}
.skystudio-chat2 .skill-package-meta {
  display: grid;
  gap: 5px;
  padding: 9px;
  border-top: 1px solid #ece8f7;
  color: #77708f;
  font-size: 7px;
}
.skystudio-chat2 .skill-package-meta span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.skystudio-chat2 .skill-permissions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0 9px 8px;
}
.skystudio-chat2 .skill-permissions span {
  padding: 3px 5px;
  border-radius: 5px;
  color: #b54708;
  background: #fffaeb;
  font-size: 6px;
}
.skystudio-chat2 .skill-file-tree {
  max-height: 160px;
  margin: 0;
  padding: 8px 9px;
  overflow: auto;
  border-top: 1px solid #ece8f7;
  list-style: none;
}
.skystudio-chat2 .skill-file-tree li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 3px 0;
  font-size: 7px;
}
.skystudio-chat2 .skill-file-tree a {
  overflow: hidden;
  color: #5f54a3;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .skill-file-tree small {
  flex: none;
  color: #9b96aa;
  font-size: 6px;
}
.skystudio-chat2 .skill-package-download {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 9px;
  border-top: 1px solid #ece8f7;
  color: #6938ef;
  font-size: 7px;
  font-weight: 700;
  text-decoration: none;
}
.skystudio-chat2 .empty-skill-card {
  display: grid;
  min-height: 160px;
  place-items: center;
  align-content: center;
  gap: 8px;
  border-style: dashed;
  color: #9792aa;
  font: inherit;
  font-size: 9px;
  cursor: pointer;
}
.skystudio-chat2 .skill-editor-backdrop {
  position: fixed;
  z-index: 30;
  inset: 0;
  display: grid;
  padding: 24px;
  overflow: auto;
  place-items: center;
  background: rgba(35, 28, 72, 0.36);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.skystudio-chat2 .skill-editor-backdrop.skill-side-panel { padding: 0; place-items: stretch end; background: rgba(35,28,72,.12); -webkit-backdrop-filter: none; backdrop-filter: none; }
.skystudio-chat2 .skill-side-panel .skill-editor { width: min(760px, 94vw); height: 100dvh; max-height: 100dvh; border-radius: 14px 0 0 14px; box-sizing: border-box; }
.skystudio-chat2 .skill-document-editor { border: 0; padding: 18px 0; display: grid; gap: 12px; min-width: 0; }
.skystudio-chat2 .skill-document-editor label { display: grid; gap: 6px; font-size: 13px; }
.skystudio-chat2 .skill-document-editor input,.skystudio-chat2 .skill-document-editor textarea,.skystudio-chat2 .skill-document-editor select { width: 100%; box-sizing: border-box; border: 1px solid #ddd8ed; border-radius: 8px; padding: 10px; color: #352d75; background: #fff; font: inherit; }
.skystudio-chat2 .skill-document-editor .skill-markdown-input { font: 13px/1.65 ui-monospace,monospace; resize: vertical; min-height: 300px; -moz-tab-size: 2; -o-tab-size: 2; tab-size: 2; }
.skystudio-chat2 .skill-title-link { border: 0; background: transparent; padding: 0; color: inherit; text-align: left; font: inherit; cursor: pointer; }
.skystudio-chat2 .skill-advanced { margin: 16px 0; border-top: 1px solid #eee; padding-top: 12px; }
.skystudio-chat2 .skill-side-panel summary { cursor: pointer; }
@media (max-width: 600px) { .skystudio-chat2 .skill-side-panel .skill-editor { width: 100vw; border-radius: 0; } }
.skystudio-chat2 .skill-editor {
  width: min(760px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  padding: 20px;
  border: 1px solid #e5e1ef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(38, 28, 91, 0.2);
}
.skystudio-chat2 .skill-editor > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #efedf5;
}
.skystudio-chat2 .skill-editor h2 {
  color: #3e376b;
  font-size: 17px;
}
.skystudio-chat2 .skill-editor > header > button {
  width: 32px;
  height: 32px;
  padding: 0;
}
.skystudio-chat2 .skill-editor-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 17px 0;
}
.skystudio-chat2 .skill-editor-grid label {
  display: grid;
  gap: 5px;
  color: #696280;
  font-size: 8px;
  font-weight: 700;
}
.skystudio-chat2 .skill-editor-grid label.full,
.skystudio-chat2 .skill-editor-grid .skill-enabled {
  grid-column: 1 / -1;
}
.skystudio-chat2 .skill-editor-grid input,
.skystudio-chat2 .skill-editor-grid select,
.skystudio-chat2 .skill-editor-grid textarea {
  width: 100%;
  padding: 9px 10px;
  border: 1px solid #ded9eb;
  border-radius: 8px;
  outline: none;
  color: #4c456e;
  background: #fdfcff;
  font: inherit;
  font-size: 9px;
  resize: vertical;
}
.skystudio-chat2 .skill-editor-grid input:focus,
.skystudio-chat2 .skill-editor-grid select:focus,
.skystudio-chat2 .skill-editor-grid textarea:focus {
  border-color: #9e77ed;
  box-shadow: 0 0 0 3px #f2edff;
}
.skystudio-chat2 .skill-editor-grid .skill-enabled {
  display: flex;
  grid-template-columns: none;
  align-items: center;
}
.skystudio-chat2 .skill-editor-grid .skill-enabled input {
  width: auto;
}
.skystudio-chat2 .skill-file-editor {
  display: grid;
  gap: 12px;
  padding: 16px 0;
  border-top: 1px solid #efedf5;
}
.skystudio-chat2 .skill-file-editor > header,
.skystudio-chat2 .skill-editor-files article > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.skystudio-chat2 .skill-file-editor h3 {
  color: #3e376b;
  font-size: 12px;
}
.skystudio-chat2 .skill-file-editor p {
  color: #817a95;
  font-size: 8px;
}
.skystudio-chat2 .skill-file-editor .skill-upload input {
  display: none;
}
.skystudio-chat2 .skill-package-controls {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
}
.skystudio-chat2 .skill-package-controls label {
  display: grid;
  gap: 5px;
  color: #696280;
  font-size: 8px;
  font-weight: 700;
}
.skystudio-chat2 .skill-package-controls input,
.skystudio-chat2 .skill-package-controls select {
  padding: 9px 10px;
  border: 1px solid #ded9eb;
  border-radius: 8px;
  color: #4c456e;
  background: #fdfcff;
  font: inherit;
  font-size: 9px;
}
.skystudio-chat2 .skill-permission-editor {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.skystudio-chat2 .skill-permission-editor label {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  border: 1px solid #e5e1ef;
  border-radius: 999px;
  color: #696280;
  font-size: 8px;
}
.skystudio-chat2 .skill-editor-files {
  display: grid;
  gap: 10px;
}
.skystudio-chat2 .skill-editor-files article {
  overflow: hidden;
  border: 1px solid #e5e1ef;
  border-radius: 9px;
  background: #faf9fd;
}
.skystudio-chat2 .skill-editor-files article > header {
  padding: 7px 9px;
  border-bottom: 1px solid #e5e1ef;
}
.skystudio-chat2 .skill-editor-files article > header button {
  width: 25px;
  height: 25px;
  padding: 0;
}
.skystudio-chat2 .skill-editor-files textarea {
  width: 100%;
  padding: 10px;
  border: 0;
  outline: none;
  color: #40395d;
  background: #fff;
  font:
    9px / 1.55 ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  resize: vertical;
}
.skystudio-chat2 .skill-locked-files,
.skystudio-chat2 .skill-files-empty {
  padding: 9px 10px;
  border: 1px dashed #d9d2e8;
  border-radius: 8px;
  background: #fbfaff;
}
.skystudio-chat2 .skill-editor footer {
  justify-content: flex-end;
  padding-top: 14px;
  border-top: 1px solid #efedf5;
}
@media (max-width: 720px) {
  .skystudio-chat2 .skills-header {
    align-items: flex-start;
    padding-left: 62px;
  }
  .skystudio-chat2 .skills-header > div:last-child {
    flex-direction: column;
  }
  .skystudio-chat2 .skill-grid,
  .skystudio-chat2 .skill-editor-grid,
  .skystudio-chat2 .skill-contract-grid {
    grid-template-columns: 1fr;
  }
  .skystudio-chat2 .skill-editor-grid label.full,
  .skystudio-chat2 .skill-editor-grid .skill-enabled {
    grid-column: auto;
  }
  .skystudio-chat2 .skill-package-controls {
    grid-template-columns: 1fr;
  }
}
.skystudio-chat2 .table-heading {
  margin: 0;
  padding: 20px;
}
.skystudio-chat2 .table-heading select {
  padding: 7px 10px;
  border: 1px solid #e4e0f2;
  border-radius: 8px;
  color: #605a90;
  background: #fff;
  font-size: 10px;
}
.skystudio-chat2 .evaluation-table-wrap {
  overflow-x: auto;
}
.skystudio-chat2 .evaluation-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 900px;
}
.skystudio-chat2 .evaluation-table th {
  padding: 10px 14px;
  border-top: 1px solid #f0eef6;
  border-bottom: 1px solid #f0eef6;
  color: #a09db8;
  background: #fafaff;
  font-size: 9px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.skystudio-chat2 .evaluation-table td {
  padding: 13px 14px;
  border-bottom: 1px solid #f4f3f8;
  color: #605a90;
  font-size: 10px;
  vertical-align: middle;
}
.skystudio-chat2 .evaluation-table td strong,
.skystudio-chat2 .evaluation-table td small {
  display: block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .evaluation-table td strong {
  color: #352d75;
  font-size: 10px;
}
.skystudio-chat2 .evaluation-table td small {
  margin-top: 3px;
  color: #a09db8;
  font-size: 8px;
  font-family: ui-monospace, monospace;
}
.skystudio-chat2 .eval-status {
  display: inline-flex;
  padding: 4px 7px;
  border-radius: 999px;
  color: #027a48;
  background: #ecfdf3;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
}
.skystudio-chat2 .eval-status.failed,
.skystudio-chat2 .eval-status.rejected {
  color: #b42318;
  background: #fef3f2;
}
.skystudio-chat2 .eval-status.warning {
  color: #b54708;
  background: #fffaeb;
}
.skystudio-chat2 .reason-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.skystudio-chat2 .reason-list span {
  padding: 3px 6px;
  border-radius: 5px;
  color: #7c7795;
  background: #f4f3ff;
  font-size: 8px;
}
.skystudio-chat2 .empty-evals {
  padding: 24px;
  color: #a09db8;
  font-size: 10px;
  text-align: center;
}
@media (max-width: 1000px) {
  .skystudio-chat2 .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .skystudio-chat2 .evaluation-panels {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .skystudio-chat2 .evaluation-header {
    padding: 24px 18px 22px 62px;
  }
  .skystudio-chat2 .evaluation-header p {
    display: none;
  }
  .skystudio-chat2 .evaluation-content {
    width: calc(100% - 24px);
    padding-top: 14px;
  }
  .skystudio-chat2 .metric-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .skystudio-chat2 .metric-grid article {
    padding: 13px;
  }
  .skystudio-chat2 .metric-grid article > strong {
    font-size: 21px;
  }
  .skystudio-chat2 .tool-bar-row {
    grid-template-columns: 105px minmax(60px, 1fr) 32px;
  }
}
.skystudio-chat2 { width: 100%; height: 100%; min-height: 0; overflow: hidden; position: relative; isolation: isolate; }
.skystudio-chat2 .app-shell, .skystudio-chat2 .workspace-root { height: 100%; min-height: 0; }
.skystudio-chat2 .sidebar-header[hidden], .skystudio-chat2 .sidebar-footer[hidden] { display: none; }
.skystudio-chat2 .chat2-embedded > .sidebar { padding-top: 14px; }
.skystudio-chat2 .memory-page, .skystudio-chat2 .evaluation-page, .skystudio-chat2 .skills-page { min-height: 0; height: 100%; }
/* The embedded app must not position navigation over the host's global header. */
.skystudio-chat2 .app-shell { position: relative; }
.skystudio-chat2 .open-sidebar { position: absolute; }
.skystudio-chat2 .app-shell .open-sidebar + .chat-shell .chat-header { padding-left: 64px; }
.skystudio-chat2 .app-shell .skills-page .skills-header__menu {
  position: relative;
  top: auto;
  left: auto;
}
.skystudio-chat2 .chat2-embedded > .sidebar { padding-top: 0; }
@media (max-width: 899.98px) {
  .skystudio-chat2 .app-shell > .sidebar { position: absolute; }
}
.skystudio-chat2.chat2-settings-admin-root {
  display: flex;
  flex-direction: column;
  min-height: min(72vh, 920px);
  height: 100%;
}
.skystudio-chat2.chat2-settings-admin-root .chat2-settings-admin-view,
.skystudio-chat2.chat2-settings-admin-root .chat2-settings-admin-view .app-shell {
  flex: 1;
  min-height: 0;
  height: 100%;
}
/**
 * Chat2 management pages embedded under redesign Settings (outer shell owns title/subtitle).
 */
.skystudio-chat2 .chat2-settings-admin-view .open-sidebar,
.skystudio-chat2 .chat2-settings-admin-view .skills-header__menu,
.skystudio-chat2 .chat2-settings-admin-view .vault-header > .icon-button:first-child,
.skystudio-chat2 .chat2-settings-admin-view .memory-header > .icon-button:first-child,
.skystudio-chat2 .chat2-settings-admin-view .optimizer-page.optimizer-workbench > header > button:first-child {
  display: none !important;
}

.skystudio-chat2 .chat2-settings-admin-view .vault-page .vault-header--settings,
.skystudio-chat2 .chat2-settings-admin-view .evaluation-shell.evaluation-page--settings .evaluation-header,
.skystudio-chat2 .chat2-settings-admin-view .agentic-map-shell.agentic-map-page--settings .agentic-map-header,
.skystudio-chat2 .chat2-settings-admin-view .optimizer-page.optimizer-workbench.optimizer-page--settings > header {
  position: static;
  z-index: auto;
  justify-content: flex-end;
  align-items: center;
  min-height: 0;
  padding: 10px 24px;
  border-bottom: 1px solid #fafaff;
  background: #fff;
  box-shadow: none;
}

.skystudio-chat2 .chat2-settings-admin-view .vault-page .vault-header--settings {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.skystudio-chat2 .chat2-settings-admin-view .vault-page .vault-header--settings > div:first-of-type {
  display: none;
}

.skystudio-chat2 .chat2-settings-admin-view .evaluation-shell .evaluation-header--settings > div:first-child,
.skystudio-chat2 .chat2-settings-admin-view .agentic-map-shell .agentic-map-header--settings > div:first-child,
.skystudio-chat2 .chat2-settings-admin-view .optimizer-page.optimizer-page--settings > header > div:first-of-type {
  display: none;
}

.skystudio-chat2 .chat2-settings-admin-view .evaluation-shell .evaluation-header--settings,
.skystudio-chat2 .chat2-settings-admin-view .agentic-map-shell .agentic-map-header--settings {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.skystudio-chat2 .chat2-settings-admin-view .optimizer-page.optimizer-page--settings > header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

/* —— Skills —— */
.skystudio-chat2 .chat2-settings-admin-view .skills-page.skills-page--settings {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.skystudio-chat2 .chat2-settings-admin-view .skills-page .skills-page-settings-chrome {
  flex-shrink: 0;
  padding: 0 24px;
  border-bottom: 1px solid #ece9f4;
  background: #fff;
}

.skystudio-chat2 .chat2-settings-admin-view .skills-page .skills-page-settings-chrome__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
}


.skystudio-chat2 .chat2-settings-admin-view .skills-page .skills-page-tabs-bar--settings {
  position: static;
  top: auto;
  z-index: auto;
  flex: 1 1 240px;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.skystudio-chat2 .chat2-settings-admin-view .skills-page .skills-page-tabs-bar--settings .skills-page-tabs {
  gap: 6px;
  padding: 0;
}

.skystudio-chat2 .chat2-settings-admin-view .skills-page .skills-page-tabs-bar--settings .skills-page-tab {
  min-height: 42px;
  margin-bottom: 0;
  padding: 8px 12px;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #7c7795;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}

.skystudio-chat2 .chat2-settings-admin-view
  .skills-page
  .skills-page-tabs-bar--settings
  .skills-page-tab.is-active {
  border-bottom-color: #7f56d9 !important;
  color: #201768;
  font-weight: 600;
}

.skystudio-chat2 .chat2-settings-admin-view
  .skills-page
  .skills-page-tabs-bar--settings
  .skills-page-tab:hover:not(.is-active):not(:disabled) {
  color: #414651;
  background: transparent !important;
}

.skystudio-chat2 .chat2-settings-admin-view
  .skills-page
  .skills-page-tabs-bar--settings
  .skills-page-tab--disabled,
.skystudio-chat2 .chat2-settings-admin-view
  .skills-page
  .skills-page-tabs-bar--settings
  .skills-page-tab:disabled {
  cursor: not-allowed;
  opacity: 0.72;
  color: #a09db8 !important;
  border-bottom-color: transparent !important;
}

.skystudio-chat2 .chat2-settings-admin-view
  .skills-page
  .skills-page-tabs-bar--settings
  .skills-page-tab__count {
  min-width: 20px;
  padding: 1px 6px;
  font-size: 12px;
  line-height: 16px;
}

.skystudio-chat2 .chat2-settings-admin-view
  .skills-page
  .skills-page-tabs-bar--settings
  .skills-page-tab__soon {
  padding: 1px 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  color: #6366f1;
  background: #eef0fe;
}

.skystudio-chat2 .chat2-settings-admin-view .skills-page .skills-page-settings-actions {
  flex: 0 0 auto;
  padding-bottom: 6px;
}

.skystudio-chat2 .chat2-settings-admin-view
  .skills-page
  .skills-page-settings-actions
  .skills-header__actions {
  justify-content: flex-end;
}

.skystudio-chat2 .chat2-settings-admin-view .skills-page .skills-page-settings-actions button,
.skystudio-chat2 .chat2-settings-admin-view .skills-page .skills-page-settings-actions .skill-upload {
  min-height: 40px;
  font-size: 14px;
  line-height: 20px;
}

.skystudio-chat2 .chat2-settings-admin-view .skills-page .skills-content {
  width: 100%;
  margin: 0;
  padding: 16px 24px 28px;
}

.skystudio-chat2 .chat2-settings-admin-view .skills-page .skill-section-heading h2 {
  font-size: 16px;
}

/* —— Memory —— */
.skystudio-chat2 .chat2-settings-admin-view .memory-page.memory-page--settings {
  padding: 0;
}

.skystudio-chat2 .chat2-settings-admin-view .memory-page--settings .memory-primary-nav-wrap--settings {
  display: flex;
  align-items: stretch;
  gap: 8px;
  padding: 0 24px;
  border-bottom: 1px solid #ece9f4;
  background: #fff;
}

.skystudio-chat2 .chat2-settings-admin-view .memory-page--settings .memory-primary-nav {
  flex: 1;
  min-width: 0;
  max-width: none;
  margin: 0;
}

.skystudio-chat2 .chat2-settings-admin-view .memory-page--settings .memory-primary-nav-refresh {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  align-self: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 6px 0;
  padding: 0;
  border: 1px solid #ece9f4;
  border-radius: 8px;
  color: #605a90;
  background: #fff;
  cursor: pointer;
}

.skystudio-chat2 .chat2-settings-admin-view .memory-page--settings .memory-primary-nav-refresh:hover:not(:disabled) {
  background: #f8f9fc;
  color: #201768;
}

.skystudio-chat2 .chat2-settings-admin-view .memory-page--settings .memory-workbench-content {
  max-width: none;
  margin: 0;
  padding: 16px 24px 28px;
}

.skystudio-chat2 .chat2-settings-admin-view .memory-page--settings .memory-primary-nav button {
  min-height: 42px;
  padding: 8px 12px;
  font-size: 14px;
}

/* —— Shared body typography —— */
.skystudio-chat2 .chat2-settings-admin-view .skills-page,
.skystudio-chat2 .chat2-settings-admin-view .vault-page,
.skystudio-chat2 .chat2-settings-admin-view .memory-page,
.skystudio-chat2 .chat2-settings-admin-view .evaluation-shell,
.skystudio-chat2 .chat2-settings-admin-view .agentic-map-shell,
.skystudio-chat2 .chat2-settings-admin-view .optimizer-page {
  font-family: Montserrat, var(--sky-font-family), sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.skystudio-chat2 .chat2-settings-admin-view .vault-page.vault-page--settings {
  padding: 16px 24px 28px;
}

.skystudio-chat2 .chat2-settings-admin-view .evaluation-shell.evaluation-page--settings,
.skystudio-chat2 .chat2-settings-admin-view .agentic-map-shell.agentic-map-page--settings {
  padding: 0 0 16px;
}

.skystudio-chat2 .chat2-settings-admin-view .optimizer-page.optimizer-page--settings {
  padding-top: 0;
}
.skystudio-chat2 .knowledge-toolbar,
.skystudio-chat2 .knowledge-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 18px 0;
}
.skystudio-chat2 .knowledge-toolbar label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}
.skystudio-chat2 .knowledge-toolbar input,
.skystudio-chat2 .knowledge-toolbar select {
  padding: 9px 12px;
  border: 1px solid var(--border, #ddd);
  border-radius: 10px;
  background: var(--surface, #fff);
  color: inherit;
  max-width: 100%;
}
.skystudio-chat2 .knowledge-panel button,
.skystudio-chat2 .knowledge-trace > button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--border, #ddd);
  border-radius: 10px;
  padding: 9px 12px;
  background: var(--surface, #fff);
  color: inherit;
  cursor: pointer;
}
.skystudio-chat2 .knowledge-edges {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.skystudio-chat2 .knowledge-edge {
  border: 1px solid var(--border, #e4e4eb);
  border-radius: 14px;
  background: var(--surface, #fff);
  overflow: hidden;
}
.skystudio-chat2 .knowledge-edge summary {
  cursor: pointer;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 140px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 16px;
  list-style: none;
}
.skystudio-chat2 .knowledge-entity {
  display: flex;
  flex-direction: column;
  gap: 5px;
  overflow-wrap: anywhere;
  font-size: 14px;
}
.skystudio-chat2 .knowledge-entity small,
.skystudio-chat2 .knowledge-job-counts,
.skystudio-chat2 .knowledge-scope {
  font-size: 11px;
  color: var(--text-secondary, #71717e);
}
.skystudio-chat2 .knowledge-relation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
  color: var(--text-secondary, #71717e);
}
.skystudio-chat2 .knowledge-evidence {
  padding: 0 18px 18px;
  border-top: 1px solid var(--border, #eee);
  font-size: 13px;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .knowledge-evidence blockquote {
  margin: 12px 0;
  padding: 12px 16px;
  border-left: 3px solid #9082dd;
  background: #f7f6fc;
  white-space: pre-wrap;
  color: #393647;
}
.skystudio-chat2 .knowledge-evidence dl {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 9px;
}
.skystudio-chat2 .knowledge-evidence dd {
  margin: 0;
}
.skystudio-chat2 .knowledge-evidence dt {
  color: var(--text-secondary, #71717e);
}
.skystudio-chat2 .knowledge-trace {
  margin: 12px 0;
  font-size: 12px;
}
.skystudio-chat2 .knowledge-trace > button {
  width: 100%;
}
.skystudio-chat2 .knowledge-trace .knowledge-edge summary {
  grid-template-columns: minmax(0, 1fr) 90px minmax(0, 1fr);
  padding: 10px;
  gap: 8px;
}
.skystudio-chat2 .knowledge-trace .knowledge-scope {
  grid-column: 1 / -1;
}
.skystudio-chat2 .knowledge-empty {
  padding: 24px;
  border: 1px dashed var(--border, #ddd);
  border-radius: 14px;
  font-size: 13px;
  color: var(--text-secondary, #71717e);
}
@media (max-width: 600px) {
  .skystudio-chat2 .knowledge-edge summary {
    grid-template-columns: minmax(0, 1fr) 90px minmax(0, 1fr);
    gap: 8px;
    padding: 12px;
  }
  .skystudio-chat2 .knowledge-scope {
    grid-column: 1 / -1;
  }
  .skystudio-chat2 .knowledge-evidence dl {
    grid-template-columns: 1fr;
  }
  .skystudio-chat2 .knowledge-panel .memory-section-heading {
    flex-wrap: wrap;
    gap: 12px;
  }
}
.skystudio-chat2 .harness-graph {
  margin: 16px 0;
  border: 1px solid #d9d9d2;
  border-radius: 16px;
  background: #fafaf7;
  color: #262723;
  overflow: hidden;
}
.skystudio-chat2 .harness-summary {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  padding: 15px 18px;
  cursor: pointer;
  list-style: none;
}
.skystudio-chat2 .harness-summary::-webkit-details-marker {
  display: none;
}
.skystudio-chat2 .harness-summary::after {
  color: #817b99;
  content: "⌄";
  font-size: 16px;
  transition: transform 160ms ease;
}
.skystudio-chat2 .harness-graph details[open] > .harness-summary::after {
  transform: rotate(180deg);
}
.skystudio-chat2 .harness-summary > div:first-child {
  min-width: 0;
}
.skystudio-chat2 .harness-summary > div:first-child > span {
  display: block;
  margin-bottom: 3px;
  color: #8b85a2;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.skystudio-chat2 .harness-graph p {
  margin: 4px 0 0;
  overflow: hidden;
  font-size: 13px;
  max-width: 760px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.skystudio-chat2 .harness-graph small {
  color: #65665e;
  font-size: 11px;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .harness-metrics {
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
}
.skystudio-chat2 .harness-metrics span,
.skystudio-chat2 .harness-step-state i {
  padding: 4px 7px;
  border-radius: 999px;
  color: #665e82;
  background: #eeece5;
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
}
.skystudio-chat2 .harness-waves {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 14px 18px 18px;
  border-top: 1px solid #e8e6df;
  background: #f7f7f3;
}
.skystudio-chat2 .harness-wave {
  flex: 1 0 190px;
  max-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.skystudio-chat2 .harness-wave > span {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6b6b62;
}
.skystudio-chat2 .harness-step {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  text-align: left;
  border: 1px solid #d9d9d2;
  border-left: 3px solid #aaa99d;
  border-radius: 10px;
  background: white;
  color: inherit;
  cursor: pointer;
}
.skystudio-chat2 .harness-step:hover {
  background: #f3f3ec;
}
.skystudio-chat2 .harness-step strong {
  font-size: 11px;
}
.skystudio-chat2 .harness-step span {
  font-size: 10px;
}
.skystudio-chat2 .harness-step-state {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}
.skystudio-chat2 .harness-step-state i {
  padding: 3px 5px;
  background: #f3f2ed;
  font-size: 8px;
}
.skystudio-chat2 .harness-completed {
  border-left-color: #44805c;
}
.skystudio-chat2 .harness-failed,
.skystudio-chat2 .harness-blocked {
  border-left-color: #b25749;
}
.skystudio-chat2 .harness-started,
.skystudio-chat2 .harness-replanned,
.skystudio-chat2 .harness-waiting_approval {
  border-left-color: #bc963a;
}
.skystudio-chat2 .harness-eval-details {
  max-width: 380px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 12px;
}
@media (max-width: 760px) {
  .skystudio-chat2 .harness-summary {
    align-items: flex-start;
  }
  .skystudio-chat2 .harness-metrics {
    display: none;
  }
}
.skystudio-chat2 .optimizer-page {
  flex: 1;
  min-width: 0;
  overflow: auto;
  padding: 28px;
  color: var(--text-primary, #283044);
  background: var(--bg-primary, #fafbfe);
}
.skystudio-chat2 .optimizer-page header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 24px;
}
.skystudio-chat2 .optimizer-page header > div {
  flex: 1;
}
.skystudio-chat2 .optimizer-page h1 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 25px;
  margin: 8px 0;
}
.skystudio-chat2 .optimizer-page h2 {
  font-size: 20px;
}
.skystudio-chat2 .optimizer-page p,
.skystudio-chat2 .optimizer-page small {
  font-size: 13px;
  line-height: 1.7;
  color: #6a7285;
}
.skystudio-chat2 .optimizer-page button,
.skystudio-chat2 .optimizer-page select {
  border: 1px solid #dce0eb;
  border-radius: 9px;
  background: white;
  padding: 9px 12px;
  color: #47526d;
  cursor: pointer;
}
.skystudio-chat2 .optimizer-page button:hover {
  background: #f0edff;
}
.skystudio-chat2 .optimizer-page button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.skystudio-chat2 .optimizer-page button:focus-visible,
.skystudio-chat2 .optimizer-page textarea:focus-visible,
.skystudio-chat2 .optimizer-page select:focus-visible,
.skystudio-chat2 .optimizer-page summary:focus-visible {
  outline: 2px solid #8c6df4;
  outline-offset: 3px;
}
.skystudio-chat2 .optimizer-profile {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.skystudio-chat2 .optimizer-profile > span {
  display: flex;
  gap: 8px;
  align-items: center;
}
.skystudio-chat2 .optimizer-page label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 12px;
}
.skystudio-chat2 .optimizer-layout {
  display: grid;
  grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
  gap: 20px;
  margin-top: 20px;
}
.skystudio-chat2 .optimizer-card {
  padding: 20px;
  margin-bottom: 16px;
  background: white;
  border: 1px solid #e2e5ee;
  border-radius: 14px;
  min-width: 0;
}
.skystudio-chat2 .optimizer-page summary {
  cursor: pointer;
  padding: 8px 0;
  font-size: 13px;
  font-weight: 600;
}
.skystudio-chat2 .optimizer-page textarea {
  width: 100%;
  min-height: 340px;
  resize: vertical;
  box-sizing: border-box;
  border: 1px solid #dce0eb;
  border-radius: 8px;
  padding: 12px;
  font: 12px / 1.6 monospace;
  margin-bottom: 12px;
}
.skystudio-chat2 .optimizer-page pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: 12px / 1.7 monospace;
  background: #f6f7fb;
  border-radius: 8px;
  padding: 12px;
  max-height: 450px;
  overflow: auto;
}
.skystudio-chat2 .optimizer-page nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.skystudio-chat2 .optimizer-page nav button {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.skystudio-chat2 .optimizer-page nav .selected {
  border-color: #a08bf4;
  background: #f5f2ff;
}
.skystudio-chat2 .optimizer-compare {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
}
.skystudio-chat2 .optimizer-metrics {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 11px;
}
.skystudio-chat2 .optimizer-metrics strong {
  display: block;
  font-size: 15px;
  margin-top: 8px;
}
.skystudio-chat2 .optimizer-actions {
  display: flex;
  align-items: end;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.skystudio-chat2 .optimizer-warning {
  background: #fff3ed !important;
  color: #8d4029 !important;
  padding: 12px;
  border-radius: 8px;
}
.skystudio-chat2 .optimizer-probes article {
  border-left: 2px solid #ded7f9;
  padding-left: 12px;
  margin: 12px 0;
}
.skystudio-chat2 .optimizer-probes strong {
  font-size: 12px;
}
.skystudio-chat2 .optimizer-dialog-backdrop {
  position: fixed;
  inset: 0;
  background: #17233b50;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 20px;
}
.skystudio-chat2 .optimizer-dialog {
  background: white;
  max-width: 500px;
  border-radius: 16px;
  padding: 26px;
  box-shadow: 0 20px 80px #17233b30;
}
.skystudio-chat2 .optimizer-dialog .optimizer-actions {
  justify-content: flex-end;
}
@media (max-width: 1050px) {
  .skystudio-chat2 .optimizer-layout {
    grid-template-columns: 1fr;
  }
  .skystudio-chat2 .optimizer-page {
    padding: 20px;
  }
  .skystudio-chat2 .optimizer-compare {
    grid-template-columns: 1fr;
  }
}
.skystudio-chat2 .optimizer-dialog {
  border: 1px solid #dce0eb;
  color: #283044;
  width: calc(100% - 80px);
}
.skystudio-chat2 .optimizer-dialog::backdrop {
  background: #17233b50;
}

/* Local Harness Lab workbench. Keep all controls scoped to this page. */
.skystudio-chat2 .app-shell .optimizer-page.optimizer-workbench {
  padding: 28px clamp(16px, 3vw, 40px);
}
.skystudio-chat2 .optimizer-workbench > header {
  align-items: center;
  margin-bottom: 20px;
}
.skystudio-chat2 .optimizer-workbench > header h1 {
  margin: 0;
}
.skystudio-chat2 .optimizer-workbench > header p {
  margin: 6px 0 0;
}
.skystudio-chat2 .optimizer-workbench .optimizer-profile {
  padding: 16px 0;
  gap: 16px;
  border-top: 1px solid var(--sky-border);
  border-bottom: 1px solid var(--sky-border);
}
.skystudio-chat2 .optimizer-workbench .optimizer-profile > small {
  flex: 1;
  min-width: 160px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-layout {
  grid-template-columns: minmax(190px, 240px) minmax(0, 1fr);
  align-items: start;
  gap: 24px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-rail {
  min-width: 0;
  position: sticky;
  top: 0;
}
.skystudio-chat2 .optimizer-workbench .optimizer-rail nav {
  margin-top: 12px;
  gap: 6px;
  max-height: 56vh;
  overflow-y: auto;
}
.skystudio-chat2 .optimizer-workbench .optimizer-rail nav button {
  flex: 0 0 auto;
  padding: 12px;
  border-color: transparent;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .optimizer-workbench .optimizer-rail nav small {
  font-size: 11px;
  line-height: 1.6;
}
.skystudio-chat2 .optimizer-workbench .optimizer-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  min-width: 0;
}
.skystudio-chat2 .optimizer-workbench .optimizer-section-title :is(h2, h3, h4, p) {
  margin: 0;
}
.skystudio-chat2 .optimizer-workbench .optimizer-section-title p {
  margin-top: 6px;
}
.skystudio-chat2 .optimizer-workbench h3 {
  font-size: 14px;
}
.skystudio-chat2 .optimizer-workbench h4 {
  font-size: 13px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-section-title > span {
  font-size: 11px;
  color: var(--sky-text-subtitle);
  white-space: nowrap;
}
.skystudio-chat2 .optimizer-workbench .optimizer-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  background: var(--sky-rail);
  padding: 4px 8px;
  color: var(--sky-text-body);
  font-size: 11px;
  font-weight: 500;
}
.skystudio-chat2 .app-shell .optimizer-workbench .optimizer-card {
  box-shadow: none;
  border-radius: 12px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-editor {
  padding: clamp(16px, 2vw, 28px);
}
.skystudio-chat2 .optimizer-workbench fieldset {
  border: 0;
  padding: 0;
  margin: 20px 0 0;
  min-width: 0;
}
.skystudio-chat2 .optimizer-workbench fieldset:disabled {
  opacity: 0.65;
}
.skystudio-chat2 .optimizer-workbench .optimizer-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 16px 0 24px;
}
.skystudio-chat2 .app-shell .optimizer-workbench input {
  width: 100%;
  box-sizing: border-box;
}
.skystudio-chat2 .app-shell .optimizer-workbench textarea:not(.optimizer-json) {
  min-height: 74px;
  margin: 0;
  font-family: var(--sky-font-family);
}
.skystudio-chat2 .app-shell .optimizer-workbench .optimizer-json {
  min-height: 360px;
  font-family: var(--sky-font-mono);
}
.skystudio-chat2 .optimizer-workbench .optimizer-case {
  border: 1px solid var(--sky-border);
  border-radius: 10px;
  margin: 10px 0;
  overflow: hidden;
}
.skystudio-chat2 .optimizer-workbench .optimizer-case > summary {
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-case > summary::before {
  content: "›";
  font-size: 20px;
  font-weight: 400;
  transition: transform 0.15s;
}
.skystudio-chat2 .optimizer-workbench .optimizer-case[open] > summary::before {
  transform: rotate(90deg);
}
.skystudio-chat2 .optimizer-workbench .optimizer-case > summary > span:first-of-type {
  flex: 1;
  overflow-wrap: anywhere;
  min-width: 0;
}
.skystudio-chat2 .optimizer-workbench .optimizer-case > summary::-webkit-details-marker {
  display: none;
}
.skystudio-chat2 .optimizer-workbench .optimizer-case > summary:hover {
  background: var(--sky-rail);
}
.skystudio-chat2 .optimizer-workbench .optimizer-case-body {
  padding: 0 16px 16px;
  border-top: 1px solid var(--sky-border);
}
.skystudio-chat2 .optimizer-workbench .optimizer-turn {
  padding: 16px 0;
  border-top: 1px solid var(--sky-border);
}
.skystudio-chat2 .optimizer-workbench .optimizer-turn > label {
  margin-bottom: 14px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-turn label small {
  color: var(--sky-muted);
}
.skystudio-chat2 .optimizer-workbench .optimizer-field-help {
  display: block;
  color: var(--sky-text-subtitle);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .optimizer-workbench .optimizer-json-help {
  font-size: 12px;
  line-height: 1.6;
}
.skystudio-chat2 .optimizer-workbench .optimizer-json-help dt {
  font-family: var(--sky-font-mono);
  overflow-wrap: anywhere;
  margin-top: 12px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-json-help dd {
  margin: 4px 0 0;
  color: var(--sky-text-subtitle);
}
.skystudio-chat2 .optimizer-workbench .optimizer-advanced {
  border-top: 1px solid var(--sky-border);
  padding: 10px 0;
  margin-top: 14px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-advanced > summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-advanced > summary::before {
  content: "›";
  font-size: 18px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-advanced[open] > summary::before {
  transform: rotate(90deg);
}
.skystudio-chat2 .optimizer-workbench .optimizer-advanced > summary > span {
  margin-left: auto;
  font-size: 11px;
  font-weight: 400;
  color: var(--sky-text-subtitle);
}
.skystudio-chat2 .optimizer-workbench .optimizer-save {
  border-top: 1px solid var(--sky-border);
  margin-top: 12px;
  padding-top: 18px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.skystudio-chat2 .optimizer-workbench .optimizer-save p {
  flex: 1;
  min-width: 200px;
  font-size: 11px;
  line-height: 1.7;
  margin: 0;
}
.skystudio-chat2 .app-shell .optimizer-workbench button.optimizer-primary {
  color: var(--sky-surface);
  background: var(--sky-brand);
  border-color: var(--sky-brand);
}
.skystudio-chat2 .app-shell .optimizer-workbench button.optimizer-primary:hover:not(:disabled) {
  background: var(--sky-brand-950);
}
.skystudio-chat2 .optimizer-workbench
  :is(
    .optimizer-primary,
    .optimizer-new,
    .optimizer-add,
    .optimizer-actions button
  ) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-new {
  width: 100%;
  margin-bottom: 12px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-add {
  margin-top: 8px;
}
.skystudio-chat2 .app-shell .optimizer-workbench .optimizer-icon {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border-color: transparent;
}
.skystudio-chat2 .optimizer-workbench .optimizer-search {
  position: relative;
}
.skystudio-chat2 .optimizer-workbench .optimizer-search svg {
  position: absolute;
  left: 12px;
  top: 14px;
  color: var(--sky-muted);
}
.skystudio-chat2 .app-shell .optimizer-workbench .optimizer-search input {
  padding-left: 35px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-empty {
  padding: 12px;
  font-size: 12px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-metrics {
  padding: 16px 0;
  border-block: 1px solid var(--sky-border);
  gap: 24px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-fixtures {
  margin-top: 10px;
}
.skystudio-chat2 .optimizer-workbench .optimizer-fixtures label {
  margin: 12px 0;
}
.skystudio-chat2 .optimizer-workbench :is(input, textarea):focus-visible {
  outline: 2px solid var(--sky-focus);
  outline-offset: 2px;
}
@container redesign-page (max-width: 760px) {
  .skystudio-chat2 .optimizer-workbench .optimizer-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .skystudio-chat2 .optimizer-workbench .optimizer-rail {
    position: static;
  }
  .skystudio-chat2 .optimizer-workbench .optimizer-rail nav {
    max-height: 180px;
  }
}
@media (max-width: 700px) {
  .skystudio-chat2 .app-shell .optimizer-page.optimizer-workbench {
    padding: 18px 14px;
  }
  .skystudio-chat2 .optimizer-workbench .optimizer-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .skystudio-chat2 .optimizer-workbench .optimizer-rail {
    position: static;
  }
  .skystudio-chat2 .optimizer-workbench .optimizer-rail nav {
    max-height: 160px;
  }
  .skystudio-chat2 .optimizer-workbench .optimizer-form-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .skystudio-chat2 .optimizer-workbench .optimizer-case > summary {
    flex-wrap: wrap;
    gap: 8px;
  }
  .skystudio-chat2 .optimizer-workbench .optimizer-save > button {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .skystudio-chat2 .optimizer-workbench .optimizer-case > summary::before {
    transition: none;
  }
}
.skystudio-chat2 .memory-view-switch {
  display: flex;
  gap: 6px;
  margin: 18px 0;
}
.skystudio-chat2 .memory-view-switch button[aria-pressed="true"] {
  background: #eeeaff;
  color: #4b2ca8;
  border-color: #d3c8ff;
}
.skystudio-chat2 .memory-map {
  margin: 22px 0 32px;
}
.skystudio-chat2 .memory-map-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.skystudio-chat2 .memory-map-heading h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 17px;
}
.skystudio-chat2 .memory-map-heading h3 {
  margin: 0 0 5px;
  font-size: 16px;
}
.skystudio-chat2 .memory-map-heading p,
.skystudio-chat2 .memory-map-note {
  color: #6b7280;
  font-size: 13px;
  line-height: 1.6;
}
.skystudio-chat2 .memory-map-live {
  font-size: 12px;
  color: #737083;
}
.skystudio-chat2 .memory-map-lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.skystudio-chat2 .memory-map-lane {
  min-width: 0;
  border-top: 3px solid #c6bdf2;
  padding-top: 14px;
}
.skystudio-chat2 .memory-map-lane.scope-workspace {
  border-top-color: #a7c8be;
}
.skystudio-chat2 .memory-map-lane.scope-plan {
  border-top-color: #d8c39b;
}
.skystudio-chat2 .memory-map-lane > header {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin: 0 0 16px;
}
.skystudio-chat2 .memory-map-lane h3 {
  font-size: 14px;
  margin: 0 0 6px;
}
.skystudio-chat2 .memory-map-lane h3 span {
  font-size: 12px;
  color: #737083;
  margin-left: 4px;
}
.skystudio-chat2 .memory-map-lane small {
  font-size: 11px;
}
.skystudio-chat2 .memory-map-nodes {
  display: grid;
  gap: 9px;
  max-height: 440px;
  overflow-y: auto;
  padding: 2px;
}
.skystudio-chat2 .memory-page .memory-map-node {
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: stretch;
  min-width: 0;
  padding: 12px;
  gap: 8px;
  background: #fff;
}
.skystudio-chat2 .memory-page .memory-map-node[aria-pressed="true"] {
  background: #f1edff;
  border-color: #8d77d4;
  box-shadow: 0 0 0 1px #8d77d4;
}
.skystudio-chat2 .memory-map-node-meta {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 11px;
  color: #686477;
}
.skystudio-chat2 .memory-map-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.6;
}
.skystudio-chat2 .memory-map-node-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  font-size: 10px;
  color: #737083;
}
.skystudio-chat2 .memory-map-node-foot > span {
  margin-left: auto;
}
.skystudio-chat2 .memory-map-empty {
  padding: 22px 0;
  font-size: 13px;
  color: #83818e;
}
.skystudio-chat2 .memory-map-detail {
  margin-top: 26px;
  padding: 20px 0;
  border-top: 1px solid #ded9eb;
}
.skystudio-chat2 .memory-detail-dialog {
  width: min(760px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 1px solid #ded9eb;
  border-radius: 14px;
  background: #fff;
  color: #263344;
  box-shadow: 0 20px 70px #18202a33;
  overflow: hidden;
}
.skystudio-chat2 .memory-detail-dialog[open] {
  display: flex;
  flex-direction: column;
}
.skystudio-chat2 .memory-detail-dialog::backdrop {
  background: #18202a66;
}
.skystudio-chat2 .memory-detail-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-shrink: 0;
  padding: 14px 20px;
  border-bottom: 1px solid #e3e7ec;
}
.skystudio-chat2 .memory-detail-dialog-header h2 {
  margin: 0;
  font-size: 17px;
}
.skystudio-chat2 .memory-detail-dialog-header button {
  min-width: 44px;
  min-height: 44px;
}
.skystudio-chat2 .memory-detail-dialog-body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0 20px 20px;
}
.skystudio-chat2 .memory-detail-dialog .memory-map-detail {
  border: 0;
  margin: 0;
  padding: 20px 0 0;
}
.skystudio-chat2 .memory-detail-dialog .memory-map-timeline li > div {
  min-width: 0;
}
.skystudio-chat2 .memory-map-node:focus-visible,
.skystudio-chat2 .memory-detail-dialog button:focus-visible {
  outline: 2px solid #795cbd;
  outline-offset: 2px;
}
.skystudio-chat2 .memory-map-content {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.7;
  font-size: 14px;
}
.skystudio-chat2 .memory-map-lineage {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 16px 0;
}
.skystudio-chat2 .memory-map-lineage > span {
  display: flex;
  gap: 8px;
  align-items: center;
}
.skystudio-chat2 .memory-map-lineage button[aria-current="true"] {
  font-weight: 600;
}
.skystudio-chat2 .memory-map-detail h4 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 25px;
  font-size: 14px;
}
.skystudio-chat2 .memory-map-timeline {
  padding: 0;
  list-style: none;
}
.skystudio-chat2 .memory-map-timeline li {
  display: flex;
  gap: 13px;
  padding: 0 0 20px;
  position: relative;
}
.skystudio-chat2 .memory-map-timeline li:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 14px;
  bottom: 0;
  width: 1px;
  background: #ded9eb;
}
.skystudio-chat2 .memory-map-dot {
  flex: 0 0 9px;
  height: 9px;
  margin-top: 6px;
  border-radius: 50%;
  background: #9a96a6;
}
.skystudio-chat2 .memory-map-dot.direct {
  background: #7a63ba;
}
.skystudio-chat2 .memory-map-timeline strong {
  font-size: 13px;
}
.skystudio-chat2 .memory-map-timeline p {
  font-size: 13px;
  color: #5f596e;
  overflow-wrap: anywhere;
  margin: 6px 0;
}
.skystudio-chat2 .memory-map-note {
  display: flex;
  gap: 6px;
  align-items: flex-start;
}
.skystudio-chat2 .memory-map-note > svg {
  flex-shrink: 0;
  margin-top: 4px;
}
@media (max-width: 1050px) {
  .skystudio-chat2 .memory-map-lanes {
    grid-template-columns: 1fr;
  }
  .skystudio-chat2 .memory-map-nodes {
    max-height: 260px;
  }
}
.skystudio-chat2 .visual-memory {
  display: grid;
  gap: 16px;
  padding: 20px 0;
}
.skystudio-chat2 .visual-memory > header,
.skystudio-chat2 .visual-memory h2,
.skystudio-chat2 .visual-memory form > div,
.skystudio-chat2 .visual-memory footer {
  display: flex;
  align-items: center;
  gap: 10px;
}
.skystudio-chat2 .visual-memory > header {
  justify-content: space-between;
}
.skystudio-chat2 .visual-memory h2 {
  margin: 0;
  font-size: 18px;
}
.skystudio-chat2 .visual-memory > p {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  opacity: 0.8;
}
.skystudio-chat2 .visual-memory form {
  display: grid;
  gap: 8px;
}
.skystudio-chat2 .visual-memory form input {
  min-width: 0;
  flex: 1;
  padding: 11px;
  border: 1px solid #8885;
  border-radius: 8px;
  background: transparent;
  color: inherit;
}
.skystudio-chat2 .visual-memory button,
.skystudio-chat2 .visual-memory footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid #8884;
  border-radius: 8px;
  color: inherit;
  background: transparent;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}
.skystudio-chat2 .visual-memory button:disabled {
  opacity: 0.45;
  cursor: wait;
}
.skystudio-chat2 .visual-memory-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr));
  gap: 16px;
}
.skystudio-chat2 .visual-memory-grid article {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #8884;
  border-radius: 12px;
  padding: 12px;
}
.skystudio-chat2 .visual-memory-grid img,
.skystudio-chat2 .visual-memory-disabled {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 170px;
  -o-object-fit: contain;
     object-fit: contain;
  background: #8881;
  border-radius: 6px;
  font-size: 12px;
}
.skystudio-chat2 .visual-memory-grid h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  margin: 12px 0 8px;
}
.skystudio-chat2 .visual-memory-grid p,
.skystudio-chat2 .visual-memory-grid small {
  display: block;
  font-size: 12px;
  opacity: 0.75;
  margin: 6px 0;
}
.skystudio-chat2 .visual-memory footer {
  flex-wrap: wrap;
  margin-top: 14px;
}
@media (max-width: 600px) {
  .skystudio-chat2 .visual-memory form > div {
    flex-wrap: wrap;
  }
  .skystudio-chat2 .visual-memory form input {
    flex-basis: 100%;
  }
}
.skystudio-chat2 .memory-proposals {
  display: grid;
  gap: 12px;
}
.skystudio-chat2 .memory-proposal-card {
  text-align: left;
  padding: 18px;
  border: 1px solid var(--sky-border);
  border-radius: 12px;
  color: var(--sky-text-body);
  background: var(--sky-surface);
  cursor: pointer;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .memory-proposal-card:hover {
  border-color: var(--sky-border-accent);
}
.skystudio-chat2 .memory-proposal-card small,
.skystudio-chat2 .memory-proposal-card span {
  color: var(--sky-muted);
  font-size: 12px;
}
.skystudio-chat2 .memory-proposal-card p {
  margin: 8px 0;
  line-height: 1.6;
}
.skystudio-chat2 .memory-proposal-content {
  padding: 20px;
  display: grid;
  gap: 16px;
}
.skystudio-chat2 .memory-proposal-content label {
  display: grid;
  gap: 8px;
}
.skystudio-chat2 .memory-proposal-content textarea,
.skystudio-chat2 .memory-proposal-content select {
  width: 100%;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--sky-border);
  border-radius: 8px;
  font: inherit;
  background: var(--sky-surface);
  color: inherit;
}
.skystudio-chat2 .memory-proposal-content blockquote {
  margin: 12px 0;
  padding: 12px;
  border-left: 3px solid var(--sky-border-accent);
  background: var(--sky-hover);
  overflow-wrap: anywhere;
}
.skystudio-chat2 .memory-proposal-content small {
  font-size: 11px;
}
/* Memory workbench: use the shared SkyStudio tokens; keep management separate
   from reading, review and provenance. Scoped to this page and its native dialog. */
.skystudio-chat2 .app-shell .memory-page.memory-workbench {
  padding: 28px clamp(16px, 3vw, 44px) 40px;
  background: var(--sky-surface);
  color: var(--sky-text-body);
}
.skystudio-chat2 .memory-workbench .memory-header {
  max-width: 1120px;
  margin: 0 auto 28px;
}
.skystudio-chat2 .memory-workbench .memory-header h1 {
  font-size: 23px;
  letter-spacing: -0.5px;
}
.skystudio-chat2 .memory-workbench .memory-header p {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.skystudio-chat2 .memory-workbench .memory-primary-nav {
  max-width: 1120px;
  margin: auto;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  border-bottom: 1px solid var(--sky-border);
  padding-bottom: 0;
  scrollbar-width: thin;
}
.skystudio-chat2 .app-shell .memory-page.memory-workbench .memory-primary-nav button {
  flex-shrink: 0;
  min-height: 46px;
  padding: 10px 15px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: var(--sky-muted);
  background: transparent;
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
}
.skystudio-chat2 .app-shell
  .memory-page.memory-workbench
  .memory-primary-nav
  button[aria-current="page"] {
  color: var(--sky-brand);
  border-bottom-color: var(--sky-focus);
  font-weight: 600;
}
.skystudio-chat2 .memory-workbench-content {
  max-width: 1120px;
  margin: 26px auto 0;
}
.skystudio-chat2 .memory-workbench .memory-auto {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  padding: 17px 20px;
  background: var(--sky-rail);
  border: 1px solid var(--sky-border);
  border-radius: 14px;
}
.skystudio-chat2 .memory-auto-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--sky-focus);
  background: var(--sky-surface);
  flex: 0 0 auto;
}
.skystudio-chat2 .memory-auto-copy {
  flex: 1;
  min-width: 160px;
}
.skystudio-chat2 .memory-auto-copy strong {
  color: var(--sky-ink);
  font-size: 13px;
}
.skystudio-chat2 .memory-auto-copy p {
  font-size: 12px;
  margin: 4px 0 0;
  line-height: 1.5;
}
.skystudio-chat2 .memory-workbench button.memory-review-link {
  padding: 7px 10px;
  font-size: 12px;
  white-space: nowrap;
  color: var(--sky-focus);
  background: var(--sky-surface);
}
.skystudio-chat2 .app-shell .memory-workbench button.memory-toggle {
  width: 40px;
  height: 24px;
  min-height: 24px;
  padding: 3px;
  border: 0;
  border-radius: 99px;
  background: var(--sky-surface-disabled);
  justify-content: flex-start;
  flex: 0 0 auto;
}
.skystudio-chat2 .memory-toggle span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  box-shadow: var(--sky-shadow-sm);
  transition: transform 120ms ease;
}
.skystudio-chat2 .app-shell .memory-workbench button.memory-toggle[aria-checked="true"] {
  background: var(--sky-focus);
}
.skystudio-chat2 .memory-toggle[aria-checked="true"] span {
  transform: translateX(16px);
}
.skystudio-chat2 .memory-view-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin: 22px 0 14px;
}
.skystudio-chat2 .memory-view-bar p {
  font-size: 12px;
  color: var(--sky-muted);
  margin: 0;
}
.skystudio-chat2 .memory-view-bar > div {
  display: flex;
  border: 1px solid var(--sky-border);
  border-radius: 8px;
  padding: 3px;
  background: var(--sky-rail);
}
.skystudio-chat2 .memory-workbench .memory-view-bar button {
  border: 0;
  border-radius: 5px;
  font-size: 11px;
  padding: 5px 9px;
  background: transparent;
  box-shadow: none;
}
.skystudio-chat2 .memory-workbench .memory-view-bar button[aria-pressed="true"] {
  background: var(--sky-surface);
  color: var(--sky-brand);
  box-shadow: var(--sky-shadow-sm);
}
.skystudio-chat2 .memory-scope-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 26px;
}
.skystudio-chat2 .memory-workbench .memory-scope-cards button {
  justify-content: flex-start;
  gap: 12px;
  padding: 18px 16px;
  border: 1px solid var(--sky-border);
  border-radius: 12px;
  text-align: left;
  background: var(--sky-surface);
}
.skystudio-chat2 .memory-scope-cards button > svg {
  flex: 0 0 auto;
  color: var(--sky-muted);
}
.skystudio-chat2 .memory-scope-cards button > div {
  flex: 1;
  min-width: 0;
}
.skystudio-chat2 .memory-scope-cards strong,
.skystudio-chat2 .memory-scope-cards small {
  display: block;
}
.skystudio-chat2 .memory-scope-cards strong {
  font-size: 12px;
  color: var(--sky-ink);
}
.skystudio-chat2 .memory-scope-cards small {
  margin-top: 3px;
  font-size: 10px;
  font-weight: 400;
}
.skystudio-chat2 .memory-scope-cards button > span {
  font-size: 21px;
  font-weight: 500;
  color: var(--sky-muted);
}
.skystudio-chat2 .memory-workbench .memory-scope-cards button[aria-pressed="true"] {
  border-color: var(--sky-border-accent);
  background: var(--sky-hover);
}
.skystudio-chat2 .memory-scope-cards button[aria-pressed="true"] > svg,
.skystudio-chat2 .memory-scope-cards button[aria-pressed="true"] > span {
  color: var(--sky-focus);
}
.skystudio-chat2 .memory-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 0 0 20px;
}
.skystudio-chat2 .memory-workbench h2 {
  margin: 0;
  font-size: 16px;
  color: var(--sky-ink);
  letter-spacing: -0.2px;
}
.skystudio-chat2 .memory-section-heading p {
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.65;
  max-width: 620px;
}
.skystudio-chat2 .memory-workbench button.memory-primary,
.skystudio-chat2 .memory-record-dialog button.memory-primary {
  background: var(--sky-brand);
  color: white;
  border: 1px solid var(--sky-brand);
  white-space: nowrap;
}
.skystudio-chat2 .memory-list-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin: 18px 0 14px;
}
.skystudio-chat2 .memory-workbench .memory-search {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 1;
  max-width: 480px;
  padding: 0 12px;
  border: 1px solid var(--sky-border);
  border-radius: 9px;
  color: var(--sky-muted);
}
.skystudio-chat2 .app-shell .memory-page.memory-workbench .memory-search input {
  border: 0;
  background: transparent;
  padding: 10px 0;
  outline-offset: 0;
  font-size: 12px;
  box-shadow: none;
}
.skystudio-chat2 .memory-workbench .memory-search:focus-within {
  outline: 2px solid var(--sky-focus);
  outline-offset: 2px;
}
.skystudio-chat2 .app-shell .memory-page.memory-workbench .memory-search input:focus {
  outline: none;
}
.skystudio-chat2 .memory-workbench .memory-filter select {
  min-width: 190px;
  max-width: 100%;
  padding: 10px 12px;
  font-size: 12px;
}
.skystudio-chat2 .memory-records {
  border: 1px solid var(--sky-border);
  border-radius: 12px;
  overflow: hidden;
}
.skystudio-chat2 .memory-record-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px 16px;
  border-bottom: 1px solid var(--sky-border);
}
.skystudio-chat2 .memory-record-row:last-child {
  border-bottom: 0;
}
.skystudio-chat2 .app-shell .memory-page.memory-workbench button.memory-record-open {
  display: flex;
  flex: 1;
  min-width: 0;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  text-align: left;
  padding: 14px 0;
  border: 0;
  background: transparent;
  font-weight: 400;
  box-shadow: none;
}
.skystudio-chat2 .memory-record-open > div {
  flex: 1;
  min-width: 0;
}
.skystudio-chat2 .memory-record-open > svg {
  flex-shrink: 0;
  color: var(--sky-muted);
  margin-top: 5px;
}
.skystudio-chat2 .memory-record-type {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: var(--sky-rail);
  color: var(--sky-muted);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.skystudio-chat2 .memory-record-open p {
  font-weight: 400;
  margin: 0 0 6px;
  color: var(--sky-ink);
  font-size: 13px;
  line-height: 1.7;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: pre-wrap;
}
.skystudio-chat2 .memory-record-open small {
  font-weight: 400;
  font-size: 10px;
}
.skystudio-chat2 .memory-candidate-actions {
  display: flex;
  flex-shrink: 0;
  gap: 6px;
}
.skystudio-chat2 .memory-workbench .memory-candidate-actions button {
  min-height: 32px;
  padding: 6px 9px;
  font-size: 11px;
}
.skystudio-chat2 .memory-workbench button.memory-approve {
  color: var(--sky-focus);
  border-color: var(--sky-border-accent);
}
.skystudio-chat2 .memory-review-note {
  background: var(--sky-warning-50);
  color: var(--sky-warning-700);
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.6;
}
.skystudio-chat2 .memory-blank {
  text-align: center;
  padding: 48px 20px;
}
.skystudio-chat2 .memory-blank > svg {
  color: var(--sky-muted);
}
.skystudio-chat2 .memory-workbench .memory-blank h3 {
  font-size: 14px;
  color: var(--sky-ink);
  margin: 16px 0 8px;
}
.skystudio-chat2 .memory-blank p {
  max-width: 400px;
  margin: 0 auto 14px;
  font-size: 12px;
  line-height: 1.8;
}
.skystudio-chat2 .memory-bottom-note,
.skystudio-chat2 .memory-hint {
  color: var(--sky-muted);
  font-size: 11px;
  line-height: 1.7;
  margin-top: 16px;
}
.skystudio-chat2 .memory-workbench .memory-bottom-note {
  text-align: center;
}
.skystudio-chat2 .memory-live {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  color: var(--sky-muted);
}
.skystudio-chat2 .memory-live > span {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: var(--sky-success-700);
}
.skystudio-chat2 .memory-activity-list {
  list-style: none;
  padding: 0;
  border: 1px solid var(--sky-border);
  border-radius: 12px;
}
.skystudio-chat2 .memory-activity-list > li {
  display: flex;
  gap: 15px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--sky-border);
}
.skystudio-chat2 .memory-activity-list > li:last-child {
  border: 0;
}
.skystudio-chat2 .memory-activity-list > li > div {
  flex: 1;
  min-width: 0;
}
.skystudio-chat2 .memory-state-dot {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  margin-top: 6px;
  border-radius: 50%;
  background: var(--sky-surface-disabled);
}
.skystudio-chat2 .memory-state-dot.completed {
  background: var(--sky-success-700);
}
.skystudio-chat2 .memory-state-dot:is(.queued, .processing, .retry) {
  background: var(--sky-warning-700);
}
.skystudio-chat2 .memory-state-dot.failed {
  background: var(--sky-error-800);
}
.skystudio-chat2 .memory-activity-meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
.skystudio-chat2 .memory-activity-meta strong {
  font-size: 12px;
  color: var(--sky-ink);
}
.skystudio-chat2 .memory-activity-meta time {
  font-size: 10px;
  color: var(--sky-muted);
}
.skystudio-chat2 .memory-activity-list p {
  font-size: 12px;
  line-height: 1.7;
  margin: 7px 0;
}
.skystudio-chat2 .memory-workbench details summary {
  cursor: pointer;
  color: var(--sky-muted);
  font-size: 11px;
}
.skystudio-chat2 .memory-detail-meta {
  display: grid;
  grid-template-columns: 135px minmax(0, 1fr);
  gap: 10px 16px;
  font-size: 12px;
  line-height: 1.6;
}
.skystudio-chat2 .memory-detail-meta dt {
  color: var(--sky-muted);
}
.skystudio-chat2 .memory-detail-meta dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--sky-ink);
}
.skystudio-chat2 .memory-workbench .memory-record-dialog {
  width: min(640px, calc(100vw - 28px));
  max-height: calc(100dvh - 40px);
  border: 1px solid var(--sky-border);
  border-radius: 18px;
  padding: 26px;
  background: var(--sky-surface);
  color: var(--sky-text-body);
  box-shadow: var(--sky-shadow-dropdown);
}
.skystudio-chat2 .memory-record-dialog::backdrop {
  background: var(--sky-scrim);
}
.skystudio-chat2 .memory-record-dialog > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}
.skystudio-chat2 .memory-record-dialog header small {
  font-size: 11px;
}
.skystudio-chat2 .memory-workbench .memory-record-dialog header h2 {
  margin-top: 5px;
  font-size: 20px;
}
.skystudio-chat2 .memory-record-dialog .memory-record-full {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.85;
  padding: 18px;
  margin-bottom: 22px;
  border-radius: 10px;
  background: var(--sky-rail);
}
.skystudio-chat2 .memory-record-dialog form {
  display: grid;
  gap: 16px;
}
.skystudio-chat2 .memory-record-dialog label {
  display: grid;
  gap: 10px;
  font-size: 13px;
}
.skystudio-chat2 .memory-record-dialog textarea {
  resize: vertical;
  min-height: 140px;
  max-height: 50dvh;
}
.skystudio-chat2 .memory-record-dialog footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid var(--sky-border);
  padding-top: 18px;
  margin-top: 24px;
}
.skystudio-chat2 .memory-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 20px 0;
}
.skystudio-chat2 .memory-workbench button.memory-danger {
  color: var(--sky-error-800);
}
.skystudio-chat2 .memory-record-dialog footer .memory-danger {
  margin-right: auto;
}
.skystudio-chat2 .memory-technical pre {
  font-size: 11px;
  line-height: 1.7;
}
.skystudio-chat2 .memory-revision-list {
  list-style: none;
  padding: 0;
}
.skystudio-chat2 .memory-revision-list li {
  padding: 12px;
  margin: 8px 0;
  border-radius: 8px;
  background: var(--sky-rail);
  font-size: 12px;
}
.skystudio-chat2 .memory-revision-list p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.7;
}
.skystudio-chat2 .memory-workspace-summary {
  display: flex;
  align-items: center;
  gap: 15px;
  background: var(--sky-rail);
  border: 1px solid var(--sky-border);
  padding: 22px;
  border-radius: 12px;
}
.skystudio-chat2 .memory-workspace-summary > div:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.skystudio-chat2 .memory-workspace-summary h3 {
  margin: 0;
  color: var(--sky-ink);
  font-size: 16px;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .memory-workspace-summary p {
  margin: 6px 0 0;
  font-size: 12px;
}
.skystudio-chat2 .memory-workspace-summary > span {
  font-size: 12px;
  white-space: nowrap;
}
.skystudio-chat2 .memory-avatar,
.skystudio-chat2 .memory-member-avatar {
  display: grid;
  place-items: center;
  background: var(--sky-hover);
  color: var(--sky-focus);
  flex-shrink: 0;
}
.skystudio-chat2 .memory-avatar {
  width: 44px;
  height: 44px;
  border-radius: 12px;
}
.skystudio-chat2 .memory-privacy-note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 12px;
  line-height: 1.7;
  margin: 18px 0 28px;
}
.skystudio-chat2 .memory-privacy-note svg {
  flex-shrink: 0;
  margin-top: 2px;
}
.skystudio-chat2 .memory-workspace-panel h3 {
  font-size: 14px;
  color: var(--sky-ink);
}
.skystudio-chat2 .memory-member-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 18px 0;
  border-bottom: 1px solid var(--sky-border);
}
.skystudio-chat2 .memory-member-row > div {
  flex: 1;
  min-width: 140px;
}
.skystudio-chat2 .memory-member-row strong {
  display: block;
  font-size: 12px;
  overflow-wrap: anywhere;
}
.skystudio-chat2 .memory-member-row small {
  display: block;
  margin-top: 5px;
  font-size: 11px;
}
.skystudio-chat2 .memory-member-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-size: 12px;
}
.skystudio-chat2 .memory-workbench .memory-member-access {
  margin-top: 0;
}
.skystudio-chat2 .memory-member-access > div {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  padding-top: 10px;
}
.skystudio-chat2 .memory-workbench .memory-member-access button {
  font-size: 11px;
}
.skystudio-chat2 .memory-new-workspace {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid var(--sky-border);
}
.skystudio-chat2 .memory-new-workspace h3 {
  margin: 0 0 6px;
}
.skystudio-chat2 .memory-new-workspace p {
  font-size: 12px;
  margin: 0;
}
.skystudio-chat2 .memory-inline-form {
  display: grid;
  gap: 15px;
  padding: 22px;
  margin: 18px 0;
  width: 100%;
  background: var(--sky-rail);
  border: 1px solid var(--sky-border);
  border-radius: 12px;
}
.skystudio-chat2 .memory-inline-form h3 {
  margin: 0;
}
.skystudio-chat2 .memory-inline-form label {
  display: grid;
  gap: 8px;
}
.skystudio-chat2 .memory-form-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.skystudio-chat2 .memory-success {
  color: var(--sky-success-700);
  background: var(--sky-success-50);
  padding: 12px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.6;
}
.skystudio-chat2 .memory-workbench .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 760px) {
  .skystudio-chat2 .app-shell .memory-page.memory-workbench {
    padding: 20px 16px 32px;
  }
  .skystudio-chat2 .memory-workbench .memory-header {
    gap: 10px;
    margin-bottom: 20px;
  }
  .skystudio-chat2 .memory-workbench .memory-header h1 {
    font-size: 20px;
  }
  .skystudio-chat2 .app-shell .memory-page.memory-workbench .memory-primary-nav button {
    padding: 10px 12px;
    font-size: 12px;
  }
  .skystudio-chat2 .memory-workbench-content {
    margin-top: 20px;
  }
  .skystudio-chat2 .memory-workbench .memory-auto {
    padding: 14px;
    gap: 10px;
  }
  .skystudio-chat2 .memory-auto-copy {
    min-width: 150px;
  }
  .skystudio-chat2 .memory-workbench button.memory-review-link {
    order: 4;
    margin-left: 46px;
  }
  .skystudio-chat2 .memory-scope-cards {
    gap: 6px;
  }
  .skystudio-chat2 .memory-workbench .memory-scope-cards button {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 10px;
    position: relative;
  }
  .skystudio-chat2 .memory-scope-cards button > span {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 15px;
  }
  .skystudio-chat2 .memory-scope-cards small {
    display: none;
  }
  .skystudio-chat2 .memory-scope-cards strong {
    font-size: 10px;
    line-height: 1.5;
  }
  .skystudio-chat2 .memory-section-heading {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
  }
  .skystudio-chat2 .memory-section-heading > div {
    flex: 1;
    min-width: 180px;
  }
  .skystudio-chat2 .memory-section-heading p {
    font-size: 11px;
  }
  .skystudio-chat2 .memory-list-toolbar {
    flex-direction: column;
    gap: 10px;
  }
  .skystudio-chat2 .memory-workbench .memory-filter select {
    width: 100%;
  }
  .skystudio-chat2 .memory-record-row {
    flex-wrap: wrap;
    padding: 4px 12px;
    gap: 0;
  }
  .skystudio-chat2 .memory-record-open {
    flex-basis: 100%;
  }
  .skystudio-chat2 .memory-candidate-actions {
    margin: 0 0 12px 40px;
  }
  .skystudio-chat2 .memory-record-open p {
    font-size: 12px;
  }
  .skystudio-chat2 .memory-workbench .memory-record-dialog {
    padding: 20px;
  }
  .skystudio-chat2 .memory-detail-meta {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 9px;
  }
  .skystudio-chat2 .memory-workspace-summary {
    padding: 16px;
  }
  .skystudio-chat2 .memory-workspace-summary > span {
    display: none;
  }
  .skystudio-chat2 .memory-activity-list > li {
    padding: 16px 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .skystudio-chat2 .memory-toggle span {
    transition: none;
  }
}
.skystudio-chat2 .services-page {
  flex: 1;
  min-width: 0;
  overflow: auto;
  padding: 28px;
  background: #fafafa;
  color: #262626;
}
.skystudio-chat2 .services-page > header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}
.skystudio-chat2 .services-page h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}
.skystudio-chat2 .service-caption {
  color: #737373;
  font-size: 13px;
  margin: 6px 0;
}
.skystudio-chat2 .service-refresh {
  margin-left: auto;
  display: flex;
  gap: 8px;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 9px;
  padding: 9px 12px;
  background: white;
  cursor: pointer;
}
.skystudio-chat2 .service-refresh:disabled {
  opacity: 0.6;
  cursor: wait;
}
.skystudio-chat2 .service-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 14px;
  margin-top: 18px;
}
.skystudio-chat2 .service-grid article {
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 18px;
}
.skystudio-chat2 .service-title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.skystudio-chat2 .service-title h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}
.skystudio-chat2 .service-status {
  margin-left: auto;
  border-radius: 20px;
  padding: 4px 8px;
  font-size: 11px;
  background: #fef3c7;
  color: #854d0e;
}
.skystudio-chat2 .service-ok {
  background: #edf7ef;
  color: #166534;
}
.skystudio-chat2 .service-unavailable {
  background: #fff1f2;
  color: #9f1239;
}
.skystudio-chat2 .service-grid p {
  font-size: 13px;
  line-height: 1.6;
  color: #525252;
  min-height: 42px;
}
.skystudio-chat2 .service-grid small {
  font-size: 11px;
  color: #737373;
}
.skystudio-chat2 .service-note {
  margin-top: 22px;
  max-width: 900px;
  font-size: 12px;
  line-height: 1.8;
  color: #737373;
}
.skystudio-chat2 .service-error {
  color: #9f1239;
}
@media (max-width: 600px) {
  .skystudio-chat2 .services-page {
    padding: 16px;
  }
  .skystudio-chat2 .services-page > header {
    flex-wrap: wrap;
  }
}
/* Yetenekler — redesign picker card layout (Sky tokens only). */
.skystudio-chat2 .app-shell .skills-page.skills-shell {
  min-height: 0;
  flex: 1;
  overflow: auto;
  background: var(--sky-surface);
  font-family: var(--sky-font-family);
}

.skystudio-chat2 .app-shell .skills-page .skills-header {
  position: sticky;
  z-index: 5;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px 24px;
  min-height: 0;
  padding: 18px 32px;
  border-bottom: 1px solid var(--sky-border);
  background: var(--sky-surface);
  box-shadow: 0 8px 24px -12px rgb(26 22 84 / 8%);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.skystudio-chat2 .app-shell .skills-page .skills-header__primary {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  flex: 1 1 18rem;
}

.skystudio-chat2 .app-shell .skills-page .skills-header__menu {
  display: flex;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  padding: 0;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-brand);
  background: var(--sky-surface);
  box-shadow: var(--sky-shadow);
  cursor: pointer;
}

.skystudio-chat2 .app-shell .skills-page .skills-header__menu:hover {
  background: var(--sky-hover);
}

.skystudio-chat2 .app-shell .skills-page .skills-header__copy {
  min-width: 0;
  flex: 1;
}

.skystudio-chat2 .app-shell .skills-page .skills-header__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.skystudio-chat2 .app-shell .skills-page .skills-header__eyebrow {
  margin: 0 0 4px;
  color: var(--sky-text-control);
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-type-caption-leading);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.skystudio-chat2 .app-shell .skills-page .skills-header h1 {
  margin: 0;
  color: var(--sky-brand);
  font-size: var(--sky-t3);
  font-weight: var(--sky-weight-bold);
  line-height: var(--sky-leading-t3);
}

.skystudio-chat2 .app-shell .skills-page .skills-header__lead {
  margin: 6px 0 0;
  max-width: 52ch;
  color: var(--sky-text-subtitle);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
}

.skystudio-chat2 .app-shell .skills-page .skills-header button,
.skystudio-chat2 .app-shell .skills-page .skills-page-settings-actions button,
.skystudio-chat2 .app-shell .skills-page .skills-header .skill-upload,
.skystudio-chat2 .app-shell .skills-page .skills-page-settings-actions .skill-upload {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  padding: 8px 14px;
  border: 1px solid var(--sky-border-strong);
  border-radius: var(--sky-radius-compact);
  color: var(--sky-ink);
  background: var(--sky-surface);
  font-family: inherit;
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-type-caption-leading);
  white-space: nowrap;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.skystudio-chat2 .app-shell .skills-page .skills-page-settings-actions .skill-upload {
  position: relative;
}

.skystudio-chat2 .app-shell .skills-page .skills-page-settings-actions .skill-upload input[type="file"] {
  display: none;
}

.skystudio-chat2 .app-shell .skills-page .skills-header button:hover:not(:disabled),
.skystudio-chat2 .app-shell .skills-page .skills-page-settings-actions button:hover:not(:disabled),
.skystudio-chat2 .app-shell .skills-page .skills-header .skill-upload:hover:not(.disabled),
.skystudio-chat2 .app-shell .skills-page .skills-page-settings-actions .skill-upload:hover:not(.disabled) {
  border-color: var(--sky-border-strong);
  background: var(--sky-soft-bg);
}

.skystudio-chat2 .app-shell .skills-page .skills-header button.primary,
.skystudio-chat2 .app-shell .skills-page .skills-page-settings-actions button.primary {
  border-color: var(--sky-brand);
  color: var(--sky-surface) !important;
  background: var(--sky-brand);
}

.skystudio-chat2 .app-shell .skills-page .skills-header button.primary:hover:not(:disabled),
.skystudio-chat2 .app-shell .skills-page .skills-page-settings-actions button.primary:hover:not(:disabled) {
  background: var(--sky-brand-950);
  border-color: var(--sky-brand-950);
}

.skystudio-chat2 .app-shell .skills-page .skills-page-settings-actions,
.skystudio-chat2 .app-shell .skills-page .skills-page-settings-actions .skills-header__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.skystudio-chat2 .chat2-settings-admin-view .skills-page .skills-page-settings-actions,
.skystudio-chat2 .chat2-settings-admin-view .skills-page .skills-page-settings-actions .skills-header__actions {
  width: auto;
}

.skystudio-chat2 .app-shell .skills-page .skills-page-tabs-bar {
  position: sticky;
  z-index: 4;
  top: 0;
  width: min(var(--sky-page-width), calc(100% - 64px));
  margin: 0 auto;
  padding: 0 0 4px;
  border-bottom: 1px solid var(--sky-border);
  background: var(--sky-surface);
}

.skystudio-chat2 .app-shell .skills-page .skills-page-tabs {
  display: flex;
  gap: 4px;
  padding: 12px 0 0;
}

.skystudio-chat2 .app-shell .skills-page .skills-page-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: -1px;
  padding: 10px 4px 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--sky-muted);
  font-family: inherit;
  font-size: var(--sky-type-tab-size);
  font-weight: var(--sky-type-tab-weight);
  line-height: var(--sky-type-tab-leading);
  background: transparent;
  cursor: pointer;
  transition:
    color 0.15s ease,
    border-color 0.15s ease;
}

.skystudio-chat2 .app-shell .skills-page .skills-page-tab.is-active {
  border-bottom-color: var(--sky-brand-600);
  color: var(--sky-brand-600);
  font-weight: var(--sky-type-tab-active-weight);
}

.skystudio-chat2 .app-shell .skills-page .skills-page-tab:hover:not(.is-active) {
  color: var(--sky-ink);
}

.skystudio-chat2 .app-shell .skills-page .skills-page-tab--disabled,
.skystudio-chat2 .app-shell .skills-page .skills-page-tab:disabled {
  cursor: not-allowed;
  opacity: 0.72;
  color: var(--sky-muted);
}

.skystudio-chat2 .app-shell .skills-page .skills-page-tab--disabled:hover,
.skystudio-chat2 .app-shell .skills-page .skills-page-tab:disabled:hover {
  color: var(--sky-muted);
  background: transparent;
}

.skystudio-chat2 .app-shell .skills-page .skills-page-tab__count {
  display: inline-flex;
  min-width: 22px;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  border-radius: 999px;
  color: var(--sky-text-control);
  font-size: var(--sky-t0);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-leading-t0);
  background: var(--sky-soft-bg);
}

.skystudio-chat2 .app-shell .skills-page .skills-page-tab.is-active .skills-page-tab__count {
  color: var(--sky-brand-600);
  background: var(--sky-accent-soft);
}

.skystudio-chat2 .app-shell .skills-page .skills-page-tab__soon {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  color: #6366f1;
  font-size: var(--sky-t0);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-leading-t0);
  letter-spacing: 0.01em;
  background: #eef0fe;
}

.skystudio-chat2 .app-shell .skills-page .skills-page-tabs__lead {
  margin: 10px 0 0;
  max-width: 62ch;
  color: var(--sky-muted);
  font-size: var(--sky-t2);
  font-weight: var(--sky-weight-regular);
  line-height: var(--sky-type-body-leading);
}

.skystudio-chat2 .app-shell .skills-page .skills-content {
  width: min(var(--sky-page-width), calc(100% - 64px));
  margin: 0 auto;
  padding: 28px 0 64px;
}

.skystudio-chat2 .app-shell .skills-page .skill-section + .skill-section {
  margin-top: 36px;
}

.skystudio-chat2 .app-shell .skills-page .skill-section-heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.skystudio-chat2 .app-shell .skills-page .skill-section-heading > span {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-accent-indigo);
  background: var(--sky-accent-soft);
}

.skystudio-chat2 .app-shell .skills-page .skill-section-heading h2 {
  margin: 0;
  color: var(--sky-ink);
  font-size: var(--sky-t3);
  font-weight: var(--sky-weight-bold);
  line-height: var(--sky-leading-t3);
}

.skystudio-chat2 .app-shell .skills-page .skill-section-heading p {
  margin: 4px 0 0;
  color: var(--sky-muted);
  font-size: var(--sky-t1);
  line-height: var(--sky-type-caption-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-section-heading em {
  padding: 4px 10px;
  border-radius: 999px;
  color: var(--sky-text-control);
  background: var(--sky-accent-light);
  font-size: var(--sky-t1);
  font-style: normal;
  font-weight: var(--sky-weight-semibold);
}

.skystudio-chat2 .app-shell .skills-page .skill-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 272px), 1fr));
  gap: 16px;
}

.skystudio-chat2 .app-shell .skills-page .skill-card,
.skystudio-chat2 .app-shell .skills-page .empty-skill-card {
  display: flex;
  min-height: 148px;
  flex-direction: column;
  padding: 18px;
  border: 1.5px solid var(--sky-border);
  border-radius: var(--sky-radius-feature-card);
  background: var(--sky-surface);
  box-shadow: var(--sky-shadow-sm);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.15s ease;
}

.skystudio-chat2 .app-shell .skills-page .skill-card:hover {
  border-color: var(--sky-border-strong);
  box-shadow: var(--sky-shadow-feature-card);
}

.skystudio-chat2 .app-shell .skills-page .skill-card--selectable {
  cursor: pointer;
  text-align: left;
}

.skystudio-chat2 .app-shell .skills-page .skill-card.is-selected {
  border-color: var(--sky-brand);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sky-brand) 18%, transparent);
}

.skystudio-chat2 .app-shell .skills-page .skill-card.disabled {
  opacity: 0.65;
}

.skystudio-chat2 .app-shell .skills-page .skill-card__hero {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 10px;
}

.skystudio-chat2 .app-shell .skills-page .skill-card-actions {
  display: flex;
  gap: 6px;
}

.skystudio-chat2 .app-shell .skills-page .skill-card-actions button {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-muted);
  background: var(--sky-surface);
  cursor: pointer;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease;
}

.skystudio-chat2 .app-shell .skills-page .skill-card-actions button:hover {
  border-color: var(--sky-border-strong);
  color: var(--sky-brand);
  background: var(--sky-hover);
}

.skystudio-chat2 .app-shell .skills-page .skill-category {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  color: var(--sky-brand-600);
  background: var(--sky-hover);
  font-size: var(--sky-t0);
  font-weight: var(--sky-weight-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.skystudio-chat2 .app-shell .skills-page .skill-category.tool {
  color: var(--sky-success-700);
  background: var(--sky-success-50);
}

.skystudio-chat2 .app-shell .skills-page .skill-category.user {
  color: var(--sky-brand-600);
  background: var(--sky-hover);
}

.skystudio-chat2 .app-shell .skills-page .skill-card h3 {
  margin: 0;
  color: var(--sky-ink);
  font-size: var(--sky-t3);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-leading-t3);
}

.skystudio-chat2 .app-shell .skills-page .skill-title-link {
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.skystudio-chat2 .app-shell .skills-page .skill-title-link:hover {
  color: var(--sky-brand);
}

.skystudio-chat2 .app-shell .skills-page .skill-card__desc {
  display: -webkit-box;
  margin: 8px 0 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--sky-muted);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-card code,
.skystudio-chat2 .app-shell .skills-page .skill-card__slash {
  display: inline-block;
  margin-top: 10px;
  padding: 2px 8px;
  border-radius: var(--sky-radius-md);
  color: var(--sky-text-control);
  background: var(--sky-soft-bg);
  font-family: var(--sky-font-mono);
  font-size: var(--sky-t1);
  line-height: var(--sky-type-caption-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-binding {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
  color: var(--sky-text-subtle);
  font-size: var(--sky-t1);
  line-height: var(--sky-type-caption-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-binding strong {
  color: var(--sky-text-control);
  font-weight: var(--sky-weight-semibold);
}

.skystudio-chat2 .app-shell .skills-page .skill-binding span.is-active {
  color: var(--sky-success-700);
  font-weight: var(--sky-weight-semibold);
}

.skystudio-chat2 .app-shell .skills-page .skill-detail-sheet {
  display: flex;
  flex-direction: column;
}

.skystudio-chat2 .app-shell .skills-page .skill-detail__header {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--sky-border-accent, #ebe9fe);
  background: linear-gradient(180deg, #fafaff 0%, var(--sky-surface) 100%);
}

.skystudio-chat2 .app-shell .skills-page .skill-detail__header-main {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 12px;
}

.skystudio-chat2 .app-shell .skills-page .skill-detail__header h2 {
  margin: 6px 0 0;
  color: var(--sky-ink);
  font-size: var(--sky-t2);
  font-weight: var(--sky-weight-bold);
  line-height: var(--sky-leading-t2);
}

.skystudio-chat2 .app-shell .skills-page .skill-detail__lead {
  margin: 6px 0 0;
  color: var(--sky-muted);
  font-size: var(--sky-t1);
  line-height: var(--sky-leading-t1);
}

.skystudio-chat2 .app-shell .skills-page .skill-detail__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 14px 20px 18px;
  scrollbar-width: thin;
}

.skystudio-chat2 .app-shell .skills-page .skill-detail__command {
  margin: 0 0 10px;
  color: var(--sky-muted);
  font-size: var(--sky-t0);
  line-height: var(--sky-leading-t0);
}

.skystudio-chat2 .app-shell .skills-page .skill-detail__binding {
  margin: 0 0 16px;
  padding: 10px 12px;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-lg);
  background: var(--sky-rail);
}

.skystudio-chat2 .app-shell .skills-page .skill-detail__block {
  margin-bottom: 18px;
}

.skystudio-chat2 .app-shell .skills-page .skill-detail__block h3 {
  margin: 0 0 8px;
  color: var(--sky-ink);
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-leading-t1);
}

.skystudio-chat2 .app-shell .skills-page .skill-detail__meta-line {
  margin: 0 0 10px;
  color: var(--sky-muted);
  font-size: var(--sky-t0);
  line-height: var(--sky-leading-t0);
}

.skystudio-chat2 .app-shell .skills-page .skill-instructions,
.skystudio-chat2 .app-shell .skills-page .skill-contract-grid,
.skystudio-chat2 .app-shell .skills-page .skill-intents,
.skystudio-chat2 .app-shell .skills-page .skill-package-details {
  margin-top: 10px;
  font-size: var(--sky-t1);
  line-height: var(--sky-type-caption-leading);
}

.skystudio-chat2 .app-shell .skills-page .empty-skill-card {
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-style: dashed;
  border-color: var(--sky-border-strong);
  color: var(--sky-muted);
  background: transparent;
  cursor: pointer;
  font-size: var(--sky-t2);
  font-weight: var(--sky-weight-semibold);
}

.skystudio-chat2 .app-shell .skills-page .empty-skill-card:hover {
  border-color: var(--sky-accent-indigo);
  color: var(--sky-brand);
  background: var(--sky-accent-light);
}

.skystudio-chat2 .app-shell .skills-page .evaluation-error {
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid var(--sky-error-50);
  border-radius: var(--sky-radius-xl);
  color: var(--sky-error-800);
  background: var(--sky-error-50);
  font-size: var(--sky-t2);
}

@media (max-width: 720px) {
  .skystudio-chat2 .app-shell .skills-page .skills-header {
    padding: 16px 20px;
  }

  .skystudio-chat2 .app-shell .skills-page .skills-content {
    width: calc(100% - 32px);
    padding-bottom: 48px;
  }
}

/* —— Skill editor / detail (portaled .sky-skill-sheet + in-page tokens) —— */
.skystudio-chat2 .app-shell .skills-page .skill-editor-sheet.skill-editor,
.skystudio-chat2 .app-shell .skills-page .sky-skill-sheet.skill-editor-sheet {
  display: flex;
  height: 100%;
  max-height: 100%;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: var(--sky-surface);
  box-shadow: none;
}

.skystudio-chat2 .app-shell .skills-page .skill-detail-sheet {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__sticky-head {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  border-bottom: 1px solid var(--sky-border);
  background: linear-gradient(
    180deg,
    var(--sky-surface-raised) 0%,
    var(--sky-surface) 100%
  );
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__body {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 24px 12px;
  border-bottom: 0;
  background: transparent;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__header-main {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__header-icon {
  display: flex;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--sky-radius-lg);
  color: var(--sky-brand);
  background: var(--sky-accent-soft);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__header h2 {
  margin: 0;
  color: var(--sky-ink);
  font-size: var(--sky-type-panel-title-size);
  font-weight: var(--sky-type-panel-title-weight);
  line-height: var(--sky-type-panel-title-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__tabs {
  display: flex;
  gap: 0;
  padding: 4px 20px 0;
  overflow-x: auto;
  scrollbar-width: none;
  background: var(--sky-surface);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__tab {
  flex-shrink: 0;
  margin-bottom: -1px;
  padding: 12px 16px;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--sky-muted);
  font-family: inherit;
  font-size: var(--sky-type-tab-size);
  font-weight: var(--sky-type-tab-weight);
  line-height: var(--sky-type-tab-leading);
  background: transparent;
  cursor: pointer;
  transition:
    color 0.15s ease,
    border-color 0.15s ease;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__tab.is-active {
  border-bottom-color: var(--sky-brand-600);
  color: var(--sky-brand-600);
  font-weight: var(--sky-type-tab-active-weight);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__tab:hover:not(:disabled):not(.is-active) {
  color: var(--sky-ink);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__panel {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__tab-panel {
  padding: 20px 24px 28px;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor-sheet.skill-editor .skill-document-editor {
  gap: 22px;
  padding: 0;
  margin: 0;
  border: 0;
}

.skystudio-chat2 .skill-editor-sheet--integration .skill-editor__tab-panel {
  padding: 0;
  margin: 0;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__status,
.skystudio-chat2 .app-shell .skills-page .skill-editor__error {
  margin: 12px 22px 0;
  color: var(--sky-muted);
  font-size: var(--sky-t1);
  line-height: var(--sky-type-caption-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__close {
  display: flex;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--sky-radius-lg);
  color: var(--sky-muted);
  background: transparent;
  cursor: pointer;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__close:hover:not(:disabled) {
  color: var(--sky-brand);
  background: var(--sky-hover);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__intro {
  margin: 8px 0 0;
  max-width: 36rem;
  color: var(--sky-muted);
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-regular);
  line-height: 1.55;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__field-hint,
.skystudio-chat2 .sky-skill-sheet.skill-editor-sheet .skill-editor__field-hint {
  display: block;
  margin-top: 6px;
  color: var(--sky-muted);
  font-size: var(--sky-t0);
  font-weight: var(--sky-weight-regular);
  line-height: var(--sky-type-caption-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__slash {
  padding: 1px 6px;
  border-radius: var(--sky-radius-sm);
  color: var(--sky-brand);
  font-family: var(--sky-font-mono, ui-monospace, monospace);
  font-size: var(--sky-t0);
  background: var(--sky-accent-soft);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__label-row-head,
.skystudio-chat2 .sky-skill-sheet.skill-editor-sheet .skill-editor__label-row-head {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__label-aside,
.skystudio-chat2 .sky-skill-sheet.skill-editor-sheet .skill-editor__label-aside {
  max-width: none;
  color: var(--sky-muted);
  font-size: var(--sky-t0);
  font-weight: var(--sky-weight-regular);
  line-height: 1.45;
  text-align: left;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__invocation {
  display: grid;
  gap: 12px;
  margin-top: 8px;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__invocation-label {
  color: var(--sky-ink);
  font-size: var(--sky-type-form-label-size);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-type-form-label-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__invocation-cards {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__invocation-card {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border: 1.5px solid var(--sky-border-strong);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-ink);
  text-align: left;
  font-family: inherit;
  background: var(--sky-surface);
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    box-shadow 0.15s ease;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__invocation-card strong {
  font-size: var(--sky-type-form-label-size);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-type-form-label-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__invocation-card small {
  color: var(--sky-muted);
  font-size: var(--sky-type-entity-meta-size);
  font-weight: var(--sky-weight-regular);
  line-height: var(--sky-type-entity-meta-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__invocation-card.is-selected {
  border-color: var(--sky-brand);
  background: var(--sky-accent-soft);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sky-brand) 12%, transparent);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__meta-line {
  display: block;
  margin-top: 6px;
  color: var(--sky-muted);
  font-size: var(--sky-t0);
  line-height: var(--sky-type-caption-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-document-editor {
  margin: 0;
  padding: 0;
  border: 0;
}

.skystudio-chat2 .app-shell .skills-page .skill-document-editor label,
.skystudio-chat2 .sky-skill-sheet.skill-editor-sheet .skill-document-editor label {
  display: grid;
  gap: 8px;
  margin-bottom: 0;
  color: var(--sky-ink);
  font-size: var(--sky-type-form-label-size);
  font-weight: var(--sky-type-form-label-weight);
  line-height: var(--sky-type-form-label-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-document-editor label.skill-editor__label-row,
.skystudio-chat2 .sky-skill-sheet.skill-editor-sheet .skill-document-editor label.skill-editor__label-row {
  gap: 10px;
}

.skystudio-chat2 .app-shell .skills-page .skill-document-editor input,
.skystudio-chat2 .app-shell .skills-page .skill-document-editor select,
.skystudio-chat2 .app-shell .skills-page .skill-document-editor textarea,
.skystudio-chat2 .app-shell .skills-page .skill-editor-grid input,
.skystudio-chat2 .app-shell .skills-page .skill-editor-grid select,
.skystudio-chat2 .app-shell .skills-page .skill-editor-grid textarea,
.skystudio-chat2 .app-shell .skills-page .skill-editor-files textarea {
  border: 1.5px solid var(--sky-border-strong);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-ink);
  background: var(--sky-surface);
  font-family: inherit;
  font-size: var(--sky-type-form-input-size);
  font-weight: var(--sky-type-form-input-weight);
  line-height: var(--sky-type-form-input-leading);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor-sheet .skill-document-editor input,
.skystudio-chat2 .app-shell .skills-page .skill-editor-sheet .skill-document-editor textarea,
.skystudio-chat2 .app-shell .skills-page .skill-editor-sheet .skill-document-editor select {
  padding: 11px 14px;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor-sheet .skill-document-editor textarea {
  min-height: 5.5rem;
  line-height: 1.55;
}

.skystudio-chat2 .app-shell .skills-page .skill-document-editor input:focus,
.skystudio-chat2 .app-shell .skills-page .skill-document-editor select:focus,
.skystudio-chat2 .app-shell .skills-page .skill-document-editor textarea:focus,
.skystudio-chat2 .app-shell .skills-page .skill-editor-grid input:focus,
.skystudio-chat2 .app-shell .skills-page .skill-editor-grid select:focus,
.skystudio-chat2 .app-shell .skills-page .skill-editor-grid textarea:focus {
  border-color: var(--sky-accent-indigo);
  box-shadow: 0 0 0 3px var(--sky-accent-soft);
  outline: none;
}

.skystudio-chat2 .app-shell .skills-page .skill-markdown-input {
  min-height: 280px;
  font-family: var(--sky-font-mono);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
}

.skystudio-chat2 .app-shell .skills-page .skill-document-editor small {
  color: var(--sky-text-subtle);
  font-size: var(--sky-t1);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__advanced {
  margin: 8px 0 20px;
  padding: 0;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-xl);
  background: var(--sky-surface);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__advanced > summary {
  padding: 12px 14px;
  color: var(--sky-brand-600);
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-semibold);
  cursor: pointer;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__advanced[open] > summary {
  border-bottom: 1px solid var(--sky-border);
}

.skystudio-chat2 .app-shell .skills-page .skill-authoring {
  padding: 14px;
  border-bottom: 1px solid var(--sky-border);
}

.skystudio-chat2 .app-shell .skills-page .skill-authoring h3 {
  margin: 0 0 6px;
  color: var(--sky-ink);
  font-size: var(--sky-t3);
  font-weight: var(--sky-weight-semibold);
}

.skystudio-chat2 .app-shell .skills-page .skill-authoring p {
  margin: 0 0 8px;
  color: var(--sky-muted);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor-grid label.full,
.skystudio-chat2 .app-shell .skills-page .skill-editor-grid .skill-enabled {
  grid-column: 1 / -1;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__files {
  margin: 0 22px 24px;
  padding-top: 18px;
  border-top: 1px solid var(--sky-border);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__files-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__files h3,
.skystudio-chat2 .app-shell .skills-page .skill-authoring h3 {
  margin: 0;
  color: var(--sky-ink);
  font-size: var(--sky-t3);
  font-weight: var(--sky-weight-semibold);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__files-header p {
  margin: 4px 0 0;
  max-width: 42ch;
  color: var(--sky-muted);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__upload-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid var(--sky-border-strong);
  border-radius: var(--sky-radius-compact);
  color: var(--sky-ink);
  background: var(--sky-surface);
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-semibold);
  cursor: pointer;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__upload-btn input {
  display: none;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__package {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__tool-field {
  min-width: 0;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-xl);
  background: var(--sky-surface);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__tool-field legend {
  padding: 0 4px;
  color: var(--sky-ink);
  font-size: var(--sky-t2);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-type-body-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__tool-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 8px;
  max-height: min(220px, 32vh);
  margin-top: 10px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__tool-list label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 7px 10px;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-compact);
  color: var(--sky-text-control);
  background: var(--sky-surface);
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-medium);
  line-height: var(--sky-type-caption-leading);
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__tool-list label:has(input:checked) {
  border-color: var(--sky-brand-600);
  background: var(--sky-accent-soft);
  color: var(--sky-ink);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__tool-list input {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin: 0;
  accent-color: var(--sky-brand);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__runtime-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-xl);
  background: var(--sky-surface);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__runtime-stack label {
  display: grid;
  gap: 6px;
  margin: 0;
  color: var(--sky-ink);
  font-size: var(--sky-t2);
  font-weight: var(--sky-weight-semibold);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__permissions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__permissions label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid var(--sky-border);
  border-radius: 999px;
  color: var(--sky-text-control);
  background: var(--sky-surface);
  font-size: var(--sky-t1);
  font-weight: var(--sky-weight-medium);
  cursor: pointer;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__permissions label:has(input:checked) {
  border-color: var(--sky-warning-700);
  background: var(--sky-warning-50);
  color: var(--sky-warning-700);
}

.skystudio-chat2 .app-shell .skills-page .skill-locked-files,
.skystudio-chat2 .app-shell .skills-page .skill-files-empty {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px dashed var(--sky-border-strong);
  border-radius: var(--sky-radius-lg);
  color: var(--sky-muted);
  background: var(--sky-accent-light);
  font-size: var(--sky-t2);
  line-height: var(--sky-type-body-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor-files {
  padding: 0 14px 14px;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor-files article {
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-lg);
  background: var(--sky-surface);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor-files article > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--sky-border);
  background: var(--sky-rail);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor-sheet footer.skill-editor__footer,
.skystudio-chat2 .app-shell .skills-page .sky-skill-sheet footer.skill-editor__footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid var(--sky-border);
  background: var(--sky-surface);
  box-shadow: none;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__footer {
  position: relative;
  z-index: 3;
  flex-shrink: 0;
  margin: 0;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__footer-hint {
  margin: 0;
  flex: 1;
  min-width: 0;
  color: var(--sky-muted);
  font-size: var(--sky-type-micro-size);
  font-weight: var(--sky-type-micro-weight);
  line-height: var(--sky-type-micro-leading);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__footer-actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__footer .skill-editor__btn--primary:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid var(--sky-border-strong);
  border-radius: var(--sky-radius-compact);
  font-family: inherit;
  font-size: var(--sky-type-button-compact-size);
  font-weight: var(--sky-type-button-compact-weight);
  line-height: var(--sky-type-button-compact-leading);
  cursor: pointer;
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__btn--ghost {
  color: var(--sky-ink);
  background: var(--sky-surface);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__btn--ghost:hover:not(:disabled) {
  background: var(--sky-soft-bg);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__footer .skill-editor__btn--primary {
  border-color: var(--sky-brand);
  color: var(--sky-surface);
  background: var(--sky-brand);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__footer .skill-editor__btn--primary:hover:not(:disabled) {
  border-color: var(--sky-brand-950);
  background: var(--sky-brand-950);
}

.skystudio-chat2 .app-shell .skills-page .skill-editor__footer .skill-editor__btn--ghost {
  color: var(--sky-ink);
  background: var(--sky-surface);
}

@media (min-width: 960px) {
  .skystudio-chat2.chat2-menu-portal-host .sky-skill-sheet.skill-editor-sheet
    .skill-editor__invocation-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .skystudio-chat2 .app-shell .skills-page .skill-editor__package,
  .skystudio-chat2 .app-shell .skills-page .skill-editor-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .skystudio-chat2 .app-shell .skills-page .skill-editor-sheet.skill-editor {
    width: 100vw;
    border-radius: 0;
  }

}
/**
 * Skill detail panel — Sky token typography scale + semantic weights.
 * PostCSS prefix: `.skystudio-chat2 .skill-detail-*`
 */

.skystudio-chat2 .skill-detail-sheet {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  color: var(--sky-ink);
  font-family: var(--sky-font-family);
  font-size: var(--sky-type-body-size);
  font-weight: var(--sky-weight-regular);
  line-height: var(--sky-type-body-leading);
}

.skystudio-chat2 .skill-detail-sheet h2,
.skystudio-chat2 .skill-detail-sheet h3,
.skystudio-chat2 .skill-detail-sheet p,
.skystudio-chat2 .skill-detail-sheet button,
.skystudio-chat2 .skill-detail-sheet a {
  font-family: inherit;
}

.skystudio-chat2 .skill-detail-top {
  flex-shrink: 0;
  padding: 20px 22px 16px;
  border-bottom: 1px solid var(--sky-border);
  background: linear-gradient(
    180deg,
    var(--sky-surface-raised) 0%,
    var(--sky-surface) 100%
  );
}

.skystudio-chat2 .skill-detail-top__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.skystudio-chat2 .skill-detail-top__main {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: flex-start;
  gap: 12px;
}

.skystudio-chat2 .skill-detail-top__icon {
  display: flex;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--sky-radius-card);
  color: var(--sky-accent-indigo);
  background: var(--sky-accent-soft);
}

.skystudio-chat2 .skill-detail-top h2 {
  margin: 0;
  color: var(--sky-ink);
  font-size: var(--sky-type-panel-title-size);
  font-weight: var(--sky-type-panel-title-weight);
  line-height: var(--sky-type-panel-title-leading);
}

.skystudio-chat2 .skill-detail-top__meta {
  margin: 6px 0 0;
  color: var(--sky-muted);
  font-size: var(--sky-type-entity-meta-size);
  font-weight: var(--sky-type-entity-meta-weight);
  line-height: var(--sky-type-entity-meta-leading);
}

.skystudio-chat2 .skill-detail-top__meta code {
  padding: 1px 6px;
  border-radius: var(--sky-radius-md);
  color: var(--sky-brand-600);
  font-family: var(--sky-font-mono);
  font-size: var(--sky-type-micro-size);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-type-micro-leading);
  background: var(--sky-accent-soft);
}

.skystudio-chat2 .skill-detail-close {
  display: flex;
  width: var(--sky-control-height);
  height: var(--sky-control-height);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--sky-border-strong);
  border-radius: var(--sky-radius-avatar);
  color: var(--sky-muted);
  font-weight: var(--sky-weight-regular);
  background: var(--sky-surface);
  cursor: pointer;
}

.skystudio-chat2 .skill-detail-close:hover {
  color: var(--sky-ink);
  background: var(--sky-soft-bg);
}

.skystudio-chat2 .skill-detail-visibility-wrap {
  margin-top: 16px;
}

.skystudio-chat2 .skill-detail-visibility-wrap .skill-detail-section__label {
  margin-bottom: 8px;
  letter-spacing: normal;
  text-transform: none;
}

.skystudio-chat2 .skill-detail-visibility {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--sky-border-accent);
  border-radius: var(--sky-radius-card);
  background: var(--sky-accent-light);
}

.skystudio-chat2 .skill-detail-visibility strong {
  display: block;
  color: var(--sky-ink);
  font-size: var(--sky-type-form-label-size);
  font-weight: var(--sky-weight-semibold);
  line-height: var(--sky-type-form-label-leading);
}

.skystudio-chat2 .skill-detail-visibility p {
  margin: 4px 0 0;
  color: var(--sky-muted);
  font-size: var(--sky-type-entity-meta-size);
  font-weight: var(--sky-weight-regular);
  line-height: var(--sky-type-entity-meta-leading);
}

.skystudio-chat2 .skill-detail-visibility__btn {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 8px 11px;
  border: 1px solid var(--sky-border-strong);
  border-radius: var(--sky-radius-compact);
  color: var(--sky-ink);
  font-size: var(--sky-type-button-compact-size);
  font-weight: var(--sky-type-button-compact-weight);
  line-height: var(--sky-type-button-compact-leading);
  background: var(--sky-surface);
  cursor: pointer;
}

.skystudio-chat2 .skill-detail-visibility__btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.skystudio-chat2 .skill-detail-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 18px 22px 24px;
  scrollbar-width: thin;
  scrollbar-color: var(--sky-surface-disabled) transparent;
}

.skystudio-chat2 .skill-detail-section {
  margin-bottom: 20px;
}

.skystudio-chat2 .skill-detail-section__label {
  margin: 0 0 10px;
  color: var(--sky-text-subtle);
  font-size: var(--sky-type-section-eyebrow-size);
  font-weight: var(--sky-type-section-eyebrow-weight);
  letter-spacing: var(--sky-tracking-default);
  line-height: var(--sky-type-section-eyebrow-leading);
  text-transform: none;
}

.skystudio-chat2 .skill-detail-section__text {
  margin: 0;
  color: var(--sky-text-body);
  font-size: var(--sky-type-body-size);
  font-weight: var(--sky-weight-regular);
  line-height: var(--sky-type-body-leading);
}

.skystudio-chat2 .skill-detail-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.skystudio-chat2 .skill-detail-stat {
  min-width: 0;
  padding: 12px 11px;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-xl);
  background: var(--sky-surface);
  box-shadow: var(--sky-shadow-sm);
}

.skystudio-chat2 .skill-detail-stat span {
  display: block;
  color: var(--sky-muted);
  font-size: var(--sky-type-stat-label-size);
  font-weight: var(--sky-type-stat-label-weight);
  line-height: var(--sky-type-stat-label-leading);
}

.skystudio-chat2 .skill-detail-stat strong {
  display: block;
  margin-top: 6px;
  overflow: hidden;
  color: var(--sky-ink);
  font-size: var(--sky-type-stat-value-size);
  font-weight: var(--sky-type-stat-value-weight);
  line-height: var(--sky-type-stat-value-leading);
  text-overflow: ellipsis;
}

.skystudio-chat2 .skill-detail-slash {
  display: inline-block;
  margin-bottom: 8px;
  padding: 8px 12px;
  border-radius: var(--sky-radius-avatar);
  color: var(--sky-brand-600);
  font-family: var(--sky-font-mono);
  font-size: var(--sky-type-form-label-size);
  font-weight: var(--sky-weight-medium);
  line-height: var(--sky-type-form-label-leading);
  background: var(--sky-accent-soft);
}

.skystudio-chat2 .skill-detail-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.skystudio-chat2 .skill-detail-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  border: 1px solid var(--sky-border);
  border-radius: 999px;
  color: var(--sky-text-control);
  font-size: var(--sky-type-entity-meta-size);
  font-weight: var(--sky-type-entity-meta-weight);
  line-height: var(--sky-type-entity-meta-leading);
  background: var(--sky-surface);
}

.skystudio-chat2 .skill-detail-files {
  overflow: hidden;
  border: 1px solid var(--sky-border);
  border-radius: var(--sky-radius-xl);
  background: var(--sky-rail);
}

.skystudio-chat2 .skill-detail-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 14px;
  border-bottom: 1px solid var(--sky-border);
  color: var(--sky-ink);
  font-size: var(--sky-type-body-size);
  font-weight: var(--sky-weight-regular);
  line-height: var(--sky-type-body-leading);
  text-decoration: none;
}

.skystudio-chat2 .skill-detail-file:last-child {
  border-bottom: 0;
}

.skystudio-chat2 .skill-detail-file:hover {
  background: var(--sky-hover);
}

.skystudio-chat2 .skill-detail-file__path {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}

.skystudio-chat2 .skill-detail-file__path span {
  overflow: hidden;
  font-weight: var(--sky-weight-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.skystudio-chat2 .skill-detail-file small {
  flex-shrink: 0;
  color: var(--sky-muted);
  font-size: var(--sky-type-entity-meta-size);
  font-weight: var(--sky-weight-regular);
  line-height: var(--sky-type-entity-meta-leading);
}

.skystudio-chat2 .skill-detail-foot {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 22px;
  border-top: 1px solid var(--sky-border);
  background: var(--sky-surface);
}

.skystudio-chat2 .skill-detail-foot__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

.skystudio-chat2 .skill-detail-foot__danger,
.skystudio-chat2 .skill-detail-foot__outline,
.skystudio-chat2 .skill-detail-foot__primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--sky-action-size);
  padding: 0 14px;
  border-radius: var(--sky-radius-compact);
  font-size: var(--sky-type-button-compact-size);
  font-weight: var(--sky-type-button-compact-weight);
  line-height: var(--sky-type-button-compact-leading);
  cursor: pointer;
}

.skystudio-chat2 .skill-detail-foot__danger {
  border: 1px solid var(--sky-error-200);
  color: var(--sky-error-700);
  background: var(--sky-surface);
}

.skystudio-chat2 .skill-detail-foot__outline {
  border: 1px solid var(--sky-border-strong);
  color: var(--sky-ink);
  background: var(--sky-surface);
}

.skystudio-chat2 .skill-detail-foot__primary {
  border: 1px solid var(--sky-brand);
  color: var(--sky-surface);
  font-weight: var(--sky-weight-semibold);
  background: var(--sky-brand);
}

.skystudio-chat2 .skill-detail-foot__primary:hover:not(:disabled) {
  border-color: var(--sky-brand-950);
  background: var(--sky-brand-950);
}

@media (max-width: 520px) {
  .skystudio-chat2 .skill-detail-stats {
    grid-template-columns: 1fr;
  }

  .skystudio-chat2 .skill-detail-visibility {
    flex-direction: column;
    align-items: stretch;
  }
}
/**
 * Portaled skill detail/editor — matches FrontEnd redesign right sheet
 * (Sheet side=right + redesignFormSkyBuilderSheetContent / credentials header).
 * Selectors start with .skystudio-chat2 so embed PostCSS does not double-prefix.
 */

.skystudio-chat2.chat2-menu-portal-host .skills-sheet-portal {
  position: fixed;
  inset: 0;
  z-index: 100;
  overflow: visible;
  pointer-events: none;
  background: transparent !important;
}

.skystudio-chat2.chat2-menu-portal-host .sky-skill-sheet-layer {
  position: fixed;
  inset: 0;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  pointer-events: auto;
}

.skystudio-chat2.chat2-menu-portal-host .sky-skill-sheet-scrim {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgb(20 17 60 / 36%);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  cursor: default;
}

/* In-portal modals — above sheet (z-index 3), below nothing on body */
.skystudio-chat2.chat2-menu-portal-host .chat2-skill-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
  background: rgb(20 17 60 / 40%);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.skystudio-chat2.chat2-menu-portal-host .chat2-skill-modal-backdrop > div {
  pointer-events: auto;
}

/* Leave/delete confirms in sheet overlay (not in footer) */
.skystudio-chat2.chat2-menu-portal-host
  .chat2-skill-modal-backdrop
  .skill-editor-footer-primary {
  border: 0;
  color: #fff !important;
  background-color: #201768 !important;
}

.skystudio-chat2.chat2-menu-portal-host
  .chat2-skill-modal-backdrop
  .skill-editor-footer-primary:hover:not(:disabled) {
  background-color: #140b60 !important;
}

.skystudio-chat2.chat2-menu-portal-host
  .chat2-skill-modal-backdrop
  .skill-editor-footer-primary:disabled {
  cursor: not-allowed;
  opacity: 1 !important;
  color: #9994ac !important;
  background-color: #ece9f4 !important;
}

.skystudio-chat2.chat2-menu-portal-host .sky-skill-sheet {
  position: relative;
  z-index: 3;
  display: flex;
  width: min(100vw, 520px);
  height: 100dvh;
  max-height: 100dvh;
  flex-direction: column;
  overflow: hidden;
  border: 0;
  border-left: 1px solid var(--sky-border, #ece9f4);
  border-radius: 0;
  background: var(--sky-surface, #fff);
  box-shadow: -12px 0 32px -8px rgb(20 17 60 / 16%);
  animation: chat2-sky-skill-sheet-in 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes chat2-sky-skill-sheet-in {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .skystudio-chat2.chat2-menu-portal-host .sky-skill-sheet {
    animation: none;
  }
}

@media (max-width: 600px) {
  .skystudio-chat2.chat2-menu-portal-host .sky-skill-sheet {
    width: 100vw;
  }
}

/* Footer CTAs: chat2 `button { color: inherit }` overrides Tailwind text-white */
.skystudio-chat2.chat2-menu-portal-host
  .sky-skill-sheet.skill-editor-sheet--integration
  footer
  .skill-editor-footer-outline {
  color: #414651 !important;
  background-color: #fff !important;
}

.skystudio-chat2.chat2-menu-portal-host
  .sky-skill-sheet.skill-editor-sheet--integration
  footer
  .skill-editor-footer-primary {
  border: 0;
  color: #fff !important;
  background-color: #201768 !important;
}

.skystudio-chat2.chat2-menu-portal-host
  .sky-skill-sheet.skill-editor-sheet--integration
  footer
  .skill-editor-footer-primary
  svg {
  color: #fff;
}

.skystudio-chat2.chat2-menu-portal-host
  .sky-skill-sheet.skill-editor-sheet--integration
  footer
  .skill-editor-footer-primary:hover:not(:disabled) {
  background-color: #140b60 !important;
}

.skystudio-chat2.chat2-menu-portal-host
  .sky-skill-sheet.skill-editor-sheet--integration
  footer
  .skill-editor-footer-primary:disabled {
  cursor: not-allowed;
  opacity: 1 !important;
  color: #9994ac !important;
  background-color: #ece9f4 !important;
}

.skystudio-chat2.chat2-menu-portal-host
  .sky-skill-sheet.skill-editor-sheet--integration
  footer
  .skill-editor-footer-primary:disabled
  svg {
  color: #9994ac;
}