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

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

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

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

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

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

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

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

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

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  :root {
    --ui-card-radius: 18px;
    --ui-dialog-radius: 22px;
    --ui-dialog-shadow: 0 16px 48px #17112524;
    --ui-dialog-border: var(--line);
    --ui-dialog-surface: var(--surface-solid);
  }
  html[data-theme='dark'] {
    --ui-dialog-shadow: 0 16px 48px #00000050;
  }
  :root {
    --action-funds: #30263f;
    --action-funds-soft: #eee8f5;
    --action-funds-text: #fff;
    --action-benefit: #856229;
    --action-benefit-soft: #f7f0df;
    --action-unread: #dd705e;
    --action-utility: #736d80;
  }
  html[data-theme='dark'] {
    --action-funds: #d7c5ef;
    --action-funds-soft: #352d41;
    --action-funds-text: #241d30;
    --action-benefit: #dec28a;
    --action-benefit-soft: #383124;
    --action-unread: #ef9586;
    --action-utility: #b9b2c5;
  }

  :root {
    --bg: #f0eef9;
    --surface: rgba(255, 255, 255, 0.78);
    --surface-solid: #fff;
    --text: #111018;
    --muted: #686579;
    --line: rgba(50, 40, 80, 0.12);
    --accent: #7835bc;
    --accent2: #8c49ca;
    --shadow: 0 16px 40px rgba(86, 70, 150, 0.13);
    --radius: 18px;
    color-scheme: light;
  }
  html[data-theme='dark'] {
    --bg: #11151d;
    --surface: rgba(29, 34, 45, 0.76);
    --surface-solid: #1c222d;
    --text: #f7f6fb;
    --muted: #aaa9b7;
    --line: rgba(255, 255, 255, 0.1);
    --accent: #a36cdb;
    --accent2: #b68ae4;
    --shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
    color-scheme: dark;
  }
  * {
    box-sizing: border-box;
  }
  html {
    margin: 0;
    min-height: 100%;
    background: var(--bg);
    color: var(--text);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont,
      'Segoe UI', sans-serif;
  }

  body {
    margin: 0;
    min-height: 100%;
    background: var(--bg);
    color: var(--text);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont,
      'Segoe UI', sans-serif;
    background: radial-gradient(
        circle at 50% 0,
        rgba(130, 100, 235, 0.12),
        transparent 40%
      ),
      var(--bg);
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button {
    font: inherit;
  }
  @media (min-width: 700px) {
    body {
      padding: 22px 0;
    }
  }
  :root {
    --promo: #ee755f;
    --reward: #c58a24;
    --trust: #268da3;
    --success: #278a53;
    --danger: #c94b55;
  }
  html[data-theme='dark'] {
    --promo: #ff8975;
    --reward: #e4ae4a;
    --trust: #55b8ca;
    --success: #53b77c;
    --danger: #ef747c;
  }
  :root {
    --canvas: #f4f2fa;
    --surface-1: rgba(255, 255, 255, 0.72);
    --surface-2: #fff;
    --surface-3: #faf8ff;
    --hairline: rgba(45, 35, 72, 0.11);
    --shadow-low: 0 2px 10px rgba(45, 34, 82, 0.055);
    --shadow-high: 0 18px 46px rgba(54, 40, 96, 0.15);
    --focus-ring: 0 0 0 3px rgba(102, 80, 232, 0.22);
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --motion-fast: 160ms;
    --motion-standard: 200ms;
    --bg: var(--canvas);
    --surface: var(--surface-1);
    --surface-solid: var(--surface-2);
    --line: var(--hairline);
    --shadow: var(--shadow-high);
  }
  html[data-theme='dark'] {
    --canvas: #11141b;
    --surface-1: rgba(30, 34, 44, 0.78);
    --surface-2: #1c2029;
    --surface-3: #222631;
    --hairline: rgba(255, 255, 255, 0.105);
    --shadow-low: 0 3px 12px rgba(0, 0, 0, 0.18);
    --shadow-high: 0 20px 50px rgba(0, 0, 0, 0.34);
    --focus-ring: 0 0 0 3px rgba(139, 109, 242, 0.28);
    --bg: var(--canvas);
    --surface: var(--surface-1);
    --surface-solid: var(--surface-2);
    --line: var(--hairline);
    --shadow: var(--shadow-high);
  }
  body {
    background: radial-gradient(
        circle at 50% -8%,
        color-mix(in srgb, var(--accent) 8%, transparent),
        transparent 36%
      ),
      var(--canvas);
  }

  img {
    -webkit-user-drag: none;
  }
  :root {
    --mobile-action-radius: 14px;
    --mobile-dock-radius: 20px;
    --mobile-action-height: 56px;
    --mobile-dock-shadow: 0 8px 28px rgb(30 20 60 / 14%);
  }
  html[data-theme='dark'] {
    --mobile-dock-shadow: 0 8px 28px rgb(0 0 0 / 28%);
  }
  @font-face {
    font-family: 'Inter V2';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('/fonts/visual-v2/inter-latin-ext.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: 'Inter V2';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('/fonts/visual-v2/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, 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: 'Manrope V2';
    font-style: normal;
    font-weight: 500 700;
    font-display: swap;
    src: url('/fonts/visual-v2/manrope-latin-ext.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: 'Manrope V2';
    font-style: normal;
    font-weight: 500 700;
    font-display: swap;
    src: url('/fonts/visual-v2/manrope-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, 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;
  }

  :root {
    --font-body: 'Inter V2', -apple-system, BlinkMacSystemFont, 'Segoe UI',
      sans-serif;
    --font-heading: 'Manrope V2', var(--font-body);
    --font-numeric: var(--font-body);
    --text-page: clamp(24px, 6.7vw, 28px);
    --text-section: 18px;
    --text-body: 14px;
    --text-caption: 12px;
    --text-amount: 24px;
  }
  html {
    font-size: 16px;
  }
  body {
    font-family: var(--font-body);
    font-size: var(--text-body);
    font-weight: 400;
    line-height: 1.55;
    font-synthesis: none;
  }
  button {
    font-family: var(--font-body);
  }

  input {
    font-family: var(--font-body);
    outline: none;
  }

  select {
    font-family: var(--font-body);
  }

  textarea {
    font-family: var(--font-body);
    outline: none;
  }
  button {
    font-weight: 600;
  }
  h1 {
    font-family: var(--font-heading);
    font-weight: 650;
    text-transform: none;
  }

  h2 {
    font-family: var(--font-heading);
    font-weight: 650;
    text-transform: none;
  }

  h3 {
    font-family: var(--font-heading);
    font-weight: 650;
    text-transform: none;
  }

  h4 {
    font-family: var(--font-heading);
    font-weight: 650;
    text-transform: none;
  }
  button {
    transition: color var(--motion-fast) ease,
      background-color var(--motion-fast) ease,
      border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease,
      opacity var(--motion-fast) ease;
  }

  a {
    transition: color var(--motion-fast) ease,
      background-color var(--motion-fast) ease,
      border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease,
      opacity var(--motion-fast) ease;
  }

  input {
    transition: color var(--motion-fast) ease,
      background-color var(--motion-fast) ease,
      border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease,
      opacity var(--motion-fast) ease;
  }

  select {
    transition: color var(--motion-fast) ease,
      background-color var(--motion-fast) ease,
      border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease,
      opacity var(--motion-fast) ease;
  }

  textarea {
    transition: color var(--motion-fast) ease,
      background-color var(--motion-fast) ease,
      border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease,
      opacity var(--motion-fast) ease;
  }
  @media (prefers-reduced-motion: reduce) {
    button {
      transition: none;
    }
    a {
      transition: none;
    }
    input {
      transition: none;
    }
    select {
      transition: none;
    }
    textarea {
      transition: none;
    }
  }
  :root {
    --type-family: var(
      --font-body,
      Inter,
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      'Segoe UI',
      sans-serif
    );
    --type-page: 700 24px/30px var(--type-family);
    --type-section: 650 18px/24px var(--type-family);
    --type-detail: 700 22px/28px var(--type-family);
    --type-name: 600 14px/20px var(--type-family);
    --type-amount: 700 24px/30px var(--type-family);
    --type-card-amount: 650 18px/24px var(--type-family);
    --type-body: 400 14px/21px var(--type-family);
    --type-caption: 400 12px/18px var(--type-family);
    --type-action: 600 14px/20px var(--type-family);
    --type-badge: 600 10px/14px var(--type-family);
    --font-display: var(--font-heading);
  }
  button {
    -webkit-tap-highlight-color: transparent;
  }

  a {
    -webkit-tap-highlight-color: transparent;
  }

  [role='button'] {
    -webkit-tap-highlight-color: transparent;
  }
  @media (prefers-reduced-motion: reduce) {
    button:active {
      transform: none;
    }
    [role='button']:active {
      transform: none;
    }
  }
  [data-grade='1'] {
    --grade-color: #cb8c32;
  }
  [data-grade='2'] {
    --grade-color: #a060ca;
  }
  [data-grade='3'] {
    --grade-color: #388fa8;
  }
  [data-grade='4'] {
    --grade-color: #7e879a;
  }

  /* Text fields should not display a browser or utility focus outline. */
  input:focus,
  input:focus-visible,
  textarea:focus,
  textarea:focus-visible {
    outline: none !important;
  }
.container {
  width: 100%;
}
@media (min-width: 320px) {

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

  .container {
    max-width: 402px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.\!fixed {
  position: fixed !important;
}
.fixed {
  position: fixed;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-\[-1px\] {
  inset: -1px;
}
.inset-\[0\] {
  inset: 0;
}
.inset-\[10\%_0\] {
  inset: 10% 0;
}
.inset-\[auto_0_0\] {
  inset: auto 0 0;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-x-\[0\.7rem\] {
  left: 0.7rem;
  right: 0.7rem;
}
.inset-x-\[0\.8rem\] {
  left: 0.8rem;
  right: 0.8rem;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.inset-y-\[9px\] {
  top: 9px;
  bottom: 9px;
}
.\!right-0 {
  right: 0px !important;
}
.-bottom-\[3px\] {
  bottom: -3px;
}
.-bottom-\[40\%\] {
  bottom: -40%;
}
.-left-3\.5 {
  left: -0.875rem;
}
.-left-\[\.5rem\] {
  left: -.5rem;
}
.-left-\[15\%\] {
  left: -15%;
}
.-left-\[40\%\] {
  left: -40%;
}
.-left-\[4px\] {
  left: -4px;
}
.-left-\[5\%\] {
  left: -5%;
}
.-left-\[6\%\] {
  left: -6%;
}
.-right-2\.5 {
  right: -0.625rem;
}
.-right-\[-40\%\] {
  right: 40%;
}
.-right-\[\.5rem\] {
  right: -.5rem;
}
.-right-\[40\%\] {
  right: -40%;
}
.-right-\[4px\] {
  right: -4px;
}
.-right-\[5px\] {
  right: -5px;
}
.-right-\[6\%\] {
  right: -6%;
}
.-top-2 {
  top: -0.5rem;
}
.-top-\[0\.68rem\] {
  top: -0.68rem;
}
.-top-\[15\%\] {
  top: -15%;
}
.-top-\[40\%\] {
  top: -40%;
}
.-top-\[5px\] {
  top: -5px;
}
.-top-\[7px\] {
  top: -7px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-\[-1\.25rem\] {
  bottom: -1.25rem;
}
.bottom-\[0\.125rem\] {
  bottom: 0.125rem;
}
.bottom-\[0\.35rem\] {
  bottom: 0.35rem;
}
.bottom-\[0\.65rem\] {
  bottom: 0.65rem;
}
.bottom-\[100\%\] {
  bottom: 100%;
}
.bottom-\[11\.4\%\] {
  bottom: 11.4%;
}
.bottom-\[12\.9\%\] {
  bottom: 12.9%;
}
.bottom-\[15\%\] {
  bottom: 15%;
}
.bottom-\[30\%\] {
  bottom: 30%;
}
.bottom-\[50\%\] {
  bottom: 50%;
}
.bottom-\[7px\] {
  bottom: 7px;
}
.bottom-\[86px\] {
  bottom: 86px;
}
.bottom-\[9\.8\%\] {
  bottom: 9.8%;
}
.bottom-\[calc\(100\%_\+_12px\)\] {
  bottom: calc(100% + 12px);
}
.bottom-\[calc\(16px_\+_env\(safe-area-inset-bottom\)\)\] {
  bottom: calc(16px + env(safe-area-inset-bottom));
}
.bottom-\[calc\(62px_\+_env\(safe-area-inset-bottom\)\)\] {
  bottom: calc(62px + env(safe-area-inset-bottom));
}
.bottom-\[calc\(63px_\+_env\(safe-area-inset-bottom\)\)\] {
  bottom: calc(63px + env(safe-area-inset-bottom));
}
.bottom-\[calc\(70px_\+_env\(safe-area-inset-bottom\)\)\] {
  bottom: calc(70px + env(safe-area-inset-bottom));
}
.bottom-\[calc\(81px_\+_env\(safe-area-inset-bottom\)\)\] {
  bottom: calc(81px + env(safe-area-inset-bottom));
}
.bottom-\[calc\(90px_\+_env\(safe-area-inset-bottom\)\)\] {
  bottom: calc(90px + env(safe-area-inset-bottom));
}
.bottom-\[calc\(env\(safe-area-inset-bottom\2c 0px\)\+100px\)\] {
  bottom: calc(env(safe-area-inset-bottom,0px) + 100px);
}
.bottom-auto {
  bottom: auto;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-\[\.9rem\] {
  left: .9rem;
}
.left-\[0\.35rem\] {
  left: 0.35rem;
}
.left-\[0\.63rem\] {
  left: 0.63rem;
}
.left-\[0\.7\%\] {
  left: 0.7%;
}
.left-\[0\.8\%\] {
  left: 0.8%;
}
.left-\[13\%\] {
  left: 13%;
}
.left-\[20\.8\%\] {
  left: 20.8%;
}
.left-\[2000\%\] {
  left: 2000%;
}
.left-\[3\.7\%\] {
  left: 3.7%;
}
.left-\[36\.5\%\] {
  left: 36.5%;
}
.left-\[38\%\] {
  left: 38%;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[55\.5\%\] {
  left: 55.5%;
}
.left-\[7\.2\%\] {
  left: 7.2%;
}
.left-\[7px\] {
  left: 7px;
}
.left-\[8\%\] {
  left: 8%;
}
.left-\[9px\] {
  left: 9px;
}
.left-auto {
  left: auto;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-2 {
  right: 0.5rem;
}
.right-2\.5 {
  right: 0.625rem;
}
.right-3 {
  right: 0.75rem;
}
.right-3\.5 {
  right: 0.875rem;
}
.right-4 {
  right: 1rem;
}
.right-\[-0\.5rem\] {
  right: -0.5rem;
}
.right-\[-8px\] {
  right: -8px;
}
.right-\[0\.125rem\] {
  right: 0.125rem;
}
.right-\[0\.1rem\] {
  right: 0.1rem;
}
.right-\[0\.25rem\] {
  right: 0.25rem;
}
.right-\[0\.35rem\] {
  right: 0.35rem;
}
.right-\[0\.3rem\] {
  right: 0.3rem;
}
.right-\[0\.4rem\] {
  right: 0.4rem;
}
.right-\[0\.6875rem\] {
  right: 0.6875rem;
}
.right-\[11px\] {
  right: 11px;
}
.right-\[13px\] {
  right: 13px;
}
.right-\[3\.7\%\] {
  right: 3.7%;
}
.right-\[4\%\] {
  right: 4%;
}
.right-\[5\%\] {
  right: 5%;
}
.right-\[5\.38rem\] {
  right: 5.38rem;
}
.right-\[7\.2\%\] {
  right: 7.2%;
}
.right-\[7px\] {
  right: 7px;
}
.right-\[8\%\] {
  right: 8%;
}
.right-\[9px\] {
  right: 9px;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-3 {
  top: 0.75rem;
}
.top-3\.5 {
  top: 0.875rem;
}
.top-4 {
  top: 1rem;
}
.top-\[-0\.5rem\] {
  top: -0.5rem;
}
.top-\[-1\.5rem\] {
  top: -1.5rem;
}
.top-\[-8px\] {
  top: -8px;
}
.top-\[0\.125rem\] {
  top: 0.125rem;
}
.top-\[0\.1875rem\] {
  top: 0.1875rem;
}
.top-\[0\.3rem\] {
  top: 0.3rem;
}
.top-\[0\.56rem\] {
  top: 0.56rem;
}
.top-\[0\.8rem\] {
  top: 0.8rem;
}
.top-\[10\%\] {
  top: 10%;
}
.top-\[100\%\] {
  top: 100%;
}
.top-\[11\%\] {
  top: 11%;
}
.top-\[120\%\] {
  top: 120%;
}
.top-\[125\%\] {
  top: 125%;
}
.top-\[13\%\] {
  top: 13%;
}
.top-\[13\.5\%\] {
  top: 13.5%;
}
.top-\[130\%\] {
  top: 130%;
}
.top-\[15px\] {
  top: 15px;
}
.top-\[2\.25rem\] {
  top: 2.25rem;
}
.top-\[2000\%\] {
  top: 2000%;
}
.top-\[25\.4\%\] {
  top: 25.4%;
}
.top-\[34\%\] {
  top: 34%;
}
.top-\[39\%\] {
  top: 39%;
}
.top-\[4\%\] {
  top: 4%;
}
.top-\[40\%\] {
  top: 40%;
}
.top-\[44\%\] {
  top: 44%;
}
.top-\[46\%\] {
  top: 46%;
}
.top-\[49\%\] {
  top: 49%;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[50\.3\%\] {
  top: 50.3%;
}
.top-\[50px\] {
  top: 50px;
}
.top-\[53\.2\%\] {
  top: 53.2%;
}
.top-\[54\%\] {
  top: 54%;
}
.top-\[57px\] {
  top: 57px;
}
.top-\[5px\] {
  top: 5px;
}
.top-\[6\.75rem\] {
  top: 6.75rem;
}
.top-\[6\.8\%\] {
  top: 6.8%;
}
.top-\[65\.1\%\] {
  top: 65.1%;
}
.top-\[72px\] {
  top: 72px;
}
.top-\[76\.7\%\] {
  top: 76.7%;
}
.top-\[7px\] {
  top: 7px;
}
.top-\[80\%\] {
  top: 80%;
}
.top-\[80\.7\%\] {
  top: 80.7%;
}
.top-\[83\.76\%\] {
  top: 83.76%;
}
.top-\[90\%\] {
  top: 90%;
}
.top-\[9px\] {
  top: 9px;
}
.top-\[auto\] {
  top: auto;
}
.top-\[calc\(100\%_\+_6px\)\] {
  top: calc(100% + 6px);
}
.top-\[calc\(50\%_\+_190px\)\] {
  top: calc(50% + 190px);
}
.top-\[calc\(72px_\+_env\(safe-area-inset-top\)\)\] {
  top: calc(72px + env(safe-area-inset-top));
}
.top-auto {
  top: auto;
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.\!z-\[60\] {
  z-index: 60 !important;
}
.\!z-\[80\] {
  z-index: 80 !important;
}
.-z-\[1\] {
  z-index: -1;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[-1\] {
  z-index: -1;
}
.z-\[0\] {
  z-index: 0;
}
.z-\[10000\] {
  z-index: 10000;
}
.z-\[10001\] {
  z-index: 10001;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[10\] {
  z-index: 10;
}
.z-\[110\] {
  z-index: 110;
}
.z-\[120\] {
  z-index: 120;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[20\] {
  z-index: 20;
}
.z-\[220\] {
  z-index: 220;
}
.z-\[25\] {
  z-index: 25;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[35\] {
  z-index: 35;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[40\] {
  z-index: 40;
}
.z-\[45\] {
  z-index: 45;
}
.z-\[49\] {
  z-index: 49;
}
.z-\[4\] {
  z-index: 4;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[65\] {
  z-index: 65;
}
.z-\[6\] {
  z-index: 6;
}
.z-\[7\] {
  z-index: 7;
}
.z-\[80\] {
  z-index: 80;
}
.z-\[90\] {
  z-index: 90;
}
.order-1 {
  order: 1;
}
.order-3 {
  order: 3;
}
.order-\[-3\] {
  order: -3;
}
.order-none {
  order: 0;
}
.col-\[1\/-1\] {
  grid-column: 1/-1;
}
.col-\[1\] {
  grid-column: 1;
}
.col-\[2\/-1\] {
  grid-column: 2/-1;
}
.col-\[2\/4\] {
  grid-column: 2/4;
}
.col-\[2\] {
  grid-column: 2;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-full {
  grid-column: 1 / -1;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-3 {
  grid-column-start: 3;
}
.col-start-4 {
  grid-column-start: 4;
}
.row-\[1\/3\] {
  grid-row: 1/3;
}
.row-\[1\] {
  grid-row: 1;
}
.row-\[1_\/_3\] {
  grid-row: 1 / 3;
}
.row-\[2\] {
  grid-row: 2;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.row-start-1 {
  grid-row-start: 1;
}
.row-start-4 {
  grid-row-start: 4;
}
.\!m-0 {
  margin: 0px !important;
}
.\!m-\[-1px\] {
  margin: -1px !important;
}
.-m-px {
  margin: -1px;
}
.m-0 {
  margin: 0px;
}
.m-4 {
  margin: 1rem;
}
.m-\[-1px\] {
  margin: -1px;
}
.m-\[0_2px_11px\] {
  margin: 0 2px 11px;
}
.m-\[18px\] {
  margin: 18px;
}
.m-\[6px_0_16px\] {
  margin: 6px 0 16px;
}
.m-\[8px_-12px_0\] {
  margin: 8px -12px 0;
}
.m-\[auto_auto_0\] {
  margin: auto auto 0;
}
.m-auto {
  margin: auto;
}
.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-\[\.5rem\] {
  margin-left: .5rem;
  margin-right: .5rem;
}
.mx-\[0\.125rem\] {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-\[1\.25rem\] {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-\[1rem\] {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-\[2\.44rem\] {
  margin-left: 2.44rem;
  margin-right: 2.44rem;
}
.mx-\[3px\] {
  margin-left: 3px;
  margin-right: 3px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-3\.5 {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[\.5rem\] {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.my-\[\.625rem\] {
  margin-top: .625rem;
  margin-bottom: .625rem;
}
.my-\[0\.3rem\] {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.my-\[0\.7rem\] {
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
}
.my-\[13px\] {
  margin-top: 13px;
  margin-bottom: 13px;
}
.my-\[15px\] {
  margin-top: 15px;
  margin-bottom: 15px;
}
.my-\[18px\] {
  margin-top: 18px;
  margin-bottom: 18px;
}
.my-\[1rem\] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-\[22px\] {
  margin-top: 22px;
  margin-bottom: 22px;
}
.my-\[26px\] {
  margin-top: 26px;
  margin-bottom: 26px;
}
.my-\[5px\] {
  margin-top: 5px;
  margin-bottom: 5px;
}
.my-\[7px\] {
  margin-top: 7px;
  margin-bottom: 7px;
}
.\!-mt-\[2rem\] {
  margin-top: -2rem !important;
}
.\!mt-2 {
  margin-top: 0.5rem !important;
}
.\!mt-\[14px\] {
  margin-top: 14px !important;
}
.\!mt-\[2\.5rem\] {
  margin-top: 2.5rem !important;
}
.\!mt-\[5px\] {
  margin-top: 5px !important;
}
.\!mt-\[8px\] {
  margin-top: 8px !important;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-mr-1 {
  margin-right: -0.25rem;
}
.-mr-3 {
  margin-right: -0.75rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-2\.5 {
  margin-top: -0.625rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-3\.5 {
  margin-bottom: 0.875rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-\[-0\.05rem\] {
  margin-bottom: -0.05rem;
}
.mb-\[\.5rem\] {
  margin-bottom: .5rem;
}
.mb-\[\.75rem\] {
  margin-bottom: .75rem;
}
.mb-\[0\.06rem\] {
  margin-bottom: 0.06rem;
}
.mb-\[0\.1rem\] {
  margin-bottom: 0.1rem;
}
.mb-\[0\.2rem\] {
  margin-bottom: 0.2rem;
}
.mb-\[0\.32rem\] {
  margin-bottom: 0.32rem;
}
.mb-\[0\.44rem\] {
  margin-bottom: 0.44rem;
}
.mb-\[0\.81rem\] {
  margin-bottom: 0.81rem;
}
.mb-\[0\.88rem\] {
  margin-bottom: 0.88rem;
}
.mb-\[0\.9rem\] {
  margin-bottom: 0.9rem;
}
.mb-\[1\.1rem\] {
  margin-bottom: 1.1rem;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[110px\] {
  margin-bottom: 110px;
}
.mb-\[14px\] {
  margin-bottom: 14px;
}
.mb-\[16px\] {
  margin-bottom: 16px;
}
.mb-\[17px\] {
  margin-bottom: 17px;
}
.mb-\[18px\] {
  margin-bottom: 18px;
}
.mb-\[22px\] {
  margin-bottom: 22px;
}
.mb-\[5px\] {
  margin-bottom: 5px;
}
.mb-\[6px\] {
  margin-bottom: 6px;
}
.mb-\[7px\] {
  margin-bottom: 7px;
}
.mb-\[8\.6\%\] {
  margin-bottom: 8.6%;
}
.mb-\[9px\] {
  margin-bottom: 9px;
}
.ml-0 {
  margin-left: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-\[\.2rem\] {
  margin-left: .2rem;
}
.ml-\[\.3rem\] {
  margin-left: .3rem;
}
.ml-\[\.4rem\] {
  margin-left: .4rem;
}
.ml-\[0\.08rem\] {
  margin-left: 0.08rem;
}
.ml-\[0\.125rem\] {
  margin-left: 0.125rem;
}
.ml-\[0\.1875rem\] {
  margin-left: 0.1875rem;
}
.ml-\[0\.19rem\] {
  margin-left: 0.19rem;
}
.ml-\[0\.25rem\] {
  margin-left: 0.25rem;
}
.ml-\[0\.375rem\] {
  margin-left: 0.375rem;
}
.ml-\[0\.3rem\] {
  margin-left: 0.3rem;
}
.ml-\[0\.69rem\] {
  margin-left: 0.69rem;
}
.ml-\[0\.94rem\] {
  margin-left: 0.94rem;
}
.ml-\[0\] {
  margin-left: 0;
}
.ml-\[3px\] {
  margin-left: 3px;
}
.ml-\[4\%\] {
  margin-left: 4%;
}
.ml-\[50px\] {
  margin-left: 50px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3\.5 {
  margin-right: 0.875rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-\[\.3rem\] {
  margin-right: .3rem;
}
.mr-\[\.4rem\] {
  margin-right: .4rem;
}
.mr-\[\.5rem\] {
  margin-right: .5rem;
}
.mr-\[\.625rem\] {
  margin-right: .625rem;
}
.mr-\[0\.31rem\] {
  margin-right: 0.31rem;
}
.mr-\[0\.375rem\] {
  margin-right: 0.375rem;
}
.mr-\[0\.5rem\] {
  margin-right: 0.5rem;
}
.mr-\[0\.625rem\] {
  margin-right: 0.625rem;
}
.mr-\[0\.63rem\] {
  margin-right: 0.63rem;
}
.mr-\[0\.81rem\] {
  margin-right: 0.81rem;
}
.mr-\[0\] {
  margin-right: 0;
}
.mr-\[1\.25rem\] {
  margin-right: 1.25rem;
}
.mr-\[1\.41rem\] {
  margin-right: 1.41rem;
}
.mr-\[42px\] {
  margin-right: 42px;
}
.mr-\[5px\] {
  margin-right: 5px;
}
.mr-\[7px\] {
  margin-right: 7px;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-3\.5 {
  margin-top: 0.875rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[\.5rem\] {
  margin-top: .5rem;
}
.mt-\[\.65rem\] {
  margin-top: .65rem;
}
.mt-\[\.75rem\] {
  margin-top: .75rem;
}
.mt-\[0\.12rem\] {
  margin-top: 0.12rem;
}
.mt-\[0\.15rem\] {
  margin-top: 0.15rem;
}
.mt-\[0\.18rem\] {
  margin-top: 0.18rem;
}
.mt-\[0\.28rem\] {
  margin-top: 0.28rem;
}
.mt-\[0\.2rem\] {
  margin-top: 0.2rem;
}
.mt-\[0\.31rem\] {
  margin-top: 0.31rem;
}
.mt-\[0\.3rem\] {
  margin-top: 0.3rem;
}
.mt-\[0\.44rem\] {
  margin-top: 0.44rem;
}
.mt-\[0\.55rem\] {
  margin-top: 0.55rem;
}
.mt-\[0\.56rem\] {
  margin-top: 0.56rem;
}
.mt-\[0\.625rem\] {
  margin-top: 0.625rem;
}
.mt-\[0\.63rem\] {
  margin-top: 0.63rem;
}
.mt-\[0\.67rem\] {
  margin-top: 0.67rem;
}
.mt-\[0\.69rem\] {
  margin-top: 0.69rem;
}
.mt-\[0\.8rem\] {
  margin-top: 0.8rem;
}
.mt-\[0\.9rem\] {
  margin-top: 0.9rem;
}
.mt-\[1\.125rem\] {
  margin-top: 1.125rem;
}
.mt-\[1\.31rem\] {
  margin-top: 1.31rem;
}
.mt-\[1\.48rem\] {
  margin-top: 1.48rem;
}
.mt-\[1\.4rem\] {
  margin-top: 1.4rem;
}
.mt-\[1\.56rem\] {
  margin-top: 1.56rem;
}
.mt-\[1\.5rem\] {
  margin-top: 1.5rem;
}
.mt-\[1\.63rem\] {
  margin-top: 1.63rem;
}
.mt-\[1\.81rem\] {
  margin-top: 1.81rem;
}
.mt-\[1\.88rem\] {
  margin-top: 1.88rem;
}
.mt-\[10vh\] {
  margin-top: 10vh;
}
.mt-\[11\%\] {
  margin-top: 11%;
}
.mt-\[13\%\] {
  margin-top: 13%;
}
.mt-\[14px\] {
  margin-top: 14px;
}
.mt-\[15px\] {
  margin-top: 15px;
}
.mt-\[16px\] {
  margin-top: 16px;
}
.mt-\[18\%\] {
  margin-top: 18%;
}
.mt-\[18px\] {
  margin-top: 18px;
}
.mt-\[2\.31rem\] {
  margin-top: 2.31rem;
}
.mt-\[2\.38rem\] {
  margin-top: 2.38rem;
}
.mt-\[2\.56rem\] {
  margin-top: 2.56rem;
}
.mt-\[2\.69rem\] {
  margin-top: 2.69rem;
}
.mt-\[20\%\] {
  margin-top: 20%;
}
.mt-\[22px\] {
  margin-top: 22px;
}
.mt-\[25px\] {
  margin-top: 25px;
}
.mt-\[2rem\] {
  margin-top: 2rem;
}
.mt-\[3\.19rem\] {
  margin-top: 3.19rem;
}
.mt-\[36\%\] {
  margin-top: 36%;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-\[4\.3\%\] {
  margin-top: 4.3%;
}
.mt-\[4px\] {
  margin-top: 4px;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.mt-\[6px\] {
  margin-top: 6px;
}
.mt-\[7px\] {
  margin-top: 7px;
}
.mt-\[8\%\] {
  margin-top: 8%;
}
.mt-\[9px\] {
  margin-top: 9px;
}
.mt-auto {
  margin-top: auto;
}
.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.flow-root {
  display: flow-root;
}
.\!grid {
  display: grid !important;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.\!aspect-\[446\/120\] {
  aspect-ratio: 446/120 !important;
}
.aspect-\[1\.12\] {
  aspect-ratio: 1.12;
}
.aspect-\[1\.14\] {
  aspect-ratio: 1.14;
}
.aspect-\[1\.16\] {
  aspect-ratio: 1.16;
}
.aspect-\[1\.1\] {
  aspect-ratio: 1.1;
}
.aspect-\[1\.28\] {
  aspect-ratio: 1.28;
}
.aspect-\[100\/36\] {
  aspect-ratio: 100/36;
}
.aspect-\[1034\/1253\] {
  aspect-ratio: 1034/1253;
}
.aspect-\[118\/24\] {
  aspect-ratio: 118/24;
}
.aspect-\[124\/28\] {
  aspect-ratio: 124/28;
}
.aspect-\[140\/36\] {
  aspect-ratio: 140/36;
}
.aspect-\[140\/60\] {
  aspect-ratio: 140/60;
}
.aspect-\[146\/28\] {
  aspect-ratio: 146/28;
}
.aspect-\[147\/113\] {
  aspect-ratio: 147/113;
}
.aspect-\[158\/39\] {
  aspect-ratio: 158/39;
}
.aspect-\[158\/67\] {
  aspect-ratio: 158/67;
}
.aspect-\[172\/92\] {
  aspect-ratio: 172/92;
}
.aspect-\[175\/220\] {
  aspect-ratio: 175/220;
}
.aspect-\[2\.5\/1\] {
  aspect-ratio: 2.5/1;
}
.aspect-\[200\/268\] {
  aspect-ratio: 200/268;
}
.aspect-\[200\/30\] {
  aspect-ratio: 200/30;
}
.aspect-\[218\/38\] {
  aspect-ratio: 218/38;
}
.aspect-\[218\/59\] {
  aspect-ratio: 218/59;
}
.aspect-\[221\/41\] {
  aspect-ratio: 221/41;
}
.aspect-\[230\/59\] {
  aspect-ratio: 230/59;
}
.aspect-\[231\.53\/46\.85\] {
  aspect-ratio: 231.53/46.85;
}
.aspect-\[232\/224\] {
  aspect-ratio: 232/224;
}
.aspect-\[260\/350\] {
  aspect-ratio: 260/350;
}
.aspect-\[274\/48\] {
  aspect-ratio: 274/48;
}
.aspect-\[282\/44\] {
  aspect-ratio: 282/44;
}
.aspect-\[285\/328\] {
  aspect-ratio: 285/328;
}
.aspect-\[326\/320\] {
  aspect-ratio: 326/320;
}
.aspect-\[326\/96\] {
  aspect-ratio: 326/96;
}
.aspect-\[344\/338\] {
  aspect-ratio: 344/338;
}
.aspect-\[350\/18\] {
  aspect-ratio: 350/18;
}
.aspect-\[36\/152\] {
  aspect-ratio: 36/152;
}
.aspect-\[370\/156\] {
  aspect-ratio: 370/156;
}
.aspect-\[370\/158\] {
  aspect-ratio: 370/158;
}
.aspect-\[370\/400\] {
  aspect-ratio: 370/400;
}
.aspect-\[370\/462\] {
  aspect-ratio: 370/462;
}
.aspect-\[370\/496\] {
  aspect-ratio: 370/496;
}
.aspect-\[370\/589\] {
  aspect-ratio: 370/589;
}
.aspect-\[370\/60\] {
  aspect-ratio: 370/60;
}
.aspect-\[402\/100\] {
  aspect-ratio: 402/100;
}
.aspect-\[402\/200\] {
  aspect-ratio: 402/200;
}
.aspect-\[402\/436\] {
  aspect-ratio: 402/436;
}
.aspect-\[402\/60\] {
  aspect-ratio: 402/60;
}
.aspect-\[58\/74\] {
  aspect-ratio: 58/74;
}
.aspect-\[6\/8\.3\] {
  aspect-ratio: 6/8.3;
}
.aspect-\[64\/18\] {
  aspect-ratio: 64/18;
}
.aspect-\[741\/760\] {
  aspect-ratio: 741/760;
}
.aspect-\[741\/800\] {
  aspect-ratio: 741/800;
}
.aspect-\[80\/106\] {
  aspect-ratio: 80/106;
}
.aspect-\[80\/96\] {
  aspect-ratio: 80/96;
}
.aspect-\[804\/1228\] {
  aspect-ratio: 804/1228;
}
.aspect-\[836\/260\] {
  aspect-ratio: 836/260;
}
.aspect-\[84\/23\] {
  aspect-ratio: 84/23;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}
.size-16 {
  width: 4rem;
  height: 4rem;
}
.size-24 {
  width: 6rem;
  height: 6rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-8 {
  width: 2rem;
  height: 2rem;
}
.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.size-\[34px\] {
  width: 34px;
  height: 34px;
}
.size-\[38px\] {
  width: 38px;
  height: 38px;
}
.size-\[5px\] {
  width: 5px;
  height: 5px;
}
.size-full {
  width: 100%;
  height: 100%;
}
.size-px {
  width: 1px;
  height: 1px;
}
.\!h-0 {
  height: 0px !important;
}
.\!h-1\/2 {
  height: 50% !important;
}
.\!h-10 {
  height: 2.5rem !important;
}
.\!h-11 {
  height: 2.75rem !important;
}
.\!h-24 {
  height: 6rem !important;
}
.\!h-4 {
  height: 1rem !important;
}
.\!h-6 {
  height: 1.5rem !important;
}
.\!h-8 {
  height: 2rem !important;
}
.\!h-9 {
  height: 2.25rem !important;
}
.\!h-\[0\.6rem\] {
  height: 0.6rem !important;
}
.\!h-\[1\.125rem\] {
  height: 1.125rem !important;
}
.\!h-\[1\.13rem\] {
  height: 1.13rem !important;
}
.\!h-\[1\.25rem\] {
  height: 1.25rem !important;
}
.\!h-\[1\.3rem\] {
  height: 1.3rem !important;
}
.\!h-\[1\.44rem\] {
  height: 1.44rem !important;
}
.\!h-\[1\.56rem\] {
  height: 1.56rem !important;
}
.\!h-\[1\.5rem\] {
  height: 1.5rem !important;
}
.\!h-\[1\.6875rem\] {
  height: 1.6875rem !important;
}
.\!h-\[1\.75rem\] {
  height: 1.75rem !important;
}
.\!h-\[10\.62rem\] {
  height: 10.62rem !important;
}
.\!h-\[12\.88rem\] {
  height: 12.88rem !important;
}
.\!h-\[14rem\] {
  height: 14rem !important;
}
.\!h-\[170\%\] {
  height: 170% !important;
}
.\!h-\[2\.13rem\] {
  height: 2.13rem !important;
}
.\!h-\[2\.25rem\] {
  height: 2.25rem !important;
}
.\!h-\[2\.44rem\] {
  height: 2.44rem !important;
}
.\!h-\[2\.5rem\] {
  height: 2.5rem !important;
}
.\!h-\[2\.75rem\] {
  height: 2.75rem !important;
}
.\!h-\[2rem\] {
  height: 2rem !important;
}
.\!h-\[3\.8125rem\] {
  height: 3.8125rem !important;
}
.\!h-\[35\%\] {
  height: 35% !important;
}
.\!h-\[36\%\] {
  height: 36% !important;
}
.\!h-\[38\.19rem\] {
  height: 38.19rem !important;
}
.\!h-\[43\%\] {
  height: 43% !important;
}
.\!h-\[50\%\] {
  height: 50% !important;
}
.\!h-\[51\%\] {
  height: 51% !important;
}
.\!h-\[54\%\] {
  height: 54% !important;
}
.\!h-\[6\.13rem\] {
  height: 6.13rem !important;
}
.\!h-\[6\.25rem\] {
  height: 6.25rem !important;
}
.\!h-\[62\%\] {
  height: 62% !important;
}
.\!h-\[64vh\] {
  height: 64vh !important;
}
.\!h-\[68\%\] {
  height: 68% !important;
}
.\!h-\[70\%\] {
  height: 70% !important;
}
.\!h-\[8\.63rem\] {
  height: 8.63rem !important;
}
.\!h-\[82\%\] {
  height: 82% !important;
}
.\!h-\[86\%\] {
  height: 86% !important;
}
.\!h-\[90\%\] {
  height: 90% !important;
}
.\!h-auto {
  height: auto !important;
}
.\!h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.\!h-full {
  height: 100% !important;
}
.h-0 {
  height: 0px;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-60 {
  height: 15rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[\.3rem\] {
  height: .3rem;
}
.h-\[\.625rem\] {
  height: .625rem;
}
.h-\[\.6rem\] {
  height: .6rem;
}
.h-\[0\.06rem\] {
  height: 0.06rem;
}
.h-\[0\.1875rem\] {
  height: 0.1875rem;
}
.h-\[0\.31rem\] {
  height: 0.31rem;
}
.h-\[0\.375rem\] {
  height: 0.375rem;
}
.h-\[0\.56rem\] {
  height: 0.56rem;
}
.h-\[1\.125rem\] {
  height: 1.125rem;
}
.h-\[1\.25rem\] {
  height: 1.25rem;
}
.h-\[1\.2rem\] {
  height: 1.2rem;
}
.h-\[1\.56rem\] {
  height: 1.56rem;
}
.h-\[1\.5rem\] {
  height: 1.5rem;
}
.h-\[1\.75rem\] {
  height: 1.75rem;
}
.h-\[1\.8125rem\] {
  height: 1.8125rem;
}
.h-\[1\.875rem\] {
  height: 1.875rem;
}
.h-\[1\.88rem\] {
  height: 1.88rem;
}
.h-\[100\%\] {
  height: 100%;
}
.h-\[104px\] {
  height: 104px;
}
.h-\[10rem\] {
  height: 10rem;
}
.h-\[110px\] {
  height: 110px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[124px\] {
  height: 124px;
}
.h-\[13\.4\%\] {
  height: 13.4%;
}
.h-\[13\.75rem\] {
  height: 13.75rem;
}
.h-\[14rem\] {
  height: 14rem;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[156px\] {
  height: 156px;
}
.h-\[16rem\] {
  height: 16rem;
}
.h-\[17\%\] {
  height: 17%;
}
.h-\[176px\] {
  height: 176px;
}
.h-\[17px\] {
  height: 17px;
}
.h-\[180\%\] {
  height: 180%;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[19rem\] {
  height: 19rem;
}
.h-\[1PX\] {
  height: 1PX;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[1rem\] {
  height: 1rem;
}
.h-\[2\.25rem\] {
  height: 2.25rem;
}
.h-\[2\.4rem\] {
  height: 2.4rem;
}
.h-\[2\.5rem\] {
  height: 2.5rem;
}
.h-\[2\.63rem\] {
  height: 2.63rem;
}
.h-\[2\.75rem\] {
  height: 2.75rem;
}
.h-\[2\.9rem\] {
  height: 2.9rem;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[23px\] {
  height: 23px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[27px\] {
  height: 27px;
}
.h-\[28\%\] {
  height: 28%;
}
.h-\[280px\] {
  height: 280px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[2rem\] {
  height: 2rem;
}
.h-\[3\.25rem\] {
  height: 3.25rem;
}
.h-\[3\.5rem\] {
  height: 3.5rem;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[36\%\] {
  height: 36%;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[4\.5rem\] {
  height: 4.5rem;
}
.h-\[4\.88rem\] {
  height: 4.88rem;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[5\%\] {
  height: 5%;
}
.h-\[5\.625rem\] {
  height: 5.625rem;
}
.h-\[50\%\] {
  height: 50%;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[54px\] {
  height: 54px;
}
.h-\[58px\] {
  height: 58px;
}
.h-\[5px\] {
  height: 5px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[62px\] {
  height: 62px;
}
.h-\[68\%\] {
  height: 68%;
}
.h-\[68px\] {
  height: 68px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[75\%\] {
  height: 75%;
}
.h-\[76px\] {
  height: 76px;
}
.h-\[7px\] {
  height: 7px;
}
.h-\[80\%\] {
  height: 80%;
}
.h-\[84\%\] {
  height: 84%;
}
.h-\[85\%\] {
  height: 85%;
}
.h-\[86\%\] {
  height: 86%;
}
.h-\[88\%\] {
  height: 88%;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[9\.25rem\] {
  height: 9.25rem;
}
.h-\[90\%\] {
  height: 90%;
}
.h-\[94dvh\] {
  height: 94dvh;
}
.h-\[calc\(100dvh-var\(--game-bars-height\2c 148px\)\)\] {
  height: calc(100dvh - var(--game-bars-height,148px));
}
.h-\[clamp\(14rem\2c _calc\(9rem_\+_25vw\)\2c _16\.5rem\)\] {
  height: clamp(14rem, calc(9rem + 25vw), 16.5rem);
}
.h-\[clamp\(9\.5rem\2c _45vw\2c _13rem\)\] {
  height: clamp(9.5rem, 45vw, 13rem);
}
.h-\[min\(840px\2c calc\(100dvh_-_48px\)\)\] {
  height: min(840px, calc(100dvh - 48px));
}
.h-\[var\(--tile\)\] {
  height: var(--tile);
}
.h-auto {
  height: auto;
}
.h-dvh {
  height: 100dvh;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.\!max-h-\[100\%\] {
  max-height: 100% !important;
}
.\!max-h-\[64\%\] {
  max-height: 64% !important;
}
.\!max-h-\[65dvh\] {
  max-height: 65dvh !important;
}
.\!max-h-\[90\%\] {
  max-height: 90% !important;
}
.\!max-h-\[95\%\] {
  max-height: 95% !important;
}
.\!max-h-\[unset\] {
  max-height: unset !important;
}
.max-h-40 {
  max-height: 10rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-\[110px\] {
  max-height: 110px;
}
.max-h-\[120px\] {
  max-height: 120px;
}
.max-h-\[13\.75rem\] {
  max-height: 13.75rem;
}
.max-h-\[14rem\] {
  max-height: 14rem;
}
.max-h-\[2\.92rem\] {
  max-height: 2.92rem;
}
.max-h-\[200\%\] {
  max-height: 200%;
}
.max-h-\[260px\] {
  max-height: 260px;
}
.max-h-\[280px\] {
  max-height: 280px;
}
.max-h-\[3\.75rem\] {
  max-height: 3.75rem;
}
.max-h-\[35dvh\] {
  max-height: 35dvh;
}
.max-h-\[40vh\] {
  max-height: 40vh;
}
.max-h-\[50dvh\] {
  max-height: 50dvh;
}
.max-h-\[80dvh\] {
  max-height: 80dvh;
}
.max-h-\[85dvh\] {
  max-height: 85dvh;
}
.max-h-\[90dvh\] {
  max-height: 90dvh;
}
.max-h-\[94dvh\] {
  max-height: 94dvh;
}
.max-h-\[95\%\] {
  max-height: 95%;
}
.max-h-\[calc\(100dvh_-_24px_-_env\(safe-area-inset-bottom\)\)\] {
  max-height: calc(100dvh - 24px - env(safe-area-inset-bottom));
}
.max-h-\[calc\(100dvh_-_2rem\)\] {
  max-height: calc(100dvh - 2rem);
}
.max-h-\[calc\(100dvh_-_32px\)\] {
  max-height: calc(100dvh - 32px);
}
.max-h-\[min\(25dvh\2c _180px\)\] {
  max-height: min(25dvh, 180px);
}
.max-h-\[min\(54dvh\2c _390px\)\] {
  max-height: min(54dvh, 390px);
}
.max-h-full {
  max-height: 100%;
}
.max-h-none {
  max-height: none;
}
.\!min-h-10 {
  min-height: 2.5rem !important;
}
.\!min-h-12 {
  min-height: 3rem !important;
}
.\!min-h-16 {
  min-height: 4rem !important;
}
.\!min-h-24 {
  min-height: 6rem !important;
}
.\!min-h-\[13\.88rem\] {
  min-height: 13.88rem !important;
}
.\!min-h-\[52px\] {
  min-height: 52px !important;
}
.\!min-h-\[54px\] {
  min-height: 54px !important;
}
.\!min-h-\[60px\] {
  min-height: 60px !important;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-11 {
  min-height: 2.75rem;
}
.min-h-12 {
  min-height: 3rem;
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-16 {
  min-height: 4rem;
}
.min-h-24 {
  min-height: 6rem;
}
.min-h-40 {
  min-height: 10rem;
}
.min-h-8 {
  min-height: 2rem;
}
.min-h-9 {
  min-height: 2.25rem;
}
.min-h-\[1\.35rem\] {
  min-height: 1.35rem;
}
.min-h-\[1\.5rem\] {
  min-height: 1.5rem;
}
.min-h-\[1\.875rem\] {
  min-height: 1.875rem;
}
.min-h-\[100\%\] {
  min-height: 100%;
}
.min-h-\[100dvh\] {
  min-height: 100dvh;
}
.min-h-\[110px\] {
  min-height: 110px;
}
.min-h-\[116px\] {
  min-height: 116px;
}
.min-h-\[13\.88rem\] {
  min-height: 13.88rem;
}
.min-h-\[130px\] {
  min-height: 130px;
}
.min-h-\[148px\] {
  min-height: 148px;
}
.min-h-\[15\.76rem\] {
  min-height: 15.76rem;
}
.min-h-\[170px\] {
  min-height: 170px;
}
.min-h-\[176px\] {
  min-height: 176px;
}
.min-h-\[178px\] {
  min-height: 178px;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.min-h-\[190px\] {
  min-height: 190px;
}
.min-h-\[2\.3em\] {
  min-height: 2.3em;
}
.min-h-\[2\.8rem\] {
  min-height: 2.8rem;
}
.min-h-\[2\.9rem\] {
  min-height: 2.9rem;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[22px\] {
  min-height: 22px;
}
.min-h-\[290px\] {
  min-height: 290px;
}
.min-h-\[3\.13rem\] {
  min-height: 3.13rem;
}
.min-h-\[30px\] {
  min-height: 30px;
}
.min-h-\[334px\] {
  min-height: 334px;
}
.min-h-\[34px\] {
  min-height: 34px;
}
.min-h-\[360px\] {
  min-height: 360px;
}
.min-h-\[38px\] {
  min-height: 38px;
}
.min-h-\[42px\] {
  min-height: 42px;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[50px\] {
  min-height: 50px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[54px\] {
  min-height: 54px;
}
.min-h-\[58px\] {
  min-height: 58px;
}
.min-h-\[62px\] {
  min-height: 62px;
}
.min-h-\[63px\] {
  min-height: 63px;
}
.min-h-\[72px\] {
  min-height: 72px;
}
.min-h-\[78px\] {
  min-height: 78px;
}
.min-h-\[calc\(100dvh_-_154px\)\] {
  min-height: calc(100dvh - 154px);
}
.min-h-\[var\(--mobile-action-height\)\] {
  min-height: var(--mobile-action-height);
}
.min-h-dvh {
  min-height: 100dvh;
}
.min-h-full {
  min-height: 100%;
}
.\!w-0 {
  width: 0px !important;
}
.\!w-10 {
  width: 2.5rem !important;
}
.\!w-11 {
  width: 2.75rem !important;
}
.\!w-4 {
  width: 1rem !important;
}
.\!w-6 {
  width: 1.5rem !important;
}
.\!w-\[0\.6rem\] {
  width: 0.6rem !important;
}
.\!w-\[1\.125rem\] {
  width: 1.125rem !important;
}
.\!w-\[1\.13rem\] {
  width: 1.13rem !important;
}
.\!w-\[1\.25rem\] {
  width: 1.25rem !important;
}
.\!w-\[1\.44rem\] {
  width: 1.44rem !important;
}
.\!w-\[1\.56rem\] {
  width: 1.56rem !important;
}
.\!w-\[1\.5rem\] {
  width: 1.5rem !important;
}
.\!w-\[1\.75rem\] {
  width: 1.75rem !important;
}
.\!w-\[1\.875rem\] {
  width: 1.875rem !important;
}
.\!w-\[10\%\] {
  width: 10% !important;
}
.\!w-\[100\%\] {
  width: 100% !important;
}
.\!w-\[101\.9\%\] {
  width: 101.9% !important;
}
.\!w-\[12\.88rem\] {
  width: 12.88rem !important;
}
.\!w-\[120\%\] {
  width: 120% !important;
}
.\!w-\[13\.84rem\] {
  width: 13.84rem !important;
}
.\!w-\[130\%\] {
  width: 130% !important;
}
.\!w-\[14\.88rem\] {
  width: 14.88rem !important;
}
.\!w-\[15\%\] {
  width: 15% !important;
}
.\!w-\[16\.25rem\] {
  width: 16.25rem !important;
}
.\!w-\[2\.25rem\] {
  width: 2.25rem !important;
}
.\!w-\[2\.3125rem\] {
  width: 2.3125rem !important;
}
.\!w-\[2\.375rem\] {
  width: 2.375rem !important;
}
.\!w-\[2\.5rem\] {
  width: 2.5rem !important;
}
.\!w-\[23\%\] {
  width: 23% !important;
}
.\!w-\[2rem\] {
  width: 2rem !important;
}
.\!w-\[3\.5rem\] {
  width: 3.5rem !important;
}
.\!w-\[3\.7rem\] {
  width: 3.7rem !important;
}
.\!w-\[32\%\] {
  width: 32% !important;
}
.\!w-\[33\%\] {
  width: 33% !important;
}
.\!w-\[35\%\] {
  width: 35% !important;
}
.\!w-\[4\.5rem\] {
  width: 4.5rem !important;
}
.\!w-\[4\.6875rem\] {
  width: 4.6875rem !important;
}
.\!w-\[43\%\] {
  width: 43% !important;
}
.\!w-\[46\%\] {
  width: 46% !important;
}
.\!w-\[4rem\] {
  width: 4rem !important;
}
.\!w-\[50\%\] {
  width: 50% !important;
}
.\!w-\[55\%\] {
  width: 55% !important;
}
.\!w-\[56\%\] {
  width: 56% !important;
}
.\!w-\[58\.91\%\] {
  width: 58.91% !important;
}
.\!w-\[6\.13rem\] {
  width: 6.13rem !important;
}
.\!w-\[6\.25rem\] {
  width: 6.25rem !important;
}
.\!w-\[62\%\] {
  width: 62% !important;
}
.\!w-\[7\.13rem\] {
  width: 7.13rem !important;
}
.\!w-\[7\.69rem\] {
  width: 7.69rem !important;
}
.\!w-\[70\%\] {
  width: 70% !important;
}
.\!w-\[71\%\] {
  width: 71% !important;
}
.\!w-\[72\%\] {
  width: 72% !important;
}
.\!w-\[75\%\] {
  width: 75% !important;
}
.\!w-\[76\%\] {
  width: 76% !important;
}
.\!w-\[78\%\] {
  width: 78% !important;
}
.\!w-\[8\%\] {
  width: 8% !important;
}
.\!w-\[80\%\] {
  width: 80% !important;
}
.\!w-\[85\%\] {
  width: 85% !important;
}
.\!w-\[88\%\] {
  width: 88% !important;
}
.\!w-\[8rem\] {
  width: 8rem !important;
}
.\!w-\[9\.56rem\] {
  width: 9.56rem !important;
}
.\!w-\[90\%\] {
  width: 90% !important;
}
.\!w-\[92\%\] {
  width: 92% !important;
}
.\!w-\[96\%\] {
  width: 96% !important;
}
.\!w-auto {
  width: auto !important;
}
.\!w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0px;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/5 {
  width: 20%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/5 {
  width: 60%;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-52 {
  width: 13rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[\.3rem\] {
  width: .3rem;
}
.w-\[\.6rem\] {
  width: .6rem;
}
.w-\[0\.125rem\] {
  width: 0.125rem;
}
.w-\[0\.31rem\] {
  width: 0.31rem;
}
.w-\[0\.375rem\] {
  width: 0.375rem;
}
.w-\[0\.56rem\] {
  width: 0.56rem;
}
.w-\[1\.125rem\] {
  width: 1.125rem;
}
.w-\[1\.25rem\] {
  width: 1.25rem;
}
.w-\[1\.2rem\] {
  width: 1.2rem;
}
.w-\[1\.56rem\] {
  width: 1.56rem;
}
.w-\[1\.5rem\] {
  width: 1.5rem;
}
.w-\[1\.875rem\] {
  width: 1.875rem;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[104px\] {
  width: 104px;
}
.w-\[118px\] {
  width: 118px;
}
.w-\[12\.25rem\] {
  width: 12.25rem;
}
.w-\[12rem\] {
  width: 12rem;
}
.w-\[13\.63rem\] {
  width: 13.63rem;
}
.w-\[135\%\] {
  width: 135%;
}
.w-\[14rem\] {
  width: 14rem;
}
.w-\[180\%\] {
  width: 180%;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[1rem\] {
  width: 1rem;
}
.w-\[2\.25rem\] {
  width: 2.25rem;
}
.w-\[2\.4rem\] {
  width: 2.4rem;
}
.w-\[2\.625rem\] {
  width: 2.625rem;
}
.w-\[2\.63rem\] {
  width: 2.63rem;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[23\.2\%\] {
  width: 23.2%;
}
.w-\[230px\] {
  width: 230px;
}
.w-\[24\%\] {
  width: 24%;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[27px\] {
  width: 27px;
}
.w-\[3\.5rem\] {
  width: 3.5rem;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[34px\] {
  width: 34px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[4\.45rem\] {
  width: 4.45rem;
}
.w-\[4\.5rem\] {
  width: 4.5rem;
}
.w-\[4\.69rem\] {
  width: 4.69rem;
}
.w-\[4\.88rem\] {
  width: 4.88rem;
}
.w-\[40\%\] {
  width: 40%;
}
.w-\[40\.6\%\] {
  width: 40.6%;
}
.w-\[42px\] {
  width: 42px;
}
.w-\[43\%\] {
  width: 43%;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[46px\] {
  width: 46px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[52\%\] {
  width: 52%;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[54\%\] {
  width: 54%;
}
.w-\[54px\] {
  width: 54px;
}
.w-\[58\%\] {
  width: 58%;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[6\.25rem\] {
  width: 6.25rem;
}
.w-\[6\.8125rem\] {
  width: 6.8125rem;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[62px\] {
  width: 62px;
}
.w-\[7\.25rem\] {
  width: 7.25rem;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[70\.8\%\] {
  width: 70.8%;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[76px\] {
  width: 76px;
}
.w-\[78\%\] {
  width: 78%;
}
.w-\[7px\] {
  width: 7px;
}
.w-\[8\.9\%\] {
  width: 8.9%;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[81\%\] {
  width: 81%;
}
.w-\[82\%\] {
  width: 82%;
}
.w-\[83\%\] {
  width: 83%;
}
.w-\[84\%\] {
  width: 84%;
}
.w-\[85\%\] {
  width: 85%;
}
.w-\[86\%\] {
  width: 86%;
}
.w-\[88\%\] {
  width: 88%;
}
.w-\[88\.64\%\] {
  width: 88.64%;
}
.w-\[8rem\] {
  width: 8rem;
}
.w-\[9\.375rem\] {
  width: 9.375rem;
}
.w-\[9\.56rem\] {
  width: 9.56rem;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[92\%\] {
  width: 92%;
}
.w-\[98\%\] {
  width: 98%;
}
.w-\[calc\(\(100\%-12px\)\/4\)\] {
  width: calc((100% - 12px) / 4);
}
.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem);
}
.w-\[calc\(100\%_-_32px\)\] {
  width: calc(100% - 32px);
}
.w-\[calc\(478px_\*_0\.9\)\] {
  width: calc(478px * 0.9);
}
.w-\[calc\(50\%-0\.625rem\)\] {
  width: calc(50% - 0.625rem);
}
.w-\[calc\(min\(100vw\2c _480px\)_-_40px\)\] {
  width: calc(min(100vw, 480px) - 40px);
}
.w-\[clamp\(9\.5rem\2c _45vw\2c _13rem\)\] {
  width: clamp(9.5rem, 45vw, 13rem);
}
.w-\[min\(100\%\2c 448px\)\] {
  width: min(100%, 448px);
}
.w-\[min\(100\%\2c 480px\)\] {
  width: min(100%, 480px);
}
.w-\[min\(100\%\2c 660px\)\] {
  width: min(100%, 660px);
}
.w-\[min\(100\%\2c _32rem\)\] {
  width: min(100%, 32rem);
}
.w-\[min\(100\%\2c _430px\)\] {
  width: min(100%, 430px);
}
.w-\[min\(100\%\2c _448px\)\] {
  width: min(100%, 448px);
}
.w-\[min\(100\%\2c _460px\)\] {
  width: min(100%, 460px);
}
.w-\[min\(100\%\2c _480px\)\] {
  width: min(100%, 480px);
}
.w-\[min\(100\%\2c _620px\)\] {
  width: min(100%, 620px);
}
.w-\[min\(100\%\2c _660px\)\] {
  width: min(100%, 660px);
}
.w-\[min\(380px\2c calc\(100\%_-_32px\)\)\] {
  width: min(380px, calc(100% - 32px));
}
.w-\[min\(440px\2c _calc\(100\%_-_24px\)\)\] {
  width: min(440px, calc(100% - 24px));
}
.w-\[min\(440px\2c calc\(100\%-32px\)\)\] {
  width: min(440px, calc(100% - 32px));
}
.w-\[min\(560px\2c calc\(100\%_-_32px\)\)\] {
  width: min(560px, calc(100% - 32px));
}
.w-\[min\(calc\(100\%_-_24px\)\2c 440px\)\] {
  width: min(calc(100% - 24px), 440px);
}
.w-\[min\(calc\(100\%_-_24px\)\2c 456px\)\] {
  width: min(calc(100% - 24px), 456px);
}
.w-\[min\(calc\(100\%_-_24px\)\2c _400px\)\] {
  width: min(calc(100% - 24px), 400px);
}
.w-\[min\(calc\(100\%_-_24px\)\2c _440px\)\] {
  width: min(calc(100% - 24px), 440px);
}
.w-\[min\(calc\(100\%_-_24px\)\2c _456px\)\] {
  width: min(calc(100% - 24px), 456px);
}
.w-\[min\(calc\(100\%_-_32px\)\2c _448px\)\] {
  width: min(calc(100% - 32px), 448px);
}
.w-\[min\(calc\(100vw_-_32px\)\2c _448px\)\] {
  width: min(calc(100vw - 32px), 448px);
}
.w-\[var\(--tile\)\] {
  width: var(--tile);
}
.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-px {
  width: 1px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-11 {
  min-width: 2.75rem;
}
.min-w-14 {
  min-width: 3.5rem;
}
.min-w-20 {
  min-width: 5rem;
}
.min-w-28 {
  min-width: 7rem;
}
.min-w-4 {
  min-width: 1rem;
}
.min-w-8 {
  min-width: 2rem;
}
.min-w-9 {
  min-width: 2.25rem;
}
.min-w-\[0\] {
  min-width: 0;
}
.min-w-\[132px\] {
  min-width: 132px;
}
.min-w-\[18px\] {
  min-width: 18px;
}
.min-w-\[19px\] {
  min-width: 19px;
}
.min-w-\[23px\] {
  min-width: 23px;
}
.min-w-\[26px\] {
  min-width: 26px;
}
.min-w-\[3\.125rem\] {
  min-width: 3.125rem;
}
.min-w-\[30px\] {
  min-width: 30px;
}
.min-w-\[4\.25rem\] {
  min-width: 4.25rem;
}
.min-w-\[5\.2rem\] {
  min-width: 5.2rem;
}
.min-w-\[58px\] {
  min-width: 58px;
}
.min-w-\[5rem\] {
  min-width: 5rem;
}
.min-w-\[6\.25rem\] {
  min-width: 6.25rem;
}
.min-w-\[6\.38rem\] {
  min-width: 6.38rem;
}
.min-w-\[6\.69rem\] {
  min-width: 6.69rem;
}
.min-w-\[88px\] {
  min-width: 88px;
}
.min-w-\[92px\] {
  min-width: 92px;
}
.min-w-full {
  min-width: 100%;
}
.\!max-w-\[200\%\] {
  max-width: 200% !important;
}
.\!max-w-\[64\%\] {
  max-width: 64% !important;
}
.\!max-w-\[90\%\] {
  max-width: 90% !important;
}
.\!max-w-\[95\%\] {
  max-width: 95% !important;
}
.\!max-w-\[unset\] {
  max-width: unset !important;
}
.\!max-w-none {
  max-width: none !important;
}
.max-w-16 {
  max-width: 4rem;
}
.max-w-20 {
  max-width: 5rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-\[100\%\] {
  max-width: 100%;
}
.max-w-\[118px\] {
  max-width: 118px;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[125px\] {
  max-width: 125px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[170px\] {
  max-width: 170px;
}
.max-w-\[2\.25rem\] {
  max-width: 2.25rem;
}
.max-w-\[200\%\] {
  max-width: 200%;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[23\.25rem\] {
  max-width: 23.25rem;
}
.max-w-\[230px\] {
  max-width: 230px;
}
.max-w-\[270px\] {
  max-width: 270px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[285px\] {
  max-width: 285px;
}
.max-w-\[290px\] {
  max-width: 290px;
}
.max-w-\[30ch\] {
  max-width: 30ch;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[32ch\] {
  max-width: 32ch;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[370px\] {
  max-width: 370px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[448px\] {
  max-width: 448px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[50\%\] {
  max-width: 50%;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-\[6\.25rem\] {
  max-width: 6.25rem;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[680px\] {
  max-width: 680px;
}
.max-w-\[76\%\] {
  max-width: 76%;
}
.max-w-\[77\%\] {
  max-width: 77%;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[85\%\] {
  max-width: 85%;
}
.max-w-\[88\%\] {
  max-width: 88%;
}
.max-w-\[90\%\] {
  max-width: 90%;
}
.max-w-\[90vw\] {
  max-width: 90vw;
}
.max-w-\[95\%\] {
  max-width: 95%;
}
.max-w-\[calc\(100\%_-_120px\)\] {
  max-width: calc(100% - 120px);
}
.max-w-\[calc\(100\%_-_32px\)\] {
  max-width: calc(100% - 32px);
}
.max-w-\[calc\(100\%_-_68px\)\] {
  max-width: calc(100% - 68px);
}
.max-w-\[min\(260px\2c _calc\(100vw_-_32px\)\)\] {
  max-width: min(260px, calc(100vw - 32px));
}
.max-w-full {
  max-width: 100%;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[0\] {
  flex: 0;
}
.flex-\[0_0_104px\] {
  flex: 0 0 104px;
}
.flex-\[0_0_108px\] {
  flex: 0 0 108px;
}
.flex-\[0_0_112px\] {
  flex: 0 0 112px;
}
.flex-\[0_0_148px\] {
  flex: 0 0 148px;
}
.flex-\[0_0_260px\] {
  flex: 0 0 260px;
}
.flex-\[0_0_44px\] {
  flex: 0 0 44px;
}
.flex-\[0_0_52px\] {
  flex: 0 0 52px;
}
.flex-\[0_0_54px\] {
  flex: 0 0 54px;
}
.flex-\[0_0_64px\] {
  flex: 0 0 64px;
}
.flex-\[0_0_76px\] {
  flex: 0 0 76px;
}
.flex-\[0_0_80px\] {
  flex: 0 0 80px;
}
.flex-\[0_0_auto\] {
  flex: 0 0 auto;
}
.flex-\[0_0_var\(--tile\)\] {
  flex: 0 0 var(--tile);
}
.flex-\[0_1_auto\] {
  flex: 0 1 auto;
}
.flex-\[1_1_140px\] {
  flex: 1 1 140px;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.shrink-0 {
  flex-shrink: 0;
}
.\!-translate-x-\[30\%\] {
  --tw-translate-x: -30% !important;
  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)) !important;
}
.\!translate-x-0 {
  --tw-translate-x: 0px !important;
  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)) !important;
}
.\!translate-x-full {
  --tw-translate-x: 100% !important;
  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)) !important;
}
.\!translate-y-0 {
  --tw-translate-y: 0px !important;
  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)) !important;
}
.\!translate-y-full {
  --tw-translate-y: 100% !important;
  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)) !important;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[0\.125rem\] {
  --tw-translate-x: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[1\.25rem\] {
  --tw-translate-x: -1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[10\%\] {
  --tw-translate-x: -10%;
  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-\[30\%\] {
  --tw-translate-x: -30%;
  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-\[38\%\] {
  --tw-translate-x: -38%;
  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-\[50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[70\%\] {
  --tw-translate-x: -70%;
  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-\[72\%\] {
  --tw-translate-x: -72%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1 {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[0\.125rem\] {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[100\%\] {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[20\%\] {
  --tw-translate-y: -20%;
  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-\[28\%\] {
  --tw-translate-y: -28%;
  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-\[30\%\] {
  --tw-translate-y: -30%;
  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-\[35\%\] {
  --tw-translate-y: -35%;
  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-\[40\%\] {
  --tw-translate-y: -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-y-\[5\%\] {
  --tw-translate-y: -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-\[50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[56\%\] {
  --tw-translate-y: -56%;
  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%;
  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-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[0\.125rem\] {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[1\.25rem\] {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[20\%\] {
  --tw-translate-x: 20%;
  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-\[50\%\] {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[calc\(var\(--x\)\+1\.125rem\)\] {
  --tw-translate-x: calc(var(--x) + 1.125rem);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[calc\(var\(--x\)\+var\(--gap\)\)\] {
  --tw-translate-x: calc(var(--x) + var(--gap));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/2 {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[0\.125rem\] {
  --tw-translate-y: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[10\%\] {
  --tw-translate-y: 10%;
  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-\[20\%\] {
  --tw-translate-y: 20%;
  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-\[200\%\] {
  --tw-translate-y: 200%;
  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-\[25\%\] {
  --tw-translate-y: 25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[50\%\] {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-12 {
  --tw-rotate: -12deg;
  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-12 {
  --tw-rotate: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-6 {
  --tw-rotate: 6deg;
  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-\[-7deg\] {
  --tw-rotate: -7deg;
  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-\[15deg\] {
  --tw-rotate: 15deg;
  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-\[345deg\] {
  --tw-rotate: 345deg;
  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-0 {
  --tw-scale-x: 0 !important;
  --tw-scale-y: 0 !important;
  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)) !important;
}
.\!scale-100 {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  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)) !important;
}
.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-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));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-none {
  transform: none;
}
.animate-\[battleCountBeat_0\.65s_ease-out_both\] {
  animation: battleCountBeat 0.65s ease-out both;
}
.animate-\[battlePrizeIn_0\.25s_ease-out_both\] {
  animation: battlePrizeIn 0.25s ease-out both;
}
.animate-\[battlePrizeIn_0\.35s_ease-out_both\] {
  animation: battlePrizeIn 0.35s ease-out both;
}
.animate-\[battlePrizeIn_0\.4s_ease-out_both\] {
  animation: battlePrizeIn 0.4s ease-out both;
}
.animate-\[battleReel_3s_cubic-bezier\(0\.12\2c 0\.62\2c 0\.16\2c 1\)_both\] {
  animation: battleReel 3s cubic-bezier(0.12,0.62,0.16,1) both;
}
@keyframes box-overlay-in {

  from {
    opacity: 0;
  }
}
.animate-\[box-overlay-in_0\.2s_ease-out_both\] {
  animation: box-overlay-in 0.2s ease-out both;
}
.animate-\[box-prize-enter_0\.4s_cubic-bezier\(0\.2\2c 0\.72\2c 0\.2\2c 1\)_both\] {
  animation: box-prize-enter 0.4s cubic-bezier(0.2,0.72,0.2,1) both;
}
.animate-\[box-product-float_5\.5s_ease-in-out_0\.5s_infinite\] {
  animation: box-product-float 5.5s ease-in-out 0.5s infinite;
}
@keyframes box-sheet-in {

  from {
    opacity: 0;
    transform: translateY(1.5rem) scale(0.985);
  }
}
.animate-\[box-sheet-in_0\.24s_ease-out_both\] {
  animation: box-sheet-in 0.24s ease-out both;
}
@keyframes box-sheet-in {

  from {
    opacity: 0;
    transform: translateY(1.5rem) scale(0.985);
  }
}
.animate-\[box-sheet-in_0\.36s_cubic-bezier\(0\.2\2c _0\.78\2c _0\.2\2c _1\)_both\] {
  animation: box-sheet-in 0.36s cubic-bezier(0.2, 0.78, 0.2, 1) both;
}
.animate-\[box-skill-hint_0\.7s_ease-out_0\.45s_both\] {
  animation: box-skill-hint 0.7s ease-out 0.45s both;
}
.animate-\[multiFade_0\.3s_var\(--land\)_forwards\] {
  animation: multiFade 0.3s var(--land) forwards;
}
.animate-\[multiIntro_0\.65s_ease-out_both\] {
  animation: multiIntro 0.65s ease-out both;
}
.animate-\[multiRoll_var\(--roll\)_cubic-bezier\(0\.18\2c _0\.55\2c _0\.08\2c _1\)_0\.65s_both\] {
  animation: multiRoll var(--roll) cubic-bezier(0.18, 0.55, 0.08, 1) 0.65s both;
}
@keyframes page-content-arrive {

  from {
    opacity: 0.72;
  }

  to {
    opacity: 1;
  }
}
.animate-\[page-content-arrive_180ms_ease-out_both\] {
  animation: page-content-arrive 180ms ease-out both;
}
@keyframes paymentLevelIn {

  from {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.animate-\[paymentLevelIn_0\.7s_cubic-bezier\(0\.2\2c _0\.8\2c _0\.2\2c _1\)_both\] {
  animation: paymentLevelIn 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.animate-\[pp-pewguide-hello_320ms_ease-out_both\] {
  animation: pp-pewguide-hello 320ms ease-out both;
}
.animate-\[production-sheet-in_var\(--motion-standard\)_ease-out\] {
  animation: production-sheet-in var(--motion-standard) ease-out;
}
@keyframes shimmer {

  to {
    background-position: -200% 0;
  }
}
.animate-\[shimmer_1\.2s_infinite\] {
  animation: shimmer 1.2s infinite;
}
.animate-\[singleCelebrate_0\.65s_cubic-bezier\(0\.2\2c _0\.7\2c _0\.2\2c _1\)_4\.65s_both\] {
  animation: singleCelebrate 0.65s cubic-bezier(0.2, 0.7, 0.2, 1) 4.65s both;
}
@keyframes singleStageEnter {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate-\[singleStageEnter_0\.2s_ease-out_both\] {
  animation: singleStageEnter 0.2s ease-out both;
}
@keyframes singleStageEnter {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate-\[singleStageEnter_0\.7s_4\.3s_both\] {
  animation: singleStageEnter 0.7s 4.3s both;
}
.animate-\[singleStageName_0\.35s_ease-out_2\.65s_both\] {
  animation: singleStageName 0.35s ease-out 2.65s both;
}
.animate-\[singleStageRoll_2\.6s_cubic-bezier\(0\.12\2c _0\.65\2c _0\.12\2c _1\)_both\] {
  animation: singleStageRoll 2.6s cubic-bezier(0.12, 0.65, 0.12, 1) both;
}
.animate-\[siteSelectMenuEnter_160ms_ease-out\] {
  animation: siteSelectMenuEnter 160ms ease-out;
}
@keyframes stageActionsArrive {

  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-\[stageActionsArrive_0\.4s_ease-out_0\.3s_both\] {
  animation: stageActionsArrive 0.4s ease-out 0.3s both;
}
@keyframes box-overlay-in {

  from {
    opacity: 0;
  }
}
.animate-box-overlay-in {
  animation: box-overlay-in 1s linear;
}
@keyframes box-sheet-in {

  from {
    opacity: 0;
    transform: translateY(1.5rem) scale(0.985);
  }
}
.animate-box-sheet-in {
  animation: box-sheet-in 1s linear;
}
.animate-none {
  animation: none;
}
@keyframes page-content-arrive {

  from {
    opacity: 0.72;
  }

  to {
    opacity: 1;
  }
}
.animate-page-content-arrive {
  animation: page-content-arrive 1s linear;
}
@keyframes paymentConnecting {

  0%, 80%, 100% {
    opacity: 0.3;
    transform: scale(0.8);
  }

  40% {
    opacity: 1;
    transform: scale(1);
  }
}
.animate-paymentConnecting {
  animation: paymentConnecting 1s linear;
}
@keyframes paymentLevelIn {

  from {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.animate-paymentLevelIn {
  animation: paymentLevelIn 1s linear;
}
@keyframes pp-game-open {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate-pp-game-open {
  animation: pp-game-open 200ms ease-out;
}
@keyframes pp-warning-enter {

  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-pp-warning-enter {
  animation: pp-warning-enter 200ms ease-out both;
}
@keyframes pp-warning-exit {

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

  to {
    opacity: 0;
    transform: translateY(6px);
  }
}
.animate-pp-warning-exit {
  animation: pp-warning-exit 180ms ease-in both;
}
@keyframes prize-shake {

  0% {
    transform: translateX(0) rotate(0deg);
  }

  6.67% {
    transform: translateX(-1px) rotate(-0.8deg);
  }

  13.33% {
    transform: translateX(1px) rotate(0.8deg);
  }

  20% {
    transform: translateX(-1px) rotate(-0.8deg);
  }

  26.67% {
    transform: translateX(1px) rotate(0.8deg);
  }

  33.33% {
    transform: translateX(-0.5px) rotate(-0.5deg);
  }

  40% {
    transform: translateX(0.5px) rotate(0.5deg);
  }

  44.44% {
    transform: translateX(0) rotate(0deg);
  }

  100% {
    transform: translateX(0) rotate(0deg);
  }
}
.animate-prize-shake {
  animation: prize-shake 1.8s linear infinite;
}
@keyframes shimmer {

  to {
    background-position: -200% 0;
  }
}
.animate-shimmer {
  animation: shimmer 1s linear;
}
@keyframes singleStageEnter {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate-singleStageEnter {
  animation: singleStageEnter 1s linear;
}
@keyframes stageActionsArrive {

  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-stageActionsArrive {
  animation: stageActionsArrive 1s linear;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.resize {
  resize: both;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-proximity {
  --tw-scroll-snap-strictness: proximity;
}
.snap-start {
  scroll-snap-align: start;
}
.snap-center {
  scroll-snap-align: center;
}
.scroll-pt-3 {
  scroll-padding-top: 0.75rem;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.auto-cols-\[minmax\(9\.4rem\2c _43\%\)\] {
  grid-auto-columns: minmax(9.4rem, 43%);
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[1\.7fr_1fr\] {
  grid-template-columns: 1.7fr 1fr;
}
.grid-cols-\[128px_1fr\] {
  grid-template-columns: 128px 1fr;
}
.grid-cols-\[1fr_1\.4fr\] {
  grid-template-columns: 1fr 1.4fr;
}
.grid-cols-\[1fr_1fr\] {
  grid-template-columns: 1fr 1fr;
}
.grid-cols-\[1fr_1fr_1fr\] {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}
.grid-cols-\[1fr_auto_1fr\] {
  grid-template-columns: 1fr auto 1fr;
}
.grid-cols-\[20px_64px_minmax\(0\2c _1fr\)\] {
  grid-template-columns: 20px 64px minmax(0, 1fr);
}
.grid-cols-\[28px_minmax\(0\2c 1fr\)_6px\] {
  grid-template-columns: 28px minmax(0,1fr) 6px;
}
.grid-cols-\[32px_minmax\(0\2c 1fr\)_minmax\(64px\2c auto\)\] {
  grid-template-columns: 32px minmax(0,1fr) minmax(64px,auto);
}
.grid-cols-\[38px_minmax\(0\2c 1fr\)_18px\] {
  grid-template-columns: 38px minmax(0,1fr) 18px;
}
.grid-cols-\[4\.45rem_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 4.45rem minmax(0,1fr);
}
.grid-cols-\[4\.5rem_minmax\(0\2c _1fr\)\] {
  grid-template-columns: 4.5rem minmax(0, 1fr);
}
.grid-cols-\[42px_minmax\(0\2c _1fr\)_auto_18px\] {
  grid-template-columns: 42px minmax(0, 1fr) auto 18px;
}
.grid-cols-\[44px_1fr_44px\] {
  grid-template-columns: 44px 1fr 44px;
}
.grid-cols-\[44px_1fr_64px\] {
  grid-template-columns: 44px 1fr 64px;
}
.grid-cols-\[44px_minmax\(0\2c _1fr\)_auto\] {
  grid-template-columns: 44px minmax(0, 1fr) auto;
}
.grid-cols-\[48px_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 48px minmax(0,1fr);
}
.grid-cols-\[64px_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 64px minmax(0,1fr);
}
.grid-cols-\[64px_minmax\(0\2c 1fr\)_auto\] {
  grid-template-columns: 64px minmax(0,1fr) auto;
}
.grid-cols-\[64px_minmax\(0\2c _1fr\)\] {
  grid-template-columns: 64px minmax(0, 1fr);
}
.grid-cols-\[70px_minmax\(0\2c 1fr\)\] {
  grid-template-columns: 70px minmax(0,1fr);
}
.grid-cols-\[96px_minmax\(0\2c _1fr\)\] {
  grid-template-columns: 96px minmax(0, 1fr);
}
.grid-cols-\[auto_auto\] {
  grid-template-columns: auto auto;
}
.grid-cols-\[minmax\(0\2c 1\.3fr\)_minmax\(0\2c 1fr\)\] {
  grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);
}
.grid-cols-\[minmax\(0\2c 1fr\)\] {
  grid-template-columns: minmax(0,1fr);
}
.grid-cols-\[minmax\(0\2c 1fr\)_112px\] {
  grid-template-columns: minmax(0,1fr) 112px;
}
.grid-cols-\[minmax\(0\2c 1fr\)_118px_44px\] {
  grid-template-columns: minmax(0,1fr) 118px 44px;
}
.grid-cols-\[minmax\(0\2c 1fr\)_44px_44px\] {
  grid-template-columns: minmax(0,1fr) 44px 44px;
}
.grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
  grid-template-columns: minmax(0,1fr) auto;
}
.grid-cols-\[minmax\(0\2c 58\%\)_minmax\(0\2c 42\%\)\] {
  grid-template-columns: minmax(0,58%) minmax(0,42%);
}
.grid-cols-\[minmax\(0\2c _1fr\)\] {
  grid-template-columns: minmax(0, 1fr);
}
.grid-cols-\[minmax\(0\2c _1fr\)_auto\] {
  grid-template-columns: minmax(0, 1fr) auto;
}
.grid-cols-\[minmax\(28px\2c max-content\)_40px_minmax\(0\2c 1fr\)\] {
  grid-template-columns: minmax(28px,max-content) 40px minmax(0,1fr);
}
.grid-cols-\[repeat\(2\2c _minmax\(0\2c _1fr\)\)\] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[repeat\(4\2c _minmax\(0\2c _1fr\)\)\] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[repeat\(var\(--tab-count\)\2c minmax\(0\2c 1fr\)\)\] {
  grid-template-columns: repeat(var(--tab-count),minmax(0,1fr));
}
.grid-rows-\[36px_auto_auto\] {
  grid-template-rows: 36px auto auto;
}
.grid-rows-\[44px_44px\] {
  grid-template-rows: 44px 44px;
}
.grid-rows-\[repeat\(3\2c _minmax\(0\2c _1fr\)\)\] {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.\!flex-col {
  flex-direction: column !important;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.\!place-items-center {
  place-items: center !important;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.\!items-end {
  align-items: flex-end !important;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.\!items-stretch {
  align-items: stretch !important;
}
.items-stretch {
  align-items: stretch;
}
.\!justify-start {
  justify-content: flex-start !important;
}
.justify-start {
  justify-content: flex-start;
}
.\!justify-end {
  justify-content: flex-end !important;
}
.justify-end {
  justify-content: flex-end;
}
.\!justify-center {
  justify-content: center !important;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-items-end {
  justify-items: end;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-\[0\.31rem\] {
  gap: 0.31rem;
}
.gap-\[0\.35rem\] {
  gap: 0.35rem;
}
.gap-\[0\.38rem\] {
  gap: 0.38rem;
}
.gap-\[0\.45rem\] {
  gap: 0.45rem;
}
.gap-\[0\.4rem\] {
  gap: 0.4rem;
}
.gap-\[0\.55rem\] {
  gap: 0.55rem;
}
.gap-\[0\.65rem\] {
  gap: 0.65rem;
}
.gap-\[0\.6rem\] {
  gap: 0.6rem;
}
.gap-\[0\.7rem\] {
  gap: 0.7rem;
}
.gap-\[0\.8rem\] {
  gap: 0.8rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[11px\] {
  gap: 11px;
}
.gap-\[12px\] {
  gap: 12px;
}
.gap-\[14px\] {
  gap: 14px;
}
.gap-\[15px\] {
  gap: 15px;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[2\.3\%\] {
  gap: 2.3%;
}
.gap-\[25px\] {
  gap: 25px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[4px_14px\] {
  gap: 4px 14px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-\[7px_12px\] {
  gap: 7px 12px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-\[9px\] {
  gap: 9px;
}
.gap-\[var\(--gap\)\] {
  gap: var(--gap);
}
.gap-px {
  gap: 1px;
}
.gap-x-14 {
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-3\.5 {
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-\[\.625rem\] {
  -moz-column-gap: .625rem;
       column-gap: .625rem;
}
.gap-x-\[0\.375rem\] {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-\[0\.6rem\] {
  -moz-column-gap: 0.6rem;
       column-gap: 0.6rem;
}
.gap-x-\[0\.8rem\] {
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
}
.gap-x-\[1\.5rem\] {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-\[2rem\] {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-3\.5 {
  row-gap: 0.875rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-\[0\.15rem\] {
  row-gap: 0.15rem;
}
.gap-y-\[0\.32rem\] {
  row-gap: 0.32rem;
}
.gap-y-\[28px\] {
  row-gap: 28px;
}
.gap-y-\[5px\] {
  row-gap: 5px;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.justify-self-center {
  justify-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.\!rounded-2xl {
  border-radius: 1rem !important;
}
.\!rounded-\[\.75rem\] {
  border-radius: .75rem !important;
}
.\!rounded-\[0\.375rem\] {
  border-radius: 0.375rem !important;
}
.\!rounded-\[0\.75rem\] {
  border-radius: 0.75rem !important;
}
.\!rounded-\[1\.25rem\] {
  border-radius: 1.25rem !important;
}
.\!rounded-\[1\.275rem\] {
  border-radius: 1.275rem !important;
}
.\!rounded-\[1\.375rem\] {
  border-radius: 1.375rem !important;
}
.\!rounded-\[10px\] {
  border-radius: 10px !important;
}
.\!rounded-\[14px\] {
  border-radius: 14px !important;
}
.\!rounded-\[18px\] {
  border-radius: 18px !important;
}
.\!rounded-full {
  border-radius: 9999px !important;
}
.\!rounded-lg {
  border-radius: 0.5rem !important;
}
.\!rounded-none {
  border-radius: 0px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[\.25rem\] {
  border-radius: .25rem;
}
.rounded-\[\.375rem\] {
  border-radius: .375rem;
}
.rounded-\[\.75rem\] {
  border-radius: .75rem;
}
.rounded-\[0\.0625rem\] {
  border-radius: 0.0625rem;
}
.rounded-\[0\.25rem\] {
  border-radius: 0.25rem;
}
.rounded-\[0\.375rem\] {
  border-radius: 0.375rem;
}
.rounded-\[0\.38rem\] {
  border-radius: 0.38rem;
}
.rounded-\[0\.3rem\] {
  border-radius: 0.3rem;
}
.rounded-\[0\.44rem\] {
  border-radius: 0.44rem;
}
.rounded-\[0\.4rem\] {
  border-radius: 0.4rem;
}
.rounded-\[0\.5rem\] {
  border-radius: 0.5rem;
}
.rounded-\[0\.72rem\] {
  border-radius: 0.72rem;
}
.rounded-\[0\.75rem\] {
  border-radius: 0.75rem;
}
.rounded-\[0\.7rem\] {
  border-radius: 0.7rem;
}
.rounded-\[0\.88rem\] {
  border-radius: 0.88rem;
}
.rounded-\[0\.8rem\] {
  border-radius: 0.8rem;
}
.rounded-\[0\.95rem\] {
  border-radius: 0.95rem;
}
.rounded-\[0\.9rem\] {
  border-radius: 0.9rem;
}
.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}
.rounded-\[1\.45rem\] {
  border-radius: 1.45rem;
}
.rounded-\[1\.4rem\] {
  border-radius: 1.4rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[11px\] {
  border-radius: 11px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[13px\] {
  border-radius: 13px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[15px\] {
  border-radius: 15px;
}
.rounded-\[15px_15px_0_0\] {
  border-radius: 15px 15px 0 0;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[16px_0_0_16px\] {
  border-radius: 16px 0 0 16px;
}
.rounded-\[16px_16px_16px_5px\] {
  border-radius: 16px 16px 16px 5px;
}
.rounded-\[17px\] {
  border-radius: 17px;
}
.rounded-\[18px\] {
  border-radius: 18px;
}
.rounded-\[19px\] {
  border-radius: 19px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[21px\] {
  border-radius: 21px;
}
.rounded-\[22px\] {
  border-radius: 22px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[26px\] {
  border-radius: 26px;
}
.rounded-\[26px_26px_0_0\] {
  border-radius: 26px 26px 0 0;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-\[28px_28px_0_0\] {
  border-radius: 28px 28px 0 0;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[32px\] {
  border-radius: 32px;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[7px\] {
  border-radius: 7px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-\[999px\] {
  border-radius: 999px;
}
.rounded-\[99px\] {
  border-radius: 99px;
}
.rounded-\[9px\] {
  border-radius: 9px;
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-\[var\(--mobile-action-radius\)\] {
  border-radius: var(--mobile-action-radius);
}
.rounded-\[var\(--mobile-dock-radius\)\] {
  border-radius: var(--mobile-dock-radius);
}
.rounded-\[var\(--radius\)\] {
  border-radius: var(--radius);
}
.rounded-\[var\(--ui-dialog-radius\)\] {
  border-radius: var(--ui-dialog-radius);
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-\[18px\] {
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
}
.rounded-b-\[3px\] {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-\[18px\] {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
.rounded-t-\[20px\] {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.\!border-0 {
  border-width: 0px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-\[0\.03rem\] {
  border-width: 0.03rem;
}
.border-\[0\.06rem\] {
  border-width: 0.06rem;
}
.border-\[0\.125rem\] {
  border-width: 0.125rem;
}
.border-\[0\.5px\] {
  border-width: 0.5px;
}
.border-\[2px\] {
  border-width: 2px;
}
.border-\[3px\] {
  border-width: 3px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-\[0\.44rem\] {
  border-bottom-width: 0.44rem;
}
.border-l {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-\[0\.5rem\] {
  border-left-width: 0.5rem;
}
.border-r-\[0\.06rem\] {
  border-right-width: 0.06rem;
}
.border-r-\[0\.5rem\] {
  border-right-width: 0.5rem;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-\[0\.44rem\] {
  border-top-width: 0.44rem;
}
.border-t-\[3px\] {
  border-top-width: 3px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.\!border-\[\#0099FF\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 153 255 / var(--tw-border-opacity, 1)) !important;
}
.\!border-\[\#FF9A0D\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 154 13 / var(--tw-border-opacity, 1)) !important;
}
.\!border-pp-accent {
  border-color: var(--accent) !important;
}
.border-\[\#00FF58\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 255 88 / var(--tw-border-opacity, 1));
}
.border-\[\#272727\] {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 39 / var(--tw-border-opacity, 1));
}
.border-\[\#325B41\] {
  --tw-border-opacity: 1;
  border-color: rgb(50 91 65 / var(--tw-border-opacity, 1));
}
.border-\[\#333\] {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.border-\[\#3FFA42\] {
  --tw-border-opacity: 1;
  border-color: rgb(63 250 66 / var(--tw-border-opacity, 1));
}
.border-\[\#404041\] {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 65 / var(--tw-border-opacity, 1));
}
.border-\[\#454647\] {
  --tw-border-opacity: 1;
  border-color: rgb(69 70 71 / var(--tw-border-opacity, 1));
}
.border-\[\#76C7F3\] {
  --tw-border-opacity: 1;
  border-color: rgb(118 199 243 / var(--tw-border-opacity, 1));
}
.border-\[\#7CABF9\] {
  --tw-border-opacity: 1;
  border-color: rgb(124 171 249 / var(--tw-border-opacity, 1));
}
.border-\[\#CCFFFD\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 255 253 / var(--tw-border-opacity, 1));
}
.border-\[\#D8C9B6\] {
  --tw-border-opacity: 1;
  border-color: rgb(216 201 182 / var(--tw-border-opacity, 1));
}
.border-\[\#FECE10\] {
  --tw-border-opacity: 1;
  border-color: rgb(254 206 16 / var(--tw-border-opacity, 1));
}
.border-\[\#FFFFA1\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 161 / var(--tw-border-opacity, 1));
}
.border-\[\#dac69b\] {
  --tw-border-opacity: 1;
  border-color: rgb(218 198 155 / var(--tw-border-opacity, 1));
}
.border-\[\#e3dcf2\] {
  --tw-border-opacity: 1;
  border-color: rgb(227 220 242 / var(--tw-border-opacity, 1));
}
.border-\[\#e9e3f3\] {
  --tw-border-opacity: 1;
  border-color: rgb(233 227 243 / var(--tw-border-opacity, 1));
}
.border-\[\#ece2ce\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 226 206 / var(--tw-border-opacity, 1));
}
.border-\[\#ffb5b5\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 181 181 / var(--tw-border-opacity, 1));
}
.border-\[\#ffe7a0\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 231 160 / var(--tw-border-opacity, 1));
}
.border-\[\#ffffffb3\] {
  border-color: #ffffffb3;
}
.border-\[color-mix\(in_srgb\2c \#b48831_20\%\2c var\(--line\)\)\] {
  border-color: color-mix(in srgb,#b48831 20%,var(--line));
}
.border-\[color-mix\(in_srgb\2c \#b48831_28\%\2c var\(--line\)\)\] {
  border-color: color-mix(in srgb,#b48831 28%,var(--line));
}
.border-\[color-mix\(in_srgb\2c _\#b59963_30\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, #b59963 30%, var(--line));
}
.border-\[color-mix\(in_srgb\2c _\#d94b73_45\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, #d94b73 45%, var(--line));
}
.border-\[color-mix\(in_srgb\2c _var\(--accent\)_10\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, var(--accent) 10%, var(--line));
}
.border-\[color-mix\(in_srgb\2c _var\(--accent\)_22\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, var(--accent) 22%, var(--line));
}
.border-\[color-mix\(in_srgb\2c _var\(--accent\)_28\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, var(--accent) 28%, var(--line));
}
.border-\[color-mix\(in_srgb\2c _var\(--action-benefit\)_18\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, var(--action-benefit) 18%, var(--line));
}
.border-\[color-mix\(in_srgb\2c _var\(--action-benefit\)_20\%\2c _transparent\)\] {
  border-color: color-mix(in srgb, var(--action-benefit) 20%, transparent);
}
.border-\[color-mix\(in_srgb\2c _var\(--action-benefit\)_22\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, var(--action-benefit) 22%, var(--line));
}
.border-\[color-mix\(in_srgb\2c _var\(--line\)_75\%\2c _transparent\)\] {
  border-color: color-mix(in srgb, var(--line) 75%, transparent);
}
.border-\[color-mix\(in_srgb\2c _var\(--promo\)_24\%\2c _var\(--hairline\)\)\] {
  border-color: color-mix(in srgb, var(--promo) 24%, var(--hairline));
}
.border-\[color-mix\(in_srgb\2c _var\(--reward\)_18\%\2c _var\(--hairline\)\)\] {
  border-color: color-mix(in srgb, var(--reward) 18%, var(--hairline));
}
.border-\[color-mix\(in_srgb\2c _var\(--reward\)_18\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, var(--reward) 18%, var(--line));
}
.border-\[color-mix\(in_srgb\2c _var\(--reward\)_22\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, var(--reward) 22%, var(--line));
}
.border-\[color-mix\(in_srgb\2c _var\(--reward\)_28\%\2c _var\(--hairline\)\)\] {
  border-color: color-mix(in srgb, var(--reward) 28%, var(--hairline));
}
.border-\[color-mix\(in_srgb\2c _var\(--reward\)_30\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, var(--reward) 30%, var(--line));
}
.border-\[color-mix\(in_srgb\2c _var\(--reward\)_42\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, var(--reward) 42%, var(--line));
}
.border-\[color-mix\(in_srgb\2c _var\(--success\)_24\%\2c _var\(--hairline\)\)\] {
  border-color: color-mix(in srgb, var(--success) 24%, var(--hairline));
}
.border-\[color-mix\(in_srgb\2c var\(--accent\)_13\%\2c var\(--hairline\)\)\] {
  border-color: color-mix(in srgb,var(--accent) 13%,var(--hairline));
}
.border-\[color-mix\(in_srgb\2c var\(--accent\)_15\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--accent) 15%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--accent\)_15\%\2c var\(--line\)\)\] {
  border-color: color-mix(in srgb,var(--accent) 15%,var(--line));
}
.border-\[color-mix\(in_srgb\2c var\(--accent\)_20\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--accent) 20%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--accent\)_24\%\2c var\(--line\)\)\] {
  border-color: color-mix(in srgb,var(--accent) 24%,var(--line));
}
.border-\[color-mix\(in_srgb\2c var\(--accent\)_30\%\2c var\(--line\)\)\] {
  border-color: color-mix(in srgb,var(--accent) 30%,var(--line));
}
.border-\[color-mix\(in_srgb\2c var\(--accent\)_50\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--accent) 50%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--action-benefit\)_20\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--action-benefit) 20%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--action-benefit\)_20\%\2c var\(--line\)\)\] {
  border-color: color-mix(in srgb,var(--action-benefit) 20%,var(--line));
}
.border-\[color-mix\(in_srgb\2c var\(--action-benefit\)_23\%\2c var\(--surface-solid\)\)\] {
  border-color: color-mix(in srgb,var(--action-benefit) 23%,var(--surface-solid));
}
.border-\[color-mix\(in_srgb\2c var\(--action-benefit\)_24\%\2c var\(--line\)\)\] {
  border-color: color-mix(in srgb,var(--action-benefit) 24%,var(--line));
}
.border-\[color-mix\(in_srgb\2c var\(--action-benefit\)_25\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--action-benefit) 25%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--line\)_45\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--line) 45%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--line\)_70\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--line) 70%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--line\)_82\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--line) 82%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--line\)_85\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--line) 85%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--muted\)_16\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--muted) 16%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--reward\)_22\%\2c var\(--line\)\)\] {
  border-color: color-mix(in srgb,var(--reward) 22%,var(--line));
}
.border-\[color-mix\(in_srgb\2c var\(--reward\)_25\%\2c var\(--line\)\)\] {
  border-color: color-mix(in srgb,var(--reward) 25%,var(--line));
}
.border-\[color-mix\(in_srgb\2c var\(--reward\)_55\%\2c var\(--line\)\)\] {
  border-color: color-mix(in srgb,var(--reward) 55%,var(--line));
}
.border-\[rgb\(255_255_255_\/_24\%\)\] {
  border-color: rgb(255 255 255 / 24%);
}
.border-\[rgb\(255_255_255_\/_58\%\)\] {
  border-color: rgb(255 255 255 / 58%);
}
.border-\[rgb\(255_255_255_\/_70\%\)\] {
  border-color: rgb(255 255 255 / 70%);
}
.border-\[rgb\(255_255_255_\/_78\%\)\] {
  border-color: rgb(255 255 255 / 78%);
}
.border-\[rgb\(255_70_70_\/_20\%\)\] {
  border-color: rgb(255 70 70 / 20%);
}
.border-\[rgb\(91_79_119_\/_13\%\)\] {
  border-color: rgb(91 79 119 / 13%);
}
.border-\[rgba\(217\2c 119\2c 6\2c 0\.32\)\] {
  border-color: rgba(217,119,6,0.32);
}
.border-\[rgba\(217\2c _119\2c _6\2c _0\.32\)\] {
  border-color: rgba(217, 119, 6, 0.32);
}
.border-\[rgba\(255\2c 70\2c 70\2c 0\.2\)\] {
  border-color: rgba(255,70,70,0.2);
}
.border-\[rgba\(255\2c _70\2c _70\2c _0\.2\)\] {
  border-color: rgba(255, 70, 70, 0.2);
}
.border-\[var\(--hairline\)\] {
  border-color: var(--hairline);
}
.border-\[var\(--line\)\] {
  border-color: var(--line);
}
.border-\[var\(--line\2c \#ded9e5\)\] {
  border-color: var(--line,#ded9e5);
}
.border-\[var\(--ui-dialog-border\)\] {
  border-color: var(--ui-dialog-border);
}
.border-brand {
  --tw-border-opacity: 1;
  border-color: rgb(63 250 66 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-neutralDark {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.border-pp-accent {
  border-color: var(--accent);
}
.border-pp-line {
  border-color: var(--line);
}
.border-pp-surface {
  border-color: var(--surface-solid);
}
.border-primary-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-b-\[\#d9bd8033\] {
  border-bottom-color: #d9bd8033;
}
.border-b-\[color-mix\(in_srgb\2c var\(--line\)_60\%\2c transparent\)\] {
  border-bottom-color: color-mix(in srgb,var(--line) 60%,transparent);
}
.border-b-\[transparent\] {
  border-bottom-color: transparent;
}
.border-b-\[var\(--hairline\)\] {
  border-bottom-color: var(--hairline);
}
.border-b-label-red {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 80 80 / var(--tw-border-opacity, 1));
}
.border-b-neutralDark {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.border-b-pp-line {
  border-bottom-color: var(--line);
}
.border-l-\[2px_solid_color-mix\(in_srgb\2c _var\(--reward\)_55\%\2c _transparent\)\] {
  border-left-color: 2px solid color-mix(in srgb, var(--reward) 55%, transparent);
}
.border-l-\[transparent\] {
  border-left-color: transparent;
}
.border-l-\[var\(--hairline\)\] {
  border-left-color: var(--hairline);
}
.border-l-pp-accent {
  border-left-color: var(--accent);
}
.border-l-pp-line {
  border-left-color: var(--line);
}
.border-r-\[\#E5E5E5\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-r-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\] {
  border-right-color: rgba(255,255,255,0.2);
}
.border-r-\[transparent\] {
  border-right-color: transparent;
}
.border-r-white {
  --tw-border-opacity: 1;
  border-right-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-t-\[\#E5E5E5\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-t-\[\#d9bd80\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(217 189 128 / var(--tw-border-opacity, 1));
}
.border-t-\[\#e4ddf0\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(228 221 240 / var(--tw-border-opacity, 1));
}
.border-t-\[color-mix\(in_srgb\2c var\(--line\)_65\%\2c transparent\)\] {
  border-top-color: color-mix(in srgb,var(--line) 65%,transparent);
}
.border-t-\[transparent\] {
  border-top-color: transparent;
}
.border-t-\[var\(--grade-color\2c var\(--hairline\)\)\] {
  border-top-color: var(--grade-color,var(--hairline));
}
.border-t-\[var\(--hairline\)\] {
  border-top-color: var(--hairline);
}
.border-t-label-red {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 80 80 / var(--tw-border-opacity, 1));
}
.border-t-pp-line {
  border-top-color: var(--line);
}
.\!bg-\[color-mix\(in_srgb\2c _var\(--muted\)_9\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, var(--muted) 9%, transparent) !important;
}
.\!bg-\[color-mix\(in_srgb\2c _var\(--surface\)_72\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, var(--surface) 72%, transparent) !important;
}
.\!bg-\[var\(--canvas\)\] {
  background-color: var(--canvas) !important;
}
.\!bg-\[var\(--surface\)\] {
  background-color: var(--surface) !important;
}
.\!bg-\[var\(--surface-solid\)\] {
  background-color: var(--surface-solid) !important;
}
.\!bg-bgPrimary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-pp-accent {
  background-color: var(--accent) !important;
}
.\!bg-pp-surface {
  background-color: var(--surface-solid) !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-\[\#05a763\] {
  --tw-bg-opacity: 1;
  background-color: rgb(5 167 99 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111216\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 18 22 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1119\] {
  background-color: #1119;
}
.bg-\[\#121212\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1));
}
.bg-\[\#191237\] {
  --tw-bg-opacity: 1;
  background-color: rgb(25 18 55 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1E1E28\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 40 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1e1e1e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}
.bg-\[\#222222\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.bg-\[\#222229\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 41 / var(--tw-bg-opacity, 1));
}
.bg-\[\#252525\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity, 1));
}
.bg-\[\#25253B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 59 / var(--tw-bg-opacity, 1));
}
.bg-\[\#261d36\] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 29 54 / var(--tw-bg-opacity, 1));
}
.bg-\[\#27FF00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(39 255 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#303126\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 49 38 / var(--tw-bg-opacity, 1));
}
.bg-\[\#333333\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3A3B40\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 59 64 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3FFA42\] {
  --tw-bg-opacity: 1;
  background-color: rgb(63 250 66 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3d3d3d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 61 / var(--tw-bg-opacity, 1));
}
.bg-\[\#43bd78\] {
  --tw-bg-opacity: 1;
  background-color: rgb(67 189 120 / var(--tw-bg-opacity, 1));
}
.bg-\[\#5865F2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(88 101 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#58d68d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(88 214 141 / var(--tw-bg-opacity, 1));
}
.bg-\[\#666666\] {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6950ee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(105 80 238 / var(--tw-bg-opacity, 1));
}
.bg-\[\#7677F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(118 119 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#7677f6_url\(\'https\:\/\/static\.lootbeat\.com\/arcade-tyrant\/prize-item-bg\.webp\'\)_center\/180\%\] {
  background-color: #7677f6 url('https://static.lootbeat.com/arcade-tyrant/prize-item-bg.webp') center/180%;
}
.bg-\[\#85CC41\] {
  --tw-bg-opacity: 1;
  background-color: rgb(133 204 65 / var(--tw-bg-opacity, 1));
}
.bg-\[\#8A38F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(138 56 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#8FE3FA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(143 227 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#9B3D00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(155 61 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E10606\] {
  --tw-bg-opacity: 1;
  background-color: rgb(225 6 6 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E55A00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 90 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EA0000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 0 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3B009\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 176 9 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F5D37F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 211 127 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F9F9F9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF003D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 61 / var(--tw-bg-opacity, 1));
}
.bg-\[\#a47ae1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(164 122 225 / var(--tw-bg-opacity, 1));
}
.bg-\[\#df1616\] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 22 22 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e7dfff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 223 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e9e0f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 224 243 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e9f6f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 246 248 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f1e8f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 232 248 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f4ecd8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 236 216 / var(--tw-bg-opacity, 1));
}
.bg-\[\#faf6ed\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 246 237 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fdfbf4ed\] {
  background-color: #fdfbf4ed;
}
.bg-\[\#fff1cc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 204 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff4dc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 220 / var(--tw-bg-opacity, 1));
}
.bg-\[color-mix\(in_srgb\2c \#43bd78_10\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,#43bd78 10%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c \#e2b954_10\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,#e2b954 10%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c \#f59e0b_10\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,#f59e0b 10%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c _\#17151e_72\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, #17151e 72%, transparent);
}
.bg-\[color-mix\(in_srgb\2c _\#d94b73_13\%\2c _var\(--surface\)\)\] {
  background-color: color-mix(in srgb, #d94b73 13%, var(--surface));
}
.bg-\[color-mix\(in_srgb\2c _\#f0a526_15\%\2c _var\(--surface\)\)\] {
  background-color: color-mix(in srgb, #f0a526 15%, var(--surface));
}
.bg-\[color-mix\(in_srgb\2c _\#f59e0b_10\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, #f59e0b 10%, var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_10\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 10%, var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_10\%\2c _var\(--surface-solid\2c _\#fff\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 10%, var(--surface-solid, #fff));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_12\%\2c _var\(--surface\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 12%, var(--surface));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_12\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 12%, var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_4\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 4%, var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_5\%\2c _var\(--surface\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 5%, var(--surface));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_5\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 5%, var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_6\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 6%, var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_7\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 7%, var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_8\%\2c _var\(--surface\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 8%, var(--surface));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_8\%\2c _var\(--surface-1\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 8%, var(--surface-1));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_9\%\2c _var\(--surface\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 9%, var(--surface));
}
.bg-\[color-mix\(in_srgb\2c _var\(--accent\)_9\%\2c _var\(--surface-solid\2c _\#fff\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 9%, var(--surface-solid, #fff));
}
.bg-\[color-mix\(in_srgb\2c _var\(--bg\)_40\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--bg) 40%, var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c _var\(--bg\)_88\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, var(--bg) 88%, transparent);
}
.bg-\[color-mix\(in_srgb\2c _var\(--bg\)_90\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, var(--bg) 90%, transparent);
}
.bg-\[color-mix\(in_srgb\2c _var\(--canvas\)_94\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, var(--canvas) 94%, transparent);
}
.bg-\[color-mix\(in_srgb\2c _var\(--muted\)_30\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--muted) 30%, var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c _var\(--promo\)_12\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--promo) 12%, var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c _var\(--promo\)_4\%\2c _var\(--surface\)\)\] {
  background-color: color-mix(in srgb, var(--promo) 4%, var(--surface));
}
.bg-\[color-mix\(in_srgb\2c _var\(--promo\)_9\%\2c _var\(--surface-2\)\)\] {
  background-color: color-mix(in srgb, var(--promo) 9%, var(--surface-2));
}
.bg-\[color-mix\(in_srgb\2c _var\(--reward\)_10\%\2c _var\(--surface\)\)\] {
  background-color: color-mix(in srgb, var(--reward) 10%, var(--surface));
}
.bg-\[color-mix\(in_srgb\2c _var\(--reward\)_10\%\2c _var\(--surface-2\)\)\] {
  background-color: color-mix(in srgb, var(--reward) 10%, var(--surface-2));
}
.bg-\[color-mix\(in_srgb\2c _var\(--reward\)_14\%\2c _var\(--surface-1\)\)\] {
  background-color: color-mix(in srgb, var(--reward) 14%, var(--surface-1));
}
.bg-\[color-mix\(in_srgb\2c _var\(--reward\)_4\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--reward) 4%, var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c _var\(--reward\)_5\%\2c _var\(--surface-2\)\)\] {
  background-color: color-mix(in srgb, var(--reward) 5%, var(--surface-2));
}
.bg-\[color-mix\(in_srgb\2c _var\(--reward\)_7\%\2c _var\(--surface-2\)\)\] {
  background-color: color-mix(in srgb, var(--reward) 7%, var(--surface-2));
}
.bg-\[color-mix\(in_srgb\2c _var\(--reward\)_9\%\2c _var\(--surface-1\)\)\] {
  background-color: color-mix(in srgb, var(--reward) 9%, var(--surface-1));
}
.bg-\[color-mix\(in_srgb\2c _var\(--surface-2\)_90\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, var(--surface-2) 90%, transparent);
}
.bg-\[color-mix\(in_srgb\2c _var\(--surface-2\)_91\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, var(--surface-2) 91%, transparent);
}
.bg-\[color-mix\(in_srgb\2c _var\(--surface-solid\)_75\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, var(--surface-solid) 75%, transparent);
}
.bg-\[color-mix\(in_srgb\2c _var\(--surface-solid\)_82\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, var(--surface-solid) 82%, transparent);
}
.bg-\[color-mix\(in_srgb\2c _var\(--surface-solid\)_88\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, var(--surface-solid) 88%, transparent);
}
.bg-\[color-mix\(in_srgb\2c _var\(--surface-solid\)_92\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, var(--surface-solid) 92%, transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_10\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--accent) 10%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_10\%\2c var\(--surface-2\)\)\] {
  background-color: color-mix(in srgb,var(--accent) 10%,var(--surface-2));
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_10\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--accent) 10%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_13\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--accent) 13%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_14\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--accent) 14%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_3\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--accent) 3%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_4\%\2c var\(--surface-2\)\)\] {
  background-color: color-mix(in srgb,var(--accent) 4%,var(--surface-2));
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_4\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--accent) 4%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_6\%\2c var\(--surface\)\)\] {
  background-color: color-mix(in srgb,var(--accent) 6%,var(--surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_8\%\2c var\(--surface-3\)\)\] {
  background-color: color-mix(in srgb,var(--accent) 8%,var(--surface-3));
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_8\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--accent) 8%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_9\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--accent) 9%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--accent\)_9\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--accent) 9%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--bg\)_88\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--bg) 88%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--canvas\)_90\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--canvas) 90%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--muted\)_15\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--muted) 15%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--muted\)_18\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--muted) 18%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--muted\)_7\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--muted) 7%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--promo\)_12\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--promo) 12%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--reward\)_10\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--reward) 10%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--reward\)_12\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--reward) 12%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--reward\)_12\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--reward) 12%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--reward\)_6\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--reward) 6%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--reward\)_7\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--reward) 7%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--reward\)_8\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--reward) 8%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--success\)_8\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--success) 8%,var(--surface-solid));
}
.bg-\[color-mix\(in_srgb\2c var\(--success\)_88\%\2c white\)\] {
  background-color: color-mix(in srgb,var(--success) 88%,white);
}
.bg-\[color-mix\(in_srgb\2c var\(--surface-solid\)_45\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--surface-solid) 45%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--surface-solid\)_62\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--surface-solid) 62%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--surface-solid\)_65\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--surface-solid) 65%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--surface-solid\)_72\%\2c var\(--bg\)\)\] {
  background-color: color-mix(in srgb,var(--surface-solid) 72%,var(--bg));
}
.bg-\[color-mix\(in_srgb\2c var\(--surface-solid\)_78\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--surface-solid) 78%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--surface-solid\)_88\%\2c transparent\)\] {
  background-color: color-mix(in srgb,var(--surface-solid) 88%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--surface-solid\)_94\%\2c var\(--accent\)\)\] {
  background-color: color-mix(in srgb,var(--surface-solid) 94%,var(--accent));
}
.bg-\[color-mix\(in_srgb\2c var\(--trust\)_7\%\2c var\(--surface-3\)\)\] {
  background-color: color-mix(in srgb,var(--trust) 7%,var(--surface-3));
}
.bg-\[none\] {
  background-color: none;
}
.bg-\[rgb\(12_8_24_\/_40\%\)\] {
  background-color: rgb(12 8 24 / 40%);
}
.bg-\[rgb\(12_8_24_\/_72\%\)\] {
  background-color: rgb(12 8 24 / 72%);
}
.bg-\[rgb\(23_18_33_\/_38\%\)\] {
  background-color: rgb(23 18 33 / 38%);
}
.bg-\[rgb\(24_18_36_\/_42\%\)\] {
  background-color: rgb(24 18 36 / 42%);
}
.bg-\[rgb\(255_70_70_\/_10\%\)\] {
  background-color: rgb(255 70 70 / 10%);
}
.bg-\[rgba\(0\2c 0\2c 0\2c \.55\)\] {
  background-color: rgba(0,0,0,.55);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.55\)\] {
  background-color: rgba(0,0,0,0.55);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  background-color: rgba(0,0,0,0.8);
}
.bg-\[rgba\(20\2c _15\2c _40\2c _0\.42\)\] {
  background-color: rgba(20, 15, 40, 0.42);
}
.bg-\[rgba\(216\2c 216\2c 216\2c 0\.2\)\] {
  background-color: rgba(216,216,216,0.2);
}
.bg-\[rgba\(245\2c _158\2c _11\2c _0\.14\)\] {
  background-color: rgba(245, 158, 11, 0.14);
}
.bg-\[rgba\(255\2c 250\2c 233\2c 0\.7\)\] {
  background-color: rgba(255,250,233,0.7);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.3\)\] {
  background-color: rgba(255,255,255,0.3);
}
.bg-\[rgba\(255\2c 70\2c 70\2c 0\.1\)\] {
  background-color: rgba(255,70,70,0.1);
}
.bg-\[rgba\(255\2c _70\2c _70\2c _0\.08\)\] {
  background-color: rgba(255, 70, 70, 0.08);
}
.bg-\[rgba\(255\2c _70\2c _70\2c _0\.1\)\] {
  background-color: rgba(255, 70, 70, 0.1);
}
.bg-\[rgba\(5\2c 6\2c 12\2c 0\.64\)\] {
  background-color: rgba(5,6,12,0.64);
}
.bg-\[rgba\(5\2c _6\2c _12\2c _0\.64\)\] {
  background-color: rgba(5, 6, 12, 0.64);
}
.bg-\[var\(--accent\)\] {
  background-color: var(--accent);
}
.bg-\[var\(--action-benefit\)\] {
  background-color: var(--action-benefit);
}
.bg-\[var\(--action-benefit-soft\)\] {
  background-color: var(--action-benefit-soft);
}
.bg-\[var\(--action-funds-soft\)\] {
  background-color: var(--action-funds-soft);
}
.bg-\[var\(--action-unread\)\] {
  background-color: var(--action-unread);
}
.bg-\[var\(--bg\)\] {
  background-color: var(--bg);
}
.bg-\[var\(--danger\)\] {
  background-color: var(--danger);
}
.bg-\[var\(--line\)\] {
  background-color: var(--line);
}
.bg-\[var\(--promo\)\] {
  background-color: var(--promo);
}
.bg-\[var\(--reward\)\] {
  background-color: var(--reward);
}
.bg-\[var\(--surface\)\] {
  background-color: var(--surface);
}
.bg-\[var\(--surface\2c \#fff\)\] {
  background-color: var(--surface,#fff);
}
.bg-\[var\(--surface-1\)\] {
  background-color: var(--surface-1);
}
.bg-\[var\(--surface-2\)\] {
  background-color: var(--surface-2);
}
.bg-\[var\(--surface-3\)\] {
  background-color: var(--surface-3);
}
.bg-\[var\(--surface-solid\)\] {
  background-color: var(--surface-solid);
}
.bg-\[var\(--surface-solid\2c \#fff\)\] {
  background-color: var(--surface-solid,#fff);
}
.bg-\[var\(--surface-solid\2c _\#fff\)\] {
  background-color: var(--surface-solid, #fff);
}
.bg-\[var\(--ui-dialog-surface\)\] {
  background-color: var(--ui-dialog-surface);
}
.bg-bgPrimary {
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 18 / var(--tw-bg-opacity, 1));
}
.bg-bgSecondary {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 58 / var(--tw-bg-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-brand {
  --tw-bg-opacity: 1;
  background-color: rgb(63 250 66 / var(--tw-bg-opacity, 1));
}
.bg-current {
  background-color: currentColor;
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.bg-label-red {
  --tw-bg-opacity: 1;
  background-color: rgb(255 80 80 / var(--tw-bg-opacity, 1));
}
.bg-neutralDark {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.bg-neutralMedium {
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity, 1));
}
.bg-pp-accent {
  background-color: var(--accent);
}
.bg-pp-bg {
  background-color: var(--bg);
}
.bg-pp-funds {
  background-color: var(--action-funds);
}
.bg-pp-line {
  background-color: var(--line);
}
.bg-pp-surface {
  background-color: var(--surface-solid);
}
.bg-pp-text {
  background-color: var(--text);
}
.bg-primary-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\!bg-none {
  background-image: none !important;
}
.bg-\[linear-gradient\(0deg\2c \#666666_0\%\2c \#333333_100\%\)\] {
  background-image: linear-gradient(0deg,#666666 0%,#333333 100%);
}
.bg-\[linear-gradient\(100deg\2c _var\(--surface\)_25\%\2c _color-mix\(in_srgb\2c _var\(--surface\)_55\%\2c _white\)_45\%\2c _var\(--surface\)_65\%\)\] {
  background-image: linear-gradient(100deg, var(--surface) 25%, color-mix(in srgb, var(--surface) 55%, white) 45%, var(--surface) 65%);
}
.bg-\[linear-gradient\(100deg\2c var\(--surface\)_25\%\2c color-mix\(in_srgb\2c var\(--surface\)_55\%\2c white\)_45\%\2c var\(--surface\)_65\%\)\] {
  background-image: linear-gradient(100deg,var(--surface) 25%,color-mix(in srgb,var(--surface) 55%,white) 45%,var(--surface) 65%);
}
.bg-\[linear-gradient\(110deg\2c _color-mix\(in_srgb\2c _var\(--reward\)_7\%\2c _var\(--surface-solid\)\)\2c _var\(--surface-solid\)\)\] {
  background-image: linear-gradient(110deg, color-mix(in srgb, var(--reward) 7%, var(--surface-solid)), var(--surface-solid));
}
.bg-\[linear-gradient\(110deg\2c _var\(--surface-solid\)\2c _var\(--action-benefit-soft\)\)\] {
  background-image: linear-gradient(110deg, var(--surface-solid), var(--action-benefit-soft));
}
.bg-\[linear-gradient\(110deg\2c color-mix\(in_srgb\2c var\(--accent\)_7\%\2c var\(--surface-solid\)\)\2c color-mix\(in_srgb\2c var\(--surface-solid\)_94\%\2c transparent\)\)\] {
  background-image: linear-gradient(110deg,color-mix(in srgb,var(--accent) 7%,var(--surface-solid)),color-mix(in srgb,var(--surface-solid) 94%,transparent));
}
.bg-\[linear-gradient\(115deg\2c color-mix\(in_srgb\2c var\(--accent\)_8\%\2c var\(--surface-solid\)\)\2c var\(--surface-solid\)_80\%\)\] {
  background-image: linear-gradient(115deg,color-mix(in srgb,var(--accent) 8%,var(--surface-solid)),var(--surface-solid) 80%);
}
.bg-\[linear-gradient\(115deg\2c var\(--surface-solid\)_72\%\2c var\(--action-benefit-soft\)\)\] {
  background-image: linear-gradient(115deg,var(--surface-solid) 72%,var(--action-benefit-soft));
}
.bg-\[linear-gradient\(120deg\2c _color-mix\(in_srgb\2c _var\(--promo\)_15\%\2c _var\(--surface-solid\)\)\2c _color-mix\(in_srgb\2c _\#ffc96b_8\%\2c _var\(--surface-solid\)\)_72\%\)\] {
  background-image: linear-gradient(120deg, color-mix(in srgb, var(--promo) 15%, var(--surface-solid)), color-mix(in srgb, #ffc96b 8%, var(--surface-solid)) 72%);
}
.bg-\[linear-gradient\(120deg\2c color-mix\(in_srgb\2c var\(--accent\)_7\%\2c var\(--surface-solid\)\)\2c var\(--surface-solid\)\)\] {
  background-image: linear-gradient(120deg,color-mix(in srgb,var(--accent) 7%,var(--surface-solid)),var(--surface-solid));
}
.bg-\[linear-gradient\(120deg\2c var\(--action-benefit-soft\)\2c var\(--bg\)\)\] {
  background-image: linear-gradient(120deg,var(--action-benefit-soft),var(--bg));
}
.bg-\[linear-gradient\(120deg\2c var\(--surface-solid\)\2c var\(--action-benefit-soft\)\)\] {
  background-image: linear-gradient(120deg,var(--surface-solid),var(--action-benefit-soft));
}
.bg-\[linear-gradient\(132deg\2c \#77FF00_0\%\2c \#A100FF_98\%\)\] {
  background-image: linear-gradient(132deg,#77FF00 0%,#A100FF 98%);
}
.bg-\[linear-gradient\(135deg\2c \#302441\2c \#8b6ab4\)\] {
  background-image: linear-gradient(135deg,#302441,#8b6ab4);
}
.bg-\[linear-gradient\(135deg\2c _\#484861\2c _\#1e1e28\2c _\#3e3e55\)\] {
  background-image: linear-gradient(135deg, #484861, #1e1e28, #3e3e55);
}
.bg-\[linear-gradient\(135deg\2c _var\(--accent\)\2c _var\(--accent2\)\)\] {
  background-image: linear-gradient(135deg, var(--accent), var(--accent2));
}
.bg-\[linear-gradient\(135deg\2c var\(--accent\)\2c var\(--accent2\)\)\] {
  background-image: linear-gradient(135deg,var(--accent),var(--accent2));
}
.bg-\[linear-gradient\(140deg\2c \#fffdf8\2c var\(--surface\)_65\%\)\] {
  background-image: linear-gradient(140deg,#fffdf8,var(--surface) 65%);
}
.bg-\[linear-gradient\(145deg\2c \#fff\2c \#f3e7ce\)\] {
  background-image: linear-gradient(145deg,#fff,#f3e7ce);
}
.bg-\[linear-gradient\(145deg\2c _\#12144ee8\2c _\#090b35e8\)\] {
  background-image: linear-gradient(145deg, #12144ee8, #090b35e8);
}
.bg-\[linear-gradient\(145deg\2c _color-mix\(in_srgb\2c _var\(--reward\)_5\%\2c _var\(--surface-solid\)\)\2c _var\(--surface-solid\)_55\%\)\] {
  background-image: linear-gradient(145deg, color-mix(in srgb, var(--reward) 5%, var(--surface-solid)), var(--surface-solid) 55%);
}
.bg-\[linear-gradient\(145deg\2c _var\(--surface\)\2c _\#fffaf0\)\] {
  background-image: linear-gradient(145deg, var(--surface), #fffaf0);
}
.bg-\[linear-gradient\(145deg\2c color-mix\(in_srgb\2c var\(--accent\)_7\%\2c var\(--surface-3\)\)\2c color-mix\(in_srgb\2c var\(--trust\)_5\%\2c var\(--surface-3\)\)\)\] {
  background-image: linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface-3)),color-mix(in srgb,var(--trust) 5%,var(--surface-3)));
}
.bg-\[linear-gradient\(145deg\2c color-mix\(in_srgb\2c var\(--accent\)_8\%\2c var\(--surface-2\)\)\2c var\(--surface-2\)_65\%\)\] {
  background-image: linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--surface-2)),var(--surface-2) 65%);
}
.bg-\[linear-gradient\(150deg\2c var\(--surface-solid\)\2c var\(--surface\)\)\] {
  background-image: linear-gradient(150deg,var(--surface-solid),var(--surface));
}
.bg-\[linear-gradient\(155deg\2c var\(--surface-solid\)\2c var\(--surface\)\)\] {
  background-image: linear-gradient(155deg,var(--surface-solid),var(--surface));
}
.bg-\[linear-gradient\(180deg\2c \#00000000_5\%\2c \#000000CC_23\%\2c \#000000_100\%\)\] {
  background-image: linear-gradient(180deg,#00000000 5%,#000000CC 23%,#000000 100%);
}
.bg-\[linear-gradient\(180deg\2c \#2F3540_0\%\2c \#1B1E24_98\%\)\] {
  background-image: linear-gradient(180deg,#2F3540 0%,#1B1E24 98%);
}
.bg-\[linear-gradient\(180deg\2c \#39B54A_0\%\2c \#D8E638_100\%\)\] {
  background-image: linear-gradient(180deg,#39B54A 0%,#D8E638 100%);
}
.bg-\[linear-gradient\(180deg\2c \#39b54a_0\%\2c \#d8e638_100\%\)\] {
  background-image: linear-gradient(180deg,#39b54a 0%,#d8e638 100%);
}
.bg-\[linear-gradient\(180deg\2c \#838383_0\%\2c \#000000_100\%\)\] {
  background-image: linear-gradient(180deg,#838383 0%,#000000 100%);
}
.bg-\[linear-gradient\(180deg\2c \#b9c0c9_0\%\2c \#d2d5da_50\%\2c \#b9bec5_100\%\)\] {
  background-image: linear-gradient(180deg,#b9c0c9 0%,#d2d5da 50%,#b9bec5 100%);
}
.bg-\[linear-gradient\(180deg\2c \#b9c2d0_0\%\2c \#73849e_100\%\)\] {
  background-image: linear-gradient(180deg,#b9c2d0 0%,#73849e 100%);
}
.bg-\[linear-gradient\(180deg\2c \#ffbd60_0\%\2c \#ff6d12_68\%\2c \#ef4b00_100\%\)\] {
  background-image: linear-gradient(180deg,#ffbd60 0%,#ff6d12 68%,#ef4b00 100%);
}
.bg-\[linear-gradient\(180deg\2c \#ffc17b_0\%\2c \#ff8b22_31\%\2c \#ff6a0c_81\%\2c \#e95204_100\%\)\] {
  background-image: linear-gradient(180deg,#ffc17b 0%,#ff8b22 31%,#ff6a0c 81%,#e95204 100%);
}
.bg-\[linear-gradient\(180deg\2c _\#39B54A_0\%\2c _\#D8E638_100\%\)\] {
  background-image: linear-gradient(180deg, #39B54A 0%, #D8E638 100%);
}
.bg-\[linear-gradient\(180deg\2c _color-mix\(in_srgb\2c _var\(--accent\)_5\%\2c _var\(--canvas\)\)\2c _var\(--canvas\)_65\%\)\] {
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--accent) 5%, var(--canvas)), var(--canvas) 65%);
}
.bg-\[linear-gradient\(180deg\2c _color-mix\(in_srgb\2c _var\(--accent\)_9\%\2c _\#f8f7ff\)\2c _\#f8f7ff_22rem\)\] {
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--accent) 9%, #f8f7ff), #f8f7ff 22rem);
}
.bg-\[linear-gradient\(180deg\2c _color-mix\(in_srgb\2c _var\(--surface-3\)_44\%\2c _transparent\)\2c _transparent_34\%\)\] {
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--surface-3) 44%, transparent), transparent 34%);
}
.bg-\[linear-gradient\(180deg\2c _var\(--game-soft\)\2c _\#f8f7fc_360px\)\] {
  background-image: linear-gradient(180deg, var(--game-soft), #f8f7fc 360px);
}
.bg-\[linear-gradient\(180deg\2c color-mix\(in_srgb\2c var\(--surface-3\)_44\%\2c transparent\)\2c transparent_34\%\)\] {
  background-image: linear-gradient(180deg,color-mix(in srgb,var(--surface-3) 44%,transparent),transparent 34%);
}
.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_0\%\2c rgba\(255\2c 255\2c 255\2c 0\.95\)_100\%\)\] {
  background-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(255,255,255,0.95) 100%);
}
.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\.3\)_0\%\2c \#000000_100\%\)\] {
  background-image: linear-gradient(180deg,rgba(0,0,0,0.3) 0%,#000000 100%);
}
.bg-\[linear-gradient\(180deg\2c transparent\2c color-mix\(in_srgb\2c var\(--bg\)_94\%\2c transparent\)_24\%\)\] {
  background-image: linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 94%,transparent) 24%);
}
.bg-\[linear-gradient\(59deg\2c \#1F1F1F_0\%\2c \#464646_100\%\)\] {
  background-image: linear-gradient(59deg,#1F1F1F 0%,#464646 100%);
}
.bg-\[linear-gradient\(_120deg\2c _color-mix\(in_srgb\2c _var\(--accent\)_11\%\2c _var\(--surface-solid\)\)\2c _var\(--surface-solid\)_\)\] {
  background-image: linear-gradient( 120deg, color-mix(in srgb, var(--accent) 11%, var(--surface-solid)), var(--surface-solid) );
}
.bg-\[linear-gradient\(_135deg\2c _color-mix\(in_srgb\2c _var\(--accent\)_7\%\2c _var\(--surface-solid\)\)\2c _var\(--surface-solid\)_65\%_\)\] {
  background-image: linear-gradient( 135deg, color-mix(in srgb, var(--accent) 7%, var(--surface-solid)), var(--surface-solid) 65% );
}
.bg-\[linear-gradient\(_135deg\2c _color-mix\(in_srgb\2c _var\(--reward\)_10\%\2c _var\(--surface-1\)\)\2c _var\(--surface-1\)_\)\] {
  background-image: linear-gradient( 135deg, color-mix(in srgb, var(--reward) 10%, var(--surface-1)), var(--surface-1) );
}
.bg-\[linear-gradient\(_145deg\2c _color-mix\(in_srgb\2c _var\(--accent\)_10\%\2c _var\(--surface\)\)\2c _var\(--surface\)_\)\] {
  background-image: linear-gradient( 145deg, color-mix(in srgb, var(--accent) 10%, var(--surface)), var(--surface) );
}
.bg-\[linear-gradient\(_145deg\2c _color-mix\(in_srgb\2c _var\(--promo\)_8\%\2c _var\(--surface-1\)\)\2c _var\(--surface-1\)_\)\] {
  background-image: linear-gradient( 145deg, color-mix(in srgb, var(--promo) 8%, var(--surface-1)), var(--surface-1) );
}
.bg-\[linear-gradient\(_145deg\2c _var\(--surface-solid\)\2c _color-mix\(in_srgb\2c _var\(--accent\)_4\%\2c _var\(--surface-solid\)\)_\)\] {
  background-image: linear-gradient( 145deg, var(--surface-solid), color-mix(in srgb, var(--accent) 4%, var(--surface-solid)) );
}
.bg-\[linear-gradient\(_150deg\2c _color-mix\(in_srgb\2c _var\(--surface-solid\)_90\%\2c _transparent\)\2c _color-mix\(in_srgb\2c _var\(--accent\)_3\%\2c _var\(--surface-solid\)\)_\)\] {
  background-image: linear-gradient( 150deg, color-mix(in srgb, var(--surface-solid) 90%, transparent), color-mix(in srgb, var(--accent) 3%, var(--surface-solid)) );
}
.bg-\[linear-gradient\(_180deg\2c _color-mix\(in_srgb\2c _var\(--surface-3\)_44\%\2c _transparent\)\2c _transparent_34\%_\)\] {
  background-image: linear-gradient( 180deg, color-mix(in srgb, var(--surface-3) 44%, transparent), transparent 34% );
}
.bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\2c \#00000026_0\%\2c \#00000000_100\%\)\2c linear-gradient\(113deg\2c \#feef23_2\%\2c \#fbc402_21\%\2c \#e1b401_37\%\2c \#aeb801_64\%\2c \#70ae01_100\%\2c \#fafc25_100\%\)\] {
  background-image: radial-gradient(50% 50% at 50% 50%,#00000026 0%,#00000000 100%),linear-gradient(113deg,#feef23 2%,#fbc402 21%,#e1b401 37%,#aeb801 64%,#70ae01 100%,#fafc25 100%);
}
.bg-\[radial-gradient\(_circle\2c _color-mix\(in_srgb\2c _var\(--accent\)_18\%\2c _transparent\)\2c _transparent_65\%_\)\2c _var\(--surface\)\] {
  background-image: radial-gradient( circle, color-mix(in srgb, var(--accent) 18%, transparent), transparent 65% ), var(--surface);
}
.bg-\[radial-gradient\(_circle_at_35\%_30\%\2c _color-mix\(in_srgb\2c _var\(--accent\)_12\%\2c _var\(--surface-solid\)\)\2c _var\(--surface-solid\)_75\%_\)\] {
  background-image: radial-gradient( circle at 35% 30%, color-mix(in srgb, var(--accent) 12%, var(--surface-solid)), var(--surface-solid) 75% );
}
.bg-\[radial-gradient\(_circle_at_88\%_12\%\2c _rgba\(139\2c _109\2c _242\2c _0\.28\)\2c _transparent_40\%_\)\] {
  background-image: radial-gradient( circle at 88% 12%, rgba(139, 109, 242, 0.28), transparent 40% );
}
.bg-\[radial-gradient\(_ellipse\2c _color-mix\(in_srgb\2c _var\(--accent\)_9\%\2c _var\(--surface-solid\)\)\2c _var\(--surface-solid\)_\)\] {
  background-image: radial-gradient( ellipse, color-mix(in srgb, var(--accent) 9%, var(--surface-solid)), var(--surface-solid) );
}
.bg-\[radial-gradient\(_ellipse_at_50\%_18\%\2c _\#46307b_0\2c _\#20153d_38\%\2c _\#100b1b_100\%_\)\] {
  background-image: radial-gradient( ellipse at 50% 18%, #46307b 0, #20153d 38%, #100b1b 100% );
}
.bg-\[radial-gradient\(_ellipse_at_50\%_45\%\2c _color-mix\(in_srgb\2c _var\(--winning-grade\)_10\%\2c _transparent\)\2c _transparent_65\%_\)\] {
  background-image: radial-gradient( ellipse at 50% 45%, color-mix(in srgb, var(--winning-grade) 10%, transparent), transparent 65% );
}
.bg-\[radial-gradient\(_ellipse_at_center\2c _color-mix\(in_srgb\2c _var\(--accent\)_10\%\2c _var\(--surface-solid\)\)\2c _var\(--surface-solid\)_75\%_\)\] {
  background-image: radial-gradient( ellipse at center, color-mix(in srgb, var(--accent) 10%, var(--surface-solid)), var(--surface-solid) 75% );
}
.bg-\[radial-gradient\(_ellipse_at_center\2c _color-mix\(in_srgb\2c _var\(--accent\)_13\%\2c _var\(--surface-solid\)\)\2c _var\(--surface-solid\)_75\%_\)\] {
  background-image: radial-gradient( ellipse at center, color-mix(in srgb, var(--accent) 13%, var(--surface-solid)), var(--surface-solid) 75% );
}
.bg-\[radial-gradient\(circle\2c \#e8ca7b26\2c transparent_75\%\)\] {
  background-image: radial-gradient(circle,#e8ca7b26,transparent 75%);
}
.bg-\[radial-gradient\(circle_at_50\%_38\%\2c _color-mix\(in_srgb\2c _var\(--surface-2\)_90\%\2c _white\)_0_24\%\2c _color-mix\(in_srgb\2c _var\(--accent\)_9\%\2c _var\(--surface-3\)\)_70\%\)\] {
  background-image: radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--surface-2) 90%, white) 0 24%, color-mix(in srgb, var(--accent) 9%, var(--surface-3)) 70%);
}
.bg-\[radial-gradient\(circle_at_50\%_42\%\2c color-mix\(in_srgb\2c var\(--accent\)_12\%\2c var\(--surface-3\)\)\2c var\(--surface-3\)_68\%\)\] {
  background-image: radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 12%,var(--surface-3)),var(--surface-3) 68%);
}
.bg-\[radial-gradient\(ellipse\2c color-mix\(in_srgb\2c var\(--accent\)_9\%\2c var\(--surface-solid\)\)\2c var\(--surface-solid\)\)\] {
  background-image: radial-gradient(ellipse,color-mix(in srgb,var(--accent) 9%,var(--surface-solid)),var(--surface-solid));
}
.bg-\[radial-gradient\(ellipse_at_50\%_35\%\2c color-mix\(in_srgb\2c var\(--accent\)_9\%\2c var\(--surface-solid\)\)\2c var\(--surface-solid\)_78\%\)\] {
  background-image: radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--accent) 9%,var(--surface-solid)),var(--surface-solid) 78%);
}
.bg-\[radial-gradient\(ellipse_at_50\%_65\%\2c \#e7dbff85\2c transparent_70\%\)\2c linear-gradient\(145deg\2c \#faf8ff\2c \#f0edf9\)\] {
  background-image: radial-gradient(ellipse at 50% 65%,#e7dbff85,transparent 70%),linear-gradient(145deg,#faf8ff,#f0edf9);
}
.bg-\[radial-gradient\(ellipse_at_50\%_65\%\2c _\#e7dbff85\2c _transparent_70\%\)\2c _linear-gradient\(145deg\2c _\#faf8ff\2c _\#f0edf9\)\] {
  background-image: radial-gradient(ellipse at 50% 65%, #e7dbff85, transparent 70%), linear-gradient(145deg, #faf8ff, #f0edf9);
}
.bg-\[radial-gradient\(ellipse_at_bottom\2c color-mix\(in_srgb\2c var\(--grade-color\2c var\(--accent\)\)_13\%\2c var\(--surface-solid\)\)\2c var\(--surface-solid\)_80\%\)\] {
  background-image: radial-gradient(ellipse at bottom,color-mix(in srgb,var(--grade-color,var(--accent)) 13%,var(--surface-solid)),var(--surface-solid) 80%);
}
.bg-\[radial-gradient\(ellipse_at_center\2c _color-mix\(in_srgb\2c _var\(--accent\)_13\%\2c _var\(--surface-solid\)\)\2c _var\(--surface-solid\)_75\%\)\] {
  background-image: radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 13%, var(--surface-solid)), var(--surface-solid) 75%);
}
.bg-\[repeating-conic-gradient\(from_8deg\2c _rgb\(255_255_255_\/_28\%\)_0_7deg\2c _transparent_7deg_19deg\)\] {
  background-image: repeating-conic-gradient(from 8deg, rgb(255 255 255 / 28%) 0 7deg, transparent 7deg 19deg);
}
.bg-\[url\(\'https\:\/\/static\.lootbeat\.com\/arcade-tyrant\/spins-progress-bg\.webp\'\)_center\/100\%_100\%_no-repeat\] {
  background-image: url('https://static.lootbeat.com/arcade-tyrant/spins-progress-bg.webp') center/100% 100% no-repeat;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-none {
  background-image: none;
}
.from-\[\#D8B03E\] {
  --tw-gradient-from: #D8B03E var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(216 176 62 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#835715\] {
  --tw-gradient-to: #835715 var(--tw-gradient-to-position);
}
.bg-\[length\:200\%_100\%\] {
  background-size: 200% 100%;
}
.bg-cover {
  background-size: cover;
}
.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}
.bg-center {
  background-position: center;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-\[fill\] {
  -o-object-position: fill;
     object-position: fill;
}
.object-right {
  -o-object-position: right;
     object-position: right;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-2 {
  padding: 0.5rem !important;
}
.\!p-2\.5 {
  padding: 0.625rem !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-\[\.3rem\] {
  padding: .3rem;
}
.p-\[\.625rem\] {
  padding: .625rem;
}
.p-\[0\.1875rem\] {
  padding: 0.1875rem;
}
.p-\[0\.31rem\] {
  padding: 0.31rem;
}
.p-\[0\.4rem\] {
  padding: 0.4rem;
}
.p-\[0\.55rem\] {
  padding: 0.55rem;
}
.p-\[0\.5rem\] {
  padding: 0.5rem;
}
.p-\[0\.65rem\] {
  padding: 0.65rem;
}
.p-\[0_0_5px\] {
  padding: 0 0 5px;
}
.p-\[1\.1rem\] {
  padding: 1.1rem;
}
.p-\[10px\] {
  padding: 10px;
}
.p-\[10px_5px_4px\] {
  padding: 10px 5px 4px;
}
.p-\[12px_16px_24px\] {
  padding: 12px 16px 24px;
}
.p-\[13px\] {
  padding: 13px;
}
.p-\[15px\] {
  padding: 15px;
}
.p-\[16px_0\] {
  padding: 16px 0;
}
.p-\[17px\] {
  padding: 17px;
}
.p-\[18px\] {
  padding: 18px;
}
.p-\[1px\] {
  padding: 1px;
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[20px_16px_30px\] {
  padding: 20px 16px 30px;
}
.p-\[22px\] {
  padding: 22px;
}
.p-\[24px\] {
  padding: 24px;
}
.p-\[24px_6\.4\%_18px\] {
  padding: 24px 6.4% 18px;
}
.p-\[26px\] {
  padding: 26px;
}
.p-\[26px_18px_calc\(28px_\+_env\(safe-area-inset-bottom\)\)\] {
  padding: 26px 18px calc(28px + env(safe-area-inset-bottom));
}
.p-\[2px\] {
  padding: 2px;
}
.p-\[30px\] {
  padding: 30px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-\[4px\] {
  padding: 4px;
}
.p-\[5px\] {
  padding: 5px;
}
.p-\[5px_8px\] {
  padding: 5px 8px;
}
.p-\[7px\] {
  padding: 7px;
}
.p-\[9px\] {
  padding: 9px;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-0\.5 {
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
}
.\!px-3\.5 {
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}
.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.\!py-3\.5 {
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-\[\.5rem\] {
  padding-left: .5rem;
  padding-right: .5rem;
}
.px-\[0\.05rem\] {
  padding-left: 0.05rem;
  padding-right: 0.05rem;
}
.px-\[0\.1rem\] {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}
.px-\[0\.28rem\] {
  padding-left: 0.28rem;
  padding-right: 0.28rem;
}
.px-\[0\.35rem\] {
  padding-left: 0.35rem;
  padding-right: 0.35rem;
}
.px-\[0\.375rem\] {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-\[0\.44rem\] {
  padding-left: 0.44rem;
  padding-right: 0.44rem;
}
.px-\[0\.5rem\] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-\[0\.63rem\] {
  padding-left: 0.63rem;
  padding-right: 0.63rem;
}
.px-\[0\.8rem\] {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.px-\[0\.94rem\] {
  padding-left: 0.94rem;
  padding-right: 0.94rem;
}
.px-\[1\.6rem\] {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.px-\[10\%\] {
  padding-left: 10%;
  padding-right: 10%;
}
.px-\[11px\] {
  padding-left: 11px;
  padding-right: 11px;
}
.px-\[13px\] {
  padding-left: 13px;
  padding-right: 13px;
}
.px-\[14\%\] {
  padding-left: 14%;
  padding-right: 14%;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[17px\] {
  padding-left: 17px;
  padding-right: 17px;
}
.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.px-\[1rem\] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-\[2\.5rem\] {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-\[22px\] {
  padding-left: 22px;
  padding-right: 22px;
}
.px-\[26px\] {
  padding-left: 26px;
  padding-right: 26px;
}
.px-\[2rem\] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[3px\] {
  padding-left: 3px;
  padding-right: 3px;
}
.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}
.px-\[6\.4\%\] {
  padding-left: 6.4%;
  padding-right: 6.4%;
}
.px-\[7px\] {
  padding-left: 7px;
  padding-right: 7px;
}
.px-\[9px\] {
  padding-left: 9px;
  padding-right: 9px;
}
.px-px {
  padding-left: 1px;
  padding-right: 1px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-\[\.3rem\] {
  padding-top: .3rem;
  padding-bottom: .3rem;
}
.py-\[\.5rem\] {
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.py-\[\.625rem\] {
  padding-top: .625rem;
  padding-bottom: .625rem;
}
.py-\[0\.13rem\] {
  padding-top: 0.13rem;
  padding-bottom: 0.13rem;
}
.py-\[0\.5625rem\] {
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}
.py-\[0\.56rem\] {
  padding-top: 0.56rem;
  padding-bottom: 0.56rem;
}
.py-\[0\.625rem\] {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-\[0\.75rem\] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-\[0\.7rem\] {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.py-\[0\.87rem\] {
  padding-top: 0.87rem;
  padding-bottom: 0.87rem;
}
.py-\[0\.88rem\] {
  padding-top: 0.88rem;
  padding-bottom: 0.88rem;
}
.py-\[0\.8rem\] {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.py-\[1\.5rem\] {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px;
}
.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-\[22px\] {
  padding-top: 22px;
  padding-bottom: 22px;
}
.py-\[27px\] {
  padding-top: 27px;
  padding-bottom: 27px;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[50px\] {
  padding-top: 50px;
  padding-bottom: 50px;
}
.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px;
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.\!pb-2 {
  padding-bottom: 0.5rem !important;
}
.\!pb-\[2\.5rem\] {
  padding-bottom: 2.5rem !important;
}
.\!pl-3 {
  padding-left: 0.75rem !important;
}
.\!pr-0 {
  padding-right: 0px !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-2\.5 {
  padding-bottom: 0.625rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-28 {
  padding-bottom: 7rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-3\.5 {
  padding-bottom: 0.875rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[0\.125rem\] {
  padding-bottom: 0.125rem;
}
.pb-\[0\.2rem\] {
  padding-bottom: 0.2rem;
}
.pb-\[0\.7rem\] {
  padding-bottom: 0.7rem;
}
.pb-\[0\] {
  padding-bottom: 0;
}
.pb-\[108px\] {
  padding-bottom: 108px;
}
.pb-\[110px\] {
  padding-bottom: 110px;
}
.pb-\[13px\] {
  padding-bottom: 13px;
}
.pb-\[140px\] {
  padding-bottom: 140px;
}
.pb-\[15px\] {
  padding-bottom: 15px;
}
.pb-\[16px\] {
  padding-bottom: 16px;
}
.pb-\[18px\] {
  padding-bottom: 18px;
}
.pb-\[2\.1875rem\] {
  padding-bottom: 2.1875rem;
}
.pb-\[220px\] {
  padding-bottom: 220px;
}
.pb-\[22px\] {
  padding-bottom: 22px;
}
.pb-\[30px\] {
  padding-bottom: 30px;
}
.pb-\[32px\] {
  padding-bottom: 32px;
}
.pb-\[36px\] {
  padding-bottom: 36px;
}
.pb-\[40px\] {
  padding-bottom: 40px;
}
.pb-\[5\.7\%\] {
  padding-bottom: 5.7%;
}
.pb-\[7\.75rem\] {
  padding-bottom: 7.75rem;
}
.pb-\[7rem\] {
  padding-bottom: 7rem;
}
.pb-\[92px\] {
  padding-bottom: 92px;
}
.pb-\[94px\] {
  padding-bottom: 94px;
}
.pb-\[calc\(1\.5rem\+env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(1.5rem + env(safe-area-inset-bottom));
}
.pb-\[calc\(12px_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
}
.pb-\[calc\(16px_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
}
.pb-\[calc\(18px_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(18px + env(safe-area-inset-bottom));
}
.pb-\[calc\(22px_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(22px + env(safe-area-inset-bottom));
}
.pb-\[calc\(24px_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
}
.pb-\[calc\(82px_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(82px + env(safe-area-inset-bottom));
}
.pb-\[calc\(8px_\+_env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
}
.pb-\[env\(safe-area-inset-bottom\)\] {
  padding-bottom: env(safe-area-inset-bottom);
}
.pb-\[max\(16px\2c _env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(16px, env(safe-area-inset-bottom));
}
.pb-\[max\(24px\2c env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(24px, env(safe-area-inset-bottom));
}
.pb-\[var\(--battle-dock-space\2c 180px\)\] {
  padding-bottom: var(--battle-dock-space,180px);
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-\[0\.31rem\] {
  padding-left: 0.31rem;
}
.pl-\[0\.375rem\] {
  padding-left: 0.375rem;
}
.pl-\[0\.75rem\] {
  padding-left: 0.75rem;
}
.pl-\[1\.13rem\] {
  padding-left: 1.13rem;
}
.pl-\[1\.25rem\] {
  padding-left: 1.25rem;
}
.pl-\[14px\] {
  padding-left: 14px;
}
.pl-\[16px\] {
  padding-left: 16px;
}
.pl-\[18px\] {
  padding-left: 18px;
}
.pl-\[50px\] {
  padding-left: 50px;
}
.pl-\[6px\] {
  padding-left: 6px;
}
.pl-\[8\%\] {
  padding-left: 8%;
}
.pr-0 {
  padding-right: 0px;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-3\.5 {
  padding-right: 0.875rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-\[\.625rem\] {
  padding-right: .625rem;
}
.pr-\[0\.125rem\] {
  padding-right: 0.125rem;
}
.pr-\[0\.375rem\] {
  padding-right: 0.375rem;
}
.pr-\[0\.56rem\] {
  padding-right: 0.56rem;
}
.pr-\[1\.6rem\] {
  padding-right: 1.6rem;
}
.pr-\[10px\] {
  padding-right: 10px;
}
.pr-\[14px\] {
  padding-right: 14px;
}
.pr-\[16px\] {
  padding-right: 16px;
}
.pr-\[18px\] {
  padding-right: 18px;
}
.pr-\[1rem\] {
  padding-right: 1rem;
}
.pr-\[52px\] {
  padding-right: 52px;
}
.pr-\[6px\] {
  padding-right: 6px;
}
.pr-\[8\%\] {
  padding-right: 8%;
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-3\.5 {
  padding-top: 0.875rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[0\.18rem\] {
  padding-top: 0.18rem;
}
.pt-\[0\.1rem\] {
  padding-top: 0.1rem;
}
.pt-\[0\.5625rem\] {
  padding-top: 0.5625rem;
}
.pt-\[0\.63rem\] {
  padding-top: 0.63rem;
}
.pt-\[0\.7rem\] {
  padding-top: 0.7rem;
}
.pt-\[0\] {
  padding-top: 0;
}
.pt-\[1\.1875rem\] {
  padding-top: 1.1875rem;
}
.pt-\[1\.1rem\] {
  padding-top: 1.1rem;
}
.pt-\[11px\] {
  padding-top: 11px;
}
.pt-\[16px\] {
  padding-top: 16px;
}
.pt-\[17px\] {
  padding-top: 17px;
}
.pt-\[18px\] {
  padding-top: 18px;
}
.pt-\[22px\] {
  padding-top: 22px;
}
.pt-\[26px\] {
  padding-top: 26px;
}
.pt-\[3\.1\%\] {
  padding-top: 3.1%;
}
.pt-\[30px\] {
  padding-top: 30px;
}
.pt-\[32px\] {
  padding-top: 32px;
}
.pt-\[42px\] {
  padding-top: 42px;
}
.pt-\[46px\] {
  padding-top: 46px;
}
.pt-\[5px\] {
  padding-top: 5px;
}
.pt-\[8px\] {
  padding-top: 8px;
}
.pt-\[9px\] {
  padding-top: 9px;
}
.pt-\[calc\(10px_\+_env\(safe-area-inset-top\)\)\] {
  padding-top: calc(10px + env(safe-area-inset-top));
}
.pt-\[calc\(17px_\+_env\(safe-area-inset-top\)\)\] {
  padding-top: calc(17px + env(safe-area-inset-top));
}
.pt-\[env\(safe-area-inset-top\)\] {
  padding-top: env(safe-area-inset-top);
}
.pt-\[max\(20px\2c _env\(safe-area-inset-top\)\)\] {
  padding-top: max(20px, env(safe-area-inset-top));
}
.pt-px {
  padding-top: 1px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.\!text-right {
  text-align: right !important;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.font-\[inherit\] {
  font-family: inherit;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.\!text-\[\.88rem\] {
  font-size: .88rem !important;
}
.\!text-\[0\.65rem\] {
  font-size: 0.65rem !important;
}
.\!text-\[11px\] {
  font-size: 11px !important;
}
.\!text-\[12px\] {
  font-size: 12px !important;
}
.\!text-\[13px\] {
  font-size: 13px !important;
}
.\!text-\[14px\] {
  font-size: 14px !important;
}
.\!text-\[1rem\] {
  font-size: 1rem !important;
}
.\!text-\[22px\] {
  font-size: 22px !important;
}
.\!text-\[26px\] {
  font-size: 26px !important;
}
.\!text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[\.75rem\] {
  font-size: .75rem;
}
.text-\[\.88rem\] {
  font-size: .88rem;
}
.text-\[0\.54rem\] {
  font-size: 0.54rem;
}
.text-\[0\.58rem\] {
  font-size: 0.58rem;
}
.text-\[0\.59rem\] {
  font-size: 0.59rem;
}
.text-\[0\.625rem\] {
  font-size: 0.625rem;
}
.text-\[0\.63rem\] {
  font-size: 0.63rem;
}
.text-\[0\.65rem\] {
  font-size: 0.65rem;
}
.text-\[0\.66rem\] {
  font-size: 0.66rem;
}
.text-\[0\.72rem\] {
  font-size: 0.72rem;
}
.text-\[0\.75rem\] {
  font-size: 0.75rem;
}
.text-\[0\.78rem\] {
  font-size: 0.78rem;
}
.text-\[0\.7rem\] {
  font-size: 0.7rem;
}
.text-\[0\.8125rem\] {
  font-size: 0.8125rem;
}
.text-\[0\.875rem\] {
  font-size: 0.875rem;
}
.text-\[0\.88rem\] {
  font-size: 0.88rem;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[0\.9rem\] {
  font-size: 0.9rem;
}
.text-\[1\.0625rem\] {
  font-size: 1.0625rem;
}
.text-\[1\.125rem\] {
  font-size: 1.125rem;
}
.text-\[1\.13rem\] {
  font-size: 1.13rem;
}
.text-\[1\.1rem\] {
  font-size: 1.1rem;
}
.text-\[1\.25rem\] {
  font-size: 1.25rem;
}
.text-\[1\.2rem\] {
  font-size: 1.2rem;
}
.text-\[1\.3rem\] {
  font-size: 1.3rem;
}
.text-\[1\.5rem\] {
  font-size: 1.5rem;
}
.text-\[1\.65rem\] {
  font-size: 1.65rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[19px\] {
  font-size: 19px;
}
.text-\[1rem\] {
  font-size: 1rem;
}
.text-\[2\.25rem\] {
  font-size: 2.25rem;
}
.text-\[2\.4rem\] {
  font-size: 2.4rem;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[21px\] {
  font-size: 21px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[23px\] {
  font-size: 23px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[25px\] {
  font-size: 25px;
}
.text-\[26px\] {
  font-size: 26px;
}
.text-\[27px\] {
  font-size: 27px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[2rem\] {
  font-size: 2rem;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[3rem\] {
  font-size: 3rem;
}
.text-\[5rem\] {
  font-size: 5rem;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[96px\] {
  font-size: 96px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[clamp\(20px\2c _4\.5vw\2c _30px\)\] {
  font-size: clamp(20px, 4.5vw, 30px);
}
.text-\[length\:var\(--text-amount\)\] {
  font-size: var(--text-amount);
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-base\/\[1\.55\] {
  font-size: 1rem;
  line-height: 1.55;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-sm\/\[1\.55\] {
  font-size: 0.875rem;
  line-height: 1.55;
}
.text-sm\/\[1\.65\] {
  font-size: 0.875rem;
  line-height: 1.65;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-xs\/\[1\.25\] {
  font-size: 0.75rem;
  line-height: 1.25;
}
.text-xs\/\[1\.55\] {
  font-size: 0.75rem;
  line-height: 1.55;
}
.text-xs\/normal {
  font-size: 0.75rem;
  line-height: 1.5;
}
.\!font-\[400\] {
  font-weight: 400 !important;
}
.\!font-\[550\] {
  font-weight: 550 !important;
}
.\!font-\[650\] {
  font-weight: 650 !important;
}
.\!font-\[750\] {
  font-weight: 750 !important;
}
.\!font-\[780\] {
  font-weight: 780 !important;
}
.\!font-bold {
  font-weight: 700 !important;
}
.\!font-medium {
  font-weight: 500 !important;
}
.font-\[450\] {
  font-weight: 450;
}
.font-\[500\] {
  font-weight: 500;
}
.font-\[550\] {
  font-weight: 550;
}
.font-\[560\] {
  font-weight: 560;
}
.font-\[600\] {
  font-weight: 600;
}
.font-\[650\] {
  font-weight: 650;
}
.font-\[680\] {
  font-weight: 680;
}
.font-\[750\] {
  font-weight: 750;
}
.font-\[760\] {
  font-weight: 760;
}
.font-\[800\] {
  font-weight: 800;
}
.font-\[850\] {
  font-weight: 850;
}
.font-\[var\(--font-display\2c _inherit\)\] {
  font-weight: var(--font-display, inherit);
}
.font-\[var\(--type-caption\)\] {
  font-weight: var(--type-caption);
}
.font-\[var\(--type-family\)\] {
  font-weight: var(--type-family);
}
.font-\[var\(--type-name\)\] {
  font-weight: var(--type-name);
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.\!leading-\[1\.2\] {
  line-height: 1.2 !important;
}
.\!leading-\[1\.4\] {
  line-height: 1.4 !important;
}
.\!leading-\[1\.5\] {
  line-height: 1.5 !important;
}
.\!leading-\[1\.5rem\] {
  line-height: 1.5rem !important;
}
.\!leading-\[1rem\] {
  line-height: 1rem !important;
}
.\!leading-loose {
  line-height: 2 !important;
}
.\!leading-none {
  line-height: 1 !important;
}
.\!leading-tight {
  line-height: 1.25 !important;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-\[1\.08\] {
  line-height: 1.08;
}
.leading-\[1\.15\] {
  line-height: 1.15;
}
.leading-\[1\.16\] {
  line-height: 1.16;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[1\.25\] {
  line-height: 1.25;
}
.leading-\[1\.28\] {
  line-height: 1.28;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-\[1\.35\] {
  line-height: 1.35;
}
.leading-\[1\.38\] {
  line-height: 1.38;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[1\.45\] {
  line-height: 1.45;
}
.leading-\[1\.48\] {
  line-height: 1.48;
}
.leading-\[1\.4\] {
  line-height: 1.4;
}
.leading-\[1\.55\] {
  line-height: 1.55;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-\[1\.6\] {
  line-height: 1.6;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[15px\] {
  line-height: 15px;
}
.leading-\[17px\] {
  line-height: 17px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[19px\] {
  line-height: 19px;
}
.leading-\[1\] {
  line-height: 1;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-\[21px\] {
  line-height: 21px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[26px\] {
  line-height: 26px;
}
.leading-\[inherit\] {
  line-height: inherit;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.015em\] {
  letter-spacing: -0.015em;
}
.tracking-\[-0\.025em\] {
  letter-spacing: -0.025em;
}
.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}
.tracking-\[-0\.035em\] {
  letter-spacing: -0.035em;
}
.tracking-\[-0\.03em\] {
  letter-spacing: -0.03em;
}
.tracking-\[-0\.05em\] {
  letter-spacing: -0.05em;
}
.tracking-\[-0\.15px\] {
  letter-spacing: -0.15px;
}
.tracking-\[-0\.1px\] {
  letter-spacing: -0.1px;
}
.tracking-\[-0\.25px\] {
  letter-spacing: -0.25px;
}
.tracking-\[-0\.2px\] {
  letter-spacing: -0.2px;
}
.tracking-\[-0\.35px\] {
  letter-spacing: -0.35px;
}
.tracking-\[-0\.3px\] {
  letter-spacing: -0.3px;
}
.tracking-\[-0\.4px\] {
  letter-spacing: -0.4px;
}
.tracking-\[-0\.5px\] {
  letter-spacing: -0.5px;
}
.tracking-\[-0\.65px\] {
  letter-spacing: -0.65px;
}
.tracking-\[-0\.6px\] {
  letter-spacing: -0.6px;
}
.tracking-\[-0\.7px\] {
  letter-spacing: -0.7px;
}
.tracking-\[-0\.8px\] {
  letter-spacing: -0.8px;
}
.tracking-\[-1\.2px\] {
  letter-spacing: -1.2px;
}
.tracking-\[-1px\] {
  letter-spacing: -1px;
}
.tracking-\[0\.02em\] {
  letter-spacing: 0.02em;
}
.tracking-\[0\.04em\] {
  letter-spacing: 0.04em;
}
.tracking-\[0\.06em\] {
  letter-spacing: 0.06em;
}
.tracking-\[0\.08em\] {
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-\[0\.13em\] {
  letter-spacing: 0.13em;
}
.tracking-\[0\.15px\] {
  letter-spacing: 0.15px;
}
.tracking-\[0\.1em\] {
  letter-spacing: 0.1em;
}
.tracking-\[0\.25px\] {
  letter-spacing: 0.25px;
}
.tracking-\[0\.3px\] {
  letter-spacing: 0.3px;
}
.tracking-\[0\.4px\] {
  letter-spacing: 0.4px;
}
.tracking-\[0\.6px\] {
  letter-spacing: 0.6px;
}
.tracking-\[0\.7px\] {
  letter-spacing: 0.7px;
}
.tracking-\[1\.3px\] {
  letter-spacing: 1.3px;
}
.tracking-\[1\.4px\] {
  letter-spacing: 1.4px;
}
.tracking-\[1\.5px\] {
  letter-spacing: 1.5px;
}
.tracking-\[1\.6px\] {
  letter-spacing: 1.6px;
}
.tracking-\[1px\] {
  letter-spacing: 1px;
}
.tracking-normal {
  letter-spacing: 0em;
}
.\!text-\[\#121212\] {
  --tw-text-opacity: 1 !important;
  color: rgb(18 18 18 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#242628\] {
  --tw-text-opacity: 1 !important;
  color: rgb(36 38 40 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#F23EBF\] {
  --tw-text-opacity: 1 !important;
  color: rgb(242 62 191 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#ae641a\] {
  --tw-text-opacity: 1 !important;
  color: rgb(174 100 26 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[var\(--action-funds-text\)\] {
  color: var(--action-funds-text) !important;
}
.\!text-\[var\(--muted\)\] {
  color: var(--muted) !important;
}
.\!text-\[var\(--reward\)\] {
  color: var(--reward) !important;
}
.\!text-pp-accent {
  color: var(--accent) !important;
}
.\!text-pp-muted {
  color: var(--muted) !important;
}
.\!text-pp-text {
  color: var(--text) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#039900\] {
  --tw-text-opacity: 1;
  color: rgb(3 153 0 / var(--tw-text-opacity, 1));
}
.text-\[\#062F77\] {
  --tw-text-opacity: 1;
  color: rgb(6 47 119 / var(--tw-text-opacity, 1));
}
.text-\[\#073274\] {
  --tw-text-opacity: 1;
  color: rgb(7 50 116 / var(--tw-text-opacity, 1));
}
.text-\[\#121212\] {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity, 1));
}
.text-\[\#1658C8\] {
  --tw-text-opacity: 1;
  color: rgb(22 88 200 / var(--tw-text-opacity, 1));
}
.text-\[\#16E069\] {
  --tw-text-opacity: 1;
  color: rgb(22 224 105 / var(--tw-text-opacity, 1));
}
.text-\[\#1B1B1B\] {
  --tw-text-opacity: 1;
  color: rgb(27 27 27 / var(--tw-text-opacity, 1));
}
.text-\[\#2194FF\] {
  --tw-text-opacity: 1;
  color: rgb(33 148 255 / var(--tw-text-opacity, 1));
}
.text-\[\#242035\] {
  --tw-text-opacity: 1;
  color: rgb(36 32 53 / var(--tw-text-opacity, 1));
}
.text-\[\#298254\] {
  --tw-text-opacity: 1;
  color: rgb(41 130 84 / var(--tw-text-opacity, 1));
}
.text-\[\#343434\] {
  --tw-text-opacity: 1;
  color: rgb(52 52 52 / var(--tw-text-opacity, 1));
}
.text-\[\#3D3D3D\] {
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity, 1));
}
.text-\[\#3f268f\] {
  --tw-text-opacity: 1;
  color: rgb(63 38 143 / var(--tw-text-opacity, 1));
}
.text-\[\#43BFF9\] {
  --tw-text-opacity: 1;
  color: rgb(67 191 249 / var(--tw-text-opacity, 1));
}
.text-\[\#473414\] {
  --tw-text-opacity: 1;
  color: rgb(71 52 20 / var(--tw-text-opacity, 1));
}
.text-\[\#4B5C68\] {
  --tw-text-opacity: 1;
  color: rgb(75 92 104 / var(--tw-text-opacity, 1));
}
.text-\[\#4ee7f9\] {
  --tw-text-opacity: 1;
  color: rgb(78 231 249 / var(--tw-text-opacity, 1));
}
.text-\[\#593001\] {
  --tw-text-opacity: 1;
  color: rgb(89 48 1 / var(--tw-text-opacity, 1));
}
.text-\[\#666666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-\[\#6b52c4\] {
  --tw-text-opacity: 1;
  color: rgb(107 82 196 / var(--tw-text-opacity, 1));
}
.text-\[\#6c6381\] {
  --tw-text-opacity: 1;
  color: rgb(108 99 129 / var(--tw-text-opacity, 1));
}
.text-\[\#714b00\] {
  --tw-text-opacity: 1;
  color: rgb(113 75 0 / var(--tw-text-opacity, 1));
}
.text-\[\#777085\] {
  --tw-text-opacity: 1;
  color: rgb(119 112 133 / var(--tw-text-opacity, 1));
}
.text-\[\#797979\] {
  --tw-text-opacity: 1;
  color: rgb(121 121 121 / var(--tw-text-opacity, 1));
}
.text-\[\#805719\] {
  --tw-text-opacity: 1;
  color: rgb(128 87 25 / var(--tw-text-opacity, 1));
}
.text-\[\#80632c\] {
  --tw-text-opacity: 1;
  color: rgb(128 99 44 / var(--tw-text-opacity, 1));
}
.text-\[\#82F14A\] {
  --tw-text-opacity: 1;
  color: rgb(130 241 74 / var(--tw-text-opacity, 1));
}
.text-\[\#898989\] {
  --tw-text-opacity: 1;
  color: rgb(137 137 137 / var(--tw-text-opacity, 1));
}
.text-\[\#8F8F94\] {
  --tw-text-opacity: 1;
  color: rgb(143 143 148 / var(--tw-text-opacity, 1));
}
.text-\[\#8a4b00\] {
  --tw-text-opacity: 1;
  color: rgb(138 75 0 / var(--tw-text-opacity, 1));
}
.text-\[\#8b6b2f\] {
  --tw-text-opacity: 1;
  color: rgb(139 107 47 / var(--tw-text-opacity, 1));
}
.text-\[\#956214\] {
  --tw-text-opacity: 1;
  color: rgb(149 98 20 / var(--tw-text-opacity, 1));
}
.text-\[\#956814\] {
  --tw-text-opacity: 1;
  color: rgb(149 104 20 / var(--tw-text-opacity, 1));
}
.text-\[\#986317\] {
  --tw-text-opacity: 1;
  color: rgb(152 99 23 / var(--tw-text-opacity, 1));
}
.text-\[\#99671b\] {
  --tw-text-opacity: 1;
  color: rgb(153 103 27 / var(--tw-text-opacity, 1));
}
.text-\[\#997234\] {
  --tw-text-opacity: 1;
  color: rgb(153 114 52 / var(--tw-text-opacity, 1));
}
.text-\[\#999999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.text-\[\#9a5800\] {
  --tw-text-opacity: 1;
  color: rgb(154 88 0 / var(--tw-text-opacity, 1));
}
.text-\[\#CCCCCC\] {
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}
.text-\[\#D8D8D8\] {
  --tw-text-opacity: 1;
  color: rgb(216 216 216 / var(--tw-text-opacity, 1));
}
.text-\[\#F23EBF\] {
  --tw-text-opacity: 1;
  color: rgb(242 62 191 / var(--tw-text-opacity, 1));
}
.text-\[\#F25D19\] {
  --tw-text-opacity: 1;
  color: rgb(242 93 25 / var(--tw-text-opacity, 1));
}
.text-\[\#F40B49\] {
  --tw-text-opacity: 1;
  color: rgb(244 11 73 / var(--tw-text-opacity, 1));
}
.text-\[\#b42318\] {
  --tw-text-opacity: 1;
  color: rgb(180 35 24 / var(--tw-text-opacity, 1));
}
.text-\[\#bd4943\] {
  --tw-text-opacity: 1;
  color: rgb(189 73 67 / var(--tw-text-opacity, 1));
}
.text-\[\#c5bdd8\] {
  --tw-text-opacity: 1;
  color: rgb(197 189 216 / var(--tw-text-opacity, 1));
}
.text-\[\#e5dff2\] {
  --tw-text-opacity: 1;
  color: rgb(229 223 242 / var(--tw-text-opacity, 1));
}
.text-\[\#ece6f8\] {
  --tw-text-opacity: 1;
  color: rgb(236 230 248 / var(--tw-text-opacity, 1));
}
.text-\[\#f1ebfa\] {
  --tw-text-opacity: 1;
  color: rgb(241 235 250 / var(--tw-text-opacity, 1));
}
.text-\[\#f2d694\] {
  --tw-text-opacity: 1;
  color: rgb(242 214 148 / var(--tw-text-opacity, 1));
}
.text-\[\#ffe489\] {
  --tw-text-opacity: 1;
  color: rgb(255 228 137 / var(--tw-text-opacity, 1));
}
.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[\#ffffff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[rgb\(255_255_255_\/_75\%\)\] {
  color: rgb(255 255 255 / 75%);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.3\)\] {
  color: rgba(255,255,255,0.3);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.6\)\] {
  color: rgba(255,255,255,0.6);
}
.text-\[var\(--accent\)\] {
  color: var(--accent);
}
.text-\[var\(--action-benefit\)\] {
  color: var(--action-benefit);
}
.text-\[var\(--action-funds-text\2c _\#fff\)\] {
  color: var(--action-funds-text, #fff);
}
.text-\[var\(--action-unread\)\] {
  color: var(--action-unread);
}
.text-\[var\(--action-utility\)\] {
  color: var(--action-utility);
}
.text-\[var\(--danger\)\] {
  color: var(--danger);
}
.text-\[var\(--game-ink\)\] {
  color: var(--game-ink);
}
.text-\[var\(--muted\)\] {
  color: var(--muted);
}
.text-\[var\(--muted\2c \#696474\)\] {
  color: var(--muted,#696474);
}
.text-\[var\(--promo\)\] {
  color: var(--promo);
}
.text-\[var\(--reward\)\] {
  color: var(--reward);
}
.text-\[var\(--surface-solid\)\] {
  color: var(--surface-solid);
}
.text-\[var\(--text\)\] {
  color: var(--text);
}
.text-\[var\(--text\2c \#17131c\)\] {
  color: var(--text,#17131c);
}
.text-\[var\(--text-caption\)\] {
  color: var(--text-caption);
}
.text-\[var\(--trust\)\] {
  color: var(--trust);
}
.text-\[white\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-bgPrimary {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-brand {
  --tw-text-opacity: 1;
  color: rgb(63 250 66 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-inherit {
  color: inherit;
}
.text-neutralDarkest {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity, 1));
}
.text-neutralLight {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.text-neutralMedium {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-pp-accent {
  color: var(--accent);
}
.text-pp-funds {
  color: var(--action-funds);
}
.text-pp-funds-text {
  color: var(--action-funds-text);
}
.text-pp-muted {
  color: var(--muted);
}
.text-pp-surface {
  color: var(--surface-solid);
}
.text-pp-text {
  color: var(--text);
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/\[0\.82\] {
  color: rgb(255 255 255 / 0.82);
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-1 {
  text-decoration-thickness: 1px;
}
.decoration-\[1\.5px\] {
  text-decoration-thickness: 1.5px;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.accent-\[\#b48831\] {
  accent-color: #b48831;
}
.accent-\[var\(--accent\)\] {
  accent-color: var(--accent);
}
.accent-\[var\(--action-benefit\)\] {
  accent-color: var(--action-benefit);
}
.accent-\[var\(--reward\)\] {
  accent-color: var(--reward);
}
.accent-pp-accent {
  accent-color: var(--accent);
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-45 {
  opacity: 0.45;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-\[0\.12\] {
  opacity: 0.12;
}
.opacity-\[0\.45\] {
  opacity: 0.45;
}
.opacity-\[0\.55\] {
  opacity: 0.55;
}
.opacity-\[0\.72\] {
  opacity: 0.72;
}
.opacity-\[0\.85\] {
  opacity: 0.85;
}
.shadow-\[-2px_-2px_6px_0px_rgba\(250\2c 213\2c 36\2c 0\.8\)\2c 2px_2px_6px_0px_rgba\(250\2c 213\2c 36\2c 0\.8\)\2c inset_0px_-1px_1px_0px_rgba\(17\2c 65\2c 76\2c 0\.3\)\] {
  --tw-shadow: -2px -2px 6px 0px rgba(250,213,36,0.8),2px 2px 6px 0px rgba(250,213,36,0.8),inset 0px -1px 1px 0px rgba(17,65,76,0.3);
  --tw-shadow-colored: -2px -2px 6px 0px var(--tw-shadow-color), 2px 2px 6px 0px var(--tw-shadow-color), inset 0px -1px 1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-12px_60px_rgb\(30_20_50_\/_18\%\)\] {
  --tw-shadow: 0 -12px 60px rgb(30 20 50 / 18%);
  --tw-shadow-colored: 0 -12px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-14px_50px_rgb\(42_25_74_\/_18\%\)\] {
  --tw-shadow: 0 -14px 50px rgb(42 25 74 / 18%);
  --tw-shadow-colored: 0 -14px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-24px_70px_rgba\(0\2c _0\2c _0\2c _0\.22\)\] {
  --tw-shadow: 0 -24px 70px rgba(0, 0, 0, 0.22);
  --tw-shadow-colored: 0 -24px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-4px_20px_\#24203b08\] {
  --tw-shadow: 0 -4px 20px #24203b08;
  --tw-shadow-colored: 0 -4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_10px_color-mix\(in_srgb\2c _var\(--accent\)_3\%\2c _transparent\)\] {
  --tw-shadow: 0 0 0 10px color-mix(in srgb, var(--accent) 3%, transparent);
  --tw-shadow-colored: 0 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_color-mix\(in_srgb\2c var\(--accent\)_45\%\2c transparent\)\] {
  --tw-shadow: 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_2px_var\(--bg\)\] {
  --tw-shadow: 0 0 0 2px var(--bg);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_72px_\#0d082566\] {
  --tw-shadow: 0 0 72px #0d082566;
  --tw-shadow-colored: 0 0 72px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_9px_\#58d68d\] {
  --tw-shadow: 0 0 9px #58d68d;
  --tw-shadow-colored: 0 0 9px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_24px_rgb\(46_28_90_\/_10\%\)\] {
  --tw-shadow: 0 10px 24px rgb(46 28 90 / 10%);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_28px_rgb\(35_20_72_\/_6\%\)\] {
  --tw-shadow: 0 10px 28px rgb(35 20 72 / 6%);
  --tw-shadow-colored: 0 10px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_28px_rgb\(35_20_72_\/_7\%\)\] {
  --tw-shadow: 0 10px 28px rgb(35 20 72 / 7%);
  --tw-shadow-colored: 0 10px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_34px_rgb\(35_20_72_\/_9\%\)\] {
  --tw-shadow: 0 12px 34px rgb(35 20 72 / 9%);
  --tw-shadow-colored: 0 12px 34px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_34px_rgba\(33\2c _25\2c _58\2c _0\.15\)\] {
  --tw-shadow: 0 14px 34px rgba(33, 25, 58, 0.15);
  --tw-shadow-colored: 0 14px 34px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_183px_0_var\(--accent\)\] {
  --tw-shadow: 0 183px 0 var(--accent);
  --tw-shadow-colored: 0 183px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_60px_rgb\(24_13_52_\/_28\%\)\] {
  --tw-shadow: 0 22px 60px rgb(24 13 52 / 28%);
  --tw-shadow-colored: 0 22px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_100px_\#25113930\] {
  --tw-shadow: 0 24px 100px #25113930;
  --tw-shadow-colored: 0 24px 100px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_5px_\#34253b0a\] {
  --tw-shadow: 0 2px 5px #34253b0a;
  --tw-shadow-colored: 0 2px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_6px_\#00000008\] {
  --tw-shadow: 0 2px 6px #00000008;
  --tw-shadow-colored: 0 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_6px_\#24182d06\] {
  --tw-shadow: 0 2px 6px #24182d06;
  --tw-shadow-colored: 0 2px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_7px_rgb\(38_27_70_\/_2\%\)\] {
  --tw-shadow: 0 2px 7px rgb(38 27 70 / 2%);
  --tw-shadow-colored: 0 2px 7px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_7px_rgb\(45_30_80_\/_7\%\)\] {
  --tw-shadow: 0 2px 7px rgb(45 30 80 / 7%);
  --tw-shadow-colored: 0 2px 7px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_7px_rgba\(35\2c _31\2c _55\2c _0\.06\)\] {
  --tw-shadow: 0 2px 7px rgba(35, 31, 55, 0.06);
  --tw-shadow-colored: 0 2px 7px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_10px_color-mix\(in_srgb\2c var\(--reward\)_16\%\2c transparent\)\] {
  --tw-shadow: 0 3px 10px color-mix(in srgb,var(--reward) 16%,transparent);
  --tw-shadow-colored: 0 3px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_10px_color-mix\(in_srgb\2c var\(--text\)_5\%\2c transparent\)\] {
  --tw-shadow: 0 3px 10px color-mix(in srgb,var(--text) 5%,transparent);
  --tw-shadow-colored: 0 3px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_10px_rgb\(39_24_72_\/_4\%\)\] {
  --tw-shadow: 0 3px 10px rgb(39 24 72 / 4%);
  --tw-shadow-colored: 0 3px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_12px_color-mix\(in_srgb\2c var\(--text\)_7\%\2c transparent\)\] {
  --tw-shadow: 0 3px 12px color-mix(in srgb,var(--text) 7%,transparent);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_8px_color-mix\(in_srgb\2c _var\(--accent\)_12\%\2c _transparent\)\2c _inset_0_1px_0_\#ffffff25\] {
  --tw-shadow: 0 3px 8px color-mix(in srgb, var(--accent) 12%, transparent), inset 0 1px 0 #ffffff25;
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_10px_\#3020400a\] {
  --tw-shadow: 0 4px 10px #3020400a;
  --tw-shadow-colored: 0 4px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_16px_rgb\(96_69_28_\/_4\%\)\] {
  --tw-shadow: 0 4px 16px rgb(96 69 28 / 4%);
  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_6px_0px_\#85CC41\] {
  --tw-shadow: 0 4px 6px 0px #85CC41;
  --tw-shadow-colored: 0 4px 6px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_5px_16px_rgb\(39_24_72_\/_5\%\)\] {
  --tw-shadow: 0 5px 16px rgb(39 24 72 / 5%);
  --tw-shadow-colored: 0 5px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_5px_18px_rgb\(55_35_95\/7\%\)\] {
  --tw-shadow: 0 5px 18px rgb(55 35 95/7%);
  --tw-shadow-colored: 0 5px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_18px_color-mix\(in_srgb\2c var\(--text\)_6\%\2c transparent\)\] {
  --tw-shadow: 0 6px 18px color-mix(in srgb,var(--text) 6%,transparent);
  --tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_20px_\#4733660d\] {
  --tw-shadow: 0 6px 20px #4733660d;
  --tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_76px_0_var\(--accent\)\] {
  --tw-shadow: 0 76px 0 var(--accent);
  --tw-shadow-colored: 0 76px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_7px_18px_rgb\(45_30_80_\/_8\%\)\] {
  --tw-shadow: 0 7px 18px rgb(45 30 80 / 8%);
  --tw-shadow-colored: 0 7px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_7px_20px_rgb\(35_20_72_\/_5\%\)\] {
  --tw-shadow: 0 7px 20px rgb(35 20 72 / 5%);
  --tw-shadow-colored: 0 7px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_color-mix\(in_srgb\2c _var\(--accent\)_22\%\2c _transparent\)\] {
  --tw-shadow: 0 8px 20px color-mix(in srgb, var(--accent) 22%, transparent);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_color-mix\(in_srgb\2c var\(--text\)_9\%\2c transparent\)\2c inset_0_1px_0_color-mix\(in_srgb\2c var\(--surface-solid\)_85\%\2c transparent\)\] {
  --tw-shadow: 0 8px 24px color-mix(in srgb,var(--text) 9%,transparent),inset 0 1px 0 color-mix(in srgb,var(--surface-solid) 85%,transparent);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_30px_\#25113924\] {
  --tw-shadow: 0 8px 30px #25113924;
  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_32px_rgb\(30_20_45\/16\%\)\] {
  --tw-shadow: 0 8px 32px rgb(30 20 45/16%);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_0px_1px_\#D8DFE7\] {
  --tw-shadow: 0px 0px 0px 1px #D8DFE7;
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_0px_1px_\#FA5D1C\] {
  --tw-shadow: 0px 0px 0px 1px #FA5D1C;
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_12px_0px_\#31ACFF\] {
  --tw-shadow: 0px 0px 12px 0px #31ACFF;
  --tw-shadow-colored: 0px 0px 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_12px_0px_rgba\(255\2c 124\2c 0\2c 0\.7\)\] {
  --tw-shadow: 0px 0px 12px 0px rgba(255,124,0,0.7);
  --tw-shadow-colored: 0px 0px 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_5px_0px_\#27FF00\2c 0px_0px_8px_0px_\#27FF00\] {
  --tw-shadow: 0px 0px 5px 0px #27FF00,0px 0px 8px 0px #27FF00;
  --tw-shadow-colored: 0px 0px 5px 0px var(--tw-shadow-color), 0px 0px 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);
}
.shadow-\[inset_0_0_0_1px_\#d8b56c40\] {
  --tw-shadow: inset 0 0 0 1px #d8b56c40;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\2c _var\(--reward\)_18\%\2c _transparent\)\2c _0_6px_16px_color-mix\(in_srgb\2c _var\(--reward\)_12\%\2c _transparent\)\] {
  --tw-shadow: inset 0 0 0 1px color-mix(in srgb, var(--reward) 18%, transparent), 0 6px 16px color-mix(in srgb, var(--reward) 12%, transparent);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_var\(--accent\)\] {
  --tw-shadow: inset 0 0 0 1px var(--accent);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_3px_\#0006\] {
  --tw-shadow: inset 0 0 3px #0006;
  --tw-shadow-colored: inset 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_\#95d8ff55\2c _0_7px_18px_\#06052566\] {
  --tw-shadow: inset 0 1px 0 #95d8ff55, 0 7px 18px #06052566;
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 7px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_color-mix\(in_srgb\2c var\(--surface-solid\)_75\%\2c transparent\)\] {
  --tw-shadow: inset 0 1px 0 color-mix(in srgb,var(--surface-solid) 75%,transparent);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[var\(--shadow\)\] {
  --tw-shadow-color: var(--shadow);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--shadow-high\)\] {
  --tw-shadow-color: var(--shadow-high);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--shadow-low\)\] {
  --tw-shadow-color: var(--shadow-low);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-\[var\(--ui-dialog-shadow\)\] {
  --tw-shadow-color: var(--ui-dialog-shadow);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-offset-2 {
  outline-offset: 2px;
}
.outline-\[2px_solid_\#ffe7a0\] {
  outline-color: 2px solid #ffe7a0;
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[var\(--surface-solid\)\] {
  --tw-ring-color: var(--surface-solid);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[2rem\] {
  --tw-blur: blur(2rem);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0\.35rem_0\.4rem_rgb\(38_25_67_\/_13\%\)\] {
  --tw-drop-shadow: drop-shadow(0 0.35rem 0.4rem rgb(38 25 67 / 13%));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_6px_9px_\#39275118\] {
  --tw-drop-shadow: drop-shadow(0 6px 9px #39275118);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_8px_10px_rgba\(32\2c 22\2c 62\2c 0\.1\)\] {
  --tw-drop-shadow: drop-shadow(0 8px 10px rgba(32,22,62,0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-\[14px\] {
  --tw-backdrop-blur: blur(14px);
  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-\[16px\] {
  --tw-backdrop-blur: blur(16px);
  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-\[18px\] {
  --tw-backdrop-blur: blur(18px);
  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-\[20px\] {
  --tw-backdrop-blur: blur(20px);
  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-\[22px\] {
  --tw-backdrop-blur: blur(22px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[4px\] {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[9px\] {
  --tw-backdrop-blur: blur(9px);
  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-none {
  backdrop-filter: none;
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[box-shadow\2c transform\] {
  transition-property: box-shadow,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c background-color\2c border-color\2c box-shadow\2c opacity\] {
  transition-property: color,background-color,border-color,box-shadow,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color_0\.2s_ease\2c background-color_0\.2s_ease\2c border-color_0\.2s_ease\2c box-shadow_0\.2s_ease\2c transform_0\.2s_ease\2c opacity_0\.2s_ease\] {
  transition-property: color 0.2s ease,background-color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease,opacity 0.2s ease;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[filter\] {
  transition-property: filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform_0\.15s_ease\2c _background_0\.15s_ease\] {
  transition-property: transform 0.15s ease, background 0.15s ease;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform_var\(--motion-standard\)_ease\2c _background-color_var\(--motion-standard\)_ease\2c _box-shadow_var\(--motion-standard\)_ease\] {
  transition-property: transform var(--motion-standard) ease, background-color var(--motion-standard) ease, box-shadow var(--motion-standard) ease;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[translate_0\.18s_ease\2c _box-shadow_0\.18s_ease\] {
  transition-property: translate 0.18s ease, box-shadow 0.18s ease;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-300 {
  transition-delay: 300ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.duration-\[1s\] {
  transition-duration: 1s;
}
.ease-\[ease\] {
  transition-timing-function: ease;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
.whiteBorder {
  border-width: 0.5px;
  border-style: solid;
  border-color: #FFFFFF;
}
.gradient-border {
  position: relative;
  overflow: hidden;
}
.gradient-border::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  pointer-events: none;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
}
.gradient-border-\[linear-gradient\(135deg\2c \#ffffff_0\%\2c \#ffffff00_100\%\)\] {
  position: relative;
  overflow: hidden;
}
.gradient-border-\[linear-gradient\(135deg\2c \#ffffff_0\%\2c \#ffffff00_100\%\)\]::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  pointer-events: none;
  background: linear-gradient(135deg,#ffffff 0%,#ffffff00 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.\[--benefit-compact\:1\] {
  --benefit-compact: 1;
}
.\[--box-stage-ink\:\#2d2344\] {
  --box-stage-ink: #2d2344;
}
.\[--box-type-body\:0\.8125rem\] {
  --box-type-body: 0.8125rem;
}
.\[--box-type-label\:0\.6875rem\] {
  --box-type-label: 0.6875rem;
}
.\[--box-type-title\:1\.375rem\] {
  --box-type-title: 1.375rem;
}
.\[--game-ink\:\#171329\] {
  --game-ink: #171329;
}
.\[--game-soft\:\#f3efff\] {
  --game-soft: #f3efff;
}
.\[--gap\:12px\] {
  --gap: 12px;
}
.\[--order-tone\:var\(--muted\)\] {
  --order-tone: var(--muted);
}
.\[--radius\:16px\] {
  --radius: 16px;
}
.\[--shadow\:none\] {
  --shadow: none;
}
.\[--tile\:128px\] {
  --tile: 128px;
}
.\[--tile\:144px\] {
  --tile: 144px;
}
.\[-webkit-box-orient\:vertical\] {
  -webkit-box-orient: vertical;
}
.\[-webkit-line-clamp\:2\] {
  -webkit-line-clamp: 2;
}
.\[-webkit-mask-position\:center\] {
  -webkit-mask-position: center;
}
.\[-webkit-mask-repeat\:no-repeat\] {
  -webkit-mask-repeat: no-repeat;
}
.\[-webkit-mask-size\:contain\] {
  -webkit-mask-size: contain;
}
.\[-webkit-tap-highlight-color\:transparent\] {
  -webkit-tap-highlight-color: transparent;
}
.\[-webkit-text-size-adjust\:100\%\] {
  -webkit-text-size-adjust: 100%;
}
.\[align-content\:start\] {
  align-content: start;
}
.\[align-items\:start\] {
  align-items: start;
}
.\[align-self\:end\] {
  align-self: end;
}
.\[align-self\:start\] {
  align-self: start;
}
.\[backdrop-filter\:blur\(10px\)\] {
  backdrop-filter: blur(10px);
}
.\[backdrop-filter\:blur\(14px\)\] {
  backdrop-filter: blur(14px);
}
.\[backdrop-filter\:blur\(18px\)\] {
  backdrop-filter: blur(18px);
}
.\[backdrop-filter\:blur\(20px\)\] {
  backdrop-filter: blur(20px);
}
.\[backdrop-filter\:blur\(22px\)\] {
  backdrop-filter: blur(22px);
}
.\[backdrop-filter\:blur\(24px\)\] {
  backdrop-filter: blur(24px);
}
.\[backdrop-filter\:blur\(5px\)\] {
  backdrop-filter: blur(5px);
}
.\[backdrop-filter\:blur\(6px\)\] {
  backdrop-filter: blur(6px);
}
.\[backdrop-filter\:blur\(9px\)\] {
  backdrop-filter: blur(9px);
}
.\[backdrop-filter\:none\] {
  backdrop-filter: none;
}
.\!\[background-clip\:padding-box\2c border-box\] {
  background-clip: padding-box,border-box !important;
}
.\[background-size\:200\%_100\%\] {
  background-size: 200% 100%;
}
.\[background\:\#faf9fd\] {
  background: #faf9fd;
}
.\[background\:\#fff\] {
  background: #fff;
}
.\[background\:color-mix\(in_srgb\2c _var\(--accent\)_3\%\2c _var\(--surface-solid\)\)\] {
  background: color-mix(in srgb, var(--accent) 3%, var(--surface-solid));
}
.\[background\:linear-gradient\(115deg\2c _\#f0d797\2c _\#e6bd68\)\] {
  background: linear-gradient(115deg, #f0d797, #e6bd68);
}
.\[background\:linear-gradient\(140deg\2c \#fff_35\%\2c \#f0ebff\)\] {
  background: linear-gradient(140deg,#fff 35%,#f0ebff);
}
.\[background\:linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\.8\)_0\%\2c rgba\(0\2c 0\2c 0\2c 0\.8\)_100\%\)_padding-box\2c linear-gradient\(180deg\2c \#ffffff_0\%\2c \#ffffff00_100\%\)_border-box\] {
  background: linear-gradient(180deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%) padding-box,linear-gradient(180deg,#ffffff 0%,#ffffff00 100%) border-box;
}
.\[background\:none\] {
  background: none;
}
.\[background\:transparent\] {
  background: transparent;
}
.\!\[background\:var\(--accent\)\] {
  background: var(--accent) !important;
}
.\!\[background\:var\(--action-funds\)\] {
  background: var(--action-funds) !important;
}
.\[background\:var\(--action-funds-soft\)\] {
  background: var(--action-funds-soft);
}
.\[background\:var\(--action-unread\)\] {
  background: var(--action-unread);
}
.\[border-block\:1px_solid_var\(--line\)\] {
  border-block: 1px solid var(--line);
}
.\[border-bottom\:1\.5px_solid_currentColor\] {
  border-bottom: 1.5px solid currentColor;
}
.\[border-bottom\:1px_solid_var\(--hairline\)\] {
  border-bottom: 1px solid var(--hairline);
}
.\[border-right\:1\.5px_solid_currentColor\] {
  border-right: 1.5px solid currentColor;
}
.\[border-style\:none\] {
  border-style: none;
}
.\[border-top\:1px_solid_\#514360\] {
  border-top: 1px solid #514360;
}
.\[border-top\:1px_solid_var\(--hairline\)\] {
  border-top: 1px solid var(--hairline);
}
.\[border-top\:1px_solid_var\(--line\)\] {
  border-top: 1px solid var(--line);
}
.\[border-top\:5px_solid_\#4e287b\] {
  border-top: 5px solid #4e287b;
}
.\[border-width\:0\] {
  border-width: 0;
}
.\!\[border\:0\] {
  border: 0 !important;
}
.\[border\:0\] {
  border: 0;
}
.\[border\:1px_dashed_var\(--line\)\] {
  border: 1px dashed var(--line);
}
.\!\[border\:1px_solid_\#24262830\] {
  border: 1px solid #24262830 !important;
}
.\[border\:1px_solid_\#626bea\] {
  border: 1px solid #626bea;
}
.\[border\:1px_solid_\#655375\] {
  border: 1px solid #655375;
}
.\[border\:1px_solid_\#d7b567\] {
  border: 1px solid #d7b567;
}
.\[border\:1px_solid_color-mix\(in_srgb\2c _var\(--accent\)_12\%\2c _var\(--line\)\)\] {
  border: 1px solid color-mix(in srgb, var(--accent) 12%, var(--line));
}
.\[border\:1px_solid_color-mix\(in_srgb\2c _var\(--accent\)_20\%\2c _var\(--line\)\)\] {
  border: 1px solid color-mix(in srgb, var(--accent) 20%, var(--line));
}
.\[border\:1px_solid_color-mix\(in_srgb\2c _var\(--accent\)_24\%\2c _var\(--hairline\)\)\] {
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--hairline));
}
.\[border\:1px_solid_color-mix\(in_srgb\2c _var\(--accent\)_24\%\2c _var\(--line\)\)\] {
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line));
}
.\[border\:1px_solid_color-mix\(in_srgb\2c _var\(--accent\)_38\%\2c _var\(--hairline\)\)\] {
  border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--hairline));
}
.\[border\:1px_solid_color-mix\(in_srgb\2c _var\(--promo\)_22\%\2c _var\(--line\)\)\] {
  border: 1px solid color-mix(in srgb, var(--promo) 22%, var(--line));
}
.\[border\:1px_solid_color-mix\(in_srgb\2c _var\(--reward\)_30\%\2c _var\(--hairline\)\)\] {
  border: 1px solid color-mix(in srgb, var(--reward) 30%, var(--hairline));
}
.\[border\:1px_solid_color-mix\(in_srgb\2c _var\(--surface-solid\)_70\%\2c _var\(--line\)\)\] {
  border: 1px solid color-mix(in srgb, var(--surface-solid) 70%, var(--line));
}
.\[border\:1px_solid_color-mix\(in_srgb\2c var\(--accent\)_10\%\2c var\(--line\)\)\] {
  border: 1px solid color-mix(in srgb,var(--accent) 10%,var(--line));
}
.\[border\:1px_solid_rgb\(255_255_255_\/_24\%\)\] {
  border: 1px solid rgb(255 255 255 / 24%);
}
.\[border\:1px_solid_transparent\] {
  border: 1px solid transparent;
}
.\[border\:1px_solid_var\(--hairline\)\] {
  border: 1px solid var(--hairline);
}
.\[border\:1px_solid_var\(--line\)\] {
  border: 1px solid var(--line);
}
.\[border\:1px_solid_var\(--line\2c \#e3e0ee\)\] {
  border: 1px solid var(--line,#e3e0ee);
}
.\[border\:2px_solid_color-mix\(in_srgb\2c _var\(--accent\)_24\%\2c _var\(--surface-solid\)\)\] {
  border: 2px solid color-mix(in srgb, var(--accent) 24%, var(--surface-solid));
}
.\[border\:3px_solid_\#7cabf9\] {
  border: 3px solid #7cabf9;
}
.\!\[border\:5px_solid_var\(--surface\)\] {
  border: 5px solid var(--surface) !important;
}
.\[box-shadow\:0_1px_0_rgb\(255_255_255_\/_85\%\)_inset\2c _0_4px_16px_rgb\(44_32_75_\/_5\%\)\] {
  box-shadow: 0 1px 0 rgb(255 255 255 / 85%) inset, 0 4px 16px rgb(44 32 75 / 5%);
}
.\[box-shadow\:0_1px_0_rgb\(255_255_255_\/_90\%\)_inset\2c _0_-6px_24px_rgb\(44_32_75_\/_9\%\)\] {
  box-shadow: 0 1px 0 rgb(255 255 255 / 90%) inset, 0 -6px 24px rgb(44 32 75 / 9%);
}
.\[box-shadow\:0_1px_4px_\#21133226\] {
  box-shadow: 0 1px 4px #21133226;
}
.\[box-shadow\:0_2px_5px_\#30244806\] {
  box-shadow: 0 2px 5px #30244806;
}
.\[box-shadow\:0_2px_8px_rgba\(29\2c _21\2c _55\2c _0\.03\)\] {
  box-shadow: 0 2px 8px rgba(29, 21, 55, 0.03);
}
.\[box-shadow\:0_3px_12px_\#24182d04\] {
  box-shadow: 0 3px 12px #24182d04;
}
.\[box-shadow\:0_3px_12px_rgba\(12\2c _10\2c _18\2c _0\.16\)\] {
  box-shadow: 0 3px 12px rgba(12, 10, 18, 0.16);
}
.\[box-shadow\:0_5px_18px_\#30244806\] {
  box-shadow: 0 5px 18px #30244806;
}
.\[box-shadow\:0_5px_18px_\#40315c08\] {
  box-shadow: 0 5px 18px #40315c08;
}
.\[box-shadow\:0_8px_20px_color-mix\(in_srgb\2c _var\(--accent\)_24\%\2c _transparent\)\] {
  box-shadow: 0 8px 20px color-mix(in srgb, var(--accent) 24%, transparent);
}
.\[box-shadow\:inset_0_1px_0_\#ffffff40\2c 0_3px_6px_\#44308618\] {
  box-shadow: inset 0 1px 0 #ffffff40,0 3px 6px #44308618;
}
.\[box-shadow\:inset_0_1px_0_\#ffffff40\2c _0_6px_18px_\#44308625\] {
  box-shadow: inset 0 1px 0 #ffffff40, 0 6px 18px #44308625;
}
.\[box-shadow\:inset_0_1px_0_\#ffffff50\] {
  box-shadow: inset 0 1px 0 #ffffff50;
}
.\[box-shadow\:inset_0_1px_0_\#ffffffa0\] {
  box-shadow: inset 0 1px 0 #ffffffa0;
}
.\[box-shadow\:inset_0_1px_0_\#ffffffb3\] {
  box-shadow: inset 0 1px 0 #ffffffb3;
}
.\[box-shadow\:inset_0_1px_0_rgb\(255_255_255_\/_45\%\)\] {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 45%);
}
.\[box-shadow\:var\(--mobile-dock-shadow\)\] {
  box-shadow: var(--mobile-dock-shadow);
}
.\[box-shadow\:var\(--shadow-low\)\] {
  box-shadow: var(--shadow-low);
}
.\[box-shadow\:var\(--ui-dialog-shadow\)\] {
  box-shadow: var(--ui-dialog-shadow);
}
.\[clip-path\:inset\(50\%\)\] {
  clip-path: inset(50%);
}
.\[clip-path\:polygon\(0_0\2c 100\%_0\2c 100\%_100\%\2c 0_100\%\2c 8\%_50\%\)\] {
  clip-path: polygon(0 0,100% 0,100% 100%,0 100%,8% 50%);
}
.\[counter-reset\:battle-guide\] {
  counter-reset: battle-guide;
}
.\[counter-reset\:rules\] {
  counter-reset: rules;
}
.\[display\:-webkit-box\] {
  display: -webkit-box;
}
.\[filter\:drop-shadow\(0_1rem_1\.1rem_rgb\(54_30_97_\/_20\%\)\)\] {
  filter: drop-shadow(0 1rem 1.1rem rgb(54 30 97 / 20%));
}
.\[filter\:drop-shadow\(0_8px_10px_rgb\(35_20_65_\/_10\%\)\)\] {
  filter: drop-shadow(0 8px 10px rgb(35 20 65 / 10%));
}
.\[filter\:grayscale\(1\)\] {
  filter: grayscale(1);
}
.\[font-family\:var\(--font-body\2c _inherit\)\] {
  font-family: var(--font-body, inherit);
}
.\[font-family\:var\(--font-display\2c _inherit\)\] {
  font-family: var(--font-display, inherit);
}
.\[font-family\:var\(--font-numeric\)\] {
  font-family: var(--font-numeric);
}
.\[font-family\:var\(--type-family\)\] {
  font-family: var(--type-family);
}
.\[font-size\:10px\] {
  font-size: 10px;
}
.\[font-size\:11px\] {
  font-size: 11px;
}
.\[font-variant-numeric\:tabular-nums_lining-nums\] {
  font-variant-numeric: tabular-nums lining-nums;
}
.\[font\:500_11px\/16px_var\(--type-family\)\] {
  font: 500 11px/16px var(--type-family);
}
.\[font\:500_12px\/18px_var\(--type-family\)\] {
  font: 500 12px/18px var(--type-family);
}
.\[font\:600_13px\/20px_var\(--type-family\)\] {
  font: 600 13px/20px var(--type-family);
}
.\[font\:700_12px\/1\.2_var\(--font-body\2c _inherit\)\] {
  font: 700 12px/1.2 var(--font-body, inherit);
}
.\[font\:750_17px\/1\.3_var\(--font-display\2c _inherit\)\] {
  font: 750 17px/1.3 var(--font-display, inherit);
}
.\[font\:inherit\] {
  font: inherit;
}
.\[font\:var\(--type-action\)\] {
  font: var(--type-action);
}
.\[font\:var\(--type-amount\)\] {
  font: var(--type-amount);
}
.\[font\:var\(--type-badge\)\] {
  font: var(--type-badge);
}
.\[font\:var\(--type-body\)\] {
  font: var(--type-body);
}
.\[font\:var\(--type-caption\)\] {
  font: var(--type-caption);
}
.\[font\:var\(--type-card-amount\)\] {
  font: var(--type-card-amount);
}
.\[font\:var\(--type-detail\)\] {
  font: var(--type-detail);
}
.\[font\:var\(--type-name\)\] {
  font: var(--type-name);
}
.\[font\:var\(--type-page\)\] {
  font: var(--type-page);
}
.\[font\:var\(--type-section\)\] {
  font: var(--type-section);
}
.\[isolation\:isolate\] {
  isolation: isolate;
}
.\[justify-content\:start\] {
  justify-content: start;
}
.\[justify-items\:center\] {
  justify-items: center;
}
.\[left\:calc\(50\%_-_9px\)\] {
  left: calc(50% - 9px);
}
.\[line-height\:1\.4\] {
  line-height: 1.4;
}
.\[line-height\:21px\] {
  line-height: 21px;
}
.\[list-style\:none\] {
  list-style: none;
}
.\[mask-image\:linear-gradient\(180deg\2c _transparent\2c _\#000_30\%_70\%\2c _transparent\)\] {
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 30% 70%, transparent);
          mask-image: linear-gradient(180deg, transparent, #000 30% 70%, transparent);
}
.\[mask-image\:linear-gradient\(90deg\2c _transparent\2c _\#000_16\%_84\%\2c _transparent\)\] {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 16% 84%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 16% 84%, transparent);
}
.\[mask-image\:linear-gradient\(to_right\2c transparent\2c \#000_55\%\)\] {
  -webkit-mask-image: linear-gradient(to right,transparent,#000 55%);
          mask-image: linear-gradient(to right,transparent,#000 55%);
}
.\[mask-image\:linear-gradient\(transparent\2c \#000_12\%\2c \#000_88\%\2c transparent\)\] {
  -webkit-mask-image: linear-gradient(transparent,#000 12%,#000 88%,transparent);
          mask-image: linear-gradient(transparent,#000 12%,#000 88%,transparent);
}
.\[mask-image\:radial-gradient\(circle\2c _transparent_0_46\%\2c _\#000_47\%_100\%\)\] {
  -webkit-mask-image: radial-gradient(circle, transparent 0 46%, #000 47% 100%);
          mask-image: radial-gradient(circle, transparent 0 46%, #000 47% 100%);
}
.\[mask-position\:center\] {
  -webkit-mask-position: center;
          mask-position: center;
}
.\[mask-repeat\:no-repeat\] {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.\[mask-size\:contain\] {
  -webkit-mask-size: contain;
          mask-size: contain;
}
.\[outline\:none\] {
  outline: none;
}
.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}
.\[overscroll-behavior-inline\:contain\] {
  overscroll-behavior-inline: contain;
}
.\[right\:14px\] {
  right: 14px;
}
.\[right\:8px\] {
  right: 8px;
}
.\[scroll-snap-align\:start\] {
  scroll-snap-align: start;
}
.\[scroll-snap-type\:x_proximity\] {
  scroll-snap-type: x proximity;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.\[scrollbar-width\:thin\] {
  scrollbar-width: thin;
}
.\[text-decoration-thickness\:1\.5px\] {
  text-decoration-thickness: 1.5px;
}
.\[text-overflow\:ellipsis\] {
  text-overflow: ellipsis;
}
.\[text-shadow\:0_0\.125rem_0\.25rem_rgba\(0\2c 0\2c 0\2c 0\.65\)\] {
  text-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.65);
}
.\[top\:0\] {
  top: 0;
}
.\[top\:16px\] {
  top: 16px;
}
.\[top\:8px\] {
  top: 8px;
}
.\[transform\:none\] {
  transform: none;
}
.\[transform\:rotate\(3deg\)\] {
  transform: rotate(3deg);
}
.\[transform\:translateX\(-50\%\)\] {
  transform: translateX(-50%);
}
.\[transform\:translateY\(-1px\)\] {
  transform: translateY(-1px);
}
.\[transform\:translateY\(-2px\)_rotate\(45deg\)\] {
  transform: translateY(-2px) rotate(45deg);
}
.\[transform\:translateY\(-50\%\)\] {
  transform: translateY(-50%);
}
.\[transform\:translateY\(2px\)_rotate\(225deg\)\] {
  transform: translateY(2px) rotate(225deg);
}
.\[transform\:translateY\(calc\(-8_\*_var\(--tile\)\)\)\] {
  transform: translateY(calc(-8 * var(--tile)));
}
.\[transition\:background-color_140ms_ease\] {
  transition: background-color 140ms ease;
}
.\[transition\:background_0\.12s\2c _opacity_0\.12s\2c _box-shadow_0\.12s\] {
  transition: background 0.12s, opacity 0.12s, box-shadow 0.12s;
}
.\[transition\:transform_0\.16s_ease\] {
  transition: transform 0.16s ease;
}
.\[transition\:transform_0\.18s\] {
  transition: transform 0.18s;
}
.\[transition\:transform_160ms_ease\] {
  transition: transform 160ms ease;
}
.\[transition\:transform_var\(--motion-standard\)_ease\2c background-color_var\(--motion-standard\)_ease\2c box-shadow_var\(--motion-standard\)_ease\] {
  transition: transform var(--motion-standard) ease,background-color var(--motion-standard) ease,box-shadow var(--motion-standard) ease;
}

/* Fonts, theme variables and document-wide defaults. Component styling lives in Tailwind recipes. */

.grecaptcha-badge {
  visibility: hidden !important;
}

.placeholder\:text-\[var\(--placeholder-color\)\]::-moz-placeholder {
  color: var(--placeholder-color);
}

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

.placeholder\:text-pp-muted::-moz-placeholder {
  color: var(--muted);
}

.placeholder\:text-pp-muted::placeholder {
  color: var(--muted);
}

.backdrop\:bg-\[\#18132155\]::backdrop {
  background-color: #18132155;
}

.backdrop\:bg-\[\#20132e66\]::backdrop {
  background-color: #20132e66;
}

.backdrop\:bg-\[rgb\(27_22_40_\/_35\%\)\]::backdrop {
  background-color: rgb(27 22 40 / 35%);
}

.backdrop\:bg-black\/65::backdrop {
  background-color: rgb(0 0 0 / 0.65);
}

.backdrop\:backdrop-blur-\[3px\]::backdrop {
  --tw-backdrop-blur: blur(3px);
  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\:backdrop-blur-\[5px\]::backdrop {
  --tw-backdrop-blur: blur(5px);
  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\:\[backdrop-filter\:blur\(6px\)\]::backdrop {
  backdrop-filter: blur(6px);
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:bottom-\[18\%\]::before {
  content: var(--tw-content);
  bottom: 18%;
}

.before\:bottom-\[5px\]::before {
  content: var(--tw-content);
  bottom: 5px;
}

.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}

.before\:left-1\/2::before {
  content: var(--tw-content);
  left: 50%;
}

.before\:left-4::before {
  content: var(--tw-content);
  left: 1rem;
}

.before\:right-\[12\%\]::before {
  content: var(--tw-content);
  right: 12%;
}

.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}

.before\:top-4::before {
  content: var(--tw-content);
  top: 1rem;
}

.before\:top-\[3\.8rem\]::before {
  content: var(--tw-content);
  top: 3.8rem;
}

.before\:-z-\[2\]::before {
  content: var(--tw-content);
  z-index: -2;
}

.before\:mr-2::before {
  content: var(--tw-content);
  margin-right: 0.5rem;
}

.before\:mr-\[5px\]::before {
  content: var(--tw-content);
  margin-right: 5px;
}

.before\:mt-\[5px\]::before {
  content: var(--tw-content);
  margin-top: 5px;
}

.before\:hidden::before {
  content: var(--tw-content);
  display: none;
}

.before\:aspect-square::before {
  content: var(--tw-content);
  aspect-ratio: 1 / 1;
}

.before\:h-1\.5::before {
  content: var(--tw-content);
  height: 0.375rem;
}

.before\:h-\[3px\]::before {
  content: var(--tw-content);
  height: 3px;
}

.before\:h-\[5px\]::before {
  content: var(--tw-content);
  height: 5px;
}

.before\:h-px::before {
  content: var(--tw-content);
  height: 1px;
}

.before\:w-1\.5::before {
  content: var(--tw-content);
  width: 0.375rem;
}

.before\:w-11::before {
  content: var(--tw-content);
  width: 2.75rem;
}

.before\:w-48::before {
  content: var(--tw-content);
  width: 12rem;
}

.before\:w-\[3px\]::before {
  content: var(--tw-content);
  width: 3px;
}

.before\:w-\[42px\]::before {
  content: var(--tw-content);
  width: 42px;
}

.before\:w-\[5px\]::before {
  content: var(--tw-content);
  width: 5px;
}

.before\:flex-1::before {
  content: var(--tw-content);
  flex: 1 1 0%;
}

.before\:flex-none::before {
  content: var(--tw-content);
  flex: none;
}

.before\:rounded::before {
  content: var(--tw-content);
  border-radius: 0.25rem;
}

.before\:rounded-\[0\.5rem\]::before {
  content: var(--tw-content);
  border-radius: 0.5rem;
}

.before\:rounded-\[0_0_999px_999px\]::before {
  content: var(--tw-content);
  border-radius: 0 0 999px 999px;
}

.before\:rounded-\[50\%\]::before {
  content: var(--tw-content);
  border-radius: 50%;
}

.before\:border::before {
  content: var(--tw-content);
  border-width: 1px;
}

.before\:border-\[color-mix\(in_srgb\2c _var\(--accent\)_21\%\2c _transparent\)\]::before {
  content: var(--tw-content);
  border-color: color-mix(in srgb, var(--accent) 21%, transparent);
}

.before\:bg-\[color-mix\(in_srgb\2c _var\(--surface-solid\)_58\%\2c _transparent\)\]::before {
  content: var(--tw-content);
  background-color: color-mix(in srgb, var(--surface-solid) 58%, transparent);
}

.before\:bg-\[var\(--order-tone\)\]::before {
  content: var(--tw-content);
  background-color: var(--order-tone);
}

.before\:bg-\[var\(--reward\)\]::before {
  content: var(--tw-content);
  background-color: var(--reward);
}

.before\:bg-current::before {
  content: var(--tw-content);
  background-color: currentColor;
}

.before\:bg-pp-line::before {
  content: var(--tw-content);
  background-color: var(--line);
}

.before\:bg-\[linear-gradient\(90deg\2c _var\(--accent\)\2c _color-mix\(in_srgb\2c _var\(--accent\)_45\%\2c _\#f6a5ff\)\)\]::before {
  content: var(--tw-content);
  background-image: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 45%, #f6a5ff));
}

.before\:bg-\[radial-gradient\(circle\2c _color-mix\(in_srgb\2c _var\(--accent\)_24\%\2c _transparent\)\2c _transparent_68\%\)\]::before {
  content: var(--tw-content);
  background-image: radial-gradient(circle, color-mix(in srgb, var(--accent) 24%, transparent), transparent 68%);
}

.before\:blur-\[12px\]::before {
  content: var(--tw-content);
  --tw-blur: blur(12px);
  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);
}

.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.before\:content-\[\'\B7\'\]::before {
  --tw-content: '·';
  content: var(--tw-content);
}

.before\:\[transform\:translateX\(-50\%\)_rotate\(45deg\)\]::before {
  content: var(--tw-content);
  transform: translateX(-50%) rotate(45deg);
}

.after\:pointer-events-none::after {
  content: var(--tw-content);
  pointer-events: none;
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}

.after\:inset-\[5px\]::after {
  content: var(--tw-content);
  inset: 5px;
}

.after\:inset-\[auto_-12\%_-44\%_34\%\]::after {
  content: var(--tw-content);
  inset: auto -12% -44% 34%;
}

.after\:-inset-y-1\.5::after {
  content: var(--tw-content);
  top: -0.375rem;
  bottom: -0.375rem;
}

.after\:inset-x-2::after {
  content: var(--tw-content);
  left: 0.5rem;
  right: 0.5rem;
}

.after\:inset-y-\[-80\%\]::after {
  content: var(--tw-content);
  top: -80%;
  bottom: -80%;
}

.after\:-bottom-\[58px\]::after {
  content: var(--tw-content);
  bottom: -58px;
}

.after\:-left-\[35\%\]::after {
  content: var(--tw-content);
  left: -35%;
}

.after\:-right-7::after {
  content: var(--tw-content);
  right: -1.75rem;
}

.after\:left-0\.5::after {
  content: var(--tw-content);
  left: 0.125rem;
}

.after\:left-1\/2::after {
  content: var(--tw-content);
  left: 50%;
}

.after\:right-0\.5::after {
  content: var(--tw-content);
  right: 0.125rem;
}

.after\:top-1\/2::after {
  content: var(--tw-content);
  top: 50%;
}

.after\:top-\[164px\]::after {
  content: var(--tw-content);
  top: 164px;
}

.after\:-z-\[1\]::after {
  content: var(--tw-content);
  z-index: -1;
}

.after\:-z-\[2\]::after {
  content: var(--tw-content);
  z-index: -2;
}

.after\:z-\[2\]::after {
  content: var(--tw-content);
  z-index: 2;
}

.after\:mr-\[3px\]::after {
  content: var(--tw-content);
  margin-right: 3px;
}

.after\:aspect-square::after {
  content: var(--tw-content);
  aspect-ratio: 1 / 1;
}

.after\:size-\[7px\]::after {
  content: var(--tw-content);
  width: 7px;
  height: 7px;
}

.after\:h-\[5px\]::after {
  content: var(--tw-content);
  height: 5px;
}

.after\:h-px::after {
  content: var(--tw-content);
  height: 1px;
}

.after\:w-0\.5::after {
  content: var(--tw-content);
  width: 0.125rem;
}

.after\:w-\[150px\]::after {
  content: var(--tw-content);
  width: 150px;
}

.after\:w-\[22\%\]::after {
  content: var(--tw-content);
  width: 22%;
}

.after\:w-\[72\%\]::after {
  content: var(--tw-content);
  width: 72%;
}

.after\:flex-1::after {
  content: var(--tw-content);
  flex: 1 1 0%;
}

.after\:shrink-0::after {
  content: var(--tw-content);
  flex-shrink: 0;
}

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

.after\:rotate-45::after {
  content: var(--tw-content);
  --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));
}

.after\:animate-\[box-cta-sheen_0\.85s_ease-out_0\.65s_both\]::after {
  content: var(--tw-content);
  animation: box-cta-sheen 0.85s ease-out 0.65s both;
}

.after\:rounded-\[15px\]::after {
  content: var(--tw-content);
  border-radius: 15px;
}

.after\:rounded-\[42\%_58\%_54\%_46\%\]::after {
  content: var(--tw-content);
  border-radius: 42% 58% 54% 46%;
}

.after\:rounded-\[50\%\]::after {
  content: var(--tw-content);
  border-radius: 50%;
}

.after\:rounded-\[99px\]::after {
  content: var(--tw-content);
  border-radius: 99px;
}

.after\:rounded-\[inherit\]::after {
  content: var(--tw-content);
  border-radius: inherit;
}

.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:rounded-lg::after {
  content: var(--tw-content);
  border-radius: 0.5rem;
}

.after\:rounded-sm::after {
  content: var(--tw-content);
  border-radius: 0.125rem;
}

.after\:border::after {
  content: var(--tw-content);
  border-width: 1px;
}

.after\:border-b-\[1\.5px\]::after {
  content: var(--tw-content);
  border-bottom-width: 1.5px;
}

.after\:border-r-\[1\.5px\]::after {
  content: var(--tw-content);
  border-right-width: 1.5px;
}

.after\:border-\[color-mix\(in_srgb\2c _var\(--surface-solid\)_65\%\2c _transparent\)\]::after {
  content: var(--tw-content);
  border-color: color-mix(in srgb, var(--surface-solid) 65%, transparent);
}

.after\:border-current::after {
  content: var(--tw-content);
  border-color: currentColor;
}

.after\:bg-\[color-mix\(in_srgb\2c _\#ffcf70_22\%\2c _transparent\)\]::after {
  content: var(--tw-content);
  background-color: color-mix(in srgb, #ffcf70 22%, transparent);
}

.after\:bg-\[color-mix\(in_srgb\2c _var\(--promo\)_14\%\2c _transparent\)\]::after {
  content: var(--tw-content);
  background-color: color-mix(in srgb, var(--promo) 14%, transparent);
}

.after\:bg-\[rgb\(255_255_255_\/_28\%\)\]::after {
  content: var(--tw-content);
  background-color: rgb(255 255 255 / 28%);
}

.after\:bg-\[var\(--risk-color\2c _var\(--muted\)\)\]::after {
  content: var(--tw-content);
  background-color: var(--risk-color, var(--muted));
}

.after\:bg-pp-line::after {
  content: var(--tw-content);
  background-color: var(--line);
}

.after\:bg-pp-text::after {
  content: var(--tw-content);
  background-color: var(--text);
}

.after\:bg-\[linear-gradient\(180deg\2c \#ffffff00_0\%\2c \#ffffff_100\%\)\]::after {
  content: var(--tw-content);
  background-image: linear-gradient(180deg,#ffffff00 0%,#ffffff 100%);
}

.after\:bg-\[linear-gradient\(_90deg\2c _transparent\2c _color-mix\(in_srgb\2c _var\(--accent\)_45\%\2c _transparent\)_12\%\2c _color-mix\(in_srgb\2c _var\(--accent\)_70\%\2c _var\(--surface-solid\)\)_50\%\2c _color-mix\(in_srgb\2c _var\(--accent\)_45\%\2c _transparent\)_88\%\2c _transparent_\)\]::after {
  content: var(--tw-content);
  background-image: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--accent) 45%, transparent) 12%, color-mix(in srgb, var(--accent) 70%, var(--surface-solid)) 50%, color-mix(in srgb, var(--accent) 45%, transparent) 88%, transparent );
}

.after\:p-\[1px\]::after {
  content: var(--tw-content);
  padding: 1px;
}

.after\:text-\[18px\]::after {
  content: var(--tw-content);
  font-size: 18px;
}

.after\:font-medium::after {
  content: var(--tw-content);
  font-weight: 500;
}

.after\:text-pp-muted::after {
  content: var(--tw-content);
  color: var(--muted);
}

.after\:opacity-\[0\.28\]::after {
  content: var(--tw-content);
  opacity: 0.28;
}

.after\:shadow-\[0_1px_0_color-mix\(in_srgb\2c _var\(--surface-solid\)_65\%\2c _transparent\)\2c _0_0_4px_color-mix\(in_srgb\2c _var\(--accent\)_10\%\2c _transparent\)\]::after {
  content: var(--tw-content);
  --tw-shadow: 0 1px 0 color-mix(in srgb, var(--surface-solid) 65%, transparent), 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent);
  --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color), 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.after\:blur-\[2px\]::after {
  content: var(--tw-content);
  --tw-blur: blur(2px);
  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);
}

.after\:transition-transform::after {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:duration-\[180ms\]::after {
  content: var(--tw-content);
  transition-duration: 180ms;
}

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

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.after\:content-\[\'\+\'\]::after {
  --tw-content: '+';
  content: var(--tw-content);
}

.after\:\[-webkit-mask-composite\:xor\]::after {
  content: var(--tw-content);
  -webkit-mask-composite: xor;
}

.after\:\[-webkit-mask\:linear-gradient\(\#fff_0_0\)_content-box\2c linear-gradient\(\#fff_0_0\)\]::after {
  content: var(--tw-content);
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
}

.after\:\[mask-composite\:exclude\]::after {
  content: var(--tw-content);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

.after\:\[transform\:rotate\(-15deg\)\]::after {
  content: var(--tw-content);
  transform: rotate(-15deg);
}

.after\:\[transform\:rotate\(18deg\)\]::after {
  content: var(--tw-content);
  transform: rotate(18deg);
}

.first\:mt-0:first-child {
  margin-top: 0px;
}

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

.even\:border-l:nth-child(even) {
  border-left-width: 1px;
}

.even\:border-\[color-mix\(in_srgb\2c var\(--accent\)_12\%\2c transparent\)\]:nth-child(even) {
  border-color: color-mix(in srgb,var(--accent) 12%,transparent);
}

.even\:border-pp-line:nth-child(even) {
  border-color: var(--line);
}

.even\:\[border-left\:1px_solid_var\(--line\)\]:nth-child(even) {
  border-left: 1px solid var(--line);
}

.open\:col-span-full[open] {
  grid-column: 1 / -1;
}

.open\:basis-full[open] {
  flex-basis: 100%;
}

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

.focus-within\:border-pp-accent:focus-within {
  border-color: var(--accent);
}

.focus-within\:shadow-\[inset_0_0_0_1px_var\(--accent\)\]:focus-within {
  --tw-shadow: inset 0 0 0 1px var(--accent);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:outline-\[2px_solid_var\(--accent\)\]:focus-within {
  outline-color: 2px solid var(--accent);
}

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

.hover\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_8\%\2c _var\(--surface-solid\)\)\]:hover {
  background-color: color-mix(in srgb, var(--accent) 8%, var(--surface-solid));
}

.hover\:bg-\[color-mix\(in_srgb\2c var\(--accent\)_7\%\2c var\(--surface-solid\)\)\]:hover {
  background-color: color-mix(in srgb,var(--accent) 7%,var(--surface-solid));
}

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

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

.hover\:bg-pp-bg:hover {
  background-color: var(--bg);
}

.hover\:bg-pp-surface:hover {
  background-color: var(--surface-solid);
}

.hover\:bg-\[linear-gradient\(270deg\2c rgba\(132\2c 98\2c 235\2c 0\)_0\%\2c \#8462EB_100\%\)\]:hover {
  background-image: linear-gradient(270deg,rgba(132,98,235,0) 0%,#8462EB 100%);
}

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

.hover\:text-pp-accent:hover {
  color: var(--accent);
}

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

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

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

.focus\:border-\[color-mix\(in_srgb\2c _var\(--accent\)_44\%\2c _var\(--hairline\)\)\]:focus {
  border-color: color-mix(in srgb, var(--accent) 44%, var(--hairline));
}

.focus\:border-\[color-mix\(in_srgb\2c var\(--accent\)_48\%\2c var\(--line\)\)\]:focus {
  border-color: color-mix(in srgb,var(--accent) 48%,var(--line));
}

.focus\:border-pp-accent:focus {
  border-color: var(--accent);
}

.focus\:shadow-\[0_0_0_3px_color-mix\(in_srgb\2c _var\(--accent\)_17\%\2c _transparent\)\]:focus {
  --tw-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 17%, transparent);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-\[0_0_0_3px_color-mix\(in_srgb\2c var\(--accent\)_9\%\2c transparent\)\]:focus {
  --tw-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

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

.focus\:outline-pp-accent:focus {
  outline-color: var(--accent);
}

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

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

.focus-visible\:rounded:focus-visible {
  border-radius: 0.25rem;
}

.focus-visible\:rounded-\[6px\]:focus-visible {
  border-radius: 6px;
}

.focus-visible\:rounded-lg:focus-visible {
  border-radius: 0.5rem;
}

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

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

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

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

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

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

.focus-visible\:outline-offset-\[3px\]:focus-visible {
  outline-offset: 3px;
}

.focus-visible\:outline-\[2px_solid_var\(--accent\)\]:focus-visible {
  outline-color: 2px solid var(--accent);
}

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

.focus-visible\:outline-\[var\(--accent\2c \#7932bb\)\]:focus-visible {
  outline-color: var(--accent,#7932bb);
}

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

.focus-visible\:outline-current:focus-visible {
  outline-color: currentColor;
}

.focus-visible\:outline-pp-accent:focus-visible {
  outline-color: var(--accent);
}

.focus-visible\:outline-pp-funds:focus-visible {
  outline-color: var(--action-funds);
}

.focus-visible\:\!\[outline\:2px_solid_var\(--accent\)\]:focus-visible {
  outline: 2px solid var(--accent) !important;
}

.active\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_8\%\2c _var\(--surface-solid\)\)\]:active {
  background-color: color-mix(in srgb, var(--accent) 8%, var(--surface-solid));
}

.active\:bg-\[color-mix\(in_srgb\2c _var\(--muted\)_9\%\2c _transparent\)\]:active {
  background-color: color-mix(in srgb, var(--muted) 9%, transparent);
}

.active\:bg-\[color-mix\(in_srgb\2c var\(--muted\)_9\%\2c transparent\)\]:active {
  background-color: color-mix(in srgb,var(--muted) 9%,transparent);
}

.active\:bg-\[color-mix\(in_srgb\2c var\(--text\)_4\%\2c transparent\)\]:active {
  background-color: color-mix(in srgb,var(--text) 4%,transparent);
}

.active\:bg-\[linear-gradient\(270deg\2c rgba\(132\2c 98\2c 235\2c 0\)_0\%\2c \#8462EB_100\%\)\]:active {
  background-image: linear-gradient(270deg,rgba(132,98,235,0) 0%,#8462EB 100%);
}

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

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

.active\:\[background\:color-mix\(in_srgb\2c _var\(--muted\)_9\%\2c _transparent\)\]:active {
  background: color-mix(in srgb, var(--muted) 9%, transparent);
}

.active\:\[box-shadow\:inset_0_2px_4px_\#30206020\]:active {
  box-shadow: inset 0 2px 4px #30206020;
}

.active\:\[transform\:scale\(0\.96\)\]:active {
  transform: scale(0.96);
}

.active\:\[transform\:scale\(0\.985\)\]:active {
  transform: scale(0.985);
}

.active\:\[transform\:translateX\(-50\%\)_scale\(0\.985\)\]:active {
  transform: translateX(-50%) scale(0.985);
}

.active\:\[transform\:translateY\(-1px\)\]:active {
  transform: translateY(-1px);
}

.active\:\[transform\:translateY\(-50\%\)\]:active {
  transform: translateY(-50%);
}

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

.enabled\:hover\:bg-pp-bg:hover:enabled {
  background-color: var(--bg);
}

.enabled\:active\:\!bg-\[\#eceeee\]:active:enabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 238 238 / var(--tw-bg-opacity, 1)) !important;
}

.disabled\:cursor-default:disabled {
  cursor: default;
}

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

.disabled\:cursor-wait:disabled {
  cursor: wait;
}

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

.disabled\:bg-pp-bg:disabled {
  background-color: var(--bg);
}

.disabled\:text-pp-muted:disabled {
  color: var(--muted);
}

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

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

.disabled\:opacity-\[0\.45\]:disabled {
  opacity: 0.45;
}

.disabled\:opacity-\[0\.55\]:disabled {
  opacity: 0.55;
}

.disabled\:opacity-\[0\.58\]:disabled {
  opacity: 0.58;
}

.disabled\:\[box-shadow\:none\]:disabled {
  box-shadow: none;
}

.disabled\:\[filter\:grayscale\(0\.45\)\]:disabled {
  filter: grayscale(0.45);
}

.group\/notice[open] .group-open\/notice\:hidden {
  display: none;
}

.group\/home[open] .group-open\/home\: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[open] .group-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\/progress[open] .group-open\/progress\:text-pp-accent {
  color: var(--accent);
}

.group\/question[open] .group-open\/question\:after\:rotate-\[225deg\]::after {
  content: var(--tw-content);
  --tw-rotate: 225deg;
  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\/records[open] .group-open\/records\:after\:content-\[\'\2212\'\]::after {
  --tw-content: '−';
  content: var(--tw-content);
}

.group[open] .group-open\:after\:content-\[\'\2212\'\]::after {
  --tw-content: '−';
  content: var(--tw-content);
}

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

.group\/section-action:active .group-active\/section-action\:text-pp-accent {
  color: var(--accent);
}

.group\/preview:active .group-active\/preview\:\!\[box-shadow\:inset_0_2px_4px_\#30206020\] {
  box-shadow: inset 0 2px 4px #30206020 !important;
}

.group\/preview:active .group-active\/preview\:\[box-shadow\:inset_0_2px_4px_\#30206020\] {
  box-shadow: inset 0 2px 4px #30206020;
}

.group\/chat.chatMine .group-\[\.chatMine\]\/chat\:rounded-\[16px_16px_5px_16px\] {
  border-radius: 16px 16px 5px 16px;
}

.group\/chat.chatMine .group-\[\.chatMine\]\/chat\:border-\[color-mix\(in_srgb\2c var\(--action-funds\)_14\%\2c var\(--line\)\)\] {
  border-color: color-mix(in srgb,var(--action-funds) 14%,var(--line));
}

.group\/reward.is-level .group-\[\.is-level\]\/reward\:border-pp-line {
  border-color: var(--line);
}

.group.skillTile--inactive .group-\[\.skillTile--inactive\]\:border-pp-line {
  border-color: var(--line);
}

.group\/reward:is(.is-ready,.is-check-open) .group-\[\:is\(\.is-ready\2c \.is-check-open\)\]\/reward\:border-pp-accent {
  border-color: var(--accent);
}

.group\/chat.chatMine .group-\[\.chatMine\]\/chat\:bg-\[var\(--action-funds-soft\)\] {
  background-color: var(--action-funds-soft);
}

.group\/reward.is-level .group-\[\.is-level\]\/reward\:bg-pp-surface {
  background-color: var(--surface-solid);
}

.group.skillTile--inactive .group-\[\.skillTile--inactive\]\:bg-\[var\(--bg\)\] {
  background-color: var(--bg);
}

.group\/reward:is(.is-ready,.is-check-open) .group-\[\:is\(\.is-ready\2c \.is-check-open\)\]\/reward\:bg-pp-accent {
  background-color: var(--accent);
}

.group\/reward:is(.is-ready,.is-check-open) .group-\[\:is\(\.is-ready\2c \.is-check-open\)\]\/reward\:bg-\[radial-gradient\(ellipse_at_50\%_65\%\2c \#edcd8d55\2c transparent_70\%\)\2c linear-gradient\(140deg\2c \#fffcf5\2c \#f3edff\)\] {
  background-image: radial-gradient(ellipse at 50% 65%,#edcd8d55,transparent 70%),linear-gradient(140deg,#fffcf5,#f3edff);
}

.group\/reward:is(.is-ready,.is-check-open) .group-\[\:is\(\.is-ready\2c \.is-check-open\)\]\/reward\:font-semibold {
  font-weight: 600;
}

.group\/reward.is-level .group-\[\.is-level\]\/reward\:text-pp-muted {
  color: var(--muted);
}

.group.skillTile--inactive .group-\[\.skillTile--inactive\]\:text-pp-muted {
  color: var(--muted);
}

.group\/reward:is(.is-ready,.is-check-open) .group-\[\:is\(\.is-ready\2c \.is-check-open\)\]\/reward\:text-pp-accent {
  color: var(--accent);
}

.group\/reward:is(.is-ready,.is-check-open) .group-\[\:is\(\.is-ready\2c \.is-check-open\)\]\/reward\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group\/reward.is-app-only .group-\[\.is-app-only\]\/reward\:saturate-\[0\.65\] {
  --tw-saturate: saturate(0.65);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group\/reward:is(.is-level,.is-claimed,.is-expired) .group-\[\:is\(\.is-level\2c \.is-claimed\2c \.is-expired\)\]\/reward\:saturate-\[0\.55\] {
  --tw-saturate: saturate(0.55);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group\/reward:is(.is-ready,.is-check-open) .group-\[\:is\(\.is-ready\2c \.is-check-open\)\]\/reward\:\[box-shadow\:inset_0_1px_0_\#ffffff40\2c 0_3px_6px_\#44308618\] {
  box-shadow: inset 0 1px 0 #ffffff40,0 3px 6px #44308618;
}

.has-\[\+span\]\:ml-1\.5:has(+span) {
  margin-left: 0.375rem;
}

.has-\[svg\]\:min-h-\[148px\]:has(svg) {
  min-height: 148px;
}

.has-\[span\]\:justify-between:has(span) {
  justify-content: space-between;
}

.has-\[svg\]\:rounded-\[18px\]:has(svg) {
  border-radius: 18px;
}

.has-\[span\]\:px-\[18px\]:has(span) {
  padding-left: 18px;
  padding-right: 18px;
}

.has-\[span\]\:py-3\.5:has(span) {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.has-\[span\]\:tabular-nums:has(span) {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.aria-expanded\:text-pp-accent[aria-expanded="true"] {
  color: var(--accent);
}

.aria-pressed\:border-\[color-mix\(in_srgb\2c _var\(--accent\)_30\%\2c _var\(--hairline\)\)\][aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--accent) 30%, var(--hairline));
}

.aria-pressed\:border-\[color-mix\(in_srgb\2c var\(--accent\)_40\%\2c transparent\)\][aria-pressed="true"] {
  border-color: color-mix(in srgb,var(--accent) 40%,transparent);
}

.aria-pressed\:border-pp-accent[aria-pressed="true"] {
  border-color: var(--accent);
}

.aria-pressed\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_10\%\2c _var\(--surface-1\)\)\][aria-pressed="true"] {
  background-color: color-mix(in srgb, var(--accent) 10%, var(--surface-1));
}

.aria-pressed\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_7\%\2c _var\(--surface-solid\2c _\#fff\)\)\][aria-pressed="true"] {
  background-color: color-mix(in srgb, var(--accent) 7%, var(--surface-solid, #fff));
}

.aria-pressed\:bg-\[color-mix\(in_srgb\2c var\(--accent\)_7\%\2c var\(--surface-solid\)\)\][aria-pressed="true"] {
  background-color: color-mix(in srgb,var(--accent) 7%,var(--surface-solid));
}

.aria-pressed\:bg-pp-accent[aria-pressed="true"] {
  background-color: var(--accent);
}

.aria-pressed\:text-pp-accent[aria-pressed="true"] {
  color: var(--accent);
}

.aria-pressed\:text-white[aria-pressed="true"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.aria-pressed\:shadow-\[inset_0_0_0_1px_color-mix\(in_srgb\2c _var\(--accent\)_24\%\2c _transparent\)\2c _0_8px_20px_rgb\(39_24_72_\/_7\%\)\][aria-pressed="true"] {
  --tw-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent), 0 8px 20px rgb(39 24 72 / 7%);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.aria-pressed\:shadow-none[aria-pressed="true"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.aria-pressed\:outline-offset-2[aria-pressed="true"] {
  outline-offset: 2px;
}

.aria-pressed\:\[transform\:translateY\(-2px\)\][aria-pressed="true"] {
  transform: translateY(-2px);
}

.aria-pressed\:after\:h-\[9px\][aria-pressed="true"]::after {
  content: var(--tw-content);
  height: 9px;
}

.aria-pressed\:after\:opacity-100[aria-pressed="true"]::after {
  content: var(--tw-content);
  opacity: 1;
}

.aria-pressed\:after\:shadow-\[0_0_0_2px_color-mix\(in_srgb\2c _var\(--risk-color\)_18\%\2c _transparent\)\][aria-pressed="true"]::after {
  content: var(--tw-content);
  --tw-shadow: 0 0 0 2px color-mix(in srgb, var(--risk-color) 18%, transparent);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.aria-selected\:font-\[650\][aria-selected="true"] {
  font-weight: 650;
}

.aria-selected\:text-pp-accent[aria-selected="true"] {
  color: var(--accent);
}

.group\/sound[aria-checked="true"] .group-aria-checked\/sound\:\[background\:var\(--accent\)\] {
  background: var(--accent);
}

.group\/sound[aria-checked="true"] .group-aria-checked\/sound\:\[transform\:translateX\(20px\)\] {
  transform: translateX(20px);
}

.group\/method[aria-pressed="true"] .group-aria-pressed\/method\:text-pp-accent {
  color: var(--accent);
}

.data-\[continuation\=false\]\:mt-3[data-continuation="false"] {
  margin-top: 0.75rem;
}

.data-\[urgency\=urgent\]\:border[data-urgency="urgent"] {
  border-width: 1px;
}

.data-\[state\=complete\]\:border-\[color-mix\(in_srgb\2c var\(--action-benefit\)_24\%\2c var\(--surface-solid\)\)\][data-state="complete"] {
  border-color: color-mix(in srgb,var(--action-benefit) 24%,var(--surface-solid));
}

.data-\[urgency\=urgent\]\:border-\[color-mix\(in_srgb\2c var\(--action-unread\)_45\%\2c var\(--line\)\)\][data-urgency="urgent"] {
  border-color: color-mix(in srgb,var(--action-unread) 45%,var(--line));
}

.data-\[state\=received\]\:bg-\[color-mix\(in_srgb\2c var\(--surface-solid\)_60\%\2c transparent\)\][data-state="received"] {
  background-color: color-mix(in srgb,var(--surface-solid) 60%,transparent);
}

.data-\[status\=review\]\:bg-\[color-mix\(in_srgb\2c var\(--reward\)_10\%\2c var\(--surface-solid\)\)\][data-status="review"] {
  background-color: color-mix(in srgb,var(--reward) 10%,var(--surface-solid));
}

.data-\[urgency\=expired\]\:bg-\[var\(--bg\)\][data-urgency="expired"] {
  background-color: var(--bg);
}

.data-\[urgency\=soon\]\:bg-\[color-mix\(in_srgb\2c var\(--action-unread\)_12\%\2c var\(--surface-solid\)\)\][data-urgency="soon"] {
  background-color: color-mix(in srgb,var(--action-unread) 12%,var(--surface-solid));
}

.data-\[urgency\=urgent\]\:bg-\[color-mix\(in_srgb\2c var\(--action-unread\)_14\%\2c var\(--surface-solid\)\)\][data-urgency="urgent"] {
  background-color: color-mix(in srgb,var(--action-unread) 14%,var(--surface-solid));
}

.data-\[state\=complete\]\:bg-\[linear-gradient\(105deg\2c var\(--surface-solid\)_78\%\2c var\(--action-benefit-soft\)\)\][data-state="complete"] {
  background-image: linear-gradient(105deg,var(--surface-solid) 78%,var(--action-benefit-soft));
}

.data-\[status\=review\]\:text-\[var\(--reward\)\][data-status="review"] {
  color: var(--reward);
}

.data-\[urgency\=soon\]\:text-\[\#a84632\][data-urgency="soon"] {
  --tw-text-opacity: 1;
  color: rgb(168 70 50 / var(--tw-text-opacity, 1));
}

.data-\[urgency\=urgent\]\:text-pp-text[data-urgency="urgent"] {
  color: var(--text);
}

.data-\[state\=received\]\:shadow-none[data-state="received"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[status\=review\]\:\[--order-tone\:var\(--danger\)\][data-status="review"] {
  --order-tone: var(--danger);
}

.group\/chat[data-continuation="true"] .group-data-\[continuation\=true\]\/chat\:hidden {
  display: none;
}

.group[data-state="complete"] .group-data-\[state\=complete\]\:bg-\[var\(--action-benefit-soft\)\] {
  background-color: var(--action-benefit-soft);
}

.group[data-state="complete"] .group-data-\[state\=complete\]\:text-\[var\(--action-benefit\)\] {
  color: var(--action-benefit);
}

.group[data-state="received"] .group-data-\[state\=received\]\:text-pp-muted {
  color: var(--muted);
}

@media (prefers-reduced-motion: no-preference) {

  .motion-safe\:open\:animate-\[battlePickerEnter_0\.2s_ease-out\][open] {
    animation: battlePickerEnter 0.2s ease-out;
  }
}

@media (prefers-reduced-motion: reduce) {

  .motion-reduce\:\!animate-none {
    animation: none !important;
  }

  .motion-reduce\:animate-none {
    animation: none;
  }

  .motion-reduce\:transition-\[none\] {
    transition-property: none;
  }

  .motion-reduce\:transition-none {
    transition-property: none;
  }

  .motion-reduce\:\[transition\:none\] {
    transition: none;
  }

  .motion-reduce\:after\:animate-none::after {
    content: var(--tw-content);
    animation: none;
  }

  .motion-reduce\:after\:transition-none::after {
    content: var(--tw-content);
    transition-property: none;
  }
}

@media (max-width: 600px) {

  .max-\[600px\]\:flex {
    display: flex;
  }

  .max-\[600px\]\:hidden {
    display: none;
  }

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

  .max-\[600px\]\:h-dvh {
    height: 100dvh;
  }

  .max-\[600px\]\:w-full {
    width: 100%;
  }

  .max-\[600px\]\:flex-col {
    flex-direction: column;
  }

  .max-\[600px\]\:gap-0\.5 {
    gap: 0.125rem;
  }

  .max-\[600px\]\:rounded-none {
    border-radius: 0px;
  }

  .max-\[600px\]\:pt-\[calc\(16px_\+_env\(safe-area-inset-top\)\)\] {
    padding-top: calc(16px + env(safe-area-inset-top));
  }

  .max-\[600px\]\:\[border\:0\] {
    border: 0;
  }
}

@media (max-width: 520px) {

  .max-\[520px\]\:gap-2 {
    gap: 0.5rem;
  }
}

@media (max-width: 478px) {

  .max-\[478px\]\:w-\[90\%\] {
    width: 90%;
  }
}

@media (max-width: 430px) {

  .max-\[430px\]\:hidden {
    display: none;
  }
}

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

  .max-xs\:\!w-full {
    width: 100% !important;
  }

  .max-xs\:-translate-y-\[47\%\] {
    --tw-translate-y: -47%;
    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));
  }
}

@media (max-width: 402px) {

  .max-\[402px\]\:\!w-\[92\%\] {
    width: 92% !important;
  }
}

@media (max-width: 390px) {

  .max-\[390px\]\:\!text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }
}

@media (max-width: 380px) {

  .max-\[380px\]\:gap-0 {
    gap: 0px;
  }

  .max-\[380px\]\:gap-\[3px\] {
    gap: 3px;
  }

  .max-\[380px\]\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

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

@media (max-width: 360px) {

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

  .max-\[360px\]\:min-h-\[5\.3rem\] {
    min-height: 5.3rem;
  }

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

  .max-\[360px\]\:w-\[3\.7rem\] {
    width: 3.7rem;
  }

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

  .max-\[360px\]\:basis-\[88px\] {
    flex-basis: 88px;
  }

  .max-\[360px\]\:grid-cols-\[3\.7rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 3.7rem minmax(0,1fr);
  }

  .max-\[360px\]\:p-\[0\.42rem\] {
    padding: 0.42rem;
  }

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

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

@media (max-width: 350px) {

  .max-\[350px\]\:right-2\.5 {
    right: 0.625rem;
  }

  .max-\[350px\]\:top-3 {
    top: 0.75rem;
  }

  .max-\[350px\]\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .max-\[350px\]\:h-20 {
    height: 5rem;
  }

  .max-\[350px\]\:h-24 {
    height: 6rem;
  }

  .max-\[350px\]\:h-8 {
    height: 2rem;
  }

  .max-\[350px\]\:min-h-36 {
    min-height: 9rem;
  }

  .max-\[350px\]\:w-14 {
    width: 3.5rem;
  }

  .max-\[350px\]\:w-24 {
    width: 6rem;
  }

  .max-\[350px\]\:w-8 {
    width: 2rem;
  }

  .max-\[350px\]\:max-w-\[calc\(100\%_-_60px\)\] {
    max-width: calc(100% - 60px);
  }

  .max-\[350px\]\:max-w-full {
    max-width: 100%;
  }

  .max-\[350px\]\:basis-full {
    flex-basis: 100%;
  }

  .max-\[350px\]\:grid-cols-\[32px_minmax\(0\2c 1fr\)_6px\] {
    grid-template-columns: 32px minmax(0,1fr) 6px;
  }

  .max-\[350px\]\:grid-cols-\[56px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 56px minmax(0,1fr);
  }

  .max-\[350px\]\:grid-cols-\[minmax\(0\2c 1fr\)_96px\] {
    grid-template-columns: minmax(0,1fr) 96px;
  }

  .max-\[350px\]\:grid-cols-\[minmax\(24px\2c max-content\)_32px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(24px,max-content) 32px minmax(0,1fr);
  }

  .max-\[350px\]\:flex-col {
    flex-direction: column;
  }

  .max-\[350px\]\:flex-wrap {
    flex-wrap: wrap;
  }

  .max-\[350px\]\:items-start {
    align-items: flex-start;
  }

  .max-\[350px\]\:gap-1 {
    gap: 0.25rem;
  }

  .max-\[350px\]\:gap-2 {
    gap: 0.5rem;
  }

  .max-\[350px\]\:gap-2\.5 {
    gap: 0.625rem;
  }

  .max-\[350px\]\:gap-3 {
    gap: 0.75rem;
  }

  .max-\[350px\]\:gap-x-2 {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .max-\[350px\]\:p-3 {
    padding: 0.75rem;
  }

  .max-\[350px\]\:p-4 {
    padding: 1rem;
  }

  .max-\[350px\]\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .max-\[350px\]\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .max-\[350px\]\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .max-\[350px\]\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .max-\[350px\]\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .max-\[350px\]\:pl-3\.5 {
    padding-left: 0.875rem;
  }

  .max-\[350px\]\:pt-4 {
    padding-top: 1rem;
  }

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

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

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

@media (max-width: 340px) {

  .max-\[340px\]\:col-span-full {
    grid-column: 1 / -1;
  }

  .max-\[340px\]\:row-start-1 {
    grid-row-start: 1;
  }

  .max-\[340px\]\:h-7 {
    height: 1.75rem;
  }

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

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

  .max-\[340px\]\:w-7 {
    width: 1.75rem;
  }

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

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

  .max-\[340px\]\:w-full {
    width: 100%;
  }

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

  .max-\[340px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .max-\[340px\]\:grid-cols-\[28px_minmax\(0\2c 1fr\)_minmax\(58px\2c auto\)\] {
    grid-template-columns: 28px minmax(0,1fr) minmax(58px,auto);
  }

  .max-\[340px\]\:grid-cols-\[54px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 54px minmax(0,1fr);
  }

  .max-\[340px\]\:grid-cols-\[72px_minmax\(0\2c _1fr\)\] {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .max-\[340px\]\:gap-2 {
    gap: 0.5rem;
  }

  .max-\[340px\]\:gap-2\.5 {
    gap: 0.625rem;
  }

  .max-\[340px\]\:gap-\[11px\] {
    gap: 11px;
  }

  .max-\[340px\]\:gap-\[7px\] {
    gap: 7px;
  }

  .max-\[340px\]\:p-2 {
    padding: 0.5rem;
  }

  .max-\[340px\]\:p-3 {
    padding: 0.75rem;
  }

  .max-\[340px\]\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

  .max-\[340px\]\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .max-\[340px\]\:px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .max-\[340px\]\:px-\[13px\] {
    padding-left: 13px;
    padding-right: 13px;
  }

  .max-\[340px\]\:pb-2\.5 {
    padding-bottom: 0.625rem;
  }

  .max-\[340px\]\:text-\[13px\] {
    font-size: 13px;
  }

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

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

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

@media (min-width: 320px) {

  .xxs\:bottom-0 {
    bottom: 0px;
  }

  .xxs\:right-\[16\%\] {
    right: 16%;
  }

  .xxs\:top-\[-11\%\] {
    top: -11%;
  }

  .xxs\:\!-mt-\[1\.4rem\] {
    margin-top: -1.4rem !important;
  }

  .xxs\:mb-4 {
    margin-bottom: 1rem;
  }

  .xxs\:\!h-\[0\.625rem\] {
    height: 0.625rem !important;
  }

  .xxs\:\!h-\[1\.5rem\] {
    height: 1.5rem !important;
  }

  .xxs\:\!h-\[2\.1rem\] {
    height: 2.1rem !important;
  }

  .xxs\:\!h-\[2\.3rem\] {
    height: 2.3rem !important;
  }

  .xxs\:h-\[1\.5rem\] {
    height: 1.5rem;
  }

  .xxs\:h-\[2rem\] {
    height: 2rem;
  }

  .xxs\:h-\[4\.6125rem\] {
    height: 4.6125rem;
  }

  .xxs\:h-\[45\%\] {
    height: 45%;
  }

  .xxs\:max-h-\[1\.3rem\] {
    max-height: 1.3rem;
  }

  .xxs\:\!w-\[0\.625rem\] {
    width: 0.625rem !important;
  }

  .xxs\:\!w-\[1\.5rem\] {
    width: 1.5rem !important;
  }

  .xxs\:\!w-\[3\.65rem\] {
    width: 3.65rem !important;
  }

  .xxs\:\!w-\[4rem\] {
    width: 4rem !important;
  }

  .xxs\:\!w-full {
    width: 100% !important;
  }

  .xxs\:w-\[2rem\] {
    width: 2rem;
  }

  .xxs\:-translate-y-\[33\%\] {
    --tw-translate-y: -33%;
    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));
  }

  .xxs\:rounded-\[0\.2rem\] {
    border-radius: 0.2rem;
  }

  .xxs\:rounded-\[0\.3rem\] {
    border-radius: 0.3rem;
  }

  .xxs\:p-\[0\.15rem\] {
    padding: 0.15rem;
  }

  .xxs\:px-\[0\.25rem\] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .xxs\:px-\[0\.375rem\] {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

  .xxs\:py-\[0\.3375rem\] {
    padding-top: 0.3375rem;
    padding-bottom: 0.3375rem;
  }

  .xxs\:py-\[0\.4rem\] {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .xxs\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .xxs\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .xxs\:pt-\[0\.125rem\] {
    padding-top: 0.125rem;
  }

  .xxs\:\!text-\[1\.3rem\] {
    font-size: 1.3rem !important;
  }

  .xxs\:\!text-\[1\.4rem\] {
    font-size: 1.4rem !important;
  }

  .xxs\:\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .xxs\:\!text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }

  .xxs\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .xxs\:text-\[0\.6rem\] {
    font-size: 0.6rem;
  }

  .xxs\:text-\[0\.75rem\] {
    font-size: 0.75rem;
  }

  .xxs\:text-\[0\.7rem\] {
    font-size: 0.7rem;
  }

  .xxs\:text-\[0\.8rem\] {
    font-size: 0.8rem;
  }

  .xxs\:text-\[0\.9rem\] {
    font-size: 0.9rem;
  }

  .xxs\:text-\[1\.1rem\] {
    font-size: 1.1rem;
  }

  .xxs\:text-\[1\.2rem\] {
    font-size: 1.2rem;
  }

  .xxs\:text-\[1\.3rem\] {
    font-size: 1.3rem;
  }

  .xxs\:text-\[1\.6rem\] {
    font-size: 1.6rem;
  }

  .xxs\:text-\[1\.8rem\] {
    font-size: 1.8rem;
  }

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

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

  .xxs\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

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

  .xxs\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media (min-width: 402px) {

  .xs\:bottom-\[8\%\] {
    bottom: 8%;
  }

  .xs\:right-\[23\%\] {
    right: 23%;
  }

  .xs\:top-\[-11\%\] {
    top: -11%;
  }

  .xs\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .xs\:ml-\[1rem\] {
    margin-left: 1rem;
  }

  .xs\:mt-0 {
    margin-top: 0px;
  }

  .xs\:mt-\[1rem\] {
    margin-top: 1rem;
  }

  .xs\:\!h-\[0\.75rem\] {
    height: 0.75rem !important;
  }

  .xs\:\!h-\[2\.55rem\] {
    height: 2.55rem !important;
  }

  .xs\:\!h-\[2\.75rem\] {
    height: 2.75rem !important;
  }

  .xs\:\!h-\[2rem\] {
    height: 2rem !important;
  }

  .xs\:h-\[1\.75rem\] {
    height: 1.75rem;
  }

  .xs\:h-\[2\.125rem\] {
    height: 2.125rem;
  }

  .xs\:h-\[2\.25rem\] {
    height: 2.25rem;
  }

  .xs\:h-\[4\.9375rem\] {
    height: 4.9375rem;
  }

  .xs\:h-\[49\%\] {
    height: 49%;
  }

  .xs\:max-h-\[1\.75rem\] {
    max-height: 1.75rem;
  }

  .xs\:\!w-8 {
    width: 2rem !important;
  }

  .xs\:\!w-\[0\.75rem\] {
    width: 0.75rem !important;
  }

  .xs\:\!w-\[1\.625rem\] {
    width: 1.625rem !important;
  }

  .xs\:\!w-\[2rem\] {
    width: 2rem !important;
  }

  .xs\:\!w-\[4\.2em\] {
    width: 4.2em !important;
  }

  .xs\:\!w-\[5rem\] {
    width: 5rem !important;
  }

  .xs\:\!w-\[88\%\] {
    width: 88% !important;
  }

  .xs\:w-\[2\.25rem\] {
    width: 2.25rem;
  }

  .xs\:-translate-y-\[42\%\] {
    --tw-translate-y: -42%;
    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));
  }

  .xs\:rounded-\[0\.38rem\] {
    border-radius: 0.38rem;
  }

  .xs\:rounded-\[0\.5rem\] {
    border-radius: 0.5rem;
  }

  .xs\:p-\[0\.19rem\] {
    padding: 0.19rem;
  }

  .xs\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .xs\:px-\[0\.375rem\] {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

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

  .xs\:py-\[0\.5625rem\] {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
  }

  .xs\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .xs\:pt-1 {
    padding-top: 0.25rem;
  }

  .xs\:\!text-\[1\.65rem\] {
    font-size: 1.65rem !important;
  }

  .xs\:\!text-\[1\.8rem\] {
    font-size: 1.8rem !important;
  }

  .xs\:\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

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

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

  .xs\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .xs\:text-\[0\.75rem\] {
    font-size: 0.75rem;
  }

  .xs\:text-\[0\.875rem\] {
    font-size: 0.875rem;
  }

  .xs\:text-\[0\.87rem\] {
    font-size: 0.87rem;
  }

  .xs\:text-\[1\.125rem\] {
    font-size: 1.125rem;
  }

  .xs\:text-\[1\.13rem\] {
    font-size: 1.13rem;
  }

  .xs\:text-\[1\.25rem\] {
    font-size: 1.25rem;
  }

  .xs\:text-\[1\.2rem\] {
    font-size: 1.2rem;
  }

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

  .xs\:text-\[1\.65rem\] {
    font-size: 1.65rem;
  }

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

  .xs\:text-\[2rem\] {
    font-size: 2rem;
  }

  .xs\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

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

  .xs\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .xs\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .min-\[402px\]\:\!w-\[370px\] {
    width: 370px !important;
  }
}

@media (min-width: 700px) {

  .min-\[700px\]\:items-center {
    align-items: center;
  }

  .min-\[700px\]\:overflow-hidden {
    overflow: hidden;
  }

  .min-\[700px\]\:rounded-\[26px\] {
    border-radius: 26px;
  }

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

  .min-\[700px\]\:border {
    border-width: 1px;
  }

  .min-\[700px\]\:border-pp-line {
    border-color: var(--line);
  }

  .min-\[700px\]\:shadow-\[var\(--shadow\)\] {
    --tw-shadow-color: var(--shadow);
    --tw-shadow: var(--tw-shadow-colored);
  }
}

@media (min-width: 760px) {

  .min-\[760px\]\:col-span-full {
    grid-column: 1 / -1;
  }

  .min-\[760px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .min-\[760px\]\:bg-\[linear-gradient\(180deg\2c color-mix\(in_srgb\2c var\(--accent\)_7\%\2c _\#f8f7ff\)\2c _\#f8f7ff_42rem\)\] {
    background-image: linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%, #f8f7ff), #f8f7ff 42rem);
  }
}

@media print {

  .print\:animate-none {
    animation: none;
  }
}

.\[\&\+details\]\:border-t+details {
  border-top-width: 1px;
}

.\[\&\+details\]\:border-pp-line+details {
  border-color: var(--line);
}

.\[\&\:\:-moz-progress-bar\]\:rounded-\[99px\]::-moz-progress-bar {
  border-radius: 99px;
}

.\[\&\:\:-moz-progress-bar\]\:bg-\[var\(--reward\)\]::-moz-progress-bar {
  background-color: var(--reward);
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}

.\[\&\:\:-webkit-progress-bar\]\:rounded::-webkit-progress-bar {
  border-radius: 0.25rem;
}

.\[\&\:\:-webkit-progress-bar\]\:rounded-\[999px\]::-webkit-progress-bar {
  border-radius: 999px;
}

.\[\&\:\:-webkit-progress-bar\]\:rounded-\[99px\]::-webkit-progress-bar {
  border-radius: 99px;
}

.\[\&\:\:-webkit-progress-bar\]\:bg-pp-line::-webkit-progress-bar {
  background-color: var(--line);
}

.\[\&\:\:-webkit-progress-value\]\:rounded::-webkit-progress-value {
  border-radius: 0.25rem;
}

.\[\&\:\:-webkit-progress-value\]\:rounded-\[999px\]::-webkit-progress-value {
  border-radius: 999px;
}

.\[\&\:\:-webkit-progress-value\]\:rounded-\[99px\]::-webkit-progress-value {
  border-radius: 99px;
}

.\[\&\:\:-webkit-progress-value\]\:bg-\[\#b48831\]::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: rgb(180 136 49 / var(--tw-bg-opacity, 1));
}

.\[\&\:\:-webkit-progress-value\]\:bg-\[color-mix\(in_srgb\2c var\(--muted\)_60\%\2c var\(--surface-solid\)\)\]::-webkit-progress-value {
  background-color: color-mix(in srgb,var(--muted) 60%,var(--surface-solid));
}

.\[\&\:\:-webkit-progress-value\]\:bg-\[var\(--action-benefit\)\]::-webkit-progress-value {
  background-color: var(--action-benefit);
}

.\[\&\:\:-webkit-progress-value\]\:bg-\[var\(--reward\)\]::-webkit-progress-value {
  background-color: var(--reward);
}

.group[data-state="complete"] .group-data-\[state\=complete\]\:\[\&\:\:-webkit-progress-value\]\:bg-\[var\(--action-benefit\)\]::-webkit-progress-value {
  background-color: var(--action-benefit);
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}

.\[\&\:\:after\]\:pointer-events-none::after {
  pointer-events: none;
}

.\[\&\:\:after\]\:absolute::after {
  position: absolute;
}

.\[\&\:\:after\]\:hidden::after {
  display: none;
}

.\[\&\:\:after\]\:h-\[90px\]::after {
  height: 90px;
}

.\[\&\:\:after\]\:w-\[min\(64vw\2c _300px\)\]::after {
  width: min(64vw, 300px);
}

.\[\&\:\:after\]\:animate-\[multiFade_0\.3s_var\(--all-landed\)_forwards\]::after {
  animation: multiFade 0.3s var(--all-landed) forwards;
}

.\[\&\:\:after\]\:rounded-\[50\%\]::after {
  border-radius: 50%;
}

.\[\&\:\:after\]\:bg-\[radial-gradient\(_ellipse\2c _color-mix\(in_srgb\2c _var\(--accent\)_13\%\2c _transparent\)\2c _transparent_70\%_\)\]::after {
  background-image: radial-gradient( ellipse, color-mix(in srgb, var(--accent) 13%, transparent), transparent 70% );
}

.\[\&\:\:after\]\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.\[\&\:\:after\]\:\[transform\:translateY\(95px\)\]::after {
  transform: translateY(95px);
}

.\[\&\:\:backdrop\]\:bg-\[rgba\(10\2c _7\2c _18\2c _0\.65\)\]::backdrop {
  background-color: rgba(10, 7, 18, 0.65);
}

.\[\&\:\:backdrop\]\:bg-\[rgba\(20\2c _15\2c _40\2c _0\.28\)\]::backdrop {
  background-color: rgba(20, 15, 40, 0.28);
}

.\[\&\:\:backdrop\]\:\[backdrop-filter\:blur\(2px\)\]::backdrop {
  backdrop-filter: blur(2px);
}

.\[\&\:\:before\]\:pointer-events-none::before {
  pointer-events: none;
}

.\[\&\:\:before\]\:absolute::before {
  position: absolute;
}

.\[\&\:\:before\]\:hidden::before {
  display: none;
}

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

.\[\&\:\:before\]\:h-\[5px\]::before {
  height: 5px;
}

.\[\&\:\:before\]\:w-\[5px\]::before {
  width: 5px;
}

.\[\&\:\:before\]\:w-\[min\(78vw\2c _370px\)\]::before {
  width: min(78vw, 370px);
}

.\[\&\:\:before\]\:rounded-\[50\%\]::before {
  border-radius: 50%;
}

.\[\&\:\:before\]\:bg-\[var\(--muted\)\]::before {
  background-color: var(--muted);
}

.\[\&\:\:before\]\:bg-\[radial-gradient\(_circle\2c _color-mix\(in_srgb\2c _var\(--accent\)_9\%\2c _transparent\)\2c _transparent_68\%_\)\]::before {
  background-image: radial-gradient( circle, color-mix(in srgb, var(--accent) 9%, transparent), transparent 68% );
}

.\[\&\:\:before\]\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.\[\&\:\:before\]\:\[border\:1px_solid_color-mix\(in_srgb\2c _var\(--accent\)_13\%\2c _transparent\)\]::before {
  border: 1px solid color-mix(in srgb, var(--accent) 13%, transparent);
}

.\[\&\:active\:not\(\:disabled\)\]\:\[background\:\#dfb763\]:active:not(:disabled) {
  background: #dfb763;
}

.\[\&\:active\]\:\[transform\:scale\(0\.94\)\]:active {
  transform: scale(0.94);
}

.\[\&\:active\]\:\[translate\:0_2px\]:active {
  translate: 0 2px;
}

.\[\&\:after\]\:absolute:after {
  position: absolute;
}

.\[\&\:after\]\:inset-0:after {
  inset: 0px;
}

.\[\&\:after\]\:bg-\[linear-gradient\(_90deg\2c _rgb\(10_7_28_\/_82\%\)_0\%\2c _rgb\(14_8_35_\/_46\%\)_48\%\2c _transparent_82\%_\)\]:after {
  background-image: linear-gradient( 90deg, rgb(10 7 28 / 82%) 0%, rgb(14 8 35 / 46%) 48%, transparent 82% );
}

.\[\&\:after\]\:content-\[\'\'\]:after {
  --tw-content: '';
  content: var(--tw-content);
}

.\[\&\:disabled_input\]\:bg-\[\#f5f3fa\]:disabled input {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 250 / var(--tw-bg-opacity, 1));
}

.\[\&\:disabled_input\]\:text-\[\#4c475e\]:disabled input {
  --tw-text-opacity: 1;
  color: rgb(76 71 94 / var(--tw-text-opacity, 1));
}

.\[\&\:disabled_input\]\:opacity-100:disabled input {
  opacity: 1;
}

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

.\[\&\:focus-visible\]\:outline-offset-\[3px\]:focus-visible {
  outline-offset: 3px;
}

.\[\&\:focus-visible\]\:outline-\[2px_solid_var\(--accent\)\]:focus-visible {
  outline-color: 2px solid var(--accent);
}

.\[\&\:focus-visible\]\:outline-\[3px_solid_color-mix\(in_srgb\2c _var\(--accent\)_50\%\2c _transparent\)\]:focus-visible {
  outline-color: 3px solid color-mix(in srgb, var(--accent) 50%, transparent);
}

.\[\&\:focus-visible\]\:outline-\[3px_solid_color-mix\(in_srgb\2c _var\(--accent\)_55\%\2c _transparent\)\]:focus-visible {
  outline-color: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
}

.\[\&\:has\(\+_\.paginationError\)\]\:pb-\[18px\]:has(+ .paginationError) {
  padding-bottom: 18px;
}

.\[\&\:has\(\+_\.recordsLoadMore\)\]\:pb-\[18px\]:has(+ .recordsLoadMore) {
  padding-bottom: 18px;
}

.\[\&\:has\(\.battleRoundRewards\)\]\:py-1:has(.battleRoundRewards) {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.\[\&\:has\(\.openingSellAction\)\]\:grid-cols-\[minmax\(0\2c _0\.8fr\)_minmax\(0\2c _1\.6fr\)\]:has(.openingSellAction) {
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr);
}

.\[\&\:has\(\.openingSellAction\)\]\:gap-2\.5:has(.openingSellAction) {
  gap: 0.625rem;
}

.\[\&\:has\(\.pp-arcade-stage-win\)\]\:min-h-\[420px\]:has(.pp-arcade-stage-win) {
  min-height: 420px;
}

.\[\&\:has\(\.pp-arcade-stage-win\)\]\:bg-\[\#20114b_url\(\'https\:\/\/static\.lootbeat\.com\/arcade-tyrant\/arcade-tyrant-win-modal-bg\.webp\'\)_center\/100\%_100\%_no-repeat\]:has(.pp-arcade-stage-win) {
  background-color: #20114b url('https://static.lootbeat.com/arcade-tyrant/arcade-tyrant-win-modal-bg.webp') center/100% 100% no-repeat;
}

.\[\&\:has\(\.pp-arcade-stage-win\)\]\:p-\[24px_24px_40px\]:has(.pp-arcade-stage-win) {
  padding: 24px 24px 40px;
}

.\[\&\:has\(\.pp-arcade-stage-win\)\]\:text-center:has(.pp-arcade-stage-win) {
  text-align: center;
}

.\[\&\:has\(\.pp-arcade-stage-win\)\]\:\[border\:0\]:has(.pp-arcade-stage-win) {
  border: 0;
}

.\[\&\:has\(\.recoveryFullOffer\)\]\:overflow-y-auto:has(.recoveryFullOffer) {
  overflow-y: auto;
}

.\[\&\:has\(\.topupCheckoutBar\)\]\:pb-\[calc\(220px_\+_env\(safe-area-inset-bottom\)\)\]:has(.topupCheckoutBar) {
  padding-bottom: calc(220px + env(safe-area-inset-bottom));
}

.\[\&\:has\(\>_\.inventoryTrialAction\)\]\:grid-cols-\[20px_64px_minmax\(0\2c _1fr\)_auto\]:has(> .inventoryTrialAction) {
  grid-template-columns: 20px 64px minmax(0, 1fr) auto;
}

.\[\&\:has\(figure\[data-selected\=true\]\[data-grade\]\)\]\:\[--action-benefit\:var\(--winning-grade\)\]:has(figure[data-selected=true][data-grade]) {
  --action-benefit: var(--winning-grade);
}

.\[\&\:has\(strong\)\]\:justify-between:has(strong) {
  justify-content: space-between;
}

.\[\&\:has\(\~_\.openingSellAction\)\]\:h-auto:has(~ .openingSellAction) {
  height: auto;
}

.\[\&\:has\(\~_\.openingSellAction\)\]\:\!min-h-16:has(~ .openingSellAction) {
  min-height: 4rem !important;
}

.\[\&\:has\(\~_\.openingSellAction\)\]\:\!rounded-2xl:has(~ .openingSellAction) {
  border-radius: 1rem !important;
}

.\[\&\:has\(\~_\.openingSellAction\)\]\:\!border-\[var\(--hairline\)\]:has(~ .openingSellAction) {
  border-color: var(--hairline) !important;
}

.\[\&\:has\(\~_\.openingSellAction\)\]\:\!text-\[14px\]:has(~ .openingSellAction) {
  font-size: 14px !important;
}

.\[\&\:hover\]\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_19\%\2c _var\(--surface-solid\)\)\]:hover {
  background-color: color-mix(in srgb, var(--accent) 19%, var(--surface-solid));
}

.\[\&\:last-child_a\]\:bg-\[\#443450\]:last-child a {
  --tw-bg-opacity: 1;
  background-color: rgb(68 52 80 / var(--tw-bg-opacity, 1));
}

.\[\&\:last-child_a\]\:text-\[\#eee7f6\]:last-child a {
  --tw-text-opacity: 1;
  color: rgb(238 231 246 / var(--tw-text-opacity, 1));
}

.\[\&\:last-child_a\]\:\[border\:1px_solid_\#6a557c\]:last-child a {
  border: 1px solid #6a557c;
}

.\[\&\:not\(\.pp-game-launcher-switching\)_\>_div\]\:\[animation\:pp-game-launcher-contentArrive_0\.28s_ease_both\]:not(.pp-game-launcher-switching) > div {
  animation: pp-game-launcher-contentArrive 0.28s ease both;
}

.\[\&\:not\(\:disabled\)\]\:shadow-\[0_0_8px_\#edcf69\]:not(:disabled) {
  --tw-shadow: 0 0 8px #edcf69;
  --tw-shadow-colored: 0 0 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);
}

.\[\&\>\*\]\:relative>* {
  position: relative;
}

.\[\&\>\*\]\:z-\[1\]>* {
  z-index: 1;
}

.\[\&\>\:focus-visible\]\:outline-offset-\[3px\]>:focus-visible {
  outline-offset: 3px;
}

.\[\&\>\:focus-visible\]\:\[outline\:2px_solid_var\(--accent\)\]>:focus-visible {
  outline: 2px solid var(--accent);
}

.\[\&\>\:is\(a\2c button\)\]\:relative>:is(a,button) {
  position: relative;
}

.\[\&\>\:is\(a\2c button\)\]\:\!m-0>:is(a,button) {
  margin: 0px !important;
}

.\[\&\>\:is\(a\2c button\)\]\:flex>:is(a,button) {
  display: flex;
}

.\[\&\>\:is\(a\2c button\)\]\:h-11>:is(a,button) {
  height: 2.75rem;
}

.\[\&\>\:is\(a\2c button\)\]\:min-h-11>:is(a,button) {
  min-height: 2.75rem;
}

.\[\&\>\:is\(a\2c button\)\]\:min-w-0>:is(a,button) {
  min-width: 0px;
}

.\[\&\>\:is\(a\2c button\)\]\:flex-row>:is(a,button) {
  flex-direction: row;
}

.\[\&\>\:is\(a\2c button\)\]\:items-center>:is(a,button) {
  align-items: center;
}

.\[\&\>\:is\(a\2c button\)\]\:justify-start>:is(a,button) {
  justify-content: flex-start;
}

.\[\&\>\:is\(a\2c button\)\]\:gap-2>:is(a,button) {
  gap: 0.5rem;
}

.\[\&\>\:is\(a\2c button\)\]\:rounded-xl>:is(a,button) {
  border-radius: 0.75rem;
}

.\[\&\>\:is\(a\2c button\)\]\:px-2\.5>:is(a,button) {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.\[\&\>\:is\(a\2c button\)\]\:py-2>:is(a,button) {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\[\&\>\:is\(a\2c button\)\]\:text-pp-text>:is(a,button) {
  color: var(--text);
}

.\[\&\>\:is\(a\2c button\)\]\:shadow-none>:is(a,button) {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[\&\>\:is\(a\2c button\)\]\:\[background\:var\(--surface-solid\)\]>:is(a,button) {
  background: var(--surface-solid);
}

.\[\&\>\:is\(a\2c button\)\]\:\[border\:1px_solid_var\(--line\)\]>:is(a,button) {
  border: 1px solid var(--line);
}

.\[\&\>a\[href\=\'\/missions\'\]\]\:border-\[color-mix\(in_srgb\2c _var\(--action-benefit\)_16\%\2c _transparent\)\]>a[href='/missions'] {
  border-color: color-mix(in srgb, var(--action-benefit) 16%, transparent);
}

.\[\&\>a\[href\=\'\/missions\'\]\]\:\[background\:var\(--action-benefit-soft\)\]>a[href='/missions'] {
  background: var(--action-benefit-soft);
}

.\[\&\>a\]\:mb-2>a {
  margin-bottom: 0.5rem;
}

.\[\&\>a\]\:grid>a {
  display: grid;
}

.\[\&\>a\]\:min-h-11>a {
  min-height: 2.75rem;
}

.\[\&\>a\]\:min-h-12>a {
  min-height: 3rem;
}

.\[\&\>a\]\:cursor-pointer>a {
  cursor: pointer;
}

.\[\&\>a\]\:place-items-center>a {
  place-items: center;
}

.\[\&\>a\]\:gap-1\.5>a {
  gap: 0.375rem;
}

.\[\&\>a\]\:rounded-\[13px\]>a {
  border-radius: 13px;
}

.\[\&\>a\]\:rounded-xl>a {
  border-radius: 0.75rem;
}

.\[\&\>a\]\:border>a {
  border-width: 1px;
}

.\[\&\>a\]\:border-pp-line>a {
  border-color: var(--line);
}

.\[\&\>a\]\:bg-pp-surface>a {
  background-color: var(--surface-solid);
}

.\[\&\>a\]\:px-\[15px\]>a {
  padding-left: 15px;
  padding-right: 15px;
}

.\[\&\>a\]\:text-\[13px\]>a {
  font-size: 13px;
}

.\[\&\>a\]\:text-sm\/\[1\.55\]>a {
  font-size: 0.875rem;
  line-height: 1.55;
}

.\[\&\>a\]\:font-\[650\]>a {
  font-weight: 650;
}

.\[\&\>a\]\:font-\[750\]>a {
  font-weight: 750;
}

.\[\&\>a\]\:text-pp-accent>a {
  color: var(--accent);
}

.\[\&\>a\]\:text-pp-text>a {
  color: var(--text);
}

.\[\&\>a\]\:no-underline>a {
  text-decoration-line: none;
}

.\[\&\>a\]\:\[justify-content\:start\]>a {
  justify-content: start;
}

.\[\&\>button\:active\:not\(\:disabled\)\]\:\[background\:\#eceeee\]>button:active:not(:disabled) {
  background: #eceeee;
}

.\[\&\>button\:disabled\]\:cursor-not-allowed>button:disabled {
  cursor: not-allowed;
}

.\[\&\>button\:disabled\]\:opacity-50>button:disabled {
  opacity: 0.5;
}

.\[\&\>button\]\:m-0>button {
  margin: 0px;
}

.\[\&\>button\]\:flex>button {
  display: flex;
}

.\[\&\>button\]\:grid>button {
  display: grid;
}

.\[\&\>button\]\:h-\[60px\]>button {
  height: 60px;
}

.\[\&\>button\]\:min-h-11>button {
  min-height: 2.75rem;
}

.\[\&\>button\]\:min-h-14>button {
  min-height: 3.5rem;
}

.\[\&\>button\]\:min-h-\[60px\]>button {
  min-height: 60px;
}

.\[\&\>button\]\:flex-\[1_1_120px\]>button {
  flex: 1 1 120px;
}

.\[\&\>button\]\:flex-col>button {
  flex-direction: column;
}

.\[\&\>button\]\:place-items-center>button {
  place-items: center;
}

.\[\&\>button\]\:items-center>button {
  align-items: center;
}

.\[\&\>button\]\:justify-center>button {
  justify-content: center;
}

.\[\&\>button\]\:justify-between>button {
  justify-content: space-between;
}

.\[\&\>button\]\:gap-\[3px\]>button {
  gap: 3px;
}

.\[\&\>button\]\:self-stretch>button {
  align-self: stretch;
}

.\[\&\>button\]\:rounded-\[10px\]>button {
  border-radius: 10px;
}

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

.\[\&\>button\]\:rounded-lg>button {
  border-radius: 0.5rem;
}

.\[\&\>button\]\:rounded-xl>button {
  border-radius: 0.75rem;
}

.\[\&\>button\]\:border>button {
  border-width: 1px;
}

.\[\&\>button\]\:border-0>button {
  border-width: 0px;
}

.\[\&\>button\]\:bg-pp-surface>button {
  background-color: var(--surface-solid);
}

.\[\&\>button\]\:bg-transparent>button {
  background-color: transparent;
}

.\[\&\>button\]\:p-2\.5>button {
  padding: 0.625rem;
}

.\[\&\>button\]\:px-2\.5>button {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.\[\&\>button\]\:px-3>button {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.\[\&\>button\]\:px-\[9px\]>button {
  padding-left: 9px;
  padding-right: 9px;
}

.\[\&\>button\]\:py-0>button {
  padding-top: 0px;
  padding-bottom: 0px;
}

.\[\&\>button\]\:py-2>button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\[\&\>button\]\:py-\[7px\]>button {
  padding-top: 7px;
  padding-bottom: 7px;
}

.\[\&\>button\]\:text-sm>button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\[\&\>button\]\:font-semibold>button {
  font-weight: 600;
}

.\[\&\>button\]\:leading-5>button {
  line-height: 1.25rem;
}

.\[\&\>button\]\:text-\[\#765316\]>button {
  --tw-text-opacity: 1;
  color: rgb(118 83 22 / var(--tw-text-opacity, 1));
}

.\[\&\>button\]\:text-pp-muted>button {
  color: var(--muted);
}

.\[\&\>button\]\:text-pp-text>button {
  color: var(--text);
}

.\[\&\>button\]\:shadow-none>button {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[\&\>button\]\:transition-colors>button {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\[\&\>button\]\:\[background\:\#f1e5c9\]>button {
  background: #f1e5c9;
}

.\[\&\>button\]\:\[background\:transparent\]>button {
  background: transparent;
}

.\[\&\>button\]\:\[border\:0\]>button {
  border: 0;
}

.\[\&\>button\]\:\[border\:1px_solid_var\(--line\)\]>button {
  border: 1px solid var(--line);
}

.\[\&\>button\]\:focus-visible\:outline:focus-visible>button {
  outline-style: solid;
}

.\[\&\>button\]\:focus-visible\:outline-2:focus-visible>button {
  outline-width: 2px;
}

.\[\&\>button\]\:focus-visible\:outline-offset-2:focus-visible>button {
  outline-offset: 2px;
}

.\[\&\>button\]\:focus-visible\:outline-pp-accent:focus-visible>button {
  outline-color: var(--accent);
}

.\[\&\>button_small\]\:text-\[12px\]>button small {
  font-size: 12px;
}

.\[\&\>button_small\]\:font-medium>button small {
  font-weight: 500;
}

.\[\&\>div\]\:grid>div {
  display: grid;
}

.\[\&\>div\]\:grid-cols-\[104px_minmax\(0\2c 1fr\)\]>div {
  grid-template-columns: 104px minmax(0,1fr);
}

.\[\&\>div\]\:gap-2>div {
  gap: 0.5rem;
}

.\[\&\>div\]\:text-\[12px\]>div {
  font-size: 12px;
}

.\[\&\>div_button\]\:min-h-11>div button {
  min-height: 2.75rem;
}

.\[\&\>div_button\]\:rounded-xl>div button {
  border-radius: 0.75rem;
}

.\[\&\>div_button\]\:border>div button {
  border-width: 1px;
}

.\[\&\>div_button\]\:border-pp-line>div button {
  border-color: var(--line);
}

.\[\&\>div_button\]\:bg-transparent>div button {
  background-color: transparent;
}

.\[\&\>div_button\]\:px-3\.5>div button {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.\[\&\>div_button\]\:py-2\.5>div button {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.\[\&\>div_button\]\:text-pp-text>div button {
  color: var(--text);
}

.\[\&\>h2\]\:\!m-0>h2 {
  margin: 0px !important;
}

.\[\&\>h2\]\:\!text-xl>h2 {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}

.\[\&\>h2\]\:font-bold>h2 {
  font-weight: 700;
}

.\[\&\>h2\]\:tracking-\[-0\.2px\]>h2 {
  letter-spacing: -0.2px;
}

.\[\&\>img\]\:absolute>img {
  position: absolute;
}

.\[\&\>img\]\:inset-0>img {
  inset: 0px;
}

.\[\&\>img\]\:h-24>img {
  height: 6rem;
}

.\[\&\>img\]\:h-full>img {
  height: 100%;
}

.\[\&\>img\]\:max-h-full>img {
  max-height: 100%;
}

.\[\&\>img\]\:w-full>img {
  width: 100%;
}

.\[\&\>img\]\:object-contain>img {
  -o-object-fit: contain;
     object-fit: contain;
}

.\[\&\>li\+li\]\:border-t>li+li {
  border-top-width: 1px;
}

.\[\&\>li\+li\]\:border-t-\[color-mix\(in_srgb\2c _var\(--reward\)_10\%\2c _transparent\)\]>li+li {
  border-top-color: color-mix(in srgb, var(--reward) 10%, transparent);
}

.\[\&\>li\]\:relative>li {
  position: relative;
}

.\[\&\>li\]\:flex>li {
  display: flex;
}

.\[\&\>li\]\:min-h-\[30px\]>li {
  min-height: 30px;
}

.\[\&\>li\]\:items-center>li {
  align-items: center;
}

.\[\&\>li\]\:gap-\[9px\]>li {
  gap: 9px;
}

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

.\[\&\>li\]\:border>li {
  border-width: 1px;
}

.\[\&\>li\]\:border-pp-line>li {
  border-color: var(--line);
}

.\[\&\>li\]\:bg-pp-surface>li {
  background-color: var(--surface-solid);
}

.\[\&\>li\]\:py-4>li {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.\[\&\>li\]\:py-\[3px\]>li {
  padding-top: 3px;
  padding-bottom: 3px;
}

.\[\&\>li\]\:pl-\[54px\]>li {
  padding-left: 54px;
}

.\[\&\>li\]\:pr-4>li {
  padding-right: 1rem;
}

.\[\&\>li\]\:text-\[14px\]>li {
  font-size: 14px;
}

.\[\&\>li\]\:text-xs\/\[18px\]>li {
  font-size: 0.75rem;
  line-height: 18px;
}

.\[\&\>li\]\:font-\[550\]>li {
  font-weight: 550;
}

.\[\&\>li\]\:leading-\[1\.5\]>li {
  line-height: 1.5;
}

.\[\&\>li\]\:text-pp-text>li {
  color: var(--text);
}

.\[\&\>li\]\:\[counter-increment\:rules\]>li {
  counter-increment: rules;
}

.\[\&\>li\]\:before\:absolute>li::before {
  content: var(--tw-content);
  position: absolute;
}

.\[\&\>li\]\:before\:left-\[15px\]>li::before {
  content: var(--tw-content);
  left: 15px;
}

.\[\&\>li\]\:before\:top-\[15px\]>li::before {
  content: var(--tw-content);
  top: 15px;
}

.\[\&\>li\]\:before\:grid>li::before {
  content: var(--tw-content);
  display: grid;
}

.\[\&\>li\]\:before\:h-\[27px\]>li::before {
  content: var(--tw-content);
  height: 27px;
}

.\[\&\>li\]\:before\:w-\[27px\]>li::before {
  content: var(--tw-content);
  width: 27px;
}

.\[\&\>li\]\:before\:place-items-center>li::before {
  content: var(--tw-content);
  place-items: center;
}

.\[\&\>li\]\:before\:rounded-\[9px\]>li::before {
  content: var(--tw-content);
  border-radius: 9px;
}

.\[\&\>li\]\:before\:bg-\[var\(--action-benefit-soft\)\]>li::before {
  content: var(--tw-content);
  background-color: var(--action-benefit-soft);
}

.\[\&\>li\]\:before\:font-\[850\]>li::before {
  content: var(--tw-content);
  font-weight: 850;
}

.\[\&\>li\]\:before\:text-\[var\(--action-benefit\)\]>li::before {
  content: var(--tw-content);
  color: var(--action-benefit);
}

.\[\&\>li\]\:before\:content-\[counter\(rules\)\]>li::before {
  --tw-content: counter(rules);
  content: var(--tw-content);
}

.\[\&\>p\:not\(\.topupRewardLine\)\]\:my-\[5px\]>p:not(.topupRewardLine) {
  margin-top: 5px;
  margin-bottom: 5px;
}

.\[\&\>p\]\:mb-3>p {
  margin-bottom: 0.75rem;
}

.\[\&\>p\]\:mt-0>p {
  margin-top: 0px;
}

.\[\&\>p\]\:p-3>p {
  padding: 0.75rem;
}

.\[\&\>p\]\:text-center>p {
  text-align: center;
}

.\[\&\>p\]\:text-\[13px\]>p {
  font-size: 13px;
}

.\[\&\>p\]\:text-xs>p {
  font-size: 0.75rem;
  line-height: 1rem;
}

.\[\&\>p\]\:leading-\[1\.65\]>p {
  line-height: 1.65;
}

.\[\&\>p\]\:leading-normal>p {
  line-height: 1.5;
}

.\[\&\>p\]\:text-pp-muted>p {
  color: var(--muted);
}

.\[\&\>p\]\:\[overflow-wrap\:anywhere\]>p {
  overflow-wrap: anywhere;
}

.\[\&\>p_a\]\:text-pp-text>p a {
  color: var(--text);
}

.\[\&\>p_a\]\:underline>p a {
  text-decoration-line: underline;
}

.\[\&\>p_a\]\:underline-offset-\[3px\]>p a {
  text-underline-offset: 3px;
}

.\[\&\>section\+section\]\:\[border-top\:1px_solid_var\(--line\)\]>section+section {
  border-top: 1px solid var(--line);
}

.\[\&\>span\:nth-child\(2\)\]\:\[animation-delay\:0\.15s\]>span:nth-child(2) {
  animation-delay: 0.15s;
}

.\[\&\>span\:nth-child\(3\)\]\:\[animation-delay\:0\.3s\]>span:nth-child(3) {
  animation-delay: 0.3s;
}

.\[\&\>span\]\:flex>span {
  display: flex;
}

.\[\&\>span\]\:size-1\.5>span {
  width: 0.375rem;
  height: 0.375rem;
}

.\[\&\>span\]\:min-h-\[30px\]>span {
  min-height: 30px;
}

.\[\&\>span\]\:flex-1>span {
  flex: 1 1 0%;
}

@keyframes paymentConnecting {

  0%, 80%, 100% {
    opacity: 0.3;
    transform: scale(0.8);
  }

  40% {
    opacity: 1;
    transform: scale(1);
  }
}

.\[\&\>span\]\:animate-\[paymentConnecting_1\.2s_ease-in-out_infinite\]>span {
  animation: paymentConnecting 1.2s ease-in-out infinite;
}

.\[\&\>span\]\:items-center>span {
  align-items: center;
}

.\[\&\>span\]\:justify-center>span {
  justify-content: center;
}

.\[\&\>span\]\:justify-between>span {
  justify-content: space-between;
}

.\[\&\>span\]\:gap-2>span {
  gap: 0.5rem;
}

.\[\&\>span\]\:gap-\[6px\]>span {
  gap: 6px;
}

.\[\&\>span\]\:rounded-\[50\%\]>span {
  border-radius: 50%;
}

.\[\&\>span\]\:bg-pp-accent>span {
  background-color: var(--accent);
}

.\[\&\>span\]\:text-center>span {
  text-align: center;
}

.\[\&\>span\]\:tabular-nums>span {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

@media (prefers-reduced-motion: reduce) {

  .motion-reduce\:\[\&\>span\]\:animate-none>span {
    animation: none;
  }
}

.\[\&\>svg\]\:mt-px>svg {
  margin-top: 1px;
}

.\[\&\>svg\]\:shrink-0>svg {
  flex-shrink: 0;
}

.\[\&\>svg\]\:text-\[\#987334\]>svg {
  --tw-text-opacity: 1;
  color: rgb(152 115 52 / var(--tw-text-opacity, 1));
}

.\[\&\>svg\]\:text-pp-accent>svg {
  color: var(--accent);
}

.\[\&\[aria-label\=Get_tickets\]\]\:w-\[min\(370px\2c _calc\(100\%_-_24px\)\)\][aria-label=Get tickets] {
  width: min(370px, calc(100% - 24px));
}

.\[\&\[aria-label\=Get_tickets\]\]\:rounded-\[14px\][aria-label=Get tickets] {
  border-radius: 14px;
}

.\[\&\[aria-label\=Get_tickets\]\]\:bg-\[\#191044_url\(\'https\:\/\/static\.lootbeat\.com\/arcade-tyrant\/get-tickets-modal-bg\.webp\'\)_center\/100\%_100\%_no-repeat\][aria-label=Get tickets] {
  background-color: #191044 url('https://static.lootbeat.com/arcade-tyrant/get-tickets-modal-bg.webp') center/100% 100% no-repeat;
}

.\[\&\[aria-label\=Get_tickets\]\]\:p-\[26\%_6\%_8\%\][aria-label=Get tickets] {
  padding: 26% 6% 8%;
}

.\[\&\[aria-label\=Get_tickets\]\]\:pt-\[100px\][aria-label=Get tickets] {
  padding-top: 100px;
}

.\[\&\[aria-label\=Get_tickets\]\]\:\[border\:0\][aria-label=Get tickets] {
  border: 0;
}

.\[\&\[aria-label\=Get_tickets\]_header\]\:absolute[aria-label=Get tickets] header {
  position: absolute;
}

.\[\&\[aria-label\=Get_tickets\]_header\]\:\[right\:8px\][aria-label=Get tickets] header {
  right: 8px;
}

.\[\&\[aria-label\=Get_tickets\]_header\]\:\[top\:6px\][aria-label=Get tickets] header {
  top: 6px;
}

.\[\&\[aria-label\=Get_tickets\]_header_h2\]\:absolute[aria-label=Get tickets] header h2 {
  position: absolute;
}

.\[\&\[aria-label\=Get_tickets\]_header_h2\]\:h-\[1px\][aria-label=Get tickets] header h2 {
  height: 1px;
}

.\[\&\[aria-label\=Get_tickets\]_header_h2\]\:w-\[1px\][aria-label=Get tickets] header h2 {
  width: 1px;
}

.\[\&\[aria-label\=Get_tickets\]_header_h2\]\:overflow-hidden[aria-label=Get tickets] header h2 {
  overflow: hidden;
}

.\[\&\[aria-label\=Get_tickets\]_header_h2\]\:\[clip\:inset\(50\%\)\][aria-label=Get tickets] header h2 {
  clip: inset(50%);
}

.\[\&\[data-grade\]\]\:bg-\[linear-gradient\(_165deg\2c _var\(--surface-solid\)\2c _color-mix\(_in_srgb\2c _var\(--grade-color\2c _var\(--accent\)\)_10\%\2c _var\(--surface-solid\)_\)_\)\][data-grade] {
  background-image: linear-gradient( 165deg, var(--surface-solid), color-mix( in srgb, var(--grade-color, var(--accent)) 10%, var(--surface-solid) ) );
}

.\[\&\[data-grade\]\]\:\[border-bottom\:3px_solid_var\(--grade-color\2c _var\(--hairline\)\)\][data-grade] {
  border-bottom: 3px solid var(--grade-color, var(--hairline));
}

.\[\&\[data-selected\=true\]\]\:z-\[1\][data-selected=true] {
  z-index: 1;
}

.\[\&\[data-selected\=true\]\]\:before\:pointer-events-none[data-selected=true]::before {
  content: var(--tw-content);
  pointer-events: none;
}

.\[\&\[data-selected\=true\]\]\:before\:absolute[data-selected=true]::before {
  content: var(--tw-content);
  position: absolute;
}

.\[\&\[data-selected\=true\]\]\:before\:-inset-4[data-selected=true]::before {
  content: var(--tw-content);
  inset: -1rem;
}

.\[\&\[data-selected\=true\]\]\:before\:rounded-\[28px\][data-selected=true]::before {
  content: var(--tw-content);
  border-radius: 28px;
}

.\[\&\[data-selected\=true\]\]\:before\:border[data-selected=true]::before {
  content: var(--tw-content);
  border-width: 1px;
}

.\[\&\[data-selected\=true\]\]\:before\:border-\[var\(--action-benefit\)\][data-selected=true]::before {
  content: var(--tw-content);
  border-color: var(--action-benefit);
}

.\[\&\[data-selected\=true\]\]\:before\:opacity-0[data-selected=true]::before {
  content: var(--tw-content);
  opacity: 0;
}

.\[\&\[data-selected\=true\]\]\:before\:content-\[\'\'\][data-selected=true]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.\[\&\[open\]_summary\:after\]\:content-\[\'\2212\'\][open] summary:after {
  --tw-content: '−';
  content: var(--tw-content);
}

.\[\&\]\:border-\[var\(--reward\)\] {
  border-color: var(--reward);
}

.\[\&_\*\]\:box-border * {
  box-sizing: border-box;
}

.\[\&_\.freeCardArt\]\:\!m-0 .freeCardArt {
  margin: 0px !important;
}

.\[\&_\.freeCardArt\]\:\!aspect-auto .freeCardArt {
  aspect-ratio: auto !important;
}

.\[\&_\.freeCardArt\]\:h-full .freeCardArt {
  height: 100%;
}

.\[\&_\.freeCardArt\]\:w-full .freeCardArt {
  width: 100%;
}

.\[\&_\.freeCardArt\]\:\!\[background\:none\] .freeCardArt {
  background: none !important;
}

.\[\&_\.freeCardArt_span\]\:text-\[12px\] .freeCardArt span {
  font-size: 12px;
}

.\[\&_\.freeCardArt_span\]\:text-\[\#956214\] .freeCardArt span {
  --tw-text-opacity: 1;
  color: rgb(149 98 20 / var(--tw-text-opacity, 1));
}

.\[\&_\.freeDropHeading_\.freeCardArt\]\:flex-none .freeDropHeading .freeCardArt {
  flex: none;
}

.\[\&_\.sharedFreeDetail\]\:order-\[-2\] .sharedFreeDetail {
  order: -2;
}

.\[\&_\.sharedFreeDetail\]\:my-4 .sharedFreeDetail {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.\[\&_\.sharedFreeDetail\]\:p-0 .sharedFreeDetail {
  padding: 0px;
}

.\[\&_\.sharedFreeDetail\]\:shadow-none .sharedFreeDetail {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[\&_\.sharedFreeDetail\]\:\[background\:transparent\] .sharedFreeDetail {
  background: transparent;
}

.\[\&_\.sharedFreeDetail\]\:\[border\:0\] .sharedFreeDetail {
  border: 0;
}

.\[\&_\:focus-visible\]\:rounded :focus-visible {
  border-radius: 0.25rem;
}

.\[\&_\:focus-visible\]\:outline :focus-visible {
  outline-style: solid;
}

.\[\&_\:focus-visible\]\:outline-2 :focus-visible {
  outline-width: 2px;
}

.\[\&_\:focus-visible\]\:outline-offset-2 :focus-visible {
  outline-offset: 2px;
}

.\[\&_\:focus-visible\]\:outline-offset-4 :focus-visible {
  outline-offset: 4px;
}

.\[\&_\:focus-visible\]\:outline-offset-\[3px\] :focus-visible {
  outline-offset: 3px;
}

.\[\&_\:focus-visible\]\:outline-\[2px_solid_var\(--accent\)\] :focus-visible {
  outline-color: 2px solid var(--accent);
}

.\[\&_\:focus-visible\]\:outline-current :focus-visible {
  outline-color: currentColor;
}

.\[\&_\:focus-visible\]\:outline-pp-accent :focus-visible {
  outline-color: var(--accent);
}

.\[\&_\:is\(b\2c strong\)\]\:min-w-0 :is(b,strong) {
  min-width: 0px;
}

.\[\&_\:is\(b\2c strong\)\]\:text-right :is(b,strong) {
  text-align: right;
}

.\[\&_\:is\(b\2c strong\)\]\:tabular-nums :is(b,strong) {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\[\&_\:is\(b\2c strong\)\]\:leading-\[1\.5\] :is(b,strong) {
  line-height: 1.5;
}

.\[\&_\:is\(b\2c strong\)\]\:\[overflow-wrap\:anywhere\] :is(b,strong) {
  overflow-wrap: anywhere;
}

.\[\&_\:is\(button\2c summary\)\:focus-visible\]\:outline-offset-\[3px\] :is(button,summary):focus-visible {
  outline-offset: 3px;
}

.\[\&_\:is\(button\2c summary\)\:focus-visible\]\:outline-current :is(button,summary):focus-visible {
  outline-color: currentColor;
}

.\[\&_\>_\*\]\:min-w-0 > * {
  min-width: 0px;
}

.\[\&_\>_\*\]\:leading-\[1\.5\] > * {
  line-height: 1.5;
}

.\[\&_\>_\*\]\:\[overflow-wrap\:anywhere\] > * {
  overflow-wrap: anywhere;
}

.\[\&_\>_\.freeBoxCount\]\:mb-1 > .freeBoxCount {
  margin-bottom: 0.25rem;
}

.\[\&_\>_\.freeBoxCount\]\:block > .freeBoxCount {
  display: block;
}

.\[\&_\>_\.freeBoxCount\]\:w-fit > .freeBoxCount {
  width: -moz-fit-content;
  width: fit-content;
}

.\[\&_\>_\.freeBoxCount\]\:text-\[12px\] > .freeBoxCount {
  font-size: 12px;
}

.\[\&_\>_\.freeBoxCount\]\:text-\[\#956214\] > .freeBoxCount {
  --tw-text-opacity: 1;
  color: rgb(149 98 20 / var(--tw-text-opacity, 1));
}

.\[\&_\>_\[data-game-frame\]\]\:box-border > [data-game-frame] {
  box-sizing: border-box;
}

.\[\&_\>_\[data-game-frame\]\]\:\[height\:100\%\] > [data-game-frame] {
  height: 100%;
}

.\[\&_\>_a\]\:mt-\[auto\] > a {
  margin-top: auto;
}

.\[\&_\>_a\]\:inline-flex > a {
  display: inline-flex;
}

.\[\&_\>_a\]\:grid > a {
  display: grid;
}

.\[\&_\>_a\]\:min-h-\[40px\] > a {
  min-height: 40px;
}

.\[\&_\>_a\]\:min-h-\[44px\] > a {
  min-height: 44px;
}

.\[\&_\>_a\]\:place-items-center > a {
  place-items: center;
}

.\[\&_\>_a\]\:items-center > a {
  align-items: center;
}

.\[\&_\>_a\]\:justify-center > a {
  justify-content: center;
}

.\[\&_\>_a\]\:rounded-\[12px\] > a {
  border-radius: 12px;
}

.\[\&_\>_a\]\:bg-\[var\(--accent\)\] > a {
  background-color: var(--accent);
}

.\[\&_\>_a\]\:pb-\[0\] > a {
  padding-bottom: 0;
}

.\[\&_\>_a\]\:pl-\[18px\] > a {
  padding-left: 18px;
}

.\[\&_\>_a\]\:pr-\[18px\] > a {
  padding-right: 18px;
}

.\[\&_\>_a\]\:pt-\[0\] > a {
  padding-top: 0;
}

.\[\&_\>_a\]\:text-\[14px\] > a {
  font-size: 14px;
}

.\[\&_\>_a\]\:font-\[650\] > a {
  font-weight: 650;
}

.\[\&_\>_a\]\:font-\[750\] > a {
  font-weight: 750;
}

.\[\&_\>_a\]\:text-\[\#fff\] > a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.\[\&_\>_a\]\:text-\[var\(--accent\)\] > a {
  color: var(--accent);
}

.\[\&_\>_a\]\:no-underline > a {
  text-decoration-line: none;
}

.\[\&_\>_button\]\:min-h-\[44px\] > button {
  min-height: 44px;
}

.\[\&_\>_button\]\:rounded-\[8px\] > button {
  border-radius: 8px;
}

.\[\&_\>_button\]\:bg-\[linear-gradient\(180deg\2c _\#343675cc\2c _\#1a1c51cc\)\] > button {
  background-image: linear-gradient(180deg, #343675cc, #1a1c51cc);
}

.\[\&_\>_button\]\:p-\[0_12px\] > button {
  padding: 0 12px;
}

.\[\&_\>_button\]\:text-\[11px\] > button {
  font-size: 11px;
}

.\[\&_\>_button\]\:font-\[700\] > button {
  font-weight: 700;
}

.\[\&_\>_button\]\:text-\[\#f5f7ff\] > button {
  --tw-text-opacity: 1;
  color: rgb(245 247 255 / var(--tw-text-opacity, 1));
}

.\[\&_\>_button\]\:\[border\:1px_solid_\#5058b9\] > button {
  border: 1px solid #5058b9;
}

.\[\&_\>_button\]\:\[text-shadow\:0_1px_1px_\#050522\] > button {
  text-shadow: 0 1px 1px #050522;
}

.\[\&_\>_div\:not\(\.shippingTotal\)\]\:text-\[14px\] > div:not(.shippingTotal) {
  font-size: 14px;
}

.\[\&_\>_div\]\:relative > div {
  position: relative;
}

.\[\&_\>_div\]\:flex > div {
  display: flex;
}

.\[\&_\>_div\]\:grid > div {
  display: grid;
}

.\[\&_\>_div\]\:grid-cols-\[minmax\(0\2c _1fr\)_auto\] > div {
  grid-template-columns: minmax(0, 1fr) auto;
}

.\[\&_\>_div\]\:flex-col > div {
  flex-direction: column;
}

.\[\&_\>_div\]\:items-start > div {
  align-items: flex-start;
}

.\[\&_\>_div\]\:gap-3 > div {
  gap: 0.75rem;
}

.\[\&_\>_div\]\:gap-\[8px\] > div {
  gap: 8px;
}

.\[\&_\>_div\]\:rounded-\[12px\] > div {
  border-radius: 12px;
}

.\[\&_\>_div\]\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_8\%\2c _transparent\)\] > div {
  background-color: color-mix(in srgb, var(--accent) 8%, transparent);
}

.\[\&_\>_div\]\:pb-\[12px\] > div {
  padding-bottom: 12px;
}

.\[\&_\>_div\]\:pl-\[12px\] > div {
  padding-left: 12px;
}

.\[\&_\>_div\]\:pr-\[12px\] > div {
  padding-right: 12px;
}

.\[\&_\>_div\]\:pt-\[12px\] > div {
  padding-top: 12px;
}

.\[\&_\>_div\]\:tabular-nums > div {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\[\&_\>_div\]\:\[max-width\:66\%\] > div {
  max-width: 66%;
}

.\[\&_\>_div\]\:\[z-index\:1\] > div {
  z-index: 1;
}

.\[\&_\>_h2\]\:\[font-size\:17px\] > h2 {
  font-size: 17px;
}

.\[\&_\>_h2\]\:\[padding-left\:3px\] > h2 {
  padding-left: 3px;
}

.\[\&_\>_img\]\:absolute > img {
  position: absolute;
}

.\[\&_\>_img\]\:m-\[0_auto_16px\] > img {
  margin: 0 auto 16px;
}

.\[\&_\>_img\]\:block > img {
  display: block;
}

.\[\&_\>_img\]\:h-\[150px\] > img {
  height: 150px;
}

.\[\&_\>_img\]\:w-\[150px\] > img {
  width: 150px;
}

.\[\&_\>_img\]\:bg-\[url\(\'https\:\/\/static\.lootbeat\.com\/arcade-tyrant\/arcade-tyrant-win-item-light\.webp\'\)_center\/contain_no-repeat\] > img {
  background-image: url('https://static.lootbeat.com/arcade-tyrant/arcade-tyrant-win-item-light.webp') center/contain no-repeat;
}

.\[\&_\>_img\]\:object-contain > img {
  -o-object-fit: contain;
     object-fit: contain;
}

.\[\&_\>_img\]\:\[filter\:drop-shadow\(0_14px_20px_rgb\(9_4_30_\/_32\%\)\)\] > img {
  filter: drop-shadow(0 14px 20px rgb(9 4 30 / 32%));
}

.\[\&_\>_img\]\:\[height\:92\%\] > img {
  height: 92%;
}

.\[\&_\>_img\]\:\[right\:-8px\] > img {
  right: -8px;
}

.\[\&_\>_img\]\:\[top\:4px\] > img {
  top: 4px;
}

.\[\&_\>_img\]\:\[width\:58\%\] > img {
  width: 58%;
}

.\[\&_\>_p\]\:text-\[var\(--muted\)\] > p {
  color: var(--muted);
}

.\[\&_\>_p\]\:\[font\:var\(--type-caption\)\] > p {
  font: var(--type-caption);
}

.\[\&_\>_small\]\:text-center > small {
  text-align: center;
}

.\[\&_\>_small\]\:text-\[10px\] > small {
  font-size: 10px;
}

.\[\&_\>_span\]\:text-center > span {
  text-align: center;
}

.\[\&_\>_span\]\:text-\[10px\] > span {
  font-size: 10px;
}

.\[\&_\>_span\]\:text-\[11px\] > span {
  font-size: 11px;
}

.\[\&_\>_span\]\:font-\[700\] > span {
  font-weight: 700;
}

.\[\&_\>_span\]\:leading-\[13px\] > span {
  line-height: 13px;
}

.\[\&_\>_span\]\:tracking-\[2px\] > span {
  letter-spacing: 2px;
}

.\[\&_\>_span\]\:\[color\:var\(--muted\)\] > span {
  color: var(--muted);
}

.\[\&_a\:focus-visible\]\:rounded-xl a:focus-visible {
  border-radius: 0.75rem;
}

.\[\&_a\:focus-visible\]\:outline-offset-2 a:focus-visible {
  outline-offset: 2px;
}

.\[\&_a\:focus-visible\]\:outline-offset-\[3px\] a:focus-visible {
  outline-offset: 3px;
}

.\[\&_a\:focus-visible\]\:outline-\[2px_solid_var\(--accent\)\] a:focus-visible {
  outline-color: 2px solid var(--accent);
}

.\[\&_a\:focus-visible\]\:outline-current a:focus-visible {
  outline-color: currentColor;
}

.\[\&_a\:last-child\]\:text-\[19px\] a:last-child {
  font-size: 19px;
}

.\[\&_a\]\:col-\[2\] a {
  grid-column: 2;
}

.\[\&_a\]\:row-\[1\/3\] a {
  grid-row: 1/3;
}

.\[\&_a\]\:m-0 a {
  margin: 0px;
}

.\[\&_a\]\:m-\[3px\] a {
  margin: 3px;
}

.\[\&_a\]\:flex a {
  display: flex;
}

.\[\&_a\]\:inline-flex a {
  display: inline-flex;
}

.\[\&_a\]\:h-11 a {
  height: 2.75rem;
}

.\[\&_a\]\:min-h-11 a {
  min-height: 2.75rem;
}

.\[\&_a\]\:min-h-\[44px\] a {
  min-height: 44px;
}

.\[\&_a\]\:w-11 a {
  width: 2.75rem;
}

.\[\&_a\]\:w-max a {
  width: -moz-max-content;
  width: max-content;
}

.\[\&_a\]\:min-w-11 a {
  min-width: 2.75rem;
}

.\[\&_a\]\:cursor-pointer a {
  cursor: pointer;
}

.\[\&_a\]\:items-center a {
  align-items: center;
}

.\[\&_a\]\:justify-center a {
  justify-content: center;
}

.\[\&_a\]\:gap-1 a {
  gap: 0.25rem;
}

.\[\&_a\]\:gap-\[5px\] a {
  gap: 5px;
}

.\[\&_a\]\:whitespace-nowrap a {
  white-space: nowrap;
}

.\[\&_a\]\:rounded-\[10px\] a {
  border-radius: 10px;
}

.\[\&_a\]\:rounded-\[12px\] a {
  border-radius: 12px;
}

.\[\&_a\]\:border-0 a {
  border-width: 0px;
}

.\[\&_a\]\:bg-\[\#38294e\] a {
  --tw-bg-opacity: 1;
  background-color: rgb(56 41 78 / var(--tw-bg-opacity, 1));
}

.\[\&_a\]\:bg-\[\#e9d5ac\] a {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 172 / var(--tw-bg-opacity, 1));
}

.\[\&_a\]\:bg-transparent a {
  background-color: transparent;
}

.\[\&_a\]\:p-0 a {
  padding: 0px;
}

.\[\&_a\]\:p-\[0_14px\] a {
  padding: 0 14px;
}

.\[\&_a\]\:p-\[8px_14px\] a {
  padding: 8px 14px;
}

.\[\&_a\]\:py-1\.5 a {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.\[\&_a\]\:text-\[13px\] a {
  font-size: 13px;
}

.\[\&_a\]\:font-bold a {
  font-weight: 700;
}

.\[\&_a\]\:font-medium a {
  font-weight: 500;
}

.\[\&_a\]\:tracking-normal a {
  letter-spacing: 0em;
}

.\[\&_a\]\:text-\[\#302437\] a {
  --tw-text-opacity: 1;
  color: rgb(48 36 55 / var(--tw-text-opacity, 1));
}

.\[\&_a\]\:text-\[\#eee6fc\] a {
  --tw-text-opacity: 1;
  color: rgb(238 230 252 / var(--tw-text-opacity, 1));
}

.\[\&_a\]\:text-inherit a {
  color: inherit;
}

.\[\&_a\]\:text-pp-accent a {
  color: var(--accent);
}

.\[\&_a\]\:text-pp-funds a {
  color: var(--action-funds);
}

.\[\&_a\]\:text-pp-muted a {
  color: var(--muted);
}

.\[\&_a\]\:underline a {
  text-decoration-line: underline;
}

.\[\&_a\]\:no-underline a {
  text-decoration-line: none;
}

.\[\&_a\]\:underline-offset-\[3px\] a {
  text-underline-offset: 3px;
}

.\[\&_a\]\:transition-\[color_0\.2s_ease\2c _background-color_0\.2s_ease\2c _border-color_0\.2s_ease\2c _box-shadow_0\.2s_ease\2c _transform_0\.2s_ease\2c _opacity_0\.2s_ease\] a {
  transition-property: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\[\&_a\]\:\[align-self\:center\] a {
  align-self: center;
}

.\[\&_a\]\:\[border\:1px_solid_\#74648f\] a {
  border: 1px solid #74648f;
}

.\[\&_a\]\:\[font\:inherit\] a {
  font: inherit;
}

.\[\&_a\]\:\[font\:var\(--type-caption\)\] a {
  font: var(--type-caption);
}

.\[\&_b\]\:grid b {
  display: grid;
}

.\[\&_b\]\:h-\[42px\] b {
  height: 42px;
}

.\[\&_b\]\:w-\[42px\] b {
  width: 42px;
}

.\[\&_b\]\:place-items-center b {
  place-items: center;
}

.\[\&_b\]\:rounded-\[50\%\] b {
  border-radius: 50%;
}

.\[\&_b\]\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_13\%\2c _transparent\)\] b {
  background-color: color-mix(in srgb, var(--accent) 13%, transparent);
}

.\[\&_b\]\:text-\[21px\] b {
  font-size: 21px;
}

.\[\&_b\]\:text-\[38px\] b {
  font-size: 38px;
}

.\[\&_b\]\:tabular-nums b {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\[\&_b\]\:text-\[var\(--accent\)\] b {
  color: var(--accent);
}

.\[\&_b\]\:\[overflow-wrap\:anywhere\] b {
  overflow-wrap: anywhere;
}

.\[\&_button\:active\]\:\[transform\:scale\(0\.97\)\] button:active {
  transform: scale(0.97);
}

.\[\&_button\:disabled\]\:cursor-default button:disabled {
  cursor: default;
}

.\[\&_button\:disabled\]\:cursor-not-allowed button:disabled {
  cursor: not-allowed;
}

.\[\&_button\:disabled\]\:cursor-wait button:disabled {
  cursor: wait;
}

.\[\&_button\:disabled\]\:opacity-50 button:disabled {
  opacity: 0.5;
}

.\[\&_button\:disabled\]\:opacity-\[0\.45\] button:disabled {
  opacity: 0.45;
}

.\[\&_button\:disabled\]\:opacity-\[0\.48\] button:disabled {
  opacity: 0.48;
}

.\[\&_button\:disabled\]\:opacity-\[0\.55\] button:disabled {
  opacity: 0.55;
}

.\[\&_button\:disabled\]\:opacity-\[0\.5\] button:disabled {
  opacity: 0.5;
}

.\[\&_button\:focus-visible\]\:outline-offset-\[3px\] button:focus-visible {
  outline-offset: 3px;
}

.\[\&_button\:focus-visible\]\:outline-\[2px_solid_var\(--accent\)\] button:focus-visible {
  outline-color: 2px solid var(--accent);
}

.\[\&_button\:focus-visible\]\:outline-current button:focus-visible {
  outline-color: currentColor;
}

.\[\&_button\:hover\]\:border-\[\#72cfff\] button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(114 207 255 / var(--tw-border-opacity, 1));
}

.\[\&_button\:hover\]\:bg-\[linear-gradient\(180deg\2c _\#3b438cdd\2c _\#202561dd\)\] button:hover {
  background-image: linear-gradient(180deg, #3b438cdd, #202561dd);
}

.\[\&_button\:last-child\]\:text-\[19px\] button:last-child {
  font-size: 19px;
}

.\[\&_button\:not\(\:disabled\)\]\:relative button:not(:disabled) {
  position: relative;
}

.\[\&_button\:not\(\:disabled\)\]\:flex button:not(:disabled) {
  display: flex;
}

.\[\&_button\:not\(\:disabled\)\]\:h-\[auto\] button:not(:disabled) {
  height: auto;
}

.\[\&_button\:not\(\:disabled\)\]\:min-h-\[44px\] button:not(:disabled) {
  min-height: 44px;
}

.\[\&_button\:not\(\:disabled\)\]\:w-\[90\%\] button:not(:disabled) {
  width: 90%;
}

.\[\&_button\:not\(\:disabled\)\]\:cursor-pointer button:not(:disabled) {
  cursor: pointer;
}

.\[\&_button\:not\(\:disabled\)\]\:items-center button:not(:disabled) {
  align-items: center;
}

.\[\&_button\:not\(\:disabled\)\]\:justify-center button:not(:disabled) {
  justify-content: center;
}

.\[\&_button\:not\(\:disabled\)\]\:rounded-\[0\] button:not(:disabled) {
  border-radius: 0;
}

.\[\&_button\:not\(\:disabled\)\]\:border-\[\#ffe4a6\] button:not(:disabled) {
  --tw-border-opacity: 1;
  border-color: rgb(255 228 166 / var(--tw-border-opacity, 1));
}

.\[\&_button\:not\(\:disabled\)\]\:bg-\[none\] button:not(:disabled) {
  background-color: none;
}

.\[\&_button\:not\(\:disabled\)\]\:p-\[0\] button:not(:disabled) {
  padding: 0;
}

.\[\&_button\:not\(\:disabled\)\]\:text-\[\#30213e\] button:not(:disabled) {
  --tw-text-opacity: 1;
  color: rgb(48 33 62 / var(--tw-text-opacity, 1));
}

.\[\&_button\:not\(\:disabled\)\]\:\[border\:0\] button:not(:disabled) {
  border: 0;
}

.\[\&_button\[aria-label\=Refresh_game\]\]\:grid button[aria-label=Refresh game] {
  display: grid;
}

.\[\&_button\[aria-label\=Refresh_game\]\]\:w-\[44px\] button[aria-label=Refresh game] {
  width: 44px;
}

.\[\&_button\[aria-label\=Refresh_game\]\]\:place-items-center button[aria-label=Refresh game] {
  place-items: center;
}

.\[\&_button\[aria-label\=Refresh_game\]\]\:p-\[0\] button[aria-label=Refresh game] {
  padding: 0;
}

.\[\&_button\[aria-label\=Refresh_game\]\]\:text-\[\#6fe8ff\] button[aria-label=Refresh game] {
  --tw-text-opacity: 1;
  color: rgb(111 232 255 / var(--tw-text-opacity, 1));
}

.\[\&_button\[aria-pressed\=true\]\]\:border-pp-accent button[aria-pressed=true] {
  border-color: var(--accent);
}

.\[\&_button\[aria-pressed\=true\]\]\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_8\%\2c _white\)\] button[aria-pressed=true] {
  background-color: color-mix(in srgb, var(--accent) 8%, white);
}

.\[\&_button\[aria-pressed\=true\]\]\:shadow-\[inset_0_0_0_1px_var\(--accent\)\] button[aria-pressed=true] {
  --tw-shadow: inset 0 0 0 1px var(--accent);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[\&_button\]\:relative button {
  position: relative;
}

.\[\&_button\]\:m-\[3px\] button {
  margin: 3px;
}

.\[\&_button\]\:ml-auto button {
  margin-left: auto;
}

.\[\&_button\]\:flex button {
  display: flex;
}

.\[\&_button\]\:inline-flex button {
  display: inline-flex;
}

.\[\&_button\]\:h-11 button {
  height: 2.75rem;
}

.\[\&_button\]\:h-\[auto\] button {
  height: auto;
}

.\[\&_button\]\:min-h-11 button {
  min-height: 2.75rem;
}

.\[\&_button\]\:min-h-\[44px\] button {
  min-height: 44px;
}

.\[\&_button\]\:min-h-\[48px\] button {
  min-height: 48px;
}

.\[\&_button\]\:w-11 button {
  width: 2.75rem;
}

.\[\&_button\]\:w-\[90\%\] button {
  width: 90%;
}

.\[\&_button\]\:w-full button {
  width: 100%;
}

.\[\&_button\]\:cursor-pointer button {
  cursor: pointer;
}

.\[\&_button\]\:items-center button {
  align-items: center;
}

.\[\&_button\]\:justify-center button {
  justify-content: center;
}

.\[\&_button\]\:whitespace-normal button {
  white-space: normal;
}

.\[\&_button\]\:whitespace-nowrap button {
  white-space: nowrap;
}

.\[\&_button\]\:rounded-\[0\] button {
  border-radius: 0;
}

.\[\&_button\]\:rounded-\[10px\] button {
  border-radius: 10px;
}

.\[\&_button\]\:rounded-\[11px\] button {
  border-radius: 11px;
}

.\[\&_button\]\:rounded-\[12px\] button {
  border-radius: 12px;
}

.\[\&_button\]\:rounded-\[8px\] button {
  border-radius: 8px;
}

.\[\&_button\]\:rounded-\[9px\] button {
  border-radius: 9px;
}

.\[\&_button\]\:rounded-xl button {
  border-radius: 0.75rem;
}

.\[\&_button\]\:border button {
  border-width: 1px;
}

.\[\&_button\]\:border-0 button {
  border-width: 0px;
}

.\[\&_button\]\:border-\[color-mix\(in_srgb\2c _var\(--action-funds\)_12\%\2c _var\(--line\)\)\] button {
  border-color: color-mix(in srgb, var(--action-funds) 12%, var(--line));
}

.\[\&_button\]\:bg-\[\#38294e\] button {
  --tw-bg-opacity: 1;
  background-color: rgb(56 41 78 / var(--tw-bg-opacity, 1));
}

.\[\&_button\]\:bg-\[\#f1d359\] button {
  --tw-bg-opacity: 1;
  background-color: rgb(241 211 89 / var(--tw-bg-opacity, 1));
}

.\[\&_button\]\:bg-\[none\] button {
  background-color: none;
}

.\[\&_button\]\:bg-\[var\(--action-funds-soft\)\] button {
  background-color: var(--action-funds-soft);
}

.\[\&_button\]\:bg-\[var\(--surface\)\] button {
  background-color: var(--surface);
}

.\[\&_button\]\:bg-\[var\(--surface\2c \#fff\)\] button {
  background-color: var(--surface,#fff);
}

.\[\&_button\]\:bg-pp-surface button {
  background-color: var(--surface-solid);
}

.\[\&_button\]\:bg-transparent button {
  background-color: transparent;
}

.\[\&_button\]\:bg-\[linear-gradient\(180deg\2c _\#343675cc\2c _\#1a1c51cc\)\] button {
  background-image: linear-gradient(180deg, #343675cc, #1a1c51cc);
}

.\[\&_button\]\:bg-none button {
  background-image: none;
}

.\[\&_button\]\:p-0 button {
  padding: 0px;
}

.\[\&_button\]\:p-\[0\] button {
  padding: 0;
}

.\[\&_button\]\:p-\[0_12px\] button {
  padding: 0 12px;
}

.\[\&_button\]\:p-\[8px_14px\] button {
  padding: 8px 14px;
}

.\[\&_button\]\:p-\[8px_32px\] button {
  padding: 8px 32px;
}

.\[\&_button\]\:px-2\.5 button {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.\[\&_button\]\:px-3 button {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.\[\&_button\]\:px-3\.5 button {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.\[\&_button\]\:px-\[13px\] button {
  padding-left: 13px;
  padding-right: 13px;
}

.\[\&_button\]\:py-1\.5 button {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.\[\&_button\]\:py-2 button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\[\&_button\]\:py-2\.5 button {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.\[\&_button\]\:py-\[9px\] button {
  padding-top: 9px;
  padding-bottom: 9px;
}

.\[\&_button\]\:pb-\[8px\] button {
  padding-bottom: 8px;
}

.\[\&_button\]\:pl-\[14px\] button {
  padding-left: 14px;
}

.\[\&_button\]\:pl-\[16px\] button {
  padding-left: 16px;
}

.\[\&_button\]\:pr-\[14px\] button {
  padding-right: 14px;
}

.\[\&_button\]\:pr-\[16px\] button {
  padding-right: 16px;
}

.\[\&_button\]\:pt-\[8px\] button {
  padding-top: 8px;
}

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

.\[\&_button\]\:text-\[12px\] button {
  font-size: 12px;
}

.\[\&_button\]\:text-\[23px\] button {
  font-size: 23px;
}

.\[\&_button\]\:font-\[650\] button {
  font-weight: 650;
}

.\[\&_button\]\:font-\[700\] button {
  font-weight: 700;
}

.\[\&_button\]\:font-\[750\] button {
  font-weight: 750;
}

.\[\&_button\]\:font-\[800\] button {
  font-weight: 800;
}

.\[\&_button\]\:font-bold button {
  font-weight: 700;
}

.\[\&_button\]\:font-semibold button {
  font-weight: 600;
}

.\[\&_button\]\:text-\[\#27114c\] button {
  --tw-text-opacity: 1;
  color: rgb(39 17 76 / var(--tw-text-opacity, 1));
}

.\[\&_button\]\:text-\[\#ddd6ed\] button {
  --tw-text-opacity: 1;
  color: rgb(221 214 237 / var(--tw-text-opacity, 1));
}

.\[\&_button\]\:text-\[\#eee6fc\] button {
  --tw-text-opacity: 1;
  color: rgb(238 230 252 / var(--tw-text-opacity, 1));
}

.\[\&_button\]\:text-\[\#f5f7ff\] button {
  --tw-text-opacity: 1;
  color: rgb(245 247 255 / var(--tw-text-opacity, 1));
}

.\[\&_button\]\:text-\[var\(--text\)\] button {
  color: var(--text);
}

.\[\&_button\]\:text-inherit button {
  color: inherit;
}

.\[\&_button\]\:text-pp-accent button {
  color: var(--accent);
}

.\[\&_button\]\:text-pp-funds button {
  color: var(--action-funds);
}

.\[\&_button\]\:text-pp-text button {
  color: var(--text);
}

.\[\&_button\]\:shadow-none button {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[\&_button\]\:transition-\[color_0\.2s_ease\2c _background-color_0\.2s_ease\2c _border-color_0\.2s_ease\2c _box-shadow_0\.2s_ease\2c _transform_0\.2s_ease\2c _opacity_0\.2s_ease\] button {
  transition-property: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\[\&_button\]\:transition-\[color_180ms_ease\2c _transform_180ms_ease\] button {
  transition-property: color 180ms ease, transform 180ms ease;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\[\&_button\]\:\[border\:0\] button {
  border: 0;
}

.\[\&_button\]\:\[border\:1px_solid_\#5058b9\] button {
  border: 1px solid #5058b9;
}

.\[\&_button\]\:\[border\:1px_solid_\#74648f\] button {
  border: 1px solid #74648f;
}

.\[\&_button\]\:\[border\:1px_solid_\#ffefac\] button {
  border: 1px solid #ffefac;
}

.\[\&_button\]\:\[border\:1px_solid_var\(--line\)\] button {
  border: 1px solid var(--line);
}

.\[\&_button\]\:\[border\:1px_solid_var\(--line\2c \#e3e0ee\)\] button {
  border: 1px solid var(--line,#e3e0ee);
}

.\[\&_button\]\:\[font\:inherit\] button {
  font: inherit;
}

.\[\&_button\]\:\[overflow-wrap\:anywhere\] button {
  overflow-wrap: anywhere;
}

.\[\&_button\]\:\[text-shadow\:0_1px_1px_\#050522\] button {
  text-shadow: 0 1px 1px #050522;
}

@media (prefers-reduced-motion: reduce) {

  .motion-reduce\:\[\&_button\]\:transition-none button {
    transition-property: none;
  }
}

.\[\&_button_img\]\:block button img {
  display: block;
}

.\[\&_button_img\]\:h-\[auto\] button img {
  height: auto;
}

.\[\&_button_img\]\:w-\[100\%\] button img {
  width: 100%;
}

.\[\&_dd\]\:min-w-0 dd {
  min-width: 0px;
}

.\[\&_dd\]\:\[overflow-wrap\:anywhere\] dd {
  overflow-wrap: anywhere;
}

.\[\&_details\]\:mt-\[12px\] details {
  margin-top: 12px;
}

.\[\&_details\]\:\[border-top\:1px_solid_\#514464\] details {
  border-top: 1px solid #514464;
}

.\[\&_details\]\:\[border-top\:1px_solid_\#ffffff20\] details {
  border-top: 1px solid #ffffff20;
}

.\[\&_dt\]\:text-pp-muted dt {
  color: var(--muted);
}

.\[\&_em\]\:mt-\[4px\] em {
  margin-top: 4px;
}

.\[\&_em\]\:block em {
  display: block;
}

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

.\[\&_em\]\:text-\[var\(--muted\)\] em {
  color: var(--muted);
}

.\[\&_em\]\:\[font-style\:normal\] em {
  font-style: normal;
}

.\[\&_figure\[data-selected\=true\]\]\:animate-\[singleStageWinner_0\.5s_ease-out_2\.6s_both\] figure[data-selected=true] {
  animation: singleStageWinner 0.5s ease-out 2.6s both;
}

.\[\&_figure\[data-winner\=false\]\]\:animate-\[multiFade_0\.3s_var\(--land\)_forwards\] figure[data-winner=false] {
  animation: multiFade 0.3s var(--land) forwards;
}

.\[\&_figure\[data-winner\=true\]\]\:animate-\[multiWinner_0\.65s_var\(--land\)_forwards\] figure[data-winner=true] {
  animation: multiWinner 0.65s var(--land) forwards;
}

.\[\&_figure\[data-winner\=true\]_img\]\:animate-\[multiLift_0\.65s_var\(--land\)_forwards\] figure[data-winner=true] img {
  animation: multiLift 0.65s var(--land) forwards;
}

.\[\&_h1\]\:m-\[0_0_8px\] h1 {
  margin: 0 0 8px;
}

.\[\&_h1\]\:mb-\[10px\] h1 {
  margin-bottom: 10px;
}

.\[\&_h1\]\:ml-\[0\] h1 {
  margin-left: 0;
}

.\[\&_h1\]\:mr-\[0\] h1 {
  margin-right: 0;
}

.\[\&_h1\]\:mt-\[10px\] h1 {
  margin-top: 10px;
}

.\[\&_h1\]\:text-\[28px\] h1 {
  font-size: 28px;
}

.\[\&_h1\]\:tracking-\[-0\.5px\] h1 {
  letter-spacing: -0.5px;
}

.\[\&_h1\]\:tracking-\[-1px\] h1 {
  letter-spacing: -1px;
}

.\[\&_h1\]\:\[font\:var\(--type-page\)\] h1 {
  font: var(--type-page);
}

.\[\&_h2\]\:m-\[0\] h2 {
  margin: 0;
}

.\[\&_h2\]\:m-\[0_0_18px\] h2 {
  margin: 0 0 18px;
}

.\[\&_h2\]\:m-\[16px_0\] h2 {
  margin: 16px 0;
}

.\[\&_h2\]\:mb-\[12px\] h2 {
  margin-bottom: 12px;
}

.\[\&_h2\]\:ml-\[0\] h2 {
  margin-left: 0;
}

.\[\&_h2\]\:mr-\[0\] h2 {
  margin-right: 0;
}

.\[\&_h2\]\:mt-\[0\] h2 {
  margin-top: 0;
}

.\[\&_h2\]\:mt-\[20px\] h2 {
  margin-top: 20px;
}

.\[\&_h2\]\:text-center h2 {
  text-align: center;
}

.\[\&_h2\]\:text-\[15px\] h2 {
  font-size: 15px;
}

.\[\&_h2\]\:text-\[17px\] h2 {
  font-size: 17px;
}

.\[\&_h2\]\:text-\[19px\] h2 {
  font-size: 19px;
}

.\[\&_h2\]\:text-\[20px\] h2 {
  font-size: 20px;
}

.\[\&_h2\]\:text-\[22px\] h2 {
  font-size: 22px;
}

.\[\&_h3\]\:m-\[0\] h3 {
  margin: 0;
}

.\[\&_h3\]\:\!min-h-10 h3 {
  min-height: 2.5rem !important;
}

.\[\&_h3\]\:text-\[14px\] h3 {
  font-size: 14px;
}

.\[\&_h3\]\:text-\[15px\] h3 {
  font-size: 15px;
}

.\[\&_header\]\:mb-\[12px\] header {
  margin-bottom: 12px;
}

.\[\&_header\]\:flex header {
  display: flex;
}

.\[\&_header\]\:items-center header {
  align-items: center;
}

.\[\&_header\]\:justify-between header {
  justify-content: space-between;
}

.\[\&_header\]\:gap-\[16px\] header {
  gap: 16px;
}

.\[\&_header\]\:p-\[1px_62px_20px_2px\] header {
  padding: 1px 62px 20px 2px;
}

.\[\&_header_button\]\:h-\[44px\] header button {
  height: 44px;
}

.\[\&_header_button\]\:w-\[44px\] header button {
  width: 44px;
}

.\[\&_header_button\]\:bg-\[none\] header button {
  background-color: none;
}

.\[\&_header_button\]\:text-\[24px\] header button {
  font-size: 24px;
}

.\[\&_header_button\]\:text-\[inherit\] header button {
  color: inherit;
}

.\[\&_header_button\]\:\[border\:0\] header button {
  border: 0;
}

.\[\&_header_h1\]\:m-\[0_0_7px\] header h1 {
  margin: 0 0 7px;
}

.\[\&_header_h1\]\:text-\[30px\] header h1 {
  font-size: 30px;
}

.\[\&_header_h1\]\:leading-\[1\.05\] header h1 {
  line-height: 1.05;
}

.\[\&_header_h1\]\:tracking-\[-1\.2px\] header h1 {
  letter-spacing: -1.2px;
}

.\[\&_header_p\]\:m-\[0\] header p {
  margin: 0;
}

.\[\&_header_p\]\:max-w-\[310px\] header p {
  max-width: 310px;
}

.\[\&_header_p\]\:text-\[13px\] header p {
  font-size: 13px;
}

.\[\&_header_p\]\:leading-\[1\.5\] header p {
  line-height: 1.5;
}

.\[\&_header_p\]\:text-\[var\(--muted\)\] header p {
  color: var(--muted);
}

.\[\&_i\]\:absolute i {
  position: absolute;
}

.\[\&_i\]\:flex-1 i {
  flex: 1 1 0%;
}

.\[\&_i\]\:rounded-\[10px\] i {
  border-radius: 10px;
}

.\[\&_i\]\:bg-\[\#f1e8f8\] i {
  --tw-bg-opacity: 1;
  background-color: rgb(241 232 248 / var(--tw-bg-opacity, 1));
}

.\[\&_i\]\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_14\%\2c _var\(--surface-solid\)\)\] i {
  background-color: color-mix(in srgb, var(--accent) 14%, var(--surface-solid));
}

.\[\&_i\]\:p-\[5px_8px\] i {
  padding: 5px 8px;
}

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

.\[\&_i\]\:font-\[850\] i {
  font-weight: 850;
}

.\[\&_i\]\:tracking-\[0\.04em\] i {
  letter-spacing: 0.04em;
}

.\[\&_i\]\:text-\[var\(--accent\)\] i {
  color: var(--accent);
}

.\[\&_i\]\:shadow-\[0_2px_7px_rgb\(45_30_80_\/_7\%\)\] i {
  --tw-shadow: 0 2px 7px rgb(45 30 80 / 7%);
  --tw-shadow-colored: 0 2px 7px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[\&_i\]\:transition-\[background_0\.12s\] i {
  transition-property: background 0.12s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\[\&_i\]\:\[border\:0\] i {
  border: 0;
}

.\[\&_i\]\:\[font-style\:normal\] i {
  font-style: normal;
}

.\[\&_i\]\:\[left\:9px\] i {
  left: 9px;
}

.\[\&_i\]\:\[top\:9px\] i {
  top: 9px;
}

.\[\&_img\]\:box-border img {
  box-sizing: border-box;
}

.\[\&_img\]\:h-\[100\%\] img {
  height: 100%;
}

.\[\&_img\]\:h-\[110px\] img {
  height: 110px;
}

.\[\&_img\]\:h-\[21px\] img {
  height: 21px;
}

.\[\&_img\]\:h-\[60px\] img {
  height: 60px;
}

.\[\&_img\]\:h-\[62\%\] img {
  height: 62%;
}

.\[\&_img\]\:h-full img {
  height: 100%;
}

.\[\&_img\]\:max-h-\[240px\] img {
  max-height: 240px;
}

.\[\&_img\]\:w-\[100\%\] img {
  width: 100%;
}

.\[\&_img\]\:w-\[90\%\] img {
  width: 90%;
}

.\[\&_img\]\:w-full img {
  width: 100%;
}

.\[\&_img\]\:max-w-\[76px\] img {
  max-width: 76px;
}

.\[\&_img\]\:max-w-full img {
  max-width: 100%;
}

.\[\&_img\]\:object-contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

.\[\&_img\]\:object-cover img {
  -o-object-fit: cover;
     object-fit: cover;
}

.\[\&_img\]\:p-\[5px\] img {
  padding: 5px;
}

.\[\&_input\:disabled\]\:bg-\[var\(--surface\)\] input:disabled {
  background-color: var(--surface);
}

.\[\&_input\:disabled\]\:text-pp-muted input:disabled {
  color: var(--muted);
}

.\[\&_input\:disabled\]\:opacity-100 input:disabled {
  opacity: 1;
}

.\[\&_input\:focus\]\:border-pp-accent input:focus {
  border-color: var(--accent);
}

.\[\&_input\:focus\]\:shadow-\[0_0_0_3px_color-mix\(in_srgb\2c _var\(--accent\)_18\%\2c _transparent\)\] input:focus {
  --tw-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[\&_input\[autocomplete\=one-time-code\]\]\:tabular-nums input[autocomplete=one-time-code] {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\[\&_input\[autocomplete\=one-time-code\]\]\:tracking-\[0\.12em\] input[autocomplete=one-time-code] {
  letter-spacing: 0.12em;
}

.\[\&_input\]\:box-border input {
  box-sizing: border-box;
}

.\[\&_input\]\:h-11 input {
  height: 2.75rem;
}

.\[\&_input\]\:h-\[50px\] input {
  height: 50px;
}

.\[\&_input\]\:min-h-11 input {
  min-height: 2.75rem;
}

.\[\&_input\]\:min-h-12 input {
  min-height: 3rem;
}

.\[\&_input\]\:w-full input {
  width: 100%;
}

.\[\&_input\]\:min-w-0 input {
  min-width: 0px;
}

.\[\&_input\]\:rounded-\[10px\] input {
  border-radius: 10px;
}

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

.\[\&_input\]\:rounded-xl input {
  border-radius: 0.75rem;
}

.\[\&_input\]\:border input {
  border-width: 1px;
}

.\[\&_input\]\:border-\[\#dcd8e9\] input {
  --tw-border-opacity: 1;
  border-color: rgb(220 216 233 / var(--tw-border-opacity, 1));
}

.\[\&_input\]\:border-pp-line input {
  border-color: var(--line);
}

.\[\&_input\]\:bg-\[var\(--surface\)\] input {
  background-color: var(--surface);
}

.\[\&_input\]\:bg-pp-surface input {
  background-color: var(--surface-solid);
}

.\[\&_input\]\:bg-white input {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.\[\&_input\]\:p-2\.5 input {
  padding: 0.625rem;
}

.\[\&_input\]\:p-3 input {
  padding: 0.75rem;
}

.\[\&_input\]\:px-3 input {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.\[\&_input\]\:py-0 input {
  padding-top: 0px;
  padding-bottom: 0px;
}

.\[\&_input\]\:py-2\.5 input {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.\[\&_input\]\:pl-3\.5 input {
  padding-left: 0.875rem;
}

.\[\&_input\]\:text-\[14px\] input {
  font-size: 14px;
}

.\[\&_input\]\:text-\[16px\] input {
  font-size: 16px;
}

.\[\&_input\]\:text-base\/\[1\.55\] input {
  font-size: 1rem;
  line-height: 1.55;
}

.\[\&_input\]\:text-\[\#242030\] input {
  --tw-text-opacity: 1;
  color: rgb(36 32 48 / var(--tw-text-opacity, 1));
}

.\[\&_input\]\:text-pp-text input {
  color: var(--text);
}

.\[\&_input\]\:\[font\:inherit\] input {
  font: inherit;
}

.\[\&_label\]\:my-3 label {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.\[\&_label\]\:flex label {
  display: flex;
}

.\[\&_label\]\:grid label {
  display: grid;
}

.\[\&_label\]\:min-w-0 label {
  min-width: 0px;
}

.\[\&_label\]\:flex-col label {
  flex-direction: column;
}

.\[\&_label\]\:gap-1\.5 label {
  gap: 0.375rem;
}

.\[\&_label\]\:gap-\[7px\] label {
  gap: 7px;
}

.\[\&_label\]\:text-\[12px\] label {
  font-size: 12px;
}

.\[\&_label\]\:text-\[13px\] label {
  font-size: 13px;
}

.\[\&_label\]\:font-\[750\] label {
  font-weight: 750;
}

.\[\&_label\]\:font-semibold label {
  font-weight: 600;
}

.\[\&_li\:before\]\:row-\[1\/3\] li:before {
  grid-row: 1/3;
}

.\[\&_li\:before\]\:grid li:before {
  display: grid;
}

.\[\&_li\:before\]\:h-8 li:before {
  height: 2rem;
}

.\[\&_li\:before\]\:w-8 li:before {
  width: 2rem;
}

.\[\&_li\:before\]\:place-items-center li:before {
  place-items: center;
}

.\[\&_li\:before\]\:rounded-\[10px\] li:before {
  border-radius: 10px;
}

.\[\&_li\:before\]\:bg-pp-surface li:before {
  background-color: var(--surface-solid);
}

.\[\&_li\:before\]\:font-\[850\] li:before {
  font-weight: 850;
}

.\[\&_li\:before\]\:text-pp-accent li:before {
  color: var(--accent);
}

.\[\&_li\:before\]\:content-\[counter\(battle-guide\)\] li:before {
  --tw-content: counter(battle-guide);
  content: var(--tw-content);
}

.\[\&_li\]\:grid li {
  display: grid;
}

.\[\&_li\]\:grid-cols-\[32px_minmax\(0\2c _1fr\)\] li {
  grid-template-columns: 32px minmax(0, 1fr);
}

.\[\&_li\]\:gap-\[2px_11px\] li {
  gap: 2px 11px;
}

.\[\&_li\]\:rounded-\[15px\] li {
  border-radius: 15px;
}

.\[\&_li\]\:bg-\[var\(--surface-3\)\] li {
  background-color: var(--surface-3);
}

.\[\&_li\]\:p-3 li {
  padding: 0.75rem;
}

.\[\&_li\]\:text-\[13px\] li {
  font-size: 13px;
}

.\[\&_li\]\:leading-5 li {
  line-height: 1.25rem;
}

.\[\&_li\]\:text-pp-muted li {
  color: var(--muted);
}

.\[\&_li\]\:\[counter-increment\:battle-guide\] li {
  counter-increment: battle-guide;
}

.\[\&_li_b\]\:text-\[14px\] li b {
  font-size: 14px;
}

.\[\&_li_span\]\:text-\[11px\] li span {
  font-size: 11px;
}

.\[\&_li_span\]\:leading-\[1\.45\] li span {
  line-height: 1.45;
}

.\[\&_li_span\]\:text-pp-muted li span {
  color: var(--muted);
}

.\[\&_p\[role\=alert\]\]\:mt-3 p[role=alert] {
  margin-top: 0.75rem;
}

.\[\&_p\[role\=alert\]\]\:rounded-\[10px\] p[role=alert] {
  border-radius: 10px;
}

.\[\&_p\[role\=alert\]\]\:border p[role=alert] {
  border-width: 1px;
}

.\[\&_p\[role\=alert\]\]\:border-pp-line p[role=alert] {
  border-color: var(--line);
}

.\[\&_p\[role\=alert\]\]\:bg-\[var\(--surface\)\] p[role=alert] {
  background-color: var(--surface);
}

.\[\&_p\[role\=alert\]\]\:p-3 p[role=alert] {
  padding: 0.75rem;
}

.\[\&_p\[role\=alert\]\]\:text-pp-text p[role=alert] {
  color: var(--text);
}

.\[\&_p\]\:col-\[1\] p {
  grid-column: 1;
}

.\[\&_p\]\:m-0 p {
  margin: 0px;
}

.\[\&_p\]\:m-\[4px_0\] p {
  margin: 4px 0;
}

.\[\&_p\]\:mx-0 p {
  margin-left: 0px;
  margin-right: 0px;
}

.\[\&_p\]\:mx-auto p {
  margin-left: auto;
  margin-right: auto;
}

.\[\&_p\]\:my-2 p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&_p\]\:mb-0 p {
  margin-bottom: 0px;
}

.\[\&_p\]\:mb-2 p {
  margin-bottom: 0.5rem;
}

.\[\&_p\]\:mb-2\.5 p {
  margin-bottom: 0.625rem;
}

.\[\&_p\]\:mb-4 p {
  margin-bottom: 1rem;
}

.\[\&_p\]\:mb-\[0\] p {
  margin-bottom: 0;
}

.\[\&_p\]\:mb-\[18px\] p {
  margin-bottom: 18px;
}

.\[\&_p\]\:ml-\[0\] p {
  margin-left: 0;
}

.\[\&_p\]\:mr-\[0\] p {
  margin-right: 0;
}

.\[\&_p\]\:mt-1\.5 p {
  margin-top: 0.375rem;
}

.\[\&_p\]\:mt-2 p {
  margin-top: 0.5rem;
}

.\[\&_p\]\:mt-\[0\] p {
  margin-top: 0;
}

.\[\&_p\]\:flex p {
  display: flex;
}

.\[\&_p\]\:min-h-0 p {
  min-height: 0px;
}

.\[\&_p\]\:max-w-\[290px\] p {
  max-width: 290px;
}

.\[\&_p\]\:animate-\[multiIntro_0\.3s_calc\(var\(--land\)_\+_350ms\)_both\] p {
  animation: multiIntro 0.3s calc(var(--land) + 350ms) both;
}

.\[\&_p\]\:justify-between p {
  justify-content: space-between;
}

.\[\&_p\]\:gap-2\.5 p {
  gap: 0.625rem;
}

.\[\&_p\]\:whitespace-pre-wrap p {
  white-space: pre-wrap;
}

.\[\&_p\]\:p-0 p {
  padding: 0px;
}

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

.\[\&_p\]\:text-\[12px\] p {
  font-size: 12px;
}

.\[\&_p\]\:text-\[13px\] p {
  font-size: 13px;
}

.\[\&_p\]\:text-\[13px\]\/\[1\.5\] p {
  font-size: 13px;
  line-height: 1.5;
}

.\[\&_p\]\:text-\[14px\] p {
  font-size: 14px;
}

.\[\&_p\]\:tabular-nums p {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\[\&_p\]\:leading-5 p {
  line-height: 1.25rem;
}

.\[\&_p\]\:leading-\[1\.45\] p {
  line-height: 1.45;
}

.\[\&_p\]\:leading-\[1\.4\] p {
  line-height: 1.4;
}

.\[\&_p\]\:leading-\[1\.55\] p {
  line-height: 1.55;
}

.\[\&_p\]\:leading-\[1\.5\] p {
  line-height: 1.5;
}

.\[\&_p\]\:leading-\[1\.6\] p {
  line-height: 1.6;
}

.\[\&_p\]\:leading-normal p {
  line-height: 1.5;
}

.\[\&_p\]\:text-\[\#c4b9d0\] p {
  --tw-text-opacity: 1;
  color: rgb(196 185 208 / var(--tw-text-opacity, 1));
}

.\[\&_p\]\:text-\[\#d3c9df\] p {
  --tw-text-opacity: 1;
  color: rgb(211 201 223 / var(--tw-text-opacity, 1));
}

.\[\&_p\]\:text-\[rgb\(255_255_255_\/_76\%\)\] p {
  color: rgb(255 255 255 / 76%);
}

.\[\&_p\]\:text-\[var\(--muted\)\] p {
  color: var(--muted);
}

.\[\&_p\]\:text-pp-muted p {
  color: var(--muted);
}

.\[\&_p\]\:\[animation-name\:multiLabel\] p {
  animation-name: multiLabel;
}

.\[\&_p\]\:\[overflow-wrap\:anywhere\] p {
  overflow-wrap: anywhere;
}

.\[\&_p_b\]\:flex-none p b {
  flex: none;
}

.\[\&_p_b\]\:text-\[10px\] p b {
  font-size: 10px;
}

.\[\&_p_b\]\:text-\[var\(--reward\)\] p b {
  color: var(--reward);
}

.\[\&_p_span\]\:min-w-0 p span {
  min-width: 0px;
}

.\[\&_progress\:\:-moz-progress-bar\]\:rounded-lg progress::-moz-progress-bar {
  border-radius: 0.5rem;
}

.\[\&_progress\:\:-moz-progress-bar\]\:bg-\[var\(--action-benefit\)\] progress::-moz-progress-bar {
  background-color: var(--action-benefit);
}

.\[\&_progress\:\:-webkit-progress-bar\]\:bg-\[color-mix\(in_srgb\2c var\(--muted\)_18\%\2c transparent\)\] progress::-webkit-progress-bar {
  background-color: color-mix(in srgb,var(--muted) 18%,transparent);
}

.\[\&_progress\:\:-webkit-progress-value\]\:rounded-lg progress::-webkit-progress-value {
  border-radius: 0.5rem;
}

.\[\&_section\>small\]\:float-right section>small {
  float: right;
}

.\[\&_section\>small\]\:text-\[10px\] section>small {
  font-size: 10px;
}

.\[\&_section\>small\]\:text-pp-muted section>small {
  color: var(--muted);
}

.\[\&_section\>strong\]\:text-\[12px\] section>strong {
  font-size: 12px;
}

.\[\&_section\]\:border-t section {
  border-top-width: 1px;
}

.\[\&_section\]\:border-t-pp-line section {
  border-top-color: var(--line);
}

.\[\&_section\]\:py-3 section {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.\[\&_section_small\]\:mb-2 section small {
  margin-bottom: 0.5rem;
}

.\[\&_section_small\]\:leading-\[1\.5\] section small {
  line-height: 1.5;
}

.\[\&_small\]\:m-0 small {
  margin: 0px;
}

.\[\&_small\]\:mt-1 small {
  margin-top: 0.25rem;
}

.\[\&_small\]\:mt-2 small {
  margin-top: 0.5rem;
}

.\[\&_small\]\:mt-\[4px\] small {
  margin-top: 4px;
}

.\[\&_small\]\:block small {
  display: block;
}

.\[\&_small\]\:min-h-0 small {
  min-height: 0px;
}

.\[\&_small\]\:max-w-full small {
  max-width: 100%;
}

.\[\&_small\]\:text-\[0\.66rem\] small {
  font-size: 0.66rem;
}

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

.\[\&_small\]\:text-\[10px\]\/normal small {
  font-size: 10px;
  line-height: 1.5;
}

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

.\[\&_small\]\:text-\[12px\] small {
  font-size: 12px;
}

.\[\&_small\]\:font-\[750\] small {
  font-weight: 750;
}

.\[\&_small\]\:font-normal small {
  font-weight: 400;
}

.\[\&_small\]\:tabular-nums small {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\[\&_small\]\:leading-\[1\.38\] small {
  line-height: 1.38;
}

.\[\&_small\]\:leading-\[1\.4\] small {
  line-height: 1.4;
}

.\[\&_small\]\:leading-\[1\.5\] small {
  line-height: 1.5;
}

.\[\&_small\]\:text-\[\#ded5f3\] small {
  --tw-text-opacity: 1;
  color: rgb(222 213 243 / var(--tw-text-opacity, 1));
}

.\[\&_small\]\:text-\[var\(--muted\)\] small {
  color: var(--muted);
}

.\[\&_small\]\:text-inherit small {
  color: inherit;
}

.\[\&_small\]\:text-pp-accent small {
  color: var(--accent);
}

.\[\&_small\]\:text-pp-muted small {
  color: var(--muted);
}

.\[\&_small\]\:opacity-80 small {
  opacity: 0.8;
}

.\[\&_small\]\:\[overflow-wrap\:anywhere\] small {
  overflow-wrap: anywhere;
}

.\[\&_span\]\:relative span {
  position: relative;
}

.\[\&_span\]\:block span {
  display: block;
}

.\[\&_span\]\:inline-grid span {
  display: inline-grid;
}

.\[\&_span\]\:aspect-square span {
  aspect-ratio: 1 / 1;
}

.\[\&_span\]\:h-\[22px\] span {
  height: 22px;
}

.\[\&_span\]\:w-\[100\%\] span {
  width: 100%;
}

.\[\&_span\]\:w-\[52px\] span {
  width: 52px;
}

.\[\&_span\]\:min-w-0 span {
  min-width: 0px;
}

.\[\&_span\]\:min-w-\[22px\] span {
  min-width: 22px;
}

.\[\&_span\]\:place-items-center span {
  place-items: center;
}

.\[\&_span\]\:overflow-hidden span {
  overflow: hidden;
}

.\[\&_span\]\:whitespace-nowrap span {
  white-space: nowrap;
}

.\[\&_span\]\:rounded-\[11px\] span {
  border-radius: 11px;
}

.\[\&_span\]\:rounded-\[50\%\] span {
  border-radius: 50%;
}

.\[\&_span\]\:bg-\[\#53209c\] span {
  --tw-bg-opacity: 1;
  background-color: rgb(83 32 156 / var(--tw-bg-opacity, 1));
}

.\[\&_span\]\:bg-\[var\(--surface-solid\)\] span {
  background-color: var(--surface-solid);
}

.\[\&_span\]\:text-center span {
  text-align: center;
}

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

.\[\&_span\]\:text-\[12px\] span {
  font-size: 12px;
}

.\[\&_span\]\:font-\[850\] span {
  font-weight: 850;
}

.\[\&_span\]\:leading-\[14px\] span {
  line-height: 14px;
}

.\[\&_span\]\:tracking-\[1\.5px\] span {
  letter-spacing: 1.5px;
}

.\[\&_span\]\:text-\[var\(--muted\)\] span {
  color: var(--muted);
}

.\[\&_span\]\:text-pp-muted span {
  color: var(--muted);
}

.\[\&_span\]\:opacity-\[0\.76\] span {
  opacity: 0.76;
}

.\[\&_span\]\:\[-webkit-box-orient\:vertical\] span {
  -webkit-box-orient: vertical;
}

.\[\&_span\]\:\[-webkit-line-clamp\:2\] span {
  -webkit-line-clamp: 2;
}

.\[\&_span\]\:\[border\:2px_solid_\#844bdd\] span {
  border: 2px solid #844bdd;
}

.\[\&_span\]\:\[font\:var\(--type-caption\)\] span {
  font: var(--type-caption);
}

.\[\&_span\]\:\[overflow-wrap\:anywhere\] span {
  overflow-wrap: anywhere;
}

.\[\&_span\]\:\[text-overflow\:ellipsis\] span {
  text-overflow: ellipsis;
}

.\[\&_span\]\:\[top\:-14px\] span {
  top: -14px;
}

.\[\&_strong\]\:block strong {
  display: block;
}

.\[\&_strong\]\:w-\[100\%\] strong {
  width: 100%;
}

.\[\&_strong\]\:overflow-hidden strong {
  overflow: hidden;
}

.\[\&_strong\]\:whitespace-nowrap strong {
  white-space: nowrap;
}

.\[\&_strong\]\:text-\[15px\] strong {
  font-size: 15px;
}

.\[\&_strong\]\:text-\[16px\] strong {
  font-size: 16px;
}

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

.\[\&_strong\]\:leading-\[1\.25\] strong {
  line-height: 1.25;
}

.\[\&_strong\]\:leading-\[12px\] strong {
  line-height: 12px;
}

.\[\&_strong\]\:text-pp-text strong {
  color: var(--text);
}

.\[\&_strong\]\:\[font\:600_12px\/18px_var\(--type-family\)\] strong {
  font: 600 12px/18px var(--type-family);
}

.\[\&_strong\]\:\[text-overflow\:ellipsis\] strong {
  text-overflow: ellipsis;
}

.\[\&_summary\:after\]\:ml-\[auto\] summary:after {
  margin-left: auto;
}

.\[\&_summary\:after\]\:text-\[var\(--muted\)\] summary:after {
  color: var(--muted);
}

.\[\&_summary\:after\]\:content-\[\'\+\'\] summary:after {
  --tw-content: '+';
  content: var(--tw-content);
}

.\[\&_summary\]\:flex summary {
  display: flex;
}

.\[\&_summary\]\:min-h-\[32px\] summary {
  min-height: 32px;
}

.\[\&_summary\]\:min-h-\[44px\] summary {
  min-height: 44px;
}

.\[\&_summary\]\:cursor-pointer summary {
  cursor: pointer;
}

.\[\&_summary\]\:items-center summary {
  align-items: center;
}

.\[\&_summary\]\:pt-\[12px\] summary {
  padding-top: 12px;
}

.\[\&_summary\]\:text-\[13px\] summary {
  font-size: 13px;
}

.\[\&_summary\]\:text-\[14px\] summary {
  font-size: 14px;
}

.\[\&_summary\]\:font-\[700\] summary {
  font-weight: 700;
}

.\[\&_svg\]\:h-5 svg {
  height: 1.25rem;
}

.\[\&_svg\]\:w-5 svg {
  width: 1.25rem;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:h-auto {
  height: auto;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:min-h-11 {
  min-height: 2.75rem;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:w-full {
  width: 100%;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:min-w-0 {
  min-width: 0px;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:max-w-full {
  max-width: 100%;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:justify-between {
  justify-content: space-between;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:gap-2\.5 {
  gap: 0.625rem;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:gap-3 {
  gap: 0.75rem;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:text-clip {
  text-overflow: clip;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:whitespace-normal {
  white-space: normal;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:border-pp-line {
  border-color: var(--line);
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:bg-pp-surface {
  background-color: var(--surface-solid);
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:text-left {
  text-align: left;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:text-\[16px\] {
  font-size: 16px;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:text-pp-text {
  color: var(--text);
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:\[transition\:background-color_140ms_ease\] {
  transition: background-color 140ms ease;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:focus-visible\:outline-offset-\[3px\]:focus-visible {
  outline-offset: 3px;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:focus-visible\:\[outline\:2px_solid_var\(--accent\)\]:focus-visible {
  outline: 2px solid var(--accent);
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:active\:enabled\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_8\%\2c _var\(--surface-solid\)\)\]:enabled:active {
  background-color: color-mix(in srgb, var(--accent) 8%, var(--surface-solid));
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:disabled\:cursor-default:disabled {
  cursor: default;
}

.addressPage .addressCountry .\[\.addressPage_\.addressCountry_\&\]\:disabled\:opacity-\[0\.55\]:disabled {
  opacity: 0.55;
}

@media (prefers-reduced-motion: reduce) {

  .addressPage .addressCountry .motion-reduce\:\[\.addressPage_\.addressCountry_\&\]\:\[transition\:none\] {
    transition: none;
  }
}

.addressPage fieldset:disabled .\[\.addressPage_fieldset\:disabled_\&\]\:cursor-default {
  cursor: default;
}

.addressPage fieldset:disabled .\[\.addressPage_fieldset\:disabled_\&\]\:bg-\[var\(--surface\)\] {
  background-color: var(--surface);
}

.addressPage fieldset:disabled .\[\.addressPage_fieldset\:disabled_\&\]\:text-pp-muted {
  color: var(--muted);
}

.addressPage fieldset:disabled .\[\.addressPage_fieldset\:disabled_\&\]\:opacity-100 {
  opacity: 1;
}

.appShell:has(.battleCreateFloat) .\[\.appShell\:has\(\.battleCreateFloat\)_\&\:last-of-type\]\:pb-\[106px\]:last-of-type {
  padding-bottom: 106px;
}

.appShell:has(.battleCreatePage) .\[\.appShell\:has\(\.battleCreatePage\)_\&\]\:hidden {
  display: none;
}

.appShell .\[\.appShell_\&\]\:mb-\[0\] {
  margin-bottom: 0;
}

.appShell .\[\.appShell_\&\]\:ml-\[0\] {
  margin-left: 0;
}

.appShell .\[\.appShell_\&\]\:mr-\[0\] {
  margin-right: 0;
}

.appShell .\[\.appShell_\&\]\:mt-\[0\] {
  margin-top: 0;
}

.appShell .\[\.appShell_\&\]\:h-\[118px\] {
  height: 118px;
}

.appShell .\[\.appShell_\&\]\:rounded-\[0\] {
  border-radius: 0;
}

.appShell .\[\.appShell_\&\]\:border-\[color-mix\(in_srgb\2c _var\(--trust\)_18\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, var(--trust) 18%, var(--line));
}

.appShell .\[\.appShell_\&\]\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_9\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 9%, var(--surface-solid));
}

.appShell .\[\.appShell_\&\]\:bg-\[color-mix\(in_srgb\2c _var\(--trust\)_4\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--trust) 4%, var(--surface-solid));
}

.appShell .\[\.appShell_\&\]\:font-\[500\] {
  font-weight: 500;
}

.appShell .\[\.appShell_\&\]\:leading-\[1\.45\] {
  line-height: 1.45;
}

.appShell .\[\.appShell_\&\]\:tracking-\[0\] {
  letter-spacing: 0;
}

.appShell .\[\.appShell_\&\]\:text-\[var\(--accent\)\] {
  color: var(--accent);
}

.appShell .\[\.appShell_\&\]\:text-\[var\(--text-caption\)\] {
  color: var(--text-caption);
}

.appShell .\[\.appShell_\&\]\:text-\[var\(--trust\)\] {
  color: var(--trust);
}

.appShell .\[\.appShell_\&\]\:\[font-family\:var\(--font-numeric\)\] {
  font-family: var(--font-numeric);
}

.appShell .\[\.appShell_\&\]\:\[font-variant-numeric\:tabular-nums_lining-nums\] {
  font-variant-numeric: tabular-nums lining-nums;
}

.appShell .\[\.appShell_\&\]\:\[text-transform\:none\] {
  text-transform: none;
}

.appShell .\[\.appShell_\&_\.freeDropHeading_\.freeCardArt\]\:m-auto .freeDropHeading .freeCardArt {
  margin: auto;
}

.appShell .\[\.appShell_\&_\.freeDropHeading_\.freeCardArt\]\:w-\[200px\] .freeDropHeading .freeCardArt {
  width: 200px;
}

.appShell .\[\.appShell_\&_\>_h1\]\:\[margin-bottom\:6px\] > h1 {
  margin-bottom: 6px;
}

.appShell .\[\.appShell_\&_\>_h1\]\:\[margin-top\:0\] > h1 {
  margin-top: 0;
}

.appShell .\[\.appShell_\&_a\]\:py-1\.5 a {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.appShell .\[\.appShell_\&_a\]\:no-underline a {
  text-decoration-line: none;
}

.appShell .\[\.appShell_\&_b\]\:font-\[600\] b {
  font-weight: 600;
}

.appShell .\[\.appShell_\&_b\]\:leading-\[1\.2\] b {
  line-height: 1.2;
}

.appShell .\[\.appShell_\&_b\]\:tracking-\[-0\.4px\] b {
  letter-spacing: -0.4px;
}

.appShell .\[\.appShell_\&_b\]\:text-\[var\(--text-amount\)\] b {
  color: var(--text-amount);
}

.appShell .\[\.appShell_\&_b\]\:\[font-family\:var\(--font-numeric\)\] b {
  font-family: var(--font-numeric);
}

.appShell .\[\.appShell_\&_b\]\:\[font-variant-numeric\:tabular-nums_lining-nums\] b {
  font-variant-numeric: tabular-nums lining-nums;
}

.appShell .\[\.appShell_\&_button\:focus-visible\]\:outline-offset-\[3px\] button:focus-visible {
  outline-offset: 3px;
}

.appShell .\[\.appShell_\&_button\:focus-visible\]\:\[outline\:2px_solid_var\(--accent\)\] button:focus-visible {
  outline: 2px solid var(--accent);
}

.appShell .\[\.appShell_\&_h1\]\:\[font-size\:var\(--text-page\)\] h1 {
  font-size: var(--text-page);
}

.appShell .\[\.appShell_\&_h1\]\:\[font-weight\:650\] h1 {
  font-weight: 650;
}

.appShell .\[\.appShell_\&_h1\]\:\[letter-spacing\:-0\.35px\] h1 {
  letter-spacing: -0.35px;
}

.appShell .\[\.appShell_\&_h1\]\:\[line-height\:1\.25\] h1 {
  line-height: 1.25;
}

.appShell .\[\.appShell_\&_img\]\:h-full img {
  height: 100%;
}

.appShell .\[\.appShell_\&_img\]\:w-full img {
  width: 100%;
}

.appShell .\[\.appShell_\&_img\]\:object-cover img {
  -o-object-fit: cover;
     object-fit: cover;
}

.appShell .\[\.appShell_\&_p\]\:\[color\:var\(--muted\)\] p {
  color: var(--muted);
}

.appShell .\[\.appShell_\&_p\]\:\[margin-bottom\:0\] p {
  margin-bottom: 0;
}

.appShell .\[\.appShell_\&_p\]\:\[margin-left\:0\] p {
  margin-left: 0;
}

.appShell .\[\.appShell_\&_p\]\:\[margin-right\:0\] p {
  margin-right: 0;
}

.appShell .\[\.appShell_\&_p\]\:\[margin-top\:0\] p {
  margin-top: 0;
}

.appShell .battleIntro .\[\.appShell_\.battleIntro_\&\]\:hidden {
  display: none;
}

.appShell .gamesPage > .\[\.appShell_\.gamesPage_\>_\&\]\:hidden {
  display: none;
}

.appShell .gamesPage > .\[\.appShell_\.gamesPage_\>_\&\]\:\[font-size\:13px\] {
  font-size: 13px;
}

.appShell .gamesPage > .\[\.appShell_\.gamesPage_\>_\&\]\:\[line-height\:1\.6\] {
  line-height: 1.6;
}

.appShell .gamesPage > .\[\.appShell_\.gamesPage_\>_\&\]\:\[margin-bottom\:22px\] {
  margin-bottom: 22px;
}

.appShell .gamesPage > .\[\.appShell_\.gamesPage_\>_\&\]\:\[max-width\:30ch\] {
  max-width: 30ch;
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&\]\:pb-\[22px\] {
  padding-bottom: 22px;
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&\]\:\[font-size\:var\(--text-caption\)\] {
  font-size: var(--text-caption);
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&\]\:\[font-weight\:500\] {
  font-weight: 500;
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&\]\:\[letter-spacing\:0\] {
  letter-spacing: 0;
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&\]\:\[line-height\:1\.45\] {
  line-height: 1.45;
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&\]\:\[text-transform\:none\] {
  text-transform: none;
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&_a\]\:flex a {
  display: flex;
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&_a\]\:items-center a {
  align-items: center;
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&_a\]\:gap-1 a {
  gap: 0.25rem;
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&_a\]\:text-\[12px\] a {
  font-size: 12px;
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&_a\]\:text-pp-muted a {
  color: var(--muted);
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&_h2\]\:\[font-size\:var\(--text-section\)\] h2 {
  font-size: var(--text-section);
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&_h2\]\:\[font-weight\:650\] h2 {
  font-weight: 650;
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&_h2\]\:\[letter-spacing\:-0\.2px\] h2 {
  letter-spacing: -0.2px;
}

.appShell .homeLayout .\[\.appShell_\.homeLayout_\&_h2\]\:\[line-height\:1\.35\] h2 {
  line-height: 1.35;
}

.appShell .homeLayout .homeCatalog .\[\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:first-child\]\:\[grid-column\:1\/-1\] > div:first-child {
  grid-column: 1/-1;
}

.appShell .homeLayout .homeCatalog .\[\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:first-child_h3\]\:min-h-0 > div:first-child h3 {
  min-height: 0px;
}

.appShell .homeLayout .homeCatalog .\[\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:first-child_h3\]\:\[-webkit-line-clamp\:3\] > div:first-child h3 {
  -webkit-line-clamp: 3;
}

.appShell .homeLayout .homeCatalog .\[\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:first-child_h3\]\:\[font-family\:var\(--font-heading\)\] > div:first-child h3 {
  font-family: var(--font-heading);
}

.appShell .homeLayout .homeCatalog .\[\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:first-child_h3\]\:\[font-size\:16px\] > div:first-child h3 {
  font-size: 16px;
}

.appShell .homeLayout .homeCatalog .\[\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:first-child_h3\]\:\[line-height\:1\.25\] > div:first-child h3 {
  line-height: 1.25;
}

.appShell .homeLayout .homeCatalog .\[\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:first-child_h3\]\:\[overflow-wrap\:anywhere\] > div:first-child h3 {
  overflow-wrap: anywhere;
}

.appShell .homeLiveStrip .dropCard.\[\.appShell_\.homeLiveStrip_\.dropCard\&\]\:\[background\:linear-gradient\(_135deg\2c _rgba\(222\2c _178\2c _78\2c _0\.16\)\2c _rgba\(255\2c _250\2c _233\2c _0\.44\)_\)\] {
  background: linear-gradient( 135deg, rgba(222, 178, 78, 0.16), rgba(255, 250, 233, 0.44) );
}

.appShell .homeLiveStrip .dropCard.\[\.appShell_\.homeLiveStrip_\.dropCard\&\]\:\[box-shadow\:inset_0_0_0_1px_rgba\(196\2c _146\2c _45\2c _0\.2\)\] {
  box-shadow: inset 0 0 0 1px rgba(196, 146, 45, 0.2);
}

.appShell .homeLiveStrip .dropCard.\[\.appShell_\.homeLiveStrip_\.dropCard\&\]\:\[flex-basis\:126px\] {
  flex-basis: 126px;
}

.battleArenaCard[data-state=10] .\[\.battleArenaCard\[data-state\=10\]_\&\:\:before\]\:bg-\[var\(--accent\)\]::before {
  background-color: var(--accent);
}

.battleArenaCard[data-state=20] .\[\.battleArenaCard\[data-state\=20\]_\&\:\:before\]\:bg-\[var\(--promo\)\]::before {
  background-color: var(--promo);
}

.battleBotConfirmation .\[\.battleBotConfirmation_\&\]\:flex {
  display: flex;
}

.battleBotConfirmation .\[\.battleBotConfirmation_\&\]\:items-center {
  align-items: center;
}

.battleBotConfirmation .\[\.battleBotConfirmation_\&\]\:justify-center {
  justify-content: center;
}

.battleBotConfirmation .\[\.battleBotConfirmation_\&\]\:gap-\[7px\] {
  gap: 7px;
}

.battleBotConfirmation .\[\.battleBotConfirmation_\&\]\:border-\[transparent\] {
  border-color: transparent;
}

.battleBotConfirmation .\[\.battleBotConfirmation_\&\]\:bg-\[var\(--accent\)\] {
  background-color: var(--accent);
}

.battleBotConfirmation .\[\.battleBotConfirmation_\&\]\:font-\[600\] {
  font-weight: 600;
}

.battleBotConfirmation .\[\.battleBotConfirmation_\&\]\:text-\[white\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.battleHistoryList .battleArenaCard[data-result=draw] .\[\.battleHistoryList_\.battleArenaCard\[data-result\=draw\]_\&\]\:\[color\:var\(--trust\)\] {
  color: var(--trust);
}

.battleHistoryList .battleArenaCard[data-result=lose] .\[\.battleHistoryList_\.battleArenaCard\[data-result\=lose\]_\&\]\:\[color\:var\(--muted\)\] {
  color: var(--muted);
}

.battleHistoryList .battleArenaCard[data-result=win] .\[\.battleHistoryList_\.battleArenaCard\[data-result\=win\]_\&\]\:\[color\:var\(--action-benefit\)\] {
  color: var(--action-benefit);
}

.battleHistoryState > .\[\.battleHistoryState_\>_\&\]\:text-pp-accent {
  color: var(--accent);
}

.battleRoomLive .\[\.battleRoomLive_\&\]\:inline-flex {
  display: inline-flex;
}

.battleRoomLive .\[\.battleRoomLive_\&\]\:items-center {
  align-items: center;
}

.battleRoomLive .\[\.battleRoomLive_\&\]\:justify-center {
  justify-content: center;
}

.battleRoomLive .\[\.battleRoomLive_\&\]\:gap-\[7px\] {
  gap: 7px;
}

.battleRoomLive .\[\.battleRoomLive_\&\]\:border-\[transparent\] {
  border-color: transparent;
}

.battleRoomLive .\[\.battleRoomLive_\&\]\:bg-\[var\(--accent\)\] {
  background-color: var(--accent);
}

.battleRoomLive .\[\.battleRoomLive_\&\]\:font-\[600\] {
  font-weight: 600;
}

.battleRoomLive .\[\.battleRoomLive_\&\]\:text-\[white\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.battleSection .\[\.battleSection_\&\]\:items-baseline {
  align-items: baseline;
}

.battleSection .\[\.battleSection_\&\]\:text-right {
  text-align: right;
}

.battleSection .\[\.battleSection_\&\]\:text-\[12px\] {
  font-size: 12px;
}

.battleSection .\[\.battleSection_\&\]\:leading-\[18px\] {
  line-height: 18px;
}

.battleSelectedGrid .\[\.battleSelectedGrid_\&\]\:h-24 {
  height: 6rem;
}

.battleSelectedGrid .\[\.battleSelectedGrid_\&\]\:w-full {
  width: 100%;
}

.battleStage .\[\.battleStage_\&\]\:min-h-12 {
  min-height: 3rem;
}

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

.battleStage .\[\.battleStage_\&\]\:bg-pp-accent {
  background-color: var(--accent);
}

.battleStage .\[\.battleStage_\&\]\:px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.battleStage .\[\.battleStage_\&\]\:py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.battleStage .\[\.battleStage_\&\]\:text-\[14px\] {
  font-size: 14px;
}

.battleStage .\[\.battleStage_\&\]\:font-semibold {
  font-weight: 600;
}

.battleStage .\[\.battleStage_\&\]\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.battleStage .\[\.battleStage_\&\]\:\[border\:1px_solid_var\(--accent\)\] {
  border: 1px solid var(--accent);
}

.battleStage .\[\.battleStage_\&\]\:disabled\:cursor-default:disabled {
  cursor: default;
}

.battleStage .\[\.battleStage_\&\]\:disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.battleTieRibbon i.\[\.battleTieRibbon_i\&\]\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_65\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 65%, var(--surface-solid));
}

.boxRecommendationRail .\[\.boxRecommendationRail_\&\]\:min-h-9 {
  min-height: 2.25rem;
}

.boxRecommendationRail .\[\.boxRecommendationRail_\&\]\:text-\[0\.9rem\] {
  font-size: 0.9rem;
}

.boxRecommendationRail .\[\.boxRecommendationRail_\&\]\:\[font-family\:var\(--font-display\2c _inherit\)\] {
  font-family: var(--font-display, inherit);
}

.boxResultDialog .boxResultActions .\[\.boxResultDialog_\.boxResultActions_\&\[data-full-recovery\]\]\:border-\[\#d8bd81\][data-full-recovery] {
  --tw-border-opacity: 1;
  border-color: rgb(216 189 129 / var(--tw-border-opacity, 1));
}

.boxResultDialog .boxResultActions .\[\.boxResultDialog_\.boxResultActions_\&\[data-full-recovery\]\]\:bg-\[linear-gradient\(115deg\2c _\#f5e6bb\2c _\#eed399\)\][data-full-recovery] {
  background-image: linear-gradient(115deg, #f5e6bb, #eed399);
}

.boxResultDialog .boxResultActions .\[\.boxResultDialog_\.boxResultActions_\&\[data-full-recovery\]\]\:text-\[\#624315\][data-full-recovery] {
  --tw-text-opacity: 1;
  color: rgb(98 67 21 / var(--tw-text-opacity, 1));
}

.boxResultDialog .boxResultActions .\[\.boxResultDialog_\.boxResultActions_\&\[data-full-recovery\]\]\:shadow-\[inset_0_1px_0_\#ffffff80\][data-full-recovery] {
  --tw-shadow: inset 0 1px 0 #ffffff80;
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.boxesPage .catalogFilters .\[\.boxesPage_\.catalogFilters_\&\]\:border-\[var\(--hairline\)\] {
  border-color: var(--hairline);
}

.boxesPage .catalogFilters .\[\.boxesPage_\.catalogFilters_\&\]\:bg-\[var\(--surface-2\)\] {
  background-color: var(--surface-2);
}

.boxesPage .catalogFilters .\[\.boxesPage_\.catalogFilters_\&\]\:shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.catalogGrid .\[\.catalogGrid_\&\]\:line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.catalogGrid .\[\.catalogGrid_\&\]\:h-8 {
  height: 2rem;
}

.catalogGrid .\[\.catalogGrid_\&\]\:min-h-9 {
  min-height: 2.25rem;
}

.catalogGrid .\[\.catalogGrid_\&\]\:w-8 {
  width: 2rem;
}

.catalogGrid .\[\.catalogGrid_\&\]\:flex-\[0_0_32px\] {
  flex: 0 0 32px;
}

.catalogGrid .\[\.catalogGrid_\&\]\:gap-\[9px\] {
  gap: 9px;
}

.catalogGrid .\[\.catalogGrid_\&\]\:border-\[var\(--hairline\)\] {
  border-color: var(--hairline);
}

.catalogGrid .\[\.catalogGrid_\&\]\:px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.catalogGrid .\[\.catalogGrid_\&\]\:pb-\[13px\] {
  padding-bottom: 13px;
}

.catalogGrid .\[\.catalogGrid_\&\]\:pt-\[7px\] {
  padding-top: 7px;
}

.catalogGrid .\[\.catalogGrid_\&\]\:text-\[13px\] {
  font-size: 13px;
}

.catalogGrid .\[\.catalogGrid_\&\]\:tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.catalogGrid .\[\.catalogGrid_\&\]\:text-pp-accent {
  color: var(--accent);
}

.catalogGrid .\[\.catalogGrid_\&\]\:shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.catalogGrid .\[\.catalogGrid_\&\]\:\[background\:color-mix\(in_srgb\2c var\(--accent\)_9\%\2c var\(--surface-2\)\)\] {
  background: color-mix(in srgb,var(--accent) 9%,var(--surface-2));
}

.catalogGrid .\[\.catalogGrid_\&\]\:\[background\:var\(--surface-1\)\] {
  background: var(--surface-1);
}

.catalogGrid .\[\.catalogGrid_\&\]\:\[filter\:drop-shadow\(0_8px_10px_rgba\(32\2c 22\2c 62\2c 0\.1\)\)\] {
  filter: drop-shadow(0 8px 10px rgba(32,22,62,0.1));
}

@media (max-width: 340px) {

  .catalogGrid .max-\[340px\]\:\[\.catalogGrid_\&\]\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.dropCard+.\[\.dropCard\+\&\]\:before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.dropCard+.\[\.dropCard\+\&\]\:before\:inset-y-\[9px\]::before {
  content: var(--tw-content);
  top: 9px;
  bottom: 9px;
}

.dropCard+.\[\.dropCard\+\&\]\:before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}

.dropCard+.\[\.dropCard\+\&\]\:before\:w-px::before {
  content: var(--tw-content);
  width: 1px;
}

.dropCard+.\[\.dropCard\+\&\]\:before\:bg-pp-line::before {
  content: var(--tw-content);
  background-color: var(--line);
}

.dropCard+.\[\.dropCard\+\&\]\:before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.freeCardArt .\[\.freeCardArt_\&\]\:absolute {
  position: absolute;
}

.freeCardArt .\[\.freeCardArt_\&\]\:right-0\.5 {
  right: 0.125rem;
}

.freeCardArt .\[\.freeCardArt_\&\]\:top-0\.5 {
  top: 0.125rem;
}

.freeCardArt .\[\.freeCardArt_\&\]\:rounded-lg {
  border-radius: 0.5rem;
}

.freeCardArt .\[\.freeCardArt_\&\]\:bg-pp-surface {
  background-color: var(--surface-solid);
}

.freeCardArt .\[\.freeCardArt_\&\]\:px-\[7px\] {
  padding-left: 7px;
  padding-right: 7px;
}

.freeCardArt .\[\.freeCardArt_\&\]\:py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

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

.freeCatalogCard.is-app-only .\[\.freeCatalogCard\.is-app-only_\&\]\:text-pp-muted {
  color: var(--muted);
}

.freeDetailPage .\[\.freeDetailPage_\&\:disabled\]\:cursor-wait:disabled {
  cursor: wait;
}

.freeDetailPage .\[\.freeDetailPage_\&\:disabled\]\:opacity-\[0\.55\]:disabled {
  opacity: 0.55;
}

.freeDetailPage .\[\.freeDetailPage_\&\:disabled\]\:shadow-none:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:pointer-events-none {
  pointer-events: none;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:fixed {
  position: fixed;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:bottom-\[86px\] {
  bottom: 86px;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:left-1\/2 {
  left: 50%;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:z-\[35\] {
  z-index: 35;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:m-auto {
  margin: auto;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:block {
  display: block;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:\!min-h-\[54px\] {
  min-height: 54px !important;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:w-\[calc\(min\(100vw\2c _480px\)_-_40px\)\] {
  width: calc(min(100vw, 480px) - 40px);
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:max-w-60 {
  max-width: 15rem;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:\!rounded-\[18px\] {
  border-radius: 18px !important;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:text-center {
  text-align: center;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:text-\[16px\] {
  font-size: 16px;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:\!\[background\:var\(--accent\)\] {
  background: var(--accent) !important;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:\!\[border\:5px_solid_var\(--surface\)\] {
  border: 5px solid var(--surface) !important;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:\[box-shadow\:inset_0_1px_0_\#ffffff40\2c _0_6px_18px_\#44308625\] {
  box-shadow: inset 0 1px 0 #ffffff40, 0 6px 18px #44308625;
}

.freeDetailPage .\[\.freeDetailPage_\&\]\:\[transform\:translateX\(-50\%\)\] {
  transform: translateX(-50%);
}

.freeDetailPage > .freeGrid .\[\.freeDetailPage_\>_\.freeGrid_\&\]\:hidden {
  display: none;
}

.gameExperience--adventure .\[\.gameExperience--adventure_\&\]\:bg-\[linear-gradient\(145deg\2c _\#102c54\2c _\#245f82_58\%\2c _\#55aab2\)\] {
  background-image: linear-gradient(145deg, #102c54, #245f82 58%, #55aab2);
}

.gameExperience--adventure .\[\.gameExperience--adventure_\&\]\:\[border-bottom\:3px_solid_color-mix\(in_srgb\2c _var\(--game-tone\)_58\%\2c _white\)\] {
  border-bottom: 3px solid color-mix(in srgb, var(--game-tone) 58%, white);
}

.gameExperience--beach-bash .\[\.gameExperience--beach-bash_\&\]\:bg-\[linear-gradient\(145deg\2c _\#102c54\2c _\#245f82_58\%\2c _\#55aab2\)\] {
  background-image: linear-gradient(145deg, #102c54, #245f82 58%, #55aab2);
}

.gameExperience--beach-bash .\[\.gameExperience--beach-bash_\&\]\:\[border-bottom\:3px_solid_color-mix\(in_srgb\2c _var\(--game-tone\)_58\%\2c _white\)\] {
  border-bottom: 3px solid color-mix(in srgb, var(--game-tone) 58%, white);
}

.gameExperience--capsule .\[\.gameExperience--capsule_\&\]\:bg-\[radial-gradient\(circle_at_77\%_20\%\2c _\#7cf4ff_0_4\%\2c _transparent_5\%\)\2c _linear-gradient\(140deg\2c _\#3d176f\2c _\#96369f_58\%\2c _\#ef5ca0\)\] {
  background-image: radial-gradient(circle at 77% 20%, #7cf4ff 0 4%, transparent 5%), linear-gradient(140deg, #3d176f, #96369f 58%, #ef5ca0);
}

.gameExperience--coin .\[\.gameExperience--coin_\&\]\:bg-\[linear-gradient\(135deg\2c _\#fffaf0\2c _\#f6e5ba\)\] {
  background-image: linear-gradient(135deg, #fffaf0, #f6e5ba);
}

.gameExperience--coin .\[\.gameExperience--coin_\&\]\:bg-\[radial-gradient\(circle_at_76\%_35\%\2c _\#ffe58b_0_4\%\2c _transparent_5\%\)\2c _linear-gradient\(135deg\2c _\#332511\2c _\#76501a_58\%\2c _\#bf842a\)\] {
  background-image: radial-gradient(circle at 76% 35%, #ffe58b 0 4%, transparent 5%), linear-gradient(135deg, #332511, #76501a 58%, #bf842a);
}

.gameExperience--coin .\[\.gameExperience--coin_\&\]\:\[border\:1px_solid_color-mix\(in_srgb\2c _var\(--game-tone\)_28\%\2c _white\)\] {
  border: 1px solid color-mix(in srgb, var(--game-tone) 28%, white);
}

.gameExperience--lottery .\[\.gameExperience--lottery_\&\]\:bg-\[radial-gradient\(circle_at_78\%_20\%\2c _\#ffbd66_0_3\%\2c _transparent_4\%\)\2c _linear-gradient\(140deg\2c _\#711b50\2c _\#ce3c63_62\%\2c _\#f0875b\)\] {
  background-image: radial-gradient(circle at 78% 20%, #ffbd66 0 3%, transparent 4%), linear-gradient(140deg, #711b50, #ce3c63 62%, #f0875b);
}

.gameExperience--pokemon-adventure .\[\.gameExperience--pokemon-adventure_\&\]\:bg-\[linear-gradient\(145deg\2c _\#102c54\2c _\#245f82_58\%\2c _\#55aab2\)\] {
  background-image: linear-gradient(145deg, #102c54, #245f82 58%, #55aab2);
}

.gameExperience--pokemon-adventure .\[\.gameExperience--pokemon-adventure_\&\]\:\[border-bottom\:3px_solid_color-mix\(in_srgb\2c _var\(--game-tone\)_58\%\2c _white\)\] {
  border-bottom: 3px solid color-mix(in srgb, var(--game-tone) 58%, white);
}

.gameExperience .\[\.gameExperience_\&\]\:relative {
  position: relative;
}

.gameExperience .\[\.gameExperience_\&\]\:mb-\[18px\] {
  margin-bottom: 18px;
}

.gameExperience .\[\.gameExperience_\&\]\:ml-\[-16px\] {
  margin-left: -16px;
}

.gameExperience .\[\.gameExperience_\&\]\:mr-\[-16px\] {
  margin-right: -16px;
}

.gameExperience .\[\.gameExperience_\&\]\:mt-\[0\] {
  margin-top: 0;
}

.gameExperience .\[\.gameExperience_\&\]\:mt-\[22px\] {
  margin-top: 22px;
}

.gameExperience .\[\.gameExperience_\&\]\:flex {
  display: flex;
}

.gameExperience .\[\.gameExperience_\&\]\:min-h-\[184px\] {
  min-height: 184px;
}

.gameExperience .\[\.gameExperience_\&\]\:items-end {
  align-items: flex-end;
}

.gameExperience .\[\.gameExperience_\&\]\:overflow-hidden {
  overflow: hidden;
}

.gameExperience .\[\.gameExperience_\&\]\:border-\[rgb\(40_28_76_\/_10\%\)\] {
  border-color: rgb(40 28 76 / 10%);
}

.gameExperience .\[\.gameExperience_\&\]\:bg-\[rgb\(255_255_255_\/_88\%\)\] {
  background-color: rgb(255 255 255 / 88%);
}

.gameExperience .\[\.gameExperience_\&\]\:bg-\[linear-gradient\(145deg\2c _\#37216b\2c _\#6c43bc\)\] {
  background-image: linear-gradient(145deg, #37216b, #6c43bc);
}

.gameExperience .\[\.gameExperience_\&\]\:pb-\[26px\] {
  padding-bottom: 26px;
}

.gameExperience .\[\.gameExperience_\&\]\:pl-\[20px\] {
  padding-left: 20px;
}

.gameExperience .\[\.gameExperience_\&\]\:pr-\[20px\] {
  padding-right: 20px;
}

.gameExperience .\[\.gameExperience_\&\]\:pt-\[26px\] {
  padding-top: 26px;
}

.gameExperience .\[\.gameExperience_\&\]\:text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.gameExperience .\[\.gameExperience_\&\]\:shadow-\[0_8px_22px_rgb\(38_27_76_\/_7\%\)\] {
  --tw-shadow: 0 8px 22px rgb(38 27 76 / 7%);
  --tw-shadow-colored: 0 8px 22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.gameExperience .\[\.gameExperience_\&\]\:\[border-bottom\:1px_solid_rgb\(255_255_255_\/_35\%\)\] {
  border-bottom: 1px solid rgb(255 255 255 / 35%);
}

.gameExperience .\[\.gameExperience_\&_\>_div\]\:bg-\[color-mix\(in_srgb\2c _var\(--game-tone\2c _\#7843c2\)_9\%\2c _white\)\] > div {
  background-color: color-mix(in srgb, var(--game-tone, #7843c2) 9%, white);
}

.gameExperience .\[\.gameExperience_\&_b\]\:bg-\[linear-gradient\(_145deg\2c _var\(--game-tone\2c _\#7440bd\)\2c _color-mix\(in_srgb\2c _var\(--game-tone\2c _\#7440bd\)_72\%\2c _white\)_\)\] b {
  background-image: linear-gradient( 145deg, var(--game-tone, #7440bd), color-mix(in srgb, var(--game-tone, #7440bd) 72%, white) );
}

.gameExperience .\[\.gameExperience_\&_b\]\:text-\[\#fff\] b {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.gameExperience .\[\.gameExperience_\&_b\]\:shadow-\[inset_0_1px_1px_\#fff8\2c _0_5px_11px_color-mix\(in_srgb\2c _var\(--game-tone\2c _\#7440bd\)_22\%\2c _transparent\)\] b {
  --tw-shadow: inset 0 1px 1px #fff8, 0 5px 11px color-mix(in srgb, var(--game-tone, #7440bd) 22%, transparent);
  --tw-shadow-colored: inset 0 1px 1px var(--tw-shadow-color), 0 5px 11px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.gameExperience .\[\.gameExperience_\&_h1\]\:\[color\:\#fff\] h1 {
  color: #fff;
}

.gameExperience .\[\.gameExperience_\&_h1\]\:\[font-size\:30px\] h1 {
  font-size: 30px;
}

.gameExperience .\[\.gameExperience_\&_h1\]\:\[line-height\:1\] h1 {
  line-height: 1;
}

.gameExperience .\[\.gameExperience_\&_h1\]\:\[margin-bottom\:5px\] h1 {
  margin-bottom: 5px;
}

.gameExperience .\[\.gameExperience_\&_h1\]\:\[margin-left\:0\] h1 {
  margin-left: 0;
}

.gameExperience .\[\.gameExperience_\&_h1\]\:\[margin-right\:0\] h1 {
  margin-right: 0;
}

.gameExperience .\[\.gameExperience_\&_h1\]\:\[margin-top\:5px\] h1 {
  margin-top: 5px;
}

.gameExperience > .\[\.gameExperience_\>_\&\]\:\[background\:rgb\(255_255_255_\/_88\%\)\] {
  background: rgb(255 255 255 / 88%);
}

.gameExperience > .\[\.gameExperience_\>_\&\]\:\[border-color\:rgb\(40_28_76_\/_10\%\)\] {
  border-color: rgb(40 28 76 / 10%);
}

.gameExperience > .\[\.gameExperience_\>_\&\]\:\[box-shadow\:0_8px_22px_rgb\(38_27_76_\/_7\%\)\] {
  box-shadow: 0 8px 22px rgb(38 27 76 / 7%);
}

.gamesPage .\[\.gamesPage_\&\]\:mb-\[0\] {
  margin-bottom: 0;
}

.gamesPage .\[\.gamesPage_\&\]\:mb-\[12px\] {
  margin-bottom: 12px;
}

.gamesPage .\[\.gamesPage_\&\]\:ml-\[0\] {
  margin-left: 0;
}

.gamesPage .\[\.gamesPage_\&\]\:mr-\[0\] {
  margin-right: 0;
}

.gamesPage .\[\.gamesPage_\&\]\:mt-\[12px\] {
  margin-top: 12px;
}

.gamesPage .\[\.gamesPage_\&\]\:mt-\[18px\] {
  margin-top: 18px;
}

.gamesPage .\[\.gamesPage_\&\]\:pb-\[16px\] {
  padding-bottom: 16px;
}

.gamesPage .\[\.gamesPage_\&\]\:pl-\[16px\] {
  padding-left: 16px;
}

.gamesPage .\[\.gamesPage_\&\]\:pr-\[16px\] {
  padding-right: 16px;
}

.gamesPage .\[\.gamesPage_\&\]\:pt-\[16px\] {
  padding-top: 16px;
}

.gamesPage .\[\.gamesPage_\&\]\:text-\[12px\] {
  font-size: 12px;
}

.gamesPage .\[\.gamesPage_\&\]\:shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.homeBenefitShortcuts>.\[\.homeBenefitShortcuts\>\&\]\:rounded-2xl {
  border-radius: 1rem;
}

.homeBenefitShortcuts>.\[\.homeBenefitShortcuts\>\&\]\:border-\[color-mix\(in_srgb\2c _var\(--reward\)_25\%\2c _var\(--line\)\)\] {
  border-color: color-mix(in srgb, var(--reward) 25%, var(--line));
}

.homeBenefitShortcuts>.\[\.homeBenefitShortcuts\>\&\]\:p-3 {
  padding: 0.75rem;
}

.homeBenefitShortcuts>.\[\.homeBenefitShortcuts\>\&\]\:\[background\:color-mix\(in_srgb\2c _var\(--reward\)_7\%\2c _var\(--surface-solid\)\)\] {
  background: color-mix(in srgb, var(--reward) 7%, var(--surface-solid));
}

.homeBenefitShortcuts .\[\.homeBenefitShortcuts_\&\]\:border-\[color-mix\(in_srgb\2c var\(--action-benefit\)_16\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--action-benefit) 16%,transparent);
}

.homeBenefitShortcuts .\[\.homeBenefitShortcuts_\&\]\:\[background\:var\(--action-benefit-soft\)\] {
  background: var(--action-benefit-soft);
}

.homeBenefitShortcuts .\[\.homeBenefitShortcuts_\&\]\:\[font\:var\(--type-name\)\] {
  font: var(--type-name);
}

.homeBenefitShortcuts .benefitFree .\[\.homeBenefitShortcuts_\.benefitFree_\&\]\:\[font\:var\(--type-name\)\] {
  font: var(--type-name);
}

.homeBenefitShortcuts > .\[\.homeBenefitShortcuts_\>_\&\]\:row-\[1\/3\] {
  grid-row: 1/3;
}

.homeBenefitShortcuts > .\[\.homeBenefitShortcuts_\>_\&\]\:\!h-24 {
  height: 6rem !important;
}

.homeBenefitShortcuts > .\[\.homeBenefitShortcuts_\>_\&\]\:\!min-h-24 {
  min-height: 6rem !important;
}

.homeBenefitShortcuts > .\[\.homeBenefitShortcuts_\>_\&\]\:rounded-2xl {
  border-radius: 1rem;
}

.homeBenefitShortcuts > .\[\.homeBenefitShortcuts_\>_\&\]\:border-\[color-mix\(in_srgb\2c var\(--reward\)_25\%\2c var\(--line\)\)\] {
  border-color: color-mix(in srgb,var(--reward) 25%,var(--line));
}

.homeBenefitShortcuts > .\[\.homeBenefitShortcuts_\>_\&\]\:p-3 {
  padding: 0.75rem;
}

.homeBenefitShortcuts > .\[\.homeBenefitShortcuts_\>_\&\]\:\[background\:color-mix\(in_srgb\2c var\(--reward\)_7\%\2c var\(--surface-solid\)\)\] {
  background: color-mix(in srgb,var(--reward) 7%,var(--surface-solid));
}

.homeCatalog .\[\.homeCatalog_\&\]\:line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.homeCatalog .\[\.homeCatalog_\&\]\:inline-flex {
  display: inline-flex;
}

.homeCatalog .\[\.homeCatalog_\&\]\:aspect-\[1\.15\] {
  aspect-ratio: 1.15;
}

.homeCatalog .\[\.homeCatalog_\&\]\:h-5 {
  height: 1.25rem;
}

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

.homeCatalog .\[\.homeCatalog_\&\]\:h-auto {
  height: auto;
}

.homeCatalog .\[\.homeCatalog_\&\]\:w-5 {
  width: 1.25rem;
}

.homeCatalog .\[\.homeCatalog_\&\]\:w-\[18px\] {
  width: 18px;
}

.homeCatalog .\[\.homeCatalog_\&\]\:place-items-center {
  place-items: center;
}

.homeCatalog .\[\.homeCatalog_\&\]\:items-center {
  align-items: center;
}

.homeCatalog .\[\.homeCatalog_\&\]\:justify-center {
  justify-content: center;
}

.homeCatalog .\[\.homeCatalog_\&\]\:gap-2\.5 {
  gap: 0.625rem;
}

.homeCatalog .\[\.homeCatalog_\&\]\:rounded-\[15px_15px_0_0\] {
  border-radius: 15px 15px 0 0;
}

.homeCatalog .\[\.homeCatalog_\&\]\:rounded-\[50\%\] {
  border-radius: 50%;
}

.homeCatalog .\[\.homeCatalog_\&\]\:p-0 {
  padding: 0px;
}

.homeCatalog .\[\.homeCatalog_\&\]\:p-2\.5 {
  padding: 0.625rem;
}

.homeCatalog .\[\.homeCatalog_\&\]\:px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.homeCatalog .\[\.homeCatalog_\&\]\:pb-3 {
  padding-bottom: 0.75rem;
}

.homeCatalog .\[\.homeCatalog_\&\]\:pt-2\.5 {
  padding-top: 0.625rem;
}

.homeCatalog .\[\.homeCatalog_\&\]\:text-\[16px\] {
  font-size: 16px;
}

.homeCatalog .\[\.homeCatalog_\&\]\:text-\[17px\] {
  font-size: 17px;
}

.homeCatalog .\[\.homeCatalog_\&\]\:tracking-\[-0\.4px\] {
  letter-spacing: -0.4px;
}

.homeCatalog .\[\.homeCatalog_\&\]\:text-pp-muted {
  color: var(--muted);
}

.homeCatalog .\[\.homeCatalog_\&\]\:opacity-\[0\.78\] {
  opacity: 0.78;
}

.homeCatalog .\[\.homeCatalog_\&\]\:\[background\:none\] {
  background: none;
}

.homeCatalog .\[\.homeCatalog_\&\]\:\[background\:radial-gradient\(ellipse_at_50\%_65\%\2c color-mix\(in_srgb\2c var\(--accent\)_8\%\2c var\(--surface-solid\)\)\2c var\(--surface-solid\)_75\%\)\] {
  background: radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--accent) 8%,var(--surface-solid)),var(--surface-solid) 75%);
}

.homeCatalog .\[\.homeCatalog_\&\]\:\[border\:1px_solid_color-mix\(in_srgb\2c var\(--accent\)_20\%\2c transparent\)\] {
  border: 1px solid color-mix(in srgb,var(--accent) 20%,transparent);
}

.homeCatalog .\[\.homeCatalog_\&\]\:\[filter\:drop-shadow\(0_8px_10px_rgba\(32\2c 22\2c 62\2c 0\.1\)\)\] {
  filter: drop-shadow(0 8px 10px rgba(32,22,62,0.1));
}

.homeCatalog .boxGrid > div:first-child .\[\.homeCatalog_\.boxGrid_\>_div\:first-child_\&\]\:text-\[20px\] {
  font-size: 20px;
}

.homeLayout .\[\.homeLayout_\&\]\:mr-\[5px\] {
  margin-right: 5px;
}

.homeLayout .\[\.homeLayout_\&\]\:h-\[5px\] {
  height: 5px;
}

.homeLayout .\[\.homeLayout_\&\]\:w-\[5px\] {
  width: 5px;
}

.homeLayout .\[\.homeLayout_\&\]\:gap-3 {
  gap: 0.75rem;
}

.homeLayout .\[\.homeLayout_\&\]\:rounded-2xl {
  border-radius: 1rem;
}

.homeLayout .\[\.homeLayout_\&\]\:border-\[var\(--hairline\)\] {
  border-color: var(--hairline);
}

.homeLayout .\[\.homeLayout_\&\]\:bg-\[\#43bd78\] {
  --tw-bg-opacity: 1;
  background-color: rgb(67 189 120 / var(--tw-bg-opacity, 1));
}

.homeLayout .\[\.homeLayout_\&\]\:bg-\[var\(--surface-1\)\] {
  background-color: var(--surface-1);
}

.homeLayout .\[\.homeLayout_\&\]\:shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.homeLayout .\[\.homeLayout_\&\]\:\[border\:0\] {
  border: 0;
}

.homeLayout .\[\.homeLayout_\&\]\:\[box-shadow\:0_2px_8px_rgba\(29\2c 21\2c 55\2c 0\.035\)\] {
  box-shadow: 0 2px 8px rgba(29,21,55,0.035);
}

.homeLayout .\[\.homeLayout_\&_a\]\:whitespace-nowrap a {
  white-space: nowrap;
}

.homeLayout .\[\.homeLayout_\&_a\]\:text-\[11px\] a {
  font-size: 11px;
}

.homeLayout .\[\.homeLayout_\&_a\]\:\[font-weight\:600\] a {
  font-weight: 600;
}

.homeLayout .activityChip:is([href='/rewards'],[href='/missions'],[href='/free'],[href='/skill']) .\[\.homeLayout_\.activityChip\:is\(\[href\=\'\/rewards\'\]\2c \[href\=\'\/missions\'\]\2c \[href\=\'\/free\'\]\2c \[href\=\'\/skill\'\]\)_\&\]\:text-\[var\(--action-benefit\)\] {
  color: var(--action-benefit);
}

.homeLayout .activityChip > .\[\.homeLayout_\.activityChip_\>_\&\]\:text-\[var\(--promo\)\] {
  color: var(--promo);
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:max-h-none {
  max-height: none;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:min-w-0 {
  min-width: 0px;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:snap-start {
  scroll-snap-align: start;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:flex-col {
  flex-direction: column;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:gap-1 {
  gap: 0.25rem;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:gap-2\.5 {
  gap: 0.625rem;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:gap-3 {
  gap: 0.75rem;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:overflow-hidden {
  overflow: hidden;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:p-3 {
  padding: 0.75rem;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:\[background\:var\(--surface-solid\)\] {
  background: var(--surface-solid);
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:\[border-radius\:16px\] {
  border-radius: 16px;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:\[flex\:0_0_72\%\] {
  flex: 0 0 72%;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&\]\:\[gap\:5px\] {
  gap: 5px;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_\>_a\]\:flex > a {
  display: flex;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_\>_a\]\:min-h-11 > a {
  min-height: 2.75rem;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_\>_a\]\:items-center > a {
  align-items: center;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_\>_a\]\:gap-1\.5 > a {
  gap: 0.375rem;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_\>_a\]\:text-\[12px\] > a {
  font-size: 12px;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_\>_a\]\:text-pp-muted > a {
  color: var(--muted);
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_img\]\:block img {
  display: block;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_img\]\:aspect-square img {
  aspect-ratio: 1 / 1;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_img\]\:h-auto img {
  height: auto;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_img\]\:object-contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_img\]\:\[background\:var\(--surface-solid\)\] img {
  background: var(--surface-solid);
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_p\]\:mx-0 p {
  margin-left: 0px;
  margin-right: 0px;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_p\]\:my-1\.5 p {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_p\]\:text-\[11px\] p {
  font-size: 11px;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_p\]\:\[line-height\:1\.4\] p {
  line-height: 1.4;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_span\]\:\[border-radius\:7px\] span {
  border-radius: 7px;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_span\]\:\[flex-shrink\:0\] span {
  flex-shrink: 0;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_span\]\:\[width\:calc\(\(100\%_-_12px\)_\/_4\)\] span {
  width: calc((100% - 12px) / 4);
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_strong\]\:text-\[20px\] strong {
  font-size: 20px;
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_strong\]\:\[color\:var\(--action-benefit\)\] strong {
  color: var(--action-benefit);
}

.homeLayout .homeCommunity .\[\.homeLayout_\.homeCommunity_\&_strong\]\:\[overflow-wrap\:anywhere\] strong {
  overflow-wrap: anywhere;
}

.homeLayout .homeUtilityGroup .\[\.homeLayout_\.homeUtilityGroup_\&\]\:px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.homeLayout .homeUtilityGroup .\[\.homeLayout_\.homeUtilityGroup_\&\]\:pb-3\.5 {
  padding-bottom: 0.875rem;
}

.homeLayout .homeUtilityGroup .\[\.homeLayout_\.homeUtilityGroup_\&\]\:pt-0\.5 {
  padding-top: 0.125rem;
}

.homeLiveStrip .\[\.homeLiveStrip_\&\]\:w-full {
  width: 100%;
}

.homeLiveStrip .\[\.homeLiveStrip_\&\]\:min-w-0 {
  min-width: 0px;
}

.homeLiveStrip .\[\.homeLiveStrip_\&\]\:gap-0 {
  gap: 0px;
}

.homeLiveStrip .\[\.homeLiveStrip_\&\]\:overflow-x-auto {
  overflow-x: auto;
}

.homeLiveStrip .\[\.homeLiveStrip_\&\]\:p-0 {
  padding: 0px;
}

.homeLiveStrip .\[\.homeLiveStrip_\&\]\:\[scrollbar-width\:none\] {
  scrollbar-width: none;
}

.homeUtilityGroup .\[\.homeUtilityGroup_\&\]\:mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.homeUtilityGroup .\[\.homeUtilityGroup_\&\]\:mb-4 {
  margin-bottom: 1rem;
}

.isFreeHero .\[\.isFreeHero_\&\]\:font-extrabold {
  font-weight: 800;
}

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

.isFreeHero .\[\.isFreeHero_\&\]\:text-\[\#936019\] {
  --tw-text-opacity: 1;
  color: rgb(147 96 25 / var(--tw-text-opacity, 1));
}

.isFreeHero .\[\.isFreeHero_\&\]\:text-\[\#99671b\] {
  --tw-text-opacity: 1;
  color: rgb(153 103 27 / var(--tw-text-opacity, 1));
}

.isFreeHero .\[\.isFreeHero_\&\]\:\[background\:radial-gradient\(ellipse_at_25\%_20\%\2c _\#e9e1ff\2c _transparent_60\%\)\2c _radial-gradient\(ellipse_at_85\%_75\%\2c _\#f4e5ca\2c _transparent_70\%\)\2c _var\(--surface-solid\)\] {
  background: radial-gradient(ellipse at 25% 20%, #e9e1ff, transparent 60%), radial-gradient(ellipse at 85% 75%, #f4e5ca, transparent 70%), var(--surface-solid);
}

.missionsPage .missionBonus .\[\.missionsPage_\.missionBonus_\&\]\:\[color\:var\(--action-benefit\)\] {
  color: var(--action-benefit);
}

.missionsPage .missionBonus .\[\.missionsPage_\.missionBonus_\&\]\:\[font-size\:11px\] {
  font-size: 11px;
}

.missionsPage .missionBonus .\[\.missionsPage_\.missionBonus_\&\]\:\[letter-spacing\:0\.08em\] {
  letter-spacing: 0.08em;
}

.missionsPage .missionBonus .\[\.missionsPage_\.missionBonus_\&\]\:\[text-transform\:uppercase\] {
  text-transform: uppercase;
}

.multiOpeningResult .\[\.multiOpeningResult_\&\]\:min-h-0 {
  min-height: 0px;
}

.multiOpeningResult .\[\.multiOpeningResult_\&\]\:flex-1 {
  flex: 1 1 0%;
}

.multiOpeningResult .\[\.multiOpeningResult_\&\]\:grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.multiOpeningResult .\[\.multiOpeningResult_\&\]\:content-start {
  align-content: flex-start;
}

.multiOpeningResult .\[\.multiOpeningResult_\&\]\:gap-2\.5 {
  gap: 0.625rem;
}

.multiOpeningResult .\[\.multiOpeningResult_\&\]\:overflow-auto {
  overflow: auto;
}

.openingStageResult .\[\.openingStageResult_\&\]\:block {
  display: block;
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:relative {
  position: relative;
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:flex {
  display: flex;
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:h-\[auto\] {
  height: auto;
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:min-h-\[44px\] {
  min-height: 44px;
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:w-\[90\%\] {
  width: 90%;
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:items-center {
  align-items: center;
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:justify-center {
  justify-content: center;
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:rounded-\[0\] {
  border-radius: 0;
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:border-\[\#8066ad\] {
  --tw-border-opacity: 1;
  border-color: rgb(128 102 173 / var(--tw-border-opacity, 1));
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:bg-\[none\] {
  background-color: none;
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:p-\[0\] {
  padding: 0;
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:text-\[12px\] {
  font-size: 12px;
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:text-\[\#f2eaff\] {
  --tw-text-opacity: 1;
  color: rgb(242 234 255 / var(--tw-text-opacity, 1));
}

.pp-arcade-stage-controls button.\[\.pp-arcade-stage-controls_button\&\]\:\[border\:0\] {
  border: 0;
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:relative {
  position: relative;
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:m-\[0\] {
  margin: 0;
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:flex {
  display: flex;
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:h-\[108px\] {
  height: 108px;
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:min-h-\[44px\] {
  min-height: 44px;
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:w-\[76px\] {
  width: 76px;
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:flex-col {
  flex-direction: column;
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:gap-\[2px\] {
  gap: 2px;
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:rounded-\[5px\] {
  border-radius: 5px;
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:bg-\[\#5a12f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(90 18 243 / var(--tw-bg-opacity, 1));
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:p-\[3px\] {
  padding: 3px;
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:text-\[white\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:opacity-\[1\] {
  opacity: 1;
}

.pp-arcade-stage-panel button.\[\.pp-arcade-stage-panel_button\&\]\:\[border\:2px_solid_\#6427df\] {
  border: 2px solid #6427df;
}

.pp-arcade-stage-prize.\[\.pp-arcade-stage-prize\&\]\:border-\[\#ccfffd\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 255 253 / var(--tw-border-opacity, 1));
}

.pp-arcade-stage-prize.\[\.pp-arcade-stage-prize\&\]\:border-\[\#fece10\] {
  --tw-border-opacity: 1;
  border-color: rgb(254 206 16 / var(--tw-border-opacity, 1));
}

.pp-arcade-stage-prize.\[\.pp-arcade-stage-prize\&\]\:bg-\[\#8fe3fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(143 227 250 / var(--tw-bg-opacity, 1));
}

.pp-arcade-stage-prize.\[\.pp-arcade-stage-prize\&\]\:bg-\[\#f3b009\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 176 9 / var(--tw-bg-opacity, 1));
}

.pp-arcade-stage-prize.\[\.pp-arcade-stage-prize\&\]\:shadow-\[0_0_6px_\#fad524\] {
  --tw-shadow: 0 0 6px #fad524;
  --tw-shadow-colored: 0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pp-arcade-stage-prize.\[\.pp-arcade-stage-prize\&\]\:outline-\[none\] {
  outline-color: none;
}

.pp-arcade-stage-sheet[aria-label=Get tickets] .\[\.pp-arcade-stage-sheet\[aria-label\=Get_tickets\]_\&\]\:m-\[12px_0\] {
  margin: 12px 0;
}

.pp-arcade-stage-sheet[aria-label=Get tickets] .\[\.pp-arcade-stage-sheet\[aria-label\=Get_tickets\]_\&\]\:rounded-\[8px\] {
  border-radius: 8px;
}

.pp-arcade-stage-sheet[aria-label=Get tickets] .\[\.pp-arcade-stage-sheet\[aria-label\=Get_tickets\]_\&\]\:bg-\[\#060141\] {
  --tw-bg-opacity: 1;
  background-color: rgb(6 1 65 / var(--tw-bg-opacity, 1));
}

.pp-arcade-stage-sheet[aria-label=Get tickets] .\[\.pp-arcade-stage-sheet\[aria-label\=Get_tickets\]_\&\]\:p-\[12px\] {
  padding: 12px;
}

.pp-arcade-stage-sheet[aria-label=Get tickets] .\[\.pp-arcade-stage-sheet\[aria-label\=Get_tickets\]_\&\]\:shadow-\[inset_0_0_8px_\#24089c\] {
  --tw-shadow: inset 0 0 8px #24089c;
  --tw-shadow-colored: inset 0 0 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);
}

.pp-arcade-stage-sheet[aria-label=Get tickets] .\[\.pp-arcade-stage-sheet\[aria-label\=Get_tickets\]_\&\]\:\[border\:2px_solid_\#440bf3\] {
  border: 2px solid #440bf3;
}

.pp-arcade-stage-sheet[aria-label=Get tickets] .\[\.pp-arcade-stage-sheet\[aria-label\=Get_tickets\]_\&_a\]\:\[background\:\#f0cd55\] a {
  background: #f0cd55;
}

.pp-arcade-stage-sheet[aria-label=Get tickets] .\[\.pp-arcade-stage-sheet\[aria-label\=Get_tickets\]_\&_a\]\:\[border\:1px_solid_\#ffd789\] a {
  border: 1px solid #ffd789;
}

.pp-arcade-stage-sheet[aria-label=Get tickets] .\[\.pp-arcade-stage-sheet\[aria-label\=Get_tickets\]_\&_a\]\:\[color\:\#25124b\] a {
  color: #25124b;
}

.pp-arcade-stage-threshold.\[\.pp-arcade-stage-threshold\&\]\:border-\[\#f0c953\] {
  --tw-border-opacity: 1;
  border-color: rgb(240 201 83 / var(--tw-border-opacity, 1));
}

.pp-arcade-stage-threshold.\[\.pp-arcade-stage-threshold\&_span\]\:border-\[\#ffe398\] span {
  --tw-border-opacity: 1;
  border-color: rgb(255 227 152 / var(--tw-border-opacity, 1));
}

.pp-arcade-stage-threshold.\[\.pp-arcade-stage-threshold\&_span\]\:bg-\[\#ddac2e\] span {
  --tw-bg-opacity: 1;
  background-color: rgb(221 172 46 / var(--tw-bg-opacity, 1));
}

.pp-arcade-stage-threshold.\[\.pp-arcade-stage-threshold\&_span\]\:text-\[\#221139\] span {
  --tw-text-opacity: 1;
  color: rgb(34 17 57 / var(--tw-text-opacity, 1));
}

.pp-game-cartridges-featured .\[\.pp-game-cartridges-featured_\&\]\:relative {
  position: relative;
}

.pp-game-cartridges-featured .\[\.pp-game-cartridges-featured_\&\]\:aspect-\[auto\] {
  aspect-ratio: auto;
}

.pp-game-cartridges-featured .\[\.pp-game-cartridges-featured_\&\]\:h-\[174px\] {
  height: 174px;
}

.pp-game-cartridges-featured .\[\.pp-game-cartridges-featured_\&\]\:min-h-\[72px\] {
  min-height: 72px;
}

.pp-game-cartridges-featured .\[\.pp-game-cartridges-featured_\&\]\:bg-\[linear-gradient\(145deg\2c _\#f1edfb\2c _\#fff\)\] {
  background-image: linear-gradient(145deg, #f1edfb, #fff);
}

.pp-game-cartridges-featured .\[\.pp-game-cartridges-featured_\&\]\:p-\[11px_7px_5px\] {
  padding: 11px 7px 5px;
}

.pp-game-cartridges-featured .\[\.pp-game-cartridges-featured_\&_i\]\:\[background\:\#fff4dc\] i {
  background: #fff4dc;
}

.pp-game-cartridges-featured .\[\.pp-game-cartridges-featured_\&_i\]\:\[color\:\#956814\] i {
  color: #956814;
}

.pp-game-cartridges-featured .\[\.pp-game-cartridges-featured_\&_img\]\:object-cover img {
  -o-object-fit: cover;
     object-fit: cover;
}

.pp-game-cartridges-featured .\[\.pp-game-cartridges-featured_\&_small\]\:\[color\:var\(--accent\)\] small {
  color: var(--accent);
}

.pp-game-cartridges-featured .\[\.pp-game-cartridges-featured_\&_strong\]\:whitespace-normal strong {
  white-space: normal;
}

.pp-game-cartridges-featured .\[\.pp-game-cartridges-featured_\&_strong\]\:\[font-size\:20px\] strong {
  font-size: 20px;
}

.pp-game-cartridges-season .\[\.pp-game-cartridges-season_\&\]\:aspect-\[1\.12\] {
  aspect-ratio: 1.12;
}

.pp-game-cartridges-season .\[\.pp-game-cartridges-season_\&\]\:p-\[8px\] {
  padding: 8px;
}

.pp-game-cartridges-season .\[\.pp-game-cartridges-season_\&_i\]\:\[background\:\#e9f6f8\] i {
  background: #e9f6f8;
}

.pp-game-cartridges-season .\[\.pp-game-cartridges-season_\&_i\]\:\[color\:var\(--trust\)\] i {
  color: var(--trust);
}

.pp-game-cartridges-season .\[\.pp-game-cartridges-season_\&_small\]\:\[color\:var\(--trust\)\] small {
  color: var(--trust);
}

.pp-game-cartridges-season .\[\.pp-game-cartridges-season_\&_strong\]\:\[font-size\:17px\] strong {
  font-size: 17px;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\:focus-visible\]\:outline-offset-\[3px\]:focus-visible {
  outline-offset: 3px;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\:focus-visible\]\:outline-\[2px_solid_var\(--accent\)\]:focus-visible {
  outline-color: 2px solid var(--accent);
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\]\:m-\[20px_0\] {
  margin: 20px 0;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\]\:min-w-\[0\] {
  min-width: 0;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\]\:gap-\[12px\] {
  gap: 12px;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\]\:rounded-\[20px\] {
  border-radius: 20px;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\]\:bg-\[var\(--surface-solid\)\] {
  background-color: var(--surface-solid);
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\]\:p-\[12px\] {
  padding: 12px;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\]\:p-\[14px_0\] {
  padding: 14px 0;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\]\:shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\]\:\[border-top\:1px_solid_var\(--line\)\] {
  border-top: 1px solid var(--line);
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\]\:\[border\:1px_solid_var\(--line\)\] {
  border: 1px solid var(--line);
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&\]\:\[font\:var\(--type-caption\)\] {
  font: var(--type-caption);
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_\>_div\]\:overflow-hidden > div {
  overflow: hidden;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_\>_div\]\:\[background\:var\(--bg\)\] > div {
  background: var(--bg);
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_\>_div\]\:\[border-radius\:13px\] > div {
  border-radius: 13px;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_\>_div\]\:\[color\:var\(--action-utility\)\] > div {
  color: var(--action-utility);
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_\>_div\]\:\[height\:104px\] > div {
  height: 104px;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_\>_span\]\:\[color\:var\(--muted\)\] > span {
  color: var(--muted);
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_\>_span\]\:\[font\:var\(--type-caption\)\] > span {
  font: var(--type-caption);
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_h2\]\:\[font\:var\(--type-name\)\] h2 {
  font: var(--type-name);
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_h2\]\:\[margin\:12px_0_6px\] h2 {
  margin: 12px 0 6px;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_h2\]\:\[overflow-wrap\:anywhere\] h2 {
  overflow-wrap: anywhere;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_img\]\:object-contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_img\]\:\[height\:100\%\] img {
  height: 100%;
}

.pp-game-menu-page .\[\.pp-game-menu-page_\&_img\]\:\[width\:100\%\] img {
  width: 100%;
}

.pp-pewguide-profileEntry .\[\.pp-pewguide-profileEntry_\&\]\:m-0 {
  margin: 0px;
}

.promotionInbox .\[\.promotionInbox_\&\]\:flex {
  display: flex;
}

.promotionInbox .\[\.promotionInbox_\&\]\:h-9 {
  height: 2.25rem;
}

.promotionInbox .\[\.promotionInbox_\&\]\:w-9 {
  width: 2.25rem;
}

.promotionInbox .\[\.promotionInbox_\&\]\:min-w-0 {
  min-width: 0px;
}

.promotionInbox .\[\.promotionInbox_\&\]\:flex-col {
  flex-direction: column;
}

.promotionInbox .\[\.promotionInbox_\&\]\:gap-\[3px\] {
  gap: 3px;
}

.singleOpeningStage .\[\.singleOpeningStage_\&\]\:animate-\[singleStageIntro_0\.65s_ease-out_both\] {
  animation: singleStageIntro 0.65s ease-out both;
}

.singleOpeningStage .\[\.singleOpeningStage_\&\]\:animate-\[singleStageName_0\.35s_4\.9s_both\] {
  animation: singleStageName 0.35s 4.9s both;
}

.singleOpeningStage .\[\.singleOpeningStage_\&\]\:animate-\[singleStageName_0\.4s_5s_both\] {
  animation: singleStageName 0.4s 5s both;
}

.singleOpeningStage .\[\.singleOpeningStage_\&\]\:animate-\[singleStageRoll_3\.65s_cubic-bezier\(0\.18\2c _0\.55\2c _0\.08\2c _1\)_0\.65s_both\] {
  animation: singleStageRoll 3.65s cubic-bezier(0.18, 0.55, 0.08, 1) 0.65s both;
}

.singleOpeningStage .\[\.singleOpeningStage_\&\]\:animate-\[studioFade_0\.25s_4\.45s_both\] {
  animation: studioFade 0.25s 4.45s both;
}

.singleOpeningStage .\[\.singleOpeningStage_\&_figure\:\:after\]\:hidden figure::after {
  display: none;
}

.singleOpeningStage .\[\.singleOpeningStage_\&_figure\:\:before\]\:hidden figure::before {
  display: none;
}

.singleOpeningStage .\[\.singleOpeningStage_\&_figure\:not\(\[data-selected\=true\]\)\]\:\[animation\:studioFade_0\.3s_4\.3s_both\] figure:not([data-selected=true]) {
  animation: studioFade 0.3s 4.3s both;
}

.singleOpeningStage .\[\.singleOpeningStage_\&_figure\[data-selected\=true\]\:\:before\]\:\[animation\:stageWinRing_0\.85s_ease-out_4\.3s_both\] figure[data-selected=true]::before {
  animation: stageWinRing 0.85s ease-out 4.3s both;
}

.singleOpeningStage .\[\.singleOpeningStage_\&_figure\[data-selected\=true\]\]\:\[animation\:studioUnframe_0\.8s_4\.3s_forwards\] figure[data-selected=true] {
  animation: studioUnframe 0.8s 4.3s forwards;
}

.singleOpeningStage .\[\.singleOpeningStage_\&_figure\[data-selected\=true\]_img\]\:\[animation\:studioLift_0\.8s_cubic-bezier\(0\.22\2c _0\.7\2c _0\.25\2c _1\)_4\.3s_both\] figure[data-selected=true] img {
  animation: studioLift 0.8s cubic-bezier(0.22, 0.7, 0.25, 1) 4.3s both;
}

.siteMenu .menuRewardsEntry > .\[\.siteMenu_\.menuRewardsEntry_\>_\&\]\:text-\[var\(--action-benefit\)\] {
  color: var(--action-benefit);
}

.siteSelect.\[\.siteSelect\&\>button\]\:border-\[color-mix\(in_srgb\2c _var\(--accent\)_42\%\2c _var\(--line\)\)\]>button {
  border-color: color-mix(in srgb, var(--accent) 42%, var(--line));
}

.siteSelect.\[\.siteSelect\&\>button\]\:text-pp-text>button {
  color: var(--text);
}

.siteSelect.\[\.siteSelect\&\>button\]\:shadow-\[0_0_0_3px_color-mix\(in_srgb\2c _var\(--accent\)_8\%\2c _transparent\)\]>button {
  --tw-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 8%, transparent);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.siteSelectMenu>.\[\.siteSelectMenu\>\&\]\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_8\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 8%, var(--surface-solid));
}

.topupRewards .topupRewardLine .\[\.topupRewards_\.topupRewardLine_\&\]\:\!text-\[var\(--reward\)\] {
  color: var(--reward) !important;
}

@media(hover:hover) {

  .group\/section-action:hover .\[\@media\(hover\:hover\)\]\:group-hover\/section-action\:text-pp-accent {
    color: var(--accent);
  }

  .\[\@media\(hover\:hover\)\]\:\[\&_a\:hover\]\:text-pp-text a:hover {
    color: var(--text);
  }
}

@media(hover:hover) and (pointer:fine) {

  .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:hover\:opacity-80:hover {
    opacity: 0.8;
  }
}

@media(max-height:740px) {

  .\[\@media\(max-height\:740px\)\]\:my-3\.5 {
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
  }

  .\[\@media\(max-height\:740px\)\]\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .\[\@media\(max-height\:740px\)\]\:mb-3\.5 {
    margin-bottom: 0.875rem;
  }

  .\[\@media\(max-height\:740px\)\]\:min-h-16 {
    min-height: 4rem;
  }

  .\[\@media\(max-height\:740px\)\]\:min-h-\[54px\] {
    min-height: 54px;
  }

  .\[\@media\(max-height\:740px\)\]\:pt-3 {
    padding-top: 0.75rem;
  }
}

@media(max-width:340px) {

  .\[\@media\(max-width\:340px\)\]\:row-start-1 {
    grid-row-start: 1;
  }

  .\[\@media\(max-width\:340px\)\]\:m-3 {
    margin: 0.75rem;
  }

  .\[\@media\(max-width\:340px\)\]\:flex {
    display: flex;
  }

  .\[\@media\(max-width\:340px\)\]\:grid {
    display: grid;
  }

  .\[\@media\(max-width\:340px\)\]\:hidden {
    display: none;
  }

  .\[\@media\(max-width\:340px\)\]\:aspect-square {
    aspect-ratio: 1 / 1;
  }

  .\[\@media\(max-width\:340px\)\]\:h-\[42px\] {
    height: 42px;
  }

  .\[\@media\(max-width\:340px\)\]\:h-\[72px\] {
    height: 72px;
  }

  .\[\@media\(max-width\:340px\)\]\:min-h-16 {
    min-height: 4rem;
  }

  .\[\@media\(max-width\:340px\)\]\:min-h-\[68px\] {
    min-height: 68px;
  }

  .\[\@media\(max-width\:340px\)\]\:w-14 {
    width: 3.5rem;
  }

  .\[\@media\(max-width\:340px\)\]\:w-\[42px\] {
    width: 42px;
  }

  .\[\@media\(max-width\:340px\)\]\:w-\[72px\] {
    width: 72px;
  }

  .\[\@media\(max-width\:340px\)\]\:w-\[calc\(100\%_-_24px\)\] {
    width: calc(100% - 24px);
  }

  .\[\@media\(max-width\:340px\)\]\:w-\[calc\(100vw_-_24px\)\] {
    width: calc(100vw - 24px);
  }

  .\[\@media\(max-width\:340px\)\]\:w-\[min\(calc\(100\%_-_24px\)\2c _448px\)\] {
    width: min(calc(100% - 24px), 448px);
  }

  .\[\@media\(max-width\:340px\)\]\:w-full {
    width: 100%;
  }

  .\[\@media\(max-width\:340px\)\]\:max-w-\[7\.5rem\] {
    max-width: 7.5rem;
  }

  .\[\@media\(max-width\:340px\)\]\:flex-auto {
    flex: 1 1 auto;
  }

  .\[\@media\(max-width\:340px\)\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .\[\@media\(max-width\:340px\)\]\:grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }

  .\[\@media\(max-width\:340px\)\]\:grid-cols-\[56px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 56px minmax(0,1fr);
  }

  .\[\@media\(max-width\:340px\)\]\:flex-col {
    flex-direction: column;
  }

  .\[\@media\(max-width\:340px\)\]\:items-start {
    align-items: flex-start;
  }

  .\[\@media\(max-width\:340px\)\]\:items-stretch {
    align-items: stretch;
  }

  .\[\@media\(max-width\:340px\)\]\:gap-1 {
    gap: 0.25rem;
  }

  .\[\@media\(max-width\:340px\)\]\:gap-1\.5 {
    gap: 0.375rem;
  }

  .\[\@media\(max-width\:340px\)\]\:gap-2 {
    gap: 0.5rem;
  }

  .\[\@media\(max-width\:340px\)\]\:gap-2\.5 {
    gap: 0.625rem;
  }

  .\[\@media\(max-width\:340px\)\]\:gap-\[3px\] {
    gap: 3px;
  }

  .\[\@media\(max-width\:340px\)\]\:gap-\[7px\] {
    gap: 7px;
  }

  .\[\@media\(max-width\:340px\)\]\:gap-\[9px\] {
    gap: 9px;
  }

  .\[\@media\(max-width\:340px\)\]\:\!p-2 {
    padding: 0.5rem !important;
  }

  .\[\@media\(max-width\:340px\)\]\:p-2\.5 {
    padding: 0.625rem;
  }

  .\[\@media\(max-width\:340px\)\]\:p-3 {
    padding: 0.75rem;
  }

  .\[\@media\(max-width\:340px\)\]\:p-\[0\.8rem\] {
    padding: 0.8rem;
  }

  .\[\@media\(max-width\:340px\)\]\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .\[\@media\(max-width\:340px\)\]\:px-\[0\.45rem\] {
    padding-left: 0.45rem;
    padding-right: 0.45rem;
  }

  .\[\@media\(max-width\:340px\)\]\:px-\[0\.8rem\] {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }

  .\[\@media\(max-width\:340px\)\]\:text-\[12px\] {
    font-size: 12px;
  }

  .\[\@media\(max-width\:340px\)\]\:\[\&\>div\]\:grid-cols-\[88px_minmax\(0\2c 1fr\)\]>div {
    grid-template-columns: 88px minmax(0,1fr);
  }

  .\[\@media\(max-width\:340px\)\]\:\[\&\>span\]\:text-\[12px\]>span {
    font-size: 12px;
  }

  .\[\@media\(max-width\:340px\)\]\:\[\&\>span\]\:text-xs\/\[1\.55\]>span {
    font-size: 0.75rem;
    line-height: 1.55;
  }

  .multiOpeningResult .\[\@media\(max-width\:340px\)\]\:\[\.multiOpeningResult_\&\]\:gap-2 {
    gap: 0.5rem;
  }
}

@media(max-width:350px) {

  .\[\@media\(max-width\:350px\)\]\:-order-1 {
    order: -1;
  }

  .\[\@media\(max-width\:350px\)\]\:flex-col {
    flex-direction: column;
  }

  .\[\@media\(max-width\:350px\)\]\:p-3\.5 {
    padding: 0.875rem;
  }

  .\[\@media\(max-width\:350px\)\]\:text-\[1\.18rem\] {
    font-size: 1.18rem;
  }

  .\[\@media\(max-width\:350px\)\]\:text-\[1\.2rem\] {
    font-size: 1.2rem;
  }

  .\[\@media\(max-width\:350px\)\]\:text-\[20px\] {
    font-size: 20px;
  }

  .\[\@media\(max-width\:350px\)\]\:\[\&\>button\]\:flex-auto>button {
    flex: 1 1 auto;
  }
}

@media(max-width:359px) {

  .\[\@media\(max-width\:359px\)\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media(max-width:360px) {

  .\[\@media\(max-width\:360px\)\]\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .\[\@media\(max-width\:360px\)\]\:flex-wrap {
    flex-wrap: wrap;
  }

  .\[\@media\(max-width\:360px\)\]\:gap-1 {
    gap: 0.25rem;
  }

  .\[\@media\(max-width\:360px\)\]\:gap-2 {
    gap: 0.5rem;
  }

  .\[\@media\(max-width\:360px\)\]\:\!px-2\.5 {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }

  .\[\@media\(max-width\:360px\)\]\:\!py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .\[\@media\(max-width\:360px\)\]\:px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px;
  }

  .\[\@media\(max-width\:360px\)\]\:pr-3 {
    padding-right: 0.75rem;
  }

  .\[\@media\(max-width\:360px\)\]\:text-\[10px\] {
    font-size: 10px;
  }

  .\[\@media\(max-width\:360px\)\]\:text-\[17px\] {
    font-size: 17px;
  }

  .\[\@media\(max-width\:360px\)\]\:text-\[20px\] {
    font-size: 20px;
  }
}

@media(max-width:380px) {

  .\[\@media\(max-width\:380px\)\]\:h-12 {
    height: 3rem;
  }

  .\[\@media\(max-width\:380px\)\]\:w-12 {
    width: 3rem;
  }

  .\[\@media\(max-width\:380px\)\]\:\[\&\:has\(\>_\.inventoryTrialAction\)\]\:grid-cols-\[18px_48px_minmax\(0\2c _1fr\)_auto\]:has(> .inventoryTrialAction) {
    grid-template-columns: 18px 48px minmax(0, 1fr) auto;
  }

  .\[\@media\(max-width\:380px\)\]\:\[\&\:has\(\>_\.inventoryTrialAction\)\]\:gap-\[7px\]:has(> .inventoryTrialAction) {
    gap: 7px;
  }

  .\[\@media\(max-width\:380px\)\]\:\[\&\:has\(\>_\.inventoryTrialAction\)\]\:p-2\.5:has(> .inventoryTrialAction) {
    padding: 0.625rem;
  }

  .\[\@media\(max-width\:380px\)\]\:\[\&_button\]\:px-2 button {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .\[\@media\(max-width\:380px\)\]\:\[\&_button\]\:text-\[11px\] button {
    font-size: 11px;
  }
}

@media(max-width:400px) {

  .\[\@media\(max-width\:400px\)\]\:hidden {
    display: none;
  }
}

@media(max-width:600px) {

  .\[\@media\(max-width\:600px\)\]\:mb-\[max\(12px\2c _env\(safe-area-inset-bottom\)\)\] {
    margin-bottom: max(12px, env(safe-area-inset-bottom));
  }
}

@media(min-width:361px) {

  .\[\@media\(min-width\:361px\)\]\:text-\[1\.75rem\] {
    font-size: 1.75rem;
  }

  .\[\@media\(min-width\:361px\)\]\:\[\&\:nth-child\(4\)\]\:grid:nth-child(4) {
    display: grid;
  }
}

@media(min-width:441px) {

  .\[\@media\(min-width\:441px\)\]\:text-\[2rem\] {
    font-size: 2rem;
  }

  .\[\@media\(min-width\:441px\)\]\:\[\&\:nth-child\(5\)\]\:grid:nth-child(5) {
    display: grid;
  }
}

@media(min-width:700px) {

  .\[\@media\(min-width\:700px\)\]\:items-center {
    align-items: center;
  }

  .\[\@media\(min-width\:700px\)\]\:pb-0 {
    padding-bottom: 0px;
  }
}

@media(min-width:760px) {

  .\[\@media\(min-width\:760px\)\]\:col-span-full {
    grid-column: 1 / -1;
  }

  .\[\@media\(min-width\:760px\)\]\:grid-cols-\[5rem_minmax\(0\2c _1fr\)_auto\] {
    grid-template-columns: 5rem minmax(0, 1fr) auto;
  }

  .\[\@media\(min-width\:760px\)\]\:items-center {
    align-items: center;
  }

  .\[\@media\(min-width\:760px\)\]\:p-4 {
    padding: 1rem;
  }
}

@media(prefers-reduced-transparency:reduce) {

  .\[\@media\(prefers-reduced-transparency\:reduce\)\]\:bg-pp-surface {
    background-color: var(--surface-solid);
  }

  .\[\@media\(prefers-reduced-transparency\:reduce\)\]\:\[-webkit-backdrop-filter\:none\] {
    -webkit-backdrop-filter: none;
  }

  .\[\@media\(prefers-reduced-transparency\:reduce\)\]\:\[backdrop-filter\:none\] {
    backdrop-filter: none;
  }

  .\[\@media\(prefers-reduced-transparency\:reduce\)\]\:\[background\:\#faf9fd\] {
    background: #faf9fd;
  }

  .\[\@media\(prefers-reduced-transparency\:reduce\)\]\:\[\&\:\:backdrop\]\:\[backdrop-filter\:none\]::backdrop {
    backdrop-filter: none;
  }
}

@media (max-height: 600px) {

  .\[\@media_\(max-height\:_600px\)\]\:mt-0 {
    margin-top: 0px;
  }

  .\[\@media_\(max-height\:_600px\)\]\:gap-1 {
    gap: 0.25rem;
  }

  .\[\@media_\(max-height\:_600px\)\]\:gap-2 {
    gap: 0.5rem;
  }

  .\[\@media_\(max-height\:_600px\)\]\:p-3 {
    padding: 0.75rem;
  }
}

@media (max-width: 340px) {

  .\[\@media_\(max-width\:_340px\)\]\:w-\[calc\(100\%_-_24px\)\] {
    width: calc(100% - 24px);
  }

  .\[\@media_\(max-width\:_340px\)\]\:flex-wrap {
    flex-wrap: wrap;
  }
}

@media (max-width: 350px) {

  .\[\@media_\(max-width\:_350px\)\]\:grid-cols-\[105px_1fr\] {
    grid-template-columns: 105px 1fr;
  }

  .\[\@media_\(max-width\:_350px\)\]\:gap-1\.5 {
    gap: 0.375rem;
  }

  .\[\@media_\(max-width\:_350px\)\]\:gap-\[8px\] {
    gap: 8px;
  }

  .\[\@media_\(max-width\:_350px\)\]\:p-\[7px\] {
    padding: 7px;
  }

  .\[\@media_\(max-width\:_350px\)\]\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .\[\@media_\(max-width\:_350px\)\]\:px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px;
  }

  .\[\@media_\(max-width\:_350px\)\]\:px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px;
  }

  .\[\@media_\(max-width\:_350px\)\]\:pl-\[12px\] {
    padding-left: 12px;
  }

  .\[\@media_\(max-width\:_350px\)\]\:pr-\[12px\] {
    padding-right: 12px;
  }

  .\[\@media_\(max-width\:_350px\)\]\:\[\&_\>_div\]\:\[max-width\:72\%\] > div {
    max-width: 72%;
  }

  .\[\@media_\(max-width\:_350px\)\]\:\[\&_\>_img\]\:\[width\:52\%\] > img {
    width: 52%;
  }

  .gameExperience .\[\@media_\(max-width\:_350px\)\]\:\[\.gameExperience_\&\]\:ml-\[-12px\] {
    margin-left: -12px;
  }

  .gameExperience .\[\@media_\(max-width\:_350px\)\]\:\[\.gameExperience_\&\]\:mr-\[-12px\] {
    margin-right: -12px;
  }

  .gameExperience .\[\@media_\(max-width\:_350px\)\]\:\[\.gameExperience_\&\]\:pl-\[16px\] {
    padding-left: 16px;
  }

  .gameExperience .\[\@media_\(max-width\:_350px\)\]\:\[\.gameExperience_\&\]\:pr-\[16px\] {
    padding-right: 16px;
  }

  .pp-game-cartridges-featured .\[\@media_\(max-width\:_350px\)\]\:\[\.pp-game-cartridges-featured_\&\]\:h-\[150px\] {
    height: 150px;
  }

  .pp-game-menu-page .\[\@media_\(max-width\:_350px\)\]\:\[\.pp-game-menu-page_\&\]\:gap-\[10px\] {
    gap: 10px;
  }

  .pp-game-menu-page .\[\@media_\(max-width\:_350px\)\]\:\[\.pp-game-menu-page_\&\]\:p-\[10px\] {
    padding: 10px;
  }

  .pp-game-menu-page .\[\@media_\(max-width\:_350px\)\]\:\[\.pp-game-menu-page_\&_\>_div\]\:\[height\:88px\] > div {
    height: 88px;
  }
}

@media (prefers-color-scheme: dark) {

  .\[\@media_\(prefers-color-scheme\:_dark\)\]\:bg-\[linear-gradient\(_180deg\2c _color-mix\(in_srgb\2c _var\(--game-tone\2c _\#7040ae\)_16\%\2c _\#10111a\)\2c _\#11131b_380px_\)\] {
    background-image: linear-gradient( 180deg, color-mix(in srgb, var(--game-tone, #7040ae) 16%, #10111a), #11131b 380px );
  }

  .\[\@media_\(prefers-color-scheme\:_dark\)\]\:text-\[\#f8f7fb\] {
    --tw-text-opacity: 1;
    color: rgb(248 247 251 / var(--tw-text-opacity, 1));
  }

  .gameExperience .\[\@media_\(prefers-color-scheme\:_dark\)\]\:\[\.gameExperience_\&\]\:border-\[\#ffffff14\] {
    border-color: #ffffff14;
  }

  .gameExperience .\[\@media_\(prefers-color-scheme\:_dark\)\]\:\[\.gameExperience_\&\]\:bg-\[\#1c1e28\] {
    --tw-bg-opacity: 1;
    background-color: rgb(28 30 40 / var(--tw-bg-opacity, 1));
  }

  .gameExperience .\[\@media_\(prefers-color-scheme\:_dark\)\]\:\[\.gameExperience_\&_\>_div\]\:bg-\[\#ffffff0c\] > div {
    background-color: #ffffff0c;
  }

  .gameExperience > .\[\@media_\(prefers-color-scheme\:_dark\)\]\:\[\.gameExperience_\>_\&\]\:\[background\:\#1c1e28\] {
    background: #1c1e28;
  }

  .gameExperience > .\[\@media_\(prefers-color-scheme\:_dark\)\]\:\[\.gameExperience_\>_\&\]\:\[border-color\:\#ffffff14\] {
    border-color: #ffffff14;
  }
}

@media (prefers-reduced-motion: reduce) {

  .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\!animate-\[none\] {
    animation: none !important;
  }

  .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:animate-\[none\] {
    animation: none;
  }

  .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:opacity-\[0\] {
    opacity: 0;
  }

  .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:transition-\[none\] {
    transition-property: none;
  }

  .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[transform\:translateX\(_calc\(var\(--tile\)_\/_-2_-_var\(--target\)_\*_\(var\(--tile\)_\+_var\(--gap\)\)\)_\)\] {
    transform: translateX( calc(var(--tile) / -2 - var(--target) * (var(--tile) + var(--gap))) );
  }

  .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[transform\:translateY\(-1512px\)\] {
    transform: translateY(-1512px);
  }

  .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\&\:active\]\:\[transform\:none\]:active {
    transform: none;
  }

  .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\&\:not\(\.pp-game-launcher-switching\)_\>_div\]\:\[animation\:none\]:not(.pp-game-launcher-switching) > div {
    animation: none;
  }

  .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\&_\*\]\:\!animate-\[none\] * {
    animation: none !important;
  }

  .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\&_figure\[data-winner\=false\]\]\:opacity-\[0\] figure[data-winner=false] {
    opacity: 0;
  }

  .singleOpeningStage .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\.singleOpeningStage_\&\]\:animate-\[none\] {
    animation: none;
  }

  .singleOpeningStage .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\.singleOpeningStage_\&\]\:opacity-\[0\] {
    opacity: 0;
  }

  .singleOpeningStage .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\.singleOpeningStage_\&_figure\:not\(\[data-selected\=true\]\)\]\:\[opacity\:0\] figure:not([data-selected=true]) {
    opacity: 0;
  }

  .singleOpeningStage .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\.singleOpeningStage_\&_figure\[data-selected\=true\]\:\:before\]\:hidden figure[data-selected=true]::before {
    display: none;
  }

  .singleOpeningStage .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\.singleOpeningStage_\&_figure\[data-selected\=true\]\]\:shadow-none figure[data-selected=true] {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .singleOpeningStage .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\.singleOpeningStage_\&_figure\[data-selected\=true\]\]\:\[background\:transparent\] figure[data-selected=true] {
    background: transparent;
  }

  .singleOpeningStage .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\.singleOpeningStage_\&_figure\[data-selected\=true\]\]\:\[border-color\:transparent\] figure[data-selected=true] {
    border-color: transparent;
  }

  .singleOpeningStage .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\.singleOpeningStage_\&_figure\[data-selected\=true\]_img\]\:\[transform\:scale\(1\.6\)\] figure[data-selected=true] img {
    transform: scale(1.6);
  }

  .singleOpeningStage .\[\@media_\(prefers-reduced-motion\:_reduce\)\]\:\[\.singleOpeningStage_\&_figure\]\:\[animation\:none\] figure {
    animation: none;
  }
}

@supports(backdrop-filter:blur(16px)) {

  .\[\@supports\(backdrop-filter\:blur\(16px\)\)\]\:bg-\[color-mix\(in_srgb\2c _var\(--surface-solid\)_92\%\2c _transparent\)\] {
    background-color: color-mix(in srgb, var(--surface-solid) 92%, transparent);
  }

  .\[\@supports\(backdrop-filter\:blur\(16px\)\)\]\:\[backdrop-filter\:blur\(16px\)_saturate\(110\%\)\] {
    backdrop-filter: blur(16px) saturate(110%);
  }
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\:has\(\~_\.openingSellAction\)\]\:\!border-\[var\(--hairline\)\]:has(~ .openingSellAction) {
  border-color: var(--hairline) !important;
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\>button\:active\:not\(\:disabled\)\]\:\[background\:\#34383b\]>button:active:not(:disabled) {
  background: #34383b;
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:\!border-\[\#eceeee40\] {
  border-color: #eceeee40 !important;
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:border-\[\#ac9260\] {
  --tw-border-opacity: 1;
  border-color: rgb(172 146 96 / var(--tw-border-opacity, 1));
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:border-\[color-mix\(in_srgb\2c var\(--line\)_88\%\2c transparent\)\] {
  border-color: color-mix(in srgb,var(--line) 88%,transparent);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:border-\[rgb\(255_255_255_\/_12\%\)\] {
  border-color: rgb(255 255 255 / 12%);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:border-\[rgb\(255_255_255_\/_24\%\)\] {
  border-color: rgb(255 255 255 / 24%);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:border-pp-line {
  border-color: var(--line);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-\[\#352b43\] {
  --tw-bg-opacity: 1;
  background-color: rgb(53 43 67 / var(--tw-bg-opacity, 1));
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_10\%\2c _var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb, var(--accent) 10%, var(--surface-solid));
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-\[color-mix\(in_srgb\2c _var\(--surface-solid\)_88\%\2c _\#fff\)\] {
  background-color: color-mix(in srgb, var(--surface-solid) 88%, #fff);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-\[color-mix\(in_srgb\2c _var\(--surface-solid\)_88\%\2c _transparent\)\] {
  background-color: color-mix(in srgb, var(--surface-solid) 88%, transparent);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-\[color-mix\(in_srgb\2c var\(--accent\)_21\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--accent) 21%,var(--surface-solid));
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-\[color-mix\(in_srgb\2c var\(--surface-solid\)_88\%\2c \#fff\)\] {
  background-color: color-mix(in srgb,var(--surface-solid) 88%,#fff);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-\[rgb\(21_26_37_\/_82\%\)\] {
  background-color: rgb(21 26 37 / 82%);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-pp-accent {
  background-color: var(--accent);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-pp-surface {
  background-color: var(--surface-solid);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-\[linear-gradient\(120deg\2c _color-mix\(in_srgb\2c _var\(--promo\)_13\%\2c _var\(--surface-solid\)\)\2c _var\(--surface-solid\)_72\%\)\] {
  background-image: linear-gradient(120deg, color-mix(in srgb, var(--promo) 13%, var(--surface-solid)), var(--surface-solid) 72%);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-\[linear-gradient\(145deg\2c _color-mix\(in_srgb\2c _var\(--reward\)_7\%\2c _var\(--surface-solid\)\)\2c _var\(--surface-solid\)_58\%\)\] {
  background-image: linear-gradient(145deg, color-mix(in srgb, var(--reward) 7%, var(--surface-solid)), var(--surface-solid) 58%);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:bg-\[linear-gradient\(180deg\2c color-mix\(in_srgb\2c var\(--accent\)_8\%\2c var\(--canvas\2c _\#11151d\)\)\2c var\(--canvas\2c _\#11151d\)_38rem\)\] {
  background-image: linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--canvas, #11151d)),var(--canvas, #11151d) 38rem);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:\!text-\[\#eceeee\] {
  --tw-text-opacity: 1 !important;
  color: rgb(236 238 238 / var(--tw-text-opacity, 1)) !important;
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:text-\[\#e6b965\] {
  --tw-text-opacity: 1;
  color: rgb(230 185 101 / var(--tw-text-opacity, 1));
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:text-\[\#eddaad\] {
  --tw-text-opacity: 1;
  color: rgb(237 218 173 / var(--tw-text-opacity, 1));
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:text-pp-text {
  color: var(--text);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:shadow-\[0_0\.65rem_1\.5rem_rgb\(0_0_0_\/_24\%\)\] {
  --tw-shadow: 0 0.65rem 1.5rem rgb(0 0 0 / 24%);
  --tw-shadow-colored: 0 0.65rem 1.5rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:shadow-\[0_6px_18px_rgb\(0_0_0_\/_14\%\)\] {
  --tw-shadow: 0 6px 18px rgb(0 0 0 / 14%);
  --tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:\[--box-stage-ink\:\#f4f0ff\] {
  --box-stage-ink: #f4f0ff;
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:\[background\:radial-gradient\(circle_at_50\%_38\%\2c _color-mix\(in_srgb\2c _var\(--surface-2\)_82\%\2c _white\)_0_24\%\2c _color-mix\(in_srgb\2c _var\(--accent\)_12\%\2c _var\(--surface-3\)\)_70\%\)\] {
  background: radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--surface-2) 82%, white) 0 24%, color-mix(in srgb, var(--accent) 12%, var(--surface-3)) 70%);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:\[background\:radial-gradient\(ellipse\2c \#55476955\2c transparent\)\2c var\(--surface\)\] {
  background: radial-gradient(ellipse,#55476955,transparent),var(--surface);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:\[background\:radial-gradient\(ellipse\2c _\#55476955\2c _transparent\)\2c _var\(--surface\)\] {
  background: radial-gradient(ellipse, #55476955, transparent), var(--surface);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:\[background\:var\(--bg\)\] {
  background: var(--bg);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:\[box-shadow\:inset_0_1px_0_\#ffffff08\] {
  box-shadow: inset 0 1px 0 #ffffff08;
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:before\:bg-\[color-mix\(in_srgb\2c _var\(--surface-solid\)_78\%\2c _transparent\)\]::before {
  content: var(--tw-content);
  background-color: color-mix(in srgb, var(--surface-solid) 78%, transparent);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:enabled\:active\:\!bg-\[\#34383b\]:active:enabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(52 56 59 / var(--tw-bg-opacity, 1)) !important;
}

[data-theme=dark] .group\/reward:is(.is-ready,.is-check-open) .\[\[data-theme\=dark\]_\&\]\:group-\[\:is\(\.is-ready\2c \.is-check-open\)\]\/reward\:\[background\:radial-gradient\(ellipse\2c \#89703b33\2c transparent\)\2c var\(--surface\)\] {
  background: radial-gradient(ellipse,#89703b33,transparent),var(--surface);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&\]\:aria-pressed\:shadow-\[0_6px_18px_rgb\(0_0_0_\/_14\%\)\][aria-pressed="true"] {
  --tw-shadow: 0 6px 18px rgb(0 0 0 / 14%);
  --tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[data-theme=dark] .\[\[data-theme\=dark\]_\&_button\[aria-pressed\=true\]\]\:bg-\[color-mix\(in_srgb\2c _var\(--accent\)_20\%\2c _var\(--surface-solid\)\)\] button[aria-pressed=true] {
  background-color: color-mix(in srgb, var(--accent) 20%, var(--surface-solid));
}

[data-theme=dark] .isFreeHero .\[\[data-theme\=dark\]_\.isFreeHero_\&\]\:\[background\:radial-gradient\(ellipse\2c _\#89703b33\2c _transparent\)\2c _var\(--surface\)\] {
  background: radial-gradient(ellipse, #89703b33, transparent), var(--surface);
}

blockquote .\[blockquote_\&\]\:\!max-h-16 {
  max-height: 4rem !important;
}

button[aria-pressed=false] .\[button\[aria-pressed\=false\]_\&\]\:opacity-\[0\.72\] {
  opacity: 0.72;
}

button[aria-pressed=false] .\[button\[aria-pressed\=false\]_\&\]\:grayscale-\[0\.65\] {
  --tw-grayscale: grayscale(0.65);
  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);
}

details[open] .\[details\[open\]_\&\]\:pt-1 {
  padding-top: 0.25rem;
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\[data-urgency\=soon\]\]\:text-\[\#f4ad9d\][data-urgency=soon] {
  --tw-text-opacity: 1;
  color: rgb(244 173 157 / var(--tw-text-opacity, 1));
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:\!border-\[\#ac9260\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(172 146 96 / var(--tw-border-opacity, 1)) !important;
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:border-\[color-mix\(in_srgb\2c var\(--action-benefit\)_24\%\2c var\(--surface-solid\)\)\] {
  border-color: color-mix(in srgb,var(--action-benefit) 24%,var(--surface-solid));
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:border-\[rgb\(255_255_255_\/_10\%\)\] {
  border-color: rgb(255 255 255 / 10%);
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:border-\[var\(--hairline\)\] {
  border-color: var(--hairline);
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:border-transparent {
  border-color: transparent;
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:bg-\[color-mix\(in_srgb\2c var\(--action-benefit\)_7\%\2c var\(--surface-solid\)\)\] {
  background-color: color-mix(in srgb,var(--action-benefit) 7%,var(--surface-solid));
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:bg-\[var\(--action-funds-soft\)\] {
  background-color: var(--action-funds-soft);
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:bg-pp-accent {
  background-color: var(--accent);
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:\!text-\[\#eddaad\] {
  --tw-text-opacity: 1 !important;
  color: rgb(237 218 173 / var(--tw-text-opacity, 1)) !important;
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:text-\[\#e6b965\] {
  --tw-text-opacity: 1;
  color: rgb(230 185 101 / var(--tw-text-opacity, 1));
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:text-\[var\(--action-benefit\)\] {
  color: var(--action-benefit);
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:text-\[var\(--action-utility\)\] {
  color: var(--action-utility);
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:text-pp-text {
  color: var(--text);
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:\!shadow-\[inset_0_1px_0_\#ffffff08\] {
  --tw-shadow: inset 0 1px 0 #ffffff08 !important;
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:\!\[background\:\#352b43\] {
  background: #352b43 !important;
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:\[background\:linear-gradient\(140deg\2c var\(--surface-solid\)_35\%\2c color-mix\(in_srgb\2c var\(--accent\)_9\%\2c var\(--surface-solid\)\)\)\] {
  background: linear-gradient(140deg,var(--surface-solid) 35%,color-mix(in srgb,var(--accent) 9%,var(--surface-solid)));
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:\[background\:rgb\(31_29_39_\/_94\%\)\] {
  background: rgb(31 29 39 / 94%);
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:\[box-shadow\:0_1px_0_rgb\(255_255_255_\/_4\%\)_inset\2c _0_0_20px_rgb\(0_0_0_\/_20\%\)\] {
  box-shadow: 0 1px 0 rgb(255 255 255 / 4%) inset, 0 0 20px rgb(0 0 0 / 20%);
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:\[box-shadow\:inset_0_1px_0_\#ffffff08\] {
  box-shadow: inset 0 1px 0 #ffffff08;
}

html[data-theme=dark] .\[html\[data-theme\=dark\]_\&\]\:\[box-shadow\:var\(--shadow-low\)\] {
  box-shadow: var(--shadow-low);
}

@media(prefers-reduced-transparency:reduce) {

  html[data-theme=dark] .\[\@media\(prefers-reduced-transparency\:reduce\)\]\:\[html\[data-theme\=dark\]_\&\]\:\[background\:\#1f1d27\] {
    background: #1f1d27;
  }
}

html[data-theme=dark] .boxResultDialog .boxResultActions .\[html\[data-theme\=dark\]_\.boxResultDialog_\.boxResultActions_\&\[data-full-recovery\]\]\:border-\[\#806a3f\][data-full-recovery] {
  --tw-border-opacity: 1;
  border-color: rgb(128 106 63 / var(--tw-border-opacity, 1));
}

html[data-theme=dark] .boxResultDialog .boxResultActions .\[html\[data-theme\=dark\]_\.boxResultDialog_\.boxResultActions_\&\[data-full-recovery\]\]\:bg-\[linear-gradient\(115deg\2c _\#493d27\2c _\#3a3023\)\][data-full-recovery] {
  background-image: linear-gradient(115deg, #493d27, #3a3023);
}

html[data-theme=dark] .boxResultDialog .boxResultActions .\[html\[data-theme\=dark\]_\.boxResultDialog_\.boxResultActions_\&\[data-full-recovery\]\]\:text-\[\#efd49b\][data-full-recovery] {
  --tw-text-opacity: 1;
  color: rgb(239 212 155 / var(--tw-text-opacity, 1));
}

html[data-theme=dark] .boxResultDialog .boxResultActions .\[html\[data-theme\=dark\]_\.boxResultDialog_\.boxResultActions_\&\[data-full-recovery\]\]\:shadow-\[inset_0_1px_0_\#ffffff0a\][data-full-recovery] {
  --tw-shadow: inset 0 1px 0 #ffffff0a;
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

html[data-theme=dark] body .boxResultDialog .boxResultActions > button:not(.\[html\[data-theme\=dark\]_body_\.boxResultDialog_\.boxResultActions_\>_button\:not\(\&\)\]\:\[background\:var\(--surface-solid\)\]) {
  background: var(--surface-solid);
}

html[data-theme=dark] body .boxResultDialog .boxResultActions > button:not(.\[html\[data-theme\=dark\]_body_\.boxResultDialog_\.boxResultActions_\>_button\:not\(\&\)\]\:\[border-color\:\#eceeee40\]) {
  border-color: #eceeee40;
}

html[data-theme=dark] body .boxResultDialog .boxResultActions > button:not(.\[html\[data-theme\=dark\]_body_\.boxResultDialog_\.boxResultActions_\>_button\:not\(\&\)\]\:\[color\:\#eceeee\]) {
  color: #eceeee;
}

html[data-theme=dark] body .homeLiveStrip .dropCard.\[html\[data-theme\=dark\]_body_\.homeLiveStrip_\.dropCard\&\]\:\[background\:\#302a20\] {
  background: #302a20;
}

html[data-theme=dark] body .homeLiveStrip .dropCard.\[html\[data-theme\=dark\]_body_\.homeLiveStrip_\.dropCard\&\]\:\[border-color\:\#665439\] {
  border-color: #665439;
}

html body .\[html_body_\&_\>_a\:focus-visible\]\:\[outline-offset\:3px\] > a:focus-visible {
  outline-offset: 3px;
}

html body .\[html_body_\&_\>_a\:focus-visible\]\:\[outline\:2px_solid_var\(--accent\)\] > a:focus-visible {
  outline: 2px solid var(--accent);
}

html body .\[html_body_\&_\>_a\]\:inline-flex > a {
  display: inline-flex;
}

html body .\[html_body_\&_\>_a\]\:min-h-11 > a {
  min-height: 2.75rem;
}

html body .\[html_body_\&_\>_a\]\:items-center > a {
  align-items: center;
}

html body .\[html_body_\&_\>_a\]\:justify-center > a {
  justify-content: center;
}

html body .appShell .homeLayout .homeCatalog .\[html_body_\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:first-child\]\:\[grid-column\:auto\] > div:first-child {
  grid-column: auto;
}

html body .appShell .homeLayout .homeCatalog .\[html_body_\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:nth-child\(n\)_h3\]\:m-0 > div:nth-child(n) h3 {
  margin: 0px;
}

html body .appShell .homeLayout .homeCatalog .\[html_body_\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:nth-child\(n\)_h3\]\:\[-webkit-line-clamp\:2\] > div:nth-child(n) h3 {
  -webkit-line-clamp: 2;
}

html body .appShell .homeLayout .homeCatalog .\[html_body_\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:nth-child\(n\)_h3\]\:\[font\:var\(--type-name\)\] > div:nth-child(n) h3 {
  font: var(--type-name);
}

html body .appShell .homeLayout .homeCatalog .\[html_body_\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:nth-child\(n\)_h3\]\:\[min-height\:40px\] > div:nth-child(n) h3 {
  min-height: 40px;
}

html body .appShell .homeLayout .homeCatalog .\[html_body_\.appShell_\.homeLayout_\.homeCatalog_\&_\>_div\:nth-child\(n\)_h3\]\:\[overflow-wrap\:anywhere\] > div:nth-child(n) h3 {
  overflow-wrap: anywhere;
}

html body .appShell :is(.rewardsIntro, .promotionInbox) .\[html_body_\.appShell_\:is\(\.rewardsIntro\2c _\.promotionInbox\)_\&\]\:hidden {
  display: none;
}

html body .boxResultDialog .boxResultActions > button:not(.\[html_body_\.boxResultDialog_\.boxResultActions_\>_button\:not\(\&\)\:active\:not\(\:disabled\)\]\:\[background\:color-mix\(_in_srgb\2c _var\(--action-benefit\)_14\%\2c _var\(--action-benefit-soft\)_\)\]):active:not(:disabled) {
  background: color-mix( in srgb, var(--action-benefit) 14%, var(--action-benefit-soft) );
}

html body .boxResultDialog .boxResultActions > button:not(.\[html_body_\.boxResultDialog_\.boxResultActions_\>_button\:not\(\&\)\]\:shadow-none) {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

html body .boxResultDialog .boxResultActions > button:not(.\[html_body_\.boxResultDialog_\.boxResultActions_\>_button\:not\(\&\)\]\:\[background\:var\(--action-benefit-soft\)\]) {
  background: var(--action-benefit-soft);
}

html body .boxResultDialog .boxResultActions > button:not(.\[html_body_\.boxResultDialog_\.boxResultActions_\>_button\:not\(\&\)\]\:\[border\:1px_solid_color-mix\(in_srgb\2c _var\(--action-benefit\)_22\%\2c _transparent\)\]) {
  border: 1px solid color-mix(in srgb, var(--action-benefit) 22%, transparent);
}

html body .boxResultDialog .boxResultActions > button:not(.\[html_body_\.boxResultDialog_\.boxResultActions_\>_button\:not\(\&\)\]\:\[color\:var\(--action-benefit\)\]) {
  color: var(--action-benefit);
}

html body .homeLayout .\[html_body_\.homeLayout_\&\]\:\[margin-bottom\:8px\] {
  margin-bottom: 8px;
}

html body .homeLayout .\[html_body_\.homeLayout_\&_a\]\:\[font\:var\(--type-caption\)\] a {
  font: var(--type-caption);
}

html body .homeLayout .\[html_body_\.homeLayout_\&_h2\]\:text-pp-text h2 {
  color: var(--text);
}

html body .homeLayout .\[html_body_\.homeLayout_\&_h2\]\:\[font\:var\(--type-section\)\] h2 {
  font: var(--type-section);
}

html body .homeLayout .\[html_body_\.homeLayout_\&_h2\]\:\[letter-spacing\:-0\.25px\] h2 {
  letter-spacing: -0.25px;
}

html body .homeLayout .homeCatalog .\[html_body_\.homeLayout_\.homeCatalog_\&\]\:gap-3 {
  gap: 0.75rem;
}

@media (max-width: 340px) {

  html body .homeLayout .homeCatalog .\[\@media_\(max-width\:_340px\)\]\:\[html_body_\.homeLayout_\.homeCatalog_\&\]\:gap-2\.5 {
    gap: 0.625rem;
  }
}

html body .multiOpeningResult .boxResultActions button:not(.\[html_body_\.multiOpeningResult_\.boxResultActions_button\:not\(\&\)\]\:\[background\:var\(--accent\)\]) {
  background: var(--accent);
}

html body .multiOpeningResult .boxResultActions button:not(.\[html_body_\.multiOpeningResult_\.boxResultActions_button\:not\(\&\)\]\:\[box-shadow\:inset_0_1px_0_\#ffffff26\]) {
  box-shadow: inset 0 1px 0 #ffffff26;
}

html body .multiOpeningResult .boxResultActions button:not(.\[html_body_\.multiOpeningResult_\.boxResultActions_button\:not\(\&\)\]\:\[color\:\#fff\]) {
  color: #fff;
}