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

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

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

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

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

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

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Inter, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

code,
kbd,
samp,
pre {
  font-family: JetBrains Mono, Fira Code, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

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

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

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

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

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){

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

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

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

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

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

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

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

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

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

  .container{
    max-width: 1536px;
  }
}
.prose{
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-sm{
  font-size: 0.875rem;
  line-height: 1.7142857;
}
.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.1111111em;
}
.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}
.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}
.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}
.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-inline-start: 0.3571429em;
}
.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
}
.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.9em;
}
.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
}
.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}
.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4285714em;
}
.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4285714em;
}
.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}
.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}
.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.5;
}
.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}
.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.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-6{
  inset: 1.5rem;
}
.inset-\[-150\%\]{
  inset: -150%;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-bottom-0\.5{
  bottom: -0.125rem;
}
.-bottom-1{
  bottom: -0.25rem;
}
.-left-12{
  left: -3rem;
}
.-right-0\.5{
  right: -0.125rem;
}
.-right-1{
  right: -0.25rem;
}
.-right-12{
  right: -3rem;
}
.-right-2\.5{
  right: -0.625rem;
}
.-top-0\.5{
  top: -0.125rem;
}
.-top-1\.5{
  top: -0.375rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1\/4{
  bottom: 25%;
}
.bottom-10{
  bottom: 2.5rem;
}
.bottom-11{
  bottom: 2.75rem;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-\[68px\]{
  bottom: 68px;
}
.bottom-\[72px\]{
  bottom: 72px;
}
.bottom-\[80px\]{
  bottom: 80px;
}
.bottom-full{
  bottom: 100%;
}
.left-0{
  left: 0px;
}
.left-1\/2{
  left: 50%;
}
.left-2{
  left: 0.5rem;
}
.left-3{
  left: 0.75rem;
}
.left-3\.5{
  left: 0.875rem;
}
.left-4{
  left: 1rem;
}
.left-6{
  left: 1.5rem;
}
.left-\[18px\]{
  left: 18px;
}
.left-\[19px\]{
  left: 19px;
}
.left-\[2px\]{
  left: 2px;
}
.left-\[3px\]{
  left: 3px;
}
.right-0{
  right: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-1\.5{
  right: 0.375rem;
}
.right-1\/4{
  right: 25%;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.right-6{
  right: 1.5rem;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\.5{
  top: 0.375rem;
}
.top-1\/2{
  top: 50%;
}
.top-1\/4{
  top: 25%;
}
.top-10{
  top: 2.5rem;
}
.top-11{
  top: 2.75rem;
}
.top-2{
  top: 0.5rem;
}
.top-3{
  top: 0.75rem;
}
.top-4{
  top: 1rem;
}
.top-6{
  top: 1.5rem;
}
.top-8{
  top: 2rem;
}
.top-9{
  top: 2.25rem;
}
.top-\[120px\]{
  top: 120px;
}
.top-\[2px\]{
  top: 2px;
}
.top-\[3px\]{
  top: 3px;
}
.top-\[84px\]{
  top: 84px;
}
.top-\[calc\(1\.5rem\+env\(safe-area-inset-top\)\)\]{
  top: calc(1.5rem + env(safe-area-inset-top));
}
.top-full{
  top: 100%;
}
.-z-10{
  z-index: -10;
}
.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-\[100000\]{
  z-index: 100000;
}
.z-\[100001\]{
  z-index: 100001;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[150\]{
  z-index: 150;
}
.z-\[160\]{
  z-index: 160;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[200000\]{
  z-index: 200000;
}
.z-\[2000\]{
  z-index: 2000;
}
.z-\[200\]{
  z-index: 200;
}
.z-\[250000\]{
  z-index: 250000;
}
.z-\[250001\]{
  z-index: 250001;
}
.z-\[250002\]{
  z-index: 250002;
}
.z-\[250003\]{
  z-index: 250003;
}
.z-\[250\]{
  z-index: 250;
}
.z-\[300000\]{
  z-index: 300000;
}
.z-\[300001\]{
  z-index: 300001;
}
.z-\[300\]{
  z-index: 300;
}
.z-\[320\]{
  z-index: 320;
}
.z-\[400\]{
  z-index: 400;
}
.z-\[500\]{
  z-index: 500;
}
.z-\[501\]{
  z-index: 501;
}
.z-\[50\]{
  z-index: 50;
}
.z-\[600\]{
  z-index: 600;
}
.z-\[60\]{
  z-index: 60;
}
.z-\[70\]{
  z-index: 70;
}
.z-\[9000\]{
  z-index: 9000;
}
.z-\[9990\]{
  z-index: 9990;
}
.z-\[9991\]{
  z-index: 9991;
}
.z-\[99998\]{
  z-index: 99998;
}
.z-\[999999\]{
  z-index: 999999;
}
.z-\[99999\]{
  z-index: 99999;
}
.z-\[9999\]{
  z-index: 9999;
}
.z-\[999\]{
  z-index: 999;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-3{
  grid-column: span 3 / span 3;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-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-2\.5{
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.-ml-0\.5{
  margin-left: -0.125rem;
}
.-ml-1{
  margin-left: -0.25rem;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-ml-3{
  margin-left: -0.75rem;
}
.-mr-1{
  margin-right: -0.25rem;
}
.-mr-1\.5{
  margin-right: -0.375rem;
}
.-mr-2{
  margin-right: -0.5rem;
}
.-mt-0\.5{
  margin-top: -0.125rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.-mt-1\.5{
  margin-top: -0.375rem;
}
.-mt-2{
  margin-top: -0.5rem;
}
.-mt-3{
  margin-top: -0.75rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-14{
  margin-bottom: 3.5rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-7{
  margin-bottom: 1.75rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[2px\]{
  margin-bottom: 2px;
}
.mb-\[3px\]{
  margin-bottom: 3px;
}
.mb-\[6px\]{
  margin-bottom: 6px;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-9{
  margin-left: 2.25rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-0\.5{
  margin-right: 0.125rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-auto{
  margin-right: auto;
}
.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-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-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-\[1px\]{
  margin-top: 1px;
}
.mt-\[2px\]{
  margin-top: 2px;
}
.mt-\[3px\]{
  margin-top: 3px;
}
.mt-auto{
  margin-top: auto;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-6{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.\!inline{
  display: inline !important;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-28{
  height: 7rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-44{
  height: 11rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-52{
  height: 13rem;
}
.h-56{
  height: 14rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-72{
  height: 18rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-96{
  height: 24rem;
}
.h-\[100dvh\]{
  height: 100dvh;
}
.h-\[120px\]{
  height: 120px;
}
.h-\[160px\]{
  height: 160px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[20px\]{
  height: 20px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[24px\]{
  height: 24px;
}
.h-\[26px\]{
  height: 26px;
}
.h-\[27px\]{
  height: 27px;
}
.h-\[28px\]{
  height: 28px;
}
.h-\[2px\]{
  height: 2px;
}
.h-\[300px\]{
  height: 300px;
}
.h-\[30px\]{
  height: 30px;
}
.h-\[31px\]{
  height: 31px;
}
.h-\[34px\]{
  height: 34px;
}
.h-\[38\%\]{
  height: 38%;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[400px\]{
  height: 400px;
}
.h-\[44px\]{
  height: 44px;
}
.h-\[48px\]{
  height: 48px;
}
.h-\[50px\]{
  height: 50px;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[54px\]{
  height: 54px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[60px\]{
  height: 60px;
}
.h-\[64px\]{
  height: 64px;
}
.h-\[68px\]{
  height: 68px;
}
.h-\[72px\]{
  height: 72px;
}
.h-\[7px\]{
  height: 7px;
}
.h-\[88px\]{
  height: 88px;
}
.h-\[90px\]{
  height: 90px;
}
.h-\[90vh\]{
  height: 90vh;
}
.h-\[92dvh\]{
  height: 92dvh;
}
.h-\[min\(92dvh\2c 760px\)\]{
  height: min(92dvh, 760px);
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.max-h-36{
  max-height: 9rem;
}
.max-h-40{
  max-height: 10rem;
}
.max-h-52{
  max-height: 13rem;
}
.max-h-72{
  max-height: 18rem;
}
.max-h-80{
  max-height: 20rem;
}
.max-h-\[120px\]{
  max-height: 120px;
}
.max-h-\[134px\]{
  max-height: 134px;
}
.max-h-\[136px\]{
  max-height: 136px;
}
.max-h-\[140px\]{
  max-height: 140px;
}
.max-h-\[160px\]{
  max-height: 160px;
}
.max-h-\[220px\]{
  max-height: 220px;
}
.max-h-\[240px\]{
  max-height: 240px;
}
.max-h-\[260px\]{
  max-height: 260px;
}
.max-h-\[300px\]{
  max-height: 300px;
}
.max-h-\[320px\]{
  max-height: 320px;
}
.max-h-\[340px\]{
  max-height: 340px;
}
.max-h-\[360px\]{
  max-height: 360px;
}
.max-h-\[380px\]{
  max-height: 380px;
}
.max-h-\[480px\]{
  max-height: 480px;
}
.max-h-\[55vh\]{
  max-height: 55vh;
}
.max-h-\[60vh\]{
  max-height: 60vh;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}
.max-h-\[750px\]{
  max-height: 750px;
}
.max-h-\[75vh\]{
  max-height: 75vh;
}
.max-h-\[800px\]{
  max-height: 800px;
}
.max-h-\[80vh\]{
  max-height: 80vh;
}
.max-h-\[82vh\]{
  max-height: 82vh;
}
.max-h-\[84vh\]{
  max-height: 84vh;
}
.max-h-\[85vh\]{
  max-height: 85vh;
}
.max-h-\[88\%\]{
  max-height: 88%;
}
.max-h-\[88vh\]{
  max-height: 88vh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[92dvh\]{
  max-height: 92dvh;
}
.max-h-\[92vh\]{
  max-height: 92vh;
}
.max-h-\[calc\(100vh-140px\)\]{
  max-height: calc(100vh - 140px);
}
.max-h-\[calc\(100vh-24px\)\]{
  max-height: calc(100vh - 24px);
}
.min-h-0{
  min-height: 0px;
}
.min-h-\[100dvh\]{
  min-height: 100dvh;
}
.min-h-\[100vh\]{
  min-height: 100vh;
}
.min-h-\[18px\]{
  min-height: 18px;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[220px\]{
  min-height: 220px;
}
.min-h-\[240px\]{
  min-height: 240px;
}
.min-h-\[24px\]{
  min-height: 24px;
}
.min-h-\[280px\]{
  min-height: 280px;
}
.min-h-\[300px\]{
  min-height: 300px;
}
.min-h-\[320px\]{
  min-height: 320px;
}
.min-h-\[400px\]{
  min-height: 400px;
}
.min-h-\[42px\]{
  min-height: 42px;
}
.min-h-\[44px\]{
  min-height: 44px;
}
.min-h-\[46px\]{
  min-height: 46px;
}
.min-h-\[4px\]{
  min-height: 4px;
}
.min-h-\[500px\]{
  min-height: 500px;
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.w-0{
  width: 0px;
}
.w-0\.5{
  width: 0.125rem;
}
.w-1{
  width: 0.25rem;
}
.w-1\.5{
  width: 0.375rem;
}
.w-1\/2{
  width: 50%;
}
.w-1\/3{
  width: 33.333333%;
}
.w-1\/4{
  width: 25%;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-32{
  width: 8rem;
}
.w-4{
  width: 1rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\/6{
  width: 83.333333%;
}
.w-52{
  width: 13rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-60{
  width: 15rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-9{
  width: 2.25rem;
}
.w-96{
  width: 24rem;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[200px\]{
  width: 200px;
}
.w-\[20px\]{
  width: 20px;
}
.w-\[220px\]{
  width: 220px;
}
.w-\[22px\]{
  width: 22px;
}
.w-\[240px\]{
  width: 240px;
}
.w-\[24px\]{
  width: 24px;
}
.w-\[272px\]{
  width: 272px;
}
.w-\[27px\]{
  width: 27px;
}
.w-\[280px\]{
  width: 280px;
}
.w-\[2px\]{
  width: 2px;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[34px\]{
  width: 34px;
}
.w-\[3px\]{
  width: 3px;
}
.w-\[40\%\]{
  width: 40%;
}
.w-\[400px\]{
  width: 400px;
}
.w-\[40px\]{
  width: 40px;
}
.w-\[44px\]{
  width: 44px;
}
.w-\[46\%\]{
  width: 46%;
}
.w-\[46px\]{
  width: 46px;
}
.w-\[48px\]{
  width: 48px;
}
.w-\[50px\]{
  width: 50px;
}
.w-\[51px\]{
  width: 51px;
}
.w-\[60\%\]{
  width: 60%;
}
.w-\[600px\]{
  width: 600px;
}
.w-\[70\%\]{
  width: 70%;
}
.w-\[7px\]{
  width: 7px;
}
.w-\[86\%\]{
  width: 86%;
}
.w-\[88px\]{
  width: 88px;
}
.w-\[calc\(100\%-24px\)\]{
  width: calc(100% - 24px);
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-px{
  width: 1px;
}
.min-w-0{
  min-width: 0px;
}
.min-w-\[16px\]{
  min-width: 16px;
}
.min-w-\[18px\]{
  min-width: 18px;
}
.min-w-\[190px\]{
  min-width: 190px;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[20px\]{
  min-width: 20px;
}
.min-w-\[220px\]{
  min-width: 220px;
}
.min-w-\[230px\]{
  min-width: 230px;
}
.min-w-\[240px\]{
  min-width: 240px;
}
.min-w-\[248px\]{
  min-width: 248px;
}
.min-w-\[260px\]{
  min-width: 260px;
}
.min-w-\[36px\]{
  min-width: 36px;
}
.min-w-\[40px\]{
  min-width: 40px;
}
.min-w-\[50px\]{
  min-width: 50px;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[100px\]{
  max-width: 100px;
}
.max-w-\[1100px\]{
  max-width: 1100px;
}
.max-w-\[130px\]{
  max-width: 130px;
}
.max-w-\[1360px\]{
  max-width: 1360px;
}
.max-w-\[1400px\]{
  max-width: 1400px;
}
.max-w-\[180px\]{
  max-width: 180px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[20ch\]{
  max-width: 20ch;
}
.max-w-\[220px\]{
  max-width: 220px;
}
.max-w-\[240px\]{
  max-width: 240px;
}
.max-w-\[260px\]{
  max-width: 260px;
}
.max-w-\[280px\]{
  max-width: 280px;
}
.max-w-\[290px\]{
  max-width: 290px;
}
.max-w-\[300px\]{
  max-width: 300px;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[340px\]{
  max-width: 340px;
}
.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-\[440px\]{
  max-width: 440px;
}
.max-w-\[480px\]{
  max-width: 480px;
}
.max-w-\[50px\]{
  max-width: 50px;
}
.max-w-\[520px\]{
  max-width: 520px;
}
.max-w-\[56ch\]{
  max-width: 56ch;
}
.max-w-\[58ch\]{
  max-width: 58ch;
}
.max-w-\[60vw\]{
  max-width: 60vw;
}
.max-w-\[62ch\]{
  max-width: 62ch;
}
.max-w-\[640px\]{
  max-width: 640px;
}
.max-w-\[66ch\]{
  max-width: 66ch;
}
.max-w-\[78\%\]{
  max-width: 78%;
}
.max-w-\[80\%\]{
  max-width: 80%;
}
.max-w-\[800px\]{
  max-width: 800px;
}
.max-w-\[82vw\]{
  max-width: 82vw;
}
.max-w-\[85\%\]{
  max-width: 85%;
}
.max-w-\[90\%\]{
  max-width: 90%;
}
.max-w-\[94vw\]{
  max-width: 94vw;
}
.max-w-\[calc\(100vw-24px\)\]{
  max-width: calc(100vw - 24px);
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.border-collapse{
  border-collapse: collapse;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-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-0\.5{
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1{
  --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-5{
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-7{
  --tw-translate-x: 1.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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-\[18px\]{
  --tw-translate-x: 18px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) 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-\[20px\]{
  --tw-translate-x: 20px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[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));
}
.animate-\[hl-indeterminate_1\.4s_ease-in-out_infinite\]{
  animation: hl-indeterminate 1.4s ease-in-out infinite;
}
.animate-\[stickerPop_0\.4s_cubic-bezier\(0\.34\2c 1\.56\2c 0\.64\2c 1\)_forwards\]{
  animation: stickerPop 0.4s cubic-bezier(0.34,1.56,0.64,1) forwards;
}
@keyframes bounce{

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

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

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

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

  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-grab{
  cursor: grab;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-text{
  cursor: text;
}
.cursor-wait{
  cursor: wait;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-text{
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.resize-none{
  resize: none;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.list-decimal{
  list-style-type: decimal;
}
.list-disc{
  list-style-type: disc;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: 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-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[auto_1fr\]{
  grid-template-columns: auto 1fr;
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.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;
}
.justify-items-center{
  justify-items: center;
}
.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-16{
  gap: 4rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-9{
  gap: 2.25rem;
}
.gap-\[10px\]{
  gap: 10px;
}
.gap-\[2px\]{
  gap: 2px;
}
.gap-\[5px\]{
  gap: 5px;
}
.gap-x-10{
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-7{
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-1\.5{
  row-gap: 0.375rem;
}
.gap-y-3{
  row-gap: 0.75rem;
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-7 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.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-\[\#eceef2\] > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(236 238 242 / var(--tw-divide-opacity, 1));
}
.divide-\[var\(--hl-border\)\] > :not([hidden]) ~ :not([hidden]){
  border-color: var(--hl-border);
}
.divide-black\/5 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(0 0 0 / 0.05);
}
.divide-black\/\[0\.03\] > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(0 0 0 / 0.03);
}
.divide-black\/\[0\.04\] > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(0 0 0 / 0.04);
}
.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-x-hidden{
  overflow-x: hidden;
}
.overscroll-contain{
  overscroll-behavior: contain;
}
.overscroll-none{
  overscroll-behavior: none;
}
.scroll-smooth{
  scroll-behavior: smooth;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre{
  white-space: pre;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[14px\]{
  border-radius: 14px;
}
.rounded-\[16px\]{
  border-radius: 16px;
}
.rounded-\[18px\]{
  border-radius: 18px;
}
.rounded-\[2\.5rem\]{
  border-radius: 2.5rem;
}
.rounded-\[20px\]{
  border-radius: 20px;
}
.rounded-\[22px\]{
  border-radius: 22px;
}
.rounded-\[24px\]{
  border-radius: 24px;
}
.rounded-\[28px\]{
  border-radius: 28px;
}
.rounded-\[2px\]{
  border-radius: 2px;
}
.rounded-\[2rem\]{
  border-radius: 2rem;
}
.rounded-\[32px\]{
  border-radius: 32px;
}
.rounded-\[3px\]{
  border-radius: 3px;
}
.rounded-\[3rem\]{
  border-radius: 3rem;
}
.rounded-\[40px\]{
  border-radius: 40px;
}
.rounded-\[48px\]{
  border-radius: 48px;
}
.rounded-\[5px\]{
  border-radius: 5px;
}
.rounded-\[6px\]{
  border-radius: 6px;
}
.rounded-\[7px\]{
  border-radius: 7px;
}
.rounded-\[9px\]{
  border-radius: 9px;
}
.rounded-\[var\(--hl-radius\)\]{
  border-radius: var(--hl-radius);
}
.rounded-\[var\(--hl-radius-lg\)\]{
  border-radius: var(--hl-radius-lg);
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-l-2xl{
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-l-md{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-2xl{
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.rounded-r-md{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-3xl{
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-\[24px\]{
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rounded-t-\[28px\]{
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
}
.rounded-t-\[32px\]{
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}
.rounded-t-\[var\(--hl-radius-xl\)\]{
  border-top-left-radius: var(--hl-radius-xl);
  border-top-right-radius: var(--hl-radius-xl);
}
.rounded-t-lg{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-bl-2xl{
  border-bottom-left-radius: 1rem;
}
.rounded-bl-\[4px\]{
  border-bottom-left-radius: 4px;
}
.rounded-bl-\[6px\]{
  border-bottom-left-radius: 6px;
}
.rounded-bl-md{
  border-bottom-left-radius: 0.375rem;
}
.rounded-br-2xl{
  border-bottom-right-radius: 1rem;
}
.rounded-br-\[6px\]{
  border-bottom-right-radius: 6px;
}
.rounded-br-md{
  border-bottom-right-radius: 0.375rem;
}
.rounded-tl-2xl{
  border-top-left-radius: 1rem;
}
.rounded-tl-md{
  border-top-left-radius: 0.375rem;
}
.rounded-tr-2xl{
  border-top-right-radius: 1rem;
}
.rounded-tr-md{
  border-top-right-radius: 0.375rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-4{
  border-width: 4px;
}
.border-\[1\.5px\]{
  border-width: 1.5px;
}
.border-\[3px\]{
  border-width: 3px;
}
.border-\[4px\]{
  border-width: 4px;
}
.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-b-\[3px\]{
  border-bottom-width: 3px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-l-\[3px\]{
  border-left-width: 3px;
}
.border-r{
  border-right-width: 1px;
}
.border-r-2{
  border-right-width: 2px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-2{
  border-top-width: 2px;
}
.border-t-4{
  border-top-width: 4px;
}
.border-dashed{
  border-style: dashed;
}
.border-\[\#050505\]{
  --tw-border-opacity: 1;
  border-color: rgb(5 5 5 / var(--tw-border-opacity, 1));
}
.border-\[\#15171c\]{
  --tw-border-opacity: 1;
  border-color: rgb(21 23 28 / var(--tw-border-opacity, 1));
}
.border-\[\#1C1C1E\]{
  --tw-border-opacity: 1;
  border-color: rgb(28 28 30 / var(--tw-border-opacity, 1));
}
.border-\[\#1C1C1E\]\/30{
  border-color: rgb(28 28 30 / 0.3);
}
.border-\[\#1C7AFF\]\/30{
  border-color: rgb(28 122 255 / 0.3);
}
.border-\[\#1d9bf0\]\/30{
  border-color: rgb(29 155 240 / 0.3);
}
.border-\[\#25D366\]\/15{
  border-color: rgb(37 211 102 / 0.15);
}
.border-\[\#2754d6\]{
  --tw-border-opacity: 1;
  border-color: rgb(39 84 214 / var(--tw-border-opacity, 1));
}
.border-\[\#2754d6\]\/40{
  border-color: rgb(39 84 214 / 0.4);
}
.border-\[\#30d158\]{
  --tw-border-opacity: 1;
  border-color: rgb(48 209 88 / var(--tw-border-opacity, 1));
}
.border-\[\#8a5a12\]{
  --tw-border-opacity: 1;
  border-color: rgb(138 90 18 / var(--tw-border-opacity, 1));
}
.border-\[\#98a2b3\]{
  --tw-border-opacity: 1;
  border-color: rgb(152 162 179 / var(--tw-border-opacity, 1));
}
.border-\[\#D1D7DB\]{
  --tw-border-opacity: 1;
  border-color: rgb(209 215 219 / var(--tw-border-opacity, 1));
}
.border-\[\#E4E7EC\]{
  --tw-border-opacity: 1;
  border-color: rgb(228 231 236 / var(--tw-border-opacity, 1));
}
.border-\[\#F5C518\]\/30{
  border-color: rgb(245 197 24 / 0.3);
}
.border-\[\#bfe0d2\]{
  --tw-border-opacity: 1;
  border-color: rgb(191 224 210 / var(--tw-border-opacity, 1));
}
.border-\[\#c4c9d2\]{
  --tw-border-opacity: 1;
  border-color: rgb(196 201 210 / var(--tw-border-opacity, 1));
}
.border-\[\#c6f0d6\]{
  --tw-border-opacity: 1;
  border-color: rgb(198 240 214 / var(--tw-border-opacity, 1));
}
.border-\[\#c9ced6\]{
  --tw-border-opacity: 1;
  border-color: rgb(201 206 214 / var(--tw-border-opacity, 1));
}
.border-\[\#cdd6f4\]{
  --tw-border-opacity: 1;
  border-color: rgb(205 214 244 / var(--tw-border-opacity, 1));
}
.border-\[\#d0d5dd\]{
  --tw-border-opacity: 1;
  border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
}
.border-\[\#d4ff28\]\/20{
  border-color: rgb(212 255 40 / 0.2);
}
.border-\[\#d9dde3\]{
  --tw-border-opacity: 1;
  border-color: rgb(217 221 227 / var(--tw-border-opacity, 1));
}
.border-\[\#dfe5f7\]{
  --tw-border-opacity: 1;
  border-color: rgb(223 229 247 / var(--tw-border-opacity, 1));
}
.border-\[\#e4e7ec\]{
  --tw-border-opacity: 1;
  border-color: rgb(228 231 236 / var(--tw-border-opacity, 1));
}
.border-\[\#e6e8ec\]{
  --tw-border-opacity: 1;
  border-color: rgb(230 232 236 / var(--tw-border-opacity, 1));
}
.border-\[\#e7e2f8\]{
  --tw-border-opacity: 1;
  border-color: rgb(231 226 248 / var(--tw-border-opacity, 1));
}
.border-\[\#e8d4ab\]{
  --tw-border-opacity: 1;
  border-color: rgb(232 212 171 / var(--tw-border-opacity, 1));
}
.border-\[\#e9edef\]{
  --tw-border-opacity: 1;
  border-color: rgb(233 237 239 / var(--tw-border-opacity, 1));
}
.border-\[\#ebebeb\]{
  --tw-border-opacity: 1;
  border-color: rgb(235 235 235 / var(--tw-border-opacity, 1));
}
.border-\[\#eceef2\]{
  --tw-border-opacity: 1;
  border-color: rgb(236 238 242 / var(--tw-border-opacity, 1));
}
.border-\[\#eee9fb\]{
  --tw-border-opacity: 1;
  border-color: rgb(238 233 251 / var(--tw-border-opacity, 1));
}
.border-\[\#eef0f3\]{
  --tw-border-opacity: 1;
  border-color: rgb(238 240 243 / var(--tw-border-opacity, 1));
}
.border-\[\#eff1f4\]{
  --tw-border-opacity: 1;
  border-color: rgb(239 241 244 / var(--tw-border-opacity, 1));
}
.border-\[\#f0d9a8\]{
  --tw-border-opacity: 1;
  border-color: rgb(240 217 168 / var(--tw-border-opacity, 1));
}
.border-\[\#f0f1f4\]{
  --tw-border-opacity: 1;
  border-color: rgb(240 241 244 / var(--tw-border-opacity, 1));
}
.border-\[\#f0f2f5\]{
  --tw-border-opacity: 1;
  border-color: rgb(240 242 245 / var(--tw-border-opacity, 1));
}
.border-\[\#f1dcb0\]{
  --tw-border-opacity: 1;
  border-color: rgb(241 220 176 / var(--tw-border-opacity, 1));
}
.border-\[\#f2f4f7\]{
  --tw-border-opacity: 1;
  border-color: rgb(242 244 247 / var(--tw-border-opacity, 1));
}
.border-\[\#f3c5c7\]{
  --tw-border-opacity: 1;
  border-color: rgb(243 197 199 / var(--tw-border-opacity, 1));
}
.border-\[\#f3d4d0\]{
  --tw-border-opacity: 1;
  border-color: rgb(243 212 208 / var(--tw-border-opacity, 1));
}
.border-\[\#f3dfb5\]{
  --tw-border-opacity: 1;
  border-color: rgb(243 223 181 / var(--tw-border-opacity, 1));
}
.border-\[\#f3e3b5\]{
  --tw-border-opacity: 1;
  border-color: rgb(243 227 181 / var(--tw-border-opacity, 1));
}
.border-\[\#f3e3c0\]{
  --tw-border-opacity: 1;
  border-color: rgb(243 227 192 / var(--tw-border-opacity, 1));
}
.border-\[\#f5d2cd\]{
  --tw-border-opacity: 1;
  border-color: rgb(245 210 205 / var(--tw-border-opacity, 1));
}
.border-\[\#f5d3c4\]{
  --tw-border-opacity: 1;
  border-color: rgb(245 211 196 / var(--tw-border-opacity, 1));
}
.border-\[\#f6c9bf\]{
  --tw-border-opacity: 1;
  border-color: rgb(246 201 191 / var(--tw-border-opacity, 1));
}
.border-\[\#fed7d7\]{
  --tw-border-opacity: 1;
  border-color: rgb(254 215 215 / var(--tw-border-opacity, 1));
}
.border-\[\#ff2a85\]\/25{
  border-color: rgb(255 42 133 / 0.25);
}
.border-\[var\(--hl-border\)\]{
  border-color: var(--hl-border);
}
.border-\[var\(--hl-border-strong\)\]{
  border-color: var(--hl-border-strong);
}
.border-\[var\(--hl-ink\)\]{
  border-color: var(--hl-ink);
}
.border-amber-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}
.border-amber-200{
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-amber-500\/20{
  border-color: rgb(245 158 11 / 0.2);
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}
.border-black\/15{
  border-color: rgb(0 0 0 / 0.15);
}
.border-black\/20{
  border-color: rgb(0 0 0 / 0.2);
}
.border-black\/30{
  border-color: rgb(0 0 0 / 0.3);
}
.border-black\/5{
  border-color: rgb(0 0 0 / 0.05);
}
.border-black\/\[0\.03\]{
  border-color: rgb(0 0 0 / 0.03);
}
.border-black\/\[0\.04\]{
  border-color: rgb(0 0 0 / 0.04);
}
.border-black\/\[0\.05\]{
  border-color: rgb(0 0 0 / 0.05);
}
.border-black\/\[0\.06\]{
  border-color: rgb(0 0 0 / 0.06);
}
.border-black\/\[0\.07\]{
  border-color: rgb(0 0 0 / 0.07);
}
.border-black\/\[0\.08\]{
  border-color: rgb(0 0 0 / 0.08);
}
.border-black\/\[0\.12\]{
  border-color: rgb(0 0 0 / 0.12);
}
.border-black\/\[0\.14\]{
  border-color: rgb(0 0 0 / 0.14);
}
.border-black\/\[0\.1\]{
  border-color: rgb(0 0 0 / 0.1);
}
.border-current{
  border-color: currentColor;
}
.border-emerald-100{
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}
.border-emerald-200{
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-400{
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.border-emerald-500\/20{
  border-color: rgb(16 185 129 / 0.2);
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-green-500{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-green-500\/30{
  border-color: rgb(34 197 94 / 0.3);
}
.border-indigo-200{
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.border-neutral-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-purple-200{
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}
.border-red-100{
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}
.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-400{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.border-red-500\/20{
  border-color: rgb(239 68 68 / 0.2);
}
.border-red-500\/30{
  border-color: rgb(239 68 68 / 0.3);
}
.border-transparent{
  border-color: transparent;
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15{
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/30{
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/40{
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/5{
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/50{
  border-color: rgb(255 255 255 / 0.5);
}
.border-white\/60{
  border-color: rgb(255 255 255 / 0.6);
}
.border-white\/\[0\.12\]{
  border-color: rgb(255 255 255 / 0.12);
}
.border-zinc-600{
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
}
.border-zinc-700{
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
}
.border-t-\[\#1C1C1E\]{
  --tw-border-opacity: 1;
  border-top-color: rgb(28 28 30 / var(--tw-border-opacity, 1));
}
.border-t-\[\#1C7AFF\]{
  --tw-border-opacity: 1;
  border-top-color: rgb(28 122 255 / var(--tw-border-opacity, 1));
}
.border-t-\[\#25D366\]{
  --tw-border-opacity: 1;
  border-top-color: rgb(37 211 102 / var(--tw-border-opacity, 1));
}
.border-t-\[var\(--hl-ink\)\]{
  border-top-color: var(--hl-ink);
}
.border-t-black{
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-t-emerald-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-t-transparent{
  border-top-color: transparent;
}
.border-t-white{
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.bg-\[\#050505\]{
  --tw-bg-opacity: 1;
  background-color: rgb(5 5 5 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0A0A0A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0D0D12\]{
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 18 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0b0c0e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(11 12 14 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0c0d0e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(12 13 14 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0d0d0d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0d0d11\]{
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0f1115\]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 17 21 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0f1115\]\/95{
  background-color: rgb(15 17 21 / 0.95);
}
.bg-\[\#111B21\]{
  --tw-bg-opacity: 1;
  background-color: rgb(17 27 33 / var(--tw-bg-opacity, 1));
}
.bg-\[\#121316\]\/95{
  background-color: rgb(18 19 22 / 0.95);
}
.bg-\[\#12805c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(18 128 92 / var(--tw-bg-opacity, 1));
}
.bg-\[\#15171C\]{
  --tw-bg-opacity: 1;
  background-color: rgb(21 23 28 / var(--tw-bg-opacity, 1));
}
.bg-\[\#15171c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(21 23 28 / var(--tw-bg-opacity, 1));
}
.bg-\[\#15171c\]\/10{
  background-color: rgb(21 23 28 / 0.1);
}
.bg-\[\#15171c\]\/20{
  background-color: rgb(21 23 28 / 0.2);
}
.bg-\[\#15171c\]\/30{
  background-color: rgb(21 23 28 / 0.3);
}
.bg-\[\#15171c\]\/40{
  background-color: rgb(21 23 28 / 0.4);
}
.bg-\[\#15171c\]\/\[0\.05\]{
  background-color: rgb(21 23 28 / 0.05);
}
.bg-\[\#1A1A1A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1C1C1E\]{
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 30 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1C1C1E\]\/20{
  background-color: rgb(28 28 30 / 0.2);
}
.bg-\[\#1d9bf0\]\/20{
  background-color: rgb(29 155 240 / 0.2);
}
.bg-\[\#1f9d55\]{
  --tw-bg-opacity: 1;
  background-color: rgb(31 157 85 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2456d6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(36 86 214 / var(--tw-bg-opacity, 1));
}
.bg-\[\#25D366\]{
  --tw-bg-opacity: 1;
  background-color: rgb(37 211 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#25D366\]\/10{
  background-color: rgb(37 211 102 / 0.1);
}
.bg-\[\#25D366\]\/15{
  background-color: rgb(37 211 102 / 0.15);
}
.bg-\[\#25D366\]\/5{
  background-color: rgb(37 211 102 / 0.05);
}
.bg-\[\#26A17B\]{
  --tw-bg-opacity: 1;
  background-color: rgb(38 161 123 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2754d6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(39 84 214 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2754d6\]\/10{
  background-color: rgb(39 84 214 / 0.1);
}
.bg-\[\#2754d6\]\/15{
  background-color: rgb(39 84 214 / 0.15);
}
.bg-\[\#2754d6\]\/20{
  background-color: rgb(39 84 214 / 0.2);
}
.bg-\[\#2775CA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(39 117 202 / var(--tw-bg-opacity, 1));
}
.bg-\[\#30D158\]\/10{
  background-color: rgb(48 209 88 / 0.1);
}
.bg-\[\#30a46c\]\/20{
  background-color: rgb(48 164 108 / 0.2);
}
.bg-\[\#30d158\]{
  --tw-bg-opacity: 1;
  background-color: rgb(48 209 88 / var(--tw-bg-opacity, 1));
}
.bg-\[\#30d158\]\/10{
  background-color: rgb(48 209 88 / 0.1);
}
.bg-\[\#3A3A3C\]{
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 60 / var(--tw-bg-opacity, 1));
}
.bg-\[\#5200FF\]\/10{
  background-color: rgb(82 0 255 / 0.1);
}
.bg-\[\#D4D4D8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E4E4E7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EBE5DC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(235 229 220 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ECFDF3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 243 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F1EBFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 235 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F2F2F7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F2F4F7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F4F5F7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F5AC37\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 172 55 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F6F7F9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F7F8FA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F8F8F8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F8F8F8\]\/95{
  background-color: rgb(248 248 248 / 0.95);
}
.bg-\[\#F8F9FA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F9F9FB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAFAFA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF3B30\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 59 48 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF3B30\]\/10{
  background-color: rgb(255 59 48 / 0.1);
}
.bg-\[\#FF9500\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 149 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF4F4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF9E6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 230 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFFFFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#a3a9b4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(163 169 180 / var(--tw-bg-opacity, 1));
}
.bg-\[\#c0392b\]{
  --tw-bg-opacity: 1;
  background-color: rgb(192 57 43 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d0d5dd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(208 213 221 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d4d8df\]{
  --tw-bg-opacity: 1;
  background-color: rgb(212 216 223 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d4ff28\]\/10{
  background-color: rgb(212 255 40 / 0.1);
}
.bg-\[\#d4ff28\]\/5{
  background-color: rgb(212 255 40 / 0.05);
}
.bg-\[\#d93036\]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 48 54 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d9fdd3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 253 211 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e08a00\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 138 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e4e7ec\]{
  --tw-bg-opacity: 1;
  background-color: rgb(228 231 236 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e4e8ef\]{
  --tw-bg-opacity: 1;
  background-color: rgb(228 232 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e5484d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 72 77 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e5484d\]\/10{
  background-color: rgb(229 72 77 / 0.1);
}
.bg-\[\#e6f4ee\]{
  --tw-bg-opacity: 1;
  background-color: rgb(230 244 238 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e8f0fe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 240 254 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e9ebef\]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 235 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e9ecf1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 236 241 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e9f7ef\]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 247 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ea4335\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 67 53 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eceef2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 238 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ecfdf3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 243 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eef1f4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 241 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eef2ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#efeae2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 234 226 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eff1f4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 241 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f0f2f5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 242 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f0f2f5\]\/60{
  background-color: rgb(240 242 245 / 0.6);
}
.bg-\[\#f1ecfe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 236 254 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f2f3f5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f2f4f7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f4f5f7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5f5f7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f7f8fa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f7f9ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 249 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f8f9fb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f9f8f6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 248 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f9f9fb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f9fafb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#faf1e0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 241 224 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fbf7f4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 247 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fbfaff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 250 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fbfbfc\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 252 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fbfcfd\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 253 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fcfdfe\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 253 254 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fdecec\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 236 236 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fdeeec\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 238 236 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fdf0eb\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 240 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fdf2f2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fdf3f2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 243 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fdf5e6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 245 230 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fdf6e3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 246 227 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fef3f2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ff2a85\]\/10{
  background-color: rgb(255 42 133 / 0.1);
}
.bg-\[\#fff1ee\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 238 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff4e5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 229 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff5f5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff6e5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 229 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fffaf0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fffcf5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 252 245 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(16\2c 24\2c 40\2c 0\.36\)\]{
  background-color: rgba(16,24,40,0.36);
}
.bg-\[var\(--aztec-chartreuse\)\]{
  background-color: var(--aztec-chartreuse);
}
.bg-\[var\(--aztec-ink\)\]{
  background-color: var(--aztec-ink);
}
.bg-\[var\(--hl-bg\)\]{
  background-color: var(--hl-bg);
}
.bg-\[var\(--hl-bg-muted\)\]{
  background-color: var(--hl-bg-muted);
}
.bg-\[var\(--hl-bg-subtle\)\]{
  background-color: var(--hl-bg-subtle);
}
.bg-\[var\(--hl-ink\)\]{
  background-color: var(--hl-ink);
}
.bg-amber-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-200\/80{
  background-color: rgb(253 230 138 / 0.8);
}
.bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-500{
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-500\/5{
  background-color: rgb(245 158 11 / 0.05);
}
.bg-amber-600{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/10{
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/15{
  background-color: rgb(0 0 0 / 0.15);
}
.bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/25{
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/5{
  background-color: rgb(0 0 0 / 0.05);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/95{
  background-color: rgb(0 0 0 / 0.95);
}
.bg-black\/\[0\.02\]{
  background-color: rgb(0 0 0 / 0.02);
}
.bg-black\/\[0\.035\]{
  background-color: rgb(0 0 0 / 0.035);
}
.bg-black\/\[0\.03\]{
  background-color: rgb(0 0 0 / 0.03);
}
.bg-black\/\[0\.04\]{
  background-color: rgb(0 0 0 / 0.04);
}
.bg-black\/\[0\.05\]{
  background-color: rgb(0 0 0 / 0.05);
}
.bg-black\/\[0\.06\]{
  background-color: rgb(0 0 0 / 0.06);
}
.bg-emerald-100{
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-200\/80{
  background-color: rgb(167 243 208 / 0.8);
}
.bg-emerald-400{
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50{
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/10{
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-500\/20{
  background-color: rgb(16 185 129 / 0.2);
}
.bg-emerald-600{
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-green-500\/20{
  background-color: rgb(34 197 94 / 0.2);
}
.bg-indigo-50{
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.bg-neutral-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-orange-500\/10{
  background-color: rgb(249 115 22 / 0.1);
}
.bg-orange-500\/15{
  background-color: rgb(249 115 22 / 0.15);
}
.bg-purple-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-500{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.bg-purple-500\/10{
  background-color: rgb(168 85 247 / 0.1);
}
.bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10{
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red-500\/\[0\.03\]{
  background-color: rgb(239 68 68 / 0.03);
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-rose-500{
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15{
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/40{
  background-color: rgb(255 255 255 / 0.4);
}
.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}
.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\/95{
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white\/\[0\.01\]{
  background-color: rgb(255 255 255 / 0.01);
}
.bg-white\/\[0\.02\]{
  background-color: rgb(255 255 255 / 0.02);
}
.bg-white\/\[0\.04\]{
  background-color: rgb(255 255 255 / 0.04);
}
.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-yellow-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}
.bg-yellow-300{
  --tw-bg-opacity: 1;
  background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400{
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-zinc-100{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}
.bg-zinc-800{
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}
.bg-\[radial-gradient\(circle\2c \#15171c_45\%\2c transparent_50\%\)\]{
  background-image: radial-gradient(circle,#15171c 45%,transparent 50%);
}
.bg-\[radial-gradient\(ellipse_100\%_100\%_at_50\%_-20\%\2c rgba\(37\2c 211\2c 102\2c 0\.07\)\2c rgba\(255\2c 255\2c 255\2c 0\)\)\]{
  background-image: radial-gradient(ellipse 100% 100% at 50% -20%,rgba(37,211,102,0.07),rgba(255,255,255,0));
}
.bg-\[radial-gradient\(ellipse_at_top\2c _var\(--tw-gradient-stops\)\)\]{
  background-image: radial-gradient(ellipse at top, var(--tw-gradient-stops));
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-gradient-to-tr{
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.from-\[\#15171c\]{
  --tw-gradient-from: #15171c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(21 23 28 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1C1C1E\]{
  --tw-gradient-from: #1C1C1E var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(28 28 30 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.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);
}
.from-\[\#2C6BED\]\/5{
  --tw-gradient-from: rgb(44 107 237 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(44 107 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black{
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/50{
  --tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/55{
  --tw-gradient-from: rgb(0 0 0 / 0.55) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/\[0\.01\]{
  --tw-gradient-from: rgb(0 0 0 / 0.01) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-50\/80{
  --tw-gradient-from: rgb(249 250 251 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500{
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#d4ff28\]\/20{
  --tw-gradient-to: rgb(212 255 40 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(212 255 40 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#20bd5a\]{
  --tw-gradient-to: #20bd5a var(--tw-gradient-to-position);
}
.to-\[\#25D366\]{
  --tw-gradient-to: #25D366 var(--tw-gradient-to-position);
}
.to-\[\#2C2C2E\]{
  --tw-gradient-to: #2C2C2E var(--tw-gradient-to-position);
}
.to-\[\#2b2f38\]{
  --tw-gradient-to: #2b2f38 var(--tw-gradient-to-position);
}
.to-\[\#ff2a85\]{
  --tw-gradient-to: #ff2a85 var(--tw-gradient-to-position);
}
.to-emerald-400{
  --tw-gradient-to: #34d399 var(--tw-gradient-to-position);
}
.to-gray-600{
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}
.to-gray-800{
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}
.to-indigo-600{
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-white{
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.fill-\[\#15171c\]{
  fill: #15171c;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-12{
  padding: 3rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-7{
  padding: 1.75rem;
}
.p-8{
  padding: 2rem;
}
.p-\[2px\]{
  padding: 2px;
}
.p-\[3px\]{
  padding: 3px;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[14px\]{
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[1px\]{
  padding-left: 1px;
  padding-right: 1px;
}
.px-\[2px\]{
  padding-left: 2px;
  padding-right: 2px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-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-\[3px\]{
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[8px\]{
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-\[9px\]{
  padding-top: 9px;
  padding-bottom: 9px;
}
.py-\[calc\(2\.5rem\+env\(safe-area-inset-top\)\)\]{
  padding-top: calc(2.5rem + env(safe-area-inset-top));
  padding-bottom: calc(2.5rem + env(safe-area-inset-top));
}
.py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-0\.5{
  padding-bottom: 0.125rem;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-2\.5{
  padding-bottom: 0.625rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-28{
  padding-bottom: 7rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[calc\(2\.5rem\+env\(safe-area-inset-bottom\)\)\]{
  padding-bottom: calc(2.5rem + env(safe-area-inset-bottom));
}
.pb-\[max\(1\.25rem\2c env\(safe-area-inset-bottom\)\)\]{
  padding-bottom: max(1.25rem, env(safe-area-inset-bottom));
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-1\.5{
  padding-left: 0.375rem;
}
.pl-11{
  padding-left: 2.75rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-7{
  padding-left: 1.75rem;
}
.pl-9{
  padding-left: 2.25rem;
}
.pl-\[68px\]{
  padding-left: 68px;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-2\.5{
  padding-right: 0.625rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-5{
  padding-right: 1.25rem;
}
.pr-6{
  padding-right: 1.5rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-9{
  padding-right: 2.25rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-14{
  padding-top: 3.5rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-3\.5{
  padding-top: 0.875rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-\[2px\]{
  padding-top: 2px;
}
.pt-\[max\(1\.25rem\2c env\(safe-area-inset-top\)\)\]{
  padding-top: max(1.25rem, env(safe-area-inset-top));
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-top{
  vertical-align: top;
}
.font-mono{
  font-family: JetBrains Mono, Fira Code, monospace;
}
.font-sans{
  font-family: Inter, sans-serif;
}
.font-serif{
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-\[0\.88em\]{
  font-size: 0.88em;
}
.text-\[10\.5px\]{
  font-size: 10.5px;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11\.5px\]{
  font-size: 11.5px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12\.5px\]{
  font-size: 12.5px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13\.5px\]{
  font-size: 13.5px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14\.5px\]{
  font-size: 14.5px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[15\.5px\]{
  font-size: 15.5px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-\[17\.5px\]{
  font-size: 17.5px;
}
.text-\[17px\]{
  font-size: 17px;
}
.text-\[18px\]{
  font-size: 18px;
}
.text-\[19px\]{
  font-size: 19px;
}
.text-\[20px\]{
  font-size: 20px;
}
.text-\[21px\]{
  font-size: 21px;
}
.text-\[22px\]{
  font-size: 22px;
}
.text-\[24px\]{
  font-size: 24px;
}
.text-\[26px\]{
  font-size: 26px;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-\[36px\]{
  font-size: 36px;
}
.text-\[38px\]{
  font-size: 38px;
}
.text-\[40px\]{
  font-size: 40px;
}
.text-\[42px\]{
  font-size: 42px;
}
.text-\[52px\]{
  font-size: 52px;
}
.text-\[60px\]{
  font-size: 60px;
}
.text-\[64px\]{
  font-size: 64px;
}
.text-\[8\.5px\]{
  font-size: 8.5px;
}
.text-\[8px\]{
  font-size: 8px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-\[clamp\(1\.4rem\2c 3\.4vw\2c 1\.9rem\)\]{
  font-size: clamp(1.4rem, 3.4vw, 1.9rem);
}
.text-\[clamp\(1\.6rem\2c 4vw\2c 2\.4rem\)\]{
  font-size: clamp(1.6rem, 4vw, 2.4rem);
}
.text-\[clamp\(2\.8rem\2c 12vw\2c 5rem\)\]{
  font-size: clamp(2.8rem, 12vw, 5rem);
}
.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-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-\[450\]{
  font-weight: 450;
}
.font-black{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.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-7{
  line-height: 1.75rem;
}
.leading-\[0\.95\]{
  line-height: 0.95;
}
.leading-\[1\.05\]{
  line-height: 1.05;
}
.leading-\[1\.1\]{
  line-height: 1.1;
}
.leading-\[1\.45\]{
  line-height: 1.45;
}
.leading-\[1\.55\]{
  line-height: 1.55;
}
.leading-\[1\.5\]{
  line-height: 1.5;
}
.leading-\[1\.65\]{
  line-height: 1.65;
}
.leading-\[1\.6\]{
  line-height: 1.6;
}
.leading-\[22px\]{
  line-height: 22px;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[-0\.015em\]{
  letter-spacing: -0.015em;
}
.tracking-\[-0\.01em\]{
  letter-spacing: -0.01em;
}
.tracking-\[-0\.025em\]{
  letter-spacing: -0.025em;
}
.tracking-\[-0\.028em\]{
  letter-spacing: -0.028em;
}
.tracking-\[-0\.02em\]{
  letter-spacing: -0.02em;
}
.tracking-\[-0\.03em\]{
  letter-spacing: -0.03em;
}
.tracking-\[-0\.04em\]{
  letter-spacing: -0.04em;
}
.tracking-\[-0\.3px\]{
  letter-spacing: -0.3px;
}
.tracking-\[0\.08em\]{
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\]{
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\]{
  letter-spacing: 0.14em;
}
.tracking-\[0\.1em\]{
  letter-spacing: 0.1em;
}
.tracking-\[0\.25em\]{
  letter-spacing: 0.25em;
}
.tracking-\[0\.2em\]{
  letter-spacing: 0.2em;
}
.tracking-\[0\.3em\]{
  letter-spacing: 0.3em;
}
.tracking-\[0\.4em\]{
  letter-spacing: 0.4em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-tighter{
  letter-spacing: -0.05em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.text-\[\#007AFF\]{
  --tw-text-opacity: 1;
  color: rgb(0 122 255 / var(--tw-text-opacity, 1));
}
.text-\[\#027A48\]{
  --tw-text-opacity: 1;
  color: rgb(2 122 72 / var(--tw-text-opacity, 1));
}
.text-\[\#050505\]{
  --tw-text-opacity: 1;
  color: rgb(5 5 5 / var(--tw-text-opacity, 1));
}
.text-\[\#050505\]\/20{
  color: rgb(5 5 5 / 0.2);
}
.text-\[\#050505\]\/40{
  color: rgb(5 5 5 / 0.4);
}
.text-\[\#050505\]\/50{
  color: rgb(5 5 5 / 0.5);
}
.text-\[\#050505\]\/60{
  color: rgb(5 5 5 / 0.6);
}
.text-\[\#0A0A0A\]{
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / var(--tw-text-opacity, 1));
}
.text-\[\#0a0a0a\]{
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / var(--tw-text-opacity, 1));
}
.text-\[\#0d0d11\]{
  --tw-text-opacity: 1;
  color: rgb(13 13 17 / var(--tw-text-opacity, 1));
}
.text-\[\#0f5132\]{
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}
.text-\[\#0f6b45\]{
  --tw-text-opacity: 1;
  color: rgb(15 107 69 / var(--tw-text-opacity, 1));
}
.text-\[\#0f7a56\]{
  --tw-text-opacity: 1;
  color: rgb(15 122 86 / var(--tw-text-opacity, 1));
}
.text-\[\#10B981\]{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-\[\#111b21\]{
  --tw-text-opacity: 1;
  color: rgb(17 27 33 / var(--tw-text-opacity, 1));
}
.text-\[\#111b21\]\/70{
  color: rgb(17 27 33 / 0.7);
}
.text-\[\#12805c\]{
  --tw-text-opacity: 1;
  color: rgb(18 128 92 / var(--tw-text-opacity, 1));
}
.text-\[\#14532d\]{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.text-\[\#15171C\]{
  --tw-text-opacity: 1;
  color: rgb(21 23 28 / var(--tw-text-opacity, 1));
}
.text-\[\#15171c\]{
  --tw-text-opacity: 1;
  color: rgb(21 23 28 / var(--tw-text-opacity, 1));
}
.text-\[\#15171c\]\/40{
  color: rgb(21 23 28 / 0.4);
}
.text-\[\#15171c\]\/75{
  color: rgb(21 23 28 / 0.75);
}
.text-\[\#15171c\]\/80{
  color: rgb(21 23 28 / 0.8);
}
.text-\[\#1C1C1E\]{
  --tw-text-opacity: 1;
  color: rgb(28 28 30 / var(--tw-text-opacity, 1));
}
.text-\[\#1C1C1E\]\/35{
  color: rgb(28 28 30 / 0.35);
}
.text-\[\#1C1C1E\]\/45{
  color: rgb(28 28 30 / 0.45);
}
.text-\[\#1C1C1E\]\/50{
  color: rgb(28 28 30 / 0.5);
}
.text-\[\#1C1C1E\]\/55{
  color: rgb(28 28 30 / 0.55);
}
.text-\[\#1C1C1E\]\/60{
  color: rgb(28 28 30 / 0.6);
}
.text-\[\#1C1C1E\]\/70{
  color: rgb(28 28 30 / 0.7);
}
.text-\[\#1C1C1E\]\/80{
  color: rgb(28 28 30 / 0.8);
}
.text-\[\#1a3a8f\]{
  --tw-text-opacity: 1;
  color: rgb(26 58 143 / var(--tw-text-opacity, 1));
}
.text-\[\#1a4fb8\]{
  --tw-text-opacity: 1;
  color: rgb(26 79 184 / var(--tw-text-opacity, 1));
}
.text-\[\#1a5fb4\]{
  --tw-text-opacity: 1;
  color: rgb(26 95 180 / var(--tw-text-opacity, 1));
}
.text-\[\#1d9bf0\]{
  --tw-text-opacity: 1;
  color: rgb(29 155 240 / var(--tw-text-opacity, 1));
}
.text-\[\#1f9d55\]{
  --tw-text-opacity: 1;
  color: rgb(31 157 85 / var(--tw-text-opacity, 1));
}
.text-\[\#2456d6\]{
  --tw-text-opacity: 1;
  color: rgb(36 86 214 / var(--tw-text-opacity, 1));
}
.text-\[\#25D366\]{
  --tw-text-opacity: 1;
  color: rgb(37 211 102 / var(--tw-text-opacity, 1));
}
.text-\[\#2754d6\]{
  --tw-text-opacity: 1;
  color: rgb(39 84 214 / var(--tw-text-opacity, 1));
}
.text-\[\#2b2f36\]{
  --tw-text-opacity: 1;
  color: rgb(43 47 54 / var(--tw-text-opacity, 1));
}
.text-\[\#30D158\]{
  --tw-text-opacity: 1;
  color: rgb(48 209 88 / var(--tw-text-opacity, 1));
}
.text-\[\#30d158\]{
  --tw-text-opacity: 1;
  color: rgb(48 209 88 / var(--tw-text-opacity, 1));
}
.text-\[\#3B00B8\]{
  --tw-text-opacity: 1;
  color: rgb(59 0 184 / var(--tw-text-opacity, 1));
}
.text-\[\#3C3C43\]{
  --tw-text-opacity: 1;
  color: rgb(60 60 67 / var(--tw-text-opacity, 1));
}
.text-\[\#3b404a\]{
  --tw-text-opacity: 1;
  color: rgb(59 64 74 / var(--tw-text-opacity, 1));
}
.text-\[\#3d2a85\]{
  --tw-text-opacity: 1;
  color: rgb(61 42 133 / var(--tw-text-opacity, 1));
}
.text-\[\#3dd68c\]{
  --tw-text-opacity: 1;
  color: rgb(61 214 140 / var(--tw-text-opacity, 1));
}
.text-\[\#475061\]{
  --tw-text-opacity: 1;
  color: rgb(71 80 97 / var(--tw-text-opacity, 1));
}
.text-\[\#475467\]{
  --tw-text-opacity: 1;
  color: rgb(71 84 103 / var(--tw-text-opacity, 1));
}
.text-\[\#4a505c\]{
  --tw-text-opacity: 1;
  color: rgb(74 80 92 / var(--tw-text-opacity, 1));
}
.text-\[\#4ade80\]{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-\[\#5200FF\]{
  --tw-text-opacity: 1;
  color: rgb(82 0 255 / var(--tw-text-opacity, 1));
}
.text-\[\#54656f\]{
  --tw-text-opacity: 1;
  color: rgb(84 101 111 / var(--tw-text-opacity, 1));
}
.text-\[\#5b34c7\]{
  --tw-text-opacity: 1;
  color: rgb(91 52 199 / var(--tw-text-opacity, 1));
}
.text-\[\#5b6271\]{
  --tw-text-opacity: 1;
  color: rgb(91 98 113 / var(--tw-text-opacity, 1));
}
.text-\[\#5d6472\]{
  --tw-text-opacity: 1;
  color: rgb(93 100 114 / var(--tw-text-opacity, 1));
}
.text-\[\#627EEA\]{
  --tw-text-opacity: 1;
  color: rgb(98 126 234 / var(--tw-text-opacity, 1));
}
.text-\[\#667085\]{
  --tw-text-opacity: 1;
  color: rgb(102 112 133 / var(--tw-text-opacity, 1));
}
.text-\[\#667781\]{
  --tw-text-opacity: 1;
  color: rgb(102 119 129 / var(--tw-text-opacity, 1));
}
.text-\[\#6d4710\]{
  --tw-text-opacity: 1;
  color: rgb(109 71 16 / var(--tw-text-opacity, 1));
}
.text-\[\#727a88\]{
  --tw-text-opacity: 1;
  color: rgb(114 122 136 / var(--tw-text-opacity, 1));
}
.text-\[\#727a88\]\/70{
  color: rgb(114 122 136 / 0.7);
}
.text-\[\#7A5C00\]{
  --tw-text-opacity: 1;
  color: rgb(122 92 0 / var(--tw-text-opacity, 1));
}
.text-\[\#7A5C00\]\/80{
  color: rgb(122 92 0 / 0.8);
}
.text-\[\#7a2d24\]{
  --tw-text-opacity: 1;
  color: rgb(122 45 36 / var(--tw-text-opacity, 1));
}
.text-\[\#7a2e12\]{
  --tw-text-opacity: 1;
  color: rgb(122 46 18 / var(--tw-text-opacity, 1));
}
.text-\[\#7a4a00\]{
  --tw-text-opacity: 1;
  color: rgb(122 74 0 / var(--tw-text-opacity, 1));
}
.text-\[\#7a5200\]{
  --tw-text-opacity: 1;
  color: rgb(122 82 0 / var(--tw-text-opacity, 1));
}
.text-\[\#7a5a12\]{
  --tw-text-opacity: 1;
  color: rgb(122 90 18 / var(--tw-text-opacity, 1));
}
.text-\[\#842029\]{
  --tw-text-opacity: 1;
  color: rgb(132 32 41 / var(--tw-text-opacity, 1));
}
.text-\[\#8a1f23\]{
  --tw-text-opacity: 1;
  color: rgb(138 31 35 / var(--tw-text-opacity, 1));
}
.text-\[\#8a2a22\]{
  --tw-text-opacity: 1;
  color: rgb(138 42 34 / var(--tw-text-opacity, 1));
}
.text-\[\#8a5a12\]{
  --tw-text-opacity: 1;
  color: rgb(138 90 18 / var(--tw-text-opacity, 1));
}
.text-\[\#8f5b00\]{
  --tw-text-opacity: 1;
  color: rgb(143 91 0 / var(--tw-text-opacity, 1));
}
.text-\[\#9a2a1a\]{
  --tw-text-opacity: 1;
  color: rgb(154 42 26 / var(--tw-text-opacity, 1));
}
.text-\[\#9a5b00\]{
  --tw-text-opacity: 1;
  color: rgb(154 91 0 / var(--tw-text-opacity, 1));
}
.text-\[\#9a6a12\]{
  --tw-text-opacity: 1;
  color: rgb(154 106 18 / var(--tw-text-opacity, 1));
}
.text-\[\#9aa0ab\]{
  --tw-text-opacity: 1;
  color: rgb(154 160 171 / var(--tw-text-opacity, 1));
}
.text-\[\#FF3B30\]{
  --tw-text-opacity: 1;
  color: rgb(255 59 48 / var(--tw-text-opacity, 1));
}
.text-\[\#FF9500\]{
  --tw-text-opacity: 1;
  color: rgb(255 149 0 / var(--tw-text-opacity, 1));
}
.text-\[\#FFFFFF\]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[\#a3242a\]{
  --tw-text-opacity: 1;
  color: rgb(163 36 42 / var(--tw-text-opacity, 1));
}
.text-\[\#a3a9b4\]{
  --tw-text-opacity: 1;
  color: rgb(163 169 180 / var(--tw-text-opacity, 1));
}
.text-\[\#b25e00\]{
  --tw-text-opacity: 1;
  color: rgb(178 94 0 / var(--tw-text-opacity, 1));
}
.text-\[\#b42318\]{
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity, 1));
}
.text-\[\#b4b9c2\]{
  --tw-text-opacity: 1;
  color: rgb(180 185 194 / var(--tw-text-opacity, 1));
}
.text-\[\#b54708\]{
  --tw-text-opacity: 1;
  color: rgb(181 71 8 / var(--tw-text-opacity, 1));
}
.text-\[\#b7791f\]{
  --tw-text-opacity: 1;
  color: rgb(183 121 31 / var(--tw-text-opacity, 1));
}
.text-\[\#c0362c\]{
  --tw-text-opacity: 1;
  color: rgb(192 54 44 / var(--tw-text-opacity, 1));
}
.text-\[\#c0392b\]{
  --tw-text-opacity: 1;
  color: rgb(192 57 43 / var(--tw-text-opacity, 1));
}
.text-\[\#c53030\]{
  --tw-text-opacity: 1;
  color: rgb(197 48 48 / var(--tw-text-opacity, 1));
}
.text-\[\#c9ced6\]{
  --tw-text-opacity: 1;
  color: rgb(201 206 214 / var(--tw-text-opacity, 1));
}
.text-\[\#d4ff28\]{
  --tw-text-opacity: 1;
  color: rgb(212 255 40 / var(--tw-text-opacity, 1));
}
.text-\[\#d4ff28\]\/40{
  color: rgb(212 255 40 / 0.4);
}
.text-\[\#d93036\]{
  --tw-text-opacity: 1;
  color: rgb(217 48 54 / var(--tw-text-opacity, 1));
}
.text-\[\#d93036\]\/70{
  color: rgb(217 48 54 / 0.7);
}
.text-\[\#d93036\]\/80{
  color: rgb(217 48 54 / 0.8);
}
.text-\[\#e07b1b\]{
  --tw-text-opacity: 1;
  color: rgb(224 123 27 / var(--tw-text-opacity, 1));
}
.text-\[\#e53e3e\]{
  --tw-text-opacity: 1;
  color: rgb(229 62 62 / var(--tw-text-opacity, 1));
}
.text-\[\#e5484d\]{
  --tw-text-opacity: 1;
  color: rgb(229 72 77 / var(--tw-text-opacity, 1));
}
.text-\[\#ea4335\]{
  --tw-text-opacity: 1;
  color: rgb(234 67 53 / var(--tw-text-opacity, 1));
}
.text-\[\#f59e0b\]{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-\[\#ff8b8b\]{
  --tw-text-opacity: 1;
  color: rgb(255 139 139 / var(--tw-text-opacity, 1));
}
.text-\[\#ff9500\]{
  --tw-text-opacity: 1;
  color: rgb(255 149 0 / var(--tw-text-opacity, 1));
}
.text-\[\#ffb3cf\]{
  --tw-text-opacity: 1;
  color: rgb(255 179 207 / var(--tw-text-opacity, 1));
}
.text-\[var\(--aztec-chartreuse\)\]{
  color: var(--aztec-chartreuse);
}
.text-\[var\(--aztec-orchid\)\]{
  color: var(--aztec-orchid);
}
.text-\[var\(--hl-ink\)\]{
  color: var(--hl-ink);
}
.text-\[var\(--hl-ink-2\)\]{
  color: var(--hl-ink-2);
}
.text-\[var\(--hl-ink-3\)\]{
  color: var(--hl-ink-3);
}
.text-\[var\(--hl-ink-4\)\]{
  color: var(--hl-ink-4);
}
.text-\[var\(--hl-ink-inverse\)\]{
  color: var(--hl-ink-inverse);
}
.text-amber-400{
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-amber-500{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800{
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-800\/80{
  color: rgb(146 64 14 / 0.8);
}
.text-amber-900{
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-amber-950{
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-black\/10{
  color: rgb(0 0 0 / 0.1);
}
.text-black\/15{
  color: rgb(0 0 0 / 0.15);
}
.text-black\/20{
  color: rgb(0 0 0 / 0.2);
}
.text-black\/25{
  color: rgb(0 0 0 / 0.25);
}
.text-black\/30{
  color: rgb(0 0 0 / 0.3);
}
.text-black\/35{
  color: rgb(0 0 0 / 0.35);
}
.text-black\/40{
  color: rgb(0 0 0 / 0.4);
}
.text-black\/45{
  color: rgb(0 0 0 / 0.45);
}
.text-black\/50{
  color: rgb(0 0 0 / 0.5);
}
.text-black\/55{
  color: rgb(0 0 0 / 0.55);
}
.text-black\/60{
  color: rgb(0 0 0 / 0.6);
}
.text-black\/65{
  color: rgb(0 0 0 / 0.65);
}
.text-black\/70{
  color: rgb(0 0 0 / 0.7);
}
.text-black\/75{
  color: rgb(0 0 0 / 0.75);
}
.text-black\/80{
  color: rgb(0 0 0 / 0.8);
}
.text-black\/85{
  color: rgb(0 0 0 / 0.85);
}
.text-emerald-400{
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-emerald-500{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-600{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-emerald-800{
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-emerald-800\/80{
  color: rgb(6 95 70 / 0.8);
}
.text-emerald-900{
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}
.text-emerald-950{
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / var(--tw-text-opacity, 1));
}
.text-gray-100{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-400{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-indigo-500{
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-indigo-600{
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-neutral-500{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-neutral-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}
.text-orange-500{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-orange-600{
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-purple-500{
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.text-purple-600{
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-red-300{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-500\/60{
  color: rgb(239 68 68 / 0.6);
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-600\/80{
  color: rgb(220 38 38 / 0.8);
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-rose-300{
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}
.text-rose-600{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-transparent{
  color: transparent;
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/30{
  color: rgb(255 255 255 / 0.3);
}
.text-white\/40{
  color: rgb(255 255 255 / 0.4);
}
.text-white\/50{
  color: rgb(255 255 255 / 0.5);
}
.text-white\/55{
  color: rgb(255 255 255 / 0.55);
}
.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}
.text-white\/65{
  color: rgb(255 255 255 / 0.65);
}
.text-white\/70{
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75{
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}
.text-white\/85{
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90{
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-zinc-300{
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}
.text-zinc-400{
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}
.text-zinc-500{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}
.text-zinc-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.line-through{
  text-decoration-line: line-through;
}
.decoration-\[\#c9ced6\]{
  text-decoration-color: #c9ced6;
}
.decoration-\[var\(--hl-border-strong\)\]{
  text-decoration-color: var(--hl-border-strong);
}
.decoration-black\/20{
  text-decoration-color: rgb(0 0 0 / 0.2);
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.underline-offset-\[3px\]{
  text-underline-offset: 3px;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-\[\#8696a0\]::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(134 150 160 / var(--tw-placeholder-opacity, 1));
}
.placeholder-\[\#8696a0\]::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(134 150 160 / var(--tw-placeholder-opacity, 1));
}
.placeholder-\[\#a3a9b4\]::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(163 169 180 / var(--tw-placeholder-opacity, 1));
}
.placeholder-\[\#a3a9b4\]::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(163 169 180 / var(--tw-placeholder-opacity, 1));
}
.placeholder-black\/20::-moz-placeholder{
  color: rgb(0 0 0 / 0.2);
}
.placeholder-black\/20::placeholder{
  color: rgb(0 0 0 / 0.2);
}
.placeholder-black\/30::-moz-placeholder{
  color: rgb(0 0 0 / 0.3);
}
.placeholder-black\/30::placeholder{
  color: rgb(0 0 0 / 0.3);
}
.accent-\[\#15171c\]{
  accent-color: #15171c;
}
.accent-\[\#1C1C1E\]{
  accent-color: #1C1C1E;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-85{
  opacity: 0.85;
}
.opacity-95{
  opacity: 0.95;
}
.opacity-\[0\.03\]{
  opacity: 0.03;
}
.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_-12px_40px_rgba\(0\2c 0\2c 0\2c 0\.07\)\]{
  --tw-shadow: 0 -12px 40px rgba(0,0,0,0.07);
  --tw-shadow-colored: 0 -12px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_3px_rgba\(21\2c 23\2c 28\2c 0\.08\)\]{
  --tw-shadow: 0 0 0 3px rgba(21,23,28,0.08);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_100px_rgba\(255\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 0 100px rgba(255,0,0,0.1);
  --tw-shadow-colored: 0 0 100px 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_15px_\#34d399\]{
  --tw-shadow: 0 0 15px #34d399;
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_16px_rgba\(255\2c 255\2c 255\2c 0\.2\)\]{
  --tw-shadow: 0 0 16px rgba(255,255,255,0.2);
  --tw-shadow-colored: 0 0 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_30px_rgba\(255\2c 59\2c 48\2c 0\.5\)\]{
  --tw-shadow: 0 0 30px rgba(255,59,48,0.5);
  --tw-shadow-colored: 0 0 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_40px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 0 40px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 0 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_5px_rgba\(212\2c 255\2c 40\2c 0\.8\)\]{
  --tw-shadow: 0 0 5px rgba(212,255,40,0.8);
  --tw-shadow-colored: 0 0 5px 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_rgba\(16\2c 185\2c 129\2c 0\.2\)\]{
  --tw-shadow: 0 10px 30px rgba(16,185,129,0.2);
  --tw-shadow-colored: 0 10px 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_10px_30px_rgba\(255\2c 255\2c 255\2c 0\.1\)\]{
  --tw-shadow: 0 10px 30px rgba(255,255,255,0.1);
  --tw-shadow-colored: 0 10px 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_16px_40px_-12px_rgba\(16\2c 24\2c 40\2c 0\.28\)\]{
  --tw-shadow: 0 16px 40px -12px rgba(16,24,40,0.28);
  --tw-shadow-colored: 0 16px 40px -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_16px_48px_-8px_rgba\(16\2c 24\2c 40\2c 0\.28\)\2c 0_4px_16px_rgba\(16\2c 24\2c 40\2c 0\.08\)\]{
  --tw-shadow: 0 16px 48px -8px rgba(16,24,40,0.28),0 4px 16px rgba(16,24,40,0.08);
  --tw-shadow-colored: 0 16px 48px -8px var(--tw-shadow-color), 0 4px 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_18px_40px_-12px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{
  --tw-shadow: 0 18px 40px -12px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 18px 40px -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_18px_40px_-12px_rgba\(16\2c 24\2c 40\2c 0\.45\)\]{
  --tw-shadow: 0 18px 40px -12px rgba(16,24,40,0.45);
  --tw-shadow-colored: 0 18px 40px -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_1px_0\.5px_rgba\(11\2c 20\2c 26\2c 0\.13\)\]{
  --tw-shadow: 0 1px 0.5px rgba(11,20,26,0.13);
  --tw-shadow-colored: 0 1px 0.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow: 0 1px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_1px_rgba\(11\2c 20\2c 26\2c 0\.1\)\]{
  --tw-shadow: 0 1px 1px rgba(11,20,26,0.1);
  --tw-shadow-colored: 0 1px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.04\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.04);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.05\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.05);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.06\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.06);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.08\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.08);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(16\2c 24\2c 40\2c 0\.12\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,40,0.12);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.2\)\2c 0_1px_1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 1px 4px rgba(0,0,0,0.2),0 1px 1px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 1px 4px var(--tw-shadow-color), 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_60px_-15px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 20px 60px -15px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 20px 60px -15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_48px_-12px_rgba\(16\2c 24\2c 40\2c 0\.18\)\]{
  --tw-shadow: 0 24px 48px -12px rgba(16,24,40,0.18);
  --tw-shadow-colored: 0 24px 48px -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_24px_48px_-12px_rgba\(16\2c 24\2c 40\2c 0\.25\)\]{
  --tw-shadow: 0 24px 48px -12px rgba(16,24,40,0.25);
  --tw-shadow-colored: 0 24px 48px -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_24px_60px_-20px_rgba\(16\2c 24\2c 40\2c 0\.35\)\]{
  --tw-shadow: 0 24px 60px -20px rgba(16,24,40,0.35);
  --tw-shadow-colored: 0 24px 60px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_70px_-16px_rgba\(16\2c 24\2c 40\2c 0\.22\)\]{
  --tw-shadow: 0 24px 70px -16px rgba(16,24,40,0.22);
  --tw-shadow-colored: 0 24px 70px -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_32px_64px_-16px_rgba\(16\2c 24\2c 40\2c 0\.28\)\]{
  --tw-shadow: 0 32px 64px -16px rgba(16,24,40,0.28);
  --tw-shadow-colored: 0 32px 64px -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_40px_100px_-30px_rgba\(16\2c 24\2c 40\2c 0\.45\)\]{
  --tw-shadow: 0 40px 100px -30px rgba(16,24,40,0.45);
  --tw-shadow-colored: 0 40px 100px -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_40px_100px_rgba\(37\2c 211\2c 102\2c 0\.10\)\2c inset_0_2px_10px_rgba\(255\2c 255\2c 255\2c 0\.8\)\]{
  --tw-shadow: 0 40px 100px rgba(37,211,102,0.10),inset 0 2px 10px rgba(255,255,255,0.8);
  --tw-shadow-colored: 0 40px 100px var(--tw-shadow-color), inset 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_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.07\)\]{
  --tw-shadow: 0 4px 20px rgba(0,0,0,0.07);
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_-16px_rgba\(16\2c 24\2c 40\2c 0\.25\)\]{
  --tw-shadow: 0 8px 24px -16px rgba(16,24,40,0.25);
  --tw-shadow-colored: 0 8px 24px -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_24px_-8px_rgba\(16\2c 24\2c 40\2c 0\.35\)\]{
  --tw-shadow: 0 8px 24px -8px rgba(16,24,40,0.35);
  --tw-shadow-colored: 0 8px 24px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]{
  --tw-shadow: 0 8px 24px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 8px 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_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.10\)\]{
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.10);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_32px_rgba\(37\2c 211\2c 102\2c 0\.35\)\]{
  --tw-shadow: 0 8px 32px rgba(37,211,102,0.35);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_40px_rgba\(0\2c 0\2c 0\2c 0\.07\)\]{
  --tw-shadow: 0 8px 40px rgba(0,0,0,0.07);
  --tw-shadow-colored: 0 8px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_0_0_\#000\]{
  --tw-shadow: 4px 4px 0 0 #000;
  --tw-shadow-colored: 4px 4px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[4px_4px_0_0_\#2754d6\]{
  --tw-shadow: 4px 4px 0 0 #2754d6;
  --tw-shadow-colored: 4px 4px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[6px_6px_0_0_\#000\]{
  --tw-shadow: 6px 6px 0 0 #000;
  --tw-shadow-colored: 6px 6px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[6px_6px_0_0_\#2754d6\]{
  --tw-shadow: 6px 6px 0 0 #2754d6;
  --tw-shadow-colored: 6px 6px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[8px_8px_0_0_\#000\]{
  --tw-shadow: 8px 8px 0 0 #000;
  --tw-shadow-colored: 8px 8px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_\#e4e7ec\]{
  --tw-shadow: inset 0 0 0 1px #e4e7ec;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_2px_\#15171c\]{
  --tw-shadow: inset 0 0 0 2px #15171c;
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{
  --tw-shadow: inset 0 1px 2px rgba(0,0,0,0.06);
  --tw-shadow-colored: inset 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{
  --tw-shadow: inset 0 1px 2px rgba(0,0,0,0.18);
  --tw-shadow-colored: inset 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[\#ff2a85\]\/30{
  --tw-shadow-color: rgb(255 42 133 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--hl-shadow-lg\)\]{
  --tw-shadow-color: var(--hl-shadow-lg);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/10{
  --tw-shadow-color: rgb(0 0 0 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/15{
  --tw-shadow-color: rgb(0 0 0 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/20{
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/30{
  --tw-shadow-color: rgb(0 0 0 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-black\/5{
  --tw-shadow-color: rgb(0 0 0 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-emerald-500\/25{
  --tw-shadow-color: rgb(16 185 129 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-4{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[12px\]{
  --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(12px + 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-\[\#15171c\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(21 23 28 / var(--tw-ring-opacity, 1));
}
.ring-\[\#15171c\]\/15{
  --tw-ring-color: rgb(21 23 28 / 0.15);
}
.ring-\[\#FF3B30\]\/5{
  --tw-ring-color: rgb(255 59 48 / 0.05);
}
.ring-black\/10{
  --tw-ring-color: rgb(0 0 0 / 0.1);
}
.ring-black\/5{
  --tw-ring-color: rgb(0 0 0 / 0.05);
}
.ring-black\/\[0\.08\]{
  --tw-ring-color: rgb(0 0 0 / 0.08);
}
.ring-red-400{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.ring-rose-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity, 1));
}
.ring-white{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.ring-white\/10{
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.ring-white\/15{
  --tw-ring-color: rgb(255 255 255 / 0.15);
}
.ring-white\/30{
  --tw-ring-color: rgb(255 255 255 / 0.3);
}
.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-3xl{
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[100px\]{
  --tw-blur: blur(100px);
  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-\[120px\]{
  --tw-blur: blur(120px);
  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-\[150px\]{
  --tw-blur: blur(150px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl{
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_20px_40px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]{
  --tw-drop-shadow: drop-shadow(0 20px 40px rgba(0,0,0,0.15));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md{
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm{
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.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-2xl{
  --tw-backdrop-blur: blur(40px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-3xl{
  --tw-backdrop-blur: blur(64px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\]{
  --tw-backdrop-blur: blur(2px);
  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-blur-xl{
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.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-\[box-shadow\2c background-color\]{
  transition-property: box-shadow,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[left\]{
  transition-property: left;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none{
  transition-property: none;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-700{
  transition-duration: 700ms;
}
.duration-75{
  transition-duration: 75ms;
}
.duration-\[120ms\]{
  transition-duration: 120ms;
}
.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-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.will-change-transform{
  will-change: transform;
}

  /* IOS 15 / SAFARI WEBKIT DVH OVERRIDE GLOBAL */
  .min-h-screen { min-height: 100vh !important; }

  /* MASTER LAYOUT HEIGHTS  Compensates for the 68px header */

  /* ============================================================
     Enterprise CONFIG: DENSITY & STEALTH MODE (Zero-JS)
     ============================================================ */
  
  /* Opt-out on hover if user explicitly wants to check it securely */

  /* Safe Area / Fallback VP utilities for iOS 15 */

  /* Quantum Mobile Touch Optimizations */
  button, a, [role="button"] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }


  /* Utilitarios de brillo sutil */
  
  /* ZK-Vault Glassmorphism */
  
  /* Pearlescent Shimmer Animation */
  @keyframes pearl-shimmer {
    0%, 100% {
      background-position: 0% 50%;
      opacity: 0;
    }
    50% {
      background-position: 100% 50%;
      opacity: 1;
    }
  }
  
  /* Premium Glassmorphism Effects */
  
  /* Premium Glow Effects */
  
  /* Gradient Text */
  
  /* Premium Hover Effects */

  /* --- System Web3 Aesthetics --- */

  /* --- PHASE 29: ARCHITECTURAL TOKENS --- */
.\[font-family\:var\(--hl-font\)\]{
  font-family: var(--hl-font);
}

/* 
   A11Y GLOBAL REDUCED MOTION SUPPORT (Audit A11y & Motion Compliance)
    */
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* TYPING INDICATOR — smooth wave animation for the 3-dot bubble */
@keyframes typingBounce {
  0%, 100% { transform: translateY(0); opacity: 0.5; }
  50% { transform: translateY(-5px); opacity: 1; }
}

/* STICKER POP — spring-scale animation for emoji stickers in Ledger Chat */
/* [FIX] This keyframe was missing from globals.css (only existed in compiled output).
   Without it, StickerBubble starts at opacity:0 and never becomes visible.
   cubic-bezier(0.34,1.56,0.64,1) produces the spring overshoot "pop" feel. */
@keyframes stickerPop {
  0%   { opacity: 0; transform: scale(0.4) rotate(-8deg); }
  60%  { opacity: 1; transform: scale(1.12) rotate(3deg); }
  80%  { transform: scale(0.94) rotate(-1deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}

/* NO HYPHENS GLOBALLY */


/* 
   IOS 15 / SAFARI WEBKIT UNIVERSAL COMPATIBILITY LAYER
   Resolves blank screen, viewport bugs, and font rendering on iOS 15.x
    */

/* Fix iOS Safari 100vh blank bottom space bug */
html {
  /* Let the browser handle global scrolling natively.
     `clip` rather than `hidden`: with `hidden` on both html and body, body
     becomes a scroll container that never scrolls, and every position:sticky
     element on the site (navigation bars, docs sidebars) silently stops
     sticking. `clip` prevents horizontal overflow the same way without
     creating a scroll container. `hidden` stays first as the fallback for
     browsers without `clip`. */
  overflow-x: hidden;
  overflow-x: clip;
  /*  HARD BOUNDARY: prevents rubber-band bounce and ghost pages  */
  overscroll-behavior: none;
  background-color: #FFFFFF;
}

body {
  -webkit-text-size-adjust: 100%;     /* Prevent iOS auto text-size increase */
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent; /* Remove tap flash on iOS */
  touch-action: pan-y;          /* Optimal for Lenis / Pan movements */
  
  /* Safe Area / Notch Support */
  padding-left:   env(safe-area-inset-left, 0px);
  padding-right:  env(safe-area-inset-right, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);

  /*  LANDING PAGE BOUNDARY SEAL: no empty space or scroll past footer  */
  overscroll-behavior: none;

  /* ANTI BLACK VOID: Ensure the document background is always white.
     The UniversalEliteWallpaper is an absolutely-positioned overlay.
     Without this, the raw html/body background (transparent or dark)
     can bleed through below the last landing section as a black gap. */
  background-color: #FFFFFF;
}

/*  STRICT DESKTOP SCROLL BLEED LOCK  */
body.ios-scroll-lock-strict {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

/*  BOUNDED VIEWPORT SEAL 
   When ClientLayout is in "bounded" mode, the root div has h-[100dvh] and the
   main tag is the scroll container. We must ensure nothing inside that tree
   expands the document height beyond the viewport.
   The `[data-bounded]` attribute is explicitly NOT set anywhere  instead we
   rely on the CSS stacking of h-[100dvh] on the root to create a containing
   block. These rules prevent common child component patterns (min-h-screen,
   min-h-[100dvh]) from leaking outside their scrollable parent.
    */
/* Webkit momentum scrolling for the bounded <main> scroll container */
main[class*="overflow-y-auto"] {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}
/* Prevent any child from expanding PAST its scroll container's height */
main[class*="overflow-y-auto"] > * {
  min-height: 0;
  /* Override the globals.css !important rule for min-h-screen within scroll
     containers. Scoped via parent selector so it doesn't affect normal pages. */
}
/* CRITICAL: Direct children of bounded main that use h-full or min-h-full
   need the parent chain to have height set. Ensure the flex children fill. */
main[class*="overflow-y-auto"] > div[class*="min-h-full"],
main[class*="overflow-y-auto"] > div[class*="h-full"] {
  flex: 1 1 auto;
}

/* ── ANTI-BLACK-VOID + ANTI-CREAM-VOID: Nuclear guarantee ────────────────────
   Ensures NO background behind any root-level layout ever shows as black OR cream.
   On iOS/Android, overscroll bounce reveals the html/body background above/below
   the scroll content. Set to #f4f6fa (matching ImmersiveField and landing background)
   so the overscroll area blends seamlessly with zero visible seam or color flash. */
html, body {
  background-color: #f4f6fa !important;
}

/* Landing pages: use the page background colour so overscroll top/bottom match */
html:has([data-page="landing"]),
body:has([data-page="landing"]) {
  background-color: #f4f6fa !important;
}

/* Chat page: keep white */
html:has([data-page="chat"]),
body:has([data-page="chat"]) {
  background-color: #FFFFFF !important;
}


/* 
   Enterprise LAYOUT SYSTEM
   
   Tabs are full width to provide maximum visual clarity across the 4K display.
    */


/* iOS Safari: Prevent 16px font auto-zoom on input focus
   Full rule with appearance reset is defined below at the * block.
   This stub is intentionally kept as a placeholder comment. */

/* iOS-safe momentum scrolling for all scrollable containers */
[class*="overflow-y-auto"],
[class*="overflow-y-scroll"],
[class*="overflow-auto"],
[class*="overflow-scroll"],
.custom-scrollbar {
  -webkit-overflow-scrolling: touch;
  /* NOTE: transform:translate3d removed  it forced ALL scroll containers into
     separate GPU stacking contexts, which caused the OS native scrollbar to
     misfire scroll events to the wrong target (document root vs inner container). */
}

  /* UNIVERSAL A11Y FOCUS — WCAG 2.4.7 compliant visible indicator */
  :focus-visible {
    outline: 2px solid rgba(0, 0, 0, 0.5);
    outline-offset: 2px;
  }
  
  /* Rendering Optimization for long pages */
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Reduced heavy filter usage at global level for scroll speed */
  }

  :root {
    /* --- WHITE BRAND PALETTE (Light Mode) --- */
    --bg-page: #FFFFFF;
    --bg-surface: #FFFFFF;
    --bg-card: #FFFFFF;

    --text-primary: #1C1917; /* Slate 900 for high contrast */
    --text-secondary: #57534E;
    --text-muted: #A8A29E;

    --border-main: rgba(0, 0, 0, 0.08);
    --glass-bg: rgba(255, 255, 255, 0.45);
    --glass-border: rgba(0, 0, 0, 0.05);
    
    /* Institutional Absolute Contrast */
    --aztec-parchment: #FFFFFF;
    --aztec-ink: #050505;
    
    /* Institutional Accents */
    --accent-primary: #00F2EA; /* Pure Cyan */
    --accent-secondary: #00E5FF;
    --accent-emerald: #10B981;
    --accent-glow: rgba(0, 242, 234, 0.15);

    /* Glass blur boundaries (Optimized for Mobile) */
    --zk-glass-blur: 16px;
    --zk-glass-blur-heavy: 24px;

    /* Modern Hsl System (light mode) */
    --background: 0 0% 100%;
    --foreground: 0 0% 10%;

    /* --- Enterprise SETTINGS HOOKS --- */
    --ui-p-base: 1rem;
    --ui-text-scale: 1;
    --stealth-blur: 0px;

    /* 
       MARCA DE AGUA CÓSMICA 4K / MATRIZ INSTITUCIONAL (SVG)
       Reemplazamos el PNG estático por un SVG en Base64 para calidad infinita al hacer zoom
        */
    --wave-pattern: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40H0V0zm20 20h20v20H20V20zM0 20h20v20H0V20z' fill='%23000' fill-opacity='0.015' fill-rule='evenodd'/%3E%3C/svg%3E");
    --wave-pattern-opacity: 1;
    --olas-hokusai: none;
    --olas-hokusai-opacity: 0;
    
    /* Institutional Layout Constants */
    --header-height: 68px;
    --viewport-height: calc(100dvh - var(--header-height));
  }




  /* Light mode (default) */
  html:not(.dark) {
    color-scheme: light;
  }

  html {
    /* Lenis (SmoothScroll.tsx) manages the smoothing. */
    -webkit-tap-highlight-color: transparent;
    touch-action: pan-y;

    /* === STRATOSPHERIC GPU RENDERING === */
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;

    /* Prevent horizontal layout overflow  use 100% NOT 100vw.
       On Windows, 100vw includes the scrollbar width, which creates
       phantom horizontal overflow that cuts the layout at half-screen.
       `clip` keeps position:sticky working; see the note on html above. */
    overflow-x: hidden;
    overflow-x: clip;
    width: 100%;
    
    /* Let only the body or the master container scroll */
    min-height: 100%;
    height: auto;

    font-size: clamp(14px, 1vw + 10px, 17px);
    line-height: 1.6;
    letter-spacing: -0.01em;

    /* Background responds to dark/light class */
    background-color: var(--bg-page, #FFFFFF);
    color: var(--text-primary, #1C1917);
    transition: background-color 0.4s ease, color 0.4s ease;
  }

  /* NOTE: PC zoom is controlled by the single rule at the bottom of this file.
   This block intentionally left empty to avoid duplicate/contradictory zoom rules. */

  body {
    /* ANTI-VOID: Must be white, NOT transparent.
       'transparent' would show the browser chrome (dark on dark mode OS)
       below the last content section on the landing page on PC.
       The UniversalEliteWallpaper (fixed, z-index:-1) covers the visible
       viewport but NOT the scroll extension area — white body fills that gap. */
    background-color: #FFFFFF;
    color: inherit;
    /* CROSS-PLATFORM SYSTEM FONT: Resolves to SF Pro (iOS/macOS), Roboto (Android),
       Segoe UI (Windows) — optimal native rendering on every platform */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  }

  /* 
     JAPANESE WAVE PATTERN  Desktop CSS pseudo-element fallback
     
     WHY pseudo-element + React component both exist:
      body::before renders instantly on SSR before JS hydrates
        prevents flash of no-pattern on first paint on desktop
      WavePatternOverlay (React) takes over on ALL platforms
       and is the authoritative source of truth after hydration
     
     MOBILE OVERRIDE:
     iOS Safari & Android WebView do NOT correctly handle
     `position: fixed` on `body::before` pseudo-elements.
     The pattern disappears/jumps during scroll.
     We suppress it on touch devices with the media query below 
     WavePatternOverlay (DOM element) handles mobile correctly.
      */
  /* body::before removed to prevent GPU compositing storm with WavePatternOverlay */

  /* NOTE: body > * { z-index: 1 } was REMOVED.
     It caused every Web3 modal (AppKit, ConnectKit, Reown) to be
     trapped below the wave pattern overlay z-index, breaking
     all modal portal rendering. Wave overlay uses z-index: 0
     on its own element, no global body-child override needed. */


  ::-moz-selection {
    /* Institutional neutral  no brand-mismatched magenta */
    background-color: rgba(0, 0, 0, 0.10);
    color: #050505;
  }


  ::selection {
    /* Institutional neutral  no brand-mismatched magenta */
    background-color: rgba(0, 0, 0, 0.10);
    color: #050505;
  }

   /* input/select/textarea: iOS auto-zoom prevention (16px minimum)
      Canonical definition here  stub comment above kept for orientation. */
   input, textarea, select {
     font-size: 16px !important;
     touch-action: manipulation;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
   }
 
   /* === GLOBAL GPU LAYER HINTS ===
      Every element participates in the GPU paint system.
      Only `transform` and `opacity` are allowed to animate
      without triggering layout  enforce that contract here.
   */
   * {
     /* Do NOT set will-change here  that forces ALL elements onto GPU layers
        and kills memory. Only set it on animated elements via .transform-gpu utility. */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     /* PERF: text-rendering:optimizeLegibility removed from universal selector.
        It was blocking EVERY text render on the page. Only apply to headings
        where visual quality justifies the cost (h1h4 via element selectors). */
     box-sizing: border-box;
   }
  /* Senior absolute layout correction */
  .max-w-7xl {
    max-width: 80rem !important; /* Reset to standard (1280px approx at 16px rem) */
  }
  
  .max-w-5xl {
    max-width: 64rem !important;
  }

  .max-w-4xl {
    max-width: 56rem !important;
  }

  /* DECORATIVE FONTS — Scoped to landing page sections only.
     These MUST NOT bleed into Ledger Chat, Hub, or App UIs where
     system-ui / Inter is required for readability and native feel. */
  .font-aztec-h1 {
    font-family: 'Playfair Display', 'Arizona Serif', serif;
    font-weight: 300;
    line-height: 1.0;
    letter-spacing: -0.05em;
  }

  .font-aztec-h2 {
    font-family: 'Roboto Mono', 'Oracle Triple', monospace;
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: -0.01em;
  }

  .font-aztec-h3 {
    font-family: 'Inter', 'MD Thermochrome', sans-serif;
    font-weight: 400;
    line-height: 0.95;
    letter-spacing: -0.01em;
  }

  .font-aztec-h4 {
    font-family: 'Garamond', 'Francesco', serif;
    font-weight: 400;
    line-height: 0.95;
  }

  .font-aztec-body {
    font-family: 'Inter', 'Oracle Standard', sans-serif;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }

  .font-aztec-text {
    font-family: 'Playfair Display', 'Arizona Text', serif;
    font-weight: 300;
    line-height: 1.35;
  }

  code, .font-mono {
    font-family: 'Roboto Mono', monospace;
  }

    /* HIGH-FIDELITY PAPER GRAIN TEXTURE */
    .noise-bg {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    }

    /* IMMERSIVE TRANSPARENCY ENFORCEMENT */
    #root {
        background: transparent !important;
    }

    /* PURE WEB3 FLOATING NAV REFINEMENTS */
    .capsule-nav-glass {
        background: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: 1px solid rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
    }

/* ============================================================
   STRATOSPHERIC GPU RENDERING UTILITIES
   Deep compositor layer forcing for animated components.
   Only apply these to elements that ACTUALLY animate 
   misuse wastes VRAM and defeats the purpose.
   ============================================================ */

/* Viewport Virtualization  skip layout for off-screen content */
.optimize-visibility {
  /* content-visibility: auto; REMOVED AS IT BREAKS IPAD SAFARI */
  contain-intrinsic-size: 0 900px;
}

/* Full GPU compositor layer  for heavy animated cards/overlays */
.transform-gpu {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  perspective: 1000px;
  -webkit-perspective: 1000px;
  will-change: transform, opacity;
  /* Subpixel rendering fix for translated elements */
  -webkit-font-smoothing: antialiased;
}

/* [EXTREME GPU OPTIMIZATION] Strict Layout Isolation */
.perf-isolate {
  contain: layout style paint;
  overflow: hidden;
}

/* Deep 3D Hardware layering for smooth parallax and lists */
.perf-composited-3d {
  transform: translate3d(0, 0, 0) scale(1);
  backface-visibility: hidden;
  perspective: 1000px;
  will-change: transform;
}

/* Micro-utility to promote individual elements without layout shifts */
.perf-will-change-transform {
  will-change: transform;
}


.z-stratosphere {
  z-index: 9999 !important;
}

html,
body,
:root {
  /* scroll-behavior managed by Lenis  not CSS */
  /* CRITICAL: height:100% removed  causes iPad Safari blank screen.
     Body/html height is auto by default; min-height:100vh on body handles full-page layout. */
  -webkit-overflow-scrolling: touch;
}

/* Force hardware composite on heavily animated global components */
.hardware-accelerated {
  transform: translate3d(0, 0, 0);
  will-change: transform;
  backface-visibility: hidden;
  perspective: 1000;
}

/* GPU scroll container  use on long scrollable lists */
.scroll-gpu {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  transform: translateZ(0);
  will-change: scroll-position;
}

/* Smooth scrollbar styling */
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #e2e8f0 transparent;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #e2e8f0;
  border-radius: 99px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #cbd5e1;
}
 
 /* Respect user preference: disable animations when reduced-motion is requested */
 @media (prefers-reduced-motion: reduce) {
   .animate-prism-shift {
     animation: none !important;
   }
 }

/* Hide scrollbar while maintaining functionality */
.no-scrollbar::-webkit-scrollbar,
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar,
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Forum scroll containment is handled natively by ClientLayout's bounded <main> viewport */

/* Prevent hover CSS from triggering repaint layers on touch devices */
@media (hover: none) {
  .forum-container button:hover,
  .forum-container a:hover {
    background-color: transparent !important;
  }
}

/* ============================================================
   240HZ MOBILE HARDWARE ACCELERATION (AZTEC SMOOTH SCROLL)
   ============================================================ */
@media (max-width: 768px) {
  /* Enforce extreme scroll smoothing and disable bounce boundaries */
  html, body {
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: none !important;
    scroll-behavior: smooth !important;
  }

  /* Disable expensive backdrop-filters on mobile.
     This is the #1 cause of 60fps drops on mobile WebKit.
     Components define their own solid background fallbacks. */
  .backdrop-blur-sm,
  .backdrop-blur-md,
  .glass-vault,
  .glass-premium,
  .glass-system {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  /* NOTE: box-shadow intentionally NOT removed  shadows are critical
     for visual depth on cards, modals and buttons on mobile. */
}

/* ============================================================
   ANDROID VIRTUAL KEYBOARD MITIGATION
   When the Android keyboard opens, viewport shrinks.
   Hide bottom navigation to prevent it from covering inputs.
   ============================================================ */
.mobile-bottom-nav {
  display: none !important;
}

body.is-mobile-device .mobile-bottom-nav {
  display: flex !important;
}

@media (min-width: 1024px) {
  body.is-mobile-device .mobile-bottom-nav {
    display: none !important;
  }
}

@media (max-height: 450px) {
  .mobile-bottom-nav {
    display: none !important;
  }
}

/* ============================================================
   Ledger Chat  ARTICULATED THEME ENGINE
   Each data-chat-theme value maps directly to a palette.
   Settings modal  data-chat-theme attribute  CSS variables.
   ============================================================ */

.chat-theme-wrapper {
  --chat-bg:        #FFFFFF;
  --chat-sidebar:   #FFFFFF;
  --chat-bubble-me:      #000000;
  --chat-bubble-me-text: #FFFFFF;
  --chat-bubble-peer:    rgba(0,0,0,0.04);
  --chat-bubble-peer-text: #000000;
  --chat-border:    rgba(0,0,0,0.08);
  --chat-input-bg:  rgba(0,0,0,0.03);
  --chat-meta:      rgba(0,0,0,0.30);
}

/* DARK */
.chat-theme-wrapper[data-chat-theme="dark"] {
  --chat-bg:        #111111;
  --chat-sidebar:   #1A1A1A;
  --chat-bubble-me:      #E0E0E0;
  --chat-bubble-me-text: #000000;
  --chat-bubble-peer:    rgba(255,255,255,0.07);
  --chat-bubble-peer-text: #EFEFEF;
  --chat-border:    rgba(255,255,255,0.08);
  --chat-input-bg:  rgba(255,255,255,0.05);
  --chat-meta:      rgba(255,255,255,0.30);
}

/* MIDNIGHT */
.chat-theme-wrapper[data-chat-theme="midnight"] {
  --chat-bg:        #0D0D1A;
  --chat-sidebar:   #12122A;
  --chat-bubble-me:      #6C63FF;
  --chat-bubble-me-text: #FFFFFF;
  --chat-bubble-peer:    rgba(108,99,255,0.12);
  --chat-bubble-peer-text: #C8C5FF;
  --chat-border:    rgba(108,99,255,0.20);
  --chat-input-bg:  rgba(108,99,255,0.08);
  --chat-meta:      rgba(200,197,255,0.35);
}

/* FOREST */
.chat-theme-wrapper[data-chat-theme="forest"] {
  --chat-bg:        #0F1A14;
  --chat-sidebar:   #142019;
  --chat-bubble-me:      #2D7A4F;
  --chat-bubble-me-text: #FFFFFF;
  --chat-bubble-peer:    rgba(45,122,79,0.15);
  --chat-bubble-peer-text: #A8D5B5;
  --chat-border:    rgba(45,122,79,0.25);
  --chat-input-bg:  rgba(45,122,79,0.10);
  --chat-meta:      rgba(168,213,181,0.35);
}

/* ROSE */
.chat-theme-wrapper[data-chat-theme="rose"] {
  --chat-bg:        #1A0D10;
  --chat-sidebar:   #221218;
  --chat-bubble-me:      #C2185B;
  --chat-bubble-me-text: #FFFFFF;
  --chat-bubble-peer:    rgba(194,24,91,0.12);
  --chat-bubble-peer-text: #F48FB1;
  --chat-border:    rgba(194,24,91,0.20);
  --chat-input-bg:  rgba(194,24,91,0.08);
  --chat-meta:      rgba(244,143,177,0.35);
}

/* Wire theme variables to actual elements */
.chat-theme-wrapper { background-color: var(--chat-bg) !important; color: var(--chat-bubble-peer-text); }
.chat-theme-wrapper [data-sidebar] { background-color: var(--chat-sidebar) !important; border-color: var(--chat-border) !important; }
.chat-theme-wrapper [data-bubble-mine] { background-color: var(--chat-bubble-me) !important; color: var(--chat-bubble-me-text) !important; }
.chat-theme-wrapper [data-bubble-peer] { background-color: var(--chat-bubble-peer) !important; color: var(--chat-bubble-peer-text) !important; border-color: var(--chat-border) !important; }
.chat-theme-wrapper [data-chat-meta] { color: var(--chat-meta) !important; }
.chat-theme-wrapper [data-chat-input] { background-color: var(--chat-input-bg) !important; border-color: var(--chat-border) !important; color: var(--chat-bubble-peer-text) !important; }
.chat-theme-wrapper [data-chat-input]::-moz-placeholder { color: var(--chat-meta) !important; }
.chat-theme-wrapper [data-chat-input]::placeholder { color: var(--chat-meta) !important; }

/* STEALTH mode: timestamps hidden via CSS, metadata blurred */
.chat-theme-wrapper[data-privacy="stealth"] [data-chat-meta] { filter: blur(4px); opacity: 0.4; }

/* ============================================================
   HIDE BALANCES MODE
   ============================================================ */
html.hide-balances [data-balance] {
  filter: blur(8px) saturate(0%);
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: filter 0.3s ease, opacity 0.3s ease;
}
html.hide-balances [data-balance]:active {
  filter: blur(0px) saturate(100%);
  opacity: 1;
}

  .font-aztec-serif {
    font-family: var(--font-aztec-serif), serif;
  }

  .font-aztec-mono {
    font-family: var(--font-aztec-mono), monospace;
  }

/* ============================================================
   FORUM LIGHT/DARK MODE ARCHITECTURE (AZTEC PERFECTION)
   ============================================================ */

html.forum-light-mode {
  background-color: #f4f4f5 !important;
}

:root {
  /* Default: Dark Mode (navy-black, NOT purple) */
  --forum-bg: #0f0a1a;
  --forum-text: #ffffff;
  --forum-text-muted: rgba(255, 255, 255, 0.6);
  --forum-border: rgba(255, 255, 255, 0.05);
  --forum-surface: rgba(255, 255, 255, 0.02);
  --forum-hover: #1a112a;
  --forum-header-bg: rgba(0, 0, 0, 0.2);
  --forum-subnav-bg: #110b1a;
  --forum-button-bg: #ffffff;
  --forum-button-text: #000000;
}

html.forum-light-mode {
  /* Light Mode Overrides */
  --forum-bg: #f4f4f5;
  --forum-text: #18181b;
  --forum-text-muted: #71717a;
  --forum-border: rgba(0, 0, 0, 0.1);
  --forum-surface: #ffffff;
  --forum-hover: #fcfcfc;
  --forum-header-bg: rgba(255, 255, 255, 0.8);
  --forum-subnav-bg: #ffffff;
  --forum-button-bg: #18181b;
  --forum-button-text: #ffffff;
}

.forum-theme-root {
  background-color: var(--forum-bg);
  color: var(--forum-text);
  /* Disable transition on initial load to prevent flash  JS adds class later */
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Prevent the transition firing on first paint (added by JS after mount) */
.forum-theme-root.theme-ready {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.forum-theme-root a:hover, .forum-theme-root button:hover {
  transition-duration: 0.2s;
}

/* 
   JAPANESE WAVE SURFACE UTILITIES
   Apply to any white/cream/slate-50 element in any component.
   Uses position:relative + ::before so content stays on top.
    */

/* Standard utility  use on bg-white / bg-black/5 sections */
.wave-surface {
  position: relative;
}
.wave-surface::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  transform: translateZ(0);
  will-change: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background-image: var(--wave-pattern);
  background-repeat: repeat;
  background-size: 250px auto;
  image-rendering: auto; /* Crisp edges can cause artifacts on JPEG downscale */
  opacity: var(--wave-pattern-opacity);
  mix-blend-mode: multiply;
  border-radius: inherit;
}
.wave-surface > * {
  position: relative;
  z-index: 1;
}

/* Lighter variant  for cards that already have subtle borders */
.wave-surface-light::before {
  opacity: 0.03;
}

/* Stronger variant  hero sections */
.wave-surface-strong::before {
  opacity: 0.065;
}

/* Dark mode: Invert texture to make lines light and use screen blend mode */
/* .dark wave overrides removed */

/* === AZTEC Enterprise AESTHETICS & EFFECTS === */

.bg-noise {
  position: relative;
}
.bg-noise::before {
  content: "";
  position: absolute;
  inset: -150%;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacty='0.05'/%3E%3C/svg%3E");
  opacity: 0.04;
  /* PERF: Replaced continuous animation with a static position.
     The noise-shift animation was translating a 300%x300% element every 800ms
     causing a full repaint every step. Static noise is visually equivalent
     at opacity 0.04 and costs zero CPU. */
  z-index: 50;
  mix-blend-mode: overlay;
}

/* Only restore noise animation when user has NOT requested reduced motion
   AND the device is plugged in (detected via .perf-high class on body). */
@media (prefers-reduced-motion: no-preference) {
  body.perf-high .bg-noise::before {
    animation: noise-shift 8s steps(10) infinite;
  }
}

@keyframes noise-shift {
  0%, 100% { transform: translate(0, 0); }
  10% { transform: translate(-5%, -5%); }
  20% { transform: translate(-10%, 5%); }
  30% { transform: translate(5%, -10%); }
  40% { transform: translate(-5%, 15%); }
  50% { transform: translate(-10%, 5%); }
  60% { transform: translate(15%, 0); }
  70% { transform: translate(0, 15%); }
  80% { transform: translate(3%, 35%); }
  90% { transform: translate(-10%, 10%); }
}

.custom-cursor-none {
  cursor: none !important;
}
.custom-cursor-none * {
  cursor: none !important;
}


@keyframes blob {
  0% { transform: translate(0px, 0px) scale(1); }
  33% { transform: translate(30px, -50px) scale(1.1); }
  66% { transform: translate(-20px, 20px) scale(0.9); }
  100% { transform: translate(0px, 0px) scale(1); }
}

.animate-blob {
  animation: blob 10s infinite;
}

.animation-delay-2000 {
  animation-delay: 2s;
}

.animation-delay-4000 {
  animation-delay: 4s;
}

/* =============================================
   LIQUID PRISM BACKGROUND  Static Color Shift
   ============================================= */
@keyframes prism-shift {
  0%   { filter: hue-rotate(0deg)   saturate(2)   brightness(1.1); }
  25%  { filter: hue-rotate(40deg)  saturate(2.4) brightness(1.25); }
  50%  { filter: hue-rotate(80deg)  saturate(2.6) brightness(1.15); }
  75%  { filter: hue-rotate(-40deg) saturate(2.4) brightness(1.2); }
  100% { filter: hue-rotate(0deg)   saturate(2)   brightness(1.1); }
}

@keyframes liquid {
  0% { transform: translate(-10%, -10%) rotate(0deg) scale(1.1); }
  33% { transform: translate(10%, 10%) rotate(120deg) scale(1.3); }
  66% { transform: translate(-5%, 15%) rotate(240deg) scale(0.9); }
  100% { transform: translate(-10%, -10%) rotate(360deg) scale(1.1); }
}

.animate-liquid {
  animation: liquid 20s infinite linear;
}

.animate-prism-shift {
  animation: prism-shift 30s linear infinite !important;
  /* NO CSS TRANSFORMS TO PREVENT WOBBLE */
  transform: none !important;
  will-change: filter !important;
  
  /* Universal Premium Sizing & Blur */
  width: 160vw !important;
  height: 160vh !important;
  left: -30vw !important;
  top: -30vh !important;
  filter: blur(80px) saturate(2) brightness(1.1) !important;
}

/* =============================================
   AZTEC PATTERN & PIXEL DEFORMATION
   ============================================= */

.bg-aztec-pattern {
  background-image: 
    linear-gradient(45deg, currentcolor 25%, transparent 25%, transparent 75%, currentcolor 75%, currentcolor),
    linear-gradient(45deg, currentcolor 25%, transparent 25%, transparent 75%, currentcolor 75%, currentcolor);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
  opacity: 0.05;
}

@keyframes pixel-deform {
  0%   { filter: hue-rotate(0deg) saturate(1.5) contrast(1.2) drop-shadow(4px 4px 0 rgba(255,0,255,0.2)); transform: scale(1.0) skewX(0deg); }
  25%  { filter: hue-rotate(90deg) saturate(2.5) contrast(1.4) drop-shadow(-4px -4px 0 rgba(0,255,255,0.2)); transform: scale(1.02) skewX(1deg); }
  50%  { filter: hue-rotate(180deg) saturate(1) contrast(1.8) drop-shadow(4px -4px 0 rgba(255,255,0,0.2)); transform: scale(0.98) skewX(-1deg); }
  75%  { filter: hue-rotate(270deg) saturate(2) contrast(1) drop-shadow(-4px 4px 0 rgba(255,0,0,0.2)); transform: scale(1.03) skewX(0.5deg); }
  100% { filter: hue-rotate(360deg) saturate(1.5) contrast(1.2) drop-shadow(4px 4px 0 rgba(255,0,255,0.2)); transform: scale(1.0) skewX(0deg); }
}

.animate-pixel-deform {
  animation: pixel-deform 8s steps(5) infinite !important;
  will-change: filter, transform !important;
}

/* ============================================================
   RESPONSIVE LAYOUT  NO ZOOM HACK
   All breakpoints use fluid clamp() values and flex/grid.
   The body never gets CSS zoom  that property breaks stacking
   contexts and subpixel rendering entirely.

   MOBILE (< 768px)
   - Stack everything vertically (handled by Tailwind sm: prefix)
   - font-size driven by clamp() on html
   - Touch targets  48px (WCAG 2.5.5)

   TABLET (768px  1279px)
   - 2-column grids
   - Slightly smaller padding

   PC ( 1280px)
   - Full 3-column grid, sticky headers
============================================================ */

/* Safe-area utility for fixed/sticky elements */
.safe-top    { padding-top:    env(safe-area-inset-top); }
.safe-bottom { padding-bottom: env(safe-area-inset-bottom); }
.safe-left   { padding-left:   env(safe-area-inset-left); }
.safe-right  { padding-right:  env(safe-area-inset-right); }

/* Minimum touch target size for buttons on mobile */
@media (max-width: 1023px) {
  /* WCAG 2.5.5 minimum touch target  applied only to non-icon buttons/links.
     Icon-only controls use .icon-btn class and are excluded. */
  button:not(.icon-btn),
  a:not(.icon-link),
  [role="button"]:not(.icon-btn) {
    min-height: 44px;
  }
}

/* Reduce blur on mobile for GPU budget */
@media (max-width: 767px) {
  .animate-prism-shift {
    filter: blur(30px) saturate(1.8) brightness(1.05) !important;
  }
  /* Disable content-visibility on mobile  causes layout jumps */
  .optimize-visibility {
    content-visibility: visible;
  }
}

/* Tablet: medium breakpoint adjustments */
@media (min-width: 768px) and (max-width: 1279px) {
  .animate-prism-shift {
    filter: blur(60px) saturate(2) brightness(1.1) !important;
  }
}

/* PC: full resolution */
@media (min-width: 1280px) {
  .animate-prism-shift {
    filter: blur(80px) saturate(2) brightness(1.1) !important;
  }
}

/* Global Application Zoom (Excluding Landing) - REMOVED for Absolute Scaling Perfection */
@media (min-width: 1024px) {
  .app-zoom-effect {
    zoom: 1.0;
  }
}

/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  /* ... existing code ... */
}

/* ============================================================
   EXTREME PERFORMANCE ALIGNMENT (Developers-Portal Level)
   Forces the UI into a ultra-fluent state by stripping 
   expensive GPU filters on mobile devices.
   ============================================================ */
.perf-ultra {
  /* On small screens, blurs are the #1 fps killer */
  @media (max-width: 1024px) {
    *, ::before, ::after {
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }
    
    /* Compensate for lost blur depth with more opaque backgrounds */
    .backdrop-blur-3xl, .backdrop-blur-2xl, .backdrop-blur-xl, .backdrop-blur-lg, .backdrop-blur-md, .backdrop-blur-sm, .backdrop-blur {
       backdrop-filter: none !important;
       -webkit-backdrop-filter: none !important;
    }
    
    .bg-white\/10 { background-color: rgba(255,255,255,0.05) !important; }
    .bg-white\/20 { background-color: rgba(255,255,255,0.1) !important; }
    .bg-white\/40 { background-color: rgba(255,255,255,0.15) !important; }
    .bg-slate-950\/80 { background-color: rgba(5, 5, 5, 0.8) !important; }
    
    /* Disable costly animations on active layout items */
    .animate-blob, .animate-liquid, .animate-prism-shift {
      animation: none !important;
    }
  }
}


/* ============================================================
   MISSING UTILITIES  System Terminal v4.2
   Critical additions for bug-free production rendering.
   ============================================================ */

/* scrollbar-hide  used across dashboard tab containers */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* animate-float  gentle vertical oscillation for HLLogo in CTA */
@keyframes float {
  0%,  100% { transform: translate3d(0,  0px, 0); }
  50%        { transform: translate3d(0, -12px, 0); }
}
.animate-float {
  animation: float 6s ease-in-out infinite;
  will-change: transform;
}

/* ============================================================
   SECTION FUSION SYSTEM  240Hz GPU-composited blend zones
   Eliminates hard edges between light and dark landing sections.
   Use on the BOTTOM of a light section or TOP of a dark section.
   ============================================================ */

/* Top of dark section  fades FROM the ivory (#FFFFFF) ABOVE it */
.section-blend-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 220px;
  background: linear-gradient(
    to bottom,
    #FFFFFF 0%,
    rgba(250, 249, 246, 0) 100%
  );
  pointer-events: none;
  z-index: 15;
  will-change: opacity;
  transform: translateZ(0);
}

/* Bottom of dark section  fades back TO ivory (#FFFFFF) */
.section-blend-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 220px;
  background: linear-gradient(
    to top,
    #FFFFFF 0%,
    rgba(250, 249, 246, 0) 100%
  );
  pointer-events: none;
  z-index: 15;
  will-change: opacity;
  transform: translateZ(0);
}

/* ============================================================
   240Hz GPU CONTRACT ENFORCEMENT
   All elements using these classes bypass CPU repaints entirely.
   Only transform and opacity are allowed to change at runtime.
   filter changes are explicitly prohibited on 240Hz-locked elements.
   ============================================================ */

/* Applied to any element that must render at monitor native refresh rate */
.hz-240 {
  transform: translate3d(0, 0, 0);
  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  perspective: 1000px;
  -webkit-perspective: 1000px;
  isolation: isolate;
}

/* Applied to parallax containers that drift via Framer Motion */
.hz-240-drift {
  transform: translate3d(0, 0, 0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout paint;
}

/* Applied to background photo layers (Logan Voss, Hokusai) */
.hz-240-image {
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}

/* 
   Enterprise SETTINGS  CSS FUNCTIONAL LAYER
   These classes are applied to <html> by applyDOMClasses() in useSettingsStore.
   Every toggle/selection in Settings has a real visual effect here.
    */

/*  STEALTH MODE: blur & hide any element tagged [data-balance] 
   Usage: add data-balance attribute to any span/div showing wallet balances.
   Example: <span data-balance>${portfolio.total}</span>
    */
html.stealth-active [data-balance] {
  filter: blur(8px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: filter 0.3s ease;
}
html.stealth-active [data-balance]:hover {
  filter: blur(0px); /* Reveal on hover  intentional UX */
}

/*  SHOW BALANCES: when showBalances is OFF, hide [data-balance] fully 
   The class hide-balances is applied when showBalances === false.
    */
html.hide-balances [data-balance] {
  visibility: hidden;
  pointer-events: none;
}

/*  UI DENSITY  RELAXED (default) */
html:not(.ui-compact):not(.ui-dense) .card-pad   { padding: 1.5rem; }
html:not(.ui-compact):not(.ui-dense) .row-gap    { gap: 1rem; }
html:not(.ui-compact):not(.ui-dense) .table-row  { padding-top: 0.75rem; padding-bottom: 0.75rem; }

/*  UI DENSITY  COMPACT  */
html.ui-compact .card-pad                        { padding: 0.875rem; }
html.ui-compact .row-gap                         { gap: 0.5rem; }
html.ui-compact .table-row                       { padding-top: 0.4rem; padding-bottom: 0.4rem; }
html.ui-compact table td,
html.ui-compact table th                         { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; }
html.ui-compact .p-4                             { padding: 0.65rem !important; }
html.ui-compact .p-5                             { padding: 0.75rem !important; }
html.ui-compact .gap-4                           { gap: 0.625rem !important; }
html.ui-compact .gap-6                           { gap: 0.875rem !important; }
html.ui-compact .mb-4                            { margin-bottom: 0.5rem !important; }
html.ui-compact .mb-6                            { margin-bottom: 0.75rem !important; }

/*  UI DENSITY  DENSE  */
html.ui-dense .card-pad                          { padding: 0.5rem; }
html.ui-dense .row-gap                           { gap: 0.25rem; }
html.ui-dense .table-row                         { padding-top: 0.2rem; padding-bottom: 0.2rem; }
html.ui-dense table td,
html.ui-dense table th                           { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; }
html.ui-dense .p-4                               { padding: 0.4rem !important; }
html.ui-dense .p-5                               { padding: 0.5rem !important; }
html.ui-dense .gap-4                             { gap: 0.35rem !important; }
html.ui-dense .gap-6                             { gap: 0.5rem !important; }
html.ui-dense .mb-4                              { margin-bottom: 0.25rem !important; }
html.ui-dense .mb-6                              { margin-bottom: 0.4rem !important; }
html.ui-dense .h-16                              { height: 3.25rem !important; }
html.ui-dense .h-\[52px\]                        { height: 44px !important; }

/*  HARDWARE ACCELERATION OFF: disable GPU compositing hints  */
html.no-hw-accel * {
  will-change: auto !important;
  transform: none !important;
  backface-visibility: visible !important;
}
/* Note: animations still work  we just remove GPU layer hints to save VRAM */

/*  FORUM LEGACY THEME VARS  */
.forum-theme-root {
  --forum-bg: #FFFFFF;
  --forum-surface: #F0EFEA;
  --forum-border: rgba(0, 0, 0, 0.1);
  --forum-text: #050505;
  --forum-text-muted: rgba(0, 0, 0, 0.5);
  --forum-hover: rgba(0, 0, 0, 0.05);
  --forum-button-bg: #050505;
  --forum-button-text: #FFFFFF;
  --forum-accent: #00C076;
}
.dark .forum-theme-root {
  --forum-bg: #050505;
  --forum-surface: #111111;
  --forum-border: rgba(255, 255, 255, 0.1);
  --forum-text: #FFFFFF;
  --forum-text-muted: #888888;
  --forum-hover: rgba(255, 255, 255, 0.05);
  --forum-button-bg: #FFFFFF;
  --forum-button-text: #050505;
  --forum-accent: #00C076;
}

/* 
   NOTE: html.hide-balances and html.no-hw-accel rules are defined above
   (lines ~11411185). Duplicate declarations removed here to prevent
   CSS specificity conflicts.
    */

/* 
   GLOBAL PC SCALE SYSTEM  40% ZOOM-OUT FOR DESKTOP (zoom: 0.6)
   
   HOW IT WORKS:
    `zoom: 0.6` on <html> scales the entire rendering tree to 60% of original.
    This achieves a 40% zoom-out effect  content is closer than 0.5 but still
     scaled down for 4K/ultrawide displays.
    The browser automatically creates the logical coordinate space.
    Mobile (< 1024px physical hardware screen) is completely unaffected.
    */
@media screen and (min-width: 1024px) {
  html {
    /* zoom: 0.6; - REMOVED: Caused critical layout bugs */
  }
}

/* 
   UNIVERSAL DARK MODE  Glass Surface System
   Applied globally when html.dark is active (default theme = dark).
   Ensures text is ALWAYS readable over the black wallpaper.
    */

/* Force all generic solid-white page shells to transparent in dark mode */
html.dark [class*="bg-white"]:not([class*="bg-white/"]):not(button):not(a):not(input):not(textarea):not(select):not(img):not(svg):not(span):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  background-color: transparent !important;
}

/*  UNIVERSAL TEXT CONTRAST  DARK MODE ABSOLUTE ENFORCEMENT  */
/* Every text element in dark mode must be white/light  zero exceptions */
html.dark body {
  color: inherit;
  color: #F5F5F5 !important;
}

/* Force white on ALL common text elements in dark mode */
html.dark p,
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6,
/* html.dark span rule removed to protect button labels */
html.dark li,
html.dark label,
html.dark td,
html.dark th {
  color: #F5F5F5;
}

/* Fix text-black / text-[#050505] classes that render dark text on dark bg */
html.dark .text-black,
html.dark [class*="text-black"],
html.dark [class*="text-[#050505]"],
html.dark [class*="text-[#0A0A0A]"],
html.dark [class*="text-slate-900"],
html.dark [class*="text-gray-900"],
html.dark [class*="text-zinc-900"] {
  color: #F5F5F5 !important;
}

/* Fix opacity-based dark text  make them light-opacity white instead */
html.dark [class*="text-black/"] {
  color: rgba(245, 245, 245, 0.85) !important;
}

/* Ensure all min-h-screen wrappers are transparent, not white */
html.dark .min-h-screen:not([class*="bg-[#"]):not([class*="bg-black"]):not([class*="bg-white/"]):not([class*="bg-slate"]):not([class*="bg-transparent"]):not([data-doc-page]) {
  background-color: transparent !important;
}

/* Documentation pages must ALWAYS be white — never dark */
[data-doc-page], [data-doc-page] * {
  --tw-bg-opacity: 1 !important;
}
[data-doc-page] {
  background-color: #ffffff !important;
  color: #050505 !important;
}

/* Section blend overlays: in dark mode they should fade to transparent/black */
html.dark .section-blend-top {
  background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%) !important;
}
html.dark .section-blend-bottom {
  background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%) !important;
}

/* Remove remaining cream/ivory hardcoded backgrounds in dark mode */
html.dark [style*="#FDFCF8"],
html.dark [style*="#FFFFFF"],
html.dark [style*="#FFFFFF"] {
  background-color: transparent !important;
}

/* 
   UNIVERSAL NAV / TABS CENTERING SYSTEM
   All navigation headers, tab bars, and pill navs must be perfectly centered.
    */

/* Ensure header inner containers are always max-width centered.
   Scoped to max-width containers only to avoid breaking flex children
   in headers that use justify-between / justify-start layouts. */
header > div[class*="max-w-"],
nav > div[class*="max-w-"] {
  margin-left: auto;
  margin-right: auto;
}

/* Tab navigation perfect centering for all doc/app tab rows */
.tab-row,
[role="tablist"],
nav[class*="flex"] {
  display: flex;
  align-items: center;
}

/* Center the absolute-positioned nav in the InstitutionalHeader */
header .absolute.left-\[50\%\] {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/*  DOCS LAYOUT: force dark-readable text in the docs panel  */
/* The docs sidebar and content must have white text in dark mode */
html.dark .doc-content h1,
html.dark .doc-content h2,
html.dark .doc-content h3,
html.dark .doc-content h4,
html.dark .doc-content p,
html.dark .doc-content li,
html.dark .doc-content td,
html.dark .doc-content th,
html.dark .doc-content span {
  color: #F5F5F5 !important;
  opacity: 1 !important;
}

html.dark .doc-content pre,
html.dark .doc-content code {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: #E2E8F0 !important;
}

html.dark .doc-content .callout {
  background: rgba(255,255,255,0.04) !important;
  border-left-color: rgba(255,255,255,0.4) !important;
}

/* 
   Enterprise LIGHT-MODE FIREWALL  Zero Dark Mode. Ever.

   This platform enforces light mode universally: connected, disconnected,
   on wallet reconnect/disconnect cycles, and on AppKit modal open/close.

   Even if the `dark` class is momentarily injected by next-themes, AppKit,
   Wagmi, or any other provider before our React effects run, these rules
   ensure the visual output is ALWAYS light-mode compliant.

   Strategy: override the html.dark cascade back to light-mode values.
    */

/* Force the browser's built-in color scheme to stay light even if .dark exists */
html,
html.dark,
html.light {
  color-scheme: light !important;
  background-color: #FFFFFF !important;
}

/* ANTI-VOID ZONE: Ensure nothing below the last section shows black.
   The html element background is the ultimate fallback for any empty space
   below the last component. Force it permanently white. */
html::after {
  content: '';
  display: block;
  position: fixed;
  inset: 0;
  background: #FFFFFF;
  z-index: -999;
  pointer-events: none;
}

/* Neutralize the dark-body text inversion */
html.dark body {
  background-color: #FFFFFF !important;
  color: #1C1917 !important; /* Slate-900  system light-mode text */
}

/* Neutralize white-text rules  restore dark system text on light bg */
html.dark p,
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6,
/* html.dark span rule removed to protect button labels */
html.dark li,
html.dark label,
html.dark td,
html.dark th {
  color: #1C1917 !important;
}

html.dark .text-black,
html.dark [class*="text-black"],
html.dark [class*="text-[#050505]"],
html.dark [class*="text-[#0A0A0A]"],
html.dark [class*="text-slate-900"],
html.dark [class*="text-gray-900"],
html.dark [class*="text-zinc-900"] {
  color: #1C1917 !important;
}

/* Restore opacity-based dark text (do NOT invert to white) */
html.dark [class*="text-black/"] {
  color: unset !important;
}

/* Restore bg-white containers  do NOT make them transparent */
html.dark [class*="bg-white"]:not([class*="bg-white/"]):not(button):not(a):not(input):not(textarea):not(select):not(img):not(svg):not(span):not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  background-color: #ffffff !important;
}

/* RIGHT SIDEBAR + PANEL FIX: Any element with explicit bg-white Tailwind class
   must always show white, even if the parent is transparent (avoids the
   black bleed-through from UniversalEliteWallpaper on dark sidebars) */
[class*="bg-white"]:not([class*="bg-white/"]) {
  background-color: #ffffff;
}

/* Restore cream/ivory inline-style backgrounds */
html.dark [style*="#FDFCF8"],
html.dark [style*="#FFFFFF"],
html.dark [style*="#FFFFFF"] {
  background-color: inherit !important;
}

/* Docs content: keep dark system text on light surface */
html.dark .doc-content h1,
html.dark .doc-content h2,
html.dark .doc-content h3,
html.dark .doc-content h4,
html.dark .doc-content p,
html.dark .doc-content li,
html.dark .doc-content td,
html.dark .doc-content th,
html.dark .doc-content span {
  color: #1C1917 !important;
  opacity: 1 !important;
}

html.dark .doc-content pre,
html.dark .doc-content code {
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(0,0,0,0.08) !important;
  color: #1C1917 !important;
}

html.dark .doc-content .callout {
  background: rgba(0,0,0,0.02) !important;
  border-left-color: rgba(0,0,0,0.3) !important;
}

/* ============================================================
   QUANTUM MOBILE FORTRESS V2 — iOS & ANDROID ATOMIC SHIELD
   Applied at the end of globals.css to override any prior rules.
   ============================================================ */

/* 1. Dynamic Viewport — Fixed bars that respect iOS notch & home bar */
.quantum-fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top: env(safe-area-inset-top, 0px);
  z-index: 9999;
}

.quantum-fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  z-index: 9999;
}

/* 2. Chat input container — never hidden behind iOS home bar */
.ledger-chat-input-bar {
  padding-bottom: max(12px, env(safe-area-inset-bottom, 12px));
}

/* 3. Full-height chat container using dynamic viewport */
.ledger-chat-container {
  /* Fill the flex parent — eliminates the white void below the message input bar. */
  height: 100% !important;
  max-height: 100% !important;
  flex: 1 1 0% !important;
  min-height: 0 !important;
}

/* Safety: /chat route must NEVER be scaled by zoom hack */
html:has([data-chat-page]),
html.chat-page {
  zoom: 1 !important;
  --hl-zoom: 1 !important;
}

/* Context menu pop animation */
@keyframes ledger-ctx-pop {
  from { opacity: 0; transform: scale(0.92) translateY(-4px); }
  to   { opacity: 1; transform: scale(1)   translateY(0); }
}

/* 4. iOS momentum scrolling on ALL scrollable elements */
* {
  -webkit-overflow-scrolling: touch;
}

/* 5. Prevent text selection on UI chrome (but allow in content) */
button, label, nav, header, footer, [role="button"] {
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* 6. Prevent iOS callout popup (magnifying glass) on long press of images/links */
img, a, canvas, svg {
  -webkit-touch-callout: none;
}

/* 7. Compositing hint for the looping animations only.
   This used to match every element with a Tailwind transition-* class and
   give it transform: translateZ(0). A transform makes an element the
   containing block of every position:fixed descendant, so modals, menus and
   full-screen overlays inside such an element were sized and placed
   against it instead of the window. <body> itself carries transition-colors,
   so every fixed overlay in the app was positioned against the body, which
   is a scroll container: when anything scrolled it, overlays shifted off
   screen (Ledger Studio opened cut off on the left and top). */
.animate-pulse, .animate-spin, .animate-bounce {
  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}



* {
  hyphens: none;
}
/* LEDGER CHAT SETTINGS ENGINE - DYNAMIC STYLES */

/* --- Chat Background --- */
html[data-chat-bg="amoled"] body {
  background-color: #000000 !important;
}
html[data-chat-bg="holographic"] body {
  background: linear-gradient(135deg, rgba(13,13,26,1) 0%, rgba(26,13,46,1) 50%, rgba(13,26,46,1) 100%) !important;
  color: white;
}
html[data-chat-bg="matrix"] body {
  background-color: #001100 !important;
  background-image: radial-gradient(circle, rgba(0,255,0,0.15) 1px, transparent 1px) !important;
  background-size: 20px 20px !important;
}
html[data-chat-bg="gradient"] body {
  background: linear-gradient(180deg, #e3f0ff 0%, #f0e8ff 100%) !important;
}

/* --- Bubble Styles (Targets message bubbles) --- */
html[data-bubble-style="brutalist"] .msg-bubble-sent,
html[data-bubble-style="brutalist"] .msg-bubble-recv {
  border-radius: 0 !important;
  border: 2px solid black !important;
  box-shadow: 4px 4px 0 0 black !important;
}
html[data-bubble-style="glass"] .msg-bubble-sent,
html[data-bubble-style="glass"] .msg-bubble-recv {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 16px !important;
  color: inherit !important;
}
html[data-bubble-style="glass"][data-theme="dark"] .msg-bubble-sent,
html[data-bubble-style="glass"][data-theme="dark"] .msg-bubble-recv {
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
html[data-bubble-style="minimal"] .msg-bubble-sent,
html[data-bubble-style="minimal"] .msg-bubble-recv {
  background: transparent !important;
  border-radius: 0 !important;
  border-bottom: 1px solid currentColor !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* --- UI Density --- */
html.ui-relaxed .msg-bubble-sent, html.ui-relaxed .msg-bubble-recv {
  padding: 16px 20px !important;
  margin-bottom: 8px !important;
}
html.ui-compact .msg-bubble-sent, html.ui-compact .msg-bubble-recv {
  padding: 6px 10px !important;
  margin-bottom: 2px !important;
  font-size: 0.9em !important;
}
html.ui-dense .msg-bubble-sent, html.ui-dense .msg-bubble-recv {
  padding: 4px 8px !important;
  margin-bottom: 0px !important;
  font-size: 0.85em !important;
}

/* --- Watermark --- */
html.watermark-active body::after {
  content: "SOVEREIGN IDENTITY PROTECTED";
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-family: monospace;
  font-size: 10px;
  opacity: 0.3;
  pointer-events: none;
  z-index: 9999;
}

/* AppKit/WalletConnect modal: no custom size overrides.
   The default AppKit QR size works perfectly on desktop.
   Any zoom/scale/min-width causes clipping inside the shadow DOM. */


/* Make WalletConnect modal QR code slightly larger on Desktop for better scanning */
@media (min-width: 768px) {
  w3m-modal, appkit-modal {
    transform: scale(1.15);
    transform-origin: center center;
  }
}

/* ============================================================
   67% ZOOM-OUT SYSTEM FOR LANDING PAGE AND /CONNECT
   Renders at 67% scale at 100% default Chrome zoom on desktop
   ============================================================ */
@media screen and (min-width: 640px) {
  html:has(.hl-zoom-67-target),
  html.hl-zoom-67 {
    zoom: 0.67;
    /* Under zoom, 100vh is the unzoomed viewport (it fills only 67% of the
       screen). Full-height layouts divide by this to fill the real screen. */
    --hl-zoom: 0.67;
  }
}
.selection\:bg-\[\#25D366\]\/20 *::-moz-selection{
  background-color: rgb(37 211 102 / 0.2);
}
.selection\:bg-\[\#25D366\]\/20 *::selection{
  background-color: rgb(37 211 102 / 0.2);
}
.selection\:bg-\[\#eff1f4\] *::-moz-selection{
  --tw-bg-opacity: 1;
  background-color: rgb(239 241 244 / var(--tw-bg-opacity, 1));
}
.selection\:bg-\[\#eff1f4\] *::selection{
  --tw-bg-opacity: 1;
  background-color: rgb(239 241 244 / var(--tw-bg-opacity, 1));
}
.selection\:bg-black *::-moz-selection{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.selection\:bg-black *::selection{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.selection\:bg-black\/10 *::-moz-selection{
  background-color: rgb(0 0 0 / 0.1);
}
.selection\:bg-black\/10 *::selection{
  background-color: rgb(0 0 0 / 0.1);
}
.selection\:text-black *::-moz-selection{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.selection\:text-black *::selection{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.selection\:text-white *::-moz-selection{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.selection\:text-white *::selection{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.selection\:bg-\[\#25D366\]\/20::-moz-selection{
  background-color: rgb(37 211 102 / 0.2);
}
.selection\:bg-\[\#25D366\]\/20::selection{
  background-color: rgb(37 211 102 / 0.2);
}
.selection\:bg-\[\#eff1f4\]::-moz-selection{
  --tw-bg-opacity: 1;
  background-color: rgb(239 241 244 / var(--tw-bg-opacity, 1));
}
.selection\:bg-\[\#eff1f4\]::selection{
  --tw-bg-opacity: 1;
  background-color: rgb(239 241 244 / var(--tw-bg-opacity, 1));
}
.selection\:bg-black::-moz-selection{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.selection\:bg-black::selection{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.selection\:bg-black\/10::-moz-selection{
  background-color: rgb(0 0 0 / 0.1);
}
.selection\:bg-black\/10::selection{
  background-color: rgb(0 0 0 / 0.1);
}
.selection\:text-black::-moz-selection{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.selection\:text-black::selection{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.selection\:text-white::-moz-selection{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.selection\:text-white::selection{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.placeholder\:font-normal::-moz-placeholder{
  font-weight: 400;
}
.placeholder\:font-normal::placeholder{
  font-weight: 400;
}
.placeholder\:text-\[\#727a88\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(114 122 136 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[\#727a88\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(114 122 136 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[\#a3a9b4\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(163 169 180 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[\#a3a9b4\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(163 169 180 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[\#c0c5cf\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(192 197 207 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[\#c0c5cf\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(192 197 207 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[var\(--hl-ink-4\)\]::-moz-placeholder{
  color: var(--hl-ink-4);
}
.placeholder\:text-\[var\(--hl-ink-4\)\]::placeholder{
  color: var(--hl-ink-4);
}
.placeholder\:text-black\/20::-moz-placeholder{
  color: rgb(0 0 0 / 0.2);
}
.placeholder\:text-black\/20::placeholder{
  color: rgb(0 0 0 / 0.2);
}
.placeholder\:text-black\/25::-moz-placeholder{
  color: rgb(0 0 0 / 0.25);
}
.placeholder\:text-black\/25::placeholder{
  color: rgb(0 0 0 / 0.25);
}
.placeholder\:text-black\/30::-moz-placeholder{
  color: rgb(0 0 0 / 0.3);
}
.placeholder\:text-black\/30::placeholder{
  color: rgb(0 0 0 / 0.3);
}
.placeholder\:text-black\/35::-moz-placeholder{
  color: rgb(0 0 0 / 0.35);
}
.placeholder\:text-black\/35::placeholder{
  color: rgb(0 0 0 / 0.35);
}
.first\:mt-0:first-child{
  margin-top: 0px;
}
.first\:border-0:first-child{
  border-width: 0px;
}
.first\:border-t-0:first-child{
  border-top-width: 0px;
}
.last\:mb-0:last-child{
  margin-bottom: 0px;
}
.last\:border-0:last-child{
  border-width: 0px;
}
.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}
.focus-within\:border-\[\#b9bfc9\]:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(185 191 201 / var(--tw-border-opacity, 1));
}
.focus-within\:border-\[\#d0d5dd\]:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
}
.focus-within\:border-\[var\(--hl-border-strong\)\]:focus-within{
  border-color: var(--hl-border-strong);
}
.focus-within\:border-black:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.focus-within\:border-black\/30:focus-within{
  border-color: rgb(0 0 0 / 0.3);
}
.focus-within\:bg-white:focus-within{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (hover: hover) and (pointer: fine){

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

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

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

  .hover\:scale-\[1\.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\:border-\[\#15171c\]:hover{
    --tw-border-opacity: 1;
    border-color: rgb(21 23 28 / var(--tw-border-opacity, 1));
  }

  .hover\:border-\[\#1d9bf0\]\/30:hover{
    border-color: rgb(29 155 240 / 0.3);
  }

  .hover\:border-\[\#2754d6\]:hover{
    --tw-border-opacity: 1;
    border-color: rgb(39 84 214 / var(--tw-border-opacity, 1));
  }

  .hover\:border-\[\#c9ced6\]:hover{
    --tw-border-opacity: 1;
    border-color: rgb(201 206 214 / var(--tw-border-opacity, 1));
  }

  .hover\:border-\[\#d4d8df\]:hover{
    --tw-border-opacity: 1;
    border-color: rgb(212 216 223 / var(--tw-border-opacity, 1));
  }

  .hover\:border-black:hover{
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  }

  .hover\:border-black\/10:hover{
    border-color: rgb(0 0 0 / 0.1);
  }

  .hover\:border-black\/20:hover{
    border-color: rgb(0 0 0 / 0.2);
  }

  .hover\:border-black\/30:hover{
    border-color: rgb(0 0 0 / 0.3);
  }

  .hover\:border-black\/40:hover{
    border-color: rgb(0 0 0 / 0.4);
  }

  .hover\:border-red-500\/40:hover{
    border-color: rgb(239 68 68 / 0.4);
  }

  .hover\:border-transparent:hover{
    border-color: transparent;
  }

  .hover\:bg-\[\#000000\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#111\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#128C7E\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(18 140 126 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#15171c\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(21 23 28 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#1C1C1E\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(28 28 30 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#1d9bf0\]\/10:hover{
    background-color: rgb(29 155 240 / 0.1);
  }

  .hover\:bg-\[\#1d9bf0\]\/20:hover{
    background-color: rgb(29 155 240 / 0.2);
  }

  .hover\:bg-\[\#1fae52\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(31 174 82 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#20bd5a\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(32 189 90 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#252830\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(37 40 48 / var(--tw-bg-opacity, 1));
  }

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

  .hover\:bg-\[\#26282e\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(38 40 46 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#2a2d35\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(42 45 53 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#2b2e36\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(43 46 54 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#2b2f38\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(43 47 56 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#2d2f36\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(45 47 54 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#E5E5EA\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 234 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#EBEBEB\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#F2F2F7\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 247 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#F6F7F9\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(246 247 249 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#F9F9F9\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#c02a2f\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(192 42 47 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#d93036\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(217 48 54 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#e4e6eb\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(228 230 235 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#e4e7ec\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(228 231 236 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#e5484d\]\/20:hover{
    background-color: rgb(229 72 77 / 0.2);
  }

  .hover\:bg-\[\#e5e9ee\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(229 233 238 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#e6eaee\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(230 234 238 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#e7ebef\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(231 235 239 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#e9ecf0\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(233 236 240 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#e9edef\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(233 237 239 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#eaeef3\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(234 238 243 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#eaf6ef\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(234 246 239 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#eceef2\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(236 238 242 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#eef0f3\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(238 240 243 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#eef1f8\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(238 241 248 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#eff1f4\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(239 241 244 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#f2f4f7\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#f2f4f7\]\/50:hover{
    background-color: rgb(242 244 247 / 0.5);
  }

  .hover\:bg-\[\#f2f4f7\]\/60:hover{
    background-color: rgb(242 244 247 / 0.6);
  }

  .hover\:bg-\[\#f7f8fa\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(247 248 250 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#f8f9fb\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(248 249 251 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#f9dcd7\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(249 220 215 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#fbfbfc\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 252 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#fdf2f2\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(253 242 242 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#fed7d7\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 215 215 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#fef3f2\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 242 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-\[\#fff0f0\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 240 240 / var(--tw-bg-opacity, 1));
  }

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

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

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

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

  .hover\:bg-amber-700:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
  }

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

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

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

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

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

  .hover\:bg-black\/\[0\.02\]:hover{
    background-color: rgb(0 0 0 / 0.02);
  }

  .hover\:bg-black\/\[0\.03\]:hover{
    background-color: rgb(0 0 0 / 0.03);
  }

  .hover\:bg-black\/\[0\.04\]:hover{
    background-color: rgb(0 0 0 / 0.04);
  }

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

  .hover\:bg-black\/\[0\.06\]:hover{
    background-color: rgb(0 0 0 / 0.06);
  }

  .hover\:bg-emerald-400:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-emerald-600:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-emerald-700:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
  }

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

  .hover\:bg-gray-200:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-gray-800:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-neutral-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-neutral-800:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-red-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-red-200:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-red-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-red-500:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-red-500\/20:hover{
    background-color: rgb(239 68 68 / 0.2);
  }

  .hover\:bg-red-700:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-rose-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  }

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

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

  .hover\:bg-white\/15:hover{
    background-color: rgb(255 255 255 / 0.15);
  }

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

  .hover\:bg-white\/25:hover{
    background-color: rgb(255 255 255 / 0.25);
  }

  .hover\:bg-white\/30:hover{
    background-color: rgb(255 255 255 / 0.3);
  }

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

  .hover\:bg-zinc-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-zinc-200:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
  }

  .hover\:bg-zinc-800:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
  }

  .hover\:text-\[\#111b21\]:hover{
    --tw-text-opacity: 1;
    color: rgb(17 27 33 / var(--tw-text-opacity, 1));
  }

  .hover\:text-\[\#128C7E\]:hover{
    --tw-text-opacity: 1;
    color: rgb(18 140 126 / var(--tw-text-opacity, 1));
  }

  .hover\:text-\[\#15171c\]:hover{
    --tw-text-opacity: 1;
    color: rgb(21 23 28 / var(--tw-text-opacity, 1));
  }

  .hover\:text-\[\#1C1C1E\]:hover{
    --tw-text-opacity: 1;
    color: rgb(28 28 30 / var(--tw-text-opacity, 1));
  }

  .hover\:text-\[\#1a3fa3\]:hover{
    --tw-text-opacity: 1;
    color: rgb(26 63 163 / var(--tw-text-opacity, 1));
  }

  .hover\:text-\[\#1d9bf0\]:hover{
    --tw-text-opacity: 1;
    color: rgb(29 155 240 / var(--tw-text-opacity, 1));
  }

  .hover\:text-\[\#5200ff\]:hover{
    --tw-text-opacity: 1;
    color: rgb(82 0 255 / var(--tw-text-opacity, 1));
  }

  .hover\:text-\[\#d93036\]:hover{
    --tw-text-opacity: 1;
    color: rgb(217 48 54 / var(--tw-text-opacity, 1));
  }

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

  .hover\:text-amber-600:hover{
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1));
  }

  .hover\:text-black:hover{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }

  .hover\:text-black\/50:hover{
    color: rgb(0 0 0 / 0.5);
  }

  .hover\:text-black\/60:hover{
    color: rgb(0 0 0 / 0.6);
  }

  .hover\:text-black\/70:hover{
    color: rgb(0 0 0 / 0.7);
  }

  .hover\:text-gray-600:hover{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }

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

  .hover\:text-gray-900:hover{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }

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

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

  .hover\:text-red-600:hover{
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }

  .hover\:text-red-700:hover{
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
  }

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

  .hover\:underline:hover{
    text-decoration-line: underline;
  }

  .hover\:decoration-\[\#15171c\]:hover{
    text-decoration-color: #15171c;
  }

  .hover\:decoration-\[var\(--hl-ink\)\]:hover{
    text-decoration-color: var(--hl-ink);
  }

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

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

  .hover\:opacity-80:hover{
    opacity: 0.8;
  }

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

  .hover\:shadow-\[inset_0_0_0_1px_\#c9ced6\]:hover{
    --tw-shadow: inset 0 0 0 1px #c9ced6;
    --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

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

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

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

  .hover\:shadow-black\/20:hover{
    --tw-shadow-color: rgb(0 0 0 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
  }

  .hover\:ring-black\/20:hover{
    --tw-ring-color: rgb(0 0 0 / 0.2);
  }

  .hover\:brightness-105:hover{
    --tw-brightness: brightness(1.05);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
}
.focus\:not-sr-only:focus{
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.focus\:absolute:focus{
  position: absolute;
}
.focus\:left-4:focus{
  left: 1rem;
}
.focus\:top-4:focus{
  top: 1rem;
}
.focus\:z-\[9999\]:focus{
  z-index: 9999;
}
.focus\:border-\[\#15171c\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(21 23 28 / var(--tw-border-opacity, 1));
}
.focus\:border-\[\#2563EB\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.focus\:border-\[\#25D366\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(37 211 102 / var(--tw-border-opacity, 1));
}
.focus\:border-\[\#5200FF\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(82 0 255 / var(--tw-border-opacity, 1));
}
.focus\:border-\[\#98a2b3\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(152 162 179 / var(--tw-border-opacity, 1));
}
.focus\:border-\[\#d0d5dd\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
}
.focus\:border-\[var\(--hl-border-strong\)\]:focus{
  border-color: var(--hl-border-strong);
}
.focus\:border-black:focus{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.focus\:border-black\/30:focus{
  border-color: rgb(0 0 0 / 0.3);
}
.focus\:bg-\[\#2A2A2A\]:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.focus\:bg-\[\#f2f4f7\]:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
}
.focus\:bg-\[var\(--hl-bg\)\]:focus{
  background-color: var(--hl-bg);
}
.focus\:bg-white:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.focus\:bg-yellow-50:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.focus\:opacity-100:focus{
  opacity: 1;
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-4: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[\#15171c\]\/10:focus{
  --tw-ring-color: rgb(21 23 28 / 0.1);
}
.focus\:ring-\[\#15171c\]\/15:focus{
  --tw-ring-color: rgb(21 23 28 / 0.15);
}
.focus\:ring-\[\#2754d6\]\/20:focus{
  --tw-ring-color: rgb(39 84 214 / 0.2);
}
.focus\:ring-black:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}
.focus\:ring-black\/10:focus{
  --tw-ring-color: rgb(0 0 0 / 0.1);
}
.focus\:ring-black\/20:focus{
  --tw-ring-color: rgb(0 0 0 / 0.2);
}
.focus\:ring-black\/30:focus{
  --tw-ring-color: rgb(0 0 0 / 0.3);
}
.focus\:ring-black\/\[0\.06\]:focus{
  --tw-ring-color: rgb(0 0 0 / 0.06);
}
.focus\:ring-red-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.focus-visible\:bg-black\/\[0\.06\]:focus-visible{
  background-color: rgb(0 0 0 / 0.06);
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.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-offset-1:focus-visible{
  outline-offset: 1px;
}
.focus-visible\:outline-offset-2:focus-visible{
  outline-offset: 2px;
}
.focus-visible\:outline-\[\#15171c\]:focus-visible{
  outline-color: #15171c;
}
.focus-visible\:outline-\[var\(--hl-ink\)\]:focus-visible{
  outline-color: var(--hl-ink);
}
.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-white\/70:focus-visible{
  --tw-ring-color: rgb(255 255 255 / 0.7);
}
.active\:translate-y-0:active{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:translate-y-1:active{
  --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));
}
.active\:scale-90:active{
  --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));
}
.active\:scale-95:active{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.97\]:active{
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.98\]:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.99\]:active{
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:cursor-grabbing:active{
  cursor: grabbing;
}
.active\:bg-\[\#F2F2F7\]:active{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 247 / var(--tw-bg-opacity, 1));
}
.active\:bg-\[\#e9ecf0\]:active{
  --tw-bg-opacity: 1;
  background-color: rgb(233 236 240 / var(--tw-bg-opacity, 1));
}
.active\:bg-\[\#eaecf0\]:active{
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 240 / var(--tw-bg-opacity, 1));
}
.active\:bg-\[\#f2f4f7\]:active{
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
}
.active\:bg-black\/5:active{
  background-color: rgb(0 0 0 / 0.05);
}
.active\:bg-zinc-200:active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}
.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:bg-\[\#1C1C1E\]\/40:disabled{
  background-color: rgb(28 28 30 / 0.4);
}
.disabled\:bg-\[\#e4e7ec\]:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(228 231 236 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-black\/10:disabled{
  background-color: rgb(0 0 0 / 0.1);
}
.disabled\:text-\[\#a3a9b4\]:disabled{
  --tw-text-opacity: 1;
  color: rgb(163 169 180 / var(--tw-text-opacity, 1));
}
.disabled\:text-black\/40:disabled{
  color: rgb(0 0 0 / 0.4);
}
.disabled\:opacity-25:disabled{
  opacity: 0.25;
}
.disabled\:opacity-30:disabled{
  opacity: 0.3;
}
.disabled\:opacity-40:disabled{
  opacity: 0.4;
}
.disabled\:opacity-50:disabled{
  opacity: 0.5;
}
.disabled\:opacity-60:disabled{
  opacity: 0.6;
}
.disabled\:shadow-none:disabled{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (hover: hover) and (pointer: fine){

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

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

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

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

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

  .group:hover .group-hover\:bg-\[\#30d158\]\/20{
    background-color: rgb(48 209 88 / 0.2);
  }

  .group:hover .group-hover\:bg-\[\#eff1f4\]{
    --tw-bg-opacity: 1;
    background-color: rgb(239 241 244 / var(--tw-bg-opacity, 1));
  }

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

  .group:hover .group-hover\:text-\[\#050505\]{
    --tw-text-opacity: 1;
    color: rgb(5 5 5 / var(--tw-text-opacity, 1));
  }

  .group:hover .group-hover\:text-\[\#15171c\]{
    --tw-text-opacity: 1;
    color: rgb(21 23 28 / var(--tw-text-opacity, 1));
  }

  .group:hover .group-hover\:text-\[\#1C1C1E\]{
    --tw-text-opacity: 1;
    color: rgb(28 28 30 / var(--tw-text-opacity, 1));
  }

  .group:hover .group-hover\:text-\[\#30d158\]{
    --tw-text-opacity: 1;
    color: rgb(48 209 88 / var(--tw-text-opacity, 1));
  }

  .group:hover .group-hover\:text-\[var\(--aztec-chartreuse\)\]{
    color: var(--aztec-chartreuse);
  }

  .group:hover .group-hover\:text-black{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }

  .group:hover .group-hover\:text-black\/60{
    color: rgb(0 0 0 / 0.6);
  }

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

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

  .group:hover .group-hover\:opacity-60{
    opacity: 0.6;
  }

  .group:hover .group-hover\:drop-shadow-\[0_40px_80px_rgba\(0\2c 0\2c 0\2c 0\.30\)\]{
    --tw-drop-shadow: drop-shadow(0 40px 80px rgba(0,0,0,0.30));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
}
.group:active .group-active\: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));
}
@supports (height:100dvh){

  .supports-\[height\:100dvh\]\:max-h-\[92dvh\]{
    max-height: 92dvh;
  }
}
@media (prefers-reduced-motion: reduce){

  .motion-reduce\:animate-none{
    animation: none;
  }
}
@media (min-width: 640px){

  .sm\:block{
    display: block;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:hidden{
    display: none;
  }

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

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

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

  .sm\:w-52{
    width: 13rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .sm\:opacity-0{
    opacity: 0;
  }
}
@media (min-width: 768px){

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

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

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

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

  .md\:block{
    display: block;
  }

  .md\:inline{
    display: inline;
  }

  .md\:flex{
    display: flex;
  }

  .md\:grid{
    display: grid;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-52{
    height: 13rem;
  }

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

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

  .md\:h-\[min\(600px\2c calc\(100dvh-48px\)\)\]{
    height: min(600px, calc(100dvh - 48px));
  }

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

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

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

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

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

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

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

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

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

  .md\:w-\[min\(880px\2c 100\%\)\]{
    width: min(880px, 100%);
  }

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

  .md\:max-w-\[65\%\]{
    max-width: 65%;
  }

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

  .md\:animate-\[noise-shift_8s_steps\(10\)_infinite\]{
    animation: noise-shift 8s steps(10) infinite;
  }

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

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

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

  .md\:grid-cols-\[minmax\(0\2c 1fr\)_360px\]{
    grid-template-columns: minmax(0,1fr) 360px;
  }

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

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

  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .md\:rounded-\[24px\]{
    border-radius: 24px;
  }

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

  .md\:rounded-\[var\(--hl-radius-xl\)\]{
    border-radius: var(--hl-radius-xl);
  }

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

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

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

  .md\:border-black\/10{
    border-color: rgb(0 0 0 / 0.1);
  }

  .md\:border-black\/\[0\.08\]{
    border-color: rgb(0 0 0 / 0.08);
  }

  .md\:bg-transparent{
    background-color: transparent;
  }

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

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

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

  .md\:p-\[50px\]{
    padding: 50px;
  }

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

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

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

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

  .md\:py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

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

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

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

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

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

  .md\:text-\[18px\]{
    font-size: 18px;
  }

  .md\:text-\[20px\]{
    font-size: 20px;
  }

  .md\:text-\[21px\]{
    font-size: 21px;
  }

  .md\:text-\[28px\]{
    font-size: 28px;
  }

  .md\:text-\[52px\]{
    font-size: 52px;
  }

  .md\:text-\[54px\]{
    font-size: 54px;
  }

  .md\:text-\[56px\]{
    font-size: 56px;
  }

  .md\:text-\[60px\]{
    font-size: 60px;
  }

  .md\:text-\[72px\]{
    font-size: 72px;
  }

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

  .md\:shadow-\[0_24px_70px_-16px_rgba\(16\2c 24\2c 40\2c 0\.22\)\2c 0_0_0_1px_rgba\(16\2c 24\2c 40\2c 0\.06\)\]{
    --tw-shadow: 0 24px 70px -16px rgba(16,24,40,0.22),0 0 0 1px rgba(16,24,40,0.06);
    --tw-shadow-colored: 0 24px 70px -16px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

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

  .lg\:static{
    position: static;
  }

  .lg\:z-auto{
    z-index: auto;
  }

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

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

  .lg\:inline{
    display: inline;
  }

  .lg\:flex{
    display: flex;
  }

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

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

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

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

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

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

  .lg\:min-w-\[380px\]{
    min-width: 380px;
  }

  .lg\:min-w-\[420px\]{
    min-width: 420px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:gap-8{
    gap: 2rem;
  }

  .lg\:rounded-\[32px\]{
    border-radius: 32px;
  }

  .lg\:border-l{
    border-left-width: 1px;
  }

  .lg\:p-16{
    padding: 4rem;
  }

  .lg\:p-\[75px\]{
    padding: 75px;
  }

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

  .lg\:text-left{
    text-align: left;
  }

  .lg\:text-\[88px\]{
    font-size: 88px;
  }
}
@media (min-width: 1280px){

  .xl\:p-\[95px\]{
    padding: 95px;
  }
}
@media (min-width: 1536px){

  .\32xl\:p-\[120px\]{
    padding: 120px;
  }
}
.\[\&\>button\]\:justify-center>button{
  justify-content: center;
}
.\[\&\>video\]\:h-full>video{
  height: 100%;
}
.\[\&\>video\]\:w-full>video{
  width: 100%;
}
.\[\&\>video\]\:object-cover>video{
  -o-object-fit: cover;
     object-fit: cover;
}
.\[\&_p\]\:my-0\.5 p{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.\[\&_p\]\:inline p{
  display: inline;
}