@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
/* [next]/internal/font/google/space_grotesk_2ec37e5e.module.css [app-client] (css) */
@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/28868e710e86be81-s.0rx81dn62y51_.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/28868e710e86be81-s.0rx81dn62y51_.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/28868e710e86be81-s.0rx81dn62y51_.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/28868e710e86be81-s.0rx81dn62y51_.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Space Grotesk Fallback;
  src: local(Arial);
  ascent-override: 89.71%;
  descent-override: 26.62%;
  line-gap-override: 0.0%;
  size-adjust: 109.69%;
}

.space_grotesk_2ec37e5e-module___4gKfG__className {
  font-family: Space Grotesk, Space Grotesk Fallback;
  font-style: normal;
}

.space_grotesk_2ec37e5e-module___4gKfG__variable {
  --font-geist-sans: "Space Grotesk", "Space Grotesk Fallback";
}

/* [next]/internal/font/google/jetbrains_mono_bb629512.module.css [app-client] (css) */
@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.0f97p8c3305p~.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.0f97p8c3305p~.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.0f97p8c3305p~.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.0f97p8c3305p~.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono Fallback;
  src: local(Arial);
  ascent-override: 75.79%;
  descent-override: 22.29%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.jetbrains_mono_bb629512-module__ypZ5uW__className {
  font-family: JetBrains Mono, JetBrains Mono Fallback;
  font-style: normal;
}

.jetbrains_mono_bb629512-module__ypZ5uW__variable {
  --font-geist-mono: "JetBrains Mono", "JetBrains Mono Fallback";
}

/* [project]/apps/pay-web/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

:root {
  --background: 210 20% 97%;
  --foreground: 220 20% 12%;
  --card: 0 0% 100%;
  --card-foreground: 220 20% 12%;
  --popover: 0 0% 100%;
  --popover-foreground: 220 20% 12%;
  --primary: 185 85% 38%;
  --primary-foreground: 0 0% 100%;
  --secondary: 210 18% 93%;
  --secondary-foreground: 220 16% 30%;
  --muted: 210 16% 93%;
  --muted-foreground: 215 12% 45%;
  --accent: 38 90% 50%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 72% 50%;
  --destructive-foreground: 0 0% 100%;
  --border: 214 20% 88%;
  --input: 214 20% 88%;
  --ring: 185 85% 38%;
  --radius: .625rem;
  --radius-panel: 1.375rem;
  --sidebar-background: 210 18% 96%;
  --sidebar-foreground: 215 12% 40%;
  --sidebar-primary: 185 85% 38%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 210 16% 91%;
  --sidebar-accent-foreground: 220 20% 12%;
  --sidebar-border: 214 20% 90%;
  --sidebar-ring: 185 85% 38%;
  --success: 155 65% 38%;
  --success-foreground: 0 0% 100%;
  --warning: 28 92% 44%;
  --warning-foreground: 0 0% 100%;
  --danger: 0 72% 50%;
  --danger-foreground: 0 0% 100%;
  --info: 199 89% 48%;
  --info-foreground: 0 0% 100%;
  --crypto: 38 90% 45%;
  --crypto-foreground: 0 0% 100%;
  --surface-glow: 185 85% 38%;
}

.dark {
  --background: 220 20% 7%;
  --foreground: 210 20% 92%;
  --card: 220 18% 10%;
  --card-foreground: 210 20% 92%;
  --popover: 220 18% 10%;
  --popover-foreground: 210 20% 92%;
  --primary: 185 100% 50%;
  --primary-foreground: 220 20% 7%;
  --secondary: 220 16% 16%;
  --secondary-foreground: 210 20% 85%;
  --muted: 220 14% 14%;
  --muted-foreground: 215 12% 50%;
  --accent: 38 95% 55%;
  --accent-foreground: 220 20% 7%;
  --destructive: 0 72% 55%;
  --destructive-foreground: 210 20% 95%;
  --border: 220 14% 18%;
  --input: 220 14% 18%;
  --ring: 185 100% 50%;
  --sidebar-background: 220 20% 5%;
  --sidebar-foreground: 215 12% 55%;
  --sidebar-primary: 185 100% 50%;
  --sidebar-primary-foreground: 220 20% 7%;
  --sidebar-accent: 220 16% 12%;
  --sidebar-accent-foreground: 210 20% 92%;
  --sidebar-border: 220 14% 14%;
  --sidebar-ring: 185 100% 50%;
  --success: 155 70% 45%;
  --success-foreground: 220 20% 7%;
  --warning: 41 96% 60%;
  --warning-foreground: 220 20% 7%;
  --danger: 0 71% 56%;
  --danger-foreground: 210 20% 95%;
  --info: 199 92% 60%;
  --info-foreground: 220 20% 7%;
  --crypto: 38 95% 55%;
  --crypto-foreground: 220 20% 7%;
  --surface-glow: 185 100% 50%;
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --color-background: 246 247 249;
  --color-foreground: 24 29 37;
  --color-surface: 255 255 255;
  --color-surface-muted: 234 237 240;
  --color-surface-elevated: 255 255 255;
  --color-surface-panel: 255 255 255;
  --color-surface-panel-strong: 243 245 247;
  --color-surface-glow: 15 166 179;
  --color-surface-mesh-a: 15 166 179;
  --color-surface-mesh-b: 242 158 13;
  --color-text-primary: 24 29 37;
  --color-text-secondary: 64 72 89;
  --color-text-muted: 101 112 129;
  --color-text-inverse: 255 255 255;
  --color-border: 218 224 231;
  --color-border-subtle: 234 237 240;
  --color-border-strong: 188 197 206;
  --color-border-focus: 12 139 151;
  --focus-outline-color: rgb(var(--color-border-focus));
  --focus-ring-color: rgb(var(--color-primary-500) / .32);
  --color-primary: 15 166 179;
  --color-primary-50: 217 249 252;
  --color-primary-100: 198 246 250;
  --color-primary-200: 151 239 247;
  --color-primary-300: 104 231 243;
  --color-primary-400: 57 224 239;
  --color-primary-500: 15 166 179;
  --color-primary-600: 12 139 151;
  --color-primary-700: 10 113 123;
  --color-primary-800: 8 87 94;
  --color-primary-900: 6 70 75;
  --color-accent: 242 158 13;
  --color-accent-50: 254 245 231;
  --color-accent-100: 252 236 207;
  --color-accent-200: 250 216 158;
  --color-accent-300: 247 197 110;
  --color-accent-400: 245 177 61;
  --color-accent-500: 242 158 13;
  --color-accent-600: 218 142 11;
  --color-accent-700: 194 126 10;
  --color-success: 34 160 107;
  --color-success-100: 213 246 232;
  --color-success-500: 34 160 107;
  --color-success-700: 18 84 57;
  --color-warning: 245 158 11;
  --color-warning-100: 254 243 199;
  --color-warning-500: 245 158 11;
  --color-warning-700: 180 83 9;
  --color-danger: 219 36 36;
  --color-danger-100: 251 233 233;
  --color-danger-500: 219 36 36;
  --color-danger-700: 132 21 21;
  --color-info: 14 165 233;
  --color-info-100: 224 242 254;
  --color-info-500: 14 165 233;
  --color-info-700: 3 105 161;
  --radius-xs: .25rem;
  --radius-sm: .375rem;
  --radius-md: .5rem;
  --radius-lg: .625rem;
  --radius-xl: .875rem;
  --radius-2xl: 1.125rem;
  --radius-tight: var(--radius-md);
  --radius-soft: var(--radius-lg);
  --radius-pill: 9999px;
  --radius-panel: 1.375rem;
  --motion-duration-micro: 90ms;
  --motion-duration-standard: .22s;
  --motion-ease-snappy: cubic-bezier(.25, .1, .25, 1);
  --motion-ease-standard: cubic-bezier(.2, 0, 0, 1);
  --motion-press-scale: .96;
  --font-sans: var(--font-geist-sans), "Space Grotesk", system-ui, sans-serif;
  --font-mono: var(--font-geist-mono), "JetBrains Mono", ui-monospace, monospace;
  --font-display: var(--font-geist-sans), "Space Grotesk", system-ui, sans-serif;
  --shadow-surface-soft: 0 10px 30px #10202a14;
  --shadow-surface-elevated: 0 18px 48px #10202a1a;
  --shadow-surface-glow: 0 0 0 1px rgb(var(--color-primary-500) / .08), 0 18px 40px rgb(var(--color-primary-500) / .14);
  --shadow-glow-success: 0 0 20px -5px rgb(var(--color-success-500) / .3), 0 0 60px -15px rgb(var(--color-success-500) / .15);
  --shadow-glow-accent: 0 0 20px -5px rgb(var(--color-accent-500) / .3), 0 0 60px -15px rgb(var(--color-accent-500) / .15);
  --shadow-panel: 0 0 0 1px rgb(var(--color-border) / .55), 0 20px 55px #10202a1a;
  --shadow-panel-strong: 0 0 0 1px rgb(var(--color-primary-500) / .12), 0 28px 70px #10202a24;
}

.dark {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --color-background: 14 17 21;
  --color-foreground: 231 235 239;
  --color-surface: 21 24 30;
  --color-surface-muted: 31 34 41;
  --color-surface-elevated: 21 24 30;
  --color-surface-panel: 21 24 30;
  --color-surface-panel-strong: 26 29 35;
  --color-text-primary: 231 235 239;
  --color-text-secondary: 209 217 224;
  --color-text-muted: 112 125 143;
  --color-text-inverse: 14 17 21;
  --color-border: 39 44 52;
  --color-border-subtle: 31 34 41;
  --color-border-strong: 55 62 72;
  --color-border-focus: 57 224 239;
  --color-primary: 0 234 255;
  --color-primary-50: 0 56 61;
  --color-primary-100: 0 75 82;
  --color-primary-200: 0 103 112;
  --color-primary-300: 0 131 143;
  --color-primary-400: 0 164 179;
  --color-primary-500: 0 234 255;
  --color-primary-600: 41 237 255;
  --color-primary-700: 77 240 255;
  --color-primary-800: 112 243 255;
  --color-primary-900: 143 246 255;
  --color-accent: 249 169 31;
  --color-accent-50: 119 77 3;
  --color-accent-100: 159 102 4;
  --color-accent-200: 199 128 5;
  --color-accent-300: 239 153 6;
  --color-accent-400: 249 169 31;
  --color-accent-500: 249 169 31;
  --color-accent-600: 251 198 106;
  --color-accent-700: 252 236 207;
  --color-success: 34 195 128;
  --color-success-100: 15 87 57;
  --color-success-500: 34 195 128;
  --color-success-700: 103 228 176;
  --color-warning: 245 158 11;
  --color-warning-100: 120 53 15;
  --color-warning-500: 251 191 36;
  --color-warning-700: 253 230 138;
  --color-danger: 223 58 58;
  --color-danger-100: 110 18 18;
  --color-danger-500: 223 58 58;
  --color-danger-700: 234 123 123;
  --color-info: 56 189 248;
  --color-info-100: 12 74 110;
  --color-info-500: 125 211 252;
  --color-info-700: 186 230 253;
  --shadow-surface-elevated: 0 24px 60px #0000006b;
  --shadow-surface-soft: 0 14px 36px #00000047;
  --shadow-surface-glow: 0 0 0 1px rgb(var(--color-primary-500) / .14), 0 22px 48px rgb(var(--color-primary-500) / .12);
  --shadow-glow-success: 0 0 20px -5px rgb(var(--color-success-500) / .3), 0 0 60px -15px rgb(var(--color-success-500) / .15);
  --shadow-glow-accent: 0 0 20px -5px rgb(var(--color-accent-500) / .3), 0 0 60px -15px rgb(var(--color-accent-500) / .15);
  --shadow-panel: 0 0 0 1px rgb(var(--color-border) / .7), 0 26px 64px #00000052;
  --shadow-panel-strong: 0 0 0 1px rgb(var(--color-primary-500) / .16), 0 34px 80px #0006;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-duration-micro: 1ms;
    --motion-duration-standard: 1ms;
    --motion-press-scale: 1;
  }
}

@media (prefers-contrast: more) {
  :root {
    --focus-ring-color: rgb(var(--color-primary-500) / .44);
  }
}

@media (forced-colors: active) {
  :root {
    --focus-outline-color: CanvasText;
    --motion-press-scale: 1;
  }
}

.glow-primary {
  box-shadow: 0 0 20px -5px hsl(var(--primary) / .3), 0 0 60px -15px hsl(var(--primary) / .15);
}

.glow-crypto {
  box-shadow: 0 0 20px -5px hsl(var(--crypto) / .3), 0 0 60px -15px hsl(var(--crypto) / .15);
}

.glow-success {
  box-shadow: 0 0 20px -5px hsl(var(--success) / .3);
}

.surface-elevated {
  border-style: solid;
  border-width: 1px;
  border-color: hsl(var(--border) / .6);
  background-color: hsl(var(--card));
  box-shadow: 0 4px 24px -4px #080a0c14;
}

.dark .surface-elevated {
  box-shadow: 0 4px 24px -4px #080a0c80;
}

.gradient-mesh {
  background: radial-gradient(ellipse at 20% 50%, hsl(var(--primary) / .06) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, hsl(var(--crypto) / .04) 0%, transparent 50%), hsl(var(--background));
}

.text-gradient-primary {
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(135deg, hsl(var(--primary)), #75e5f0);
}

.text-gradient-crypto {
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(135deg, hsl(var(--crypto)), #ff974c);
}

.metric-card {
  border-style: solid;
  border-width: 1px;
  border-color: hsl(var(--border) / .6);
  background-color: hsl(var(--card));
  border-radius: .75rem;
  padding: 1.25rem;
  transition-property: background-color, border-color, transform, box-shadow;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 4px 24px -4px #080a0c14;
}

.dark .metric-card {
  box-shadow: 0 4px 24px -4px #080a0c80;
}

.metric-card:hover {
  border-color: hsl(var(--primary) / .2);
  box-shadow: 0 0 20px -5px hsl(var(--primary) / .3), 0 0 60px -15px hsl(var(--primary) / .15);
  transform: translateY(-1px);
}

.tx-row {
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem;
  transition-property: background-color, border-color;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.tx-row:hover {
  background: hsl(var(--muted) / .6);
}

.badge-crypto {
  background: hsl(var(--crypto) / .12);
  color: hsl(var(--crypto));
  border: 1px solid hsl(var(--crypto) / .2);
  border-radius: 9999px;
  align-items: center;
  gap: .375rem;
  padding: .25rem .625rem;
  font-family: JetBrains Mono, monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
  display: inline-flex;
}

.badge-success {
  background: hsl(var(--success) / .12);
  color: hsl(var(--success));
  border: 1px solid hsl(var(--success) / .2);
  border-radius: 9999px;
  align-items: center;
  gap: .375rem;
  padding: .25rem .625rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
  display: inline-flex;
}

.badge-fiat {
  background: hsl(var(--secondary));
  color: hsl(var(--secondary-foreground));
  border: 1px solid hsl(var(--border));
  border-radius: 9999px;
  align-items: center;
  gap: .375rem;
  padding: .25rem .625rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
  display: inline-flex;
}

.nav-item {
  color: hsl(var(--sidebar-foreground));
  border-radius: .5rem;
  align-items: center;
  gap: .75rem;
  padding: .625rem .75rem;
  font-size: .875rem;
  line-height: 1.25rem;
  transition-property: background-color, border-color, transform;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.nav-item:hover {
  background: hsl(var(--sidebar-accent));
  color: hsl(var(--sidebar-accent-foreground));
}

.nav-item-active {
  background: hsl(var(--primary) / .1);
  color: hsl(var(--primary));
  border-left: 2px solid hsl(var(--primary));
}

.panel-shell {
  border-radius: var(--radius-panel);
  border: 1px solid hsl(var(--border) / .72);
  background: linear-gradient(180deg, hsl(var(--card)) 0%, hsl(var(--muted) / .55) 100%);
  box-shadow: 0 0 0 1px hsl(var(--border) / .35), 0 20px 55px #080a0c1a;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.panel-shell-strong {
  border-radius: var(--radius-panel);
  border: 1px solid hsl(var(--primary) / .14);
  background: linear-gradient(180deg, hsl(var(--card)) 0%, hsl(var(--muted) / .85) 100%);
  box-shadow: 0 0 0 1px hsl(var(--primary) / .08), 0 28px 70px #080a0c24;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.dark .panel-shell {
  box-shadow: 0 0 0 1px hsl(var(--border) / .45), 0 26px 64px #00000052;
}

.dark .panel-shell-strong {
  box-shadow: 0 0 0 1px hsl(var(--primary) / .14), 0 34px 80px #0006;
}

.panel-header-eyebrow {
  border: 1px solid hsl(var(--border) / .8);
  background: hsl(var(--muted) / .72);
  text-transform: uppercase;
  letter-spacing: .18em;
  color: hsl(var(--muted-foreground));
  border-radius: 9999px;
  align-items: center;
  gap: .5rem;
  padding: .25rem .75rem;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1rem;
  display: inline-flex;
}

.panel-rule {
  background: linear-gradient(90deg, hsl(var(--border) / 0), hsl(var(--border) / .95), hsl(var(--border) / 0));
  border: 0;
  height: 1px;
}

.skeleton {
  background: hsl(var(--muted));
  border-radius: .125rem;
  position: relative;
  overflow: hidden;
}

.skeleton:after {
  content: "";
  background: linear-gradient(90deg, #fff0 0%, #ffffff40 50%, #fff0 100%);
  animation: 1.4s infinite joy-ref-shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.dark .skeleton:after {
  background: linear-gradient(90deg, #fff0 0%, #ffffff14 50%, #fff0 100%);
}

@keyframes joy-ref-shimmer {
  100% {
    transform: translateX(100%);
  }
}

:root {
  --shadow-surface-1: 0 4px 24px -4px #080a0c14;
  --shadow-surface-2: 0 8px 30px -6px #080a0c1f;
  --shadow-surface-3: 0 14px 40px -10px #080a0c29;
}

.dark {
  --shadow-surface-1: 0 4px 24px -4px #080a0c80;
  --shadow-surface-2: 0 8px 30px -6px #080a0c94;
  --shadow-surface-3: 0 14px 40px -10px #080a0ca8;
}

@layer theme {
  :root, :host {
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"), system-ui, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

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

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

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace), ui-monospace, SFMono-Regular, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::-moz-placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }

    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

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

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

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  *, :before, :after {
    box-sizing: border-box;
    border-color: hsl(var(--border));
    margin: 0;
    padding: 0;
  }

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

  body {
    background-color: rgb(var(--color-background) / 1);
    font-family: var(--font-sans), system-ui, sans-serif;
    color: rgb(var(--color-foreground) / 1);
    font-feature-settings: "rlig" 1, "calt" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0;
    font-family: Space Grotesk, sans-serif;
  }

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

.visible {
  visibility: visible;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.static {
  position: static;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: calc(var(--spacing) * 0);
}

.inset-x-0 {
  inset-inline: calc(var(--spacing) * 0);
}

.start {
  inset-inline-start: var(--spacing);
}

.end {
  inset-inline-end: var(--spacing);
}

.top-0 {
  top: calc(var(--spacing) * 0);
}

.top-3 {
  top: calc(var(--spacing) * 3);
}

.top-4 {
  top: calc(var(--spacing) * 4);
}

.-right-1 {
  right: calc(var(--spacing) * -1);
}

.right-3 {
  right: calc(var(--spacing) * 3);
}

.right-4 {
  right: calc(var(--spacing) * 4);
}

.-bottom-1 {
  bottom: calc(var(--spacing) * -1);
}

.container {
  width: 100%;
}

@media (min-width: 40rem) {
  .container {
    max-width: 40rem;
  }
}

@media (min-width: 48rem) {
  .container {
    max-width: 48rem;
  }
}

@media (min-width: 64rem) {
  .container {
    max-width: 64rem;
  }
}

@media (min-width: 80rem) {
  .container {
    max-width: 80rem;
  }
}

@media (min-width: 96rem) {
  .container {
    max-width: 96rem;
  }
}

.container {
  margin-inline: auto;
  padding-inline: 2rem;
}

@media (min-width: 40rem) {
  .container {
    max-width: none;
  }
}

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

.mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}

.mx-auto {
  margin-inline: auto;
}

.-my-1 {
  margin-block: calc(var(--spacing) * -1);
}

.my-4 {
  margin-block: calc(var(--spacing) * 4);
}

.mt-0\.5 {
  margin-top: calc(var(--spacing) * .5);
}

.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}

.mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}

.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}

.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}

.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}

.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}

.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}

.mr-2\.5 {
  margin-right: calc(var(--spacing) * 2.5);
}

.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}

.mb-1\.5 {
  margin-bottom: calc(var(--spacing) * 1.5);
}

.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}

.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}

.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}

.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}

.ml-0\.5 {
  margin-left: calc(var(--spacing) * .5);
}

.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.inline {
  display: inline;
}

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

.table {
  display: table;
}

.size-4 {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}

.size-6 {
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
}

.h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}

.h-3 {
  height: calc(var(--spacing) * 3);
}

.h-3\.5 {
  height: calc(var(--spacing) * 3.5);
}

.h-4 {
  height: calc(var(--spacing) * 4);
}

.h-5 {
  height: calc(var(--spacing) * 5);
}

.h-6 {
  height: calc(var(--spacing) * 6);
}

.h-7 {
  height: calc(var(--spacing) * 7);
}

.h-8 {
  height: calc(var(--spacing) * 8);
}

.h-9 {
  height: calc(var(--spacing) * 9);
}

.h-10 {
  height: calc(var(--spacing) * 10);
}

.h-16 {
  height: calc(var(--spacing) * 16);
}

.h-24 {
  height: calc(var(--spacing) * 24);
}

.h-32 {
  height: calc(var(--spacing) * 32);
}

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

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.max-h-80 {
  max-height: calc(var(--spacing) * 80);
}

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

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

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

.min-h-0 {
  min-height: calc(var(--spacing) * 0);
}

.min-h-5 {
  min-height: calc(var(--spacing) * 5);
}

.min-h-6 {
  min-height: calc(var(--spacing) * 6);
}

.min-h-8 {
  min-height: calc(var(--spacing) * 8);
}

.min-h-9 {
  min-height: calc(var(--spacing) * 9);
}

.min-h-10 {
  min-height: calc(var(--spacing) * 10);
}

.min-h-12 {
  min-height: calc(var(--spacing) * 12);
}

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

.min-h-\[4\.25rem\] {
  min-height: 4.25rem;
}

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

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

.w-0\.5 {
  width: calc(var(--spacing) * .5);
}

.w-1\.5 {
  width: calc(var(--spacing) * 1.5);
}

.w-3 {
  width: calc(var(--spacing) * 3);
}

.w-3\.5 {
  width: calc(var(--spacing) * 3.5);
}

.w-4 {
  width: calc(var(--spacing) * 4);
}

.w-5 {
  width: calc(var(--spacing) * 5);
}

.w-6 {
  width: calc(var(--spacing) * 6);
}

.w-7 {
  width: calc(var(--spacing) * 7);
}

.w-8 {
  width: calc(var(--spacing) * 8);
}

.w-9 {
  width: calc(var(--spacing) * 9);
}

.w-10 {
  width: calc(var(--spacing) * 10);
}

.w-16 {
  width: calc(var(--spacing) * 16);
}

.w-24 {
  width: calc(var(--spacing) * 24);
}

.w-28 {
  width: calc(var(--spacing) * 28);
}

.w-36 {
  width: calc(var(--spacing) * 36);
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.w-px {
  width: 1px;
}

.max-w-2xl {
  max-width: var(--container-2xl);
}

.max-w-6xl {
  max-width: var(--container-6xl);
}

.max-w-7xl {
  max-width: var(--container-7xl);
}

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

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

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

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

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: var(--container-lg);
}

.max-w-md {
  max-width: var(--container-md);
}

.max-w-sm {
  max-width: var(--container-sm);
}

.max-w-xl {
  max-width: var(--container-xl);
}

.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}

.min-w-5 {
  min-width: calc(var(--spacing) * 5);
}

.min-w-8 {
  min-width: calc(var(--spacing) * 8);
}

.min-w-9 {
  min-width: calc(var(--spacing) * 9);
}

.min-w-10 {
  min-width: calc(var(--spacing) * 10);
}

.min-w-48 {
  min-width: calc(var(--spacing) * 48);
}

.min-w-\[5rem\] {
  min-width: 5rem;
}

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

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

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

.flex-1 {
  flex: 1;
}

.shrink {
  flex-shrink: 1;
}

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

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.basis-24 {
  flex-basis: calc(var(--spacing) * 24);
}

.basis-28 {
  flex-basis: calc(var(--spacing) * 28);
}

.basis-36 {
  flex-basis: calc(var(--spacing) * 36);
}

.basis-\[45\%\] {
  flex-basis: 45%;
}

.scale-\[var\(--motion-press-scale\)\] {
  scale: var(--motion-press-scale);
}

.transform {
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}

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

.cursor-pointer {
  cursor: pointer;
}

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

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

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

.flex-nowrap {
  flex-wrap: nowrap;
}

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

.items-baseline {
  align-items: baseline;
}

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

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

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

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

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

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

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

.gap-0\.5 {
  gap: calc(var(--spacing) * .5);
}

.gap-1 {
  gap: calc(var(--spacing) * 1);
}

.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}

.gap-2 {
  gap: calc(var(--spacing) * 2);
}

.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5);
}

.gap-3 {
  gap: calc(var(--spacing) * 3);
}

.gap-4 {
  gap: calc(var(--spacing) * 4);
}

.gap-5 {
  gap: calc(var(--spacing) * 5);
}

.gap-6 {
  gap: calc(var(--spacing) * 6);
}

.gap-8 {
  gap: calc(var(--spacing) * 8);
}

:where(.space-y-1 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-1\.5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-3 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

.gap-x-4 {
  -moz-column-gap: calc(var(--spacing) * 4);
  column-gap: calc(var(--spacing) * 4);
}

:where(.divide-y > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}

:where(.divide-border\/30 > :not(:last-child)) {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-border) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  :where(.divide-border\/30 > :not(:last-child)) {
    border-color: color-mix(in oklab, rgb(var(--color-border) / 1) 30%, transparent);
  }
}

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

.self-stretch {
  align-self: stretch;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.rounded {
  border-radius: .25rem;
}

.rounded-2xl {
  border-radius: var(--radius-2xl);
}

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

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

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

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

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

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

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

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

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

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

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: var(--radius-lg);
}

.rounded-md {
  border-radius: var(--radius-md);
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: var(--radius-sm);
}

.rounded-xl {
  border-radius: var(--radius-xl);
}

.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}

.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}

.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}

.border-accent {
  border-color: hsl(var(--accent, 38 90% 50%) / 1);
}

.border-accent\/30 {
  border-color: hsl(var(--accent, 38 90% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-accent\/30 {
    border-color: color-mix(in oklab, hsl(var(--accent, 38 90% 50%) / 1) 30%, transparent);
  }
}

.border-accent\/40 {
  border-color: hsl(var(--accent, 38 90% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-accent\/40 {
    border-color: color-mix(in oklab, hsl(var(--accent, 38 90% 50%) / 1) 40%, transparent);
  }
}

.border-accent\/50 {
  border-color: hsl(var(--accent, 38 90% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-accent\/50 {
    border-color: color-mix(in oklab, hsl(var(--accent, 38 90% 50%) / 1) 50%, transparent);
  }
}

.border-accent\/60 {
  border-color: hsl(var(--accent, 38 90% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-accent\/60 {
    border-color: color-mix(in oklab, hsl(var(--accent, 38 90% 50%) / 1) 60%, transparent);
  }
}

.border-background {
  border-color: rgb(var(--color-background) / 1);
}

.border-border {
  border-color: rgb(var(--color-border) / 1);
}

.border-border-subtle {
  border-color: rgb(var(--color-border-subtle) / 1);
}

.border-border\/30 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-border) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-border\/30 {
    border-color: color-mix(in oklab, rgb(var(--color-border) / 1) 30%, transparent);
  }
}

.border-border\/40 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-border) / 1) / 1) 40%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-border\/40 {
    border-color: color-mix(in oklab, rgb(var(--color-border) / 1) 40%, transparent);
  }
}

.border-border\/50 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-border) / 1) / 1) 50%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-border\/50 {
    border-color: color-mix(in oklab, rgb(var(--color-border) / 1) 50%, transparent);
  }
}

.border-border\/60 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-border) / 1) / 1) 60%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-border\/60 {
    border-color: color-mix(in oklab, rgb(var(--color-border) / 1) 60%, transparent);
  }
}

.border-border\/70 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-border) / 1) / 1) 70%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-border\/70 {
    border-color: color-mix(in oklab, rgb(var(--color-border) / 1) 70%, transparent);
  }
}

.border-border\/80 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-border) / 1) / 1) 80%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-border\/80 {
    border-color: color-mix(in oklab, rgb(var(--color-border) / 1) 80%, transparent);
  }
}

.border-crypto {
  border-color: hsl(var(--crypto, 38 90% 45%) / 1);
}

.border-crypto\/10 {
  border-color: hsl(var(--crypto, 38 90% 45%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-crypto\/10 {
    border-color: color-mix(in oklab, hsl(var(--crypto, 38 90% 45%) / 1) 10%, transparent);
  }
}

.border-crypto\/20 {
  border-color: hsl(var(--crypto, 38 90% 45%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-crypto\/20 {
    border-color: color-mix(in oklab, hsl(var(--crypto, 38 90% 45%) / 1) 20%, transparent);
  }
}

.border-crypto\/25 {
  border-color: hsl(var(--crypto, 38 90% 45%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-crypto\/25 {
    border-color: color-mix(in oklab, hsl(var(--crypto, 38 90% 45%) / 1) 25%, transparent);
  }
}

.border-crypto\/30 {
  border-color: hsl(var(--crypto, 38 90% 45%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-crypto\/30 {
    border-color: color-mix(in oklab, hsl(var(--crypto, 38 90% 45%) / 1) 30%, transparent);
  }
}

.border-crypto\/40 {
  border-color: hsl(var(--crypto, 38 90% 45%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-crypto\/40 {
    border-color: color-mix(in oklab, hsl(var(--crypto, 38 90% 45%) / 1) 40%, transparent);
  }
}

.border-crypto\/50 {
  border-color: hsl(var(--crypto, 38 90% 45%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-crypto\/50 {
    border-color: color-mix(in oklab, hsl(var(--crypto, 38 90% 45%) / 1) 50%, transparent);
  }
}

.border-danger {
  border-color: rgb(var(--color-danger) / 1);
}

.border-danger-500 {
  border-color: rgb(var(--color-danger-500) / 1);
}

.border-danger-500\/30 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-danger-500) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-danger-500\/30 {
    border-color: color-mix(in oklab, rgb(var(--color-danger-500) / 1) 30%, transparent);
  }
}

.border-danger-500\/60 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-danger-500) / 1) / 1) 60%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-danger-500\/60 {
    border-color: color-mix(in oklab, rgb(var(--color-danger-500) / 1) 60%, transparent);
  }
}

.border-danger\/25 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-danger) / 1) / 1) 25%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-danger\/25 {
    border-color: color-mix(in oklab, rgb(var(--color-danger) / 1) 25%, transparent);
  }
}

.border-danger\/30 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-danger) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-danger\/30 {
    border-color: color-mix(in oklab, rgb(var(--color-danger) / 1) 30%, transparent);
  }
}

.border-danger\/40 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-danger) / 1) / 1) 40%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-danger\/40 {
    border-color: color-mix(in oklab, rgb(var(--color-danger) / 1) 40%, transparent);
  }
}

.border-danger\/50 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-danger) / 1) / 1) 50%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-danger\/50 {
    border-color: color-mix(in oklab, rgb(var(--color-danger) / 1) 50%, transparent);
  }
}

.border-destructive {
  border-color: hsl(var(--destructive, 0 72% 50%) / 1);
}

.border-destructive\/25 {
  border-color: hsl(var(--destructive, 0 72% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-destructive\/25 {
    border-color: color-mix(in oklab, hsl(var(--destructive, 0 72% 50%) / 1) 25%, transparent);
  }
}

.border-destructive\/30 {
  border-color: hsl(var(--destructive, 0 72% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-destructive\/30 {
    border-color: color-mix(in oklab, hsl(var(--destructive, 0 72% 50%) / 1) 30%, transparent);
  }
}

.border-destructive\/40 {
  border-color: hsl(var(--destructive, 0 72% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-destructive\/40 {
    border-color: color-mix(in oklab, hsl(var(--destructive, 0 72% 50%) / 1) 40%, transparent);
  }
}

.border-destructive\/60 {
  border-color: hsl(var(--destructive, 0 72% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-destructive\/60 {
    border-color: color-mix(in oklab, hsl(var(--destructive, 0 72% 50%) / 1) 60%, transparent);
  }
}

.border-foreground {
  border-color: rgb(var(--color-foreground) / 1);
}

.border-foreground\/30 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-foreground) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-foreground\/30 {
    border-color: color-mix(in oklab, rgb(var(--color-foreground) / 1) 30%, transparent);
  }
}

.border-foreground\/50 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-foreground) / 1) / 1) 50%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-foreground\/50 {
    border-color: color-mix(in oklab, rgb(var(--color-foreground) / 1) 50%, transparent);
  }
}

.border-info {
  border-color: rgb(var(--color-info) / 1);
}

.border-info-500\/30 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-info-500) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-info-500\/30 {
    border-color: color-mix(in oklab, rgb(var(--color-info-500) / 1) 30%, transparent);
  }
}

.border-info\/25 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-info) / 1) / 1) 25%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-info\/25 {
    border-color: color-mix(in oklab, rgb(var(--color-info) / 1) 25%, transparent);
  }
}

.border-info\/30 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-info) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-info\/30 {
    border-color: color-mix(in oklab, rgb(var(--color-info) / 1) 30%, transparent);
  }
}

.border-info\/40 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-info) / 1) / 1) 40%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-info\/40 {
    border-color: color-mix(in oklab, rgb(var(--color-info) / 1) 40%, transparent);
  }
}

.border-info\/50 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-info) / 1) / 1) 50%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-info\/50 {
    border-color: color-mix(in oklab, rgb(var(--color-info) / 1) 50%, transparent);
  }
}

.border-input {
  border-color: hsl(var(--input, 214 20% 88%) / 1);
}

.border-muted {
  border-color: rgb(var(--color-surface-muted) / 1);
}

.border-muted-foreground {
  border-color: rgb(var(--color-text-muted) / 1);
}

.border-muted-foreground\/30 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-text-muted) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-muted-foreground\/30 {
    border-color: color-mix(in oklab, rgb(var(--color-text-muted) / 1) 30%, transparent);
  }
}

.border-muted-foreground\/50 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-text-muted) / 1) / 1) 50%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-muted-foreground\/50 {
    border-color: color-mix(in oklab, rgb(var(--color-text-muted) / 1) 50%, transparent);
  }
}

.border-primary {
  border-color: rgb(var(--color-primary) / 1);
}

.border-primary-200\/70 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-primary-200) / 1) / 1) 70%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-primary-200\/70 {
    border-color: color-mix(in oklab, rgb(var(--color-primary-200) / 1) 70%, transparent);
  }
}

.border-primary-600 {
  border-color: rgb(var(--color-primary-600) / 1);
}

.border-primary\/20 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 20%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-primary\/20 {
    border-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 20%, transparent);
  }
}

.border-primary\/30 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-primary\/30 {
    border-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 30%, transparent);
  }
}

.border-primary\/40 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 40%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-primary\/40 {
    border-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 40%, transparent);
  }
}

.border-primary\/50 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 50%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-primary\/50 {
    border-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 50%, transparent);
  }
}

.border-primary\/60 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 60%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-primary\/60 {
    border-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 60%, transparent);
  }
}

.border-secondary {
  border-color: hsl(var(--secondary, 210 18% 93%) / 1);
}

.border-secondary-foreground {
  border-color: hsl(var(--secondary-foreground, 220 16% 30%) / 1);
}

.border-secondary-foreground\/30 {
  border-color: hsl(var(--secondary-foreground, 220 16% 30%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-secondary-foreground\/30 {
    border-color: color-mix(in oklab, hsl(var(--secondary-foreground, 220 16% 30%) / 1) 30%, transparent);
  }
}

.border-secondary-foreground\/50 {
  border-color: hsl(var(--secondary-foreground, 220 16% 30%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-secondary-foreground\/50 {
    border-color: color-mix(in oklab, hsl(var(--secondary-foreground, 220 16% 30%) / 1) 50%, transparent);
  }
}

.border-success {
  border-color: rgb(var(--color-success) / 1);
}

.border-success-500\/30 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-success-500) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-success-500\/30 {
    border-color: color-mix(in oklab, rgb(var(--color-success-500) / 1) 30%, transparent);
  }
}

.border-success\/20 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-success) / 1) / 1) 20%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-success\/20 {
    border-color: color-mix(in oklab, rgb(var(--color-success) / 1) 20%, transparent);
  }
}

.border-success\/25 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-success) / 1) / 1) 25%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-success\/25 {
    border-color: color-mix(in oklab, rgb(var(--color-success) / 1) 25%, transparent);
  }
}

.border-success\/30 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-success) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-success\/30 {
    border-color: color-mix(in oklab, rgb(var(--color-success) / 1) 30%, transparent);
  }
}

.border-success\/40 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-success) / 1) / 1) 40%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-success\/40 {
    border-color: color-mix(in oklab, rgb(var(--color-success) / 1) 40%, transparent);
  }
}

.border-success\/50 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-success) / 1) / 1) 50%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-success\/50 {
    border-color: color-mix(in oklab, rgb(var(--color-success) / 1) 50%, transparent);
  }
}

.border-transparent {
  border-color: #0000;
}

.border-warning {
  border-color: rgb(var(--color-warning) / 1);
}

.border-warning-500\/30 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-warning-500) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-warning-500\/30 {
    border-color: color-mix(in oklab, rgb(var(--color-warning-500) / 1) 30%, transparent);
  }
}

.border-warning\/25 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-warning) / 1) / 1) 25%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-warning\/25 {
    border-color: color-mix(in oklab, rgb(var(--color-warning) / 1) 25%, transparent);
  }
}

.border-warning\/30 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-warning) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-warning\/30 {
    border-color: color-mix(in oklab, rgb(var(--color-warning) / 1) 30%, transparent);
  }
}

.border-warning\/40 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-warning) / 1) / 1) 40%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-warning\/40 {
    border-color: color-mix(in oklab, rgb(var(--color-warning) / 1) 40%, transparent);
  }
}

.border-warning\/50 {
  border-color: color-mix(in srgb, rgb(rgb(var(--color-warning) / 1) / 1) 50%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .border-warning\/50 {
    border-color: color-mix(in oklab, rgb(var(--color-warning) / 1) 50%, transparent);
  }
}

.bg-accent {
  background-color: hsl(var(--accent, 38 90% 50%) / 1);
}

.bg-accent\/10 {
  background-color: hsl(var(--accent, 38 90% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-accent\/10 {
    background-color: color-mix(in oklab, hsl(var(--accent, 38 90% 50%) / 1) 10%, transparent);
  }
}

.bg-accent\/15 {
  background-color: hsl(var(--accent, 38 90% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-accent\/15 {
    background-color: color-mix(in oklab, hsl(var(--accent, 38 90% 50%) / 1) 15%, transparent);
  }
}

.bg-accent\/25 {
  background-color: hsl(var(--accent, 38 90% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-accent\/25 {
    background-color: color-mix(in oklab, hsl(var(--accent, 38 90% 50%) / 1) 25%, transparent);
  }
}

.bg-background {
  background-color: rgb(var(--color-background) / 1);
}

.bg-black\/50 {
  background-color: #00000080;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-black\/50 {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}

.bg-border {
  background-color: rgb(var(--color-border) / 1);
}

.bg-border\/40 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-border) / 1) / 1) 40%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-border\/40 {
    background-color: color-mix(in oklab, rgb(var(--color-border) / 1) 40%, transparent);
  }
}

.bg-border\/50 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-border) / 1) / 1) 50%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-border\/50 {
    background-color: color-mix(in oklab, rgb(var(--color-border) / 1) 50%, transparent);
  }
}

.bg-border\/70 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-border) / 1) / 1) 70%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-border\/70 {
    background-color: color-mix(in oklab, rgb(var(--color-border) / 1) 70%, transparent);
  }
}

.bg-card {
  background-color: hsl(var(--card, 0 0% 100%) / 1);
}

.bg-card\/65 {
  background-color: hsl(var(--card, 0 0% 100%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-card\/65 {
    background-color: color-mix(in oklab, hsl(var(--card, 0 0% 100%) / 1) 65%, transparent);
  }
}

.bg-card\/70 {
  background-color: hsl(var(--card, 0 0% 100%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-card\/70 {
    background-color: color-mix(in oklab, hsl(var(--card, 0 0% 100%) / 1) 70%, transparent);
  }
}

.bg-card\/80 {
  background-color: hsl(var(--card, 0 0% 100%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-card\/80 {
    background-color: color-mix(in oklab, hsl(var(--card, 0 0% 100%) / 1) 80%, transparent);
  }
}

.bg-card\/95 {
  background-color: hsl(var(--card, 0 0% 100%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-card\/95 {
    background-color: color-mix(in oklab, hsl(var(--card, 0 0% 100%) / 1) 95%, transparent);
  }
}

.bg-crypto {
  background-color: hsl(var(--crypto, 38 90% 45%) / 1);
}

.bg-crypto\/5 {
  background-color: hsl(var(--crypto, 38 90% 45%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-crypto\/5 {
    background-color: color-mix(in oklab, hsl(var(--crypto, 38 90% 45%) / 1) 5%, transparent);
  }
}

.bg-crypto\/10 {
  background-color: hsl(var(--crypto, 38 90% 45%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-crypto\/10 {
    background-color: color-mix(in oklab, hsl(var(--crypto, 38 90% 45%) / 1) 10%, transparent);
  }
}

.bg-crypto\/12 {
  background-color: hsl(var(--crypto, 38 90% 45%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-crypto\/12 {
    background-color: color-mix(in oklab, hsl(var(--crypto, 38 90% 45%) / 1) 12%, transparent);
  }
}

.bg-danger {
  background-color: rgb(var(--color-danger) / 1);
}

.bg-danger-100\/30 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-danger-100) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-danger-100\/30 {
    background-color: color-mix(in oklab, rgb(var(--color-danger-100) / 1) 30%, transparent);
  }
}

.bg-danger-100\/60 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-danger-100) / 1) / 1) 60%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-danger-100\/60 {
    background-color: color-mix(in oklab, rgb(var(--color-danger-100) / 1) 60%, transparent);
  }
}

.bg-danger-500 {
  background-color: rgb(var(--color-danger-500) / 1);
}

.bg-danger\/10 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-danger) / 1) / 1) 10%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-danger\/10 {
    background-color: color-mix(in oklab, rgb(var(--color-danger) / 1) 10%, transparent);
  }
}

.bg-danger\/15 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-danger) / 1) / 1) 15%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-danger\/15 {
    background-color: color-mix(in oklab, rgb(var(--color-danger) / 1) 15%, transparent);
  }
}

.bg-destructive\/10 {
  background-color: hsl(var(--destructive, 0 72% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-destructive\/10 {
    background-color: color-mix(in oklab, hsl(var(--destructive, 0 72% 50%) / 1) 10%, transparent);
  }
}

.bg-destructive\/25 {
  background-color: hsl(var(--destructive, 0 72% 50%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-destructive\/25 {
    background-color: color-mix(in oklab, hsl(var(--destructive, 0 72% 50%) / 1) 25%, transparent);
  }
}

.bg-foreground {
  background-color: rgb(var(--color-foreground) / 1);
}

.bg-foreground\/10 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-foreground) / 1) / 1) 10%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-foreground\/10 {
    background-color: color-mix(in oklab, rgb(var(--color-foreground) / 1) 10%, transparent);
  }
}

.bg-foreground\/60 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-foreground) / 1) / 1) 60%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-foreground\/60 {
    background-color: color-mix(in oklab, rgb(var(--color-foreground) / 1) 60%, transparent);
  }
}

.bg-info {
  background-color: rgb(var(--color-info) / 1);
}

.bg-info-100\/60 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-info-100) / 1) / 1) 60%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-info-100\/60 {
    background-color: color-mix(in oklab, rgb(var(--color-info-100) / 1) 60%, transparent);
  }
}

.bg-info\/10 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-info) / 1) / 1) 10%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-info\/10 {
    background-color: color-mix(in oklab, rgb(var(--color-info) / 1) 10%, transparent);
  }
}

.bg-info\/15 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-info) / 1) / 1) 15%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-info\/15 {
    background-color: color-mix(in oklab, rgb(var(--color-info) / 1) 15%, transparent);
  }
}

.bg-muted {
  background-color: rgb(var(--color-surface-muted) / 1);
}

.bg-muted-foreground {
  background-color: rgb(var(--color-text-muted) / 1);
}

.bg-muted-foreground\/10 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-text-muted) / 1) / 1) 10%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-muted-foreground\/10 {
    background-color: color-mix(in oklab, rgb(var(--color-text-muted) / 1) 10%, transparent);
  }
}

.bg-muted\/30 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-surface-muted) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-muted\/30 {
    background-color: color-mix(in oklab, rgb(var(--color-surface-muted) / 1) 30%, transparent);
  }
}

.bg-muted\/35 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-surface-muted) / 1) / 1) 35%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-muted\/35 {
    background-color: color-mix(in oklab, rgb(var(--color-surface-muted) / 1) 35%, transparent);
  }
}

.bg-muted\/40 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-surface-muted) / 1) / 1) 40%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-muted\/40 {
    background-color: color-mix(in oklab, rgb(var(--color-surface-muted) / 1) 40%, transparent);
  }
}

.bg-muted\/50 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-surface-muted) / 1) / 1) 50%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-muted\/50 {
    background-color: color-mix(in oklab, rgb(var(--color-surface-muted) / 1) 50%, transparent);
  }
}

.bg-muted\/60 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-surface-muted) / 1) / 1) 60%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-muted\/60 {
    background-color: color-mix(in oklab, rgb(var(--color-surface-muted) / 1) 60%, transparent);
  }
}

.bg-muted\/70 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-surface-muted) / 1) / 1) 70%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-muted\/70 {
    background-color: color-mix(in oklab, rgb(var(--color-surface-muted) / 1) 70%, transparent);
  }
}

.bg-muted\/80 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-surface-muted) / 1) / 1) 80%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-muted\/80 {
    background-color: color-mix(in oklab, rgb(var(--color-surface-muted) / 1) 80%, transparent);
  }
}

.bg-muted\/90 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-surface-muted) / 1) / 1) 90%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-muted\/90 {
    background-color: color-mix(in oklab, rgb(var(--color-surface-muted) / 1) 90%, transparent);
  }
}

.bg-primary {
  background-color: rgb(var(--color-primary) / 1);
}

.bg-primary-50\/40 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-primary-50) / 1) / 1) 40%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-primary-50\/40 {
    background-color: color-mix(in oklab, rgb(var(--color-primary-50) / 1) 40%, transparent);
  }
}

.bg-primary-700 {
  background-color: rgb(var(--color-primary-700) / 1);
}

.bg-primary\/10 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 10%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-primary\/10 {
    background-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 10%, transparent);
  }
}

.bg-primary\/15 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 15%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-primary\/15 {
    background-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 15%, transparent);
  }
}

.bg-primary\/25 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 25%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-primary\/25 {
    background-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 25%, transparent);
  }
}

.bg-primary\/80 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 80%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-primary\/80 {
    background-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 80%, transparent);
  }
}

.bg-secondary {
  background-color: hsl(var(--secondary, 210 18% 93%) / 1);
}

.bg-secondary-foreground {
  background-color: hsl(var(--secondary-foreground, 220 16% 30%) / 1);
}

.bg-secondary-foreground\/10 {
  background-color: hsl(var(--secondary-foreground, 220 16% 30%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-secondary-foreground\/10 {
    background-color: color-mix(in oklab, hsl(var(--secondary-foreground, 220 16% 30%) / 1) 10%, transparent);
  }
}

.bg-secondary\/30 {
  background-color: hsl(var(--secondary, 210 18% 93%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-secondary\/30 {
    background-color: color-mix(in oklab, hsl(var(--secondary, 210 18% 93%) / 1) 30%, transparent);
  }
}

.bg-secondary\/40 {
  background-color: hsl(var(--secondary, 210 18% 93%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-secondary\/40 {
    background-color: color-mix(in oklab, hsl(var(--secondary, 210 18% 93%) / 1) 40%, transparent);
  }
}

.bg-secondary\/45 {
  background-color: hsl(var(--secondary, 210 18% 93%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-secondary\/45 {
    background-color: color-mix(in oklab, hsl(var(--secondary, 210 18% 93%) / 1) 45%, transparent);
  }
}

.bg-secondary\/50 {
  background-color: hsl(var(--secondary, 210 18% 93%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-secondary\/50 {
    background-color: color-mix(in oklab, hsl(var(--secondary, 210 18% 93%) / 1) 50%, transparent);
  }
}

.bg-secondary\/60 {
  background-color: hsl(var(--secondary, 210 18% 93%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-secondary\/60 {
    background-color: color-mix(in oklab, hsl(var(--secondary, 210 18% 93%) / 1) 60%, transparent);
  }
}

.bg-secondary\/65 {
  background-color: hsl(var(--secondary, 210 18% 93%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-secondary\/65 {
    background-color: color-mix(in oklab, hsl(var(--secondary, 210 18% 93%) / 1) 65%, transparent);
  }
}

.bg-secondary\/70 {
  background-color: hsl(var(--secondary, 210 18% 93%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-secondary\/70 {
    background-color: color-mix(in oklab, hsl(var(--secondary, 210 18% 93%) / 1) 70%, transparent);
  }
}

.bg-secondary\/80 {
  background-color: hsl(var(--secondary, 210 18% 93%) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-secondary\/80 {
    background-color: color-mix(in oklab, hsl(var(--secondary, 210 18% 93%) / 1) 80%, transparent);
  }
}

.bg-success {
  background-color: rgb(var(--color-success) / 1);
}

.bg-success-100\/60 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-success-100) / 1) / 1) 60%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-success-100\/60 {
    background-color: color-mix(in oklab, rgb(var(--color-success-100) / 1) 60%, transparent);
  }
}

.bg-success\/10 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-success) / 1) / 1) 10%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-success\/10 {
    background-color: color-mix(in oklab, rgb(var(--color-success) / 1) 10%, transparent);
  }
}

.bg-success\/15 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-success) / 1) / 1) 15%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-success\/15 {
    background-color: color-mix(in oklab, rgb(var(--color-success) / 1) 15%, transparent);
  }
}

.bg-success\/30 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-success) / 1) / 1) 30%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-success\/30 {
    background-color: color-mix(in oklab, rgb(var(--color-success) / 1) 30%, transparent);
  }
}

.bg-transparent {
  background-color: #0000;
}

.bg-warning {
  background-color: rgb(var(--color-warning) / 1);
}

.bg-warning-100\/60 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-warning-100) / 1) / 1) 60%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-warning-100\/60 {
    background-color: color-mix(in oklab, rgb(var(--color-warning-100) / 1) 60%, transparent);
  }
}

.bg-warning\/10 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-warning) / 1) / 1) 10%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-warning\/10 {
    background-color: color-mix(in oklab, rgb(var(--color-warning) / 1) 10%, transparent);
  }
}

.bg-warning\/15 {
  background-color: color-mix(in srgb, rgb(rgb(var(--color-warning) / 1) / 1) 15%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-warning\/15 {
    background-color: color-mix(in oklab, rgb(var(--color-warning) / 1) 15%, transparent);
  }
}

.bg-white {
  background-color: var(--color-white);
}

.bg-\[linear-gradient\(180deg\,_rgb\(var\(--color-primary-500\)\)_0\%\,_rgb\(var\(--color-primary-600\)\)_100\%\)\] {
  background-image: linear-gradient(180deg, rgb(var(--color-primary-500)) 0%, rgb(var(--color-primary-600)) 100%);
}

.bg-\[linear-gradient\(180deg\,_rgb\(var\(--color-surface\)\)_0\%\,_rgb\(var\(--color-surface-panel-strong\)\)_100\%\)\] {
  background-image: linear-gradient(180deg, rgb(var(--color-surface)) 0%, rgb(var(--color-surface-panel-strong)) 100%);
}

.bg-\[radial-gradient\(circle_at_top_left\,hsl\(var\(--primary\)\/0\.2\)\,transparent_68\%\)\] {
  background-image: radial-gradient(circle at top left,hsl(var(--primary)/.2),transparent 68%);
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.p-0 {
  padding: calc(var(--spacing) * 0);
}

.p-0\.5 {
  padding: calc(var(--spacing) * .5);
}

.p-1 {
  padding: calc(var(--spacing) * 1);
}

.p-2 {
  padding: calc(var(--spacing) * 2);
}

.p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}

.p-3 {
  padding: calc(var(--spacing) * 3);
}

.p-4 {
  padding: calc(var(--spacing) * 4);
}

.p-5 {
  padding: calc(var(--spacing) * 5);
}

.p-6 {
  padding: calc(var(--spacing) * 6);
}

.px-0 {
  padding-inline: calc(var(--spacing) * 0);
}

.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}

.px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5);
}

.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}

.px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}

.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}

.px-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5);
}

.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}

.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}

.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}

.py-0 {
  padding-block: calc(var(--spacing) * 0);
}

.py-0\.5 {
  padding-block: calc(var(--spacing) * .5);
}

.py-1 {
  padding-block: calc(var(--spacing) * 1);
}

.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}

.py-2 {
  padding-block: calc(var(--spacing) * 2);
}

.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}

.py-3 {
  padding-block: calc(var(--spacing) * 3);
}

.py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}

.py-4 {
  padding-block: calc(var(--spacing) * 4);
}

.py-5 {
  padding-block: calc(var(--spacing) * 5);
}

.py-6 {
  padding-block: calc(var(--spacing) * 6);
}

.py-7 {
  padding-block: calc(var(--spacing) * 7);
}

.py-8 {
  padding-block: calc(var(--spacing) * 8);
}

.pt-0 {
  padding-top: calc(var(--spacing) * 0);
}

.pt-0\.5 {
  padding-top: calc(var(--spacing) * .5);
}

.pt-1 {
  padding-top: calc(var(--spacing) * 1);
}

.pt-1\.5 {
  padding-top: calc(var(--spacing) * 1.5);
}

.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}

.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}

.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}

.pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}

.pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}

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

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

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

.\[font-family\:var\(--font-display\)\] {
  font-family: var(--font-display);
}

.font-display {
  font-family: Space Grotesk, SpaceGrotesk_700Bold, system-ui, -apple-system, sans-serif;
}

.font-mono {
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, monospace;
}

.font-mono-code {
  font-family: JetBrains Mono, JetBrainsMono_400Regular, ui-monospace, SFMono-Regular, monospace;
}

.font-sans {
  font-family: var(--font-sans), system-ui, sans-serif;
}

.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}

.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}

.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}

.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}

.text-joy-caption {
  font-size: .6875rem;
  line-height: var(--tw-leading, 1rem);
}

.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}

.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}

.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}

.text-\[0\.625rem\] {
  font-size: .625rem;
}

.text-\[0\.6875rem\] {
  font-size: .6875rem;
}

.text-\[0\.9375rem\] {
  font-size: .9375rem;
}

.text-\[1\.5rem\] {
  font-size: 1.5rem;
}

.text-\[1\.75rem\] {
  font-size: 1.75rem;
}

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

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

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

.leading-3 {
  --tw-leading: calc(var(--spacing) * 3);
  line-height: calc(var(--spacing) * 3);
}

.leading-4 {
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
}

.leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}

.leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}

.leading-7 {
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}

.leading-\[0\.875rem\] {
  --tw-leading: .875rem;
  line-height: .875rem;
}

.leading-\[1\.1\] {
  --tw-leading: 1.1;
  line-height: 1.1;
}

.leading-none {
  --tw-leading: 1;
  line-height: 1;
}

.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}

.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}

.leading-3 {
  line-height: calc(var(--spacing) / 1rem * 3);
}

.leading-4 {
  line-height: calc(var(--spacing) / 1rem * 4);
}

.leading-5 {
  line-height: calc(var(--spacing) / 1rem * 5);
}

.leading-6 {
  line-height: calc(var(--spacing) / 1rem * 6);
}

.leading-7 {
  line-height: calc(var(--spacing) / 1rem * 7);
}

.font-black {
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}

.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}

.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}

.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}

.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

.tracking-\[-0\.02em\] {
  --tw-tracking: -.02em;
  letter-spacing: -.02em;
}

.tracking-\[-0\.04em\] {
  --tw-tracking: -.04em;
  letter-spacing: -.04em;
}

.tracking-\[-0\.025em\] {
  --tw-tracking: -.025em;
  letter-spacing: -.025em;
}

.tracking-\[0\.3em\] {
  --tw-tracking: .3em;
  letter-spacing: .3em;
}

.tracking-\[0\.18em\] {
  --tw-tracking: .18em;
  letter-spacing: .18em;
}

.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}

.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}

.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}

.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

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

.text-accent {
  color: hsl(var(--accent, 38 90% 50%) / 1);
}

.text-accent-foreground {
  color: hsl(var(--accent-foreground, 0 0% 100%) / 1);
}

.text-background {
  color: rgb(var(--color-background) / 1);
}

.text-card-foreground {
  color: hsl(var(--card-foreground, 220 20% 12%) / 1);
}

.text-crypto {
  color: hsl(var(--crypto, 38 90% 45%) / 1);
}

.text-crypto-foreground {
  color: hsl(var(--crypto-foreground, 0 0% 100%) / 1);
}

.text-danger {
  color: rgb(var(--color-danger) / 1);
}

.text-danger-500 {
  color: rgb(var(--color-danger-500) / 1);
}

.text-danger-700 {
  color: rgb(var(--color-danger-700) / 1);
}

.text-danger-foreground {
  color: rgb(var(--color-danger-foreground, 255 255 255) / 1);
}

.text-destructive {
  color: hsl(var(--destructive, 0 72% 50%) / 1);
}

.text-destructive-foreground {
  color: hsl(var(--destructive-foreground, 0 0% 100%) / 1);
}

.text-foreground {
  color: rgb(var(--color-foreground) / 1);
}

.text-foreground\/80 {
  color: color-mix(in srgb, rgb(rgb(var(--color-foreground) / 1) / 1) 80%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .text-foreground\/80 {
    color: color-mix(in oklab, rgb(var(--color-foreground) / 1) 80%, transparent);
  }
}

.text-info {
  color: rgb(var(--color-info) / 1);
}

.text-info-700 {
  color: rgb(var(--color-info-700) / 1);
}

.text-input {
  color: hsl(var(--input, 214 20% 88%) / 1);
}

.text-muted-foreground {
  color: rgb(var(--color-text-muted) / 1);
}

.text-primary {
  color: rgb(var(--color-primary) / 1);
}

.text-primary-foreground {
  color: hsl(var(--primary-foreground) / 1);
}

.text-primary-foreground\/80 {
  color: hsl(var(--primary-foreground) / 1);
}

@supports (color: color-mix(in lab, red, red)) {
  .text-primary-foreground\/80 {
    color: color-mix(in oklab, hsl(var(--primary-foreground) / 1) 80%, transparent);
  }
}

.text-secondary-foreground {
  color: hsl(var(--secondary-foreground, 220 16% 30%) / 1);
}

.text-success {
  color: rgb(var(--color-success) / 1);
}

.text-success-700 {
  color: rgb(var(--color-success-700) / 1);
}

.text-success-foreground {
  color: hsl(var(--success-foreground, 0 0% 100%) / 1);
}

.text-warning {
  color: rgb(var(--color-warning) / 1);
}

.text-warning-700 {
  color: rgb(var(--color-warning-700) / 1);
}

.uppercase {
  text-transform: uppercase;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
}

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

.opacity-30 {
  opacity: .3;
}

.opacity-40 {
  opacity: .4;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-70 {
  opacity: .7;
}

.opacity-80 {
  opacity: .8;
}

.opacity-90 {
  opacity: .9;
}

.opacity-95 {
  opacity: .95;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-\[var\(--shadow-surface-soft\)\] {
  --tw-shadow: var(--shadow-surface-soft);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-glow-crypto {
  --tw-shadow: var(--shadow-glow-accent);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-glow-primary {
  --tw-shadow: var(--shadow-surface-glow);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-glow-success {
  --tw-shadow: var(--shadow-glow-success);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-panel {
  --tw-shadow: var(--shadow-panel);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-panel-strong {
  --tw-shadow: var(--shadow-panel-strong);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-surface-1 {
  --tw-shadow: var(--shadow-surface-1);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-surface-2 {
  --tw-shadow: var(--shadow-surface-2);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-surface-3 {
  --tw-shadow: var(--shadow-surface-3);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-surface-elevated {
  --tw-shadow: var(--shadow-surface-elevated);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-surface-soft {
  --tw-shadow: var(--shadow-surface-soft);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow\/elevation {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ring, .ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ring-2 {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ring-background {
  --tw-ring-color: rgb(var(--color-background) / 1);
}

.ring-primary\/50 {
  --tw-ring-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 50%, transparent);
}

@supports (color: color-mix(in lab, red, red)) {
  .ring-primary\/50 {
    --tw-ring-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 50%, transparent);
  }
}

.ring-ring {
  --tw-ring-color: hsl(var(--ring, 185 85% 38%) / 1);
}

.ring-offset-2 {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}

.ring-offset-background {
  --tw-ring-offset-color: rgb(var(--color-background) / 1);
}

.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

.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-\[18px\] {
  --tw-backdrop-blur: blur(18px);
  -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(var(--blur-sm));
  -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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-\[transform\,background-color\,border-color\,box-shadow\] {
  transition-property: transform, background-color, border-color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-\[transform\,background-color\,border-color\,color\,box-shadow\] {
  transition-property: transform, background-color, border-color, color, box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.ease-\[var\(--motion-ease-snappy\)\] {
  --tw-ease: var(--motion-ease-snappy);
  transition-timing-function: var(--motion-ease-snappy);
}

.ease-\[var\(--motion-ease-standard\)\] {
  --tw-ease: var(--motion-ease-standard);
  transition-timing-function: var(--motion-ease-standard);
}

.safe {
  --twsa-safe-area-inset-top: env(safe-area-inset-top);
  --twsa-safe-area-inset-right: env(safe-area-inset-right);
  --twsa-safe-area-inset-bottom: env(safe-area-inset-bottom);
  --twsa-safe-area-inset-left: env(safe-area-inset-left);
}

.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}

.\[checkout\:deep_link\] {
  checkout: deep link;
}

.ease-\[var\(--motion-ease-snappy\)\] {
  animation-timing-function: var(--motion-ease-snappy);
}

.ease-\[var\(--motion-ease-standard\)\] {
  animation-timing-function: var(--motion-ease-standard);
}

.paused {
  animation-play-state: paused;
}

.running {
  animation-play-state: running;
}

.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *) {
  background-color: rgb(var(--color-surface-muted) / 1);
}

.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *) {
  background-color: rgb(var(--color-primary) / 1);
}

.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *) {
  color: rgb(var(--color-text-muted) / 1);
}

.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *) {
  color: hsl(var(--primary-foreground) / 1);
}

.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *) {
  border-color: rgb(var(--color-border) / 1);
}

.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *) {
  background-color: rgb(var(--color-background) / 1);
}

.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *) {
  color: rgb(var(--color-foreground) / 1);
}

.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *) {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (hover: hover) {
  .hover\:-translate-y-\[1px\]:hover {
    --tw-translate-y: calc(1px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}

@media (hover: hover) {
  .hover\:border-border-strong:hover {
    border-color: rgb(var(--color-border-strong) / 1);
  }
}

@media (hover: hover) {
  .hover\:border-border-subtle:hover {
    border-color: rgb(var(--color-border-subtle) / 1);
  }
}

@media (hover: hover) {
  .hover\:border-crypto\/20:hover {
    border-color: hsl(var(--crypto, 38 90% 45%) / 1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-crypto\/20:hover {
      border-color: color-mix(in oklab, hsl(var(--crypto, 38 90% 45%) / 1) 20%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:border-crypto\/50:hover {
    border-color: hsl(var(--crypto, 38 90% 45%) / 1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-crypto\/50:hover {
      border-color: color-mix(in oklab, hsl(var(--crypto, 38 90% 45%) / 1) 50%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:border-primary-700:hover {
    border-color: rgb(var(--color-primary-700) / 1);
  }
}

@media (hover: hover) {
  .hover\:border-primary\/20:hover {
    border-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 20%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-primary\/20:hover {
      border-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 20%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:border-primary\/30:hover {
    border-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 30%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:border-primary\/30:hover {
      border-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 30%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-accent\/10:hover {
    background-color: hsl(var(--accent, 38 90% 50%) / 1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-accent\/10:hover {
      background-color: color-mix(in oklab, hsl(var(--accent, 38 90% 50%) / 1) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-accent\/20:hover {
    background-color: hsl(var(--accent, 38 90% 50%) / 1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-accent\/20:hover {
      background-color: color-mix(in oklab, hsl(var(--accent, 38 90% 50%) / 1) 20%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-crypto\/10:hover {
    background-color: hsl(var(--crypto, 38 90% 45%) / 1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-crypto\/10:hover {
      background-color: color-mix(in oklab, hsl(var(--crypto, 38 90% 45%) / 1) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-danger-700:hover {
    background-color: rgb(var(--color-danger-700) / 1);
  }
}

@media (hover: hover) {
  .hover\:bg-danger\/10:hover {
    background-color: color-mix(in srgb, rgb(rgb(var(--color-danger) / 1) / 1) 10%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-danger\/10:hover {
      background-color: color-mix(in oklab, rgb(var(--color-danger) / 1) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-destructive\/10:hover {
    background-color: hsl(var(--destructive, 0 72% 50%) / 1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-destructive\/10:hover {
      background-color: color-mix(in oklab, hsl(var(--destructive, 0 72% 50%) / 1) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-destructive\/20:hover {
    background-color: hsl(var(--destructive, 0 72% 50%) / 1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-destructive\/20:hover {
      background-color: color-mix(in oklab, hsl(var(--destructive, 0 72% 50%) / 1) 20%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-foreground\/10:hover {
    background-color: color-mix(in srgb, rgb(rgb(var(--color-foreground) / 1) / 1) 10%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-foreground\/10:hover {
      background-color: color-mix(in oklab, rgb(var(--color-foreground) / 1) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-info\/10:hover {
    background-color: color-mix(in srgb, rgb(rgb(var(--color-info) / 1) / 1) 10%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-info\/10:hover {
      background-color: color-mix(in oklab, rgb(var(--color-info) / 1) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-muted\/40:hover {
    background-color: color-mix(in srgb, rgb(rgb(var(--color-surface-muted) / 1) / 1) 40%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-muted\/40:hover {
      background-color: color-mix(in oklab, rgb(var(--color-surface-muted) / 1) 40%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-muted\/50:hover {
    background-color: color-mix(in srgb, rgb(rgb(var(--color-surface-muted) / 1) / 1) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-muted\/50:hover {
      background-color: color-mix(in oklab, rgb(var(--color-surface-muted) / 1) 50%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-muted\/60:hover {
    background-color: color-mix(in srgb, rgb(rgb(var(--color-surface-muted) / 1) / 1) 60%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-muted\/60:hover {
      background-color: color-mix(in oklab, rgb(var(--color-surface-muted) / 1) 60%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-primary\/10:hover {
    background-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 10%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-primary\/10:hover {
      background-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-primary\/20:hover {
    background-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 20%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-primary\/20:hover {
      background-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 20%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-primary\/90:hover {
    background-color: color-mix(in srgb, rgb(rgb(var(--color-primary) / 1) / 1) 90%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-primary\/90:hover {
      background-color: color-mix(in oklab, rgb(var(--color-primary) / 1) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-secondary:hover {
    background-color: hsl(var(--secondary, 210 18% 93%) / 1);
  }
}

@media (hover: hover) {
  .hover\:bg-secondary\/40:hover {
    background-color: hsl(var(--secondary, 210 18% 93%) / 1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-secondary\/40:hover {
      background-color: color-mix(in oklab, hsl(var(--secondary, 210 18% 93%) / 1) 40%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-secondary\/60:hover {
    background-color: hsl(var(--secondary, 210 18% 93%) / 1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-secondary\/60:hover {
      background-color: color-mix(in oklab, hsl(var(--secondary, 210 18% 93%) / 1) 60%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-success\/10:hover {
    background-color: color-mix(in srgb, rgb(rgb(var(--color-success) / 1) / 1) 10%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-success\/10:hover {
      background-color: color-mix(in oklab, rgb(var(--color-success) / 1) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-warning\/10:hover {
    background-color: color-mix(in srgb, rgb(rgb(var(--color-warning) / 1) / 1) 10%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-warning\/10:hover {
      background-color: color-mix(in oklab, rgb(var(--color-warning) / 1) 10%, transparent);
    }
  }
}

@media (hover: hover) {
  .hover\:bg-\[linear-gradient\(180deg\,_rgb\(var\(--color-primary-600\)\)_0\%\,_rgb\(var\(--color-primary-700\)\)_100\%\)\]:hover {
    background-image: linear-gradient(180deg, rgb(var(--color-primary-600)) 0%, rgb(var(--color-primary-700)) 100%);
  }
}

@media (hover: hover) {
  .hover\:text-foreground:hover {
    color: rgb(var(--color-foreground) / 1);
  }
}

@media (hover: hover) {
  .hover\:opacity-90:hover {
    opacity: .9;
  }
}

@media (hover: hover) {
  .hover\:shadow-glow-crypto:hover {
    --tw-shadow: var(--shadow-glow-accent);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

@media (hover: hover) {
  .hover\:shadow-glow-primary:hover {
    --tw-shadow: var(--shadow-surface-glow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.focus\:ring-2:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring, 185 85% 38%) / 1);
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}

.focus\:ring-offset-background:focus {
  --tw-ring-offset-color: rgb(var(--color-background) / 1);
}

.focus\:outline-none:focus {
  --tw-outline-style: none;
  outline-style: none;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

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

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}

.focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: rgb(var(--color-background) / 1);
}

.focus-visible\:outline-2:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}

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

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

.active\:scale-\[0\.98\]:active {
  scale: .98;
}

.active\:cursor-pointer:active {
  cursor: pointer;
}

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

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

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transform-none {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transition-none {
    transition-property: none;
  }
}

@media (prefers-contrast: more) {
  .contrast-more\:focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

@media (prefers-contrast: more) {
  .contrast-more\:focus-visible\:outline-\[3px\]:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }
}

@media (min-width: 40rem) {
  .sm\:max-w-md {
    max-width: var(--container-md);
  }
}

@media (min-width: 40rem) {
  .sm\:min-w-\[30\%\] {
    min-width: 30%;
  }
}

@media (min-width: 40rem) {
  .sm\:basis-\[30\%\] {
    flex-basis: 30%;
  }
}

@media (min-width: 40rem) {
  .sm\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 40rem) {
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
}

@media (min-width: 40rem) {
  .sm\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
}

@media (min-width: 40rem) {
  .sm\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
}

@media (min-width: 40rem) {
  .sm\:py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
}

@media (min-width: 40rem) {
  .sm\:py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
}

@media (min-width: 40rem) {
  .sm\:text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}

@media (min-width: 40rem) {
  .sm\:text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}

@media (min-width: 48rem) {
  .md\:flex-1 {
    flex: 1;
  }
}

@media (min-width: 48rem) {
  .md\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 48rem) {
  .md\:p-5 {
    padding: calc(var(--spacing) * 5);
  }
}

@media (min-width: 48rem) {
  .md\:px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
}

@media (min-width: 48rem) {
  .md\:px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
}

@media (min-width: 48rem) {
  .md\:py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
}

@media (min-width: 48rem) {
  .md\:py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
}

@media (min-width: 48rem) {
  .md\:py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
}

@media (min-width: 64rem) {
  .lg\:mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }
}

@media (min-width: 64rem) {
  .lg\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
}

@media (min-width: 64rem) {
  .lg\:max-w-\[55\%\] {
    max-width: 55%;
  }
}

@media (min-width: 64rem) {
  .lg\:max-w-md {
    max-width: var(--container-md);
  }
}

@media (min-width: 64rem) {
  .lg\:min-w-\[22\%\] {
    min-width: 22%;
  }
}

@media (min-width: 64rem) {
  .lg\:basis-\[22\%\] {
    flex-basis: 22%;
  }
}

@media (min-width: 64rem) {
  .lg\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 64rem) {
  .lg\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
}

@media (min-width: 80rem) {
  .xl\:flex-row {
    flex-direction: row;
  }
}

@media (forced-colors: active) {
  .forced-colors\:focus-visible\:border-\[CanvasText\]:focus-visible {
    border-color: canvastext;
  }
}

@media (forced-colors: active) {
  .forced-colors\:focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}

.\[\&_svg\]\:h-full svg {
  height: 100%;
}

.\[\&_svg\]\:max-h-full svg {
  max-height: 100%;
}

.\[\&_svg\]\:w-full svg {
  width: 100%;
}

.\[\&_svg\]\:max-w-full svg {
  max-width: 100%;
}

:root {
  --twsa-safe-area-inset-top: env(safe-area-inset-top);
  --twsa-safe-area-inset-right: env(safe-area-inset-right);
  --twsa-safe-area-inset-bottom: env(safe-area-inset-bottom);
  --twsa-safe-area-inset-left: env(safe-area-inset-left);
}

@media ios {
  :root {
    --font-sans: System;
    --font-serif: Georgia;
    --font-mono: Menlo;
  }
}

@media android {
  :root {
    --font-sans: SystemAndroid;
    --font-serif: sans-serif;
    --font-mono: monospace;
  }
}

@layer components {
  .container {
    width: 100%;
    max-width: 720px;
    padding: calc(var(--spacing) * 6);
    margin-inline: auto;
  }
}

@media print {
  html, body {
    max-width: none;
    min-height: auto;
    overflow: visible;
    background: #fff !important;
  }

  body {
    color: #0f172a;
    background-attachment: initial;
    background-image: none !important;
  }

  .gradient-mesh {
    background: #fff !important;
  }

  .checkout-print-shell, .checkout-print-shell-frame, .checkout-print-main {
    background: #fff !important;
    max-width: none !important;
    min-height: auto !important;
    padding: 0 !important;
  }

  .checkout-print-receipt {
    max-width: none !important;
    box-shadow: none !important;
    background: #fff !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .checkout-print-receipt a {
    color: inherit !important;
    text-decoration: none !important;
  }

  .checkout-print-receipt-card, .checkout-print-receipt .panel-shell, .checkout-print-receipt .panel-shell-strong {
    break-inside: avoid-page;
    page-break-inside: avoid;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #fff !important;
    border-color: #0f172a29 !important;
  }

  .checkout-print-receipt-row, .checkout-print-receipt-summary-row {
    break-inside: avoid-page;
    page-break-inside: avoid;
  }

  .checkout-print-hidden {
    display: none !important;
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__12467z3._.css.map*/