/*
! tailwindcss v3.3.3 | 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.
*/

html {
  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: IBM Plex Sans Arabic, Ping AR LT, Tajawal, Outfit, Helvetica, Arial, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
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. 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-size: 1em; /* 2 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

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

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

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

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

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
    :root {
        --primary: 164 90% 15%;
    }

*, ::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:  ;
}

::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:  ;
}
.\!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;
  }
}
.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-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-16 {
  bottom: -4rem;
}
.-left-10 {
  left: -2.5rem;
}
.-left-4 {
  left: -1rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-10 {
  right: -2.5rem;
}
.-right-4 {
  right: -1rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-20 {
  top: -5rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-4 {
  top: -1rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-\[10\%\] {
  bottom: 10%;
}
.bottom-full {
  bottom: 100%;
}
.end-0 {
  inset-inline-end: 0px;
}
.end-1 {
  inset-inline-end: 0.25rem;
}
.end-2 {
  inset-inline-end: 0.5rem;
}
.end-32 {
  inset-inline-end: 8rem;
}
.end-4 {
  inset-inline-end: 1rem;
}
.end-6 {
  inset-inline-end: 1.5rem;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-\[100px\] {
  left: 100px;
}
.left-\[190px\] {
  left: 190px;
}
.left-\[21\%\] {
  left: 21%;
}
.left-\[8\%\] {
  left: 8%;
}
.right-0 {
  right: 0px;
}
.right-\[22\%\] {
  right: 22%;
}
.right-\[230px\] {
  right: 230px;
}
.right-\[8\%\] {
  right: 8%;
}
.right-\[90px\] {
  right: 90px;
}
.start-0 {
  inset-inline-start: 0px;
}
.start-1 {
  inset-inline-start: 0.25rem;
}
.start-16 {
  inset-inline-start: 4rem;
}
.start-2 {
  inset-inline-start: 0.5rem;
}
.start-24 {
  inset-inline-start: 6rem;
}
.start-3 {
  inset-inline-start: 0.75rem;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-14 {
  top: 3.5rem;
}
.top-24 {
  top: 6rem;
}
.top-4 {
  top: 1rem;
}
.top-8 {
  top: 2rem;
}
.top-\[130px\] {
  top: 130px;
}
.top-\[220px\] {
  top: 220px;
}
.top-\[230px\] {
  top: 230px;
}
.top-\[233px\] {
  top: 233px;
}
.top-\[330px\] {
  top: 330px;
}
.top-\[35\%\] {
  top: 35%;
}
.top-\[360px\] {
  top: 360px;
}
.top-\[420px\] {
  top: 420px;
}
.top-\[460px\] {
  top: 460px;
}
.top-\[480px\] {
  top: 480px;
}
.top-\[500px\] {
  top: 500px;
}
.top-\[510px\] {
  top: 510px;
}
.top-\[570px\] {
  top: 570px;
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[120\] {
  z-index: 120;
}
.z-\[14\] {
  z-index: 14;
}
.z-\[16\] {
  z-index: 16;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2200\] {
  z-index: 2200;
}
.z-\[2400\] {
  z-index: 2400;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[8\] {
  z-index: 8;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-3 {
  grid-column-start: 3;
}
.m-3 {
  margin: 0.75rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-\[2px\] {
  margin-left: 2px;
  margin-right: 2px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-\[0\.1em\] {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
.\!mt-0 {
  margin-top: 0px !important;
}
.-ms-1 {
  margin-inline-start: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mb-2 {
  margin-bottom: -0.5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.me-10 {
  margin-inline-end: 2.5rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.me-3 {
  margin-inline-end: 0.75rem;
}
.me-4 {
  margin-inline-end: 1rem;
}
.me-auto {
  margin-inline-end: auto;
}
.ms-1 {
  margin-inline-start: 0.25rem;
}
.ms-2 {
  margin-inline-start: 0.5rem;
}
.ms-3 {
  margin-inline-start: 0.75rem;
}
.ms-4 {
  margin-inline-start: 1rem;
}
.ms-7 {
  margin-inline-start: 1.75rem;
}
.ms-8 {
  margin-inline-start: 2rem;
}
.ms-auto {
  margin-inline-start: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-40 {
  margin-top: 10rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[18px\] {
  margin-top: 18px;
}
.mt-\[20\%\] {
  margin-top: 20%;
}
.mt-\[7em\] {
  margin-top: 7em;
}
.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;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[21\/6\] {
  aspect-ratio: 21/6;
}
.aspect-\[21\/9\] {
  aspect-ratio: 21/9;
}
.aspect-\[3\/1\] {
  aspect-ratio: 3/1;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[9\/18\.5\] {
  aspect-ratio: 9/18.5;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.\!h-3 {
  height: 0.75rem !important;
}
.\!h-3\.5 {
  height: 0.875rem !important;
}
.\!h-4 {
  height: 1rem !important;
}
.\!h-auto {
  height: auto !important;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-1\/2 {
  height: 50%;
}
.h-1\/3 {
  height: 33.333333%;
}
.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-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-36 {
  height: 9rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[0\.8px\] {
  height: 0.8px;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[110\.39px\] {
  height: 110.39px;
}
.h-\[120\.8px\] {
  height: 120.8px;
}
.h-\[121px\] {
  height: 121px;
}
.h-\[122px\] {
  height: 122px;
}
.h-\[13px\] {
  height: 13px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[225px\] {
  height: 225px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[274px\] {
  height: 274px;
}
.h-\[290px\] {
  height: 290px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[307px\] {
  height: 307px;
}
.h-\[31\.39px\] {
  height: 31.39px;
}
.h-\[334px\] {
  height: 334px;
}
.h-\[336px\] {
  height: 336px;
}
.h-\[408px\] {
  height: 408px;
}
.h-\[420px\] {
  height: 420px;
}
.h-\[43px\] {
  height: 43px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[50\.39px\] {
  height: 50.39px;
}
.h-\[520px\] {
  height: 520px;
}
.h-\[54px\] {
  height: 54px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[5px\] {
  height: 5px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[63px\] {
  height: 63px;
}
.h-\[69\.59px\] {
  height: 69.59px;
}
.h-\[6px\] {
  height: 6px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[79\.19px\] {
  height: 79.19px;
}
.h-\[7px\] {
  height: 7px;
}
.h-\[88\.8px\] {
  height: 88.8px;
}
.h-\[8em\] {
  height: 8em;
}
.h-\[calc\(100\%-61px\)\] {
  height: calc(100% - 61px);
}
.h-\[fit-content\] {
  height: -moz-fit-content;
  height: fit-content;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-0 {
  max-height: 0px;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-72 {
  max-height: 18rem;
}
.max-h-\[1000px\] {
  max-height: 1000px;
}
.max-h-\[350px\] {
  max-height: 350px;
}
.max-h-\[360px\] {
  max-height: 360px;
}
.max-h-\[52svh\] {
  max-height: 52svh;
}
.max-h-\[68vh\] {
  max-height: 68vh;
}
.max-h-\[72px\] {
  max-height: 72px;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[min\(70vh\2c 38rem\)\] {
  max-height: min(70vh,38rem);
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[100svh\] {
  min-height: 100svh;
}
.min-h-\[116px\] {
  min-height: 116px;
}
.min-h-\[160px\] {
  min-height: 160px;
}
.min-h-\[18rem\] {
  min-height: 18rem;
}
.min-h-\[197px\] {
  min-height: 197px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[260px\] {
  min-height: 260px;
}
.min-h-\[2rem\] {
  min-height: 2rem;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[640px\] {
  min-height: 640px;
}
.min-h-\[72px\] {
  min-height: 72px;
}
.min-h-\[91px\] {
  min-height: 91px;
}
.min-h-\[92px\] {
  min-height: 92px;
}
.min-h-\[96px\] {
  min-height: 96px;
}
.min-h-\[calc\(100vh-5\.5rem\)\] {
  min-height: calc(100vh - 5.5rem);
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-3 {
  width: 0.75rem !important;
}
.\!w-3\.5 {
  width: 0.875rem !important;
}
.\!w-4 {
  width: 1rem !important;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.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\/5 {
  width: 40%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.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-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[10\%\] {
  width: 10%;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[1080px\] {
  width: 1080px;
}
.w-\[121px\] {
  width: 121px;
}
.w-\[122px\] {
  width: 122px;
}
.w-\[1280px\] {
  width: 1280px;
}
.w-\[13px\] {
  width: 13px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[152px\] {
  width: 152px;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[168px\] {
  width: 168px;
}
.w-\[16em\] {
  width: 16em;
}
.w-\[185px\] {
  width: 185px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[20em\] {
  width: 20em;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[221px\] {
  width: 221px;
}
.w-\[222px\] {
  width: 222px;
}
.w-\[236px\] {
  width: 236px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[246px\] {
  width: 246px;
}
.w-\[25\%\] {
  width: 25%;
}
.w-\[25em\] {
  width: 25em;
}
.w-\[263px\] {
  width: 263px;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[275px\] {
  width: 275px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[319px\] {
  width: 319px;
}
.w-\[32\.18px\] {
  width: 32.18px;
}
.w-\[32em\] {
  width: 32em;
}
.w-\[360px\] {
  width: 360px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[40\%\] {
  width: 40%;
}
.w-\[416px\] {
  width: 416px;
}
.w-\[420px\] {
  width: 420px;
}
.w-\[427px\] {
  width: 427px;
}
.w-\[428px\] {
  width: 428px;
}
.w-\[46px\] {
  width: 46px;
}
.w-\[520px\] {
  width: 520px;
}
.w-\[5px\] {
  width: 5px;
}
.w-\[600px\] {
  width: 600px;
}
.w-\[63px\] {
  width: 63px;
}
.w-\[6em\] {
  width: 6em;
}
.w-\[6px\] {
  width: 6px;
}
.w-\[7em\] {
  width: 7em;
}
.w-\[7px\] {
  width: 7px;
}
.w-\[848px\] {
  width: 848px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[fit-content\] {
  width: -moz-fit-content;
  width: fit-content;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[10em\] {
  min-width: 10em;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[20em\] {
  min-width: 20em;
}
.min-w-full {
  min-width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[1140px\] {
  max-width: 1140px;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[1280px\] {
  max-width: 1280px;
}
.max-w-\[128px\] {
  max-width: 128px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[1680px\] {
  max-width: 1680px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[236px\] {
  max-width: 236px;
}
.max-w-\[25em\] {
  max-width: 25em;
}
.max-w-\[26rem\] {
  max-width: 26rem;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[298px\] {
  max-width: 298px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[359px\] {
  max-width: 359px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[380px\] {
  max-width: 380px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-\[65\%\] {
  max-width: 65%;
}
.max-w-\[67rem\] {
  max-width: 67rem;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[74px\] {
  max-width: 74px;
}
.max-w-\[760px\] {
  max-width: 760px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[850px\] {
  max-width: 850px;
}
.max-w-\[85vw\] {
  max-width: 85vw;
}
.max-w-\[860px\] {
  max-width: 860px;
}
.max-w-\[90vw\] {
  max-width: 90vw;
}
.max-w-\[92\%\] {
  max-width: 92%;
}
.max-w-\[950px\] {
  max-width: 950px;
}
.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-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[39\.711\] {
  flex: 39.711;
}
.flex-\[39\.719\] {
  flex: 39.719;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-top {
  transform-origin: top;
}
.-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-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-0 {
  --tw-translate-y: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-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-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-6 {
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-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\.5 {
  --tw-translate-y: 0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2 {
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-4 {
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-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));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-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-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-\[1\.01\] {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-\[-1\] {
  --tw-scale-x: -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));
}
.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 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-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.scroll-mt-24 {
  scroll-margin-top: 6rem;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}
.grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[72px\] {
  gap: 72px;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-\[9px\] {
  gap: 9px;
}
.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-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-3\.5 {
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.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-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * 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-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-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-\[var\(--ui-border\)\] > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--ui-border);
}
.divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity));
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-stretch {
  align-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.\!rounded-lg {
  border-radius: 0.5rem !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-\[0\.5rem\] {
  border-radius: 0.5rem;
}
.rounded-\[0\.85rem\] {
  border-radius: 0.85rem;
}
.rounded-\[0\.95rem\] {
  border-radius: 0.95rem;
}
.rounded-\[0\.9rem\] {
  border-radius: 0.9rem;
}
.rounded-\[1\.1rem\] {
  border-radius: 1.1rem;
}
.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[15px\] {
  border-radius: 15px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[18px\] {
  border-radius: 18px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[22px\] {
  border-radius: 22px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[26px\] {
  border-radius: 26px;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-\[34px\] {
  border-radius: 34px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-\[2px\] {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-\[18px\] {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
.rounded-t-\[4px\] {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-t-\[6px\] {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.rounded-bl-\[0\.5rem\] {
  border-bottom-left-radius: 0.5rem;
}
.rounded-bl-\[2px\] {
  border-bottom-left-radius: 2px;
}
.rounded-bl-\[4px\] {
  border-bottom-left-radius: 4px;
}
.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
}
.rounded-br-\[0\.5rem\] {
  border-bottom-right-radius: 0.5rem;
}
.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}
.rounded-ee-sm {
  border-end-end-radius: 0.125rem;
}
.rounded-ss-sm {
  border-start-start-radius: 0.125rem;
}
.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}
.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}
.rounded-tl-none {
  border-top-left-radius: 0px;
}
.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}
.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}
.rounded-tr-none {
  border-top-right-radius: 0px;
}
.\!border {
  border-width: 1px !important;
}
.\!border-2 {
  border-width: 2px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-\[0\.7px\] {
  border-width: 0.7px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-\[8px\] {
  border-width: 8px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-r-\[3px\] {
  border-right-width: 3px;
}
.border-s {
  border-inline-start-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-\[0\.5px\] {
  border-top-width: 0.5px;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.\!border-\[var\(--ui-border\)\] {
  border-color: var(--ui-border) !important;
}
.\!border-\[var\(--ui-surface\)\] {
  border-color: var(--ui-surface) !important;
}
.\!border-red-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 68 68 / var(--tw-border-opacity)) !important;
}
.\!border-transparent {
  border-color: transparent !important;
}
.\!border-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.border-\[\#1a2332\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 35 50 / var(--tw-border-opacity));
}
.border-\[\#1e2a3a\] {
  --tw-border-opacity: 1;
  border-color: rgb(30 42 58 / var(--tw-border-opacity));
}
.border-\[\#25D366\] {
  --tw-border-opacity: 1;
  border-color: rgb(37 211 102 / var(--tw-border-opacity));
}
.border-\[\#25d366\] {
  --tw-border-opacity: 1;
  border-color: rgb(37 211 102 / var(--tw-border-opacity));
}
.border-\[\#2bd46a\] {
  --tw-border-opacity: 1;
  border-color: rgb(43 212 106 / var(--tw-border-opacity));
}
.border-\[\#5a6b7e\] {
  --tw-border-opacity: 1;
  border-color: rgb(90 107 126 / var(--tw-border-opacity));
}
.border-\[\#cfd8e3\] {
  --tw-border-opacity: 1;
  border-color: rgb(207 216 227 / var(--tw-border-opacity));
}
.border-\[\#dbe4e0\] {
  --tw-border-opacity: 1;
  border-color: rgb(219 228 224 / var(--tw-border-opacity));
}
.border-\[\#e4ece7\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 236 231 / var(--tw-border-opacity));
}
.border-\[\#f0c419\] {
  --tw-border-opacity: 1;
  border-color: rgb(240 196 25 / var(--tw-border-opacity));
}
.border-\[color-mix\(in_srgb\2c var\(--flow-tone-action\)_30\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--flow-tone-action) 30%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--flow-tone-action\)_35\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--flow-tone-action) 35%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--flow-tone-branch\)_30\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--flow-tone-branch) 30%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--flow-tone-branch\)_35\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--flow-tone-branch) 35%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--flow-tone-handoff\)_30\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--flow-tone-handoff) 30%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--flow-tone-handoff\)_35\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--flow-tone-handoff) 35%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--flow-tone-message\)_30\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--flow-tone-message) 30%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--flow-tone-message\)_35\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--flow-tone-message) 35%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--flow-tone-trigger\)_30\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--flow-tone-trigger) 30%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--flow-tone-trigger\)_35\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--flow-tone-trigger) 35%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--ui-border\)_80\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--ui-border) 80%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--ui-border\)_90\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--ui-border) 90%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--ui-danger\)_35\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--ui-danger) 35%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--ui-danger\)_45\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--ui-danger) 45%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--ui-secondary\)_35\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--ui-secondary) 35%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--ui-secondary\)_45\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--ui-secondary) 45%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--ui-secondary\)_55\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--ui-secondary) 55%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--ui-secondary\)_70\%\2c black\)\] {
  border-color: color-mix(in srgb,var(--ui-secondary) 70%,black);
}
.border-\[color-mix\(in_srgb\2c var\(--ui-success\)_35\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--ui-success) 35%,var(--ui-border));
}
.border-\[color-mix\(in_srgb\2c var\(--ui-warning\)_35\%\2c var\(--ui-border\)\)\] {
  border-color: color-mix(in srgb,var(--ui-warning) 35%,var(--ui-border));
}
.border-\[var\(--accent\)\] {
  border-color: var(--accent);
}
.border-\[var\(--line\)\] {
  border-color: var(--line);
}
.border-\[var\(--ui-border\)\] {
  border-color: var(--ui-border);
}
.border-\[var\(--ui-border-strong\)\] {
  border-color: var(--ui-border-strong);
}
.border-\[var\(--ui-primary\)\] {
  border-color: var(--ui-primary);
}
.border-\[var\(--ui-secondary\)\] {
  border-color: var(--ui-secondary);
}
.border-\[var\(--ui-success\)\] {
  border-color: var(--ui-success);
}
.border-\[var\(--ui-text\)\] {
  border-color: var(--ui-text);
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity));
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / 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-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-green-100 {
  --tw-border-opacity: 1;
  border-color: rgb(220 252 231 / var(--tw-border-opacity));
}
.border-indigo-600 {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity));
}
.border-primary {
  border-color: var(--color-primary, #034737);
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / 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-700 {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity));
}
.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity));
}
.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / 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-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-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/50 {
  border-color: rgb(255 255 255 / 0.5);
}
.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity));
}
.border-t-slate-900 {
  --tw-border-opacity: 1;
  border-top-color: rgb(15 23 42 / var(--tw-border-opacity));
}
.\!bg-\[rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  background-color: rgba(0,0,0,0.04) !important;
}
.\!bg-\[var\(--flow-tone-action\)\] {
  background-color: var(--flow-tone-action) !important;
}
.\!bg-\[var\(--flow-tone-branch\)\] {
  background-color: var(--flow-tone-branch) !important;
}
.\!bg-\[var\(--flow-tone-handoff\)\] {
  background-color: var(--flow-tone-handoff) !important;
}
.\!bg-\[var\(--flow-tone-message\)\] {
  background-color: var(--flow-tone-message) !important;
}
.\!bg-\[var\(--flow-tone-trigger\)\] {
  background-color: var(--flow-tone-trigger) !important;
}
.\!bg-\[var\(--ui-muted\)\] {
  background-color: var(--ui-muted) !important;
}
.\!bg-\[var\(--ui-secondary\)\] {
  background-color: var(--ui-secondary) !important;
}
.\!bg-\[var\(--ui-surface\)\] {
  background-color: var(--ui-surface) !important;
}
.\!bg-primary {
  background-color: var(--color-primary, #034737) !important;
}
.bg-\[\#009921\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 153 33 / var(--tw-bg-opacity));
}
.bg-\[\#00ff51\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 255 81 / var(--tw-bg-opacity));
}
.bg-\[\#0a0f17\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 15 23 / var(--tw-bg-opacity));
}
.bg-\[\#0d1117\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 17 23 / var(--tw-bg-opacity));
}
.bg-\[\#131a28\] {
  --tw-bg-opacity: 1;
  background-color: rgb(19 26 40 / var(--tw-bg-opacity));
}
.bg-\[\#1a2332\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 35 50 / var(--tw-bg-opacity));
}
.bg-\[\#25D366\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 211 102 / var(--tw-bg-opacity));
}
.bg-\[\#25d366\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 211 102 / var(--tw-bg-opacity));
}
.bg-\[\#25d366\]\/\[0\.12\] {
  background-color: rgb(37 211 102 / 0.12);
}
.bg-\[\#25d366\]\/\[0\.14\] {
  background-color: rgb(37 211 102 / 0.14);
}
.bg-\[\#66e8bd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(102 232 189 / var(--tw-bg-opacity));
}
.bg-\[\#7ed9ba\] {
  --tw-bg-opacity: 1;
  background-color: rgb(126 217 186 / var(--tw-bg-opacity));
}
.bg-\[\#8899aa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(136 153 170 / var(--tw-bg-opacity));
}
.bg-\[\#cfd8e3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(207 216 227 / var(--tw-bg-opacity));
}
.bg-\[\#e6edf3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 237 243 / var(--tw-bg-opacity));
}
.bg-\[\#eef2f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 240 / var(--tw-bg-opacity));
}
.bg-\[\#f7f9fb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 249 251 / var(--tw-bg-opacity));
}
.bg-\[\#fdf6e3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 246 227 / var(--tw-bg-opacity));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-action\)_14\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-action) 14%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-action\)_8\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-action) 8%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-branch\)_12\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-branch) 12%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-branch\)_14\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-branch) 14%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-branch\)_8\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-branch) 8%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-handoff\)_12\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-handoff) 12%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-handoff\)_14\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-handoff) 14%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-handoff\)_9\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-handoff) 9%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-message\)_12\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-message) 12%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-message\)_14\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-message) 14%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-message\)_8\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-message) 8%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-trigger\)_12\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-trigger) 12%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-trigger\)_14\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-trigger) 14%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--flow-tone-trigger\)_8\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--flow-tone-trigger) 8%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-danger\)_10\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--ui-danger) 10%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-danger\)_12\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--ui-danger) 12%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-secondary\)_10\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--ui-secondary) 10%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-secondary\)_12\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--ui-secondary) 12%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-success\)_10\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--ui-success) 10%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-success\)_12\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--ui-success) 12%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-success\)_14\%\2c var\(--ui-surface-soft\)\)\] {
  background-color: color-mix(in srgb,var(--ui-success) 14%,var(--ui-surface-soft));
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-success\)_16\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--ui-success) 16%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-surface\)_85\%\2c var\(--ui-border-strong\)_15\%\)\] {
  background-color: color-mix(in srgb,var(--ui-surface) 85%,var(--ui-border-strong) 15%);
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-surface\)_90\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--ui-surface) 90%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-surface\)_95\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--ui-surface) 95%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-surface-soft\)_50\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--ui-surface-soft) 50%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-surface-soft\)_55\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--ui-surface-soft) 55%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-surface-soft\)_70\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--ui-surface-soft) 70%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-surface-soft\)_80\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--ui-surface-soft) 80%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-surface-soft\)_85\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--ui-surface-soft) 85%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-surface-soft\)_95\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--ui-surface-soft) 95%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-text\)_55\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--ui-text) 55%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-warning\)_10\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--ui-warning) 10%,var(--ui-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--ui-warning\)_12\%\2c var\(--ui-surface\)\)\] {
  background-color: color-mix(in srgb,var(--ui-warning) 12%,var(--ui-surface));
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  background-color: rgba(0,0,0,0.04);
}
.bg-\[rgba\(37\2c 211\2c 102\2c 0\.06\)\] {
  background-color: rgba(37,211,102,0.06);
}
.bg-\[rgba\(37\2c 211\2c 102\2c 0\.12\)\] {
  background-color: rgba(37,211,102,0.12);
}
.bg-\[var\(--accent-solid\)\] {
  background-color: var(--accent-solid);
}
.bg-\[var\(--flow-panel-bg\)\] {
  background-color: var(--flow-panel-bg);
}
.bg-\[var\(--flow-shell-bg\)\] {
  background-color: var(--flow-shell-bg);
}
.bg-\[var\(--flow-tone-branch\)\] {
  background-color: var(--flow-tone-branch);
}
.bg-\[var\(--line-strong\)\] {
  background-color: var(--line-strong);
}
.bg-\[var\(--surface-0\)\] {
  background-color: var(--surface-0);
}
.bg-\[var\(--surface-1\)\] {
  background-color: var(--surface-1);
}
.bg-\[var\(--surface-2\)\] {
  background-color: var(--surface-2);
}
.bg-\[var\(--surface-anchor\)\] {
  background-color: var(--surface-anchor);
}
.bg-\[var\(--ui-border\)\] {
  background-color: var(--ui-border);
}
.bg-\[var\(--ui-danger\)\] {
  background-color: var(--ui-danger);
}
.bg-\[var\(--ui-primary\)\] {
  background-color: var(--ui-primary);
}
.bg-\[var\(--ui-secondary\)\] {
  background-color: var(--ui-secondary);
}
.bg-\[var\(--ui-success\)\] {
  background-color: var(--ui-success);
}
.bg-\[var\(--ui-surface\)\] {
  background-color: var(--ui-surface);
}
.bg-\[var\(--ui-surface-soft\)\] {
  background-color: var(--ui-surface-soft);
}
.bg-\[var\(--ui-text\)\] {
  background-color: var(--ui-text);
}
.bg-\[var\(--ui-warning\)\] {
  background-color: var(--ui-warning);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}
.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/5 {
  background-color: rgb(0 0 0 / 0.05);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-current {
  background-color: currentColor;
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.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-300\/10 {
  background-color: rgb(209 213 219 / 0.1);
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 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-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}
.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}
.bg-primary {
  background-color: var(--color-primary, #034737);
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
}
.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}
.bg-rose-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity));
}
.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}
.bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
}
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-slate-50\/70 {
  background-color: rgb(248 250 252 / 0.7);
}
.bg-slate-50\/90 {
  background-color: rgb(248 250 252 / 0.9);
}
.bg-slate-900\/80 {
  background-color: rgb(15 23 42 / 0.8);
}
.bg-slate-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}
.bg-slate-950\/40 {
  background-color: rgb(2 6 23 / 0.4);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/60 {
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/\[\.32\] {
  background-color: rgb(255 255 255 / .32);
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}
.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}
.bg-\[linear-gradient\(180deg\2c color-mix\(in_srgb\2c var\(--ui-surface\)_98\%\2c transparent\)\2c color-mix\(in_srgb\2c var\(--ui-surface-soft\)_92\%\2c transparent\)\)\] {
  background-image: linear-gradient(180deg,color-mix(in srgb,var(--ui-surface) 98%,transparent),color-mix(in srgb,var(--ui-surface-soft) 92%,transparent));
}
.bg-\[linear-gradient\(180deg\2c color-mix\(in_srgb\2c var\(--ui-surface\)_98\%\2c transparent\)\2c color-mix\(in_srgb\2c var\(--ui-surface-soft\)_94\%\2c transparent\)\)\] {
  background-image: linear-gradient(180deg,color-mix(in srgb,var(--ui-surface) 98%,transparent),color-mix(in srgb,var(--ui-surface-soft) 94%,transparent));
}
.bg-\[linear-gradient\(180deg\2c color-mix\(in_srgb\2c var\(--ui-surface-soft\)_82\%\2c transparent\)\2c color-mix\(in_srgb\2c var\(--ui-surface\)_98\%\2c transparent\)\)\] {
  background-image: linear-gradient(180deg,color-mix(in srgb,var(--ui-surface-soft) 82%,transparent),color-mix(in srgb,var(--ui-surface) 98%,transparent));
}
.bg-\[linear-gradient\(90deg\2c var\(--flow-tone-action\)\2c color-mix\(in_srgb\2c var\(--flow-tone-action\)_55\%\2c var\(--ui-surface\)\)\)\] {
  background-image: linear-gradient(90deg,var(--flow-tone-action),color-mix(in srgb,var(--flow-tone-action) 55%,var(--ui-surface)));
}
.bg-\[linear-gradient\(90deg\2c var\(--flow-tone-branch\)\2c color-mix\(in_srgb\2c var\(--flow-tone-branch\)_55\%\2c var\(--ui-surface\)\)\)\] {
  background-image: linear-gradient(90deg,var(--flow-tone-branch),color-mix(in srgb,var(--flow-tone-branch) 55%,var(--ui-surface)));
}
.bg-\[linear-gradient\(90deg\2c var\(--flow-tone-handoff\)\2c color-mix\(in_srgb\2c var\(--flow-tone-handoff\)_55\%\2c var\(--ui-surface\)\)\)\] {
  background-image: linear-gradient(90deg,var(--flow-tone-handoff),color-mix(in srgb,var(--flow-tone-handoff) 55%,var(--ui-surface)));
}
.bg-\[linear-gradient\(90deg\2c var\(--flow-tone-message\)\2c color-mix\(in_srgb\2c var\(--flow-tone-message\)_55\%\2c var\(--ui-surface\)\)\)\] {
  background-image: linear-gradient(90deg,var(--flow-tone-message),color-mix(in srgb,var(--flow-tone-message) 55%,var(--ui-surface)));
}
.bg-\[linear-gradient\(90deg\2c var\(--flow-tone-trigger\)\2c color-mix\(in_srgb\2c var\(--flow-tone-trigger\)_55\%\2c var\(--ui-surface\)\)\)\] {
  background-image: linear-gradient(90deg,var(--flow-tone-trigger),color-mix(in srgb,var(--flow-tone-trigger) 55%,var(--ui-surface)));
}
.bg-\[linear-gradient\(90deg\2c var\(--ui-muted\)\2c color-mix\(in_srgb\2c var\(--ui-muted\)_45\%\2c var\(--ui-surface\)\)\)\] {
  background-image: linear-gradient(90deg,var(--ui-muted),color-mix(in srgb,var(--ui-muted) 45%,var(--ui-surface)));
}
.bg-\[linear-gradient\(90deg\2c var\(--ui-muted\)\2c color-mix\(in_srgb\2c var\(--ui-muted\)_55\%\2c var\(--ui-surface\)\)\)\] {
  background-image: linear-gradient(90deg,var(--ui-muted),color-mix(in srgb,var(--ui-muted) 55%,var(--ui-surface)));
}
.bg-\[radial-gradient\(circle_at_18\%_16\%\2c rgba\(37\2c 211\2c 102\2c 0\.06\)\2c transparent_55\%\)\2c linear-gradient\(var\(--surface-1\)\2c var\(--surface-1\)\)\] {
  background-image: radial-gradient(circle at 18% 16%,rgba(37,211,102,0.06),transparent 55%),linear-gradient(var(--surface-1),var(--surface-1));
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, 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-sky-500 {
  --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 165 233 / 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);
}
.via-indigo-500 {
  --tw-gradient-to: rgb(99 102 241 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6366f1 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-rose-500 {
  --tw-gradient-to: #f43f5e var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-cover {
  background-size: cover;
}
.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.\!p-0 {
  padding: 0px !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[16\.7px\] {
  padding: 16.7px;
}
.p-\[17px\] {
  padding: 17px;
}
.p-\[21px\] {
  padding: 21px;
}
.p-\[22px\] {
  padding: 22px;
}
.p-\[24\.7px\] {
  padding: 24.7px;
}
.p-\[25px\] {
  padding: 25px;
}
.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!py-\[18px\] {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[13px\] {
  padding-left: 13px;
  padding-right: 13px;
}
.px-\[15\.5px\] {
  padding-left: 15.5px;
  padding-right: 15.5px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-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-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px;
}
.py-\[13\.5px\] {
  padding-top: 13.5px;
  padding-bottom: 13.5px;
}
.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.\!pe-12 {
  padding-inline-end: 3rem !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[8\.69px\] {
  padding-bottom: 8.69px;
}
.pe-1 {
  padding-inline-end: 0.25rem;
}
.pe-10 {
  padding-inline-end: 2.5rem;
}
.pe-2 {
  padding-inline-end: 0.5rem;
}
.pe-20 {
  padding-inline-end: 5rem;
}
.pe-4 {
  padding-inline-end: 1rem;
}
.ps-1 {
  padding-inline-start: 0.25rem;
}
.ps-10 {
  padding-inline-start: 2.5rem;
}
.ps-2 {
  padding-inline-start: 0.5rem;
}
.ps-3 {
  padding-inline-start: 0.75rem;
}
.ps-5 {
  padding-inline-start: 1.25rem;
}
.ps-6 {
  padding-inline-start: 1.5rem;
}
.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-2 {
  padding-top: 0.5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-32 {
  padding-top: 8rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[0\.8px\] {
  padding-top: 0.8px;
}
.pt-\[18px\] {
  padding-top: 18px;
}
.pt-\[26px\] {
  padding-top: 26px;
}
.pt-\[28\.5px\] {
  padding-top: 28.5px;
}
.pt-\[5px\] {
  padding-top: 5px;
}
.pt-\[8\.5px\] {
  padding-top: 8.5px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.font-\[\'Georgia\'\2c _serif\] {
  font-family: 'Georgia', serif;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.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-\[1\.65rem\] {
  font-size: 1.65rem;
}
.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-\[120px\] {
  font-size: 120px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14\.5px\] {
  font-size: 14.5px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[26px\] {
  font-size: 26px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[2rem\] {
  font-size: 2rem;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[46px\] {
  font-size: 46px;
}
.text-\[64px\] {
  font-size: 64px;
}
.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-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xl\/tight {
  font-size: 1.25rem;
  line-height: 1.25;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-\[1\.15rem\] {
  line-height: 1.15rem;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[1\.4\] {
  line-height: 1.4;
}
.leading-\[120px\] {
  line-height: 120px;
}
.leading-\[13\.5px\] {
  line-height: 13.5px;
}
.leading-\[15px\] {
  line-height: 15px;
}
.leading-\[16\.5px\] {
  line-height: 16.5px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[19\.5px\] {
  line-height: 19.5px;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-\[21px\] {
  line-height: 21px;
}
.leading-\[25px\] {
  line-height: 25px;
}
.leading-\[27px\] {
  line-height: 27px;
}
.leading-\[28\.6px\] {
  line-height: 28.6px;
}
.leading-\[29\.9px\] {
  line-height: 29.9px;
}
.leading-\[30px\] {
  line-height: 30px;
}
.leading-\[56px\] {
  line-height: 56px;
}
.leading-\[normal\] {
  line-height: normal;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}
.tracking-\[0\.14px\] {
  letter-spacing: 0.14px;
}
.tracking-\[0\.16em\] {
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.18px\] {
  letter-spacing: 0.18px;
}
.tracking-\[0\.1px\] {
  letter-spacing: 0.1px;
}
.tracking-\[0\.24em\] {
  letter-spacing: 0.24em;
}
.tracking-\[0\.3px\] {
  letter-spacing: 0.3px;
}
.tracking-\[0px\] {
  letter-spacing: 0px;
}
.tracking-\[2px\] {
  letter-spacing: 2px;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.\!text-\[\#1A1A1A\] {
  --tw-text-opacity: 1 !important;
  color: rgb(26 26 26 / var(--tw-text-opacity)) !important;
}
.\!text-gray-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}
.\!text-slate-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(15 23 42 / var(--tw-text-opacity)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#04130a\] {
  --tw-text-opacity: 1;
  color: rgb(4 19 10 / var(--tw-text-opacity));
}
.text-\[\#0a6433\] {
  --tw-text-opacity: 1;
  color: rgb(10 100 51 / var(--tw-text-opacity));
}
.text-\[\#0e6b35\] {
  --tw-text-opacity: 1;
  color: rgb(14 107 53 / var(--tw-text-opacity));
}
.text-\[\#1db954\] {
  --tw-text-opacity: 1;
  color: rgb(29 185 84 / var(--tw-text-opacity));
}
.text-\[\#25D366\] {
  --tw-text-opacity: 1;
  color: rgb(37 211 102 / var(--tw-text-opacity));
}
.text-\[\#25d366\] {
  --tw-text-opacity: 1;
  color: rgb(37 211 102 / var(--tw-text-opacity));
}
.text-\[\#2bd46a\] {
  --tw-text-opacity: 1;
  color: rgb(43 212 106 / var(--tw-text-opacity));
}
.text-\[\#34b7f1\] {
  --tw-text-opacity: 1;
  color: rgb(52 183 241 / var(--tw-text-opacity));
}
.text-\[\#445566\] {
  --tw-text-opacity: 1;
  color: rgb(68 85 102 / var(--tw-text-opacity));
}
.text-\[\#5a6b7e\] {
  --tw-text-opacity: 1;
  color: rgb(90 107 126 / var(--tw-text-opacity));
}
.text-\[\#5b6b7a\] {
  --tw-text-opacity: 1;
  color: rgb(91 107 122 / var(--tw-text-opacity));
}
.text-\[\#6b5a1a\] {
  --tw-text-opacity: 1;
  color: rgb(107 90 26 / var(--tw-text-opacity));
}
.text-\[\#8899aa\] {
  --tw-text-opacity: 1;
  color: rgb(136 153 170 / var(--tw-text-opacity));
}
.text-\[\#94a3b8\] {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-\[\#94a3b8\]\/60 {
  color: rgb(148 163 184 / 0.6);
}
.text-\[\#9fb0c4\] {
  --tw-text-opacity: 1;
  color: rgb(159 176 196 / var(--tw-text-opacity));
}
.text-\[\#e9eef5\] {
  --tw-text-opacity: 1;
  color: rgb(233 238 245 / var(--tw-text-opacity));
}
.text-\[\#f0f4f8\] {
  --tw-text-opacity: 1;
  color: rgb(240 244 248 / var(--tw-text-opacity));
}
.text-\[\#f87171\] {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.text-\[var\(--flow-tone-action\)\] {
  color: var(--flow-tone-action);
}
.text-\[var\(--flow-tone-branch\)\] {
  color: var(--flow-tone-branch);
}
.text-\[var\(--flow-tone-handoff\)\] {
  color: var(--flow-tone-handoff);
}
.text-\[var\(--flow-tone-message\)\] {
  color: var(--flow-tone-message);
}
.text-\[var\(--flow-tone-trigger\)\] {
  color: var(--flow-tone-trigger);
}
.text-\[var\(--ui-danger\)\] {
  color: var(--ui-danger);
}
.text-\[var\(--ui-muted\)\] {
  color: var(--ui-muted);
}
.text-\[var\(--ui-secondary\)\] {
  color: var(--ui-secondary);
}
.text-\[var\(--ui-success\)\] {
  color: var(--ui-success);
}
.text-\[var\(--ui-text\)\] {
  color: var(--ui-text);
}
.text-\[var\(--ui-warning\)\] {
  color: var(--ui-warning);
}
.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-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}
.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-black\/40 {
  color: rgb(0 0 0 / 0.4);
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / 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-500\/10 {
  color: rgb(107 114 128 / 0.1);
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.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-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-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}
.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity));
}
.text-primary {
  color: var(--color-primary, #034737);
}
.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-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity));
}
.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity));
}
.text-rose-900 {
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity));
}
.text-secondary {
  color: var(--color-secondary, #008000);
}
.text-sky-600 {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity));
}
.text-sky-900 {
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity));
}
.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / 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-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-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 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));
}
.underline {
  text-decoration-line: underline;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.\!placeholder-\[\#aaaaaa\]::-moz-placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(170 170 170 / var(--tw-placeholder-opacity)) !important;
}
.\!placeholder-\[\#aaaaaa\]::placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(170 170 170 / var(--tw-placeholder-opacity)) !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-\[0\.04\] {
  opacity: 0.04;
}
.opacity-\[55\%\] {
  opacity: 55%;
}
.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-\[0_-8px_30px_rgba\(10\2c 15\2c 23\2c 0\.08\)\] {
  --tw-shadow: 0 -8px 30px rgba(10,15,23,0.08);
  --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-\[0_0_0_1px_rgba\(37\2c 211\2c 102\2c 0\.2\)\2c 0_18px_60px_0_rgba\(37\2c 211\2c 102\2c 0\.12\)\] {
  --tw-shadow: 0 0 0 1px rgba(37,211,102,0.2),0 18px 60px 0 rgba(37,211,102,0.12);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 18px 60px 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_0_0_4px_rgba\(37\2c 211\2c 102\2c 0\.12\)\2c 0_18px_30px_rgba\(37\2c 211\2c 102\2c 0\.12\)\] {
  --tw-shadow: 0 0 0 4px rgba(37,211,102,0.12),0 18px 30px rgba(37,211,102,0.12);
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 18px 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-\[0_0_18px_0_rgba\(37\2c 211\2c 102\2c 0\.35\)\] {
  --tw-shadow: 0 0 18px 0 rgba(37,211,102,0.35);
  --tw-shadow-colored: 0 0 18px 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_0_8px_0_\#25d366\] {
  --tw-shadow: 0 0 8px 0 #25d366;
  --tw-shadow-colored: 0 0 8px 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_10px_22px_color-mix\(in_srgb\2c var\(--ui-secondary\)_10\%\2c transparent\)\] {
  --tw-shadow: 0 10px 22px color-mix(in srgb,var(--ui-secondary) 10%,transparent);
  --tw-shadow-colored: 0 10px 22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_color-mix\(in_srgb\2c var\(--flow-tone-action\)_20\%\2c transparent\)\] {
  --tw-shadow: 0 10px 24px color-mix(in srgb,var(--flow-tone-action) 20%,transparent);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_color-mix\(in_srgb\2c var\(--flow-tone-branch\)_20\%\2c transparent\)\] {
  --tw-shadow: 0 10px 24px color-mix(in srgb,var(--flow-tone-branch) 20%,transparent);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_color-mix\(in_srgb\2c var\(--flow-tone-handoff\)_22\%\2c transparent\)\] {
  --tw-shadow: 0 10px 24px color-mix(in srgb,var(--flow-tone-handoff) 22%,transparent);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_color-mix\(in_srgb\2c var\(--flow-tone-message\)_20\%\2c transparent\)\] {
  --tw-shadow: 0 10px 24px color-mix(in srgb,var(--flow-tone-message) 20%,transparent);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_color-mix\(in_srgb\2c var\(--flow-tone-trigger\)_20\%\2c transparent\)\] {
  --tw-shadow: 0 10px 24px color-mix(in srgb,var(--flow-tone-trigger) 20%,transparent);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_color-mix\(in_srgb\2c var\(--ui-muted\)_12\%\2c transparent\)\] {
  --tw-shadow: 0 10px 24px color-mix(in srgb,var(--ui-muted) 12%,transparent);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_color-mix\(in_srgb\2c var\(--ui-muted\)_16\%\2c transparent\)\] {
  --tw-shadow: 0 10px 24px color-mix(in srgb,var(--ui-muted) 16%,transparent);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_color-mix\(in_srgb\2c var\(--ui-text\)_10\%\2c transparent\)\] {
  --tw-shadow: 0 10px 24px color-mix(in srgb,var(--ui-text) 10%,transparent);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_-8px_rgba\(15\2c 23\2c 42\2c 0\.18\)\] {
  --tw-shadow: 0 10px 30px -8px rgba(15,23,42,0.18);
  --tw-shadow-colored: 0 10px 30px -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_24px_color-mix\(in_srgb\2c var\(--ui-text\)_8\%\2c transparent\)\] {
  --tw-shadow: 0 12px 24px color-mix(in srgb,var(--ui-text) 8%,transparent);
  --tw-shadow-colored: 0 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-\[0_12px_38px_rgba\(15\2c 23\2c 42\2c 0\.08\)\] {
  --tw-shadow: 0 12px 38px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 12px 38px 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_color-mix\(in_srgb\2c var\(--ui-text\)_8\%\2c transparent\)\] {
  --tw-shadow: 0 14px 34px color-mix(in srgb,var(--ui-text) 8%,transparent);
  --tw-shadow-colored: 0 14px 34px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_36px_color-mix\(in_srgb\2c var\(--ui-text\)_12\%\2c transparent\)\] {
  --tw-shadow: 0 14px 36px color-mix(in srgb,var(--ui-text) 12%,transparent);
  --tw-shadow-colored: 0 14px 36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_34px_color-mix\(in_srgb\2c var\(--ui-secondary\)_18\%\2c transparent\)\] {
  --tw-shadow: 0 16px 34px color-mix(in srgb,var(--ui-secondary) 18%,transparent);
  --tw-shadow-colored: 0 16px 34px 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_18px_48px_color-mix\(in_srgb\2c var\(--ui-text\)_14\%\2c transparent\)\] {
  --tw-shadow: 0 18px 48px color-mix(in srgb,var(--ui-text) 14%,transparent);
  --tw-shadow-colored: 0 18px 48px 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_18px_60px_color-mix\(in_srgb\2c var\(--ui-text\)_12\%\2c transparent\)\] {
  --tw-shadow: 0 18px 60px color-mix(in srgb,var(--ui-text) 12%,transparent);
  --tw-shadow-colored: 0 18px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: 0 1px 1px rgba(0,0,0,0.25);
  --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_20px_48px_color-mix\(in_srgb\2c var\(--ui-text\)_16\%\2c transparent\)\] {
  --tw-shadow: 0 20px 48px color-mix(in srgb,var(--ui-text) 16%,transparent);
  --tw-shadow-colored: 0 20px 48px 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_60px_color-mix\(in_srgb\2c var\(--ui-text\)_22\%\2c transparent\)\] {
  --tw-shadow: 0 24px 60px color-mix(in srgb,var(--ui-text) 22%,transparent);
  --tw-shadow-colored: 0 24px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_64px_color-mix\(in_srgb\2c var\(--ui-text\)_16\%\2c transparent\)\] {
  --tw-shadow: 0 24px 64px color-mix(in srgb,var(--ui-text) 16%,transparent);
  --tw-shadow-colored: 0 24px 64px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_10px_rgba\(15\2c 23\2c 42\2c 0\.05\)\] {
  --tw-shadow: 0 2px 10px rgba(15,23,42,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);
}
.shadow-\[0_2px_4px_-2px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 2px 4px -2px rgba(0,0,0,0.12);
  --tw-shadow-colored: 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-\[0_30px_72px_color-mix\(in_srgb\2c var\(--ui-text\)_28\%\2c transparent\)\] {
  --tw-shadow: 0 30px 72px color-mix(in srgb,var(--ui-text) 28%,transparent);
  --tw-shadow-colored: 0 30px 72px 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_40px_80px_-50px_rgba\(13\2c 31\2c 22\2c 0\.5\)\] {
  --tw-shadow: 0 40px 80px -50px rgba(13,31,22,0.5);
  --tw-shadow-colored: 0 40px 80px -50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_24px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 4px 24px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_20px_-4px_rgba\(37\2c 211\2c 102\2c 0\.45\)\] {
  --tw-shadow: 0 6px 20px -4px rgba(37,211,102,0.45);
  --tw-shadow-colored: 0 6px 20px -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_8px_16px_rgba\(37\2c 211\2c 102\2c 0\.28\)\] {
  --tw-shadow: 0 8px 16px rgba(37,211,102,0.28);
  --tw-shadow-colored: 0 8px 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_8px_16px_rgba\(59\2c 91\2c 255\2c 0\.28\)\] {
  --tw-shadow: 0 8px 16px rgba(59,91,255,0.28);
  --tw-shadow-colored: 0 8px 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-\[0px_0px_16px_0px_rgba\(37\2c 211\2c 102\2c 0\.4\)\] {
  --tw-shadow: 0px 0px 16px 0px rgba(37,211,102,0.4);
  --tw-shadow-colored: 0px 0px 16px 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-\[inset_0_1px_0_color-mix\(in_srgb\2c var\(--ui-surface\)_90\%\2c transparent\)\] {
  --tw-shadow: inset 0 1px 0 color-mix(in srgb,var(--ui-surface) 90%,transparent);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!shadow-\[var\(--ui-shadow-1\)\] {
  --tw-shadow-color: var(--ui-shadow-1) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-\[var\(--ui-shadow-1\)\] {
  --tw-shadow-color: var(--ui-shadow-1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-slate-200\/60 {
  --tw-shadow-color: rgb(226 232 240 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-\[color-mix\(in_srgb\2c var\(--ui-secondary\)_22\%\2c transparent\)\] {
  --tw-ring-color: color-mix(in srgb,var(--ui-secondary) 22%,transparent);
}
.ring-\[color-mix\(in_srgb\2c var\(--ui-secondary\)_35\%\2c transparent\)\] {
  --tw-ring-color: color-mix(in srgb,var(--ui-secondary) 35%,transparent);
}
.ring-\[var\(--ui-border\)\] {
  --tw-ring-color: var(--ui-border);
}
.ring-\[var\(--ui-surface-soft\)\] {
  --tw-ring-color: var(--ui-surface-soft);
}
.ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}
.ring-green-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 252 231 / var(--tw-ring-opacity));
}
.ring-white\/70 {
  --tw-ring-color: rgb(255 255 255 / 0.7);
}
.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-\[58px\] {
  --tw-blur: blur(58px);
  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-\[59px\] {
  --tw-blur: blur(59px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_0_rgba\(37\2c 211\2c 102\2c 0\.12\)\2c 0_4px_8px_rgba\(37\2c 211\2c 102\2c 0\.22\)\] {
  --tw-drop-shadow: drop-shadow(0 0 0 rgba(37,211,102,0.12),0 4px 8px rgba(37,211,102,0.22));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_4px_rgba\(37\2c 211\2c 102\2c 0\.5\)\] {
  --tw-drop-shadow: drop-shadow(0 0 4px rgba(37,211,102,0.5));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_10px_22px_rgba\(37\2c 211\2c 102\2c 0\.35\)\] {
  --tw-drop-shadow: drop-shadow(0 10px 22px rgba(37,211,102,0.35));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0px_2px_4px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-drop-shadow: drop-shadow(0px 2px 4px rgba(0,0,0,0.35));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[45px\] {
  --tw-backdrop-blur: blur(45px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\2c box-shadow\2c opacity\2c transform\] {
  transition-property: border-color,box-shadow,opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\] {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\] {
  transition-property: opacity;
  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-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-75 {
  transition-duration: 75ms;
}
.duration-\[350ms\] {
  transition-duration: 350ms;
}
.ease-\[cubic-bezier\(0\.16\2c 1\2c 0\.3\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.16,1,0.3,1);
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

@font-face {
    font-family: "Outfit";
    src: local('Outfit'), url("/build/assets/Outfit-Thin-11847921.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: local('Outfit'), url("/build/assets/Outfit-ExtraLight-93ead84d.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: local('Outfit'), url("/build/assets/Outfit-Light-9518ce3d.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: local('Outfit'), url("/build/assets/Outfit-Regular-7dd6d797.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: local('Outfit'), url("/build/assets/Outfit-Medium-33e6b2d4.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: local('Outfit'), url("/build/assets/Outfit-SemiBold-c67e289e.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: local('Outfit'), url("/build/assets/Outfit-Bold-3ee4507c.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: local('Outfit'), url("/build/assets/Outfit-ExtraBold-7f2a95dc.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: local('Outfit'), url("/build/assets/Outfit-Black-3cabab9a.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ping AR LT";
    src: local("Ping AR LT"), url("/build/assets/ping-ar-lt-hairline-ded51956.otf") format("opentype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ping AR LT";
    src: local("Ping AR LT"), url("/build/assets/ping-ar-lt-thin-27816620.otf") format("opentype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ping AR LT";
    src: local("Ping AR LT"), url("/build/assets/ping-ar-lt-extralight-7d84570a.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ping AR LT";
    src: local("Ping AR LT"), url("/build/assets/ping-ar-lt-light-30eff624.otf") format("opentype");
    font-weight: 350;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ping AR LT";
    src: local("Ping AR LT"), url("/build/assets/ping-ar-lt-regular-dada9ce8.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ping AR LT";
    src: local("Ping AR LT"), url("/build/assets/ping-ar-lt-medium-3ccb6de4.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ping AR LT";
    src: local("Ping AR LT"), url("/build/assets/ping-ar-lt-bold-fd52328b.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ping AR LT";
    src: local("Ping AR LT"), url("/build/assets/ping-ar-lt-heavy-87dbc39f.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ping AR LT";
    src: local("Ping AR LT"), url("/build/assets/ping-ar-lt-black-52fe8c16.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body,
button,
input,
textarea,
select {
    font-family: "IBM Plex Sans Arabic", "Ping AR LT", "Tajawal", Outfit, "Segoe UI", Tahoma, Helvetica, Arial, sans-serif;
}

.font-ibm-plex-arabic,
.font-ibm-plex-arabic * {
    font-family: "IBM Plex Sans Arabic", "Tajawal", "Ping AR LT", sans-serif !important;
}

/* Auth side-panel wave background: slow, subtle drift so the pattern feels alive without distracting */
@keyframes auth-wave-drift-1 {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1) rotate(0deg); }
    50%      { transform: translate3d(1.6%, -2.4%, 0) scale(1.025) rotate(0.6deg); }
}

@keyframes auth-wave-drift-2 {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1) rotate(0deg); }
    50%      { transform: translate3d(-1.8%, 2.2%, 0) scale(1.02) rotate(-0.7deg); }
}

@keyframes auth-wave-drift-3 {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1) rotate(0deg); }
    50%      { transform: translate3d(1.3%, 1.8%, 0) scale(1.015) rotate(0.5deg); }
}

.auth-wave {
    transform-origin: center;
    will-change: transform;
}

.auth-wave--1 { animation: auth-wave-drift-1 5s ease-in-out infinite; }
.auth-wave--2 { animation: auth-wave-drift-2 6s ease-in-out infinite; animation-delay: -1.5s; }
.auth-wave--3 { animation: auth-wave-drift-3 5.5s ease-in-out infinite; animation-delay: -2.75s; }

@media (prefers-reduced-motion: reduce) {
    .auth-wave--1,
    .auth-wave--2,
    .auth-wave--3 {
        animation: none;
    }
}

/* Auth screen entrance: plays whenever a page mounts (first load or navigating
   between auth screens), since each auth page is a distinct Inertia component
   and this block remounts fresh each time. Doesn't replay on same-page reloads
   like a failed login (Inertia just updates props there, no remount). */
@keyframes auth-content-enter {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

.auth-content-enter {
    animation: auth-content-enter 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (prefers-reduced-motion: reduce) {
    .auth-content-enter {
        animation: none;
    }
}

h1 {
    font-weight: 600;
}

h2 {
    font-weight: 500;
}

/* Brand-styled scrollbar (Firefox) */
* {
    scrollbar-width: thin;
    scrollbar-color: #25d366 rgba(15, 23, 42, 0.04);
}

.dark * {
    scrollbar-color: #25d366 rgba(255, 255, 255, 0.06);
}

/* Brand-styled scrollbar (WebKit: Chrome/Edge/Safari) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background-color: rgba(15, 23, 42, 0.04);
}

.dark ::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.06);
}

::-webkit-scrollbar-thumb {
    background-image: linear-gradient(180deg, #25d366, #1db954);
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(180deg, #25d366, #3b82f6);
}

.vue-tel-input:focus-within {
    box-shadow: none!important;
}

.vue-tel-input {
    border-radius: 0.375rem!important;
    display: flex;
    border: 0px!important;
    text-align: left;
}

.vti__dropdown {
    background-color: inherit!important;
}

.vti__input {
    border: none;
    border-radius: 0 0.375rem 0.375rem 0!important;
    width: 100%;
    outline: none;
    padding-left: 7px;
}

.vti__dropdown {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    position: relative;
    padding: 5px!important;
    cursor: pointer;
}

.ql-editor p {
    padding-top: 8px!important;
    padding-bottom: 8px !important;
}

.ql-toolbar.ql-snow {
    border-color: var(--ui-border);
    background: var(--ui-surface-soft);
    border-radius: var(--ui-radius-md) var(--ui-radius-md) 0 0;
}

.ql-container.ql-snow {
    border-color: var(--ui-border);
    border-radius: 0 0 var(--ui-radius-md) var(--ui-radius-md);
}

.ql-editor {
    min-height: 260px;
    color: var(--ui-text);
    background: var(--ui-surface);
}

.ql-editor.ql-blank::before {
    color: var(--ui-muted);
}

.dark .ql-snow .ql-stroke {
    stroke: var(--ui-muted);
}

.dark .ql-snow .ql-fill {
    fill: var(--ui-muted);
}

.dark .ql-snow .ql-picker {
    color: var(--ui-muted);
}

.dark .ql-snow .ql-picker-options {
    background: var(--ui-surface);
    border-color: var(--ui-border);
}

.main-gradient {
    background: linear-gradient(rgba(229, 107, 38, 0.11), rgba(255, 167, 35, 0.11), rgba(255, 199, 0, 0.11));
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bg-gradient-ember {
    background: linear-gradient(
        92deg,
        color-mix(in srgb, var(--ui-primary) 94%, #ffffff) 0%,
        color-mix(in srgb, var(--ui-secondary) 54%, #ffffff) 48%,
        color-mix(in srgb, var(--ui-secondary) 26%, #ffffff) 100%
    );
}
.border-ember {
    border-color: var(--ui-primary);
    color: var(--ui-primary);
}
@keyframes gradient {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.hover\:animate-gradient:hover {
    animation: gradient 0.1s linear forwards; /* Changed from 'infinite' to 'forwards' */
    background: linear-gradient(to right, rgba(255, 69, 0, 1) 0%, rgba(255, 215, 0, 1) 50%, rgba(255, 99, 0, 1) 100%);
    background-size: 200% 100%;
    transition: background 0.5s ease;
}

.revealed {
    opacity: 0;
    visibility: hidden;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInUp {
    animation: fadeInUp 0.5s ease-out both;
    opacity: 1;
    visibility: visible;
}

.chat-bg {
    background-image: url('/build/assets/whatsapp-bg-02-b96c2a6c.png');
}

.speech-bubble-right::before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 5px solid #d8fad4;
    border-right: 5px solid transparent;
    border-top: 5px solid #d8fad4;
    border-bottom: 5px solid transparent;
    right: -10px;
    top: 0;
}

.speech-bubble-left::before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid white;
    border-top: 5px solid white;
    border-bottom: 5px solid transparent;
    left: -10px;
    top: 0;
}

.dark .speech-bubble-right::before {
    border-left-color: #005c4b;
    border-top-color: #005c4b;
}

.dark .speech-bubble-left::before {
    border-right-color: #202c33;
    border-top-color: #202c33;
}

/* Flow Builder preview-only bubble tuning to avoid clipped tails */
.flow-preview-phone .flow-preview-bubble {
    overflow: visible;
}

/* Flow Builder canvas layering hardening for dropdowns and floating controls */
.vue-flow .vue-flow__nodes,
.vue-flow .vue-flow__node {
    overflow: visible;
}

.flow-node-menu-layer {
    max-width: calc(100vw - 1rem);
}

.flow-preview-phone .flow-preview-chat {
    overscroll-behavior: contain;
}

.flow-preview-phone .speech-bubble-right::before {
    border-left: 7px solid #d1fae5;
    border-right: 7px solid transparent;
    border-top: 7px solid #d1fae5;
    border-bottom: 7px solid transparent;
    right: -6px;
    top: 10px;
}

.flow-preview-phone .speech-bubble-left::before {
    border-left: 7px solid transparent;
    border-right: 7px solid #ffffff;
    border-top: 7px solid #ffffff;
    border-bottom: 7px solid transparent;
    left: -6px;
    top: 10px;
}

._7r39 {
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 4px;
    box-sizing: border-box;
    min-width: 24em;
    min-height: 15em;
}

/* RTL Support */
.direction-rtl {
    direction: rtl;
    text-align: right;
}

.direction-rtl .reverse-flex {
    flex-direction: row-reverse;
}

.direction-ltr {
    direction: ltr;
    text-align: left;
}

/* Logical alignment helpers for gradual previous cleanup */
.float-start {
    float: inline-start;
}

.float-end {
    float: inline-end;
}

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

.text-end {
    text-align: end;
}

.ui-border-start {
    border-inline-start-style: solid;
}

.ui-border-end {
    border-inline-end-style: solid;
}

.ui-border-start-2 {
    border-inline-start-width: 2px;
}

.ui-border-start-3 {
    border-inline-start-width: 3px;
}

.ui-border-end-1 {
    border-inline-end-width: 1px;
}

/* RTL-specific margins and paddings */
.direction-rtl .ml-auto {
    margin-left: unset;
    margin-right: auto;
}

.direction-rtl .mr-auto {
    margin-right: unset;
    margin-left: auto;
}

.direction-rtl input:not([type="checkbox"]):not([type="radio"]),
.direction-rtl textarea {
    text-align: right;
}

.direction-rtl .vti__input {
    text-align: right;
    padding-right: 7px;
    padding-left: 0;
}

.direction-rtl .vti__dropdown-list {
    left: auto;
    right: 0;
    text-align: right;
}

.direction-rtl .space-x-1 > :not([hidden]) ~ :not([hidden]),
.direction-rtl .space-x-2 > :not([hidden]) ~ :not([hidden]),
.direction-rtl .space-x-3 > :not([hidden]) ~ :not([hidden]),
.direction-rtl .space-x-4 > :not([hidden]) ~ :not([hidden]),
.direction-rtl .space-x-5 > :not([hidden]) ~ :not([hidden]),
.direction-rtl .space-x-6 > :not([hidden]) ~ :not([hidden]),
.direction-rtl .space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

/* Dynamic Color Scheme Utilities */
.bg-primary-opacity-10 {
    background-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
}

.bg-secondary-opacity-10 {
    background-color: color-mix(in srgb, var(--color-secondary) 10%, transparent);
}

.bg-secondary-opacity-5 {
    background-color: color-mix(in srgb, var(--color-secondary) 5%, transparent);
}

.bg-primary-opacity-5 {
    background-color: color-mix(in srgb, var(--color-primary) 5%, transparent);
}

.bg-gradient-cta {
    background: linear-gradient(to bottom right, 
        color-mix(in srgb, var(--color-primary) 10%, transparent),
        color-mix(in srgb, var(--color-secondary) 5%, transparent),
        color-mix(in srgb, var(--color-primary) 10%, transparent)
    );
}

.bg-gradient-section {
    background: linear-gradient(to bottom,
        white,
        color-mix(in srgb, var(--color-secondary) 5%, transparent),
        white
    );
}

/* Fallback for browsers that don't support color-mix() */
@supports not (color: color-mix(in srgb, red, blue)) {
    .bg-primary-opacity-10 {
        background-color: rgba(11, 95, 255, 0.1);
    }
    
    .bg-secondary-opacity-10 {
        background-color: rgba(14, 165, 164, 0.1);
    }
    
    .bg-secondary-opacity-5 {
        background-color: rgba(14, 165, 164, 0.05);
    }
    
    .bg-primary-opacity-5 {
        background-color: rgba(11, 95, 255, 0.05);
    }
    
    .bg-gradient-cta {
        background: linear-gradient(to bottom right, 
            rgba(11, 95, 255, 0.12),
            rgba(14, 165, 164, 0.06),
            rgba(11, 95, 255, 0.12)
        );
    }
    
    .bg-gradient-section {
        background: linear-gradient(to bottom,
            white,
            rgba(14, 165, 164, 0.05),
            white
        );
    }
}

/* Premium Home Creative Motion System (UI only) */
.premium-home-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.premium-home-section-content {
    position: relative;
    z-index: 2;
}

.premium-home-orbit-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

.premium-home-orbit {
    position: absolute;
    border-radius: 999px;
    border: 1px solid rgba(59, 91, 255, 0.1);
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.1), transparent 62%),
        radial-gradient(circle at 72% 75%, rgba(59, 91, 255, 0.08), transparent 70%);
    opacity: 0.38;
    animation: premium-home-orbit-drift 26s ease-in-out infinite;
}

.premium-home-orbit--a {
    width: clamp(140px, 20vw, 240px);
    height: clamp(140px, 20vw, 240px);
    top: -86px;
    left: -94px;
}

.premium-home-orbit--b {
    width: clamp(100px, 14vw, 180px);
    height: clamp(100px, 14vw, 180px);
    bottom: -56px;
    right: -52px;
    animation-delay: -7s;
    animation-duration: 30s;
}

.premium-home-orbit--c {
    width: clamp(56px, 8vw, 110px);
    height: clamp(56px, 8vw, 110px);
    top: 26%;
    right: 12%;
    opacity: 0.28;
    animation-delay: -13s;
    animation-duration: 22s;
}

/* "How It Works" dot-grid texture. Same 18px geometry in both themes — only
   the dot's own color changes (a colored dot on near-black reads as noise;
   a low white alpha reads as texture instead). */
.premium-home-section--steps {
    background-color: var(--surface-1);
    background-image: radial-gradient(var(--pat-dot) 1px, transparent 1px);
    background-size: 18px 18px;
}

.dark .premium-home-section--steps {
    background-color: #0a0f17;
    background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 18px 18px;
    color: #ffffff;
}

/* FaqAccordion.vue — light mode: one unified white container with 1px
   dividers between items. Dark mode: each item is its own separately
   bordered/rounded/spaced box (the pre-existing look, restored exactly). */
.faq-accordion {
    border-radius: 1rem;
    border: 1px solid #cfd8e3;
    background: var(--surface-0);
    overflow: hidden;
}

.faq-item {
    border-bottom: 1px solid #eef3f0;
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-item--open {
    border-color: #25d366;
}

.dark .faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: none;
    background: transparent;
    overflow: visible;
}

.dark .faq-item {
    border: 1px solid #1e2a3a;
    border-radius: 1rem;
    overflow: hidden;
}

.dark .faq-item--open {
    border-color: #25d366;
}

.faq-answer strong {
    color: #000000;
}

.dark .faq-answer strong {
    color: #ffffff;
}

/* Corner glow — same 520px radial, same position, on the hero and the
   case-study band. Dark gets a larger, brighter version (+20% radius, ~70%
   more alpha) since equal-alpha green reads dimmer against a dark ground. */
.corner-glow {
    background-image: radial-gradient(circle, rgba(37, 211, 102, 0.13) 0%, rgba(37, 211, 102, 0) 70%);
}

.dark .corner-glow {
    background-image: radial-gradient(circle, rgba(37, 211, 102, 0.22) 0%, rgba(37, 211, 102, 0) 70%);
}

/* Hero background fade — same "ends lighter" cue in both themes: white
   fading to the quiet ground in light, near-black fading to the card tint
   in dark. */
.hero-fade {
    background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 40%, var(--surface-1) 100%);
}

.dark .hero-fade {
    background-image: linear-gradient(180deg, #0a0f17 0%, #0a0f17 40%, #0b161a 100%);
}

.premium-brand-lockup {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
    text-decoration: none;
    vertical-align: middle;
}

.premium-brand-lockup__mark {
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    -o-object-fit: contain;
       object-fit: contain;
    padding: 0.16rem;
    border: 1px solid transparent;
    border-radius: 0.78rem;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, #10d979 0%, #17c9d2 48%, #6236f5 100%) border-box;
    box-shadow: 0 12px 28px -22px rgba(18, 24, 51, 0.55);
}

.premium-brand-lockup__text {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
}

.premium-brand-lockup__name {
    color: #111b34;
    font-size: 1.86rem;
    font-weight: 750;
    letter-spacing: 0;
    line-height: 0.92;
}

.premium-brand-lockup__accent {
    background: linear-gradient(135deg, #7bf23a 8%, #21d7b8 54%, #2d7cff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.premium-brand-lockup--footer .premium-brand-lockup__mark {
    width: 2.55rem;
    height: 2.55rem;
}

.premium-brand-lockup--footer .premium-brand-lockup__name {
    font-size: 1.82rem;
}

@media (max-width: 640px) {
    .premium-brand-lockup {
        gap: 0.34rem;
    }

    .premium-brand-lockup__mark {
        width: 2.1rem;
        height: 2.1rem;
    }

    .premium-brand-lockup__name {
        font-size: 1.48rem;
    }
}

.premium-home-feature-shell {
    position: relative;
    border-radius: 28px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.36));
    box-shadow:
        inset 0 0 0 1px rgba(59, 91, 255, 0.16),
        0 24px 45px -34px rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(8px);
}

.premium-home-feature-shell::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 27px;
    pointer-events: none;
    border: 1px dashed rgba(59, 91, 255, 0.16);
    opacity: 0.55;
}

.premium-home-feature-detail {
    border: 1px solid rgba(59, 91, 255, 0.17);
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(249, 252, 255, 0.7));
    box-shadow: 0 20px 34px -30px rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(10px);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.premium-home-feature-detail:hover {
    transform: translateY(-4px);
    border-color: rgba(59, 91, 255, 0.28);
    box-shadow: 0 28px 44px -30px rgba(15, 23, 42, 0.5);
}

.premium-home-accordion-card {
    border: 1px solid rgba(59, 91, 255, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.78));
    box-shadow: 0 14px 28px -26px rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(8px);
    transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

.premium-home-accordion-card:hover {
    transform: translateY(-2px);
    border-color: rgba(59, 91, 255, 0.34);
    box-shadow: 0 24px 38px -28px rgba(15, 23, 42, 0.5);
}

.premium-home-icon-badge {
    position: relative;
    box-shadow: inset 0 0 0 1px rgba(59, 91, 255, 0.16);
}

.premium-home-icon-badge::after {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 12px;
    border: 1px solid rgba(59, 91, 255, 0.18);
    opacity: 0.35;
    animation: premium-home-pulse 4.5s ease-in-out infinite;
}

.premium-home-step-card {
    position: relative;
    width: 100%;
    padding: 24px 20px;
    border-radius: 20px;
    border: 1px solid rgba(59, 91, 255, 0.18);
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.84), rgba(247, 251, 255, 0.72));
    box-shadow: 0 20px 36px -30px rgba(15, 23, 42, 0.44);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.premium-home-step-card::before {
    content: "";
    position: absolute;
    inset-inline: 24%;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(59, 91, 255, 0.55), transparent);
}

.premium-home-step-card:hover {
    transform: translateY(-5px);
    border-color: rgba(59, 91, 255, 0.3);
    box-shadow: 0 30px 48px -34px rgba(15, 23, 42, 0.56);
}

.premium-home-step-icon {
    position: relative;
    box-shadow: 0 12px 24px -20px rgba(15, 23, 42, 0.58);
}

.premium-home-step-icon::after {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 999px;
    border: 1px dashed rgba(59, 91, 255, 0.36);
    opacity: 0.46;
    animation: premium-home-spin 14s linear infinite;
}

.premium-home-hero-avatar {
    position: absolute;
    z-index: 10;
    pointer-events: none;
}

.premium-home-hero-avatar--top-right {
    top: 330px;
    right: 90px;
}

.premium-home-hero-avatar--top-left {
    top: 330px;
    left: 100px;
}

.premium-home-hero-avatar--bottom-left {
    top: 460px;
    left: 190px;
}

.premium-home-hero-avatar--bottom-right {
    top: 510px;
    right: 230px;
}

.premium-home-hero-avatar--top-left,
.premium-home-hero-avatar--bottom-left {
    transform-origin: top left;
}

.premium-home-hero-avatar--top-right,
.premium-home-hero-avatar--bottom-right {
    transform-origin: top right;
}

.premium-home-floating-avatar {
    width: auto;
    max-width: none;
    height: auto;
    animation: premium-home-float 8s ease-in-out infinite;
    filter: drop-shadow(0 8px 16px rgba(15, 23, 42, 0.32));
}

.premium-home-floating-avatar--delay-1 {
    animation-delay: 1s;
}

.premium-home-floating-avatar--delay-2 {
    animation-delay: 2s;
}

.premium-home-floating-avatar--delay-3 {
    animation-delay: 3s;
}

.premium-home-animate {
    animation: premium-home-fade-up 600ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes premium-home-fade-up {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes premium-home-float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

@keyframes premium-home-orbit-drift {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
    }
    35% {
        transform: translate3d(20px, -16px, 0) scale(1.06) rotate(5deg);
    }
    70% {
        transform: translate3d(-14px, 14px, 0) scale(0.97) rotate(-4deg);
    }
}

@keyframes premium-home-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes premium-home-pulse {
    0%,
    100% {
        transform: scale(1);
        opacity: 0.28;
    }
    50% {
        transform: scale(1.06);
        opacity: 0.5;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-home-floating-avatar,
    .premium-home-animate,
    .premium-home-orbit,
    .premium-home-step-icon::after,
    .premium-home-icon-badge::after {
        animation: none !important;
    }

    .premium-home-accordion-card,
    .premium-home-feature-detail,
    .premium-home-step-card {
        transition: none !important;
    }
}

@media (max-width: 1024px) {
    .premium-home-feature-shell {
        border-radius: 22px;
    }

    .premium-home-orbit--a {
        top: -72px;
        left: -102px;
    }

    .premium-home-orbit--b {
        right: -72px;
    }

    .premium-home-orbit--c {
        top: auto;
        bottom: 15%;
        right: 8%;
    }
}

@media (min-width: 1536px) {
    .premium-home-hero-avatar--top-right {
        right: 150px;
    }

    .premium-home-hero-avatar--bottom-left {
        left: 210px;
    }
}

@media (max-width: 1279px) {
    .premium-home-hero-avatar--top-right {
        top: 334px;
        right: 26px;
        transform: scale(0.86);
    }

    .premium-home-hero-avatar--top-left {
        top: 334px;
        left: 28px;
        transform: scale(0.86);
    }

    .premium-home-hero-avatar--bottom-left {
        top: 470px;
        left: 88px;
        transform: scale(0.86);
    }

    .premium-home-hero-avatar--bottom-right {
        top: 518px;
        right: 88px;
        transform: scale(0.86);
    }
}

@media (max-width: 1023px) {
    .premium-home-hero-avatar {
        display: none;
    }

    .premium-home-hero-avatar--top-right {
        top: 346px;
        right: -12px;
        transform: scale(0.72);
    }

    .premium-home-hero-avatar--top-left {
        top: 348px;
        left: -10px;
        transform: scale(0.72);
    }

    .premium-home-hero-avatar--bottom-left {
        top: 466px;
        left: 18px;
        transform: scale(0.72);
    }

    .premium-home-hero-avatar--bottom-right {
        top: 508px;
        right: 18px;
        transform: scale(0.72);
    }
}

@media (max-width: 767px) {
    .premium-home-orbit-layer {
        display: none;
    }

    .premium-home-hero-avatar--top-right {
        top: 330px;
        right: -26px;
        transform: scale(0.6);
    }

    .premium-home-hero-avatar--top-left {
        top: 330px;
        left: -26px;
        transform: scale(0.6);
    }

    .premium-home-hero-avatar--bottom-left {
        top: 446px;
        left: -6px;
        transform: scale(0.6);
    }

    .premium-home-hero-avatar--bottom-right {
        top: 486px;
        right: -6px;
        transform: scale(0.6);
    }

    .premium-home-feature-shell,
    .premium-home-feature-detail,
    .premium-home-step-card {
        border-radius: 16px;
    }

    .premium-home-step-card {
        padding: 20px 16px;
    }

    .premium-home-feature-shell::after {
        display: none;
    }

    .premium-home-floating-avatar {
        filter: drop-shadow(0 6px 12px rgba(15, 23, 42, 0.28));
    }
}

@media (max-width: 480px) {
    .premium-home-hero-avatar--top-right {
        right: -40px;
        transform: scale(0.54);
    }

    .premium-home-hero-avatar--top-left {
        left: -40px;
        transform: scale(0.54);
    }

    .premium-home-hero-avatar--bottom-left {
        left: -16px;
        transform: scale(0.54);
    }

    .premium-home-hero-avatar--bottom-right {
        right: -16px;
        transform: scale(0.54);
    }
}

/* Premium public pages (content-only enhancements) */
.premium-page-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.premium-page-hero {
    background:
        radial-gradient(900px 280px at 0% 0%, rgba(59, 91, 255, 0.1), transparent 70%),
        radial-gradient(700px 260px at 100% 8%, rgba(0, 198, 255, 0.08), transparent 72%),
        linear-gradient(170deg, #f8fbff 0%, #f3f8ff 48%, #f9fcff 100%);
}

.premium-page-hero::before {
    content: "";
    position: absolute;
    width: clamp(140px, 14vw, 230px);
    height: clamp(140px, 14vw, 230px);
    top: -72px;
    left: -54px;
    border-radius: 999px;
    border: 1px solid rgba(59, 91, 255, 0.18);
    background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.35), rgba(59, 91, 255, 0.08));
    opacity: 0.45;
    z-index: 1;
}

.premium-page-hero::after {
    content: "";
    position: absolute;
    width: clamp(92px, 8vw, 160px);
    height: clamp(92px, 8vw, 160px);
    right: 8%;
    bottom: -44px;
    border-radius: 999px;
    border: 1px solid rgba(59, 91, 255, 0.16);
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.28), rgba(0, 198, 255, 0.08));
    opacity: 0.4;
    z-index: 1;
}

.premium-page-hero-grid {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0.3;
    background-image:
        linear-gradient(to right, rgba(59, 91, 255, 0.09) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(59, 91, 255, 0.09) 1px, transparent 1px);
    background-size: 32px 32px;
    -webkit-mask-image: linear-gradient(to bottom, black 32%, transparent 100%);
            mask-image: linear-gradient(to bottom, black 32%, transparent 100%);
}

.premium-page-content {
    position: relative;
    z-index: 2;
}

.premium-page-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.44rem 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(59, 91, 255, 0.2);
    background: rgba(255, 255, 255, 0.75);
    color: var(--ui-primary);
    font-weight: 600;
    font-size: 0.85rem;
    box-shadow: 0 14px 26px -24px rgba(15, 23, 42, 0.65);
}

.premium-page-panel {
    border-radius: 1.25rem;
    border: 1px solid rgba(59, 91, 255, 0.15);
    background:
        linear-gradient(150deg, rgba(255, 255, 255, 0.94), rgba(248, 251, 255, 0.82));
    box-shadow: 0 26px 50px -36px rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(8px);
}

.premium-page-panel-soft {
    border-radius: 1rem;
    border: 1px solid rgba(59, 91, 255, 0.14);
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 18px 34px -30px rgba(15, 23, 42, 0.42);
}

.premium-pricing-toggle {
    position: relative;
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 14rem);
    padding: 4px;
    border-radius: 999px;
    border: 1px solid rgba(59, 91, 255, 0.2);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 14px 26px -24px rgba(15, 23, 42, 0.52);
}

.premium-pricing-toggle__thumb {
    position: absolute;
    top: 4px;
    bottom: 4px;
    inset-inline-start: 4px;
    width: calc(50% - 4px);
    border-radius: 999px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    box-shadow: 0 10px 20px -16px rgba(59, 91, 255, 0.75);
    transition: transform 220ms ease;
}

.premium-pricing-toggle__thumb--yearly {
    transform: translateX(100%);
}

[dir="rtl"] .premium-pricing-toggle__thumb--yearly,
.direction-rtl .premium-pricing-toggle__thumb--yearly {
    transform: translateX(-100%);
}

.premium-pricing-toggle__option {
    position: relative;
    z-index: 1;
    border: 0;
    background: transparent;
    border-radius: 999px;
    padding: 0.55rem 0.85rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: #64748b;
    transition: color 180ms ease;
}

.premium-pricing-toggle__option.is-active {
    color: #fff;
}

.premium-page-interactive {
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.premium-page-interactive:hover {
    transform: translateY(-4px);
    border-color: rgba(59, 91, 255, 0.28);
    box-shadow: 0 30px 52px -34px rgba(15, 23, 42, 0.52);
}

.premium-page-icon {
    border-radius: 0.9rem;
    box-shadow:
        inset 0 0 0 1px rgba(59, 91, 255, 0.16),
        0 16px 28px -24px rgba(15, 23, 42, 0.46);
}

.premium-page-nav-link {
    border: 1px solid transparent;
}

.premium-page-nav-link:hover {
    border-color: rgba(59, 91, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.9);
}

.premium-page-code {
    background:
        linear-gradient(165deg, #0f172a 0%, #111d38 46%, #0f172a 100%);
    border: 1px solid rgba(148, 163, 184, 0.24);
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.12);
}

.premium-page-cta {
    background:
        radial-gradient(950px 280px at 16% 10%, rgba(59, 91, 255, 0.1), transparent 75%),
        radial-gradient(820px 260px at 88% 90%, rgba(0, 198, 255, 0.08), transparent 75%),
        linear-gradient(155deg, #f8fbff 0%, #f1f7ff 52%, #f8fbff 100%);
}

@media (max-width: 1023px) {
    .premium-page-interactive:hover {
        transform: none;
    }
}

@media (max-width: 767px) {
    .premium-page-hero::before,
    .premium-page-hero::after,
    .premium-page-hero-grid {
        opacity: 0.2;
    }

    .premium-page-hero::before {
        top: -84px;
        left: -88px;
    }

    .premium-page-hero::after {
        right: -28px;
        bottom: -50px;
    }
}

/* Ocean Glass SaaS UI System */
:root {
    --ui-bg: #ffffff;
    --ui-bg-soft: #ffffff;
    --ui-surface: #ffffff;
    --ui-surface-soft: #f4f6f8;
    --ui-border: rgba(15, 23, 42, 0.11);
    --ui-border-strong: rgba(15, 23, 42, 0.22);
    --ui-text: #0f172a;
    --ui-muted: #475569;
    --ui-primary: var(--color-primary, #0b5fff);
    --ui-secondary: var(--color-secondary, #0ea5a4);
    --ui-accent: #f59e0b;
    --ui-success: #16a34a;
    --ui-warning: #d97706;
    --ui-danger: #dc2626;
    --ui-radius-sm: 10px;
    --ui-radius-md: 16px;
    --ui-radius-lg: 20px;
    --ui-radius-xl: 24px;
    --ui-shadow-1: 0 18px 40px -28px rgba(15, 23, 42, 0.5);
    --ui-shadow-2: 0 28px 64px -38px rgba(15, 23, 42, 0.55);
    --ui-layer-content: 30;
    --ui-layer-dropdown: 65;
    --ui-layer-drawer: 75;
    --ui-layer-modal: 95;

    /* Public marketing site (FrontendPremium) — light-mode-only surface
       ladder used to alternate section grounds so the page doesn't read as
       one long flat white sheet. Dark mode keeps its existing flat #0a0f17
       throughout (unchanged), so these have no .dark counterpart — every
       component pairs a var(--surface-*) base class with its own existing
       dark:bg-[#hex] override. Cool neutral ground + green-tinted cards +
       one bright green accent, matching dark mode's own logic in reverse
       (dark: cool near-black ground, cards a step lighter/greener). */
    --surface-0: #ffffff;
    --surface-1: #f9fafb;
    --surface-2: #e4f9ec;
    --surface-anchor: #0a0f17;
    --line: #e8ecf1;
    --line-strong: #cbeed9;
    --line-on-mint: #cbeed9;
    --ink-2: #4a5a52;
    --ink-3: #55665d;
    --accent: #25d366;
    --accent-solid: #0c7c3e;
    --accent-solid-hover: #0a6433;
    --accent-soft: #e4f9ec;
    --accent-ink: #0c7c3e;
    --pat-dot: #dfe6ee;
}

.dark {
    /* Matches the landing page's dark theme (FrontendLayout/Index.vue):
       flat #0a0f17 background carried through to cards, #1a2332 card
       borders, pure white text, #94a3b8 muted text. */
    --ui-bg: #0a0f17;
    --ui-bg-soft: #0a0f17;
    --ui-surface: #0a0f17;
    --ui-surface-soft: #0d1420;
    --ui-border: #1a2332;
    --ui-border-strong: #28374a;
    --ui-text: #ffffff;
    --ui-muted: #94a3b8;
    --ui-accent: #fbbf24;
    --ui-success: #22c55e;
    --ui-warning: #f59e0b;
    --ui-danger: #f87171;
    --ui-shadow-1: 0 18px 40px -28px rgba(0, 0, 0, 0.7);
    --ui-shadow-2: 0 28px 64px -38px rgba(0, 0, 0, 0.75);
}

html {
    max-width: 100%;
    overflow-x: hidden;
    min-height: 100%;
    font-size: 17px;
}

/* background-color intentionally does not use --ui-bg here: that variable
   also feeds the authenticated dashboard shell gradient elsewhere, and its
   pale-blue value used to flash through on body whenever it peeked through
   a gap or the page-enter transition's initial translateY offset. */
body {
    max-width: 100%;
    min-height: 100%;
    color: var(--ui-text);
    background-color: #ffffff;
}

.dark body {
    background-color: #0a0f17;
}

.ui-shell,
.creative-shell {
    position: relative;
    min-height: 100svh;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    background: var(--ui-bg);
}

.ui-main,
.ui-content,
.ui-sidebar,
.creative-main,
.creative-content,
.creative-sidebar {
    position: relative;
    z-index: var(--ui-layer-content);
}

.ui-layer-content {
    z-index: var(--ui-layer-content);
}

.ui-layer-dropdown {
    z-index: var(--ui-layer-dropdown) !important;
}

.ui-layer-drawer {
    z-index: var(--ui-layer-drawer) !important;
}

.ui-layer-modal {
    z-index: var(--ui-layer-modal) !important;
}

.ui-layer-modal-backdrop {
    z-index: calc(var(--ui-layer-modal) - 1) !important;
    background: color-mix(in srgb, var(--ui-text) 26%, transparent) !important;
    backdrop-filter: blur(2px);
}

.ui-main,
.creative-main {
    height: 100svh;
    min-height: 100svh;
    overflow: hidden;
    min-width: 0;
    align-items: stretch;
}

.ui-content,
.creative-content {
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
}

.ui-content > * {
    min-width: 0;
}

.ui-content > .ui-page,
.ui-content > .creative-dashboard {
    min-height: 100%;
}

.ui-content > div[class*="overflow-y-scroll"],
.ui-content > div[class*="overflow-y-auto"] {
    overflow-y: visible !important;
}

.ui-content > div[class*="h-screen"],
.ui-content > div[class*="min-h-screen"],
.ui-content > div[class*="h-[90vh]"] {
    height: auto !important;
    min-height: 100%;
}

.ui-sidebar,
.creative-sidebar {
    height: 100%;
    min-height: 0;
    background: var(--ui-surface);
    border-right: 1px solid var(--ui-border);
    transition: width 220ms ease;
}

.direction-rtl .ui-sidebar,
.direction-rtl .creative-sidebar {
    border-right: 0;
    border-left: 1px solid var(--ui-border);
}

.ui-mobile-topbar,
.creative-mobile-topbar {
    background: var(--ui-surface) !important;
    border-bottom: 1px solid var(--ui-border) !important;
}

.ui-mobile-drawer,
.creative-mobile-drawer {
    background: var(--ui-surface);
}

.ui-mobile-drawer-start {
    left: 0;
    right: auto;
}

.ui-mobile-drawer-end {
    right: 0;
    left: auto;
}

.ui-text-main {
    color: var(--ui-text) !important;
}

.ui-text-muted {
    color: var(--ui-muted) !important;
}

.ui-text-primary {
    color: var(--ui-primary) !important;
}

.ui-text-accent {
    color: var(--ui-accent) !important;
}

.ui-bg-soft {
    background: color-mix(in srgb, #fff 80%, var(--ui-secondary) 20%) !important;
}

.dark .ui-bg-soft {
    background: #005c4b !important;
}

.ui-bg-surface {
    background: var(--ui-surface) !important;
}

.ui-hover-soft:hover {
    background: color-mix(in srgb, #fff 86%, var(--ui-secondary) 14%) !important;
}

.hover-ui-bg-soft:hover {
    background: color-mix(in srgb, #fff 86%, var(--ui-secondary) 14%) !important;
}

.dark .ui-hover-soft:hover,
.dark .hover-ui-bg-soft:hover {
    background: color-mix(in srgb, var(--ui-bg) 80%, var(--ui-secondary) 20%) !important;
}

.ui-danger-ring {
    border-color: color-mix(in srgb, var(--ui-danger) 56%, transparent) !important;
}

.ui-danger-border {
    border-color: color-mix(in srgb, var(--ui-danger) 70%, transparent) !important;
}

.ui-danger-text {
    color: var(--ui-danger) !important;
}

.ui-chip-neutral {
    background: color-mix(in srgb, #fff 84%, var(--ui-primary) 16%) !important;
    color: var(--ui-text) !important;
}

.ui-chip-success {
    background: color-mix(in srgb, #fff 84%, var(--ui-success) 16%) !important;
    color: color-mix(in srgb, var(--ui-success) 76%, #0f172a) !important;
}

.ui-chip-warning {
    background: color-mix(in srgb, #fff 84%, var(--ui-warning) 16%) !important;
    color: color-mix(in srgb, var(--ui-warning) 78%, #0f172a) !important;
}

.ui-chip-danger {
    background: color-mix(in srgb, #fff 84%, var(--ui-danger) 16%) !important;
    color: color-mix(in srgb, var(--ui-danger) 78%, #0f172a) !important;
}

.dark .ui-chip-neutral {
    background: color-mix(in srgb, var(--ui-bg) 78%, var(--ui-primary) 22%) !important;
    color: var(--ui-text) !important;
}

.dark .ui-chip-success {
    background: color-mix(in srgb, var(--ui-bg) 78%, var(--ui-success) 22%) !important;
    color: color-mix(in srgb, var(--ui-success) 70%, #fff 30%) !important;
}

.dark .ui-chip-warning {
    background: color-mix(in srgb, var(--ui-bg) 78%, var(--ui-warning) 22%) !important;
    color: color-mix(in srgb, var(--ui-warning) 70%, #fff 30%) !important;
}

.dark .ui-chip-danger {
    background: color-mix(in srgb, var(--ui-bg) 78%, var(--ui-danger) 22%) !important;
    color: color-mix(in srgb, var(--ui-danger) 70%, #fff 30%) !important;
}

.ui-chip-info {
    background: color-mix(in srgb, #fff 84%, #155dfc 16%) !important;
    color: color-mix(in srgb, #155dfc 78%, #0f172a) !important;
}

.dark .ui-chip-info {
    background: color-mix(in srgb, var(--ui-bg) 78%, #155dfc 22%) !important;
    color: color-mix(in srgb, #155dfc 70%, #fff 30%) !important;
}

.ui-scroll-root {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-scroll-section {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-page-frame {
    padding: 1rem;
}

@media (min-width: 768px) {
    .ui-page-frame {
        padding: 1.5rem;
    }
}

.ui-workspace-split {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: 1rem;
}

.ui-workspace-page--fixed {
    min-height: 0;
}

.ui-workspace-pane {
    min-width: 0;
    min-height: 0;
}

.ui-workspace-sidebar {
    display: flex;
    min-height: 0;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-lg);
    background: var(--ui-surface);
}

.ui-workspace-main {
    min-width: 0;
    min-height: 24rem;
    overflow: hidden;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-lg);
    background: var(--ui-surface);
}

/* WhatsApp-style chat wallpaper: the same doodle pattern asset is reused for
   both themes. Light mode shows it on WhatsApp's actual chat bg color; dark
   mode layers a heavy dark overlay over it (no separate dark asset exists)
   so the doodles read as a faint texture, matching WhatsApp's dark chat bg. */
.ui-workspace-main--chat {
    background-color: #efeae2;
    background-image: url('/build/assets/whatsapp-bg-02-b96c2a6c.png');
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
}

.dark .ui-workspace-main--chat {
    background-color: #0b141a;
    background-image: linear-gradient(rgba(11, 20, 26, 0.55), rgba(11, 20, 26, 0.55)), url('/build/assets/whatsapp-bg-02-b96c2a6c.png');
    background-blend-mode: multiply, normal;
}

.ui-workspace-empty {
    width: min(100%, 37rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.9rem;
    text-align: center;
}

.ui-workspace-empty-state {
    display: flex;
    min-height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: clamp(2rem, 6vh, 4rem) clamp(1.5rem, 3vw, 2.5rem);
}

.ui-workspace-empty-state--chat {
    position: relative;
    align-items: flex-start;
    padding-top: clamp(2rem, 6vh, 4rem);
}

.ui-workspace-empty-state--chat::before {
    content: '';
    position: absolute;
    top: clamp(1.5rem, 6vh, 3.75rem);
    left: 50%;
    width: min(calc(100% - 3rem), 40rem);
    height: clamp(12rem, 26vh, 17rem);
    transform: translateX(-50%);
    border-radius: 1rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface-soft);
}

.ui-workspace-empty--chat {
    position: relative;
    z-index: 1;
    width: min(100%, 36rem);
    padding: clamp(1.25rem, 2vw, 2rem) clamp(1rem, 2vw, 1.75rem);
}

.ui-workspace-empty-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface-soft);
    color: var(--ui-primary);
    padding: 0.38rem 0.9rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.ui-workspace-empty-title {
    color: var(--ui-text);
    font-size: clamp(1.7rem, 2.2vw, 2.15rem);
    line-height: 1.2;
    font-weight: 700;
}

.ui-workspace-empty-description {
    max-width: 40rem;
    color: var(--ui-muted);
    font-size: 0.98rem;
    line-height: 1.8;
}

.ui-workspace-empty-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    margin-top: 0.35rem;
}

.ui-workspace-empty-actions > a,
.ui-workspace-empty-actions > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 10.5rem;
    border-radius: 0.85rem;
    padding: 0.8rem 1.35rem;
    font-size: 0.95rem;
    font-weight: 700;
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.ui-workspace-empty-actions > a:hover,
.ui-workspace-empty-actions > button:hover {
    transform: translateY(-1px);
}

.ui-workspace-empty-primary {
    border: 1px solid transparent;
    background: var(--ui-secondary);
    color: #fff;
}

.ui-workspace-empty-secondary {
    border: 1px solid var(--ui-border-strong);
    background: var(--ui-surface-soft);
    color: var(--ui-text);
}

.dark .ui-workspace-empty-secondary {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.16);
}

.ui-workspace-empty-actions > button:disabled,
.ui-workspace-empty-actions > a[aria-disabled='true'] {
    cursor: not-allowed;
    transform: none;
    border-color: transparent;
    background: #cbd5e1;
    color: #fff;
    box-shadow: none;
}

@media (min-width: 768px) {
    .ui-workspace-page--fixed {
        height: calc(100vh - 2rem);
        overflow: hidden;
    }

    .ui-workspace-split {
        display: grid;
        grid-template-columns: minmax(20rem, 23rem) minmax(0, 1fr);
        align-items: stretch;
        min-height: 100%;
        height: 100%;
    }

    .ui-workspace-split--wide {
        grid-template-columns: clamp(25rem, 29vw, 30rem) minmax(0, 1fr);
    }

    .ui-workspace-split--contacts {
        grid-template-columns: clamp(22.5rem, 24vw, 24.5rem) minmax(0, 1fr);
    }

    .ui-workspace-split--contacts .ui-workspace-sidebar {
        position: static;
        top: auto;
        max-height: none;
        height: 100%;
    }

    .ui-workspace-split--contacts .ui-workspace-main {
        height: 100%;
    }

    .ui-workspace-split--chat {
        grid-template-columns: clamp(23.5rem, 25vw, 26rem) minmax(0, 1fr);
    }

    .ui-workspace-sidebar {
        position: sticky;
        top: 1rem;
        max-height: calc(100vh - 6rem);
        height: 100%;
    }

    .ui-workspace-main {
        min-height: calc(100vh - 6rem);
        height: 100%;
    }

    .ui-workspace-split--chat .ui-workspace-sidebar {
        position: static;
        top: auto;
        max-height: none;
    }
}

.ui-safe-area {
    padding-top: calc(env(safe-area-inset-top) + 0.75rem);
    padding-bottom: calc(env(safe-area-inset-bottom) + 0.5rem);
}

.ui-page,
.creative-dashboard {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.ui-page-header {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.ui-page-header-compact {
    margin-bottom: 1rem;
}

.ui-page-title {
    font-size: 1.7rem;
    line-height: 1.3;
    letter-spacing: -0.015em;
    font-weight: 800;
}

.ui-page-subtitle {
    color: var(--ui-muted);
    margin-top: 0.25rem;
    font-size: 0.95rem;
}

.ui-page-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: flex-end;
}

.ui-action-bar,
.creative-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-bottom: 1.5rem;
}

.ui-action-bar > a,
.ui-action-bar > button,
.creative-actions > a,
.creative-actions > button {
    border-radius: 999px;
    border: 1px solid transparent;
    padding: 0.56rem 1rem;
    box-shadow: 0 14px 26px -20px rgba(6, 52, 38, 0.9);
    transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

.ui-action-bar > a:hover,
.ui-action-bar > button:hover:not(:disabled),
.creative-actions > a:hover,
.creative-actions > button:hover:not(:disabled) {
    transform: translateY(-2px);
    filter: saturate(1.08);
    box-shadow: 0 20px 34px -24px rgba(6, 52, 38, 0.95);
}

.ui-menu ul li,
.creative-menu ul li {
    border: 1px solid transparent;
    border-radius: 0.78rem !important;
    color: var(--ui-text);
    transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.ui-menu ul li:hover,
.creative-menu ul li:hover {
    background: linear-gradient(
        105deg,
        color-mix(in srgb, var(--ui-primary) 7%, white),
        color-mix(in srgb, var(--ui-secondary) 5%, white)
    ) !important;
    color: color-mix(in srgb, var(--ui-primary) 62%, var(--ui-text)) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 11%, var(--ui-border));
    box-shadow: none;
}

.direction-ltr .ui-menu ul li:hover,
.direction-ltr .creative-menu ul li:hover {
    transform: translateX(3px);
}

.direction-rtl .ui-menu ul li:hover,
.direction-rtl .creative-menu ul li:hover {
    transform: translateX(-3px);
}

.ui-menu ul li.bg-slate-50,
.creative-menu ul li.bg-slate-50 {
    background: linear-gradient(
        105deg,
        color-mix(in srgb, var(--ui-primary) 10%, white),
        color-mix(in srgb, var(--ui-secondary) 7%, white)
    ) !important;
    color: color-mix(in srgb, var(--ui-primary) 68%, var(--ui-text)) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 16%, var(--ui-border));
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--ui-primary) 76%, white);
}

.direction-rtl .ui-menu ul li.bg-slate-50,
.direction-rtl .creative-menu ul li.bg-slate-50 {
    box-shadow: inset -3px 0 0 color-mix(in srgb, var(--ui-primary) 76%, white);
}

.ui-menu ul li:hover a,
.creative-menu ul li:hover a,
.ui-menu ul li.bg-slate-50 a,
.creative-menu ul li.bg-slate-50 a {
    color: inherit !important;
}

.ui-menu ul li.bg-slate-50 svg,
.creative-menu ul li.bg-slate-50 svg {
    color: var(--ui-primary);
}


.ui-kpi,
.creative-kpi-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    min-height: 8rem;
    padding: 0.95rem 1rem 0.85rem;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-md);
    background: var(--ui-surface) !important;
    transition: transform 180ms ease, border-color 180ms ease;
}

.ui-kpi:hover,
.creative-kpi-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--ui-primary) 26%, var(--ui-border));
}

.ui-kpi-head {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.ui-kpi-text {
    min-width: 0;
    flex: 1;
}

.ui-kpi-title {
    font-size: 0.96rem;
    color: var(--ui-muted);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.ui-kpi-value {
    margin-top: 0.3rem;
    font-size: 1.38rem;
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.ui-kpi-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    width: 3rem;
    height: 3rem;
    background: linear-gradient(
        145deg,
        color-mix(in srgb, var(--ui-primary) 16%, transparent),
        color-mix(in srgb, var(--ui-secondary) 12%, transparent)
    );
    border: 1px solid color-mix(in srgb, var(--ui-primary) 26%, transparent);
}

.ui-kpi-icon svg {
    width: 1.4rem;
    height: 1.4rem;
    color: var(--ui-primary) !important;
}

.ui-kpi.ui-kpi--compact {
    min-height: 7.15rem;
    padding: 0.8rem 0.9rem 0.75rem;
}

.ui-kpi.ui-kpi--compact .ui-kpi-head {
    gap: 0.75rem;
}

.ui-kpi.ui-kpi--compact .ui-kpi-title {
    font-size: 0.88rem;
}

.ui-kpi.ui-kpi--compact .ui-kpi-value {
    margin-top: 0.2rem;
    font-size: 1.22rem;
}

.ui-kpi.ui-kpi--compact .ui-kpi-icon {
    width: 2.6rem;
    height: 2.6rem;
}

.ui-kpi.ui-kpi--compact .ui-kpi-icon svg {
    width: 1.22rem;
    height: 1.22rem;
}

.ui-kpi-footer {
    position: relative;
    z-index: 1;
    margin-top: 0.8rem;
}

.ui-kpi-link {
    font-size: 0.84rem;
    text-decoration: underline;
    text-underline-offset: 2px;
    color: var(--ui-text);
}

.ui-card,
.creative-panel {
    position: relative;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-md);
    background: var(--ui-surface) !important;
}

.ui-card:focus-within,
.creative-panel:focus-within {
    z-index: calc(var(--ui-layer-dropdown) - 1);
}

.ui-section-head {
    padding: 1rem 1rem 0.1rem;
}

.ui-section-title {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.ui-section-subtitle {
    margin-top: 0.32rem;
    color: var(--ui-muted);
    font-size: 0.88rem;
}

.ui-section-body {
    padding: 0.8rem 1rem 1rem;
}

.creative-list-row {
    border-left-color: color-mix(in srgb, var(--ui-primary) 42%, transparent) !important;
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--ui-primary) 13%, transparent);
    box-shadow: 0 8px 18px -16px rgba(11, 65, 49, 0.76);
}

.direction-rtl .creative-list-row {
    border-left-color: color-mix(in srgb, var(--ui-primary) 10%, transparent) !important;
    border-right: 4px solid color-mix(in srgb, var(--ui-primary) 42%, transparent);
}

.ui-empty {
    border: 1px dashed var(--ui-border-strong);
    border-radius: var(--ui-radius-md);
    background: color-mix(in srgb, var(--ui-secondary) 5%, var(--ui-surface));
    text-align: center;
    padding: 1.6rem 1rem;
}

.ui-empty-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 999px;
    margin-bottom: 0.7rem;
    color: var(--ui-secondary);
    background: color-mix(in srgb, var(--ui-secondary) 11%, transparent);
}

.ui-empty-title {
    font-weight: 700;
}

.ui-empty-description {
    color: var(--ui-muted);
    margin-top: 0.38rem;
    font-size: 0.9rem;
}

.ui-empty-actions {
    margin-top: 0.9rem;
}

.ui-form-section {
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-md);
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-1);
}

.ui-form-section + .ui-form-section {
    margin-top: 0.9rem;
}

.ui-form-section-head {
    padding: 1rem 1rem 0.45rem;
    border-bottom: 1px solid color-mix(in srgb, var(--ui-primary) 10%, transparent);
}

.ui-form-section-title {
    font-size: 1rem;
    font-weight: 700;
}

.ui-form-section-description {
    margin-top: 0.28rem;
    font-size: 0.86rem;
    color: var(--ui-muted);
}

.ui-form-section-body {
    padding: 1rem;
}

.ui-form-label {
    display: block;
    margin-bottom: 0.34rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: color-mix(in srgb, var(--ui-text) 84%, #000 16%);
}

.ui-input,
.ui-select-btn,
.ui-textarea {
    display: block;
    width: 100%;
    border: 1px solid color-mix(in srgb, var(--ui-primary) 18%, transparent);
    border-radius: var(--ui-radius-sm);
    background: rgba(255, 255, 255, 0.94);
    color: var(--ui-text);
    box-shadow: 0 8px 20px -18px rgba(7, 40, 30, 0.88);
    transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}

.dark .ui-input,
.dark .ui-select-btn,
.dark .ui-textarea {
    background: var(--ui-surface-soft);
    border-color: var(--ui-border);
    box-shadow: none;
}

.ui-input:focus,
.ui-select-btn:focus,
.ui-textarea:focus {
    border-color: color-mix(in srgb, var(--ui-primary) 36%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-primary) 16%, transparent);
}

.dark .ui-input:focus,
.dark .ui-select-btn:focus,
.dark .ui-textarea:focus {
    border-color: color-mix(in srgb, var(--ui-secondary) 45%, var(--ui-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-secondary) 18%, transparent);
}

.ui-input-error {
    border-color: color-mix(in srgb, var(--ui-danger) 62%, transparent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-danger) 16%, transparent) !important;
}

.ui-input {
    padding: 0.58rem 0.9rem;
}

.ui-textarea {
    padding: 0.65rem 0.9rem;
}

.ui-select-options {
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-sm);
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-1);
}

.ui-select-root {
    position: relative;
    z-index: 1;
}

.ui-select-root-open,
.ui-select-root:focus-within {
    z-index: var(--ui-layer-dropdown);
}

.ui-select-option {
    color: var(--ui-text);
}

.ui-select-option-active {
    background: color-mix(in srgb, var(--ui-primary) 14%, #fff);
    color: color-mix(in srgb, var(--ui-primary) 78%, #06170f);
}

.ui-select-option-check {
    color: color-mix(in srgb, var(--ui-primary) 74%, #0f3b2e);
}

.ui-phone-wrapper {
    padding: 1px;
    border-radius: var(--ui-radius-sm);
    border: 1px solid color-mix(in srgb, var(--ui-primary) 18%, transparent);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 8px 20px -18px rgba(7, 40, 30, 0.88);
    transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}

.ui-phone-wrapper:focus-within {
    border-color: color-mix(in srgb, var(--ui-primary) 36%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-primary) 16%, transparent);
}

.ui-phone-wrapper .vti__dropdown {
    border-right: 1px solid color-mix(in srgb, var(--ui-primary) 14%, transparent);
}

[dir="rtl"] .ui-phone-wrapper .vti__dropdown {
    border-right: none;
    border-left: 1px solid color-mix(in srgb, var(--ui-primary) 14%, transparent);
}

.ui-phone-wrapper .vti__input {
    border: 0;
    box-shadow: none;
    background: transparent;
    color: var(--ui-text);
    border-radius: inherit;
    min-height: 2.32rem;
}

.ui-phone-wrapper .vti__dropdown-list {
    margin-top: 0.35rem;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-sm);
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-1);
    max-height: 16rem;
    overflow-y: auto;
    z-index: var(--ui-layer-dropdown);
}

.ui-phone-wrapper .vti__search_box {
    width: calc(100% - 0.8rem);
    margin: 0.4rem;
    border: 1px solid color-mix(in srgb, var(--ui-primary) 24%, transparent);
    border-radius: var(--ui-radius-sm);
    background: #fff;
    color: var(--ui-text);
    font-size: 0.84rem;
    padding: 0.45rem 0.62rem;
}

.ui-phone-wrapper .vti__search_box:focus {
    outline: none;
    border-color: color-mix(in srgb, var(--ui-primary) 38%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-primary) 16%, transparent);
}

.ui-phone-wrapper .vti__country {
    padding: 0.5rem 0.7rem;
    color: var(--ui-text);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.ui-phone-wrapper .vti__dropdown-item {
    transition: background-color 120ms ease;
}

.ui-phone-wrapper .vti__dropdown-item.highlighted .vti__country,
.ui-phone-wrapper .vti__dropdown-item:hover .vti__country {
    background: color-mix(in srgb, var(--ui-primary) 12%, #fff);
    color: color-mix(in srgb, var(--ui-primary) 78%, #0f172a);
}

.direction-rtl .ui-phone-wrapper .vti__search_box,
[dir="rtl"] .ui-phone-wrapper .vti__search_box {
    text-align: right;
}

.dark .ui-phone-wrapper {
    background: var(--ui-surface-soft);
    border-color: var(--ui-border);
    box-shadow: none;
}

.dark .ui-phone-wrapper:focus-within {
    border-color: color-mix(in srgb, var(--ui-secondary) 45%, var(--ui-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-secondary) 18%, transparent);
}

.dark .ui-phone-wrapper .vti__search_box {
    background: var(--ui-surface);
    border-color: var(--ui-border);
}

.dark .ui-phone-wrapper .vti__search_box:focus {
    border-color: color-mix(in srgb, var(--ui-secondary) 45%, var(--ui-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-secondary) 18%, transparent);
}

.dark .ui-phone-wrapper .vti__dropdown-item.highlighted .vti__country,
.dark .ui-phone-wrapper .vti__dropdown-item:hover .vti__country {
    background: color-mix(in srgb, var(--ui-secondary) 18%, var(--ui-surface-soft));
    color: var(--ui-text);
}

.ui-checkbox-input {
    width: 1rem;
    height: 1rem;
    border: 1px solid color-mix(in srgb, var(--ui-primary) 28%, transparent);
    border-radius: 0.3rem;
    color: var(--ui-primary);
}

.ui-checkbox-input:focus {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-primary) 16%, transparent);
}

.ui-checkbox-label {
    color: color-mix(in srgb, var(--ui-text) 90%, #000);
}

.ui-form-error {
    color: var(--ui-danger);
    font-size: 0.73rem;
    margin-top: 0.25rem;
}

.ui-table-shell {
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-lg);
    overflow: visible;
    background: var(--ui-surface);
}

.ui-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--ui-text);
    font-size: 1rem;
}

.ui-table thead tr {
    background: color-mix(in srgb, var(--ui-secondary) 6%, var(--ui-surface-soft));
}

.ui-table tbody tr {
    transition: background-color 130ms ease;
}

.ui-table tbody tr:hover {
    background: color-mix(in srgb, #fff 88%, var(--ui-secondary) 12%);
}

.dark .ui-table tbody tr:hover {
    background: color-mix(in srgb, var(--ui-bg) 82%, var(--ui-secondary) 18%);
}

.ui-table-th {
    padding: 1.2rem 1.1rem;
    text-align: start;
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--ui-muted);
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.ui-table-th-first {
    padding-inline-start: 1.4rem;
}

.ui-table-th-last {
    padding-inline-end: 1.4rem;
    text-align: end;
}

.ui-table-td {
    padding: 1.35rem 1.1rem;
    border-top: 1px solid var(--ui-border);
}

.ui-table-td-first {
    padding-inline-start: 1.4rem;
}

.ui-table-td-last {
    padding-inline-end: 1.4rem;
}

.ui-table-cell {
    width: 100%;
    height: 100%;
    color: var(--ui-text);
    text-align: start;
}

.ui-table-cell-end {
    display: flex;
    justify-content: flex-end;
    text-align: end;
}

.ui-table-search {
    display: flex;
    align-items: center;
    width: min(100%, 20rem);
    min-height: 2.5rem;
    margin-bottom: 1rem;
    border: 1px solid var(--ui-border);
    border-radius: 0.7rem;
    background: var(--ui-surface);
}

.ui-table-search-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline-start: 0.72rem;
    color: color-mix(in srgb, var(--ui-text) 60%, #64748b 40%);
}

.ui-table-search-input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ui-text);
    font-size: 0.86rem;
    padding-inline: 0.65rem;
}

.ui-table-search-input::-moz-placeholder {
    color: color-mix(in srgb, var(--ui-text) 48%, #94a3b8 52%);
}

.ui-table-search-input::placeholder {
    color: color-mix(in srgb, var(--ui-text) 48%, #94a3b8 52%);
}

.ui-table-search-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline-end: 0.58rem;
    color: color-mix(in srgb, var(--ui-text) 54%, #64748b 46%);
}

.ui-table tbody tr:hover {
    background: color-mix(in srgb, var(--ui-primary) 6%, white);
}

.ui-pagination-wrap {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.ui-pagination-group {
    display: flex;
    align-items: center;
    gap: 0.34rem;
}

.ui-pagination-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface-soft);
    color: var(--ui-text);
    transition: transform 120ms ease, background-color 120ms ease, border-color 120ms ease;
}

.ui-pagination-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--ui-secondary) 14%, var(--ui-surface-soft));
    border-color: color-mix(in srgb, var(--ui-secondary) 30%, var(--ui-border));
}

.ui-pagination-btn:disabled {
    opacity: 0.42;
    cursor: not-allowed;
}

.ui-pagination-meta {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-inline: 0.2rem;
    color: var(--ui-muted);
    font-size: 0.84rem;
}

.ui-pagination-meta-number {
    font-weight: 700;
}

.ui-dropdown-menu {
    border: 1px solid var(--ui-border);
    border-radius: 0.65rem;
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow-1);
}

.ui-dropdown-layer {
    z-index: var(--ui-layer-dropdown);
}

.ui-dropdown-start {
    inset-inline-start: 0;
    inset-inline-end: auto;
    transform-origin: top left;
}

.ui-dropdown-end {
    inset-inline-end: 0;
    inset-inline-start: auto;
    transform-origin: top right;
}

.ui-dropdown-top-start {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.5rem;
    transform-origin: bottom left;
}

.ui-dropdown-top-end {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.5rem;
    transform-origin: bottom right;
}

.direction-rtl .ui-dropdown-start {
    transform-origin: top right;
}

.direction-rtl .ui-dropdown-end {
    transform-origin: top left;
}

.direction-rtl .ui-dropdown-top-start {
    transform-origin: bottom right;
}

.direction-rtl .ui-dropdown-top-end {
    transform-origin: bottom left;
}

.ui-dropdown-item {
    color: color-mix(in srgb, var(--ui-text) 90%, #000);
}

.ui-dropdown-item-active {
    background: color-mix(in srgb, var(--ui-secondary) 14%, var(--ui-surface));
    color: color-mix(in srgb, var(--ui-secondary) 88%, var(--ui-text));
}

.ui-btn {
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: 500;
    transition: transform 150ms ease, box-shadow 150ms ease, filter 150ms ease;
}

.ui-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    filter: saturate(1.04);
}

.ui-btn-primary {
    background: linear-gradient(135deg, color-mix(in srgb, var(--ui-primary) 92%, black), var(--ui-primary));
    color: #fff;
    box-shadow: 0 14px 24px -20px rgba(6, 52, 38, 0.9);
}

.ui-btn-secondary {
    color: var(--ui-text);
    background: color-mix(in srgb, var(--ui-primary) 8%, white);
    border-color: color-mix(in srgb, var(--ui-primary) 24%, transparent);
}

.ui-toggle-track {
    width: 3rem;
    height: 1.5rem;
    border-radius: 999px;
    padding: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background: var(--ui-border-strong);
    border: 1px solid var(--ui-border);
    transition: background-color 140ms ease, border-color 140ms ease;
}

.ui-toggle-track-on {
    justify-content: flex-end;
    background: var(--ui-secondary);
    border-color: var(--ui-secondary);
}

.ui-toggle-track-disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.ui-toggle-thumb {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.28);
}

.ui-fade-up {
    animation: uiFadeUp 380ms ease both;
}

@keyframes uiFadeUp {
    from {
        opacity: 0;
        transform: translate3d(0, 10px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@media (max-width: 768px) {
    .ui-shell::before,
    .ui-shell::after,
    .creative-shell::before,
    .creative-shell::after {
        opacity: 0.15;
    }

    .ui-page,
    .creative-dashboard {
        border-radius: 0;
        box-shadow: none;
    }

    .ui-page-header {
        flex-direction: column;
        gap: 10px;
    }

    .ui-page-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .ui-action-bar,
    .creative-actions {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ui-menu ul li,
    .creative-menu ul li,
    .ui-action-bar > a,
    .ui-action-bar > button,
    .creative-actions > a,
    .creative-actions > button,
    .ui-kpi,
    .creative-kpi-card {
        transition: none !important;
    }
    .ui-fade-up {
        animation: none !important;
    }
}

/* Scroll-reveal (v-reveal directive): fade + rise into view, brand easing curve */
.reveal-init {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal-init.reveal-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .reveal-init {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Onboarding product tour (driver.js) — retokened to match the dashboard design system */
.driver-popover.botzo-tour-popover {
    background: var(--ui-surface);
    color: var(--ui-text);
    border: 1px solid var(--ui-border-strong);
    border-top: 3px solid var(--ui-secondary);
    border-radius: 1rem;
    box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.4);
    min-width: 280px;
    max-width: 340px;
    padding: 1.2rem 1.2rem 1rem;
    font-family: inherit;
}

.driver-popover.botzo-tour-popover .driver-popover-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ui-text);
    padding-inline-start: 2.35rem;
}

.driver-popover.botzo-tour-popover.botzo-tour-popover--welcome {
    min-width: 340px;
    max-width: 400px;
    padding: 2rem 1.6rem 1.3rem;
}

.driver-popover.botzo-tour-popover.botzo-tour-popover--welcome .driver-popover-title {
    font-size: 1.2rem;
    padding-inline-start: 0;
}

.driver-popover.botzo-tour-popover.botzo-tour-popover--welcome .driver-popover-description {
    font-size: 0.92rem;
}

.botzo-tour-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.2rem;
}

.botzo-tour-logo-icon {
    height: 2.75rem;
    width: auto;
}

.botzo-tour-logo-wordmark {
    height: 1.3rem;
    width: auto;
}

.driver-popover.botzo-tour-popover .driver-popover-description {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    line-height: 1.6;
    color: var(--ui-muted);
}

.driver-popover.botzo-tour-popover .driver-popover-close-btn {
    position: absolute !important;
    top: 1.15rem;
    inset-inline-start: 1.2rem;
    inset-inline-end: auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 1.7rem !important;
    height: 1.7rem;
    line-height: 1;
    white-space: nowrap;
    color: var(--ui-danger);
    background: color-mix(in srgb, var(--ui-danger) 20%, transparent);
    border: none;
    border-radius: 999px;
    padding: 0;
    transition: background-color 150ms ease, transform 150ms ease;
}

.driver-popover.botzo-tour-popover .driver-popover-close-btn:hover,
.driver-popover.botzo-tour-popover .driver-popover-close-btn:focus {
    background: color-mix(in srgb, var(--ui-danger) 32%, transparent);
    transform: scale(1.05);
}

.driver-popover.botzo-tour-popover .driver-popover-footer {
    margin-top: 1.35rem;
    align-items: center;
}

.driver-popover.botzo-tour-popover .driver-popover-progress-text {
    color: var(--ui-muted);
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.driver-popover.botzo-tour-popover .driver-popover-navigation-btns {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.driver-popover.botzo-tour-popover .driver-popover-navigation-btns button + button {
    margin: 0 !important;
}

.driver-popover.botzo-tour-popover .driver-popover-footer-btn {
    border-radius: 0.65rem;
    border: 1px solid var(--ui-border-strong);
    background: var(--ui-surface-soft);
    color: var(--ui-text);
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    text-shadow: none;
    transition: background-color 150ms ease, filter 150ms ease;
}

.driver-popover.botzo-tour-popover .driver-popover-footer-btn:hover,
.driver-popover.botzo-tour-popover .driver-popover-footer-btn:focus {
    background: var(--ui-border-strong);
}

.driver-popover.botzo-tour-popover .driver-popover-next-btn {
    background: var(--ui-secondary);
    border-color: var(--ui-secondary);
    color: #fff;
}

.driver-popover.botzo-tour-popover .driver-popover-next-btn:hover,
.driver-popover.botzo-tour-popover .driver-popover-next-btn:focus {
    filter: brightness(1.05);
    background: var(--ui-secondary);
}

.driver-popover.botzo-tour-popover .driver-popover-arrow-side-left {
    border-right-color: var(--ui-surface) !important;
}

.driver-popover.botzo-tour-popover .driver-popover-arrow-side-right {
    border-left-color: var(--ui-surface) !important;
}

.driver-popover.botzo-tour-popover .driver-popover-arrow-side-top {
    border-bottom-color: var(--ui-surface) !important;
}

.driver-popover.botzo-tour-popover .driver-popover-arrow-side-bottom {
    border-top-color: var(--ui-surface) !important;
}

/* Sidebar navigation (shared) — single source of truth for both the client
   dashboard sidebar and the admin panel sidebar, so a style change here
   applies to both automatically. Values are taken from the client sidebar,
   which is the reference implementation. */
.ui-sidebar-header {
    border-bottom: 1px solid var(--ui-border);
}

.ui-sidebar-header--compact {
    border-bottom: none;
}

.ui-sidebar-collapse-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 0.6rem;
    color: var(--ui-muted);
    background: transparent;
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease;
}

.ui-sidebar-collapse-btn:hover {
    background: color-mix(in srgb, #fff 86%, var(--ui-secondary) 14%);
    color: var(--ui-secondary);
}

.dark .ui-sidebar-collapse-btn:hover {
    background: color-mix(in srgb, var(--ui-bg) 80%, var(--ui-secondary) 20%);
    color: var(--ui-secondary);
}

.ui-sidebar-section-label {
    padding: 0 0.6rem;
    margin-bottom: 0.4rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ui-muted);
    opacity: 0.75;
    max-height: 1.5rem;
    transition: opacity 160ms ease, max-height 220ms ease, margin 220ms ease;
}

.ui-sidebar-section-label--spaced {
    margin-top: 0.35rem;
}

.ui-sidebar-section-label--collapsed {
    opacity: 0;
    max-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.ui-sidebar-divider {
    border: none;
    border-top: 1px solid var(--ui-border);
    opacity: 0.7;
    max-height: 2rem;
    margin: 0.9rem 0;
    transition: opacity 160ms ease, max-height 220ms ease, margin 220ms ease;
}

.ui-sidebar-divider--hidden {
    opacity: 0;
    max-height: 0;
    margin: 0;
    overflow: hidden;
    border-top-width: 0;
}

.ui-sidebar-item {
    position: relative;
    color: var(--ui-text);
    background: transparent;
    transition: background-color 160ms ease, color 160ms ease, box-shadow 200ms ease;
}

.ui-sidebar-item:hover {
    background: var(--ui-surface-soft) !important;
    color: var(--ui-text) !important;
    box-shadow:
        0 10px 22px -18px rgba(15, 23, 42, 0.35),
        inset 0 0 0 1px var(--ui-border-strong);
}

.ui-sidebar-item.ui-sidebar-item--active {
    background: color-mix(in srgb, var(--ui-secondary) 18%, transparent) !important;
    color: var(--ui-secondary) !important;
    font-weight: 600;
}

.ui-sidebar-item--active::before {
    content: "";
    position: absolute;
    inset-inline-start: -0.3rem;
    top: 0.3rem;
    bottom: 0.3rem;
    width: 3px;
    border-radius: 999px;
    background: var(--ui-secondary);
}

.ui-sidebar-item a {
    transition: transform 120ms ease;
}

.ui-sidebar-item:active a {
    transform: scale(0.98);
}

.ui-sidebar-icon-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    flex-shrink: 0;
    border-radius: 0.65rem;
    color: var(--ui-muted);
    background: color-mix(in srgb, var(--ui-secondary) 8%, transparent);
    transition: background-color 160ms ease, color 160ms ease, transform 200ms ease, box-shadow 200ms ease;
}

.ui-sidebar-item:hover .ui-sidebar-icon-chip {
    background: var(--ui-surface);
    color: var(--ui-text);
    transform: scale(1.08);
    box-shadow: 0 4px 10px -4px rgba(15, 23, 42, 0.28);
}

.ui-sidebar-item--active .ui-sidebar-icon-chip {
    background: var(--ui-secondary);
    color: #fff;
}

.ui-sidebar-item--active:hover .ui-sidebar-icon-chip {
    background: var(--ui-secondary);
    color: #fff;
    box-shadow: 0 6px 14px -6px color-mix(in srgb, var(--ui-secondary) 70%, transparent);
}

.ui-sidebar-icon-chip--dot::after {
    content: "";
    position: absolute;
    top: -2px;
    inset-inline-end: -2px;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    background: var(--ui-warning);
    border: 2px solid var(--ui-surface);
}

.ui-sidebar-item-label {
    font-weight: 500;
    display: inline-block;
    max-width: 12rem;
    opacity: 1;
    transition: opacity 160ms ease, max-width 220ms ease, margin 220ms ease;
}

.ui-sidebar-item-label--collapsed {
    opacity: 0;
    max-width: 0;
    margin: 0;
    overflow: hidden;
}

.ui-sidebar-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 0.45rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
}

.ui-sidebar-footer {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin: 0 0.75rem 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--ui-border);
}

.ui-sidebar-utility-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ui-sidebar-profile-dropdown {
    display: block !important;
    width: 100%;
}

.ui-sidebar-profile-card {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.85rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface-soft);
}

.ui-sidebar-profile-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border-radius: 999px;
    overflow: hidden;
    color: var(--ui-secondary);
    background: color-mix(in srgb, var(--ui-secondary) 16%, transparent);
}

.ui-sidebar-profile-name {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--ui-text);
}

.ui-sidebar-logout-item {
    color: var(--ui-danger);
}

.ui-sidebar-logout-item.ui-dropdown-item-active {
    background: color-mix(in srgb, var(--ui-danger) 12%, transparent);
    color: var(--ui-danger);
}

.placeholder\:text-\[\#8899aa\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(136 153 170 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#8899aa\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(136 153 170 / 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));
}

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

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

.focus-within\:\!border-\[\#25D366\]:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: rgb(37 211 102 / var(--tw-border-opacity)) !important;
}

.focus-within\:\!ring-\[3px\]:focus-within {
  --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(3px + 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-within\:\!ring-\[\#25D366\]\/20:focus-within {
  --tw-ring-color: rgb(37 211 102 / 0.2) !important;
}

.focus-within\:\!ring-red-500\/20:focus-within {
  --tw-ring-color: rgb(239 68 68 / 0.2) !important;
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-1\.5:hover {
  --tw-translate-y: -0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\: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-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.03\]:hover {
  --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));
}

.hover\:scale-\[1\.04\]:hover {
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
  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\:rounded-full:hover {
  border-radius: 9999px;
}

.hover\:border-b-2:hover {
  border-bottom-width: 2px;
}

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

.hover\:border-\[\#25d366\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(37 211 102 / var(--tw-border-opacity));
}

.hover\:border-\[\#2bd46a\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(43 212 106 / var(--tw-border-opacity));
}

.hover\:border-\[color-mix\(in_srgb\2c var\(--flow-tone-branch\)_55\%\2c var\(--ui-border\)\)\]:hover {
  border-color: color-mix(in srgb,var(--flow-tone-branch) 55%,var(--ui-border));
}

.hover\:border-\[color-mix\(in_srgb\2c var\(--flow-tone-handoff\)_55\%\2c var\(--ui-border\)\)\]:hover {
  border-color: color-mix(in srgb,var(--flow-tone-handoff) 55%,var(--ui-border));
}

.hover\:border-\[color-mix\(in_srgb\2c var\(--ui-success\)_55\%\2c var\(--ui-border\)\)\]:hover {
  border-color: color-mix(in srgb,var(--ui-success) 55%,var(--ui-border));
}

.hover\:border-\[color-mix\(in_srgb\2c var\(--ui-warning\)_55\%\2c var\(--ui-border\)\)\]:hover {
  border-color: color-mix(in srgb,var(--ui-warning) 55%,var(--ui-border));
}

.hover\:border-\[var\(--ui-border\)\]:hover {
  border-color: var(--ui-border);
}

.hover\:border-\[var\(--ui-border-strong\)\]:hover {
  border-color: var(--ui-border-strong);
}

.hover\:border-\[var\(--ui-secondary\)\]:hover {
  border-color: var(--ui-secondary);
}

.hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / 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-primary:hover {
  border-color: var(--color-primary, #034737);
}

.hover\:border-slate-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.hover\:bg-\[\#25d366\]\/\[0\.08\]:hover {
  background-color: rgb(37 211 102 / 0.08);
}

.hover\:bg-\[color-mix\(in_srgb\2c var\(--ui-danger\)_10\%\2c transparent\)\]:hover {
  background-color: color-mix(in srgb,var(--ui-danger) 10%,transparent);
}

.hover\:bg-\[color-mix\(in_srgb\2c var\(--ui-secondary\)_16\%\2c var\(--ui-surface\)\)\]:hover {
  background-color: color-mix(in srgb,var(--ui-secondary) 16%,var(--ui-surface));
}

.hover\:bg-\[color-mix\(in_srgb\2c var\(--ui-secondary\)_82\%\2c black\)\]:hover {
  background-color: color-mix(in srgb,var(--ui-secondary) 82%,black);
}

.hover\:bg-\[color-mix\(in_srgb\2c var\(--ui-surface-soft\)_60\%\2c var\(--ui-border\)\)\]:hover {
  background-color: color-mix(in srgb,var(--ui-surface-soft) 60%,var(--ui-border));
}

.hover\:bg-\[rgba\(37\2c 211\2c 102\2c 0\.12\)\]:hover {
  background-color: rgba(37,211,102,0.12);
}

.hover\:bg-\[var\(--ui-border\)\]:hover {
  background-color: var(--ui-border);
}

.hover\:bg-\[var\(--ui-surface\)\]:hover {
  background-color: var(--ui-surface);
}

.hover\:bg-\[var\(--ui-surface-soft\)\]:hover {
  background-color: var(--ui-surface-soft);
}

.hover\:bg-amber-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}

.hover\:bg-black\/5:hover {
  background-color: rgb(0 0 0 / 0.05);
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.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-indigo-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}

.hover\:bg-primary:hover {
  background-color: var(--color-primary, #034737);
}

.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 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-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 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-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
}

.hover\:bg-secondary:hover {
  background-color: var(--color-secondary, #008000);
}

.hover\:bg-sky-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / 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-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\/70:hover {
  background-color: rgb(248 250 252 / 0.7);
}

.hover\:bg-slate-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / 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-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-opacity-30:hover {
  --tw-bg-opacity: 0.3;
}

.hover\:text-\[\#1db954\]:hover {
  --tw-text-opacity: 1;
  color: rgb(29 185 84 / var(--tw-text-opacity));
}

.hover\:text-\[\#25D366\]:hover {
  --tw-text-opacity: 1;
  color: rgb(37 211 102 / var(--tw-text-opacity));
}

.hover\:text-\[\#25d366\]:hover {
  --tw-text-opacity: 1;
  color: rgb(37 211 102 / var(--tw-text-opacity));
}

.hover\:text-\[var\(--ui-text\)\]:hover {
  color: var(--ui-text);
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 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-500:hover {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / 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-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.hover\:text-primary:hover {
  color: var(--color-primary, #034737);
}

.hover\:text-secondary:hover {
  color: var(--color-secondary, #008000);
}

.hover\:text-slate-950:hover {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / 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\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.hover\:opacity-95:hover {
  opacity: 0.95;
}

.hover\:shadow:hover {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_0_0_1px_rgba\(37\2c 211\2c 102\2c 0\.2\)\2c 0_18px_30px_rgba\(37\2c 211\2c 102\2c 0\.12\)\]:hover {
  --tw-shadow: 0 0 0 1px rgba(37,211,102,0.2),0 18px 30px rgba(37,211,102,0.12);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 18px 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);
}

.hover\:shadow-\[0_0_0_1px_rgba\(37\2c 211\2c 102\2c 0\.35\)\2c 0_26px_70px_0_rgba\(37\2c 211\2c 102\2c 0\.22\)\]:hover {
  --tw-shadow: 0 0 0 1px rgba(37,211,102,0.35),0 26px 70px 0 rgba(37,211,102,0.22);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 26px 70px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_10px_20px_color-mix\(in_srgb\2c var\(--ui-text\)_8\%\2c transparent\)\]:hover {
  --tw-shadow: 0 10px 20px color-mix(in srgb,var(--ui-text) 8%,transparent);
  --tw-shadow-colored: 0 10px 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);
}

.hover\:shadow-\[0_12px_30px_-8px_rgba\(37\2c 211\2c 102\2c 0\.55\)\]:hover {
  --tw-shadow: 0 12px 30px -8px rgba(37,211,102,0.55);
  --tw-shadow-colored: 0 12px 30px -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);
}

.hover\:shadow-\[0_18px_60px_0_rgba\(37\2c 211\2c 102\2c 0\.12\)\]:hover {
  --tw-shadow: 0 18px 60px 0 rgba(37,211,102,0.12);
  --tw-shadow-colored: 0 18px 60px 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-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:brightness-95:hover {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus\:\!border-\[\#25D366\]:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(37 211 102 / var(--tw-border-opacity)) !important;
}

.focus\:border-\[\#25d366\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(37 211 102 / var(--tw-border-opacity));
}

.focus\:border-\[var\(--ui-border-strong\)\]:focus {
  border-color: var(--ui-border-strong);
}

.focus\:border-\[var\(--ui-secondary\)\]:focus {
  border-color: var(--ui-secondary);
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.focus\:border-indigo-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity));
}

.focus\:bg-\[var\(--ui-surface\)\]:focus {
  background-color: var(--ui-surface);
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:\!ring-\[3px\]:focus {
  --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(3px + 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\: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-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-\[\#25D366\]\/20:focus {
  --tw-ring-color: rgb(37 211 102 / 0.2) !important;
}

.focus\:\!ring-red-500\/20:focus {
  --tw-ring-color: rgb(239 68 68 / 0.2) !important;
}

.focus\:ring-\[\#25d366\]\/20:focus {
  --tw-ring-color: rgb(37 211 102 / 0.2);
}

.focus\:ring-\[color-mix\(in_srgb\2c var\(--ui-success\)_35\%\2c transparent\)\]:focus {
  --tw-ring-color: color-mix(in srgb,var(--ui-success) 35%,transparent);
}

.focus\:ring-\[var\(--ui-secondary\)\]:focus {
  --tw-ring-color: var(--ui-secondary);
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / 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-indigo-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
}

.focus\:ring-primary:focus {
  --tw-ring-color: var(--color-primary, #034737);
}

.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}

.focus\:ring-white\/50:focus {
  --tw-ring-color: rgb(255 255 255 / 0.5);
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:border-indigo-500:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity));
}

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.focus-visible\:outline-\[var\(--ui-border-strong\)\]:focus-visible {
  outline-color: var(--ui-border-strong);
}

.focus-visible\:outline-\[var\(--ui-primary\)\]:focus-visible {
  outline-color: var(--ui-primary);
}

.focus-visible\:outline-\[var\(--ui-secondary\)\]:focus-visible {
  outline-color: var(--ui-secondary);
}

.focus-visible\:outline-indigo-600:focus-visible {
  outline-color: #4f46e5;
}

.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-\[var\(--ui-secondary\)\]:focus-visible {
  --tw-ring-color: var(--ui-secondary);
}

.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-white:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}

.focus-visible\:ring-opacity-75:focus-visible {
  --tw-ring-opacity: 0.75;
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:ring-offset-orange-300:focus-visible {
  --tw-ring-offset-color: #fdba74;
}

.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\:cursor-grabbing:active {
  cursor: grabbing;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:opacity-25:disabled {
  opacity: 0.25;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:opacity-60:disabled {
  opacity: 0.6;
}

.disabled\:opacity-70:disabled {
  opacity: 0.7;
}

.group:hover .group-hover\:block {
  display: block;
}

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

.group:hover .group-hover\:-translate-y-0\.5 {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-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: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\: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-\[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\:pe-0 {
  padding-inline-end: 0px;
}

.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-gray-950 {
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / var(--tw-text-opacity));
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

:is([dir="ltr"] .ltr\:text-left) {
  text-align: left;
}

:is([dir="rtl"] .rtl\: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));
}

:is([dir="rtl"] .rtl\:-scale-x-100) {
  --tw-scale-x: -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));
}

:is(.dark .dark\:block) {
  display: block;
}

:is(.dark .dark\:hidden) {
  display: none;
}

:is(.dark .dark\:h-\[500px\]) {
  height: 500px;
}

:is(.dark .dark\:h-\[624px\]) {
  height: 624px;
}

:is(.dark .dark\:w-\[500px\]) {
  width: 500px;
}

:is(.dark .dark\:w-\[624px\]) {
  width: 624px;
}

:is(.dark .dark\:-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));
}

:is(.dark .dark\:border-\[\#1a2332\]) {
  --tw-border-opacity: 1;
  border-color: rgb(26 35 50 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-\[\#1e2a3a\]) {
  --tw-border-opacity: 1;
  border-color: rgb(30 42 58 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-\[\#94a3b8\]) {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-amber-500\/20) {
  border-color: rgb(245 158 11 / 0.2);
}

:is(.dark .dark\:border-gray-500) {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-green-700) {
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-red-900\/40) {
  border-color: rgb(127 29 29 / 0.4);
}

:is(.dark .dark\:border-rose-500\/20) {
  border-color: rgb(244 63 94 / 0.2);
}

:is(.dark .dark\:border-sky-500\/20) {
  border-color: rgb(14 165 233 / 0.2);
}

:is(.dark .dark\:border-transparent) {
  border-color: transparent;
}

:is(.dark .dark\:border-white) {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-white\/10) {
  border-color: rgb(255 255 255 / 0.1);
}

:is(.dark .dark\:border-white\/20) {
  border-color: rgb(255 255 255 / 0.2);
}

:is(.dark .dark\:border-white\/\[0\.08\]) {
  border-color: rgb(255 255 255 / 0.08);
}

:is(.dark .dark\:\!bg-\[\#f0f4f8\]) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 244 248 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:bg-\[\#060a10\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(6 10 16 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#0a0f17\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(10 15 23 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#0b161a\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(11 22 26 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#0d1117\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(13 17 23 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#0d1420\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(13 20 32 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#0f5c2e\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 92 46 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#111a14\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 26 20 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#111b21\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 27 33 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#1e2a3a\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 58 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#202c33\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(32 44 51 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#22304a\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 48 74 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#233138\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 49 56 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#25d366\]\/\[0\.06\]) {
  background-color: rgb(37 211 102 / 0.06);
}

:is(.dark .dark\:bg-\[\#94a3b8\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[\#f0f4f8\]) {
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 248 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-\[rgba\(37\2c 211\2c 102\2c 0\.12\)\]) {
  background-color: rgba(37,211,102,0.12);
}

:is(.dark .dark\:bg-amber-500\/10) {
  background-color: rgb(245 158 11 / 0.1);
}

:is(.dark .dark\:bg-black) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-gray-500) {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-green-500\/10) {
  background-color: rgb(34 197 94 / 0.1);
}

:is(.dark .dark\:bg-green-900\/30) {
  background-color: rgb(20 83 45 / 0.3);
}

:is(.dark .dark\:bg-orange-500\/10) {
  background-color: rgb(249 115 22 / 0.1);
}

:is(.dark .dark\:bg-red-500\/10) {
  background-color: rgb(239 68 68 / 0.1);
}

:is(.dark .dark\:bg-red-950\/40) {
  background-color: rgb(69 10 10 / 0.4);
}

:is(.dark .dark\:bg-rose-500\/10) {
  background-color: rgb(244 63 94 / 0.1);
}

:is(.dark .dark\:bg-sky-500\/10) {
  background-color: rgb(14 165 233 / 0.1);
}

:is(.dark .dark\:bg-transparent) {
  background-color: transparent;
}

:is(.dark .dark\:bg-white) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-white\/10) {
  background-color: rgb(255 255 255 / 0.1);
}

:is(.dark .dark\:bg-white\/5) {
  background-color: rgb(255 255 255 / 0.05);
}

:is(.dark .dark\:bg-white\/\[0\.06\]) {
  background-color: rgb(255 255 255 / 0.06);
}

:is(.dark .dark\:bg-\[radial-gradient\(circle_at_18\%_16\%\2c rgba\(37\2c 211\2c 102\2c 0\.1\)\2c transparent_55\%\)\2c linear-gradient\(\#0b161a\2c \#0b161a\)\]) {
  background-image: radial-gradient(circle at 18% 16%,rgba(37,211,102,0.1),transparent 55%),linear-gradient(#0b161a,#0b161a);
}

:is(.dark .dark\:bg-gradient-to-b) {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

:is(.dark .dark\:bg-gradient-to-br) {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

:is(.dark .dark\:from-\[\#25d366\]) {
  --tw-gradient-from: #25d366 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 211 102 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

:is(.dark .dark\: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);
}

:is(.dark .dark\:from-\[-40\%\]) {
  --tw-gradient-from-position: -40%;
}

:is(.dark .dark\:to-\[\#1db954\]) {
  --tw-gradient-to: #1db954 var(--tw-gradient-to-position);
}

:is(.dark .dark\:to-\[\#25d366\]) {
  --tw-gradient-to: #25d366 var(--tw-gradient-to-position);
}

:is(.dark .dark\:text-\[\#00c950\]) {
  --tw-text-opacity: 1;
  color: rgb(0 201 80 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-\[\#04130a\]) {
  --tw-text-opacity: 1;
  color: rgb(4 19 10 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-\[\#25d366\]) {
  --tw-text-opacity: 1;
  color: rgb(37 211 102 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-\[\#456\]\/60) {
  color: rgb(68 85 102 / 0.6);
}

:is(.dark .dark\:text-\[\#8899aa\]) {
  --tw-text-opacity: 1;
  color: rgb(136 153 170 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-\[\#94a3b8\]) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-amber-200) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-amber-300) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-300) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-400) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-gray-500) {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-green-200) {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-green-400) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-orange-400) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-red-300) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-red-400) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-rose-400) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-sky-300) {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-sky-400) {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-slate-100) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-slate-200) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-slate-300) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-slate-400) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-slate-500) {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-slate-600) {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-white\/40) {
  color: rgb(255 255 255 / 0.4);
}

:is(.dark .dark\:shadow-\[0_-8px_30px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]) {
  --tw-shadow: 0 -8px 30px rgba(0,0,0,0.35);
  --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);
}

:is(.dark .dark\:shadow-\[0_10px_30px_-8px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]) {
  --tw-shadow: 0 10px 30px -8px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 10px 30px -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);
}

:is(.dark .dark\:shadow-\[0_4px_24px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]) {
  --tw-shadow: 0 4px 24px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 4px 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);
}

:is(.dark .dark\: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);
}

:is(.dark .dark\:ring-green-500\/20) {
  --tw-ring-color: rgb(34 197 94 / 0.2);
}

:is(.dark .dark\:focus-within\:\!ring-\[\#25D366\]\/30:focus-within) {
  --tw-ring-color: rgb(37 211 102 / 0.3) !important;
}

:is(.dark .dark\:hover\:border-\[\#25d366\]:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(37 211 102 / var(--tw-border-opacity));
}

:is(.dark .dark\:hover\:bg-red-500\/10:hover) {
  background-color: rgb(239 68 68 / 0.1);
}

:is(.dark .dark\:hover\:bg-white\/10:hover) {
  background-color: rgb(255 255 255 / 0.1);
}

:is(.dark .dark\:hover\:bg-white\/20:hover) {
  background-color: rgb(255 255 255 / 0.2);
}

:is(.dark .dark\:hover\:bg-white\/5:hover) {
  background-color: rgb(255 255 255 / 0.05);
}

:is(.dark .dark\:hover\:text-\[\#3ee27e\]:hover) {
  --tw-text-opacity: 1;
  color: rgb(62 226 126 / var(--tw-text-opacity));
}

:is(.dark .dark\:hover\:text-gray-700:hover) {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

:is(.dark .dark\:hover\:text-white:hover) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:hover\:text-white\/80:hover) {
  color: rgb(255 255 255 / 0.8);
}

:is(.dark .dark\:focus\:\!shadow-\[0_0_16px_-2px_rgba\(37\2c 211\2c 102\2c 0\.35\)\]:focus) {
  --tw-shadow: 0 0 16px -2px rgba(37,211,102,0.35) !important;
  --tw-shadow-colored: 0 0 16px -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;
}

:is(.dark .dark\:focus\:\!ring-\[\#25D366\]\/30:focus) {
  --tw-ring-color: rgb(37 211 102 / 0.3) !important;
}

:is(.dark .group:hover .dark\:group-hover\:text-gray-200) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

@media print {

  .print\:hidden {
    display: none;
  }
}

@media not all and (min-width: 1024px) {

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

  .max-lg\:right-\[25\%\] {
    right: 25%;
  }

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

@media not all and (min-width: 768px) {

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

  .max-md\:flex-col {
    flex-direction: column;
  }
}

@media (min-width: 640px) {

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

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

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

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

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

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

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

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

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, 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-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

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

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

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

  .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-between {
    justify-content: space-between;
  }

  .sm\:gap-0 {
    gap: 0px;
  }

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

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

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

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

  .sm\:border-\[\#5a6b7e\] {
    --tw-border-opacity: 1;
    border-color: rgb(90 107 126 / var(--tw-border-opacity));
  }

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

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

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

  .sm\:p-\[33px\] {
    padding: 33px;
  }

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

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

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

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

  .sm\:pl-\[30px\] {
    padding-left: 30px;
  }

  .sm\:pr-\[30px\] {
    padding-right: 30px;
  }

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

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

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:leading-6 {
    line-height: 1.5rem;
  }

  .sm\:leading-\[76px\] {
    line-height: 76px;
  }

  :is(.dark .dark\:sm\:border-\[\#94a3b8\]) {
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184 / var(--tw-border-opacity));
  }
}

@media (min-width: 768px) {

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

  .md\:-left-16 {
    left: -4rem;
  }

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

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

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

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

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

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

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

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-\[3\%\] {
    margin-top: 3%;
  }

  .md\:block {
    display: block;
  }

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

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

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

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

  .md\:table-header-group {
    display: table-header-group;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

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

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

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

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

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

  .md\:w-2\/3 {
    width: 66.666667%;
  }

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

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

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

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

  .md\:w-\[11em\] {
    width: 11em;
  }

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

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

  .md\:w-\[30em\] {
    width: 30em;
  }

  .md\:w-\[33em\] {
    width: 33em;
  }

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

  .md\:w-\[60em\] {
    width: 60em;
  }

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

  .md\:w-full {
    width: 100%;
  }

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

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

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

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, 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\:flex-row {
    flex-direction: row;
  }

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

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

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

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

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

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

  .md\:gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .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\:rounded-2xl {
    border-radius: 1rem;
  }

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

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

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

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

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

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

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

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

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

  .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-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

  .md\:ps-8 {
    padding-inline-start: 2rem;
  }

  .md\:pt-10 {
    padding-top: 2.5rem;
  }

  .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-5xl {
    font-size: 3rem;
    line-height: 1;
  }

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

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

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {

  .lg\:sticky {
    position: sticky;
  }

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

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

  .lg\:order-1 {
    order: 1;
  }

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

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

  .lg\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

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

  .lg\:ms-24 {
    margin-inline-start: 6rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

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

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

  .lg\:hidden {
    display: none;
  }

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

  .lg\:h-3 {
    height: 0.75rem;
  }

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

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

  .lg\:min-h-\[calc\(100vh-12rem\)\] {
    min-height: calc(100vh - 12rem);
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

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

  .lg\:w-3 {
    width: 0.75rem;
  }

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

  .lg\:w-9 {
    width: 2.25rem;
  }

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

  .lg\:w-\[229\.56px\] {
    width: 229.56px;
  }

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

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

  .lg\:w-\[367\.3px\] {
    width: 367.3px;
  }

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

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

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

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

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

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

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

  .lg\:min-w-\[12rem\] {
    min-width: 12rem;
  }

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

  .lg\:-translate-y-\[10px\] {
    --tw-translate-y: -10px;
    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));
  }

  .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\:flex-row {
    flex-direction: row;
  }

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

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

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

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

  .lg\:justify-center {
    justify-content: center;
  }

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

  .lg\:gap-0 {
    gap: 0px;
  }

  .lg\:gap-10 {
    gap: 2.5rem;
  }

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

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

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

  .lg\:gap-\[72px\] {
    gap: 72px;
  }

  .lg\:gap-x-20 {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

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

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

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

  .lg\:p-\[56px\] {
    padding: 56px;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

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

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

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

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

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

  .lg\:py-\[52px\] {
    padding-top: 52px;
    padding-bottom: 52px;
  }

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

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

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

  .lg\:text-\[18px\] {
    font-size: 18px;
  }

  .lg\:text-\[24px\] {
    font-size: 24px;
  }

  .lg\:text-\[32px\] {
    font-size: 32px;
  }

  .lg\:text-\[40px\] {
    font-size: 40px;
  }

  .lg\:text-\[46px\] {
    font-size: 46px;
  }

  .lg\:text-\[64px\] {
    font-size: 64px;
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:leading-9 {
    line-height: 2.25rem;
  }

  .lg\:leading-\[1\.4\] {
    line-height: 1.4;
  }

  .lg\:leading-\[40\.8px\] {
    line-height: 40.8px;
  }

  .lg\:leading-\[56px\] {
    line-height: 56px;
  }

  .lg\:backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}

@media (min-width: 1280px) {

  .xl\:sticky {
    position: sticky;
  }

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

  .xl\:order-1 {
    order: 1;
  }

  .xl\:order-2 {
    order: 2;
  }

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

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

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

  .xl\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xl\:block {
    display: block;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-\[calc\(100vh-11\.5rem\)\] {
    height: calc(100vh - 11.5rem);
  }

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

  .xl\:w-44 {
    width: 11rem;
  }

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

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

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

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

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

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

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

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

  .xl\:grid-cols-\[1\.05fr\2c 0\.95fr\] {
    grid-template-columns: 1.05fr 0.95fr;
  }

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

  .xl\:grid-cols-\[minmax\(0\2c 1\.25fr\)_minmax\(24rem\2c 28rem\)\] {
    grid-template-columns: minmax(0,1.25fr) minmax(24rem,28rem);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(360px\2c 0\.8fr\)\] {
    grid-template-columns: minmax(0,1.2fr) minmax(360px,0.8fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.35fr\)_minmax\(220px\2c 0\.85fr\)_170px_170px_auto\] {
    grid-template-columns: minmax(0,1.35fr) minmax(220px,0.85fr) 170px 170px auto;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.3fr\)_minmax\(320px\2c 0\.9fr\)\] {
    grid-template-columns: minmax(0,1.3fr) minmax(320px,0.9fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1\.45fr\)_minmax\(320px\2c 0\.85fr\)\] {
    grid-template-columns: minmax(0,1.45fr) minmax(320px,0.85fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_340px\] {
    grid-template-columns: minmax(0,1fr) 340px;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_360px\] {
    grid-template-columns: minmax(0,1fr) 360px;
  }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1536px) {

  .\32xl\:left-\[210px\] {
    left: 210px;
  }

  .\32xl\:right-\[150px\] {
    right: 150px;
  }

  .\32xl\:w-2\/3 {
    width: 66.666667%;
  }

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

  .\32xl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .\32xl\:px-60 {
    padding-left: 15rem;
    padding-right: 15rem;
  }
}

.\[\&_svg\]\:block svg {
  display: block;
}