.LoadingIcon_loading__n4WNc svg {
  width: 100%
}

@keyframes LoadingIcon_fadeIn__TcD2N {
  0% {
    opacity: 0;
    transform: translate3d(var(--radix-popover-content-transform-origin), 0)
  }

  to {
    opacity: 1;
    transform: translate3d(var(--radix-popover-content-transform-origin), 0)
  }
}

.LoadingIcon_loading__n4WNc svg path {
  animation: LoadingIcon_fadeIn__TcD2N .2s ease
}

@media(prefers-reduced-motion:no-preference) {
  .LoadingIcon_loading__n4WNc svg path {
    will-change: opacity;
    animation-duration: .8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
  }
}

.LoadingIcon_loading__n4WNc svg path:first-child {
  animation-delay: -.7s
}

.LoadingIcon_loading__n4WNc svg path:nth-child(2) {
  animation-delay: -.6s
}

.LoadingIcon_loading__n4WNc svg path:nth-child(3) {
  animation-delay: -.5s
}

.LoadingIcon_loading__n4WNc svg path:nth-child(4) {
  animation-delay: -.4s
}

.LoadingIcon_loading__n4WNc svg path:nth-child(5) {
  animation-delay: -.3s
}

.LoadingIcon_loading__n4WNc svg path:nth-child(6) {
  animation-delay: -.2s
}

.LoadingIcon_loading__n4WNc svg path:nth-child(7) {
  animation-delay: -.1s
}

.LoadingIcon_loading__n4WNc svg path:nth-child(8) {
  animation-delay: 0s
}

@font-face {
  font-family: Noto Sans Mono;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/1cdd02902f937a18-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
  font-family: Noto Sans Mono;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/7deddc85b7ffd1dc-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
  font-family: Noto Sans Mono;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/1a3dce5cfb5f7760-s.woff2) format("woff2");
  unicode-range: u+1f??
}

@font-face {
  font-family: Noto Sans Mono;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/15605e25b523335c-s.woff2) format("woff2");
  unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
  font-family: Noto Sans Mono;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/641a7b8a5800ee0e-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
  font-family: Noto Sans Mono;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/4c4b3b30b6bcb2be-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, 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: Noto Sans Mono;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/ec14413c594b3356-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
  font-family: Noto Sans Mono Fallback;
  src: local("Arial");
  ascent-override: 79.43%;
  descent-override: 21.77%;
  line-gap-override: 0.00%;
  size-adjust: 134.59%
}

.__className_89e83c {
  font-family: Noto Sans Mono, Noto Sans Mono Fallback;
  font-style: normal
}

@keyframes react-loading-skeleton {
  to {
    transform: translateX(100%)
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color);
  width: 100%;
  border-radius: .25rem;
  display: inline-flex;
  line-height: 1;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden
}

.react-loading-skeleton:after {
  content: " ";
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%));
  transform: translateX(-100%);
  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none
  }
}

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

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

:root {
  --desktopTopOffset: 48px;
  --mobileTopOffset: 48px;
  --font-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  --color-primary10: 76, 153, 0;
  --color-primary20: 136, 204, 0;
  --color-primary30: 180, 230, 0;
  --color-primary40: 188, 240, 0;
  --color-primary50: 196, 250, 0;
  --color-primary60: 204, 255, 0;
  --color-primary70: 214, 255, 51;
  --color-primary80: 224, 255, 102;
  --color-primary95: 250, 255, 229;
  --color-neutral0: 0, 0, 0;
  --color-neutral5: 13, 13, 13;
  --color-neutral9: 27, 29, 33;
  --color-neutral10: 31, 31, 31;
  --color-neutral15: 36, 38, 42;
  --color-neutral20: 51, 51, 51;
  --color-neutral30: 61, 61, 61;
  --color-neutral40: 102, 102, 102;
  --color-neutral50: 128, 128, 128;
  --color-neutral60: 153, 153, 153;
  --color-neutral70: 178, 178, 178;
  --color-neutral80: 204, 204, 204;
  --color-neutral90: 230, 230, 230;
  --color-neutral95: 245, 245, 245;
  --color-neutral99: 250, 250, 250;
  --color-neutral100: 255, 255, 255;
  --color-red10: 38, 3, 10;
  --color-red20: 51, 8, 16;
  --color-red30: 128, 0, 29;
  --color-red40: 255, 0, 60;
  --color-red50: 255, 41, 73;
  --color-red60: 255, 70, 103;
  --color-red70: 255, 102, 131;
  --color-red80: 255, 153, 172;
  --color-red90: 255, 218, 225;
  --color-red95: 255, 240, 243;
  --color-orange10: 38, 18, 8;
  --color-orange20: 51, 31, 20;
  --color-orange25: 80, 52, 38;
  --color-orange30: 128, 43, 0;
  --color-orange40: 242, 87, 0;
  --color-orange50: 242, 103, 24;
  --color-orange60: 242, 118, 48;
  --color-orange70: 250, 139, 75;
  --color-orange80: 255, 182, 140;
  --color-orange90: 255, 215, 191;
  --color-orange95: 255, 239, 229;
  --color-lavenderGray: 231, 225, 255;
  --color-cottonCandy: 255, 219, 238;
  --color-paleBlue: 200, 220, 255;
  --color-mintGreen: 202, 250, 219;
  --color-peach: 255, 229, 223;
  --color-lemonMeringue: 252, 238, 204;
  --color-powderBlue: 220, 242, 242;
  --color-charcoal: 49, 31, 46;
  --color-oldBurgundy: 22, 49, 58;
  --color-prussianBlue: 30, 69, 52;
  --color-raisinBlack: 48, 34, 34;
  --color-oldWine: 41, 40, 34;
  --color-sealBrown: 26, 42, 47;
  --color-tealBlue: 31, 69, 71;
  --color-itemPrimaryDefault: var(--color-neutral0);
  --color-itemPrimaryDefaultAlt1: rgba(0, 0, 0, 0.8);
  --color-itemPrimaryDefaultAlt2: rgba(0, 0, 0, 0.1);
  --color-itemPrimaryHighlight: var(--color-neutral20);
  --color-itemPrimaryActive: var(--color-neutral20);
  --color-itemPrimaryMute: var(--color-neutral90);
  --color-itemSecondaryDefault: var(--color-neutral60);
  --color-itemSecondaryHighlight: var(--color-neutral0);
  --color-itemSecondaryActive: var(--color-neutral0);
  --color-itemSecondaryMute: var(--color-neutral90);
  --color-itemInverseDefault: var(--color-neutral100);
  --color-itemInverseHighlight: var(--color-neutral90);
  --color-itemInverseActive: var(--color-neutral90);
  --color-itemInverseMute: var(--color-neutral90);
  --color-itemErrorDefault: var(--color-red40);
  --color-itemErrorHighlight: var(--color-red70);
  --color-itemErrorActive: var(--color-red70);
  --color-itemErrorMute: var(--color-red90);
  --color-itemWarningDefault: var(--color-orange40);
  --color-itemWarningHighlight: var(--color-orange70);
  --color-itemWarningActive: var(--color-orange70);
  --color-itemWarningMute: var(--color-orange90);
  --color-backgroundPrimaryDefault: var(--color-neutral100);
  --color-backgroundPrimaryOnDefault: var(--color-neutral0);
  --color-backgroundPrimaryHighlight: var(--color-neutral95);
  --color-backgroundPrimaryHighlightAlt: 239, 239, 239;
  --color-backgroundPrimaryOnHighlight: var(--color-neutral0);
  --color-backgroundPrimaryActive: var(--color-neutral95);
  --color-backgroundPrimaryOnActive: var(--color-neutral0);
  --color-backgroundPrimaryMute: var(--color-neutral90);
  --color-backgroundPrimaryOnMute: var(--color-neutral70);
  --color-backgroundSecondaryDefault: var(--color-neutral95);
  --color-backgroundSecondaryOnDefault: var(--color-neutral0);
  --color-backgroundSecondaryHighlight: var(--color-neutral95);
  --color-backgroundSecondaryOnHighlight: var(--color-neutral0);
  --color-backgroundSecondaryActive: var(--color-neutral95);
  --color-backgroundSecondaryOnActive: var(--color-neutral0);
  --color-backgroundSecondaryMute: var(--color-neutral90);
  --color-backgroundSecondaryOnMute: var(--color-neutral70);
  --color-backgroundInverseDefault: var(--color-neutral0);
  --color-backgroundInverseOnDefault: var(--color-neutral100);
  --color-backgroundInverseHighlight: var(--color-neutral20);
  --color-backgroundInverseOnHighlight: var(--color-neutral100);
  --color-backgroundInverseActive: var(--color-neutral20);
  --color-backgroundInverseOnActive: var(--color-neutral100);
  --color-backgroundInverseMute: var(--color-neutral90);
  --color-backgroundInverseOnMute: var(--color-neutral70);
  --color-backgroundErrorDefault: var(--color-red95);
  --color-backgroundErrorOnDefault: var(--color-red40);
  --color-backgroundErrorHighlight: var(--color-red90);
  --color-backgroundErrorOnHighlight: var(--color-red40);
  --color-backgroundErrorActive: var(--color-red90);
  --color-backgroundErrorOnActive: var(--color-red40);
  --color-backgroundErrorMute: var(--color-red95);
  --color-backgroundErrorOnMute: var(--color-red70);
  --color-backgroundWarningDefault: var(--color-orange95);
  --color-backgroundWarningOnDefault: var(--color-orange40);
  --color-backgroundWarningHighlight: var(--color-orange90);
  --color-backgroundWarningOnHighlight: var(--color-orange40);
  --color-backgroundWarningActive: var(--color-orange90);
  --color-backgroundWarningOnActive: var(--color-orange40);
  --color-backgroundWarningMute: var(--color-orange95);
  --color-backgroundWarningOnMute: var(--color-orange70);
  --color-backgroundBrandDefault: var(--color-primary40);
  --color-backgroundBrandOnDefault: var(--color-neutral0);
  --color-backgroundBrandHighlight: var(--color-primary30);
  --color-backgroundBrandOnHighlight: var(--color-neutral0);
  --color-backgroundBrandActive: var(--color-primary30);
  --color-backgroundBrandOnActive: var(--color-neutral0);
  --color-backgroundBrandMute: var(--color-neutral90);
  --color-backgroundBrandOnMute: var(--color-neutral70);
  --color-brandDefault: var(--color-primary40);
  --color-decorationViolet: var(--color-lavenderGray);
  --color-decorationPink: var(--color-cottonCandy);
  --color-decorationBlue: var(--color-paleBlue);
  --color-decorationMint: var(--color-mintGreen);
  --color-decorationSkin: var(--color-peach);
  --color-decorationYellow: var(--color-lemonMeringue);
  --color-decorationSky: var(--color-powderBlue);
  --color-eth-symbol: 0, 0, 0;
  --color-main-paired-default: var(--color-neutral0);
  --color-main-paired-active: var(--color-neutral20);
  --mousemove-gradient1: #ffdbee;
  --mousemove-gradient2: #ebfcef;
  --mousemove-gradient3: #dae7ff
}

.dark-theme {
  --color-decorationSky: var(--color-sealBrown);
  --color-decorationYellow: var(--color-oldWine);
  --color-decorationSkin: var(--color-raisinBlack);
  --color-decorationMint: var(--color-prussianBlue);
  --color-decorationBlue: var(--color-tealBlue);
  --color-decorationPink: var(--color-charcoal);
  --color-decorationViolet: var(--color-oldBurgundy);
  --color-brandDefault: var(--color-primary30);
  --color-backgroundBrandOnMute: var(--color-neutral40);
  --color-backgroundBrandMute: var(--color-neutral15);
  --color-backgroundBrandOnActive: var(--color-neutral0);
  --color-backgroundBrandActive: var(--color-primary50);
  --color-backgroundBrandOnHighlight: var(--color-neutral0);
  --color-backgroundBrandHighlight: var(--color-primary50);
  --color-backgroundBrandOnDefault: var(--color-neutral0);
  --color-backgroundBrandDefault: var(--color-primary40);
  --color-backgroundWarningOnMute: var(--color-orange30);
  --color-backgroundWarningMute: var(--color-orange10);
  --color-backgroundWarningOnActive: var(--color-orange80);
  --color-backgroundWarningActive: var(--color-orange30);
  --color-backgroundWarningOnHighlight: var(--color-orange80);
  --color-backgroundWarningHighlight: var(--color-orange30);
  --color-backgroundWarningOnDefault: var(--color-orange40);
  --color-backgroundWarningDefault: var(--color-orange20);
  --color-backgroundErrorOnMute: var(--color-red30);
  --color-backgroundErrorMute: var(--color-red10);
  --color-backgroundErrorOnActive: var(--color-red80);
  --color-backgroundErrorActive: var(--color-red30);
  --color-backgroundErrorOnHighlight: var(--color-red80);
  --color-backgroundErrorHighlight: var(--color-red30);
  --color-backgroundErrorOnDefault: var(--color-red40);
  --color-backgroundErrorDefault: var(--color-red20);
  --color-backgroundInverseOnMute: var(--color-neutral40);
  --color-backgroundInverseMute: var(--color-neutral15);
  --color-backgroundInverseOnActive: var(--color-neutral0);
  --color-backgroundInverseActive: var(--color-neutral90);
  --color-backgroundInverseOnHighlight: var(--color-neutral0);
  --color-backgroundInverseHighlight: var(--color-neutral90);
  --color-backgroundInverseOnDefault: var(--color-neutral0);
  --color-backgroundInverseDefault: var(--color-neutral90);
  --color-backgroundSecondaryOnMute: var(--color-neutral40);
  --color-backgroundSecondaryMute: var(--color-neutral15);
  --color-backgroundSecondaryOnActive: var(--color-neutral90);
  --color-backgroundSecondaryActive: var(--color-neutral30);
  --color-backgroundSecondaryOnHighlight: var(--color-neutral90);
  --color-backgroundSecondaryHighlight: var(--color-neutral30);
  --color-backgroundSecondaryOnDefault: var(--color-neutral90);
  --color-backgroundSecondaryDefault: var(--color-neutral20);
  --color-backgroundPrimaryOnMute: var(--color-neutral40);
  --color-backgroundPrimaryMute: var(--color-neutral15);
  --color-backgroundPrimaryOnActive: var(--color-neutral90);
  --color-backgroundPrimaryActive: var(--color-neutral30);
  --color-backgroundPrimaryOnHighlight: var(--color-neutral90);
  --color-backgroundPrimaryHighlight: var(--color-neutral15);
  --color-backgroundPrimaryHighlightAlt: 44, 45, 47;
  --color-backgroundPrimaryOnDefault: var(--color-neutral90);
  --color-backgroundPrimaryDefault: var(--color-neutral9);
  --color-itemWarningMute: var(--color-orange25);
  --color-itemWarningActive: var(--color-orange60);
  --color-itemWarningHighlight: var(--color-orange60);
  --color-itemWarningDefault: var(--color-orange40);
  --color-itemErrorMute: var(--color-red10);
  --color-itemErrorActive: var(--color-red60);
  --color-itemErrorHighlight: var(--color-red60);
  --color-itemErrorDefault: var(--color-red40);
  --color-itemInverseMute: var(--color-neutral20);
  --color-itemInverseActive: var(--color-neutral10);
  --color-itemInverseHighlight: var(--color-neutral10);
  --color-itemInverseDefault: var(--color-neutral0);
  --color-itemSecondaryMute: var(--color-neutral20);
  --color-itemSecondaryActive: var(--color-neutral80);
  --color-itemSecondaryHighlight: var(--color-neutral80);
  --color-itemSecondaryDefault: var(--color-neutral70);
  --color-itemPrimaryMute: var(--color-neutral20);
  --color-itemPrimaryActive: var(--color-neutral90);
  --color-itemPrimaryHighlight: var(--color-neutral90);
  --color-itemPrimaryDefault: var(--color-neutral100);
  --color-itemPrimaryDefaultAlt1: rgba(255, 255, 255, 0.8);
  --color-itemPrimaryDefaultAlt2: rgba(255, 255, 255, 0.2);
  --color-eth-symbol: var(--color-brandDefault);
  --color-main-paired-default: var(--color-neutral20);
  --color-main-paired-active: var(--color-neutral30);
  --mousemove-gradient1: #845770;
  --mousemove-gradient2: #5a715e;
  --mousemove-gradient3: #59616f
}

*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid
}

:after,
:before {
  --tw-content: ""
}

:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: var(--font-primary);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
  margin: 0
}

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 {
  text-decoration: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
pre,
samp {
  font-family: var(--font-mono);
  font-size: 1em
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

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

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

button,
select {
  text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: unset
}

:-moz-focusring {
  outline: auto
}

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

progress {
  vertical-align: baseline
}

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

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

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

fieldset {
  margin: 0
}

fieldset,
legend {
  padding: 0
}

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

dialog {
  padding: 0
}

textarea {
  resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #b2b2b2
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #b2b2b2
}

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

:disabled {
  cursor: default
}

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

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

[hidden] {
  display: none
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: inherit;
  -webkit-tap-highlight-color: rgba(203, 203, 203, .1490196078)
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  background-color: rgb(var(--color-backgroundPrimaryDefault))
}

html.normal-scroll {
  scroll-behavior: auto
}

body,
body * {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

body {
  line-height: inherit;
  direction: ltr;
  writing-mode: horizontal-tb;
  font-size: 1rem;
  position: relative;
  color: rgb(var(--color-itemPrimaryDefault));
  background-color: rgb(var(--color-backgroundPrimaryDefault));
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  --w3m-z-index: 99999;
  font-family: var(--font-mono)
}

@media (pointer:fine) {
  body {
    overscroll-behavior: none
  }
}

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

a:-webkit-any-link:focus-visible {
  outline: rgb(var(--color-brandDefault)) solid 1px;
  outline-offset: -1px
}

.disable-hover *,
.disable-hover :after,
.disable-hover :before {
  transition: none !important
}

button {
  border: unset
}

:where(button, input:is([type=button i], [type=reset i], [type=submit i])) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

[data-radix-popper-content-wrapper] {
  z-index: 10003 !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

.bg-decorationYellow {
  background-color: rgba(var(--color-decorationYellow), 1)
}

.container {
  width: 100%
}

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

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

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

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

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

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

.text-hero {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: clamp(64px, calc(1rem + 2.857142857142857vmin), 64px);
  line-height: 1;
  font-weight: 700
}

@media (min-width:768px) {
  .text-hero {
    font-size: clamp(88px, calc(1rem + 6.190476190476191vmin), 120px);
    line-height: 1;
    letter-spacing: .025em
  }
}

.text-h1 {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 32px;
  line-height: 36px;
  font-weight: 800
}

@media (min-width:768px) {
  .text-h1 {
    font-size: 56px;
    line-height: 64px
  }
}

.text-h2 {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 28px;
  line-height: 32px;
  font-weight: 800
}

@media (min-width:768px) {
  .text-h2 {
    font-size: 48px;
    line-height: 52px
  }
}

.text-h3 {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 26px;
  line-height: 28px;
  font-weight: 800
}

@media (min-width:768px) {
  .text-h3 {
    font-size: 40px;
    line-height: 44px
  }
}

.text-h4 {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700
}

@media (min-width:768px) {
  .text-h4 {
    font-size: 32px;
    line-height: 40px
  }
}

.text-h5 {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700
}

@media (min-width:768px) {
  .text-h5 {
    font-size: 21px;
    line-height: 24px
  }
}

.text-h6 {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700
}

@media (min-width:768px) {
  .text-h6 {
    font-size: 18px;
    line-height: 24px
  }
}

.text-title {
  font-family: var(--font-primary);
  font-size: 24px;
  line-height: 32px;
  font-weight: 700
}

@media (min-width:768px) {
  .text-title {
    font-size: 28px;
    line-height: 34px
  }
}

.text-body1 {
  font-size: 18px;
  line-height: 24px
}

@media (min-width:768px) {
  .text-body1 {
    font-size: 24px;
    line-height: 32px
  }
}

.text-body2 {
  font-size: 17px;
  line-height: 24px
}

@media (min-width:768px) {
  .text-body2 {
    font-size: 20px;
    line-height: 28px
  }
}

.text-body3 {
  font-size: 16px;
  line-height: 24px
}

@media (min-width:768px) {
  .text-body3 {
    font-size: 18px;
    line-height: 28px
  }
}

.\!text-body4 {
  font-size: 14px;
  line-height: 20px
}

@media (min-width:768px) {
  .\!text-body4 {
    font-size: 16px;
    line-height: 24px
  }
}

.text-body4 {
  font-size: 14px;
  line-height: 20px
}

@media (min-width:768px) {
  .text-body4 {
    font-size: 16px;
    line-height: 24px
  }
}

.\!text-callout {
  font-size: 13px;
  line-height: 18px
}

@media (min-width:768px) {
  .\!text-callout {
    font-size: 14px;
    line-height: 20px
  }
}

.text-callout {
  font-size: 13px;
  line-height: 18px
}

@media (min-width:768px) {
  .text-callout {
    font-size: 14px;
    line-height: 20px
  }
}

.text-tag1 {
  letter-spacing: .145em;
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  text-transform: uppercase
}

@media (min-width:768px) {
  .text-tag1 {
    font-size: 13px;
    line-height: 16px
  }
}

.text-tag2 {
  letter-spacing: .1em;
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 8px;
  line-height: 10px;
  font-weight: 700;
  text-transform: uppercase
}

@media (min-width:768px) {
  .text-tag2 {
    font-size: 8px;
    line-height: 10px
  }
}

.text-withLink a {
  text-decoration-line: underline;
  text-underline-offset: 2px
}

.text-withLink a:hover {
  text-decoration-line: none
}

.rich-text {
  font-size: 16px;
  line-height: 24px
}

@media (min-width:768px) {
  .rich-text {
    font-size: 18px;
    line-height: 28px
  }
}

.rich-text {
  text-wrap: balance;
  font-family: var(--font-primary);
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemPrimaryDefault), var(--tw-text-opacity, 1))
}

.rich-text h1 {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 32px;
  line-height: 36px;
  font-weight: 800
}

@media (min-width:768px) {
  .rich-text h1 {
    font-size: 56px;
    line-height: 64px
  }
}

.rich-text h2 {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 28px;
  line-height: 32px;
  font-weight: 800
}

@media (min-width:768px) {
  .rich-text h2 {
    font-size: 48px;
    line-height: 52px
  }
}

.rich-text h2 {
  max-width: 48rem
}

.rich-text h3 {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 26px;
  line-height: 28px;
  font-weight: 800
}

@media (min-width:768px) {
  .rich-text h3 {
    font-size: 40px;
    line-height: 44px
  }
}

.rich-text h3 {
  margin-bottom: 2rem;
  margin-top: 4rem;
  max-width: 48rem
}

@media (min-width:768px) {
  .rich-text h3 {
    margin-top: 7rem;
    margin-bottom: 4rem
  }
}

.rich-text h4 {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700
}

@media (min-width:768px) {
  .rich-text h4 {
    font-size: 32px;
    line-height: 40px
  }
}

.rich-text h4 {
  margin-top: 2rem;
  margin-bottom: 1.5rem
}

@media (min-width:768px) {
  .rich-text h4 {
    margin-top: 4rem;
    margin-bottom: 2.5rem
  }
}

.rich-text h5 {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700
}

@media (min-width:768px) {
  .rich-text h5 {
    font-size: 21px;
    line-height: 24px
  }
}

.rich-text h5 {
  margin-bottom: 1rem;
  margin-top: 2.5rem
}

@media (min-width:768px) {
  .rich-text h5 {
    margin-bottom: 1.5rem;
    margin-top: 3rem
  }
}

.rich-text h6 {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700
}

@media (min-width:768px) {
  .rich-text h6 {
    font-size: 18px;
    line-height: 24px
  }
}

.rich-text h6 {
  margin-top: 1.5rem;
  margin-bottom: 1rem
}

@media (min-width:768px) {
  .rich-text h6 {
    margin-top: 2rem;
    margin-bottom: 1.5rem
  }
}

.rich-text h1:first-child,
.rich-text h2:first-child,
.rich-text h3:first-child,
.rich-text h4:first-child,
.rich-text h5:first-child,
.rich-text h6:first-child {
  margin-top: 0 !important
}

.rich-text a {
  text-decoration-line: underline;
  text-underline-offset: 2px
}

.rich-text a:hover {
  text-decoration-line: none
}

.rich-text ol+ol,
.rich-text ol+p,
.rich-text ol+ul,
.rich-text p+ol,
.rich-text p+p,
.rich-text p+ul,
.rich-text ul+ol,
.rich-text ul+p,
.rich-text ul+ul {
  margin-top: .75rem
}

@media (min-width:768px) {

  .rich-text ol+ol,
  .rich-text ol+p,
  .rich-text ol+ul,
  .rich-text p+ol,
  .rich-text p+p,
  .rich-text p+ul,
  .rich-text ul+ol,
  .rich-text ul+p,
  .rich-text ul+ul {
    margin-top: 1rem
  }
}

.rich-text ol>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.rich-text ol {
  padding-left: 1.25rem
}

@media (min-width:768px) {
  .rich-text ol {
    padding-left: 1.25rem
  }
}

.rich-text ol {
  list-style: lower-alpha
}

.rich-text ol li {
  padding-left: .5rem
}

@media (min-width:768px) {
  .rich-text ol li {
    padding-left: 1.75rem
  }
}

.rich-text ul {
  list-style-type: disc
}

.rich-text ul>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.rich-text ul {
  padding-left: 2rem
}

@media (min-width:768px) {
  .rich-text ul {
    padding-left: 4rem
  }
}

.rich-text b,
.rich-text strong {
  font-weight: 600
}

.rich-text table {
  margin-bottom: 2.5rem;
  margin-top: 1rem;
  font-family: var(--font-mono);
  font-weight: 500
}

.rich-text table thead+tbody tr:first-child td {
  padding-top: 2.75rem
}

@media (min-width:768px) {
  .rich-text table thead+tbody tr:first-child td {
    padding-top: 3.5rem
  }
}

.rich-text table th {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgba(var(--color-itemPrimaryMute), var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left
}

@media (min-width:768px) {
  .rich-text table th {
    padding-top: 2rem;
    padding-bottom: 2rem
  }
}

.rich-text table td {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgba(var(--color-itemPrimaryMute), var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 1rem;
  vertical-align: baseline
}

.rich-text table td:first-child {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemSecondaryDefault), var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
  .rich-text table td {
    min-width: 10rem
  }
}

.rich-text .wide-table {
  min-width: 991px;
  font-family: var(--font-primary)
}

.rich-text .wide-table td:first-child {
  color: inherit
}

.rich-text .highlighted-text {
  font-size: 17px;
  line-height: 24px
}

@media (min-width:768px) {
  .rich-text .highlighted-text {
    font-size: 20px;
    line-height: 28px
  }
}

.rich-text .highlighted-text {
  margin-top: 1rem;
  margin-bottom: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryDefault), var(--tw-bg-opacity, 1));
  padding: 2rem;
  font-family: var(--font-mono)
}

@media (min-width:768px) {
  .rich-text .highlighted-text {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    padding: 5rem
  }
}

.app-table {
  position: relative;
  z-index: 2;
  display: block
}

.app-table>:nth-child(2) {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemPrimaryDefault), var(--tw-border-opacity, 1))
}

.app-table-col {
  position: relative;
  display: flex;
  height: 100%;
  flex-grow: 0;
  border-collapse: collapse;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-color: rgba(var(--color-itemSecondaryMute), var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-bottom-color: rgba(var(--color-itemSecondaryMute), var(--tw-border-opacity, 1));
  background-color: inherit;
  padding: .75rem 1rem;
  text-align: start;
  font-size: 14px;
  line-height: 20px
}

.app-table-col:last-child {
  border-right-width: 1px
}

.app-table-row {
  position: relative;
  display: flex;
  height: 2.5rem;
  border-collapse: collapse;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-bg-opacity, 1))
}

.app-table-row:hover {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1
}

.app-table-row:focus,
.app-table-row:hover {
  background-color: rgba(var(--color-backgroundPrimaryHighlight), var(--tw-bg-opacity, 1));
  color: rgba(var(--color-backgroundPrimaryOnHighlight), var(--tw-text-opacity, 1))
}

.app-table-row:focus {
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemSecondaryDefault), var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  outline: 2px solid transparent;
  outline-offset: 2px
}

.app-table-row:focus-visible {
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemSecondaryDefault), var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px
}

.app-table-header {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  min-width: 100%;
  line-height: 1
}

.app-table-header,
.app-table-header-row {
  position: relative;
  height: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-bg-opacity, 1))
}

.app-table-header-row {
  display: flex;
  border-collapse: collapse;
  align-items: center
}

.app-table-header-row:hover {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1
}

.app-table-header-row:focus,
.app-table-header-row:hover {
  background-color: rgba(var(--color-backgroundPrimaryHighlight), var(--tw-bg-opacity, 1));
  color: rgba(var(--color-backgroundPrimaryOnHighlight), var(--tw-text-opacity, 1))
}

.app-table-header-row:focus {
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemSecondaryDefault), var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  outline: 2px solid transparent;
  outline-offset: 2px
}

.app-table-header-row:focus-visible {
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemSecondaryDefault), var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px
}

.app-table-header-row {
  height: 100%;
  border-bottom-width: 1px;
  border-top-width: 0;
  --tw-border-opacity: 1;
  border-bottom-color: rgba(var(--color-itemSecondaryDefault), var(--tw-border-opacity, 1))
}

.app-table-header-row:focus {
  border-top-width: 0
}

.app-table-header-row:focus-visible {
  border-top-width: 0
}

.app-table-header-row:is(.dark-theme *) {
  --tw-border-opacity: 1;
  border-bottom-color: rgba(var(--color-neutral40), var(--tw-border-opacity, 1))
}

.app-table-header-col {
  position: relative;
  display: flex;
  height: 100%;
  flex-grow: 0;
  border-collapse: collapse;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-color: rgba(var(--color-itemSecondaryMute), var(--tw-border-opacity, 1));
  border-bottom-color: rgba(var(--color-itemSecondaryMute), var(--tw-border-opacity, 1));
  background-color: inherit;
  padding: .75rem 1rem;
  text-align: start;
  font-size: 14px;
  line-height: 20px
}

.app-table-header-col:last-child {
  border-right-width: 1px
}

.app-table-header-col {
  border-bottom-width: 0;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgba(var(--color-itemSecondaryMute), var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-bg-opacity, 1));
  font-weight: 600;
  text-transform: uppercase
}

.app-table-sort {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.app-table-sort:focus,
.app-table-sort:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryHighlight), var(--tw-bg-opacity, 1))
}

.app-table-sort-active,
.app-table-sort-active:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryActive), var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryOnActive), var(--tw-text-opacity, 1))
}

.app-table-label {
  display: flex;
  height: 1.25rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryDefault), var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundSecondaryOnMute), var(--tw-text-opacity, 1));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-ring-opacity, 1))
}

.label-bls {
  background-color: rgba(var(--color-backgroundWarningDefault), var(--tw-bg-opacity, 1));
  color: rgba(var(--color-backgroundWarningOnDefault), var(--tw-text-opacity, 1))
}

.label-bls,
.label-comp {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1
}

.label-comp {
  background-color: rgba(var(--color-backgroundSecondaryDefault), var(--tw-bg-opacity, 1));
  color: rgba(var(--color-orange70), var(--tw-text-opacity, 1))
}

.label-epod {
  color: #1a0c6d;
  background-color: rgba(27, 12, 109, .0784313725)
}

.dark-theme .label-epod {
  color: #8570ff;
  background-color: rgba(66, 43, 201, .4)
}

.label-nft {
  color: rgba(0, 129, 13, .5019607843);
  background-color: #d9fde5
}

.dark-theme .label-nft {
  color: #18e884;
  background-color: rgba(24, 232, 132, .1019607843)
}

.dark-theme .label-credentials {
  color: #fff
}

.label-safe {
  color: #46aeb9;
  background-color: #d8fbff
}

.dark-theme .label-safe {
  background-color: rgba(70, 174, 185, .2)
}

.label-nested {
  position: relative;
  margin-left: 1.25rem;
  min-width: 1.25rem;
  --tw-translate-y: -9px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-left-width: 1px;
  background-color: transparent
}

.label-nested,
.label-nested:after,
.label-nested:before {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemSecondaryMute), var(--tw-border-opacity, 1))
}

.label-nested:after,
.label-nested:before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  width: .625rem
}

.label-nested:before {
  transform-origin: bottom right;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.label-nested:after {
  transform-origin: top right;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:default {
  --bg-light: "";
  --bg-dark: ""
}

.bg-section-gradient-lines {
  position: relative;
  z-index: 0
}

.bg-section-gradient-lines:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  background-size: cover;
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 33.3%;
  background-image: var(--bg-light)
}

.bg-section-gradient-lines:is(.dark-theme *):before {
  background-image: var(--bg-dark)
}

.bg-section-gradient-lines>* {
  position: relative;
  z-index: 2
}

.bg-section-gradient-lines {
  --bg-light: url(../media/section-gradient-lines.9e266f6f.svg);
  --bg-dark: url(../media/section-gradient-lines-dark.ed2c258d.svg)
}

.bg-section-gradient-circles {
  position: relative;
  z-index: 0
}

.bg-section-gradient-circles:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  background-size: cover;
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 33.3%;
  background-image: var(--bg-light)
}

.bg-section-gradient-circles:is(.dark-theme *):before {
  background-image: var(--bg-dark)
}

.bg-section-gradient-circles>* {
  position: relative;
  z-index: 2
}

.bg-section-gradient-circles:before {
  content: var(--tw-content);
  padding-bottom: 80%
}

@media (min-width:768px) {
  .bg-section-gradient-circles:before {
    content: var(--tw-content);
    padding-bottom: 50%
  }
}

.bg-section-gradient-circles {
  --bg-light: url(../media/section-gradient-circles.81c4829e.svg);
  --bg-dark: url(../media/section-gradient-circles-dark.25164d2b.svg)
}

.bg-section-gradient-circles-faded {
  position: relative;
  z-index: 0
}

.bg-section-gradient-circles-faded:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  background-size: cover;
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 33.3%;
  background-image: var(--bg-light)
}

.bg-section-gradient-circles-faded:is(.dark-theme *):before {
  background-image: var(--bg-dark)
}

.bg-section-gradient-circles-faded>* {
  position: relative;
  z-index: 2
}

.bg-section-gradient-circles-faded:before {
  content: var(--tw-content);
  padding-bottom: 50%
}

.bg-section-gradient-circles-faded {
  --bg-light: url(../media/section-gradient-circles-faded.0d3c2631.svg);
  --bg-dark: url(../media/section-gradient-circles-faded-dark.de0c4a88.svg)
}

.bg-cosmos-section-gradient {
  position: relative;
  z-index: 0
}

.bg-cosmos-section-gradient:before {
  content: "";
  background-position: 50%;
  background-size: cover;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url(../media/cosmos-landing-hero-bg-mobile.dd0299b3.png)
}

@media (min-width:768px) {
  .bg-cosmos-section-gradient:before {
    background-image: url(../media/cosmos-landing-hero-bg.8bc4b8a1.png)
  }
}

.bg-cosmos-section-gradient>* {
  position: relative;
  z-index: 2
}

.\!bg-section-noise {
  background-size: 100px !important;
  background-repeat: repeat;
  background-image: url(../media/noise.edb8c9f3.png)
}

.dark-theme .bg-cosmos-section-gradient:before {
  background-image: url(../media/cosmos-landing-hero-bg-dark-mobile.b5dc6514.png)
}

@media (min-width:768px) {
  .dark-theme .bg-cosmos-section-gradient:before {
    background-image: url(../media/cosmos-landing-hero-bg-dark.3237913b.png)
  }
}

.\!section-grid {
  --bg-light: url(../media/section-grid.692a9320.svg) !important;
  --bg-dark: url(../media/section-grid-dark.180e99a5.svg) !important
}

.section-grid {
  --bg-light: url(../media/section-grid.692a9320.svg);
  --bg-dark: url(../media/section-grid-dark.180e99a5.svg)
}

.\!section-grid:after {
  content: "" !important
}

.section-grid:after {
  content: ""
}

.\!section-grid:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  height: 120px;
  width: 100%;
  background-size: 1200px 276px;
  background-position: center 48%;
  background-repeat: no-repeat;
  opacity: .06;
  background-image: var(--bg-light)
}

.\!section-grid:is(.dark-theme *):after {
  background-image: var(--bg-dark)
}

@media (min-width:1024px) {
  .\!section-grid:after {
    height: 197px;
    background-size: 2050px 360px
  }
}

.section-grid:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  height: 120px;
  width: 100%;
  background-size: 1200px 276px;
  background-position: center 48%;
  background-repeat: no-repeat;
  opacity: .06;
  background-image: var(--bg-light)
}

.section-grid:is(.dark-theme *):after {
  background-image: var(--bg-dark)
}

@media (min-width:1024px) {
  .section-grid:after {
    height: 197px;
    background-size: 2050px 360px
  }
}

.app-chart {
  margin-left: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  overflow: hidden
}

.app-chart .recharts-cartesian-axis-tick-value,
.app-chart .recharts-label {
  fill: rgba(var(--color-itemPrimaryDefault), 1);
  stroke: none;
  font-size: 12px;
  line-height: 1.25
}

.app-chart .recharts-label {
  text-anchor: middle !important
}

.app-chart .recharts-cartesian-axis-tick-value {
  text-transform: uppercase
}

.app-chart .recharts-cartesian-axis-tick-subvalue {
  fill: rgba(var(--color-itemSecondaryDefault), 1);
  stroke: none;
  font-weight: 10px;
  line-height: 1.2
}

.app-chart .recharts-bar-rectangle {
  cursor: pointer
}

.app-chart .recharts-cartesian-grid-horizontal line:first-child,
.app-chart .recharts-cartesian-grid-horizontal line:last-child {
  stroke-opacity: 0
}

.app-chart .recharts-tooltip-cursor {
  stroke: rgba(var(--color-itemPrimaryDefault), 1);
  opacity: 1;
  stroke-opacity: 1
}

.font-feature-number {
  font-feature-settings: "tnum"
}

.clear-inline-indents {
  font-size: 0
}

.text-marker {
  background-color: rgb(var(--color-brandDefault));
  padding-inline: 2px
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0
}

.pointer-events-none {
  pointer-events: none
}

.pointer-events-auto {
  pointer-events: auto
}

.visible {
  visibility: visible
}

.invisible {
  visibility: hidden
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.inset-0 {
  inset: 0
}

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

.\!-top-10 {
  top: -2.5rem !important
}

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

.-left-1 {
  left: -.25rem
}

.-left-2 {
  left: -.5rem
}

.-right-1 {
  right: -.25rem
}

.-right-4 {
  right: -1rem
}

.-top-0\.5 {
  top: -.125rem
}

.-top-1 {
  top: -.25rem
}

.-top-1\.5 {
  top: -.375rem
}

.-top-px {
  top: -1px
}

.bottom-0 {
  bottom: 0
}

.bottom-11 {
  bottom: 2.75rem
}

.bottom-6 {
  bottom: 1.5rem
}

.bottom-8 {
  bottom: 2rem
}

.left-0 {
  left: 0
}

.left-0\.5 {
  left: .125rem
}

.left-1 {
  left: .25rem
}

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

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

.left-\[17px\] {
  left: 17px
}

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

.left-\[70\%\] {
  left: 70%
}

.left-full {
  left: 100%
}

.right-0 {
  right: 0
}

.right-0\.5 {
  right: .125rem
}

.right-1 {
  right: .25rem
}

.right-1\.5 {
  right: .375rem
}

.right-1\/2 {
  right: 50%
}

.right-2 {
  right: .5rem
}

.right-4 {
  right: 1rem
}

.right-5 {
  right: 1.25rem
}

.right-full {
  right: 100%
}

.top-0 {
  top: 0
}

.top-0\.5 {
  top: .125rem
}

.top-1 {
  top: .25rem
}

.top-1\.5 {
  top: .375rem
}

.top-1\/2 {
  top: 50%
}

.top-12 {
  top: 3rem
}

.top-2 {
  top: .5rem
}

.top-4 {
  top: 1rem
}

.top-7 {
  top: 1.75rem
}

.top-\[-2px\] {
  top: -2px
}

.top-\[-928px\] {
  top: -928px
}

.top-\[-9px\] {
  top: -9px
}

.top-\[14px\] {
  top: 14px
}

.top-\[48px\] {
  top: 48px
}

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

.top-\[5px\] {
  top: 5px
}

.top-\[70\%\] {
  top: 70%
}

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

.top-auto {
  top: auto
}

.top-full {
  top: 100%
}

.top-px {
  top: 1px
}

.isolate {
  isolation: isolate
}

.z-0 {
  z-index: 0
}

.z-10 {
  z-index: 10
}

.z-20 {
  z-index: 20
}

.z-50 {
  z-index: 50
}

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

.z-\[10002\] {
  z-index: 10002
}

.z-\[1003\] {
  z-index: 1003
}

.z-\[11\] {
  z-index: 11
}

.z-\[12\] {
  z-index: 12
}

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

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

.z-dialog {
  z-index: 9999
}

.z-header {
  z-index: 20
}

.z-logo {
  z-index: 22
}

.z-table {
  z-index: 10
}

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

.float-right {
  float: right
}

.\!-m-2 {
  margin: -.5rem !important
}

.\!m-0 {
  margin: 0 !important
}

.-m-1 {
  margin: -.25rem
}

.-m-2 {
  margin: -.5rem
}

.-m-2\.5 {
  margin: -.625rem
}

.-m-3 {
  margin: -.75rem
}

.-m-4 {
  margin: -1rem
}

.-m-px {
  margin: -1px
}

.m-0 {
  margin: 0
}

.m-2 {
  margin: .5rem
}

.m-\[-6px\] {
  margin: -6px
}

.m-\[-8px\] {
  margin: -8px
}

.m-auto {
  margin: auto
}

.\!-mx-1 {
  margin-left: -.25rem !important;
  margin-right: -.25rem !important
}

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

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

.-mx-1\.5 {
  margin-left: -.375rem;
  margin-right: -.375rem
}

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

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

.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem
}

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

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

.-my-0\.5 {
  margin-top: -.125rem;
  margin-bottom: -.125rem
}

.-my-1 {
  margin-top: -.25rem;
  margin-bottom: -.25rem
}

.-my-1\.5 {
  margin-top: -.375rem;
  margin-bottom: -.375rem
}

.-my-2 {
  margin-top: -.5rem;
  margin-bottom: -.5rem
}

.-my-2\.5 {
  margin-top: -.625rem;
  margin-bottom: -.625rem
}

.-my-3 {
  margin-top: -.75rem;
  margin-bottom: -.75rem
}

.-my-\[3px\] {
  margin-top: -3px;
  margin-bottom: -3px
}

.mx-0 {
  margin-left: 0;
  margin-right: 0
}

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

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

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.my-0\.5 {
  margin-top: .125rem;
  margin-bottom: .125rem
}

.my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem
}

.my-1\.5 {
  margin-top: .375rem;
  margin-bottom: .375rem
}

.my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.my-\[-2px\] {
  margin-top: -2px;
  margin-bottom: -2px
}

.\!mb-0 {
  margin-bottom: 0 !important
}

.\!mb-1\.5 {
  margin-bottom: .375rem !important
}

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

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

.\!mt-0 {
  margin-top: 0 !important
}

.\!mt-1\.5 {
  margin-top: .375rem !important
}

.\!mt-2 {
  margin-top: .5rem !important
}

.\!mt-5 {
  margin-top: 1.25rem !important
}

.\!mt-\[2px\] {
  margin-top: 2px !important
}

.-mb-0\.5 {
  margin-bottom: -.125rem
}

.-mb-1 {
  margin-bottom: -.25rem
}

.-mb-1\.5 {
  margin-bottom: -.375rem
}

.-mb-2 {
  margin-bottom: -.5rem
}

.-mb-3 {
  margin-bottom: -.75rem
}

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

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

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

.-ml-1 {
  margin-left: -.25rem
}

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

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

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

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

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

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

.-mr-1 {
  margin-right: -.25rem
}

.-mr-2 {
  margin-right: -.5rem
}

.-mr-2\.5 {
  margin-right: -.625rem
}

.-mr-3 {
  margin-right: -.75rem
}

.-mr-40 {
  margin-right: -10rem
}

.-mr-\[5px\] {
  margin-right: -5px
}

.-mr-px {
  margin-right: -1px
}

.-mt-0\.5 {
  margin-top: -.125rem
}

.-mt-1 {
  margin-top: -.25rem
}

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

.-mt-11 {
  margin-top: -2.75rem
}

.-mt-12 {
  margin-top: -3rem
}

.-mt-2 {
  margin-top: -.5rem
}

.-mt-3 {
  margin-top: -.75rem
}

.-mt-4 {
  margin-top: -1rem
}

.-mt-8 {
  margin-top: -2rem
}

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

.mb-0 {
  margin-bottom: 0
}

.mb-0\.5 {
  margin-bottom: .125rem
}

.mb-1 {
  margin-bottom: .25rem
}

.mb-10 {
  margin-bottom: 2.5rem
}

.mb-12 {
  margin-bottom: 3rem
}

.mb-15 {
  margin-bottom: 4rem
}

.mb-16 {
  margin-bottom: 5rem
}

.mb-2 {
  margin-bottom: .5rem
}

.mb-3 {
  margin-bottom: .75rem
}

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

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

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

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

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

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

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

.ml-0 {
  margin-left: 0
}

.ml-1 {
  margin-left: .25rem
}

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

.ml-2 {
  margin-left: .5rem
}

.ml-auto {
  margin-left: auto
}

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

.mr-1 {
  margin-right: .25rem
}

.mr-2 {
  margin-right: .5rem
}

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

.mt-0 {
  margin-top: 0
}

.mt-0\.5 {
  margin-top: .125rem
}

.mt-1 {
  margin-top: .25rem
}

.mt-1\.5 {
  margin-top: .375rem
}

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

.mt-12 {
  margin-top: 3rem
}

.mt-14 {
  margin-top: 3.5rem
}

.mt-15 {
  margin-top: 4rem
}

.mt-2 {
  margin-top: .5rem
}

.mt-3 {
  margin-top: .75rem
}

.mt-4 {
  margin-top: 1rem
}

.mt-6 {
  margin-top: 1.5rem
}

.mt-7 {
  margin-top: 1.75rem
}

.mt-8 {
  margin-top: 2rem
}

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

.mt-\[-3\%\] {
  margin-top: -3%
}

.mt-\[-30\%\] {
  margin-top: -30%
}

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

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

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

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

.box-content {
  box-sizing: content-box
}

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

.\!block {
  display: block !important
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.grid {
  display: grid
}

.hidden {
  display: none
}

.aspect-\[1\/1\.7\] {
  aspect-ratio: 1/1.7
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.\!h-full {
  height: 100% !important
}

.h-1 {
  height: .25rem
}

.h-10 {
  height: 2.5rem
}

.h-12 {
  height: 3rem
}

.h-16 {
  height: 5rem
}

.h-2 {
  height: .5rem
}

.h-3\.5 {
  height: .875rem
}

.h-32 {
  height: 8rem
}

.h-4 {
  height: 1rem
}

.h-40 {
  height: 10rem
}

.h-6 {
  height: 1.5rem
}

.h-7 {
  height: 1.75rem
}

.h-8 {
  height: 2rem
}

.h-\[130\%\] {
  height: 130%
}

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

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

.h-\[20px\] {
  height: 20px
}

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

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

.h-\[30\%\] {
  height: 30%
}

.h-\[312px\] {
  height: 312px
}

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

.h-\[370px\] {
  height: 370px
}

.h-\[3px\] {
  height: 3px
}

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

.h-\[40px\] {
  height: 40px
}

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

.h-\[479px\] {
  height: 479px
}

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

.h-\[495px\] {
  height: 495px
}

.h-\[54px\] {
  height: 54px
}

.h-\[92px\] {
  height: 92px
}

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

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

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

.h-\[calc\(150px\*1\.72\)\] {
  height: calc(150px * 1.72)
}

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

.h-auto {
  height: auto
}

.h-dvh {
  height: 100dvh
}

.h-full {
  height: 100%
}

.h-px {
  height: 1px
}

.h-screen {
  height: 100vh
}

.max-h-9 {
  max-height: 2.25rem
}

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

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

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

.max-h-dvh {
  max-height: 100dvh
}

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

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

.min-h-10 {
  min-height: 2.5rem
}

.min-h-4 {
  min-height: 1rem
}

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

.min-h-6 {
  min-height: 1.5rem
}

.min-h-96 {
  min-height: 24rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-0\.5 {
  width: .125rem
}

.w-1\.5 {
  width: .375rem
}

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

.w-12 {
  width: 3rem
}

.w-16 {
  width: 5rem
}

.w-18 {
  width: 7rem
}

.w-2 {
  width: .5rem
}

.w-20 {
  width: 8rem
}

.w-21 {
  width: 8.75rem
}

.w-40 {
  width: 10rem
}

.w-5 {
  width: 1.25rem
}

.w-56 {
  width: 14rem
}

.w-6 {
  width: 1.5rem
}

.w-9 {
  width: 2.25rem
}

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

.w-\[110\%\] {
  width: 110%
}

.w-\[112px\] {
  width: 112px
}

.w-\[126px\] {
  width: 126px
}

.w-\[150px\] {
  width: 150px
}

.w-\[160px\] {
  width: 160px
}

.w-\[180px\] {
  width: 180px
}

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

.w-\[224px\] {
  width: 224px
}

.w-\[233px\] {
  width: 233px
}

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

.w-\[256px\] {
  width: 256px
}

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

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

.w-\[35px\] {
  width: 35px
}

.w-\[375px\] {
  width: 375px
}

.w-\[40px\] {
  width: 40px
}

.w-\[40vw\] {
  width: 40vw
}

.w-\[480px\] {
  width: 480px
}

.w-\[54px\] {
  width: 54px
}

.w-\[720px\] {
  width: 720px
}

.w-\[95\%\] {
  width: 95%
}

.w-\[96px\] {
  width: 96px
}

.w-\[calc\(100\%\+1px\)\] {
  width: calc(100% + 1px)
}

.w-\[calc\(100\%-1px\)\] {
  width: calc(100% - 1px)
}

.w-auto {
  width: auto
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content
}

.w-full {
  width: 100%
}

.w-max {
  width: -moz-max-content;
  width: max-content
}

.w-screen {
  width: 100vw
}

.min-w-16 {
  min-width: 5rem
}

.min-w-22 {
  min-width: 9rem
}

.min-w-3\.5 {
  min-width: .875rem
}

.min-w-4 {
  min-width: 1rem
}

.min-w-7 {
  min-width: 1.75rem
}

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

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

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

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

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

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

.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width)
}

.min-w-full {
  min-width: 100%
}

.\!max-w-none {
  max-width: none !important
}

.max-w-2xl {
  max-width: 42rem
}

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

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

.max-w-5xl {
  max-width: 64rem
}

.max-w-60 {
  max-width: 15rem
}

.max-w-64 {
  max-width: 16rem
}

.max-w-6xl {
  max-width: 72rem
}

.max-w-96 {
  max-width: 24rem
}

.max-w-\[100vw\] {
  max-width: 100vw
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[calc\(100\%-50px\)\] {
  max-width: calc(100% - 50px)
}

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

.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content
}

.max-w-md {
  max-width: 28rem
}

.max-w-none {
  max-width: none
}

.max-w-screen-flounder {
  max-width: 768px
}

.max-w-screen-perch {
  max-width: 641px
}

.max-w-screen-tuna {
  max-width: 1240px
}

.max-w-screen-whale {
  max-width: 1440px
}

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

.max-w-xl {
  max-width: 36rem
}

.flex-1 {
  flex: 1 1 0%
}

.shrink-0 {
  flex-shrink: 0
}

.flex-grow,
.grow {
  flex-grow: 1
}

.table-auto {
  table-layout: auto
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-full {
  --tw-translate-x: -100%
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%
}

.-translate-y-1\/2,
.-translate-y-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-full {
  --tw-translate-y: -100%
}

.translate-x-1\/2 {
  --tw-translate-x: 50%
}

.translate-x-1\/2,
.translate-x-\[-40\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-40\%\] {
  --tw-translate-x: -40%
}

.translate-x-\[-50\%\] {
  --tw-translate-x: -50%
}

.translate-x-\[-50\%\],
.translate-x-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
  --tw-translate-x: 100%
}

.translate-y-0 {
  --tw-translate-y: 0px
}

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

.translate-y-0\.5 {
  --tw-translate-y: 0.125rem
}

.translate-y-1\/2 {
  --tw-translate-y: 50%
}

.translate-y-1\/2,
.translate-y-\[-160px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-160px\] {
  --tw-translate-y: -160px
}

.translate-y-\[-50\%\] {
  --tw-translate-y: -50%
}

.translate-y-\[-50\%\],
.translate-y-\[-80\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-80\%\] {
  --tw-translate-y: -80%
}

.translate-y-\[42\%\] {
  --tw-translate-y: 42%
}

.translate-y-\[42\%\],
.translate-y-\[80px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[80px\] {
  --tw-translate-y: 80px
}

.translate-y-px {
  --tw-translate-y: 1px
}

.-rotate-6,
.translate-y-px {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-6 {
  --tw-rotate: -6deg
}

.-rotate-90 {
  --tw-rotate: -90deg
}

.-rotate-90,
.rotate-180 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
  --tw-rotate: 180deg
}

.rotate-90 {
  --tw-rotate: 90deg
}

.rotate-90,
.rotate-\[20deg\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[20deg\] {
  --tw-rotate: 20deg
}

.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05
}

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

.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}

.scale-\[0\.8\] {
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8
}

.scale-\[0\.8\],
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.animate-fadeIn {
  animation: fadeIn .2s ease
}

.animate-in {
  animation: fadeIn .15s ease
}

@keyframes pulse {
  50% {
    opacity: .5;
    transform: scale(.9)
  }

  0%,
  to {
    transform: scale(1)
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.animate-scaleIn {
  animation: scaleIn .2s ease
}

@keyframes show {
  0% {
    opacity: 0;
    transform: translateY(-6px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.animate-show {
  animation: show .2s ease forwards
}

.animate-slideDownAndFade {
  animation: slideDownAndFade .4s cubic-bezier(.16, 1, .3, 1) forwards
}

@keyframes slideLeft {
  0% {
    width: 100%
  }

  to {
    width: 0
  }
}

.animate-slideLeft {
  animation: slideLeft 3s ease-in
}

.\!cursor-default {
  cursor: default !important
}

.cursor-default {
  cursor: default
}

.cursor-grab {
  cursor: grab
}

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

.cursor-pointer {
  cursor: pointer
}

.touch-none {
  touch-action: none
}

.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.resize-none {
  resize: none
}

.list-outside {
  list-style-position: outside
}

.list-disc {
  list-style-type: disc
}

.list-none {
  list-style-type: none
}

.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.columns-1 {
  -moz-columns: 1;
  column-count: 1
}

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

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

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

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

.flex-row {
  flex-direction: row
}

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

.\!flex-col {
  flex-direction: column !important
}

.flex-col {
  flex-direction: column
}

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

.flex-wrap {
  flex-wrap: wrap
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse
}

.flex-nowrap {
  flex-wrap: nowrap
}

.content-center {
  align-content: center
}

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

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

.\!items-center {
  align-items: center !important
}

.items-center {
  align-items: center
}

.items-baseline {
  align-items: baseline
}

.items-stretch {
  align-items: stretch
}

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

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

.justify-center {
  justify-content: center
}

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

.justify-stretch {
  justify-content: stretch
}

.\!gap-0 {
  gap: 0 !important
}

.\!gap-1 {
  gap: .25rem !important
}

.\!gap-2 {
  gap: .5rem !important
}

.gap-0 {
  gap: 0
}

.gap-0\.5 {
  gap: .125rem
}

.gap-1 {
  gap: .25rem
}

.gap-1\.5 {
  gap: .375rem
}

.gap-10 {
  gap: 2.5rem
}

.gap-11 {
  gap: 2.75rem
}

.gap-12 {
  gap: 3rem
}

.gap-14 {
  gap: 3.5rem
}

.gap-16 {
  gap: 5rem
}

.gap-2 {
  gap: .5rem
}

.gap-2\.5 {
  gap: .625rem
}

.gap-3 {
  gap: .75rem
}

.gap-3\.5 {
  gap: .875rem
}

.gap-4 {
  gap: 1rem
}

.gap-5 {
  gap: 1.25rem
}

.gap-6 {
  gap: 1.5rem
}

.gap-8 {
  gap: 2rem
}

.gap-9 {
  gap: 2.25rem
}

.gap-x-2 {
  -moz-column-gap: .5rem;
  column-gap: .5rem
}

.gap-y-1 {
  row-gap: .25rem
}

.gap-y-4 {
  row-gap: 1rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.divide-x>:not([hidden])~:not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

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

.divide-itemPrimaryDefault>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(var(--color-itemPrimaryDefault), var(--tw-divide-opacity, 1))
}

.divide-itemPrimaryMute>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(var(--color-itemPrimaryMute), var(--tw-divide-opacity, 1))
}

.divide-itemSecondaryMute>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(var(--color-itemSecondaryMute), var(--tw-divide-opacity, 1))
}

.divide-neutral30>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgba(var(--color-neutral30), var(--tw-divide-opacity, 1))
}

.self-end {
  align-self: flex-end
}

.self-center {
  align-self: center
}

.overflow-auto {
  overflow: auto
}

.overflow-hidden {
  overflow: hidden
}

.overflow-visible {
  overflow: visible
}

.overflow-scroll {
  overflow: scroll
}

.overflow-x-auto {
  overflow-x: auto
}

.overscroll-none {
  overscroll-behavior: none
}

.text-ellipsis {
  text-overflow: ellipsis
}

.whitespace-normal {
  white-space: normal
}

.whitespace-nowrap {
  white-space: nowrap
}

.whitespace-pre-wrap {
  white-space: pre-wrap
}

.whitespace-break-spaces {
  white-space: break-spaces
}

.text-balance {
  text-wrap: balance
}

.text-pretty {
  text-wrap: pretty
}

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

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

.rounded {
  border-radius: .25rem
}

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

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

.rounded-none {
  border-radius: 0
}

.rounded-sm {
  border-radius: .125rem
}

.\!border-0 {
  border-width: 0 !important
}

.border {
  border-width: 1px
}

.border-0 {
  border-width: 0
}

.border-2 {
  border-width: 2px
}

.border-\[1\.5px\] {
  border-width: 1.5px
}

.border-\[5px\] {
  border-width: 5px
}

.border-x {
  border-left-width: 1px;
  border-right-width: 1px
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px
}

.\!border-r {
  border-right-width: 1px !important
}

.border-b {
  border-bottom-width: 1px
}

.border-l {
  border-left-width: 1px
}

.border-l-8 {
  border-left-width: 8px
}

.border-r {
  border-right-width: 1px
}

.border-t {
  border-top-width: 1px
}

.border-t-2 {
  border-top-width: 2px
}

.border-solid {
  border-style: solid
}

.border-dashed {
  border-style: dashed
}

.border-none {
  border-style: none
}

.\!border-itemSecondaryMute {
  --tw-border-opacity: 1 !important;
  border-color: rgba(var(--color-itemSecondaryMute), var(--tw-border-opacity, 1)) !important
}

.\!border-neutral100 {
  --tw-border-opacity: 1 !important;
  border-color: rgba(var(--color-itemPrimaryDefault), var(--tw-border-opacity, 1)) !important
}

.border-backgroundBrandDefault {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-backgroundBrandDefault), var(--tw-border-opacity, 1))
}

.border-backgroundBrandHighlight {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-backgroundBrandHighlight), var(--tw-border-opacity, 1))
}

.border-backgroundPrimaryHighlight {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-backgroundPrimaryHighlight), var(--tw-border-opacity, 1))
}

.border-itemErrorDefault {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemErrorDefault), var(--tw-border-opacity, 1))
}

.border-itemErrorMute {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemErrorMute), var(--tw-border-opacity, 1))
}

.border-itemPrimaryDefault {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemPrimaryDefault), var(--tw-border-opacity, 1))
}

.border-itemPrimaryDefault\/10 {
  border-color: rgba(var(--color-itemPrimaryDefault), .1)
}

.border-itemPrimaryDefaultAlt2 {
  border-color: var(--color-itemPrimaryDefaultAlt2)
}

.border-itemPrimaryMute {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemPrimaryMute), var(--tw-border-opacity, 1))
}

.border-itemSecondaryDefault {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemSecondaryDefault), var(--tw-border-opacity, 1))
}

.border-itemSecondaryMute {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemSecondaryMute), var(--tw-border-opacity, 1))
}

.border-itemWarningMute {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemWarningMute), var(--tw-border-opacity, 1))
}

.border-neutral30 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-neutral30), var(--tw-border-opacity, 1))
}

.border-paleBlue {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-paleBlue), var(--tw-border-opacity, 1))
}

.border-transparent {
  border-color: transparent
}

.border-b-itemPrimaryDefault {
  --tw-border-opacity: 1;
  border-bottom-color: rgba(var(--color-itemPrimaryDefault), var(--tw-border-opacity, 1))
}

.border-t-itemPrimaryMute {
  --tw-border-opacity: 1;
  border-top-color: rgba(var(--color-itemPrimaryMute), var(--tw-border-opacity, 1))
}

.\!bg-\[\#E5FA94\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 250 148/var(--tw-bg-opacity, 1)) !important
}

.\!bg-backgroundPrimaryDefault {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-bg-opacity, 1)) !important
}

.\!bg-backgroundPrimaryHighlight {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-backgroundPrimaryHighlight), var(--tw-bg-opacity, 1)) !important
}

.\!bg-backgroundPrimaryHighlightAlt {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-backgroundPrimaryHighlightAlt), var(--tw-bg-opacity, 1)) !important
}

.\!bg-backgroundPrimaryMute {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-backgroundPrimaryMute), var(--tw-bg-opacity, 1)) !important
}

.\!bg-backgroundSecondaryHighlight {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-backgroundSecondaryHighlight), var(--tw-bg-opacity, 1)) !important
}

.\!bg-brandDefault {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-brandDefault), var(--tw-bg-opacity, 1)) !important
}

.\!bg-neutral0 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-neutral0), var(--tw-bg-opacity, 1)) !important
}

.\!bg-neutral100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-neutral100), var(--tw-bg-opacity, 1)) !important
}

.\!bg-transparent {
  background-color: transparent !important
}

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

.bg-\[\#1A0C6D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 12 109/var(--tw-bg-opacity, 1))
}

.bg-\[\#62ADFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(98 173 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#C8DCFF\]\/60 {
  background-color: rgb(200 220 255/.6)
}

.bg-\[\#F4F3F8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 248/var(--tw-bg-opacity, 1))
}

.bg-backgroundBrandActive {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundBrandActive), var(--tw-bg-opacity, 1))
}

.bg-backgroundBrandDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundBrandDefault), var(--tw-bg-opacity, 1))
}

.bg-backgroundErrorDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundErrorDefault), var(--tw-bg-opacity, 1))
}

.bg-backgroundInverseDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundInverseDefault), var(--tw-bg-opacity, 1))
}

.bg-backgroundInverseMute {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundInverseMute), var(--tw-bg-opacity, 1))
}

.bg-backgroundPrimaryActive {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryActive), var(--tw-bg-opacity, 1))
}

.bg-backgroundPrimaryDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-bg-opacity, 1))
}

.bg-backgroundPrimaryHighlight {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryHighlight), var(--tw-bg-opacity, 1))
}

.bg-backgroundPrimaryMute {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryMute), var(--tw-bg-opacity, 1))
}

.bg-backgroundPrimaryOnDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryOnDefault), var(--tw-bg-opacity, 1))
}

.bg-backgroundSecondaryActive {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryActive), var(--tw-bg-opacity, 1))
}

.bg-backgroundSecondaryDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryDefault), var(--tw-bg-opacity, 1))
}

.bg-backgroundSecondaryHighlight {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryHighlight), var(--tw-bg-opacity, 1))
}

.bg-backgroundWarningDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundWarningDefault), var(--tw-bg-opacity, 1))
}

.bg-brandDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral100), var(--tw-bg-opacity, 1))
}

.bg-decorationBlue {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-decorationBlue), var(--tw-bg-opacity, 1))
}

.bg-decorationMint {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-decorationMint), var(--tw-bg-opacity, 1))
}

.bg-decorationPink {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-decorationPink), var(--tw-bg-opacity, 1))
}

.bg-decorationSkin {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-decorationSkin), var(--tw-bg-opacity, 1))
}

.bg-decorationSky {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-decorationSky), var(--tw-bg-opacity, 1))
}

.bg-decorationViolet {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-decorationViolet), var(--tw-bg-opacity, 1))
}

.bg-itemErrorDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemErrorDefault), var(--tw-bg-opacity, 1))
}

.bg-itemInverseDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemInverseDefault), var(--tw-bg-opacity, 1))
}

.bg-itemPrimaryMute {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemPrimaryMute), var(--tw-bg-opacity, 1))
}

.bg-itemSecondaryDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemSecondaryDefault), var(--tw-bg-opacity, 1))
}

.bg-itemSecondaryMute {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemSecondaryMute), var(--tw-bg-opacity, 1))
}

.bg-mainPairedDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-main-paired-default), var(--tw-bg-opacity, 1))
}

.bg-mintGreen {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-mintGreen), var(--tw-bg-opacity, 1))
}

.bg-neutral0 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral0), var(--tw-bg-opacity, 1))
}

.bg-neutral20 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral20), var(--tw-bg-opacity, 1))
}

.bg-neutral9 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral9), var(--tw-bg-opacity, 1))
}

.bg-neutral90\/20 {
  background-color: rgba(var(--color-neutral90), .2)
}

.bg-neutral99 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral99), var(--tw-bg-opacity, 1))
}

.bg-powderBlue {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-powderBlue), var(--tw-bg-opacity, 1))
}

.bg-primary40 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary40), var(--tw-bg-opacity, 1))
}

.bg-primary60 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary60), var(--tw-bg-opacity, 1))
}

.bg-primary95 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary95), var(--tw-bg-opacity, 1))
}

.bg-transparent {
  background-color: transparent
}

.bg-opacity-40 {
  --tw-bg-opacity: 0.4
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5
}

.bg-opacity-60 {
  --tw-bg-opacity: 0.6
}

.bg-\[linear-gradient\(145deg\2c rgba\(99\2c 227\2c 54\2c 1\)_0\%\2c rgba\(197\2c 251\2c 255\2c 1\)_100\%\)\] {
  background-image: linear-gradient(145deg, rgba(99, 227, 54, 1), rgba(197, 251, 255, 1))
}

.bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\2c var\(--mousemove-gradient3\)_0\%\2c rgba\(218\2c 231\2c 255\2c 0\)_100\%\)\] {
  background-image: radial-gradient(50% 50% at 50% 50%, var(--mousemove-gradient3) 0, rgba(218, 231, 255, 0) 100%)
}

.bg-\[url\(\"\/homepage\/footer-bg\.png\"\)\] {
  background-image: url(../../../homepage/footer-bg.png)
}

.bg-\[url\(\/cosmos\/game-of-stakes-bg\.svg\)\] {
  background-image: url(../../../cosmos/game-of-stakes-bg.svg)
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-\[\#9748FE\] {
  --tw-gradient-from: #9748FE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 72 254/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#E9F1FF\] {
  --tw-gradient-from: #E9F1FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 241 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#1AFC9C\] {
  --tw-gradient-to: #1AFC9C var(--tw-gradient-to-position)
}

.to-\[\#FFEDF7\] {
  --tw-gradient-to: #FFEDF7 var(--tw-gradient-to-position)
}

.bg-contain {
  background-size: contain
}

.bg-cover {
  background-size: cover
}

.bg-center {
  background-position: 50%
}

.bg-no-repeat {
  background-repeat: no-repeat
}

.fill-backgroundPrimaryDefault {
  fill: rgba(var(--color-backgroundPrimaryDefault), 1)
}

.fill-itemPrimaryDefault {
  fill: rgba(var(--color-itemPrimaryDefault), 1)
}

.fill-itemSecondaryDefault {
  fill: rgba(var(--color-itemSecondaryDefault), 1)
}

.stroke-backgroundPrimaryDefault {
  stroke: rgba(var(--color-backgroundPrimaryDefault), 1)
}

.stroke-itemSecondaryMute {
  stroke: rgba(var(--color-itemSecondaryMute), 1)
}

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

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

.object-bottom {
  -o-object-position: bottom;
  object-position: bottom
}

.object-center {
  -o-object-position: center;
  object-position: center
}

.object-right-bottom {
  -o-object-position: right bottom;
  object-position: right bottom
}

.\!p-0 {
  padding: 0 !important
}

.\!p-1 {
  padding: .25rem !important
}

.\!p-2 {
  padding: .5rem !important
}

.\!p-4 {
  padding: 1rem !important
}

.\!p-6 {
  padding: 1.5rem !important
}

.\!p-7 {
  padding: 1.75rem !important
}

.\!p-8 {
  padding: 2rem !important
}

.\!p-\[9px\] {
  padding: 9px !important
}

.p-0 {
  padding: 0
}

.p-1\.5 {
  padding: .375rem
}

.p-10 {
  padding: 2.5rem
}

.p-12 {
  padding: 3rem
}

.p-2 {
  padding: .5rem
}

.p-2\.5 {
  padding: .625rem
}

.p-3 {
  padding: .75rem
}

.p-3\.5 {
  padding: .875rem
}

.p-4 {
  padding: 1rem
}

.p-5 {
  padding: 1.25rem
}

.p-6 {
  padding: 1.5rem
}

.p-7 {
  padding: 1.75rem
}

.p-8 {
  padding: 2rem
}

.p-\[13px\] {
  padding: 13px
}

.p-\[6px\] {
  padding: 6px
}

.p-\[8px\] {
  padding: 8px
}

.\!px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important
}

.\!px-1\.5 {
  padding-left: .375rem !important;
  padding-right: .375rem !important
}

.\!px-2\.5 {
  padding-left: .625rem !important;
  padding-right: .625rem !important
}

.\!px-3 {
  padding-left: .75rem !important;
  padding-right: .75rem !important
}

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

.\!px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important
}

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

.\!py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.\!py-1\.5 {
  padding-top: .375rem !important;
  padding-bottom: .375rem !important
}

.\!py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.\!py-2\.5 {
  padding-top: .625rem !important;
  padding-bottom: .625rem !important
}

.\!py-3\.5 {
  padding-top: .875rem !important;
  padding-bottom: .875rem !important
}

.\!py-\[7px\] {
  padding-top: 7px !important;
  padding-bottom: 7px !important
}

.px-0 {
  padding-left: 0;
  padding-right: 0
}

.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem
}

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

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

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem
}

.px-3\.5 {
  padding-left: .875rem;
  padding-right: .875rem
}

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

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

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

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

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

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem
}

.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px
}

.px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px
}

.px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px
}

.px-\[4px\] {
  padding-left: 4px;
  padding-right: 4px
}

.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

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

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

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem
}

.py-15 {
  padding-top: 4rem;
  padding-bottom: 4rem
}

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

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

.py-20 {
  padding-top: 8rem;
  padding-bottom: 8rem
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem
}

.py-3\.5 {
  padding-top: .875rem;
  padding-bottom: .875rem
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.py-44 {
  padding-top: 11rem;
  padding-bottom: 11rem
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

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

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem
}

.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px
}

.py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px
}

.py-\[12vh\] {
  padding-top: 12vh;
  padding-bottom: 12vh
}

.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px
}

.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px
}

.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px
}

.py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px
}

.\!pb-0 {
  padding-bottom: 0 !important
}

.\!pb-15 {
  padding-bottom: 4rem !important
}

.\!pb-4 {
  padding-bottom: 1rem !important
}

.\!pb-5 {
  padding-bottom: 1.25rem !important
}

.\!pr-0 {
  padding-right: 0 !important
}

.\!pr-3 {
  padding-right: .75rem !important
}

.\!pt-0 {
  padding-top: 0 !important
}

.\!pt-5 {
  padding-top: 1.25rem !important
}

.\!pt-8 {
  padding-top: 2rem !important
}

.pb-0 {
  padding-bottom: 0
}

.pb-1 {
  padding-bottom: .25rem
}

.pb-10 {
  padding-bottom: 2.5rem
}

.pb-12 {
  padding-bottom: 3rem
}

.pb-14 {
  padding-bottom: 3.5rem
}

.pb-15 {
  padding-bottom: 4rem
}

.pb-16 {
  padding-bottom: 5rem
}

.pb-18 {
  padding-bottom: 7rem
}

.pb-2\.5 {
  padding-bottom: .625rem
}

.pb-3 {
  padding-bottom: .75rem
}

.pb-4 {
  padding-bottom: 1rem
}

.pb-5 {
  padding-bottom: 1.25rem
}

.pb-6 {
  padding-bottom: 1.5rem
}

.pb-8 {
  padding-bottom: 2rem
}

.pb-9 {
  padding-bottom: 2.25rem
}

.pl-0 {
  padding-left: 0
}

.pl-1 {
  padding-left: .25rem
}

.pl-2 {
  padding-left: .5rem
}

.pl-3 {
  padding-left: .75rem
}

.pl-4 {
  padding-left: 1rem
}

.pl-5 {
  padding-left: 1.25rem
}

.pl-6 {
  padding-left: 1.5rem
}

.pl-\[15px\] {
  padding-left: 15px
}

.pr-0 {
  padding-right: 0
}

.pr-1 {
  padding-right: .25rem
}

.pr-11 {
  padding-right: 2.75rem
}

.pr-12 {
  padding-right: 3rem
}

.pr-2 {
  padding-right: .5rem
}

.pr-3 {
  padding-right: .75rem
}

.pr-4 {
  padding-right: 1rem
}

.pr-40 {
  padding-right: 10rem
}

.pr-8 {
  padding-right: 2rem
}

.pr-\[15px\] {
  padding-right: 15px
}

.pr-\[59px\] {
  padding-right: 59px
}

.pr-px {
  padding-right: 1px
}

.pt-1 {
  padding-top: .25rem
}

.pt-1\.5 {
  padding-top: .375rem
}

.pt-10 {
  padding-top: 2.5rem
}

.pt-12 {
  padding-top: 3rem
}

.pt-14 {
  padding-top: 3.5rem
}

.pt-15 {
  padding-top: 4rem
}

.pt-16 {
  padding-top: 5rem
}

.pt-2 {
  padding-top: .5rem
}

.pt-3 {
  padding-top: .75rem
}

.pt-4 {
  padding-top: 1rem
}

.pt-44 {
  padding-top: 11rem
}

.pt-5 {
  padding-top: 1.25rem
}

.pt-6 {
  padding-top: 1.5rem
}

.pt-8 {
  padding-top: 2rem
}

.pt-\[64px\] {
  padding-top: 64px
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.\!text-start {
  text-align: start !important
}

.text-start {
  text-align: start
}

.text-end {
  text-align: end
}

.align-top {
  vertical-align: top
}

.align-middle {
  vertical-align: middle
}

.align-bottom {
  vertical-align: bottom
}

.\!font-sans {
  font-family: var(--font-primary) !important
}

.font-\[monospace\] {
  font-family: monospace
}

.font-display {
  font-family: var(--font-display);
  font-feature-settings: "liga" 1, "calt" 1
}

.font-mono {
  font-family: var(--font-mono)
}

.font-sans {
  font-family: var(--font-primary)
}

.\!text-\[12px\] {
  font-size: 12px !important
}

.\!text-\[13px\] {
  font-size: 13px !important
}

.\!text-desktopBody4 {
  font-size: 16px !important;
  line-height: 24px !important
}

.\!text-desktopCallout {
  font-size: 14px !important;
  line-height: 20px !important
}

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

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

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

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

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

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

.text-\[clamp\(10\.8px\2c 1rem\+0\.238095vmin\2c 12px\)\] {
  font-size: clamp(10.8px, 1rem + .238095vmin, 12px)
}

.text-\[clamp\(12\.6px\2c 1rem\+0\.119048vmin\2c 14px\)\] {
  font-size: clamp(12.6px, 1rem + .119048vmin, 14px)
}

.text-\[clamp\(21\.6px\2c 1rem\+0\.47619vmin\2c 24px\)\] {
  font-size: clamp(21.6px, 1rem + .47619vmin, 24px)
}

.text-\[clamp\(25\.2px\2c 1rem\+0\.714286vmin\2c 28px\)\] {
  font-size: clamp(25.2px, 1rem + .714286vmin, 28px)
}

.text-desktopBody1 {
  font-size: 24px;
  line-height: 32px
}

.text-desktopBody3 {
  font-size: 18px;
  line-height: 28px
}

.text-desktopBody4 {
  font-size: 16px;
  line-height: 24px
}

.text-desktopCallout {
  font-size: 14px;
  line-height: 20px
}

.text-desktopTag1 {
  font-size: 13px;
  line-height: 16px
}

.text-mobileBody2 {
  font-size: 17px;
  line-height: 24px
}

.text-mobileBody3 {
  font-size: 16px;
  line-height: 24px
}

.text-mobileBody4 {
  font-size: 14px;
  line-height: 20px
}

.text-mobileCallout {
  font-size: 13px;
  line-height: 18px
}

.text-mobileH4 {
  font-size: 24px;
  line-height: 28px
}

.text-mobileTag1 {
  font-size: 10px;
  line-height: 12px
}

.\!font-medium {
  font-weight: 500 !important
}

.\!font-normal {
  font-weight: 400 !important
}

.font-black {
  font-weight: 900
}

.font-bold {
  font-weight: 700
}

.font-extrabold {
  font-weight: 800
}

.font-light {
  font-weight: 300
}

.font-medium {
  font-weight: 500
}

.font-normal {
  font-weight: 400
}

.font-semibold {
  font-weight: 600
}

.uppercase {
  text-transform: uppercase
}

.capitalize {
  text-transform: capitalize
}

.\!normal-case {
  text-transform: none !important
}

.normal-case {
  text-transform: none
}

.italic {
  font-style: italic
}

.\!leading-none {
  line-height: 1 !important
}

.leading-3 {
  line-height: .75rem
}

.leading-6 {
  line-height: 1.5rem
}

.leading-\[0\] {
  line-height: 0
}

.leading-\[0px\] {
  line-height: 0px
}

.leading-\[1\.428\] {
  line-height: 1.428
}

.leading-\[14px\] {
  line-height: 14px
}

.leading-\[15px\] {
  line-height: 15px
}

.leading-\[16\.5px\] {
  line-height: 16.5px
}

.leading-\[16px\] {
  line-height: 16px
}

.leading-\[21px\] {
  line-height: 21px
}

.leading-none {
  line-height: 1
}

.leading-normal {
  line-height: 1.5
}

.leading-snug {
  line-height: 1.375
}

.leading-tight {
  line-height: 1.25
}

.\!tracking-\[0px\],
.\!tracking-normal {
  letter-spacing: 0 !important
}

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

.tracking-\[0\.5px\] {
  letter-spacing: .5px
}

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

.tracking-normal {
  letter-spacing: 0
}

.tracking-tight {
  letter-spacing: -.025em
}

.tracking-wider {
  letter-spacing: .05em
}

.\!text-\[\#2C2D2F\] {
  --tw-text-opacity: 1 !important;
  color: rgb(44 45 47/var(--tw-text-opacity, 1)) !important
}

.\!text-backgroundPrimaryOnMute {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-backgroundPrimaryOnMute), var(--tw-text-opacity, 1)) !important
}

.\!text-inherit {
  color: inherit !important
}

.\!text-itemPrimaryActive {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-itemPrimaryActive), var(--tw-text-opacity, 1)) !important
}

.\!text-itemPrimaryDefaultAlt1 {
  color: var(--color-itemPrimaryDefaultAlt1) !important
}

.\!text-itemPrimaryMute {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-itemPrimaryMute), var(--tw-text-opacity, 1)) !important
}

.\!text-neutral0 {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-neutral0), var(--tw-text-opacity, 1)) !important
}

.\!text-neutral100 {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-neutral100), var(--tw-text-opacity, 1)) !important
}

.text-\[\#1A0C6D\] {
  --tw-text-opacity: 1;
  color: rgb(26 12 109/var(--tw-text-opacity, 1))
}

.text-backgroundBrandOnDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundBrandOnDefault), var(--tw-text-opacity, 1))
}

.text-backgroundErrorDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundErrorDefault), var(--tw-text-opacity, 1))
}

.text-backgroundErrorOnDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundErrorOnDefault), var(--tw-text-opacity, 1))
}

.text-backgroundInverseOnDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundInverseOnDefault), var(--tw-text-opacity, 1))
}

.text-backgroundInverseOnMute {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundInverseOnMute), var(--tw-text-opacity, 1))
}

.text-backgroundPrimaryDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-text-opacity, 1))
}

.text-backgroundPrimaryDefault\/60 {
  color: rgba(var(--color-backgroundPrimaryDefault), .6)
}

.text-backgroundPrimaryOnActive {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryOnActive), var(--tw-text-opacity, 1))
}

.text-backgroundPrimaryOnDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryOnDefault), var(--tw-text-opacity, 1))
}

.text-backgroundPrimaryOnHighlight {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryOnHighlight), var(--tw-text-opacity, 1))
}

.text-backgroundPrimaryOnMute {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryOnMute), var(--tw-text-opacity, 1))
}

.text-backgroundSecondaryOnActive {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundSecondaryOnActive), var(--tw-text-opacity, 1))
}

.text-backgroundSecondaryOnDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundSecondaryOnDefault), var(--tw-text-opacity, 1))
}

.text-backgroundWarningOnDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundWarningOnDefault), var(--tw-text-opacity, 1))
}

.text-brandDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brandDefault), var(--tw-text-opacity, 1))
}

.text-inherit {
  color: inherit
}

.text-itemErrorDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemErrorDefault), var(--tw-text-opacity, 1))
}

.text-itemInverseHighlight {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemInverseHighlight), var(--tw-text-opacity, 1))
}

.text-itemPrimaryDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemPrimaryDefault), var(--tw-text-opacity, 1))
}

.text-itemPrimaryDefault\/60 {
  color: rgba(var(--color-itemPrimaryDefault), .6)
}

.text-itemPrimaryDefaultAlt1 {
  color: var(--color-itemPrimaryDefaultAlt1)
}

.text-itemPrimaryHighlight {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemPrimaryHighlight), var(--tw-text-opacity, 1))
}

.text-itemPrimaryMute {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemPrimaryMute), var(--tw-text-opacity, 1))
}

.text-itemSecondaryDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemSecondaryDefault), var(--tw-text-opacity, 1))
}

.text-itemSecondaryMute {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemSecondaryMute), var(--tw-text-opacity, 1))
}

.text-itemWarningHighlight {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemWarningHighlight), var(--tw-text-opacity, 1))
}

.text-mintGreen {
  --tw-text-opacity: 1;
  color: rgba(var(--color-mintGreen), var(--tw-text-opacity, 1))
}

.text-neutral0 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral0), var(--tw-text-opacity, 1))
}

.text-neutral100 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemPrimaryDefault), var(--tw-text-opacity, 1))
}

.text-neutral100\/80 {
  color: rgba(var(--color-neutral100), .8)
}

.text-neutral50 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral50), var(--tw-text-opacity, 1))
}

.text-neutral70 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral70), var(--tw-text-opacity, 1))
}

.text-neutral80 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral80), var(--tw-text-opacity, 1))
}

.text-neutral90 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral90), var(--tw-text-opacity, 1))
}

.text-paleBlue {
  --tw-text-opacity: 1;
  color: rgba(var(--color-paleBlue), var(--tw-text-opacity, 1))
}

.text-red50 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-red50), var(--tw-text-opacity, 1))
}

.underline {
  text-decoration-line: underline
}

.\!no-underline {
  text-decoration-line: none !important
}

.no-underline {
  text-decoration-line: none
}

.underline-offset-1 {
  text-underline-offset: 1px
}

.underline-offset-2 {
  text-underline-offset: 2px
}

.underline-offset-4 {
  text-underline-offset: 4px
}

.opacity-0 {
  opacity: 0
}

.opacity-100 {
  opacity: 1
}

.opacity-20 {
  opacity: .2
}

.opacity-25 {
  opacity: .25
}

.opacity-40 {
  opacity: .4
}

.opacity-50 {
  opacity: .5
}

.opacity-70 {
  opacity: .7
}

.opacity-80 {
  opacity: .8
}

.opacity-90 {
  opacity: .9
}

.opacity-95 {
  opacity: .95
}

.mix-blend-multiply {
  mix-blend-mode: multiply
}

.mix-blend-screen {
  mix-blend-mode: screen
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-popover {
  --tw-shadow: 0px 2px 4px rgba(var(--color-neutral0), 0.12);
  --tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color)
}

.shadow-popover,
.shadow-portal {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-portal {
  --tw-shadow: rgba(var(--color-neutral0), 0.047) 0px 4px 8px 0px;
  --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color)
}

.shadow-portalInverse {
  --tw-shadow: rgba(var(--color-neutral0), 0.047) 0px -4px 8px 0px;
  --tw-shadow-colored: 0px -4px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

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

.outline {
  outline-style: solid
}

.\!ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

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

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

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

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

.ring-2,
.ring-\[6px\] {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-\[6px\] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(6px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.\!ring-inset {
  --tw-ring-inset: inset !important
}

.ring-inset {
  --tw-ring-inset: inset
}

.\!ring-\[\#E5FA94\] {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(229 250 148/var(--tw-ring-opacity, 1)) !important
}

.\!ring-backgroundErrorOnDefault {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgba(var(--color-backgroundErrorOnDefault), var(--tw-ring-opacity, 1)) !important
}

.\!ring-itemSecondaryDefault {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgba(var(--color-itemSecondaryDefault), var(--tw-ring-opacity, 1)) !important
}

.\!ring-itemSecondaryMute {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgba(var(--color-itemSecondaryMute), var(--tw-ring-opacity, 1)) !important
}

.\!ring-neutral0 {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgba(var(--color-neutral0), var(--tw-ring-opacity, 1)) !important
}

.\!ring-neutral90\/20 {
  --tw-ring-color: rgba(var(--color-neutral90), 0.2) !important
}

.ring-backgroundBrandDefault {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-backgroundBrandDefault), var(--tw-ring-opacity, 1))
}

.ring-backgroundErrorOnDefault {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-backgroundErrorOnDefault), var(--tw-ring-opacity, 1))
}

.ring-backgroundInverseDefault {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-backgroundInverseDefault), var(--tw-ring-opacity, 1))
}

.ring-backgroundInverseMute {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-backgroundInverseMute), var(--tw-ring-opacity, 1))
}

.ring-backgroundPrimaryDefault {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-ring-opacity, 1))
}

.ring-backgroundWarningActive {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-backgroundWarningActive), var(--tw-ring-opacity, 1))
}

.ring-brandDefault {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-brandDefault), var(--tw-ring-opacity, 1))
}

.ring-itemInverseMute {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemInverseMute), var(--tw-ring-opacity, 1))
}

.ring-itemPrimaryDefault {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemPrimaryDefault), var(--tw-ring-opacity, 1))
}

.ring-itemPrimaryDefaultAlt2 {
  --tw-ring-color: var(--color-itemPrimaryDefaultAlt2)
}

.ring-itemPrimaryMute {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemPrimaryMute), var(--tw-ring-opacity, 1))
}

.ring-itemSecondaryActive {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryActive), var(--tw-ring-opacity, 1))
}

.ring-itemSecondaryDefault {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryDefault), var(--tw-ring-opacity, 1))
}

.ring-itemSecondaryHighlight {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryHighlight), var(--tw-ring-opacity, 1))
}

.ring-itemSecondaryMute {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryMute), var(--tw-ring-opacity, 1))
}

.ring-neutral90\/20 {
  --tw-ring-color: rgba(var(--color-neutral90), 0.2)
}

.ring-opacity-20 {
  --tw-ring-opacity: 0.2
}

.blur {
  --tw-blur: blur(8px)
}

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

.grayscale {
  --tw-grayscale: grayscale(100%)
}

.filter {
  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-\[20px\] {
  --tw-backdrop-blur: blur(20px)
}

.backdrop-blur-\[20px\],
.backdrop-blur-\[56px\] {
  -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-\[56px\] {
  --tw-backdrop-blur: blur(56px)
}

.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.\!transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
  transition-duration: .15s !important
}

.transition-\[color\2c background\2c box-shadow\] {
  transition-property: color, background, box-shadow;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[color\2c background\] {
  transition-property: color, background;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.\!delay-0 {
  transition-delay: 0s !important
}

.delay-500 {
  transition-delay: .5s
}

.\!duration-500 {
  transition-duration: .5s !important
}

.duration-1000 {
  transition-duration: 1s
}

.duration-300 {
  transition-duration: .3s
}

.duration-500 {
  transition-duration: .5s
}

.duration-700 {
  transition-duration: .7s
}

.duration-\[250\] {
  transition-duration: 250
}

.duration-\[250ms\] {
  transition-duration: .25s
}

.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.will-change-\[opacity\2c transform\] {
  will-change: opacity, transform
}

.will-change-transform {
  will-change: transform
}

.\[fill\:currentColor\] {
  fill: currentColor
}

.\[filter\:contrast\(1\.1\)_saturate\(1\.1\)\] {
  filter: contrast(1.1) saturate(1.1)
}

.\[transform-style\:preserve-3d\] {
  transform-style: preserve-3d
}

.\*\:\!text-callout>* {
  font-size: 13px;
  line-height: 18px
}

@media (min-width:768px) {
  .\*\:\!text-callout>* {
    font-size: 14px;
    line-height: 20px
  }
}

.placeholder\:\!text-callout::-moz-placeholder {
  font-size: 13px;
  line-height: 18px
}

.placeholder\:\!text-callout::placeholder {
  font-size: 13px;
  line-height: 18px
}

@media (min-width:768px) {
  .placeholder\:\!text-callout::-moz-placeholder {
    font-size: 14px;
    line-height: 20px
  }

  .placeholder\:\!text-callout::placeholder {
    font-size: 14px;
    line-height: 20px
  }

  .flounder\:text-h4 {
    font-family: var(--font-display);
    font-feature-settings: "liga" 1, "calt" 1;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700
  }

  @media (min-width:768px) {
    .flounder\:text-h4 {
      font-size: 32px;
      line-height: 40px
    }
  }

  .flounder\:text-body2 {
    font-size: 17px;
    line-height: 24px
  }

  @media (min-width:768px) {
    .flounder\:text-body2 {
      font-size: 20px;
      line-height: 28px
    }
  }

  .flounder\:text-body4 {
    font-size: 14px;
    line-height: 20px
  }

  @media (min-width:768px) {
    .flounder\:text-body4 {
      font-size: 16px;
      line-height: 24px
    }
  }

  .flounder\:\!text-callout {
    font-size: 13px;
    line-height: 18px
  }

  @media (min-width:768px) {
    .flounder\:\!text-callout {
      font-size: 14px;
      line-height: 20px
    }
  }

  .flounder\:text-callout {
    font-size: 13px;
    line-height: 18px
  }

  @media (min-width:768px) {
    .flounder\:text-callout {
      font-size: 14px;
      line-height: 20px
    }
  }
}

@media (min-width:1024px) {
  .salmon\:text-h2 {
    font-family: var(--font-display);
    font-feature-settings: "liga" 1, "calt" 1;
    font-size: 28px;
    line-height: 32px;
    font-weight: 800
  }

  @media (min-width:768px) {
    .salmon\:text-h2 {
      font-size: 48px;
      line-height: 52px
    }
  }

  .salmon\:text-h4 {
    font-family: var(--font-display);
    font-feature-settings: "liga" 1, "calt" 1;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700
  }

  @media (min-width:768px) {
    .salmon\:text-h4 {
      font-size: 32px;
      line-height: 40px
    }
  }

  .salmon\:text-body4 {
    font-size: 14px;
    line-height: 20px
  }

  @media (min-width:768px) {
    .salmon\:text-body4 {
      font-size: 16px;
      line-height: 24px
    }
  }
}

.\[\&\>p\+p\]\:text-body1>p+p {
  font-size: 18px;
  line-height: 24px
}

@media (min-width:768px) {
  .\[\&\>p\+p\]\:text-body1>p+p {
    font-size: 24px;
    line-height: 32px
  }
}

.\*\:-ml-px>* {
  margin-left: -1px
}

.\*\:flex>* {
  display: flex
}

.\*\:inline-flex>* {
  display: inline-flex
}

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

.\*\:h-4>* {
  height: 1rem
}

.\*\:h-auto>* {
  height: auto
}

.\*\:max-h-10>* {
  max-height: 2.5rem
}

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

.\*\:w-full>* {
  width: 100%
}

.\*\:max-w-full>* {
  max-width: 100%
}

.\*\:cursor-pointer>* {
  cursor: pointer
}

.\*\:appearance-none>* {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.\*\:flex-col>* {
  flex-direction: column
}

.\*\:items-center>* {
  align-items: center
}

.\*\:justify-center>* {
  justify-content: center
}

.\*\:justify-between>* {
  justify-content: space-between
}

.\*\:gap-2>* {
  gap: .5rem
}

.\*\:gap-4>* {
  gap: 1rem
}

.\*\:gap-7>* {
  gap: 1.75rem
}

.\*\:whitespace-nowrap>* {
  white-space: nowrap
}

.\*\:rounded>* {
  border-radius: .25rem
}

.\*\:rounded-full>* {
  border-radius: 9999px
}

.\*\:border>* {
  border-width: 1px
}

.\*\:border-itemPrimaryMute>* {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemPrimaryMute), var(--tw-border-opacity, 1))
}

.\*\:bg-backgroundPrimaryDefault>* {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-bg-opacity, 1))
}

.\*\:bg-backgroundSecondaryDefault>* {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryDefault), var(--tw-bg-opacity, 1))
}

.\*\:bg-neutral100>* {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral100), var(--tw-bg-opacity, 1))
}

.\*\:\!p-1>* {
  padding: .25rem !important
}

.\*\:p-6>* {
  padding: 1.5rem
}

.\*\:px-1\.5>* {
  padding-left: .375rem;
  padding-right: .375rem
}

.\*\:px-3>* {
  padding-left: .75rem;
  padding-right: .75rem
}

.\*\:px-3\.5>* {
  padding-left: .875rem;
  padding-right: .875rem
}

.\*\:py-1>* {
  padding-top: .25rem;
  padding-bottom: .25rem
}

.\*\:py-1\.5>* {
  padding-top: .375rem;
  padding-bottom: .375rem
}

.\*\:py-2\.5>* {
  padding-top: .625rem;
  padding-bottom: .625rem
}

.\*\:text-start>* {
  text-align: start
}

.\*\:text-desktopCallout>* {
  font-size: 14px;
  line-height: 20px
}

.\*\:font-semibold>* {
  font-weight: 600
}

.\*\:uppercase>* {
  text-transform: uppercase
}

.\*\:text-itemSecondaryDefault>* {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemSecondaryDefault), var(--tw-text-opacity, 1))
}

.\*\:text-neutral0>* {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral0), var(--tw-text-opacity, 1))
}

.\*\:\!outline-none>* {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important
}

.\*\:ring-1>* {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.\*\:ring-itemSecondaryMute>* {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryMute), var(--tw-ring-opacity, 1))
}

.\*\:transition-opacity>* {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.\*\:transition-shadow>* {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.\*\:transition-transform>* {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.\*\:duration-700>* {
  transition-duration: .7s
}

.\*\:will-change-transform>* {
  will-change: transform
}

.placeholder\:font-medium::-moz-placeholder {
  font-weight: 500
}

.placeholder\:font-medium::placeholder {
  font-weight: 500
}

.placeholder\:text-neutral70::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral70), var(--tw-text-opacity, 1))
}

.placeholder\:text-neutral70::placeholder {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral70), var(--tw-text-opacity, 1))
}

.before\:pointer-events-none:before {
  content: var(--tw-content);
  pointer-events: none
}

.before\:absolute:before {
  content: var(--tw-content);
  position: absolute
}

.before\:left-0:before {
  content: var(--tw-content);
  left: 0
}

.before\:left-\[-1279px\]:before {
  content: var(--tw-content);
  left: -1279px
}

.before\:top-0:before {
  content: var(--tw-content);
  top: 0
}

.before\:top-1\/2:before {
  content: var(--tw-content);
  top: 50%
}

.before\:top-\[-804px\]:before {
  content: var(--tw-content);
  top: -804px
}

.before\:top-full:before {
  content: var(--tw-content);
  top: 100%
}

.before\:block:before {
  content: var(--tw-content);
  display: block
}

.before\:size-\[1529px\]:before {
  content: var(--tw-content);
  width: 1529px;
  height: 1529px
}

.before\:h-px:before {
  content: var(--tw-content);
  height: 1px
}

.before\:w-\[6px\]:before {
  content: var(--tw-content);
  width: 6px
}

.before\:w-full:before {
  content: var(--tw-content);
  width: 100%
}

.before\:origin-bottom-right:before {
  content: var(--tw-content);
  transform-origin: bottom right
}

.before\:translate-x-\[2px\]:before {
  --tw-translate-x: 2px
}

.before\:translate-x-\[2px\]:before,
.before\:translate-y-\[13px\]:before {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:translate-y-\[13px\]:before {
  --tw-translate-y: 13px
}

.before\:rotate-45:before {
  --tw-rotate: 45deg
}

.before\:rotate-45:before,
.before\:transform:before {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.before\:border-itemSecondaryMute:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemSecondaryMute), var(--tw-border-opacity, 1))
}

.before\:bg-itemInverseDefault:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemInverseDefault), var(--tw-bg-opacity, 1))
}

.before\:bg-itemPrimaryDefault:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemPrimaryDefault), var(--tw-bg-opacity, 1))
}

.before\:bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\2c var\(--mousemove-gradient1\)_0\%\2c rgba\(255\2c 219\2c 238\2c 0\)_100\%\)\]:before {
  content: var(--tw-content);
  background-image: radial-gradient(50% 50% at 50% 50%, var(--mousemove-gradient1) 0, rgba(255, 219, 238, 0) 100%)
}

.before\:mix-blend-multiply:before {
  content: var(--tw-content);
  mix-blend-mode: multiply
}

.before\:content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content)
}

.after\:pointer-events-none:after {
  content: var(--tw-content);
  pointer-events: none
}

.after\:absolute:after {
  content: var(--tw-content);
  position: absolute
}

.after\:inset-x-0:after {
  content: var(--tw-content);
  left: 0;
  right: 0
}

.after\:inset-x-1\.5:after {
  content: var(--tw-content);
  left: .375rem;
  right: .375rem
}

.after\:bottom-0:after {
  content: var(--tw-content);
  bottom: 0
}

.after\:bottom-full:after {
  content: var(--tw-content);
  bottom: 100%
}

.after\:left-0:after {
  content: var(--tw-content);
  left: 0
}

.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%
}

.after\:left-4:after {
  content: var(--tw-content);
  left: 1rem
}

.after\:left-\[-232px\]:after {
  content: var(--tw-content);
  left: -232px
}

.after\:left-\[-7px\]:after {
  content: var(--tw-content);
  left: -7px
}

.after\:left-\[70\%\]:after {
  content: var(--tw-content);
  left: 70%
}

.after\:left-full:after {
  content: var(--tw-content);
  left: 100%
}

.after\:right-0:after {
  content: var(--tw-content);
  right: 0
}

.after\:right-10:after {
  content: var(--tw-content);
  right: 2.5rem
}

.after\:top-0:after {
  content: var(--tw-content);
  top: 0
}

.after\:top-\[calc\(\(100\%-16px\)\/2\)\]:after {
  content: var(--tw-content);
  top: calc((100% - 16px) / 2)
}

.after\:top-full:after {
  content: var(--tw-content);
  top: 100%
}

.after\:z-\[-1\]:after {
  content: var(--tw-content);
  z-index: -1
}

.after\:z-\[1\]:after {
  content: var(--tw-content);
  z-index: 1
}

.after\:mx-auto:after {
  content: var(--tw-content);
  margin-left: auto;
  margin-right: auto
}

.after\:-ml-px:after {
  content: var(--tw-content);
  margin-left: -1px
}

.after\:block:after {
  content: var(--tw-content);
  display: block
}

.after\:size-\[1529px\]:after {
  content: var(--tw-content);
  width: 1529px;
  height: 1529px
}

.after\:h-1:after {
  content: var(--tw-content);
  height: .25rem
}

.after\:h-1\.5:after {
  content: var(--tw-content);
  height: .375rem
}

.after\:h-4:after {
  content: var(--tw-content);
  height: 1rem
}

.after\:h-6:after {
  content: var(--tw-content);
  height: 1.5rem
}

.after\:h-\[200px\]:after {
  content: var(--tw-content);
  height: 200px
}

.after\:h-full:after {
  content: var(--tw-content);
  height: 100%
}

.after\:w-\[6px\]:after {
  content: var(--tw-content);
  width: 6px
}

.after\:w-px:after {
  content: var(--tw-content);
  width: 1px
}

.after\:origin-bottom-right:after {
  content: var(--tw-content);
  transform-origin: bottom right
}

.after\:translate-x-\[3px\]:after {
  --tw-translate-x: 3px
}

.after\:translate-x-\[3px\]:after,
.after\:translate-y-\[11px\]:after {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:translate-y-\[11px\]:after {
  --tw-translate-y: 11px
}

.after\:-rotate-45:after {
  --tw-rotate: -45deg
}

.after\:-rotate-45:after,
.after\:transform:after {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.after\:border-l:after {
  content: var(--tw-content);
  border-left-width: 1px
}

.after\:border-solid:after {
  content: var(--tw-content);
  border-style: solid
}

.after\:border-itemSecondaryDefault:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemSecondaryDefault), var(--tw-border-opacity, 1))
}

.after\:border-itemSecondaryMute:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemSecondaryMute), var(--tw-border-opacity, 1))
}

.after\:border-neutral90\/20:after {
  content: var(--tw-content);
  border-color: rgba(var(--color-neutral90), .2)
}

.after\:border-transparent:after {
  content: var(--tw-content);
  border-color: transparent
}

.after\:bg-backgroundInverseDefault:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundInverseDefault), var(--tw-bg-opacity, 1))
}

.after\:bg-backgroundPrimaryDefault:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-bg-opacity, 1))
}

.after\:bg-backgroundPrimaryOnDefault:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryOnDefault), var(--tw-bg-opacity, 1))
}

.after\:bg-itemInverseDefault:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemInverseDefault), var(--tw-bg-opacity, 1))
}

.after\:bg-itemInverseMute:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemInverseMute), var(--tw-bg-opacity, 1))
}

.after\:bg-itemPrimaryDefault:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemPrimaryDefault), var(--tw-bg-opacity, 1))
}

.after\:bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\2c var\(--mousemove-gradient2\)_0\%\2c rgba\(235\2c 252\2c 239\2c 0\)_100\%\)\]:after {
  content: var(--tw-content);
  background-image: radial-gradient(50% 50% at 50% 50%, var(--mousemove-gradient2) 0, rgba(235, 252, 239, 0) 100%)
}

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

.after\:from-transparent:after {
  content: var(--tw-content);
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.after\:to-backgroundPrimaryDefault:after {
  content: var(--tw-content);
  --tw-gradient-to: rgba(var(--color-backgroundPrimaryDefault), 1) var(--tw-gradient-to-position)
}

.after\:opacity-80:after {
  content: var(--tw-content);
  opacity: .8
}

.after\:mix-blend-multiply:after {
  content: var(--tw-content);
  mix-blend-mode: multiply
}

.after\:mix-blend-difference:after {
  content: var(--tw-content);
  mix-blend-mode: difference
}

.after\:content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content)
}

.first\:-ml-px:first-child {
  margin-left: -1px
}

.first\:\!border-l:first-child {
  border-left-width: 1px !important
}

.first\:pt-0:first-child {
  padding-top: 0
}

.last\:border-0:last-child {
  border-width: 0
}

.last\:after\:hidden:last-child:after {
  content: var(--tw-content);
  display: none
}

.empty\:hidden:empty {
  display: none
}

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

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

.hover\:\!cursor-default:hover {
  cursor: default !important
}

.hover\:\!bg-backgroundPrimaryDefault:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-bg-opacity, 1)) !important
}

.hover\:\!bg-neutral100\/80:hover {
  background-color: rgba(var(--color-neutral100), .8) !important
}

.hover\:bg-backgroundBrandActive:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundBrandActive), var(--tw-bg-opacity, 1))
}

.hover\:bg-backgroundInverseActive:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundInverseActive), var(--tw-bg-opacity, 1))
}

.hover\:bg-backgroundInverseMute:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundInverseMute), var(--tw-bg-opacity, 1))
}

.hover\:bg-backgroundPrimaryHighlight:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryHighlight), var(--tw-bg-opacity, 1))
}

.hover\:bg-backgroundPrimaryHighlight\/90:hover {
  background-color: rgba(var(--color-backgroundPrimaryHighlight), .9)
}

.hover\:bg-backgroundSecondaryActive:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryActive), var(--tw-bg-opacity, 1))
}

.hover\:bg-backgroundSecondaryDefault:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryDefault), var(--tw-bg-opacity, 1))
}

.hover\:bg-backgroundSecondaryHighlight:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryHighlight), var(--tw-bg-opacity, 1))
}

.hover\:bg-itemInverseDefault:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemInverseDefault), var(--tw-bg-opacity, 1))
}

.hover\:bg-itemPrimaryDefault:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemPrimaryDefault), var(--tw-bg-opacity, 1))
}

.hover\:bg-mainPairedActive:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-main-paired-active), var(--tw-bg-opacity, 1))
}

.hover\:bg-neutral90\/20:hover {
  background-color: rgba(var(--color-neutral90), .2)
}

.hover\:bg-transparent:hover {
  background-color: transparent
}

.hover\:\!text-itemPrimaryMute:hover {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-itemPrimaryMute), var(--tw-text-opacity, 1)) !important
}

.hover\:text-backgroundBrandOnActive:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundBrandOnActive), var(--tw-text-opacity, 1))
}

.hover\:text-backgroundInverseOnActive:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundInverseOnActive), var(--tw-text-opacity, 1))
}

.hover\:text-backgroundInverseOnMute:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundInverseOnMute), var(--tw-text-opacity, 1))
}

.hover\:text-backgroundPrimaryDefault:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-text-opacity, 1))
}

.hover\:text-backgroundPrimaryOnHighlight:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryOnHighlight), var(--tw-text-opacity, 1))
}

.hover\:text-backgroundSecondaryOnActive:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundSecondaryOnActive), var(--tw-text-opacity, 1))
}

.hover\:text-brandDefault:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brandDefault), var(--tw-text-opacity, 1))
}

.hover\:text-inherit:hover {
  color: inherit
}

.hover\:text-itemInverseDefault:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemInverseDefault), var(--tw-text-opacity, 1))
}

.hover\:text-itemPrimaryActive:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemPrimaryActive), var(--tw-text-opacity, 1))
}

.hover\:text-itemPrimaryDefault:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemPrimaryDefault), var(--tw-text-opacity, 1))
}

.hover\:text-itemPrimaryDefault\/60:hover {
  color: rgba(var(--color-itemPrimaryDefault), .6)
}

.hover\:text-itemPrimaryMute:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemPrimaryMute), var(--tw-text-opacity, 1))
}

.hover\:text-neutral100:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral100), var(--tw-text-opacity, 1))
}

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

.hover\:no-underline:hover {
  text-decoration-line: none
}

.hover\:\!ring-neutral90:hover {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgba(var(--color-neutral90), var(--tw-ring-opacity, 1)) !important
}

.hover\:ring-backgroundErrorOnDefault:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-backgroundErrorOnDefault), var(--tw-ring-opacity, 1))
}

.hover\:ring-itemPrimaryDefault:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemPrimaryDefault), var(--tw-ring-opacity, 1))
}

.hover\:ring-itemPrimaryMute:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemPrimaryMute), var(--tw-ring-opacity, 1))
}

.hover\:ring-itemSecondaryActive:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryActive), var(--tw-ring-opacity, 1))
}

.hover\:ring-itemSecondaryDefault:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryDefault), var(--tw-ring-opacity, 1))
}

.hover\:ring-itemSecondaryHighlight:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryHighlight), var(--tw-ring-opacity, 1))
}

.hover\:backdrop-blur:hover {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.hover\:\*\:ring-itemSecondaryDefault>:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryDefault), var(--tw-ring-opacity, 1))
}

.focus\:\!bg-transparent:focus {
  background-color: transparent !important
}

.focus\:bg-backgroundPrimaryHighlight:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryHighlight), var(--tw-bg-opacity, 1))
}

.focus\:bg-itemPrimaryDefault:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemPrimaryDefault), var(--tw-bg-opacity, 1))
}

.focus\:text-backgroundPrimaryDefault:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-text-opacity, 1))
}

.focus\:text-backgroundPrimaryOnHighlight:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryOnHighlight), var(--tw-text-opacity, 1))
}

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

.focus\:outline-itemSecondaryDefault:focus {
  outline-color: rgba(var(--color-itemSecondaryDefault), 1)
}

.focus\:ring-itemSecondaryActive:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryActive), var(--tw-ring-opacity, 1))
}

.focus-visible\:\!bg-transparent:focus-visible {
  background-color: transparent !important
}

.focus-visible\:bg-backgroundBrandActive:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundBrandActive), var(--tw-bg-opacity, 1))
}

.focus-visible\:bg-backgroundInverseActive:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundInverseActive), var(--tw-bg-opacity, 1))
}

.focus-visible\:bg-backgroundSecondaryActive:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryActive), var(--tw-bg-opacity, 1))
}

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

.focus-visible\:outline-1:focus-visible {
  outline-width: 1px
}

.focus-visible\:-outline-offset-1:focus-visible {
  outline-offset: -1px
}

.focus-visible\:outline-brandDefault:focus-visible {
  outline-color: rgba(var(--color-brandDefault), 1)
}

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

.focus-visible\:ring-itemSecondaryDefault:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryDefault), var(--tw-ring-opacity, 1))
}

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

.active\:scale-90:active {
  --tw-scale-x: .9;
  --tw-scale-y: .9
}

.active\:scale-90:active,
.active\:scale-95:active {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95
}

.active\:cursor-grabbing:active {
  cursor: grabbing
}

.enabled\:bg-backgroundPrimaryDefault:enabled {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-bg-opacity, 1))
}

.enabled\:shadow-sliderControls:enabled {
  --tw-shadow: 0px 4px 8px rgba(var(--color-neutral0), 0.08);
  --tw-shadow-colored: 0px 4px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

.disabled\:pointer-events-none:disabled {
  pointer-events: none
}

.disabled\:cursor-default:disabled {
  cursor: default
}

.disabled\:cursor-no-drop:disabled {
  cursor: no-drop
}

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

.disabled\:bg-backgroundPrimaryHighlight:disabled {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryHighlight), var(--tw-bg-opacity, 1))
}

.disabled\:bg-transparent:disabled {
  background-color: transparent
}

.disabled\:\!text-backgroundSecondaryOnMute:disabled {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-backgroundSecondaryOnMute), var(--tw-text-opacity, 1)) !important
}

.disabled\:text-backgroundPrimaryOnMute:disabled {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryOnMute), var(--tw-text-opacity, 1))
}

.disabled\:text-neutral70:disabled {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral70), var(--tw-text-opacity, 1))
}

.disabled\:opacity-50:disabled {
  opacity: .5
}

.disabled\:ring-itemPrimaryMute:disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemPrimaryMute), var(--tw-ring-opacity, 1))
}

.group:hover .group-hover\:visible {
  visibility: visible
}

.group:hover .group-hover\:bg-backgroundInverseActive {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundInverseActive), var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-backgroundInverseDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundInverseDefault), var(--tw-bg-opacity, 1))
}

.group\/card:hover .group-hover\/card\:bg-opacity-100 {
  --tw-bg-opacity: 1
}

.group:hover .group-hover\:text-backgroundInverseOnActive {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundInverseOnActive), var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-backgroundInverseOnDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundInverseOnDefault), var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-itemPrimaryDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemPrimaryDefault), var(--tw-text-opacity, 1))
}

.group\/link:hover .group-hover\/link\:no-underline {
  text-decoration-line: none
}

.group.bg-primary60 .group-\[\.bg-primary60\]\:bg-itemPrimaryDefaultAlt2 {
  background-color: var(--color-itemPrimaryDefaultAlt2)
}

.group.bg-primary60 .group-\[\.bg-primary60\]\:text-primary60 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary60), var(--tw-text-opacity, 1))
}

.peer:disabled~.peer-disabled\:cursor-not-allowed {
  cursor: not-allowed
}

.peer:disabled~.peer-disabled\:opacity-25 {
  opacity: .25
}

.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none
}

.data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
  --tw-translate-y: 0.25rem
}

.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],
.data-\[side\=left\]\:-translate-x-1[data-side=left] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=left\]\:-translate-x-1[data-side=left] {
  --tw-translate-x: -0.25rem
}

.data-\[side\=right\]\:translate-x-1[data-side=right] {
  --tw-translate-x: 0.25rem
}

.data-\[side\=right\]\:translate-x-1[data-side=right],
.data-\[side\=top\]\:-translate-y-1[data-side=top] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=top\]\:-translate-y-1[data-side=top] {
  --tw-translate-y: -0.25rem
}

.data-\[state\=checked\]\:translate-x-\[15px\][data-state=checked] {
  --tw-translate-x: 15px
}

.data-\[state\=checked\]\:translate-x-\[15px\][data-state=checked],
.data-\[state\=unchecked\]\:translate-x-\[2px\][data-state=unchecked] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[state\=unchecked\]\:translate-x-\[2px\][data-state=unchecked] {
  --tw-translate-x: 2px
}

.data-\[side\=bottom\]\:animate-slideDownAndFade[data-side=bottom] {
  animation: slideDownAndFade .4s cubic-bezier(.16, 1, .3, 1) forwards
}

@keyframes slideUpAndFade {
  0% {
    opacity: 0;
    transform: translateY(2px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.data-\[side\=bottom\]\:animate-slideUpAndFade[data-side=bottom] {
  animation: slideUpAndFade .4s cubic-bezier(.16, 1, .3, 1) forwards
}

@keyframes slideRightAndFade {
  0% {
    opacity: 0;
    transform: translateX(-2px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

.data-\[side\=left\]\:animate-slideRightAndFade[data-side=left] {
  animation: slideRightAndFade .4s cubic-bezier(.16, 1, .3, 1)
}

@keyframes slideLeftAndFade {
  0% {
    opacity: 0;
    transform: translateX(2px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

.data-\[side\=right\]\:animate-slideLeftAndFade[data-side=right] {
  animation: slideLeftAndFade .4s cubic-bezier(.16, 1, .3, 1)
}

@keyframes slideDownAndFade {
  0% {
    opacity: 0;
    transform: translateY(-2px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.data-\[side\=top\]\:animate-slideDownAndFade[data-side=top] {
  animation: slideDownAndFade .4s cubic-bezier(.16, 1, .3, 1) forwards
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    transform: translate3d(var(--radix-popover-content-transform-origin), 0)
  }

  to {
    opacity: 0;
    transform: translate3d(var(--radix-popover-content-transform-origin), 0)
  }
}

.data-\[state\=closed\]\:animate-fadeOut[data-state=closed] {
  animation: fadeOut .2s ease
}

@keyframes exitMenu {
  0% {
    opacity: 1;
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(5px)
  }
}

.data-\[state\=closed\]\:animate-out[data-state=closed] {
  animation: exitMenu .15s ease
}

@keyframes slideUp {
  0% {
    height: var(--radix-accordion-content-height)
  }

  to {
    height: 0
  }
}

.data-\[state\=closed\]\:animate-slideUp[data-state=closed] {
  animation: slideUp .15s ease-out
}

@keyframes contentShow {
  0% {
    opacity: 0;
    transform: translate(-50%, -48%) scale(.96)
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
  }
}

.data-\[state\=open\]\:animate-contentShow[data-state=open] {
  animation: contentShow .4s cubic-bezier(.16, 1, .3, 1) forwards
}

@keyframes drawerIn {
  0% {
    opacity: 0;
    transform: perspective(1px) translate3d(-20px, 0, 0)
  }

  to {
    opacity: 1;
    transform: perspective(1px) translateZ(0)
  }
}

.data-\[state\=open\]\:animate-drawerIn[data-state=open] {
  animation: drawerIn .15s ease
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translate3d(var(--radix-popover-content-transform-origin), 0)
  }

  to {
    opacity: 1;
    transform: translate3d(var(--radix-popover-content-transform-origin), 0)
  }
}

.data-\[state\=open\]\:animate-fadeIn[data-state=open] {
  animation: fadeIn .2s ease
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: rotateX(-10deg) scale(.9) translate3d(var(--radix-popover-content-transform-origin), 0)
  }

  to {
    opacity: 1;
    transform: rotateX(0deg) scale(1) translate3d(var(--radix-popover-content-transform-origin), 0)
  }
}

.data-\[state\=open\]\:animate-scaleIn[data-state=open] {
  animation: scaleIn .2s ease
}

@keyframes slideDown {
  0% {
    height: 0
  }

  to {
    height: var(--radix-accordion-content-height)
  }
}

.data-\[state\=open\]\:animate-slideDown[data-state=open] {
  animation: slideDown .15s ease-in
}

.data-\[disabled\]\:cursor-\[initial\][data-disabled] {
  cursor: auto
}

.data-\[state\=active\]\:border-b-transparent[data-state=active] {
  border-bottom-color: transparent
}

.data-\[highlighted\]\:bg-backgroundPrimaryActive[data-highlighted],
.data-\[state\=active\]\:bg-backgroundPrimaryActive[data-state=active] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryActive), var(--tw-bg-opacity, 1))
}

.data-\[state\=active\]\:bg-backgroundPrimaryDefault[data-state=active] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-bg-opacity, 1))
}

.data-\[state\=active\]\:bg-backgroundSecondaryActive[data-state=active] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryActive), var(--tw-bg-opacity, 1))
}

.data-\[state\=checked\]\:bg-backgroundPrimaryActive[data-state=checked] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryActive), var(--tw-bg-opacity, 1))
}

.data-\[state\=checked\]\:bg-itemPrimaryDefault[data-state=checked] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemPrimaryDefault), var(--tw-bg-opacity, 1))
}

.data-\[state\=open\]\:bg-backgroundPrimaryHighlightAlt[data-state=open] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryHighlightAlt), var(--tw-bg-opacity, 1))
}

.data-\[state\=unchecked\]\:bg-itemSecondaryDefault[data-state=unchecked] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemSecondaryDefault), var(--tw-bg-opacity, 1))
}

.data-\[disabled\]\:\!text-backgroundPrimaryOnMute[data-disabled] {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-backgroundPrimaryOnMute), var(--tw-text-opacity, 1)) !important
}

.data-\[disabled\]\:text-backgroundPrimaryOnMute[data-disabled] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryOnMute), var(--tw-text-opacity, 1))
}

.data-\[highlighted\]\:text-backgroundPrimaryOnActive[data-highlighted],
.data-\[state\=active\]\:text-backgroundPrimaryOnActive[data-state=active] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryOnActive), var(--tw-text-opacity, 1))
}

.data-\[state\=active\]\:text-backgroundPrimaryOnDefault[data-state=active] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryOnDefault), var(--tw-text-opacity, 1))
}

.data-\[state\=active\]\:text-backgroundSecondaryOnActive[data-state=active] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundSecondaryOnActive), var(--tw-text-opacity, 1))
}

.data-\[state\=checked\]\:ring-\[1\.5px\][data-state=checked] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.data-\[state\=active\]\:ring-itemSecondaryActive[data-state=active] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryActive), var(--tw-ring-opacity, 1))
}

.data-\[state\=checked\]\:ring-itemSecondaryHighlight[data-state=checked] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryHighlight), var(--tw-ring-opacity, 1))
}

.data-\[state\=open\]\:ring-itemSecondaryDefault[data-state=open] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryDefault), var(--tw-ring-opacity, 1))
}

.data-\[disabled\]\:\!\[pointer-events\:initial\][data-disabled] {
  pointer-events: auto !important
}

.data-\[state\=open\]\:\*\:ring-itemSecondaryDefault>[data-state=open] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryDefault), var(--tw-ring-opacity, 1))
}

.data-\[state\=active\]\:disabled\:bg-backgroundSecondaryMute:disabled[data-state=active] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryMute), var(--tw-bg-opacity, 1))
}

.group[data-state=open] .group-data-\[state\=open\]\:-rotate-180 {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group[data-state=open] .group-data-\[state\=open\]\:border-backgroundBrandHighlight {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-backgroundBrandHighlight), var(--tw-border-opacity, 1))
}

.group[data-state=on] .group-data-\[state\=on\]\:bg-itemPrimaryDefault {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemPrimaryDefault), var(--tw-bg-opacity, 1))
}

.group[data-state=on] .group-data-\[state\=on\]\:text-itemInverseDefault {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemInverseDefault), var(--tw-text-opacity, 1))
}

.group[data-state=open] .group-data-\[state\=open\]\:opacity-100 {
  opacity: 1
}

.group[data-state=open] .group-data-\[state\=open\]\:\[transform\:rotateX\(90deg\)\] {
  transform: rotateX(90deg)
}

@media (prefers-reduced-motion:no-preference) {
  @keyframes mouse {
    0% {
      opacity: 0
    }

    50% {
      transform: translateY(0);
      opacity: 1
    }

    to {
      transform: translateY(10px);
      opacity: 0
    }
  }

  .motion-safe\:animate-mouse {
    animation: mouse 3s cubic-bezier(.15, .41, .69, .94) infinite
  }

  .motion-safe\:transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
  }

  .motion-safe\:transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
  }

  .motion-safe\:delay-100 {
    transition-delay: .1s
  }

  .motion-safe\:delay-1000 {
    transition-delay: 1s
  }

  .motion-safe\:duration-500 {
    transition-duration: .5s
  }

  .motion-safe\:duration-700 {
    transition-duration: .7s
  }
}

@media (prefers-reduced-motion:reduce) {
  .motion-reduce\:transition-none {
    transition-property: none
  }
}

.dark\:top-\[calc\(100\%\+6px\)\]:is(.dark-theme *) {
  top: calc(100% + 6px)
}

.dark\:block:is(.dark-theme *) {
  display: block
}

.dark\:hidden:is(.dark-theme *) {
  display: none
}

.dark\:border:is(.dark-theme *) {
  border-width: 1px
}

.dark\:border-t:is(.dark-theme *) {
  border-top-width: 1px
}

.dark\:border-backgroundPrimaryActive:is(.dark-theme *) {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-backgroundPrimaryActive), var(--tw-border-opacity, 1))
}

.dark\:border-itemSecondaryMute:is(.dark-theme *) {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-itemSecondaryMute), var(--tw-border-opacity, 1))
}

.dark\:border-neutral40:is(.dark-theme *) {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-neutral40), var(--tw-border-opacity, 1))
}

.dark\:border-t-itemPrimaryMute:is(.dark-theme *) {
  --tw-border-opacity: 1;
  border-top-color: rgba(var(--color-itemPrimaryMute), var(--tw-border-opacity, 1))
}

.dark\:\!bg-\[\#455319\]:is(.dark-theme *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(69 83 25/var(--tw-bg-opacity, 1)) !important
}

.dark\:\!bg-backgroundSecondaryOnDefault:is(.dark-theme *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-backgroundSecondaryOnDefault), var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-\[\#455319\]:is(.dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 83 25/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#6453AA\]:is(.dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgb(100 83 170/var(--tw-bg-opacity, 1))
}

.dark\:bg-backgroundBrandDefault:is(.dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundBrandDefault), var(--tw-bg-opacity, 1))
}

.dark\:bg-backgroundInverseMute:is(.dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundInverseMute), var(--tw-bg-opacity, 1))
}

.dark\:bg-backgroundPrimaryActive:is(.dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryActive), var(--tw-bg-opacity, 1))
}

.dark\:bg-backgroundPrimaryDefault:is(.dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-bg-opacity, 1))
}

.dark\:bg-backgroundSecondaryDefault:is(.dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundSecondaryDefault), var(--tw-bg-opacity, 1))
}

.dark\:bg-brandDefault:is(.dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-brandDefault), var(--tw-bg-opacity, 1))
}

.dark\:bg-itemPrimaryDefault:is(.dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-itemPrimaryDefault), var(--tw-bg-opacity, 1))
}

.dark\:bg-neutral0:is(.dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral0), var(--tw-bg-opacity, 1))
}

.dark\:bg-neutral15:is(.dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral15), var(--tw-bg-opacity, 1))
}

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

.dark\:bg-opacity-100:is(.dark-theme *) {
  --tw-bg-opacity: 1
}

.dark\:bg-\[url\(\/cosmos\/game-of-stakes-bg-dark\.svg\)\]:is(.dark-theme *) {
  background-image: url(../../../cosmos/game-of-stakes-bg-dark.svg)
}

.dark\:fill-itemInverseMute:is(.dark-theme *) {
  fill: rgba(var(--color-itemInverseMute), 1)
}

.dark\:stroke-itemInverseMute:is(.dark-theme *) {
  stroke: rgba(var(--color-itemInverseMute), 1)
}

.dark\:stroke-neutral40:is(.dark-theme *) {
  stroke: rgba(var(--color-neutral40), 1)
}

.dark\:\!text-backgroundBrandDefault:is(.dark-theme *) {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-backgroundBrandDefault), var(--tw-text-opacity, 1)) !important
}

.dark\:\!text-backgroundSecondaryDefault:is(.dark-theme *) {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-backgroundSecondaryDefault), var(--tw-text-opacity, 1)) !important
}

.dark\:text-backgroundInverseDefault:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundInverseDefault), var(--tw-text-opacity, 1))
}

.dark\:text-backgroundInverseOnDefault:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundInverseOnDefault), var(--tw-text-opacity, 1))
}

.dark\:text-backgroundInverseOnMute:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundInverseOnMute), var(--tw-text-opacity, 1))
}

.dark\:text-backgroundPrimaryOnDefault:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundPrimaryOnDefault), var(--tw-text-opacity, 1))
}

.dark\:text-backgroundPrimaryOnDefault\/60:is(.dark-theme *) {
  color: rgba(var(--color-backgroundPrimaryOnDefault), .6)
}

.dark\:text-brandDefault:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brandDefault), var(--tw-text-opacity, 1))
}

.dark\:text-itemInverseDefault:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemInverseDefault), var(--tw-text-opacity, 1))
}

.dark\:text-itemPrimaryDefault:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemPrimaryDefault), var(--tw-text-opacity, 1))
}

.dark\:text-neutral0:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral0), var(--tw-text-opacity, 1))
}

.dark\:text-neutral100:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral100), var(--tw-text-opacity, 1))
}

.dark\:text-neutral40:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral40), var(--tw-text-opacity, 1))
}

.dark\:text-neutral50:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral50), var(--tw-text-opacity, 1))
}

.dark\:text-neutral90:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-neutral90), var(--tw-text-opacity, 1))
}

.dark\:text-opacity-10:is(.dark-theme *) {
  --tw-text-opacity: 0.1
}

.dark\:opacity-50:is(.dark-theme *) {
  opacity: .5
}

.dark\:ring-1:is(.dark-theme *) {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.dark\:ring-2:is(.dark-theme *) {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.dark\:ring-inset:is(.dark-theme *) {
  --tw-ring-inset: inset
}

.dark\:\!ring-\[\#455319\]:is(.dark-theme *) {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(69 83 25/var(--tw-ring-opacity, 1)) !important
}

.dark\:ring-\[\#455319\]:is(.dark-theme *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(69 83 25/var(--tw-ring-opacity, 1))
}

.dark\:ring-backgroundSecondaryDefault:is(.dark-theme *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-backgroundSecondaryDefault), var(--tw-ring-opacity, 1))
}

.dark\:ring-brandDefault:is(.dark-theme *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-brandDefault), var(--tw-ring-opacity, 1))
}

.dark\:ring-itemPrimaryMute:is(.dark-theme *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemPrimaryMute), var(--tw-ring-opacity, 1))
}

.dark\:ring-neutral90:is(.dark-theme *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-neutral90), var(--tw-ring-opacity, 1))
}

.dark\:\!ring-opacity-40:is(.dark-theme *) {
  --tw-ring-opacity: 0.4 !important
}

.dark\:ring-opacity-40:is(.dark-theme *) {
  --tw-ring-opacity: 0.4
}

.dark\:before\:bg-neutral40:is(.dark-theme *):before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral40), var(--tw-bg-opacity, 1))
}

.after\:dark\:bg-neutral40:is(.dark-theme *):after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral40), var(--tw-bg-opacity, 1))
}

.dark\:after\:bg-neutral40:is(.dark-theme *):after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral40), var(--tw-bg-opacity, 1))
}

.dark\:hover\:ring-backgroundErrorOnDefault:hover:is(.dark-theme *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-backgroundErrorOnDefault), var(--tw-ring-opacity, 1))
}

.dark\:hover\:ring-itemSecondaryDefault:hover:is(.dark-theme *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-itemSecondaryDefault), var(--tw-ring-opacity, 1))
}

.group.bg-primary60 .dark\:group-\[\.bg-primary60\]\:bg-backgroundInverseMute:is(.dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-backgroundInverseMute), var(--tw-bg-opacity, 1))
}

.group.bg-primary60 .dark\:group-\[\.bg-primary60\]\:text-backgroundInverseOnMute:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-backgroundInverseOnMute), var(--tw-text-opacity, 1))
}

@media (min-width:428px) {
  .trout\:my-0 {
    margin-top: 0;
    margin-bottom: 0
  }

  .trout\:flex {
    display: flex
  }

  .trout\:hidden {
    display: none
  }

  .trout\:w-auto {
    width: auto
  }

  .trout\:max-w-\[calc\(100\%-90px\)\] {
    max-width: calc(100% - 90px)
  }

  .trout\:flex-row {
    flex-direction: row
  }

  .trout\:justify-start {
    justify-content: flex-start
  }

  .trout\:justify-between {
    justify-content: space-between
  }

  .trout\:gap-1 {
    gap: .25rem
  }

  .trout\:self-auto {
    align-self: auto
  }

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

  .trout\:text-brandDefault {
    --tw-text-opacity: 1;
    color: rgba(var(--color-brandDefault), var(--tw-text-opacity, 1))
  }
}

@media (min-width:641px) {
  .perch\:absolute {
    position: absolute
  }

  .perch\:mt-0 {
    margin-top: 0
  }

  .perch\:block {
    display: block
  }

  .perch\:hidden {
    display: none
  }

  .perch\:w-2\/5 {
    width: 40%
  }

  .perch\:w-auto {
    width: auto
  }

  .perch\:flex-row {
    flex-direction: row
  }

  .perch\:border-none {
    border-style: none
  }

  .perch\:px-1 {
    padding-left: .25rem;
    padding-right: .25rem
  }

  .perch\:text-left {
    text-align: left
  }
}

@media (min-width:768px) {
  .flounder\:static {
    position: static
  }

  .flounder\:absolute {
    position: absolute
  }

  .flounder\:relative {
    position: relative
  }

  .flounder\:inset-1 {
    inset: .25rem
  }

  .flounder\:inset-auto {
    inset: auto
  }

  .flounder\:inset-x-0 {
    left: 0;
    right: 0
  }

  .flounder\:-bottom-px {
    bottom: -1px
  }

  .flounder\:-left-px {
    left: -1px
  }

  .flounder\:-top-2\.5 {
    top: -.625rem
  }

  .flounder\:bottom-auto {
    bottom: auto
  }

  .flounder\:left-0 {
    left: 0
  }

  .flounder\:left-auto {
    left: auto
  }

  .flounder\:right-0 {
    right: 0
  }

  .flounder\:right-2 {
    right: .5rem
  }

  .flounder\:right-3 {
    right: .75rem
  }

  .flounder\:right-4 {
    right: 1rem
  }

  .flounder\:right-5 {
    right: 1.25rem
  }

  .flounder\:right-7 {
    right: 1.75rem
  }

  .flounder\:right-full {
    right: 100%
  }

  .flounder\:top-0 {
    top: 0
  }

  .flounder\:top-1 {
    top: .25rem
  }

  .flounder\:top-1\/2 {
    top: 50%
  }

  .flounder\:top-15 {
    top: 4rem
  }

  .flounder\:top-4 {
    top: 1rem
  }

  .flounder\:top-5 {
    top: 1.25rem
  }

  .flounder\:top-7 {
    top: 1.75rem
  }

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

  .flounder\:\!-m-2 {
    margin: -.5rem !important
  }

  .flounder\:-m-2\.5 {
    margin: -.625rem
  }

  .flounder\:m-0 {
    margin: 0
  }

  .flounder\:m-\[-7px\] {
    margin: -7px
  }

  .flounder\:m-\[-9px\] {
    margin: -9px
  }

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

  .flounder\:-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
  }

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

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

  .flounder\:-my-1\.5 {
    margin-top: -.375rem;
    margin-bottom: -.375rem
  }

  .flounder\:-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem
  }

  .flounder\:-my-3 {
    margin-top: -.75rem;
    margin-bottom: -.75rem
  }

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

  .flounder\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
  }

  .flounder\:\!-mb-0\.5 {
    margin-bottom: -.125rem !important
  }

  .flounder\:\!mt-2\.5 {
    margin-top: .625rem !important
  }

  .flounder\:\!mt-px {
    margin-top: 1px !important
  }

  .flounder\:-mb-px {
    margin-bottom: -1px
  }

  .flounder\:-ml-2\.5 {
    margin-left: -.625rem
  }

  .flounder\:-ml-3 {
    margin-left: -.75rem
  }

  .flounder\:-ml-px {
    margin-left: -1px
  }

  .flounder\:-mr-2\.5 {
    margin-right: -.625rem
  }

  .flounder\:-mr-3 {
    margin-right: -.75rem
  }

  .flounder\:-mt-1 {
    margin-top: -.25rem
  }

  .flounder\:-mt-1\.5 {
    margin-top: -.375rem
  }

  .flounder\:-mt-2 {
    margin-top: -.5rem
  }

  .flounder\:mb-0 {
    margin-bottom: 0
  }

  .flounder\:mb-10 {
    margin-bottom: 2.5rem
  }

  .flounder\:mb-11 {
    margin-bottom: 2.75rem
  }

  .flounder\:mb-12 {
    margin-bottom: 3rem
  }

  .flounder\:mb-14 {
    margin-bottom: 3.5rem
  }

  .flounder\:mb-15 {
    margin-bottom: 4rem
  }

  .flounder\:mb-2\.5 {
    margin-bottom: .625rem
  }

  .flounder\:mb-4 {
    margin-bottom: 1rem
  }

  .flounder\:mb-5 {
    margin-bottom: 1.25rem
  }

  .flounder\:mb-6 {
    margin-bottom: 1.5rem
  }

  .flounder\:mb-7 {
    margin-bottom: 1.75rem
  }

  .flounder\:mb-8 {
    margin-bottom: 2rem
  }

  .flounder\:mb-\[-134px\] {
    margin-bottom: -134px
  }

  .flounder\:ml-12 {
    margin-left: 3rem
  }

  .flounder\:mr-0 {
    margin-right: 0
  }

  .flounder\:mt-0 {
    margin-top: 0
  }

  .flounder\:mt-1 {
    margin-top: .25rem
  }

  .flounder\:mt-10 {
    margin-top: 2.5rem
  }

  .flounder\:mt-12 {
    margin-top: 3rem
  }

  .flounder\:mt-16 {
    margin-top: 5rem
  }

  .flounder\:mt-2 {
    margin-top: .5rem
  }

  .flounder\:mt-3 {
    margin-top: .75rem
  }

  .flounder\:mt-4 {
    margin-top: 1rem
  }

  .flounder\:mt-6 {
    margin-top: 1.5rem
  }

  .flounder\:mt-7 {
    margin-top: 1.75rem
  }

  .flounder\:mt-8 {
    margin-top: 2rem
  }

  .flounder\:mt-\[-155px\] {
    margin-top: -155px
  }

  .flounder\:mt-\[-3px\] {
    margin-top: -3px
  }

  .flounder\:mt-\[3px\] {
    margin-top: 3px
  }

  .flounder\:mt-px {
    margin-top: 1px
  }

  .flounder\:block {
    display: block
  }

  .flounder\:flex {
    display: flex
  }

  .flounder\:inline-flex {
    display: inline-flex
  }

  .flounder\:grid {
    display: grid
  }

  .flounder\:hidden {
    display: none
  }

  .flounder\:aspect-square {
    aspect-ratio: 1/1
  }

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

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

  .flounder\:\!size-6 {
    width: 1.5rem !important;
    height: 1.5rem !important
  }

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

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

  .flounder\:size-15 {
    width: 4rem;
    height: 4rem
  }

  .flounder\:size-16 {
    width: 5rem;
    height: 5rem
  }

  .flounder\:size-19 {
    width: 7.5rem;
    height: 7.5rem
  }

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

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

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

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

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

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

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

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

  .flounder\:h-10 {
    height: 2.5rem
  }

  .flounder\:h-12 {
    height: 3rem
  }

  .flounder\:h-4 {
    height: 1rem
  }

  .flounder\:h-40 {
    height: 10rem
  }

  .flounder\:h-\[1024px\] {
    height: 1024px
  }

  .flounder\:h-\[1197px\] {
    height: 1197px
  }

  .flounder\:h-\[176px\] {
    height: 176px
  }

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

  .flounder\:h-\[336px\] {
    height: 336px
  }

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

  .flounder\:h-\[525px\] {
    height: 525px
  }

  .flounder\:h-\[570px\] {
    height: 570px
  }

  .flounder\:h-\[575px\] {
    height: 575px
  }

  .flounder\:h-\[680px\] {
    height: 680px
  }

  .flounder\:h-\[736px\] {
    height: 736px
  }

  .flounder\:h-\[calc\(100dvh-365px\)\] {
    height: calc(100dvh - 365px)
  }

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

  .flounder\:h-\[calc\(216px\*1\.72\)\] {
    height: calc(216px * 1.72)
  }

  .flounder\:h-auto {
    height: auto
  }

  .flounder\:h-full {
    height: 100%
  }

  .flounder\:h-screen {
    height: 100vh
  }

  .flounder\:min-h-12 {
    min-height: 3rem
  }

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

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

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

  .flounder\:min-h-\[620px\] {
    min-height: 620px
  }

  .flounder\:min-h-\[991px\] {
    min-height: 991px
  }

  .flounder\:min-h-\[calc\(100vh-458px\)\] {
    min-height: calc(100vh - 458px)
  }

  .flounder\:min-h-full {
    min-height: 100%
  }

  .flounder\:w-4\/12 {
    width: 33.333333%
  }

  .flounder\:w-5\/12 {
    width: 41.666667%
  }

  .flounder\:w-6 {
    width: 1.5rem
  }

  .flounder\:w-6\/12 {
    width: 50%
  }

  .flounder\:w-7\/12 {
    width: 58.333333%
  }

  .flounder\:w-8\/12 {
    width: 66.666667%
  }

  .flounder\:w-96 {
    width: 24rem
  }

  .flounder\:w-\[1016px\] {
    width: 1016px
  }

  .flounder\:w-\[112px\] {
    width: 112px
  }

  .flounder\:w-\[127px\] {
    width: 127px
  }

  .flounder\:w-\[1440px\] {
    width: 1440px
  }

  .flounder\:w-\[1728px\] {
    width: 1728px
  }

  .flounder\:w-\[216px\] {
    width: 216px
  }

  .flounder\:w-\[250px\] {
    width: 250px
  }

  .flounder\:w-\[280px\] {
    width: 280px
  }

  .flounder\:w-\[30\%\] {
    width: 30%
  }

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

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

  .flounder\:w-\[344px\] {
    width: 344px
  }

  .flounder\:w-\[390px\] {
    width: 390px
  }

  .flounder\:w-\[392px\] {
    width: 392px
  }

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

  .flounder\:w-\[430px\] {
    width: 430px
  }

  .flounder\:w-\[440px\] {
    width: 440px
  }

  .flounder\:w-\[463px\] {
    width: 463px
  }

  .flounder\:w-\[466px\] {
    width: 466px
  }

  .flounder\:w-\[500px\] {
    width: 500px
  }

  .flounder\:w-\[560px\] {
    width: 560px
  }

  .flounder\:w-\[576px\] {
    width: 576px
  }

  .flounder\:w-\[590px\] {
    width: 590px
  }

  .flounder\:w-\[680px\] {
    width: 680px
  }

  .flounder\:w-\[724px\] {
    width: 724px
  }

  .flounder\:w-\[787px\] {
    width: 787px
  }

  .flounder\:w-\[calc\(50\%-0\.5rem\)\] {
    width: calc(50% - .5rem)
  }

  .flounder\:w-\[max\(840px\2c 80vw\)\] {
    width: max(840px, 80vw)
  }

  .flounder\:w-auto {
    width: auto
  }

  .flounder\:min-w-96 {
    min-width: 24rem
  }

  .flounder\:min-w-\[127px\] {
    min-width: 127px
  }

  .flounder\:min-w-\[232px\] {
    min-width: 232px
  }

  .flounder\:min-w-\[390px\] {
    min-width: 390px
  }

  .flounder\:max-w-2xl {
    max-width: 42rem
  }

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

  .flounder\:max-w-\[320px\] {
    max-width: 320px
  }

  .flounder\:max-w-\[340px\] {
    max-width: 340px
  }

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

  .flounder\:max-w-\[415px\] {
    max-width: 415px
  }

  .flounder\:max-w-\[470px\] {
    max-width: 470px
  }

  .flounder\:max-w-\[480px\] {
    max-width: 480px
  }

  .flounder\:max-w-\[524px\] {
    max-width: 524px
  }

  .flounder\:max-w-\[785px\] {
    max-width: 785px
  }

  .flounder\:max-w-full {
    max-width: 100%
  }

  .flounder\:max-w-none {
    max-width: none
  }

  .flounder\:flex-1 {
    flex: 1 1 0%
  }

  .flounder\:flex-none {
    flex: none
  }

  .flounder\:-translate-x-full {
    --tw-translate-x: -100%
  }

  .flounder\:-translate-x-full,
  .flounder\:-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .flounder\:-translate-y-1\/2 {
    --tw-translate-y: -50%
  }

  .flounder\:-translate-y-1\/4 {
    --tw-translate-y: -25%
  }

  .flounder\:-translate-y-1\/4,
  .flounder\:-translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .flounder\:-translate-y-full {
    --tw-translate-y: -100%
  }

  .flounder\:translate-x-0 {
    --tw-translate-x: 0px
  }

  .flounder\:translate-x-0,
  .flounder\:translate-x-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .flounder\:translate-x-1\/2 {
    --tw-translate-x: 50%
  }

  .flounder\:translate-x-\[-45\%\] {
    --tw-translate-x: -45%
  }

  .flounder\:translate-x-\[-45\%\],
  .flounder\:translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .flounder\:translate-y-0 {
    --tw-translate-y: 0px
  }

  .flounder\:translate-y-\[-20\%\] {
    --tw-translate-y: -20%
  }

  .flounder\:translate-y-\[-20\%\],
  .flounder\:translate-y-\[-80\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .flounder\:translate-y-\[-80\%\] {
    --tw-translate-y: -80%
  }

  .flounder\:translate-y-\[2px\] {
    --tw-translate-y: 2px
  }

  .flounder\:rotate-0,
  .flounder\:translate-y-\[2px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .flounder\:rotate-0 {
    --tw-rotate: 0deg
  }

  .flounder\:rotate-\[160deg\] {
    --tw-rotate: 160deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .flounder\:animate-none {
    animation: none
  }

  .flounder\:columns-2 {
    -moz-columns: 2;
    column-count: 2
  }

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

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

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

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

  .flounder\:flex-row {
    flex-direction: row
  }

  .flounder\:flex-row-reverse {
    flex-direction: row-reverse
  }

  .flounder\:flex-col {
    flex-direction: column
  }

  .flounder\:flex-nowrap {
    flex-wrap: nowrap
  }

  .flounder\:items-start {
    align-items: flex-start
  }

  .flounder\:items-end {
    align-items: flex-end
  }

  .flounder\:items-center {
    align-items: center
  }

  .flounder\:items-stretch {
    align-items: stretch
  }

  .flounder\:justify-start {
    justify-content: flex-start
  }

  .flounder\:justify-end {
    justify-content: flex-end
  }

  .flounder\:justify-between {
    justify-content: space-between
  }

  .flounder\:gap-0 {
    gap: 0
  }

  .flounder\:gap-1 {
    gap: .25rem
  }

  .flounder\:gap-10 {
    gap: 2.5rem
  }

  .flounder\:gap-2 {
    gap: .5rem
  }

  .flounder\:gap-3 {
    gap: .75rem
  }

  .flounder\:gap-4 {
    gap: 1rem
  }

  .flounder\:gap-5 {
    gap: 1.25rem
  }

  .flounder\:gap-6 {
    gap: 1.5rem
  }

  .flounder\:gap-7 {
    gap: 1.75rem
  }

  .flounder\:gap-8 {
    gap: 2rem
  }

  .flounder\:gap-x-12 {
    -moz-column-gap: 3rem;
    column-gap: 3rem
  }

  .flounder\:gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
  }

  .flounder\:gap-y-1 {
    row-gap: .25rem
  }

  .flounder\:gap-y-8 {
    row-gap: 2rem
  }

  .flounder\:space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
  }

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

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

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

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

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

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

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

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

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

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

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

  .flounder\:overflow-visible {
    overflow: visible
  }

  .flounder\:whitespace-nowrap {
    white-space: nowrap
  }

  .flounder\:text-wrap {
    text-wrap: wrap
  }

  .flounder\:text-pretty {
    text-wrap: pretty
  }

  .flounder\:rounded-ss-lg {
    border-start-start-radius: .5rem
  }

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

  .flounder\:border-t-0 {
    border-top-width: 0
  }

  .flounder\:border-itemPrimaryDefault {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-itemPrimaryDefault), var(--tw-border-opacity, 1))
  }

  .flounder\:border-transparent {
    border-color: transparent
  }

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

  .flounder\:object-left {
    -o-object-position: left;
    object-position: left
  }

  .flounder\:object-left-top {
    -o-object-position: left top;
    object-position: left top
  }

  .flounder\:object-top {
    -o-object-position: top;
    object-position: top
  }

  .flounder\:\!p-3 {
    padding: .75rem !important
  }

  .flounder\:p-0 {
    padding: 0
  }

  .flounder\:p-10 {
    padding: 2.5rem
  }

  .flounder\:p-15 {
    padding: 4rem
  }

  .flounder\:p-2 {
    padding: .5rem
  }

  .flounder\:p-2\.5 {
    padding: .625rem
  }

  .flounder\:p-3 {
    padding: .75rem
  }

  .flounder\:p-4 {
    padding: 1rem
  }

  .flounder\:p-5 {
    padding: 1.25rem
  }

  .flounder\:p-6 {
    padding: 1.5rem
  }

  .flounder\:p-7 {
    padding: 1.75rem
  }

  .flounder\:p-8 {
    padding: 2rem
  }

  .flounder\:p-\[7px\] {
    padding: 7px
  }

  .flounder\:p-\[9px\] {
    padding: 9px
  }

  .flounder\:\!px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
  }

  .flounder\:\!px-\[124px\] {
    padding-left: 124px !important;
    padding-right: 124px !important
  }

  .flounder\:\!py-1\.5 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
  }

  .flounder\:\!py-\[9px\] {
    padding-top: 9px !important;
    padding-bottom: 9px !important
  }

  .flounder\:px-0 {
    padding-left: 0;
    padding-right: 0
  }

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

  .flounder\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem
  }

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

  .flounder\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
  }

  .flounder\:px-16 {
    padding-left: 5rem;
    padding-right: 5rem
  }

  .flounder\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .flounder\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem
  }

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

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

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

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

  .flounder\:px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px
  }

  .flounder\:px-\[72px\] {
    padding-left: 72px;
    padding-right: 72px
  }

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

  .flounder\:py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
  }

  .flounder\:py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
  }

  .flounder\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }

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

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

  .flounder\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
  }

  .flounder\:py-15 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .flounder\:py-16 {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .flounder\:py-17 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .flounder\:py-19 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
  }

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

  .flounder\:py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
  }

  .flounder\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
  }

  .flounder\:py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
  }

  .flounder\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
  }

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

  .flounder\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
  }

  .flounder\:py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px
  }

  .flounder\:py-\[9px\] {
    padding-top: 9px;
    padding-bottom: 9px
  }

  .flounder\:pb-0 {
    padding-bottom: 0
  }

  .flounder\:pb-10 {
    padding-bottom: 2.5rem
  }

  .flounder\:pb-14 {
    padding-bottom: 3.5rem
  }

  .flounder\:pb-15 {
    padding-bottom: 4rem
  }

  .flounder\:pb-16 {
    padding-bottom: 5rem
  }

  .flounder\:pb-17 {
    padding-bottom: 6rem
  }

  .flounder\:pb-19 {
    padding-bottom: 7.5rem
  }

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

  .flounder\:pb-6 {
    padding-bottom: 1.5rem
  }

  .flounder\:pb-7 {
    padding-bottom: 1.75rem
  }

  .flounder\:pb-\[10vh\] {
    padding-bottom: 10vh
  }

  .flounder\:pb-\[15px\] {
    padding-bottom: 15px
  }

  .flounder\:pb-px {
    padding-bottom: 1px
  }

  .flounder\:pl-0 {
    padding-left: 0
  }

  .flounder\:pl-5 {
    padding-left: 1.25rem
  }

  .flounder\:pr-0 {
    padding-right: 0
  }

  .flounder\:pr-14 {
    padding-right: 3.5rem
  }

  .flounder\:pr-5 {
    padding-right: 1.25rem
  }

  .flounder\:pr-7 {
    padding-right: 1.75rem
  }

  .flounder\:pt-0 {
    padding-top: 0
  }

  .flounder\:pt-10 {
    padding-top: 2.5rem
  }

  .flounder\:pt-12 {
    padding-top: 3rem
  }

  .flounder\:pt-14 {
    padding-top: 3.5rem
  }

  .flounder\:pt-16 {
    padding-top: 5rem
  }

  .flounder\:pt-17 {
    padding-top: 6rem
  }

  .flounder\:pt-20 {
    padding-top: 8rem
  }

  .flounder\:pt-6 {
    padding-top: 1.5rem
  }

  .flounder\:pt-7 {
    padding-top: 1.75rem
  }

  .flounder\:pt-\[14px\] {
    padding-top: 14px
  }

  .flounder\:text-left {
    text-align: left
  }

  .flounder\:text-center {
    text-align: center
  }

  .flounder\:text-right {
    text-align: right
  }

  .flounder\:text-start {
    text-align: start
  }

  .flounder\:font-mono {
    font-family: var(--font-mono)
  }

  .flounder\:\!text-\[14px\] {
    font-size: 14px !important
  }

  .flounder\:\!text-desktopBody3 {
    font-size: 18px !important;
    line-height: 28px !important
  }

  .flounder\:text-\[12px\] {
    font-size: 12px
  }

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

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

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

  .flounder\:text-desktopBody2 {
    font-size: 20px;
    line-height: 28px
  }

  .flounder\:text-desktopBody3 {
    font-size: 18px;
    line-height: 28px
  }

  .flounder\:text-desktopCallout {
    font-size: 14px;
    line-height: 20px
  }

  .flounder\:\!leading-6 {
    line-height: 1.5rem !important
  }

  .flounder\:\!leading-tight {
    line-height: 1.25 !important
  }

  .flounder\:tracking-normal {
    letter-spacing: 0
  }

  .flounder\:opacity-0 {
    opacity: 0
  }

  .flounder\:opacity-100 {
    opacity: 1
  }

  .flounder\:\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
  }

  .flounder\:shadow-dropShadow {
    --tw-shadow: -4px 0px 40px rgba(0, 0, 0, 0.12);
    --tw-shadow-colored: -4px 0px 40px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  }

  .flounder\:\*\:h-\[184px\]>* {
    height: 184px
  }

  .flounder\:\*\:w-\[calc\(50\%-0\.5rem\)\]>* {
    width: calc(50% - .5rem)
  }

  .flounder\:\*\:gap-6>* {
    gap: 1.5rem
  }

  .\*\:flounder\:px-3\.5>* {
    padding-left: .875rem;
    padding-right: .875rem
  }

  .flounder\:\*\:py-2>* {
    padding-top: .5rem;
    padding-bottom: .5rem
  }

  .flounder\:after\:left-8:after {
    content: var(--tw-content);
    left: 2rem
  }

  .flounder\:after\:right-12:after {
    content: var(--tw-content);
    right: 3rem
  }

  .flounder\:first\:h-\[480px\]:first-child,
  .flounder\:last\:h-\[480px\]:last-child {
    height: 480px
  }

  .flounder\:even\:flex-row-reverse:nth-child(2n) {
    flex-direction: row-reverse
  }

  .flounder\:hover\:bg-neutral90\/20:hover {
    background-color: rgba(var(--color-neutral90), .2)
  }

  .group.flounder\:text-center .flounder\:group-\[\.flounder\\\:text-center\]\:justify-center {
    justify-content: center
  }
}

@media (min-width:1024px) {
  .salmon\:top-\[35px\] {
    top: 35px
  }

  .salmon\:-m-6 {
    margin: -1.5rem
  }

  .salmon\:mb-0 {
    margin-bottom: 0
  }

  .salmon\:mb-17 {
    margin-bottom: 6rem
  }

  .salmon\:ml-0 {
    margin-left: 0
  }

  .salmon\:mt-0 {
    margin-top: 0
  }

  .salmon\:mt-5 {
    margin-top: 1.25rem
  }

  .salmon\:block {
    display: block
  }

  .salmon\:flex {
    display: flex
  }

  .salmon\:h-12 {
    height: 3rem
  }

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

  .salmon\:w-3\/12 {
    width: 25%
  }

  .salmon\:w-4\/12 {
    width: 33.333333%
  }

  .salmon\:w-5\/12 {
    width: 41.666667%
  }

  .salmon\:w-6\/12 {
    width: 50%
  }

  .salmon\:w-7\/12 {
    width: 58.333333%
  }

  .salmon\:w-8\/12 {
    width: 66.666667%
  }

  .salmon\:w-\[224px\] {
    width: 224px
  }

  .salmon\:w-\[275px\] {
    width: 275px
  }

  .salmon\:w-\[356px\] {
    width: 356px
  }

  .salmon\:w-\[640px\] {
    width: 640px
  }

  .salmon\:w-\[724px\] {
    width: 724px
  }

  .salmon\:w-\[840px\] {
    width: 840px
  }

  .salmon\:w-\[calc\(50\%\+1px\)\] {
    width: calc(50% + 1px)
  }

  .salmon\:w-auto {
    width: auto
  }

  .salmon\:min-w-\[550px\] {
    min-width: 550px
  }

  .salmon\:max-w-5xl {
    max-width: 64rem
  }

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

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

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

  .salmon\:flex-row {
    flex-direction: row
  }

  .salmon\:flex-row-reverse {
    flex-direction: row-reverse
  }

  .salmon\:flex-nowrap {
    flex-wrap: nowrap
  }

  .salmon\:items-end {
    align-items: flex-end
  }

  .salmon\:items-center {
    align-items: center
  }

  .salmon\:justify-end {
    justify-content: flex-end
  }

  .salmon\:gap-0 {
    gap: 0
  }

  .salmon\:gap-36 {
    gap: 9rem
  }

  .salmon\:gap-4 {
    gap: 1rem
  }

  .salmon\:gap-5 {
    gap: 1.25rem
  }

  .salmon\:gap-6 {
    gap: 1.5rem
  }

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

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

  .salmon\:divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
  }

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

  .salmon\:whitespace-nowrap {
    white-space: nowrap
  }

  .salmon\:border-none {
    border-style: none
  }

  .salmon\:p-10 {
    padding: 2.5rem
  }

  .salmon\:p-6 {
    padding: 1.5rem
  }

  .salmon\:\!py-1\.5 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
  }

  .salmon\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem
  }

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

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

  .salmon\:py-16 {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .salmon\:pt-0 {
    padding-top: 0
  }

  .salmon\:pt-2 {
    padding-top: .5rem
  }

  .salmon\:pt-5 {
    padding-top: 1.25rem
  }

  .salmon\:text-right {
    text-align: right
  }

  .salmon\:font-extrabold {
    font-weight: 800
  }

  .salmon\:after\:h-\[230px\]:after {
    content: var(--tw-content);
    height: 230px
  }

  .salmon\:after\:bg-\[length\:2270px_476px\]:after {
    content: var(--tw-content);
    background-size: 2270px 476px
  }

  .salmon\:after\:bg-\[center_30\%\]:after {
    content: var(--tw-content);
    background-position: center 30%
  }
}

@media (min-width:1240px) {
  .tuna\:sticky {
    position: sticky
  }

  .tuna\:-top-0\.5 {
    top: -.125rem
  }

  .tuna\:left-0 {
    left: 0
  }

  .tuna\:right-2 {
    right: .5rem
  }

  .tuna\:top-0 {
    top: 0
  }

  .tuna\:top-12 {
    top: 3rem
  }

  .tuna\:top-\[104px\] {
    top: 104px
  }

  .tuna\:z-\[11\] {
    z-index: 11
  }

  .tuna\:float-right {
    float: right
  }

  .tuna\:m-0 {
    margin: 0
  }

  .tuna\:-mt-14 {
    margin-top: -3.5rem
  }

  .tuna\:mb-12 {
    margin-bottom: 3rem
  }

  .tuna\:mb-15 {
    margin-bottom: 4rem
  }

  .tuna\:mb-4 {
    margin-bottom: 1rem
  }

  .tuna\:mt-0\.5 {
    margin-top: .125rem
  }

  .tuna\:mt-16 {
    margin-top: 5rem
  }

  .tuna\:block {
    display: block
  }

  .tuna\:inline {
    display: inline
  }

  .tuna\:flex {
    display: flex
  }

  .tuna\:hidden {
    display: none
  }

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

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

  .tuna\:h-14 {
    height: 3.5rem
  }

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

  .tuna\:h-\[657px\] {
    height: 657px
  }

  .tuna\:min-h-\[576px\] {
    min-height: 576px
  }

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

  .tuna\:w-5\/12 {
    width: 41.666667%
  }

  .tuna\:w-7\/12 {
    width: 58.333333%
  }

  .tuna\:w-full {
    width: 100%
  }

  .tuna\:min-w-\[591px\] {
    min-width: 591px
  }

  .tuna\:\!max-w-\[initial\] {
    max-width: none !important
  }

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

  .tuna\:flex-grow {
    flex-grow: 1
  }

  .tuna\:translate-x-\[17\%\] {
    --tw-translate-x: 17%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .tuna\:columns-4 {
    -moz-columns: 4;
    column-count: 4
  }

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

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

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

  .tuna\:flex-row {
    flex-direction: row
  }

  .tuna\:flex-row-reverse {
    flex-direction: row-reverse
  }

  .tuna\:flex-col {
    flex-direction: column
  }

  .tuna\:flex-nowrap {
    flex-wrap: nowrap
  }

  .tuna\:items-start {
    align-items: flex-start
  }

  .tuna\:items-end {
    align-items: flex-end
  }

  .tuna\:items-center {
    align-items: center
  }

  .tuna\:gap-12 {
    gap: 3rem
  }

  .tuna\:gap-15 {
    gap: 4rem
  }

  .tuna\:gap-5 {
    gap: 1.25rem
  }

  .tuna\:overflow-visible {
    overflow: visible
  }

  .tuna\:whitespace-nowrap {
    white-space: nowrap
  }

  .tuna\:border-\[12px\] {
    border-width: 12px
  }

  .tuna\:bg-backgroundPrimaryDefault {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-backgroundPrimaryDefault), var(--tw-bg-opacity, 1))
  }

  .tuna\:p-3 {
    padding: .75rem
  }

  .tuna\:px-17 {
    padding-left: 6rem;
    padding-right: 6rem
  }

  .tuna\:px-21 {
    padding-left: 8.75rem;
    padding-right: 8.75rem
  }

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

  .tuna\:py-15 {
    padding-top: 4rem;
    padding-bottom: 4rem
  }

  .tuna\:py-16 {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .tuna\:py-17 {
    padding-top: 6rem;
    padding-bottom: 6rem
  }

  .tuna\:py-19 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
  }

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

  .tuna\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .tuna\:py-\[9px\] {
    padding-top: 9px;
    padding-bottom: 9px
  }

  .tuna\:pb-0 {
    padding-bottom: 0
  }

  .tuna\:pb-16 {
    padding-bottom: 5rem
  }

  .tuna\:pb-17 {
    padding-bottom: 6rem
  }

  .tuna\:pb-18 {
    padding-bottom: 7rem
  }

  .tuna\:pb-19 {
    padding-bottom: 7.5rem
  }

  .tuna\:pr-2 {
    padding-right: .5rem
  }

  .tuna\:pt-0 {
    padding-top: 0
  }

  .tuna\:pt-15 {
    padding-top: 4rem
  }

  .tuna\:pt-17 {
    padding-top: 6rem
  }

  .tuna\:pt-18 {
    padding-top: 7rem
  }

  .tuna\:pt-19 {
    padding-top: 7.5rem
  }

  .tuna\:pt-20 {
    padding-top: 8rem
  }

  .tuna\:pt-21 {
    padding-top: 8.75rem
  }

  .tuna\:pt-3 {
    padding-top: .75rem
  }

  .tuna\:text-\[clamp\(12\.6px\2c 1rem\+0\.119048vmin\2c 14px\)\] {
    font-size: clamp(12.6px, 1rem + .119048vmin, 14px)
  }

  .tuna\:ring-\[12px\] {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(12px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
  }
}

@media (min-width:1440px) {
  .whale\:-mt-4 {
    margin-top: -1rem
  }

  .whale\:inline-flex {
    display: inline-flex
  }

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

  .whale\:h-\[690px\] {
    height: 690px
  }

  .whale\:min-h-56 {
    min-height: 14rem
  }

  .whale\:min-h-\[730px\] {
    min-height: 730px
  }

  .whale\:w-4\/12 {
    width: 33.333333%
  }

  .whale\:w-5\/12 {
    width: 41.666667%
  }

  .whale\:w-7\/12 {
    width: 58.333333%
  }

  .whale\:w-\[1140px\] {
    width: 1140px
  }

  .whale\:w-\[344px\] {
    width: 344px
  }

  .whale\:w-\[591px\] {
    width: 591px
  }

  .whale\:min-w-\[724px\] {
    min-width: 724px
  }

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

  .whale\:max-w-5xl {
    max-width: 64rem
  }

  .whale\:max-w-7xl {
    max-width: 80rem
  }

  .whale\:max-w-\[75\%\] {
    max-width: 75%
  }

  .whale\:max-w-\[808px\] {
    max-width: 808px
  }

  .whale\:max-w-\[820px\] {
    max-width: 820px
  }

  .whale\:max-w-\[853px\] {
    max-width: 853px
  }

  .whale\:max-w-screen-tuna {
    max-width: 1240px
  }

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

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

  .whale\:flex-row {
    flex-direction: row
  }

  .whale\:flex-nowrap {
    flex-wrap: nowrap
  }

  .whale\:items-start {
    align-items: flex-start
  }

  .whale\:justify-between {
    justify-content: space-between
  }

  .whale\:gap-0\.5 {
    gap: .125rem
  }

  .whale\:gap-4 {
    gap: 1rem
  }

  .whale\:gap-6 {
    gap: 1.5rem
  }

  .whale\:border-neutral30 {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-neutral30), var(--tw-border-opacity, 1))
  }

  .whale\:p-19 {
    padding: 7.5rem
  }

  .whale\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem
  }

  .whale\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem
  }

  .whale\:px-21 {
    padding-left: 8.75rem;
    padding-right: 8.75rem
  }

  .whale\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
  }

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

  .whale\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
  }

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

  .whale\:pr-16 {
    padding-right: 5rem
  }

  .whale\:pr-5 {
    padding-right: 1.25rem
  }

  .whale\:\*\:w-full>* {
    width: 100%
  }

  .whale\:after\:bg-\[center_45\%\]:after {
    content: var(--tw-content);
    background-position: center 45%
  }
}

@media (min-width:1680px) {
  .whaleShark\:min-h-\[680px\] {
    min-height: 680px
  }

  .whaleShark\:min-h-\[810px\] {
    min-height: 810px
  }

  .whaleShark\:flex-row {
    flex-direction: row
  }

  .whaleShark\:gap-12 {
    gap: 3rem
  }
}

@media (min-width:768px) and (max-height:767px) {
  .flounderY\:size-9 {
    width: 2.25rem;
    height: 2.25rem
  }

  .flounderY\:h-\[575px\] {
    height: 575px
  }

  .flounderY\:gap-5 {
    gap: 1.25rem
  }

  .flounderY\:border-\[8px\] {
    border-width: 8px
  }

  .flounderY\:p-2 {
    padding: .5rem
  }

  .flounderY\:ring-\[8px\] {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
  }
}

@media (min-width:768px) and (max-height:1023px) {
  .salmonY\:mb-10 {
    margin-bottom: 2.5rem
  }

  .salmonY\:mb-11 {
    margin-bottom: 2.75rem
  }

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

  .salmonY\:py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
  }

  .salmonY\:text-mobileBody4 {
    font-size: 14px;
    line-height: 20px
  }

  .salmonY\:font-medium {
    font-weight: 500
  }
}

@media (min-width:1025px),
(min-width:475px) and (max-width:790px) {
  .appClaimButton\:ml-auto {
    margin-left: auto
  }

  .appClaimButton\:w-auto {
    width: auto
  }

  .appClaimButton\:flex-nowrap {
    flex-wrap: nowrap
  }
}

@media (min-width:1024px) and (max-width:1300px) {
  .appDataWidgets\:grid-cols-\[calc\(100\%\/3\.5\)_calc\(100\%\/3\.5\)_auto\] {
    grid-template-columns: calc(100% / 3.5) calc(100% / 3.5) auto
  }
}

@media (max-width:790px) {
  .appDataWidgetsStack\:ml-0 {
    margin-left: 0
  }

  .appDataWidgetsStack\:flex {
    display: flex
  }

  .appDataWidgetsStack\:w-full {
    width: 100%
  }

  .appDataWidgetsStack\:gap-2 {
    gap: .5rem
  }
}

@media (min-width:921px) and (max-width:1440px) {
  .appDataWidgetTitle1\:text-\[clamp\(18px\2c 1rem\+0\.238095vmin\2c 20px\)\] {
    font-size: clamp(18px, 1rem + .238095vmin, 20px)
  }
}

@media (min-width:893px) and (max-width:920px) {
  .appDataWidgetTitle2\:text-\[clamp\(16\.2px\2c 1rem\+0\.119048vmin\2c 18px\)\] {
    font-size: clamp(16.2px, 1rem + .119048vmin, 18px)
  }
}

@media (min-width:791px) and (max-width:892px) {
  .appDataWidgetTitle3\:text-\[clamp\(13\.5px\2c 1rem\+0\.0595238vmin\2c 15px\)\] {
    font-size: clamp(13.5px, 1rem + .0595238vmin, 15px)
  }
}

@media (max-width:790px) {
  .appDataWidgetTitle4\:text-\[clamp\(17\.1px\2c 1rem\+0\.178571vmin\2c 19px\)\] {
    font-size: clamp(17.1px, 1rem + .178571vmin, 19px)
  }
}

.\[\&\&\]\:hidden.\[\&\&\]\:hidden {
  display: none
}

.dark\:\[\&\&\]\:block.dark\:\[\&\&\]\:block:is(.dark-theme *) {
  display: block
}

.dark\:\[\&\&\]\:hidden.dark\:\[\&\&\]\:hidden:is(.dark-theme *) {
  display: none
}

@media (min-width:768px) {
  .flounder\:\[\&\&\]\:block.flounder\:\[\&\&\]\:block {
    display: block
  }

  .flounder\:\[\&\&\]\:hidden.flounder\:\[\&\&\]\:hidden {
    display: none
  }

  .dark\:flounder\:\[\&\&\]\:block.dark\:flounder\:\[\&\&\]\:block:is(.dark-theme *) {
    display: block
  }

  .dark\:flounder\:\[\&\&\]\:hidden.dark\:flounder\:\[\&\&\]\:hidden:is(.dark-theme *) {
    display: none
  }

  .flounder\:dark\:\[\&\&\]\:hidden.flounder\:dark\:\[\&\&\]\:hidden:is(.dark-theme *) {
    display: none
  }
}

@media (min-width:1024px) {
  .salmon\:\[\&\>\*\:nth-child\(1\)\]\:w-7\/12>:first-child {
    width: 58.333333%
  }

  .salmon\:\[\&\>\*\:nth-child\(2\)\]\:w-5\/12>:nth-child(2) {
    width: 41.666667%
  }
}

.\[\&\>\*\]\:w-1\/2>* {
  width: 50%
}

.\[\&\>\*\]\:flex-grow>* {
  flex-grow: 1
}

.\[\&\>\.h-auto\]\:ml-0>.h-auto {
  margin-left: 0
}

.\[\&\>div\]\:mx-auto>div {
  margin-left: auto;
  margin-right: auto
}

.\[\&\>div\]\:ml-0>div {
  margin-left: 0
}

.\[\&\>div\]\:w-full>div {
  width: 100%
}

.\[\&\>div\]\:gap-3>div {
  gap: .75rem
}

.\[\&\>div\]\:overflow-hidden>div {
  overflow: hidden
}

.\[\&\>img\]\:size-full>img {
  width: 100%;
  height: 100%
}

.\[\&\>p\+p\]\:mt-6>p+p {
  margin-top: 1.5rem
}

.\[\&\>p\+p\]\:text-balance>p+p {
  text-wrap: balance
}

.\[\&\>p\+p\]\:font-normal>p+p {
  font-weight: 400
}

.\[\&\>span\]\:absolute>span {
  position: absolute
}

.\[\&\>span\]\:left-0>span {
  left: 0
}

.\[\&\>span\]\:top-0>span {
  top: 0
}

.\[\&\>span\]\:z-10>span {
  z-index: 10
}

.\[\&\>span\]\:size-full>span {
  width: 100%;
  height: 100%
}

.\[\&\>span\]\:opacity-60>span {
  opacity: .6
}

.\[\&\>svg\]\:text-inherit>svg {
  color: inherit
}

.\[\&_\*\]\:text-itemSecondaryDefault * {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemSecondaryDefault), var(--tw-text-opacity, 1))
}

.\[\&_\.accent\]\:font-medium .accent {
  font-weight: 500
}

.\[\&_\.accent\]\:text-\[\#F25700\] .accent {
  --tw-text-opacity: 1;
  color: rgb(242 87 0/var(--tw-text-opacity, 1))
}

.\[\&_\.app-table-col\]\:last\:\!border-r-0:last-child .app-table-col,
.\[\&_\.app-table-header-col\]\:last\:\!border-r-0:last-child .app-table-header-col {
  border-right-width: 0 !important
}

.\[\&_\.bg-pool\]\:h-auto .bg-pool {
  height: auto
}

.\[\&_\.bg-pool\]\:py-\[4vh\] .bg-pool {
  padding-top: 4vh;
  padding-bottom: 4vh
}

.\[\&_\.glare-wrapper\]\:z-20 .glare-wrapper {
  z-index: 20
}

.\[\&_\.icon\]\:flex .icon {
  display: flex
}

.\[\&_\.text-marker\]\:bg-decorationSkin .text-marker {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-decorationSkin), var(--tw-bg-opacity, 1))
}

.\[\&_\.text-marker\]\:dark\:bg-neutral0:is(.dark-theme *) .text-marker {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-neutral0), var(--tw-bg-opacity, 1))
}

.\[\&_\>div\>div\]\:w-full>div>div {
  width: 100%
}

.\[\&_a\]\:font-medium a {
  font-weight: 500
}

.\[\&_a\]\:font-semibold a {
  font-weight: 600
}

.\[\&_a\]\:underline a {
  text-decoration-line: underline
}

.\[\&_a\]\:underline-offset-1 a {
  text-underline-offset: 1px
}

.\[\&_b\]\:font-semibold b {
  font-weight: 600
}

.\[\&_h1\]\:normal-case h1 {
  text-transform: none
}

.\[\&_h4\]\:w-full h4 {
  width: 100%
}

.\[\&_i\]\:font-light i {
  font-weight: 300
}

.dark\:\[\&_i\]\:text-brandDefault i:is(.dark-theme *) {
  --tw-text-opacity: 1;
  color: rgba(var(--color-brandDefault), var(--tw-text-opacity, 1))
}

.\[\&_p\]\:font-mono p {
  font-family: var(--font-mono)
}

.\[\&_p\]\:font-semibold p {
  font-weight: 600
}

.\[\&_span\]\:\!m-0 span {
  margin: 0 !important
}

.\[\&_span\]\:text-itemSecondaryActive span {
  --tw-text-opacity: 1;
  color: rgba(var(--color-itemSecondaryActive), var(--tw-text-opacity, 1))
}

.\[\&_svg\]\:size-full svg {
  width: 100%;
  height: 100%
}

.\[\&_ul\]\:mt-1 ul {
  margin-top: .25rem
}

.\[\&_ul\]\:list-inside ul {
  list-style-position: inside
}

.\[\&_ul\]\:list-outside ul {
  list-style-position: outside
}

.\[\&_ul\]\:list-disc ul {
  list-style-type: disc
}

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

.\[\&_ul\]\:\[list-style-position\:inside\] ul {
  list-style-position: inside
}

@media(min-width:1744px) {
  .\[\@media\(min-width\:1744px\)\]\:border-r {
    border-right-width: 1px
  }
}

/* Custom overrides for injected 2048 game compatibility */
section#hero {
  /* overflow: visible !important; */
  /* Replaced by specific x and y */
  overflow-y: visible !important;
  /* Allow vertical content to be visible (for the game) */
  overflow-x: hidden !important;
  /* Prevent horizontal overflow and scrollbars */
  /* Allows content to be visible even if it exceeds original bounds */

  /* Ensure the hero section can grow if its content needs more space. */
  /* This helps if the hero section had a fixed or restrictive min-height. */
  min-height: auto !important;
  height: auto !important;
}

/* 
  Optional: If 'overflow: visible' causes other layout issues with background elements 
  in the hero section, you might try 'overflow: auto'. This would add a scrollbar 
  to the hero section if content overflows, which might not be ideal aesthetically 
  but would prevent clipping.
  
  section#hero {
    overflow: auto !important; 
    min-height: auto !important;
    height: auto !important;
  }
*/