*, ::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 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: var(--font-poppins), Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

input::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: 320px) {

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

  .container {
    max-width: 320px;
  }
}
@media (min-width: 512px) {

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

  .container {
    max-width: 512px;
  }
}
@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: 1440px) {

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

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

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

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

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

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

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

  .container {
    max-width: 1920px;
  }
}
  .content-container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1440px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

  .text-xsmall-regular {
  font-size: 10px;
  font-weight: 400;
  line-height: 1rem;
}

  .text-small-regular {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
}

  .text-small-semi {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
}

  .text-base-regular {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}

  .text-base-semi {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}

  .text-large-regular {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

  .text-large-semi {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

  .text-xl-semi {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  line-height: 36px;
}

  .text-2xl-semi {
  font-size: 30px;
  font-weight: 600;
  line-height: 48px;
}

  .text-3xl-semi {
  font-size: 32px;
  font-weight: 600;
  line-height: 44px;
}
.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;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-x-\[31\.75\%\] {
  left: 31.75%;
  right: 31.75%;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.inset-y-\[31\.75\%\] {
  top: 31.75%;
  bottom: 31.75%;
}
.-bottom-\[140px\] {
  bottom: -140px;
}
.-bottom-\[180px\] {
  bottom: -180px;
}
.-bottom-\[calc\(100\%-36px\)\] {
  bottom: calc(calc(100% - 36px) * -1);
}
.-left-\[120px\] {
  left: -120px;
}
.-left-\[80px\] {
  left: -80px;
}
.-right-\[120px\] {
  right: -120px;
}
.-right-\[80px\] {
  right: -80px;
}
.-top-\[140px\] {
  top: -140px;
}
.-top-\[160px\] {
  top: -160px;
}
.-top-\[30px\] {
  top: -30px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1\/2 {
  bottom: 50%;
}
.bottom-28 {
  bottom: 7rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-1\.5 {
  left: 0.375rem;
}
.left-1\/2 {
  left: 50%;
}
.left-4 {
  left: 1rem;
}
.left-5 {
  left: 1.25rem;
}
.left-8 {
  left: 2rem;
}
.left-\[48\%\] {
  left: 48%;
}
.right-0 {
  right: 0px;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-1\/2 {
  right: 50%;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.right-8 {
  right: 2rem;
}
.right-\[18px\] {
  right: 18px;
}
.top-0 {
  top: 0px;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-12 {
  top: 3rem;
}
.top-2 {
  top: 0.5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-\[18px\] {
  top: 18px;
}
.top-\[48\%\] {
  top: 48%;
}
.top-\[72px\] {
  top: 72px;
}
.top-\[calc\(100\%\+1px\)\] {
  top: calc(100% + 1px);
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[50\] {
  z-index: 50;
}
.z-\[51\] {
  z-index: 51;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[75\] {
  z-index: 75;
}
.z-\[80\] {
  z-index: 80;
}
.z-\[900\] {
  z-index: 900;
}
.z-\[90\] {
  z-index: 90;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.m-2 {
  margin: 0.5rem;
}
.m-4 {
  margin: 1rem;
}
.m-6 {
  margin: 1.5rem;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
.my-\[18px\] {
  margin-top: 18px;
  margin-bottom: 18px;
}
.-mb-px {
  margin-bottom: -1px;
}
.-mr-1 {
  margin-right: -0.25rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.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-3\.5 {
  margin-bottom: 0.875rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-\[18px\] {
  margin-bottom: 18px;
}
.mb-\[22px\] {
  margin-bottom: 22px;
}
.mb-\[26px\] {
  margin-bottom: 26px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.mb-\[34px\] {
  margin-bottom: 34px;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-\[-23px\] {
  margin-left: -23px;
}
.ml-\[18px\] {
  margin-left: 18px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.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-\[26px\] {
  margin-top: 26px;
}
.mt-auto {
  margin-top: auto;
}
.mt-px {
  margin-top: 1px;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-\[1\/1\] {
  aspect-ratio: 1/1;
}
.aspect-\[11\/14\] {
  aspect-ratio: 11/14;
}
.aspect-\[29\/34\] {
  aspect-ratio: 29/34;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[9\/16\] {
  aspect-ratio: 9/16;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.size-1\.5 {
  width: 0.375rem;
  height: 0.375rem;
}
.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}
.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}
.size-16 {
  width: 4rem;
  height: 4rem;
}
.size-24 {
  width: 6rem;
  height: 6rem;
}
.size-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}
.size-8 {
  width: 2rem;
  height: 2rem;
}
.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.size-\[26px\] {
  width: 26px;
  height: 26px;
}
.size-\[30px\] {
  width: 30px;
  height: 30px;
}
.size-\[320px\] {
  width: 320px;
  height: 320px;
}
.size-\[38px\] {
  width: 38px;
  height: 38px;
}
.size-\[420px\] {
  width: 420px;
  height: 420px;
}
.size-\[600px\] {
  width: 600px;
  height: 600px;
}
.size-full {
  width: 100%;
  height: 100%;
}
.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-24 {
  height: 6rem;
}
.h-3 {
  height: 0.75rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[1\.5px\] {
  height: 1.5px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[160px\] {
  height: 160px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[340px\] {
  height: 340px;
}
.h-\[70vh\] {
  height: 70vh;
}
.h-\[75vh\] {
  height: 75vh;
}
.h-\[calc\(100vh-1rem\)\] {
  height: calc(100vh - 1rem);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-0 {
  max-height: 0px;
}
.max-h-\[1000px\] {
  max-height: 1000px;
}
.max-h-\[200px\] {
  max-height: 200px;
}
.max-h-\[330px\] {
  max-height: 330px;
}
.max-h-\[402px\] {
  max-height: 402px;
}
.max-h-\[420px\] {
  max-height: 420px;
}
.max-h-\[442px\] {
  max-height: 442px;
}
.max-h-\[50vh\] {
  max-height: 50vh;
}
.max-h-\[75vh\] {
  max-height: 75vh;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[260px\] {
  min-height: 260px;
}
.min-h-\[280px\] {
  min-height: 280px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[420px\] {
  min-height: 420px;
}
.min-h-\[50px\] {
  min-height: 50px;
}
.min-h-\[calc\(100vh-38px\)\] {
  min-height: calc(100vh - 38px);
}
.min-h-\[calc\(100vh-64px\)\] {
  min-height: calc(100vh - 64px);
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/4 {
  width: 25%;
}
.w-1\/5 {
  width: 20%;
}
.w-1\/6 {
  width: 16.666667%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-2\/5 {
  width: 40%;
}
.w-2\/6 {
  width: 33.333333%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/6 {
  width: 50%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-40 {
  width: 10rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-8 {
  width: 2rem;
}
.w-96 {
  width: 24rem;
}
.w-\[1\.5px\] {
  width: 1.5px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[290px\] {
  width: 290px;
}
.w-\[40\%\] {
  width: 40%;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[420px\] {
  width: 420px;
}
.w-\[440px\] {
  width: 440px;
}
.w-\[45\%\] {
  width: 45%;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-\[104px\] {
  min-width: 104px;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[22px\] {
  min-width: 22px;
}
.min-w-\[320px\] {
  min-width: 320px;
}
.min-w-\[54px\] {
  min-width: 54px;
}
.min-w-\[58px\] {
  min-width: 58px;
}
.min-w-\[72px\] {
  min-width: 72px;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-\[1140px\] {
  max-width: 1140px;
}
.max-w-\[1160px\] {
  max-width: 1160px;
}
.max-w-\[1240px\] {
  max-width: 1240px;
}
.max-w-\[1440px\] {
  max-width: 1440px;
}
.max-w-\[1536px\] {
  max-width: 1536px;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[190px\] {
  max-width: 190px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[32rem\] {
  max-width: 32rem;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[440px\] {
  max-width: 440px;
}
.max-w-\[45\%\] {
  max-width: 45%;
}
.max-w-\[460px\] {
  max-width: 460px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[60\%\] {
  max-width: 60%;
}
.max-w-\[620px\] {
  max-width: 620px;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[680px\] {
  max-width: 680px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[760px\] {
  max-width: 760px;
}
.max-w-\[860px\] {
  max-width: 860px;
}
.max-w-\[880px\] {
  max-width: 880px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[2\] {
  flex: 2;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: 0px;
}
.caption-bottom {
  caption-side: bottom;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-y-2 {
  --tw-border-spacing-y: 0.5rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-y-3 {
  --tw-border-spacing-y: 0.75rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-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-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1 {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-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-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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));
}
.\!transform-none {
  transform: none !important;
}
@keyframes float {

  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-12px);
  }
}
.animate-float {
  animation: float 4s ease-in-out 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-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.scroll-mt-28 {
  scroll-margin-top: 7rem;
}
.list-decimal {
  list-style-type: decimal;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  appearance: none;
}
.\!grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.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-\[1\.1fr_0\.9fr\] {
  grid-template-columns: 1.1fr 0.9fr;
}
.grid-cols-\[122px_1fr\] {
  grid-template-columns: 122px 1fr;
}
.grid-cols-\[144px_1fr\] {
  grid-template-columns: 144px 1fr;
}
.grid-cols-\[1fr_80px\] {
  grid-template-columns: 1fr 80px;
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-14 {
  gap: 3.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-\[11px\] {
  gap: 11px;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[22px\] {
  gap: 22px;
}
.gap-\[26px\] {
  gap: 26px;
}
.gap-x-1 {
  column-gap: 0.25rem;
}
.gap-x-1\.5 {
  column-gap: 0.375rem;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-3 {
  column-gap: 0.75rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.gap-x-40 {
  column-gap: 10rem;
}
.gap-x-5 {
  column-gap: 1.25rem;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.gap-x-7 {
  column-gap: 1.75rem;
}
.gap-x-8 {
  column-gap: 2rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-12 {
  row-gap: 3rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-24 {
  row-gap: 6rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.-space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-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-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));
}
.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-line > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--border-base);
}
.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1));
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-end {
  justify-self: end;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.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-\[11px\] {
  border-radius: 11px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[18px\] {
  border-radius: 18px;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-circle {
  border-radius: 9999px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-large {
  border-radius: 16px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-rounded {
  border-radius: 8px;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-l-2xl {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-r-2xl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-\[\#111827\]\/15 {
  border-color: rgb(17 24 39 / 0.15);
}
.border-\[\#bdd3c4\] {
  --tw-border-opacity: 1;
  border-color: rgb(189 211 196 / var(--tw-border-opacity, 1));
}
.border-\[color\:var\(--ink-700\)\] {
  border-color: var(--ink-700);
}
.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-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / 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-600 {
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}
.border-fg {
  border-color: var(--fg-primary);
}
.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-grey-20 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-interactive {
  border-color: var(--fg-interactive);
}
.border-line {
  border-color: var(--border-base);
}
.border-line-strong {
  border-color: var(--border-strong);
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.border-surface {
  border-color: var(--bg-base);
}
.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\/25 {
  border-color: rgb(255 255 255 / 0.25);
}
.border-t-interactive {
  border-top-color: var(--fg-interactive);
}
.bg-\[\#111827\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-\[\#272C34\] {
  --tw-bg-opacity: 1;
  background-color: rgb(39 44 52 / var(--tw-bg-opacity, 1));
}
.bg-\[\#8B5CF6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#96ADF2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(150 173 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#BEEFEB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(190 239 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#C7EEEB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(199 238 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#C8EEEB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(200 238 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#D7D2FC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(215 210 252 / var(--tw-bg-opacity, 1));
}
.bg-\[\#DEF2BA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(222 242 186 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FEFEFE4D\] {
  background-color: #FEFEFE4D;
}
.bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFFFFF\]\/60 {
  background-color: rgb(255 255 255 / 0.6);
}
.bg-\[\#edf7f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 247 240 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(15\2c 23\2c 42\2c 0\.45\)\] {
  background-color: rgba(15,23,42,0.45);
}
.bg-\[rgba\(3\2c 7\2c 18\2c 0\.5\)\] {
  background-color: rgba(3,7,18,0.5);
}
.bg-accent {
  background-color: var(--holo-cyan);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/0 {
  background-color: rgb(0 0 0 / 0);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-fg {
  background-color: var(--fg-primary);
}
.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-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-grey-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-ink {
  background-color: var(--panel);
}
.bg-interactive {
  background-color: var(--fg-interactive);
}
.bg-interactive-subtle {
  background-color: var(--bg-highlight);
}
.bg-line {
  background-color: var(--border-base);
}
.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-neutral-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
}
.bg-neutral-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 186 116 / var(--tw-bg-opacity, 1));
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-surface {
  background-color: var(--bg-base);
}
.bg-surface-highlight {
  background-color: var(--bg-highlight);
}
.bg-surface-muted {
  background-color: var(--bg-component);
}
.bg-surface-subtle {
  background-color: var(--bg-subtle);
}
.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.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\/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\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-zinc-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));
}
.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}
.bg-\[radial-gradient\(circle_at_center\2c rgba\(139\2c 92\2c 246\2c 0\.14\)\2c rgba\(34\2c 211\2c 238\2c 0\.06\)_45\%\2c rgba\(139\2c 92\2c 246\2c 0\)_72\%\)\] {
  background-image: radial-gradient(circle at center,rgba(139,92,246,0.14),rgba(34,211,238,0.06) 45%,rgba(139,92,246,0) 72%);
}
.bg-\[radial-gradient\(circle_at_center\2c rgba\(139\2c 92\2c 246\2c 0\.45\)\2c rgba\(139\2c 92\2c 246\2c 0\)_70\%\)\] {
  background-image: radial-gradient(circle at center,rgba(139,92,246,0.45),rgba(139,92,246,0) 70%);
}
.bg-\[radial-gradient\(circle_at_center\2c rgba\(34\2c 211\2c 238\2c 0\.35\)\2c rgba\(34\2c 211\2c 238\2c 0\)_70\%\)\] {
  background-image: radial-gradient(circle at center,rgba(34,211,238,0.35),rgba(34,211,238,0) 70%);
}
.bg-\[repeating-linear-gradient\(135deg\2c \#F8FAFC\2c \#F8FAFC_11px\2c \#F1F5F9_11px\2c \#F1F5F9_22px\)\] {
  background-image: repeating-linear-gradient(135deg,#F8FAFC,#F8FAFC 11px,#F1F5F9 11px,#F1F5F9 22px);
}
.bg-\[url\(\'\/home\/welcome\/bottle-1\.svg\'\)\] {
  background-image: url('/home/welcome/bottle-1.svg');
}
.bg-\[url\(\'\/home\/welcome\/bottle-2\.svg\'\)\] {
  background-image: url('/home/welcome/bottle-2.svg');
}
.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#272C34\] {
  --tw-gradient-from: #272C34 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(39 44 52 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-400 {
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-400 {
  --tw-gradient-from: #a1a1aa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(161 161 170 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-green-500 {
  --tw-gradient-to: #22c55e var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-zinc-500 {
  --tw-gradient-to: #71717a var(--tw-gradient-to-position);
}
.bg-\[length\:240px\] {
  background-size: 240px;
}
.bg-\[length\:320px\] {
  background-size: 320px;
}
.bg-\[position\:-10px_top_40px\] {
  background-position: -10px top 40px;
}
.bg-\[position\:-20px_bottom_20px\] {
  background-position: -20px bottom 20px;
}
.bg-\[position\:right_-10px_top_40px\] {
  background-position: right -10px top 40px;
}
.bg-\[position\:right_-20px_bottom_20px\] {
  background-position: right -20px bottom 20px;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-\[\#9ca3af\] {
  fill: #9ca3af;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-center {
  object-position: center;
}
.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-2 {
  padding: 0.5rem;
}
.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-9 {
  padding: 2.25rem;
}
.p-\[18px\] {
  padding: 18px;
}
.p-\[6px\] {
  padding: 6px;
}
.p-px {
  padding: 1px;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[17px\] {
  padding-left: 17px;
  padding-right: 17px;
}
.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-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-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[26px\] {
  padding-top: 26px;
  padding-bottom: 26px;
}
.py-\[88px\] {
  padding-top: 88px;
  padding-bottom: 88px;
}
.py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px;
}
.\!pl-0 {
  padding-left: 0px !important;
}
.\!pr-0 {
  padding-right: 0px !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-11 {
  padding-bottom: 2.75rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.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-9 {
  padding-bottom: 2.25rem;
}
.pb-\[84px\] {
  padding-bottom: 84px;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-\[1px\] {
  padding-left: 1px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-9 {
  padding-right: 2.25rem;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-11 {
  padding-top: 2.75rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[26px\] {
  padding-top: 26px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.font-display {
  font-family: var(--font-anek);
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 2rem;
}
.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-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[19px\] {
  font-size: 19px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[25px\] {
  font-size: 25px;
}
.text-\[26px\] {
  font-size: 26px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[34px\] {
  font-size: 34px;
}
.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-\[9\.5px\] {
  font-size: 9.5px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-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-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.leading-10 {
  line-height: 2.5rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-\[0\.95\] {
  line-height: 0.95;
}
.leading-\[0\.9\] {
  line-height: 0.9;
}
.leading-\[1\.05\] {
  line-height: 1.05;
}
.leading-\[1\.08\] {
  line-height: 1.08;
}
.leading-\[1\.12\] {
  line-height: 1.12;
}
.leading-\[1\.15\] {
  line-height: 1.15;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.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-\[1\.75\] {
  line-height: 1.75;
}
.leading-\[1\.7\] {
  line-height: 1.7;
}
.leading-\[1\.8\] {
  line-height: 1.8;
}
.leading-\[1\] {
  line-height: 1;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}
.tracking-\[-0\.03em\] {
  letter-spacing: -0.03em;
}
.tracking-\[-0\.2px\] {
  letter-spacing: -0.2px;
}
.tracking-\[-0\.3px\] {
  letter-spacing: -0.3px;
}
.tracking-\[-0\.4px\] {
  letter-spacing: -0.4px;
}
.tracking-\[-0\.5px\] {
  letter-spacing: -0.5px;
}
.tracking-\[-0\.6px\] {
  letter-spacing: -0.6px;
}
.tracking-\[-0\.8px\] {
  letter-spacing: -0.8px;
}
.tracking-\[0\.04em\] {
  letter-spacing: 0.04em;
}
.tracking-\[0\.08em\] {
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-\[0\.13em\] {
  letter-spacing: 0.13em;
}
.tracking-\[0\.1em\] {
  letter-spacing: 0.1em;
}
.tracking-\[0\.3px\] {
  letter-spacing: 0.3px;
}
.tracking-\[0\.5px\] {
  letter-spacing: 0.5px;
}
.tracking-\[1\.2px\] {
  letter-spacing: 1.2px;
}
.tracking-\[1\.5px\] {
  letter-spacing: 1.5px;
}
.tracking-\[1px\] {
  letter-spacing: 1px;
}
.tracking-\[2\.5px\] {
  letter-spacing: 2.5px;
}
.tracking-\[2px\] {
  letter-spacing: 2px;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.\!text-fg-muted {
  color: var(--fg-muted) !important;
}
.text-\[\#06121f\] {
  --tw-text-opacity: 1;
  color: rgb(6 18 31 / var(--tw-text-opacity, 1));
}
.text-\[\#111827\] {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-\[\#111827\]\/60 {
  color: rgb(17 24 39 / 0.6);
}
.text-\[\#1E293B\] {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-\[\#1F2937\]\/60 {
  color: rgb(31 41 55 / 0.6);
}
.text-\[\#1F2937\]\/70 {
  color: rgb(31 41 55 / 0.7);
}
.text-\[\#1F2937\]\/80 {
  color: rgb(31 41 55 / 0.8);
}
.text-\[\#1f5130\] {
  --tw-text-opacity: 1;
  color: rgb(31 81 48 / var(--tw-text-opacity, 1));
}
.text-\[\#272C34\] {
  --tw-text-opacity: 1;
  color: rgb(39 44 52 / var(--tw-text-opacity, 1));
}
.text-\[\#314D9E\] {
  --tw-text-opacity: 1;
  color: rgb(49 77 158 / var(--tw-text-opacity, 1));
}
.text-\[\#451C8B\] {
  --tw-text-opacity: 1;
  color: rgb(69 28 139 / var(--tw-text-opacity, 1));
}
.text-\[\#4B5563\] {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-\[\#4B817D\] {
  --tw-text-opacity: 1;
  color: rgb(75 129 125 / var(--tw-text-opacity, 1));
}
.text-\[\#4D5562\] {
  --tw-text-opacity: 1;
  color: rgb(77 85 98 / var(--tw-text-opacity, 1));
}
.text-\[\#748C4A\] {
  --tw-text-opacity: 1;
  color: rgb(116 140 74 / var(--tw-text-opacity, 1));
}
.text-\[\#94A3B8\] {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-\[\#A5B4FC\] {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.text-\[\#DEF2BA\] {
  --tw-text-opacity: 1;
  color: rgb(222 242 186 / var(--tw-text-opacity, 1));
}
.text-\[\#FEFEFE\] {
  --tw-text-opacity: 1;
  color: rgb(254 254 254 / var(--tw-text-opacity, 1));
}
.text-accent {
  color: var(--holo-cyan);
}
.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-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-amber-900\/80 {
  color: rgb(120 53 15 / 0.8);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-danger {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / 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-fg {
  color: var(--fg-primary);
}
.text-fg-muted {
  color: var(--fg-muted);
}
.text-fg-on-color {
  color: var(--fg-on-color);
}
.text-fg-secondary {
  color: var(--fg-secondary);
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-grey-90 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-ink {
  color: var(--panel);
}
.text-interactive {
  color: var(--fg-interactive);
}
.text-neutral-400 {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}
.text-neutral-950 {
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / var(--tw-text-opacity, 1));
}
.text-on-color {
  color: var(--fg-on-color);
}
.text-on-ink {
  color: var(--contrast-fg-primary);
}
.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}
.text-orange-950 {
  --tw-text-opacity: 1;
  color: rgb(67 20 7 / var(--tw-text-opacity, 1));
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-rose-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-surface {
  color: var(--bg-base);
}
.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-55 {
  opacity: 0.55;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.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-\[-24px_0_48px_rgba\(15\2c 23\2c 42\2c 0\.12\)\] {
  --tw-shadow: -24px 0 48px rgba(15,23,42,0.12);
  --tw-shadow-colored: -24px 0 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_3px_rgba\(124\2c 58\2c 237\2c 0\.08\)\] {
  --tw-shadow: 0 0 0 3px rgba(124,58,237,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_1px_2px_rgba\(15\2c 23\2c 42\2c 0\.04\)\] {
  --tw-shadow: 0 1px 2px rgba(15,23,42,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_24px_64px_-16px_rgba\(15\2c 23\2c 42\2c 0\.25\)\] {
  --tw-shadow: 0 24px 64px -16px rgba(15,23,42,0.25);
  --tw-shadow-colored: 0 24px 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_24px_70px_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
  --tw-shadow: 0 24px 70px rgba(0,0,0,0.10);
  --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_14px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 0 4px 14px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_18px_rgba\(124\2c 58\2c 237\2c 0\.30\)\] {
  --tw-shadow: 0 6px 18px rgba(124,58,237,0.30);
  --tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[24px_0_48px_rgba\(15\2c 23\2c 42\2c 0\.12\)\] {
  --tw-shadow: 24px 0 48px rgba(15,23,42,0.12);
  --tw-shadow-colored: 24px 0 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-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-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);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-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-interactive-subtle {
  --tw-ring-color: var(--bg-highlight);
}
.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);
}
.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);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-2xl {
  --tw-backdrop-blur: blur(40px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[10px\] {
  --tw-backdrop-blur: blur(10px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-height\2c opacity\] {
  transition-property: max-height,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-1000 {
  transition-delay: 1000ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-\[cubic-bezier\(0\.16\2c 1\2c 0\.3\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.16,1,0.3,1);
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
  /* Chrome, Safari and Opera */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .no-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
  }

  .no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  input:focus ~ label,
  input:not(:placeholder-shown) ~ label {
  font-size: 10px;
  font-weight: 400;
  line-height: 1rem;
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

  input:focus ~ label {
  left: 0px;
}

  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    border: 1px solid #212121;
    -webkit-text-fill-color: #212121;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
  }

  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
  }
.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}
.\[animation-delay\:-2s\] {
  animation-delay: -2s;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}

/* Design system: Color system v3 (Holographic, light mode). */
:root {
  /* ── Foundations ─────────────────────────────────────────── */
  --ink-950: #020617;
  --ink-900: #0f172a;
  --ink-800: #1e293b;
  --ink-700: #334155;
  --ink-600: #475569;
  --ink-500: #64748b;

  --slate-400: #94a3b8;
  --slate-300: #cbd5e1;
  --slate-200: #e2e8f0;
  --slate-100: #f1f5f9;
  --slate-50: #f8fafc;

  /* Primary — Emerald */
  --em-50: #ecfdf5;
  --em-100: #d1fae5;
  --em-200: #a7f3d0;
  --em-300: #6ee7b7;
  --em-400: #34d399;
  --em-500: #10b981;
  --em-600: #059669;
  --em-700: #047857;

  /* Secondary — Teal */
  --tl-50: #f0fdfa;
  --tl-100: #ccfbf1;
  --tl-200: #99f6e4;
  --tl-300: #5eead4;
  --tl-400: #2dd4bf;
  --tl-500: #14b8a6;
  --tl-600: #0d9488;
  --tl-700: #0f766e;

  /* Accent — Violet */
  --vi-50: #f5f3ff;
  --vi-100: #ede9fe;
  --vi-200: #ddd6fe;
  --vi-300: #c4b5fd;
  --vi-400: #a78bfa;
  --vi-500: #8b5cf6;
  --vi-600: #7c3aed;
  --vi-700: #6d28d9;

  /* Warning — Amber */
  --am-50: #fffbeb;
  --am-100: #fef3c7;
  --am-200: #fde68a;
  --am-300: #fcd34d;
  --am-400: #fbbf24;
  --am-500: #f59e0b;
  --am-600: #d97706;
  --am-800: #92400e;

  /* Danger — Rose */
  --ro-50: #fff1f2;
  --ro-100: #ffe4e6;
  --ro-200: #fecdd3;
  --ro-300: #fda4af;
  --ro-400: #fb7185;
  --ro-500: #f43f5e;
  --ro-600: #e11d48;
  --ro-800: #9f1239;

  /* Holographic / cosmic accents (sampled from the product) */
  --holo-cyan: #8faef8;
  --holo-teal: #5eead4;
  --holo-violet: #8b5cf6;
  --holo-periwinkle: #a5b4fc;
  --holo-pink: #f472b6;
  --holo-gradient: linear-gradient(
    115deg,
    #22d3ee 0%,
    #67e8f9 18%,
    #818cf8 42%,
    #a78bfa 60%,
    #c4b5fd 74%,
    #f472b6 100%
  );

  /* ── Semantic aliases (light surfaces) ───────────────────── */
  --bg-base: #ffffff;
  --bg-subtle: #f8fafc;
  --bg-component: #f1f5f9;
  --bg-base-hover: #e2e8f0;
  --bg-base-pressed: #cbd5e1;
  --bg-highlight: #f5f3ff; /* violet-tinted (brand) */

  --border-base: #e2e8f0;
  --border-strong: #cbd5e1;
  --border-interactive: #7c3aed; /* violet */

  --fg-primary: #0f172a;
  --fg-secondary: #475569;
  --fg-muted: #94a3b8;
  --fg-interactive: #272c34;
  --fg-interactive-hover: #171a1f;
  --fg-on-color: #ffffff;

  /* Dark "panel" sections (Commitment, footer, bands) — deep product navy */
  --panel: #0b1430;
  --panel-soft: #1a2440;

  /* Contrast set for light-on-panel needs */
  --contrast-fg-primary: #f3f6fc;
  --contrast-fg-secondary: rgba(243, 246, 252, 0.56);
  --contrast-border-base: rgba(255, 255, 255, 0.12);
}

/* Design system: Color system v3 (Holographic, dark mode).
   Uses the existing --ink-950..600 foundation scale (already defined
   above) for the dark surfaces, and the existing --contrast-fg-* tokens
   (already built for light text on the site's dark panel sections) for
   the dark foreground. Deliberately does NOT reuse --panel/--panel-soft
   here — those already back bg-ink (the Cart button, footer, Commitment
   band) as a "dark accent surface floating on an otherwise light page";
   pointing --bg-base at the same value would make those elements vanish
   into the new dark background instead of standing out from it. Using the
   near-black --ink-950 for the page base keeps --panel's navy reading as
   a distinct, lighter "raised" surface on top, same hierarchy it has in
   light mode. */
html.dark {
  --bg-base: var(--ink-950);
  --bg-subtle: var(--ink-900);
  --bg-component: var(--ink-800);
  --bg-base-hover: var(--ink-700);
  --bg-base-pressed: var(--ink-600);
  --bg-highlight: #241f45; /* violet-tinted, dark */

  --border-base: var(--contrast-border-base);
  --border-strong: rgba(255, 255, 255, 0.22);
  --border-interactive: var(--vi-400);

  --fg-primary: var(--contrast-fg-primary);
  --fg-secondary: var(--contrast-fg-secondary);
  --fg-muted: rgba(243, 246, 252, 0.4);
  --fg-interactive: #e2e8f0;
  --fg-interactive-hover: #ffffff;
  /* --fg-on-color deliberately NOT overridden here: every usage in this
     codebase is text sitting on a bg-ink pill/button/panel (active category
     chip, cart button, CommitmentBand's headline/stats), and bg-ink itself
     is var(--panel) — a fixed dark navy that does NOT change with the site
     theme. Flipping --fg-on-color to a dark color in dark mode made all of
     that text go dark-on-dark and disappear (confirmed live: CommitmentBand
     headline/stat numbers). It stays pinned to :root's white in both
     themes, matching the panel it's always drawn on. */
}

/* Chromium (Chrome/Brave/Edge) draws the native <select> option popup with
   a white background unless the select itself is dark color-scheme, while
   the options inherit the select's light text-fg — white-on-white. Scoped
   to select only, NOT html.dark: page-wide `color-scheme: dark` made
   Chromium paint an opaque white backdrop behind third-party iframes
   (Trustpilot TrustBox) whose documents declare a light scheme. */
html.dark select {
  color-scheme: dark;
}

html.dark option {
  background-color: var(--bg-component);
  color: var(--fg-primary);
}

/* Holographic gradient utilities for brand moments (hero, dividers, labels). */
.bg-holo {
  background-image: var(--holo-gradient);
}
.text-holo {
  background-image: var(--holo-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body {
  background: var(--bg-base);
  color: var(--fg-secondary);
  font-family: var(--font-sans), system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

::placeholder {
  color: var(--fg-muted);
}

/* Collect.js (NMI) renders each inline card field as a real <iframe> with
   its own default browser border — since it's a cross-origin document we
   can't reach inside it to style the input, but the <iframe> ELEMENT
   itself is a normal node in this page's own DOM and can be styled from
   out here. Without this, the field showed both our own rounded wrapper
   box (see nmi-collectjs-container.tsx's NmiCollectJsCardFields) AND the
   iframe's own sharp-cornered default border nested inside it — a visibly
   broken double-box look the user flagged live. `.CollectJSInlineIframe`
   is the class Collect.js itself applies to every field iframe it creates
   (confirmed by reading one live) — one rule here covers ccnumber/ccexp/
   cvv without needing to target each field's specific iframe id.

   `height: 100%` (with !important — Collect.js sets its own inline
   `height: 24px`/`style="display: block; height: 24px"` on the iframe,
   which otherwise wins) fixes a second regression found live: our own
   wrapper box is taller (h-11, 44px) than that fixed 24px, so the iframe
   only covered the TOP portion of the box — clicking near the visible
   text worked, clicking in the box's own lower half hit nothing (this
   app's plain background div, not the iframe) and did not focus the
   field. Stretching the iframe to fill its wrapper's full height makes
   the whole visible box clickable, not just wherever Collect.js happened
   to size its content to. */
.CollectJSInlineIframe {
  border: none !important;
  outline: none !important;
  height: 100% !important;
}

/* Apple Pay / Google Pay buttons rendered by Collect.js inside
   nmi-collectjs-container.tsx's NmiCollectJsWalletButton wrappers looked
   visibly different heights next to each other (confirmed live by
   inspecting the actual rendered DOM): NMI's own script sets
   `--apple-pay-button-height: 30px` and `--apple-pay-button-border-radius:
   4px` directly, INLINE, on the real <apple-pay-button> element itself —
   not `--apple-pay-button-corner-radius` (an earlier attempt here used that
   wrong property name, which is why it silently did nothing). A React
   inline style on this element's ANCESTOR div (what that earlier attempt
   tried) can never win against NMI's own inline style declared on the SAME
   element for the SAME custom property, no matter what value it sets — the
   only way to override an inline style from an external stylesheet is
   !important, which does take precedence over a plain (non-important)
   inline declaration.
   Google Pay is a different case entirely: it's Collect.js's own
   cross-origin <iframe class="CollectJSGooglePayIFrame"> (collectcheckout.
   com), same category as .CollectJSInlineIframe above — we can't reach
   inside it, only style the iframe element itself from out here. It ships
   with a fixed `height="45px"` HTML attribute (not CSS), which any author
   stylesheet rule already beats without even needing !important — kept
   here anyway for consistency with the pattern above. `height: 100%` (not
   a hardcoded px value) matches whatever the wrapper's own height ends up
   being, exactly like .CollectJSInlineIframe does for the card fields.

   `--apple-pay-button-height` specifically is NOT just a box size — this
   button is a real native browser control (`-webkit-appearance:
   -apple-pay-button`), so the browser paints its own logo/text INSIDE at a
   size coupled directly to this height value; there is no separate
   font-size hook, and no way to decouple "this button's outer box size"
   from "this button's internal text/logo size" — they're the same number.
   Two earlier attempts got this backwards: forcing Apple's height UP to
   match Google's box (40px) made Apple's own text visibly bigger than
   Google's (confirmed live); shrinking ONLY the internal
   `--apple-pay-button-height` back down while leaving the OUTER wrapper at
   40px (NmiCollectJsWalletButton's own h-10 + flex-centering) shrank
   Apple's whole visible button — box AND text together, since they're the
   same coupled value — leaving a visibly SMALLER button floating inside a
   same-sized invisible box next to Google's full-sized one (confirmed
   live). Apple's button has no independent lever here at all — whatever
   height it's given IS its rendered size, text included.
   Google Pay has no such coupling: it's Collect.js's own cross-origin
   iframe (collectcheckout.com/google_pay_field.php), which renders its
   button reactively sized to whatever height its own iframe box actually
   gets (via `height: 100%` above) — shrinking its CONTAINER shrinks its
   button and text together cleanly, with no separate scaling artifact.
   Fix: stop trying to stretch Apple UP to Google's size — shrink BOTH
   buttons' shared OUTER wrapper (NmiCollectJsWalletButton's own h-10 above)
   down to Apple's own natural, correctly-proportioned native size instead
   (30px, still NMI's own original default — the constant here just makes
   that intentional/explicit rather than an unlabeled inherited default).
   Google's iframe follows via its own height:100% either way. */
apple-pay-button {
  --apple-pay-button-height: 30px !important;
  --apple-pay-button-border-radius: 9999px !important;
}
/* User found live: forcing this iframe down to the wrapper's own compact
   30px (height: 100%, this rule's earlier version) left Google's own
   button text sitting visibly lower than Apple Pay's next to it. Google's
   page (google_pay_field.php) centers its own button vertically within
   whatever height IT was told to render at via its `height=45` URL param
   (see the iframe's own src, set by Collect.js) — 45px, not our 30px
   wrapper. Squashing the iframe itself down to 30px via CSS doesn't
   reflow Google's already-rendered internal layout to re-center within
   that smaller space; it just shows a truncated top slice of the original
   45px-tall, 45/2=22.5px-centered content. Giving the iframe back its own
   real 45px (so Google's own centering math inside it stays correct) and
   shifting the whole iframe up by the difference (22.5px content-center -
   15px wrapper-center = 7.5px) instead moves the ALREADY-CORRECTLY-
   centered content up until ITS center lines up with our smaller wrapper's
   center, with the wrapper's own overflow-hidden (see
   NmiCollectJsWalletButton) clipping whatever now sticks out above/below. */
.CollectJSGooglePayIFrame {
  height: 45px !important;
  margin-top: 0px !important;
}
.placeholder\:text-fg-muted::placeholder {
  color: var(--fg-muted);
}
.before\:mr-1\.5::before {
  content: var(--tw-content);
  margin-right: 0.375rem;
}
.before\:font-bold::before {
  content: var(--tw-content);
  font-weight: 700;
}
.before\:text-\[\#111827\]::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.before\:content-\[\'\2713\'\]::before {
  --tw-content: '✓';
  content: var(--tw-content);
}
.first\:pt-0:first-child {
  padding-top: 0px;
}
.last\:mb-0:last-child {
  margin-bottom: 0px;
}
.last\:border-b:last-child {
  border-bottom-width: 1px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:pb-0:last-child {
  padding-bottom: 0px;
}
.focus-within\:border-interactive:focus-within {
  border-color: var(--fg-interactive);
}
.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:z-10:hover {
  z-index: 10;
}
.hover\:scale-\[1\.06\]:hover {
  --tw-scale-x: 1.06;
  --tw-scale-y: 1.06;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:border-\[color\:var\(--ink-500\)\]:hover {
  border-color: var(--ink-500);
}
.hover\:border-interactive:hover {
  border-color: var(--fg-interactive);
}
.hover\:border-line:hover {
  border-color: var(--border-base);
}
.hover\:border-line-strong:hover {
  border-color: var(--border-strong);
}
.hover\:bg-\[\#272C34\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(39 44 52 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#6f95f2\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(111 149 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#E7EDF3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 237 243 / 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-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / 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-grey-5:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-ink-soft:hover {
  background-color: var(--panel-soft);
}
.hover\:bg-interactive-hover:hover {
  background-color: var(--fg-interactive-hover);
}
.hover\:bg-slate-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface-hover:hover {
  background-color: var(--bg-base-hover);
}
.hover\:bg-surface-muted:hover {
  background-color: var(--bg-component);
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-white\/90:hover {
  background-color: rgb(255 255 255 / 0.9);
}
.hover\:text-\[\#272C34\]:hover {
  --tw-text-opacity: 1;
  color: rgb(39 44 52 / var(--tw-text-opacity, 1));
}
.hover\:text-danger:hover {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.hover\:text-danger\/80:hover {
  color: rgb(225 29 72 / 0.8);
}
.hover\:text-emerald-600:hover {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.hover\:text-fg:hover {
  color: var(--fg-primary);
}
.hover\:text-fg-secondary:hover {
  color: var(--fg-secondary);
}
.hover\:text-interactive:hover {
  color: var(--fg-interactive);
}
.hover\:text-interactive-hover:hover {
  color: var(--fg-interactive-hover);
}
.hover\:text-on-color:hover {
  color: var(--fg-on-color);
}
.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / 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\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:shadow-\[0_12px_28px_rgba\(15\2c 23\2c 42\2c 0\.08\)\]:hover {
  --tw-shadow: 0 12px 28px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_16px_36px_rgba\(15\2c 23\2c 42\2c 0\.09\)\]:hover {
  --tw-shadow: 0 16px 36px rgba(15,23,42,0.09);
  --tw-shadow-colored: 0 16px 36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:border-interactive:focus {
  border-color: var(--fg-interactive);
}
.focus\:border-line-strong:focus {
  border-color: var(--border-strong);
}
.focus\:bg-transparent:focus {
  background-color: transparent;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-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-gray-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1));
}
.focus\:ring-interactive:focus {
  --tw-ring-color: var(--fg-interactive);
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.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-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.active\:bg-grey-5:active {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.active\:bg-transparent:active {
  background-color: transparent;
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:bg-transparent:disabled {
  background-color: transparent;
}
.disabled\:text-grey-30:disabled {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.disabled\:text-orange-500:disabled {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.group[open] .group-open\: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));
}
.group[open] .group-open\:bg-ink {
  background-color: var(--panel);
}
.group[open] .group-open\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\: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));
}
.group:hover .group-hover\:text-interactive {
  color: var(--fg-interactive);
}
.group:hover .group-hover\:text-on-color {
  color: var(--fg-on-color);
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:disabled .group-disabled\: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);
}
.dark\:block:is(.dark *) {
  display: block;
}
.dark\:hidden:is(.dark *) {
  display: none;
}
.dark\:text-slate-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
@media (min-width: 512px) {

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

  .xsmall\:right-0 {
    right: 0px;
  }

  .xsmall\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 640px) {

  .sm\:-top-\[40px\] {
    top: -40px;
  }

  .sm\:left-14 {
    left: 3.5rem;
  }

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

  .sm\:right-14 {
    right: 3.5rem;
  }

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

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

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:grid {
    display: grid;
  }

  .sm\:contents {
    display: contents;
  }

  .sm\:hidden {
    display: none;
  }

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

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

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

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

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-1\/3 {
    width: 33.333333%;
  }

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

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

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

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

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

  .sm\:min-w-min {
    min-width: min-content;
  }

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

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

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

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

  .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-\[1\.08fr_0\.92fr\] {
    grid-template-columns: 1.08fr 0.92fr;
  }

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

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

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

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

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

  .sm\:justify-center {
    justify-content: center;
  }

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

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

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

  .sm\:gap-3\.5 {
    gap: 0.875rem;
  }

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

  .sm\:gap-7 {
    gap: 1.75rem;
  }

  .sm\:gap-x-1 {
    column-gap: 0.25rem;
  }

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

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

  .sm\:whitespace-nowrap {
    white-space: nowrap;
  }

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

  .sm\:p-14 {
    padding: 3.5rem;
  }

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

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

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

  .sm\:p-9 {
    padding: 2.25rem;
  }

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

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

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

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

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

  .sm\:py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

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

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

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

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

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

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

  .sm\:pr-0 {
    padding-right: 0px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:leading-normal {
    line-height: 1.5;
  }
}
@media (min-width: 768px) {

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .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\:flex-row {
    flex-direction: row;
  }

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

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

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

  .md\:gap-x-16 {
    column-gap: 4rem;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }
}
@media (min-width: 1024px) {

  .lg\:sticky {
    position: sticky;
  }

  .lg\:-top-\[110px\] {
    top: -110px;
  }

  .lg\:left-0 {
    left: 0px;
  }

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

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

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

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-none {
    order: 0;
  }

  .lg\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

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

  .lg\:mr-14 {
    margin-right: 3.5rem;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:table {
    display: table;
  }

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

  .lg\:hidden {
    display: none;
  }

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

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

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

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

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

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

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

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

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

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

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

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

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

  .lg\:grid-cols-\[1\.05fr_0\.95fr\] {
    grid-template-columns: 1.05fr 0.95fr;
  }

  .lg\:grid-cols-\[1\.1fr_0\.9fr\] {
    grid-template-columns: 1.1fr 0.9fr;
  }

  .lg\:grid-cols-\[1\.6fr_1fr_1fr_1fr\] {
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
  }

  .lg\:grid-cols-\[1fr_0\.85fr\] {
    grid-template-columns: 1fr 0.85fr;
  }

  .lg\:grid-cols-\[1fr_1\.15fr\] {
    grid-template-columns: 1fr 1.15fr;
  }

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

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

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

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

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

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

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

  .lg\:gap-10 {
    gap: 2.5rem;
  }

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

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

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

  .lg\:object-left {
    object-position: left;
  }

  .lg\:p-14 {
    padding: 3.5rem;
  }

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

  .lg\:pb-\[84px\] {
    padding-bottom: 84px;
  }

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

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

  .lg\:text-\[50px\] {
    font-size: 50px;
  }

  .lg\:text-\[55px\] {
    font-size: 55px;
  }

  .lg\:text-\[64px\] {
    font-size: 64px;
  }

  .lg\:leading-\[0\.9\] {
    line-height: 0.9;
  }

  .lg\:leading-\[1\.05\] {
    line-height: 1.05;
  }

  .lg\:leading-\[1\.12\] {
    line-height: 1.12;
  }

  .lg\:tracking-\[-0\.6px\] {
    letter-spacing: -0.6px;
  }

  .lg\:tracking-\[-1px\] {
    letter-spacing: -1px;
  }

  .small\:sticky {
    position: sticky;
  }

  .small\:top-48 {
    top: 12rem;
  }

  .small\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .small\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .small\:block {
    display: block;
  }

  .small\:flex {
    display: flex;
  }

  .small\:hidden {
    display: none;
  }

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

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

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

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

  .small\:grid-cols-\[1fr_360px\] {
    grid-template-columns: 1fr 360px;
  }

  .small\:grid-cols-\[1fr_480px\] {
    grid-template-columns: 1fr 480px;
  }

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

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

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

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

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

  .small\:gap-y-36 {
    row-gap: 9rem;
  }

  .small\:p-32 {
    padding: 8rem;
  }

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

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

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

  .small\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

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

  .small\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
@media (min-width: 1280px) {

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

  .medium\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1536px) {

  .\32xl\:w-1\/4 {
    width: 25%;
  }
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
  padding-right: 0px;
}
.\[\&_a\]\:font-medium a {
  font-weight: 500;
}
.\[\&_a\]\:text-emerald-700 a {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.\[\&_a\]\:text-interactive a {
  color: var(--fg-interactive);
}
.\[\&_a\]\:underline a {
  text-decoration-line: underline;
}
.\[\&_a\]\:underline-offset-2 a {
  text-underline-offset: 2px;
}
.\[\&_a\]\:hover\:text-interactive-hover:hover a {
  color: var(--fg-interactive-hover);
}
.hover\:\[\&_a\]\:underline a:hover {
  text-decoration-line: underline;
}
.\[\&_b\]\:font-semibold b {
  font-weight: 600;
}
.\[\&_b\]\:text-fg b {
  color: var(--fg-primary);
}
.\[\&_blockquote\]\:my-6 blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\[\&_blockquote\]\:border-l-2 blockquote {
  border-left-width: 2px;
}
.\[\&_blockquote\]\:border-line blockquote {
  border-color: var(--border-base);
}
.\[\&_blockquote\]\:pl-5 blockquote {
  padding-left: 1.25rem;
}
.\[\&_blockquote\]\:italic blockquote {
  font-style: italic;
}
.\[\&_em\]\:italic em {
  font-style: italic;
}
.\[\&_figcaption\]\:mt-2 figcaption {
  margin-top: 0.5rem;
}
.\[\&_figcaption\]\:text-\[13px\] figcaption {
  font-size: 13px;
}
.\[\&_figcaption\]\:text-fg-muted figcaption {
  color: var(--fg-muted);
}
.\[\&_figure\]\:my-6 figure {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\[\&_h2\]\:mb-3 h2 {
  margin-bottom: 0.75rem;
}
.\[\&_h2\]\:mt-10 h2 {
  margin-top: 2.5rem;
}
.\[\&_h2\]\:font-display h2 {
  font-family: var(--font-anek);
}
.\[\&_h2\]\:text-\[26px\] h2 {
  font-size: 26px;
}
.\[\&_h2\]\:font-bold h2 {
  font-weight: 700;
}
.\[\&_h2\]\:tracking-\[-0\.4px\] h2 {
  letter-spacing: -0.4px;
}
.\[\&_h2\]\:text-fg h2 {
  color: var(--fg-primary);
}
.\[\&_h3\]\:mb-2 h3 {
  margin-bottom: 0.5rem;
}
.\[\&_h3\]\:mb-3 h3 {
  margin-bottom: 0.75rem;
}
.\[\&_h3\]\:mt-7 h3 {
  margin-top: 1.75rem;
}
.\[\&_h3\]\:mt-8 h3 {
  margin-top: 2rem;
}
.\[\&_h3\]\:font-display h3 {
  font-family: var(--font-anek);
}
.\[\&_h3\]\:text-\[19px\] h3 {
  font-size: 19px;
}
.\[\&_h3\]\:text-\[21px\] h3 {
  font-size: 21px;
}
.\[\&_h3\]\:font-bold h3 {
  font-weight: 700;
}
.\[\&_h3\]\:text-fg h3 {
  color: var(--fg-primary);
}
.\[\&_h4\]\:mb-2 h4 {
  margin-bottom: 0.5rem;
}
.\[\&_h4\]\:mt-6 h4 {
  margin-top: 1.5rem;
}
.\[\&_h4\]\:font-display h4 {
  font-family: var(--font-anek);
}
.\[\&_h4\]\:text-\[16px\] h4 {
  font-size: 16px;
}
.\[\&_h4\]\:font-bold h4 {
  font-weight: 700;
}
.\[\&_h4\]\:text-fg h4 {
  color: var(--fg-primary);
}
.\[\&_hr\]\:my-8 hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.\[\&_hr\]\:border-line hr {
  border-color: var(--border-base);
}
.\[\&_i\]\:italic i {
  font-style: italic;
}
.\[\&_img\]\:my-6 img {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\[\&_img\]\:h-auto img {
  height: auto;
}
.\[\&_img\]\:w-full img {
  width: 100%;
}
.\[\&_img\]\:rounded-xl img {
  border-radius: 0.75rem;
}
.\[\&_li\]\:mb-1\.5 li {
  margin-bottom: 0.375rem;
}
.\[\&_ol\]\:mb-4 ol {
  margin-bottom: 1rem;
}
.\[\&_ol\]\:list-decimal ol {
  list-style-type: decimal;
}
.\[\&_ol\]\:pl-5 ol {
  padding-left: 1.25rem;
}
.\[\&_p\]\:mb-3 p {
  margin-bottom: 0.75rem;
}
.\[\&_p\]\:mb-4 p {
  margin-bottom: 1rem;
}
.\[\&_strong\]\:font-semibold strong {
  font-weight: 600;
}
.\[\&_strong\]\:text-fg strong {
  color: var(--fg-primary);
}
.\[\&_table\]\:my-6 table {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.\[\&_table\]\:mt-4 table {
  margin-top: 1rem;
}
.\[\&_table\]\:w-full table {
  width: 100%;
}
.\[\&_table\]\:border-collapse table {
  border-collapse: collapse;
}
.\[\&_table\]\:text-\[14\.5px\] table {
  font-size: 14.5px;
}
.\[\&_td\:first-child\]\:w-1\/3 td:first-child {
  width: 33.333333%;
}
.\[\&_td\:first-child\]\:font-semibold td:first-child {
  font-weight: 600;
}
.\[\&_td\:first-child\]\:text-fg td:first-child {
  color: var(--fg-primary);
}
.\[\&_td\]\:border td {
  border-width: 1px;
}
.\[\&_td\]\:border-line td {
  border-color: var(--border-base);
}
.\[\&_td\]\:px-3 td {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.\[\&_td\]\:py-2 td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.\[\&_td\]\:py-2\.5 td {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.\[\&_td\]\:pr-4 td {
  padding-right: 1rem;
}
.\[\&_td\]\:align-top td {
  vertical-align: top;
}
.\[\&_th\]\:border th {
  border-width: 1px;
}
.\[\&_th\]\:border-line th {
  border-color: var(--border-base);
}
.\[\&_th\]\:bg-surface-subtle th {
  background-color: var(--bg-subtle);
}
.\[\&_th\]\:px-3 th {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.\[\&_th\]\:py-2 th {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.\[\&_th\]\:text-left th {
  text-align: left;
}
.\[\&_th\]\:font-semibold th {
  font-weight: 600;
}
.\[\&_th\]\:text-fg th {
  color: var(--fg-primary);
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0px;
}
.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
.\[\&_tr\]\:border-line tr {
  border-color: var(--border-base);
}
.\[\&_ul\]\:my-3 ul {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.\[\&_ul\]\:mb-4 ul {
  margin-bottom: 1rem;
}
.\[\&_ul\]\:list-disc ul {
  list-style-type: disc;
}
.\[\&_ul\]\:pl-5 ul {
  padding-left: 1.25rem;
}
.\[\&_ul\]\:pl-6 ul {
  padding-left: 1.5rem;
}

:root{--font-poppins:Arial;--font-anek:Arial;--font-sans:Arial}body{font-family:Arial,sans-serif}