/*
! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid;
}
:after,
:before {
  --tw-content: "";
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
* {
  scrollbar-color: auto;
  scrollbar-width: auto;
  outline-width: 0;
  scrollbar-color: var(--scrollbar-thumb, initial)
    var(--scrollbar-track, initial);
}
::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}
::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}
::-webkit-scrollbar-track:active {
  background-color: var(
    --scrollbar-track-active,
    var(--scrollbar-track-hover, var(--scrollbar-track))
  );
}
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}
::-webkit-scrollbar-thumb:active {
  background-color: var(
    --scrollbar-thumb-active,
    var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
  );
}
::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}
::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}
::-webkit-scrollbar-corner:active {
  background-color: var(
    --scrollbar-corner-active,
    var(--scrollbar-corner-hover, var(--scrollbar-corner))
  );
}
* {
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}
* {
  --scrollbar-track: transparent;
  --scrollbar-thumb: #2b2c31;
  --scrollbar-thumb-radius: 99999px;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  font-kerning: normal;
}
html {
  min-height: 100%;
  scroll-behavior: smooth;
}
@media (max-width: 1024px) {
  html {
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
body {
  width: 100%;
  overflow-x: hidden !important;
  overflow-y: scroll;
  --tw-bg-opacity: 1;
  background-color: rgb(16 17 20 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(189 193 199 / var(--tw-text-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 1024px) {
  body {
    overflow-y: auto;
  }
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  font-kerning: normal;
}
a,
body,
button,
input,
select,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
:root {
  color-scheme: dark;
  --header-height: 56px;
  --portrait-card-height: 332px;
  --landscape-card-height: 152px;
  --activity-card-height: 166px;
  --streak-card-height: 264px;
  --category-card-height: 140px;
  --community-card-height: 200px;
  --mobile-card-width: 160px;
  --quest-header-height: 80px;
  --quest-footer-height: 90px;
  --quest-content-width: 852px;
  --quest-inner-content-width: 588px;
  --quest-inner-content-narrow-width: 480px;
  --streak-height: 656px;
  --header-height-v2: 72px;
  --landscape-card-height-v2: 104px;
  --mobile-card-height: 280px;
  --mobile-category-card-width: 106px;
  --quest-header-height-v2: 56px;
}
*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(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: ;
}
::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: rgba(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: ;
}
.container {
  width: 100%;
}
.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose
  :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose
  :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose
  :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}
.prose
  :where(blockquote
    strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}
.prose
  :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}
.prose
  :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  list-style-type: upper-alpha;
}
.prose
  :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  list-style-type: lower-alpha;
}
.prose
  :where(ol[type="A s"]):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  list-style-type: upper-alpha;
}
.prose
  :where(ol[type="a s"]):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  list-style-type: lower-alpha;
}
.prose
  :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  list-style-type: upper-roman;
}
.prose
  :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  list-style-type: lower-roman;
}
.prose
  :where(ol[type="I s"]):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  list-style-type: upper-roman;
}
.prose
  :where(ol[type="i s"]):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  list-style-type: lower-roman;
}
.prose
  :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}
.prose
  :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"]
      *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose
  :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"]
      *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose
  :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}
.prose
  :where(blockquote
    p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"]
      *)):before {
  content: open-quote;
}
.prose
  :where(blockquote
    p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"]
      *)):after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose
  :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose
  :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose
  :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose
  :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose
  :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),
    0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding: 0.1875em 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose
  :where(code):not(:where([class~="not-prose"], [class~="not-prose"]
      *)):before {
  content: "`";
}
.prose
  :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: "`";
}
.prose
  :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}
.prose
  :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}
.prose
  :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose
  :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose
  :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}
.prose
  :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  color: inherit;
}
.prose
  :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding: 0.8571429em 1.1428571em;
}
.prose
  :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose
  :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"]
      *)):before {
  content: none;
}
.prose
  :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"]
      *)):after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose
  :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}
.prose
  :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose
  :where(tbody
    tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 0;
}
.prose
  :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose
  :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  vertical-align: top;
}
.prose
  :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose
  :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.5);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose
  :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"]
      *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose
  :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-left: 0.375em;
}
.prose
  :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-left: 0.375em;
}
.prose
  :where(.prose
    > ul
    > li
    p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose
  :where(.prose
    > ul
    > li
    > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose
  :where(.prose
    > ul
    > li
    > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose
  :where(.prose
    > ol
    > li
    > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose
  :where(.prose
    > ol
    > li
    > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose
  :where(ul ul, ul ol, ol ul, ol
    ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-left: 1.625em;
}
.prose
  :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}
.prose
  :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}
.prose
  :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}
.prose
  :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}
.prose
  :where(thead
    th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-left: 0;
}
.prose
  :where(thead
    th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-right: 0;
}
.prose
  :where(tbody td, tfoot
    td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding: 0.5714286em;
}
.prose
  :where(tbody td:first-child, tfoot
    td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-left: 0;
}
.prose
  :where(tbody td:last-child, tfoot
    td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-right: 0;
}
.prose
  :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose
  :where(.prose
    > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}
.prose
  :where(.prose
    > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 0;
}
.body {
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.004em;
  color: rgb(189 193 199 / var(--tw-text-opacity));
}
.body,
.heading {
  font-weight: 500;
  --tw-text-opacity: 1;
}
.heading {
  font-size: 24px;
  line-height: 1.25;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.featured-carousel .swiper-pagination-bullet {
  margin: 0 !important;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(44 45 53 / var(--tw-bg-opacity));
  opacity: 1;
}
.featured-carousel .swiper-pagination-bullet-active {
  --tw-bg-opacity: 1;
  background-color: rgb(132 132 134 / var(--tw-bg-opacity));
}
.rewards-carousel-container .swiper-pagination-bullet {
  margin: 0 !important;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(44 45 53 / var(--tw-bg-opacity));
  padding: 6px;
  opacity: 1;
}
.rewards-carousel-container .swiper-pagination-bullet-active {
  --tw-bg-opacity: 1;
  background-color: rgb(132 132 134 / var(--tw-bg-opacity));
}
.pure-carousel .carousel__inner-slide {
  left: 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));
  width: calc(100% - 24px);
}
@media (max-width: 640px) {
  .pure-carousel .carousel__inner-slide {
    width: calc(100% - 8px);
  }
}
.pure-carousel .carousel__slide {
  padding-bottom: 0 !important;
}
.pure-carousel .focusRing___1airF.carousel__slide-focus-ring {
  outline: none !important;
}
.mobile-nav-icon {
  position: relative;
  height: 20px;
  width: 20px;
  transition-property: all;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.mobile-nav-icon span {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  width: 20px;
  border-radius: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(132 132 134 / var(--tw-bg-opacity));
  transition-duration: 0.7s;
  animation-duration: 0.7s;
}
.group[data-state="open"] .mobile-nav-icon span {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.mobile-nav-icon span:first-child {
  left: 0;
  top: 5px;
  transition-property: all;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.mobile-nav-icon.is-active span:first-child {
  --tw-translate-y: 4px;
  --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));
}
.mobile-nav-icon span:last-child {
  bottom: 5px;
  left: 0;
  transition-property: all;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.mobile-nav-icon.is-active span:last-child {
  --tw-translate-y: -4px;
  --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));
}
[cmdk-dialog] {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  animation: cmdkIn 324ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
}
[cmdk-dialog][data-state="closed"] {
  animation: cmdkOut 324ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
}
.cmdk {
  position: absolute;
  left: 50%;
  top: 16px;
  z-index: 10;
  height: auto;
  width: 100%;
  max-width: 500px;
  --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));
  overflow: hidden;
  border-radius: 13px;
  --tw-bg-opacity: 1;
  background-color: rgb(30 31 36 / var(--tw-bg-opacity));
  font-family: Inter, Helvetica Rounded, Helvetica, ui-sans-serif, system-ui,
    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,
    Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,
    Noto Color Emoji !important;
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #101114;
  --tw-shadow: var(--tw-shadow-colored);
}
@media (max-width: 640px) {
  .cmdk {
    left: 0;
    top: 0;
    min-height: 100vh;
    width: 100%;
    max-width: 100%;
    --tw-translate-x: 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));
    border-radius: 0;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(16 17 20 / var(--tw-bg-opacity));
    --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);
  }
}
.cmdk [cmdk-list] {
  max-height: 480px;
  min-height: 220px;
}
@media (max-width: 640px) {
  .cmdk [cmdk-list] {
    max-height: 100dvh;
  }
}
.cmdk [cmdk-list] {
  height: var(--cmdk-list-height);
  overflow: auto;
  overscroll-behavior: contain;
  transition: 348ms ease;
  transition-property: height;
}
.cmdk [cmdk-list-sizer] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  transition: height 1s cubic-bezier(0.175, 0.885, 0.32, 1.1);
}
.cmdk [cmdk-group] {
  display: flex;
  animation: slideInBottomGentle 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  flex-direction: column;
  gap: 8px;
}
.cmdk [cmdk-overlay] {
  display: none;
}
.cmdk [cmdk-group-heading] {
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(132 132 134 / var(--tw-text-opacity));
}
.cmdk [cmdk-item] {
  animation: slideInBottomGentle 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.quest-image {
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 50%);
  mask-image: linear-gradient(180deg, #000, transparent 50%);
}
.race-image {
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 85%);
  mask-image: linear-gradient(180deg, #000, transparent 85%);
}
.infinity-cube-video {
  -webkit-mask-image: radial-gradient(#000 58%, transparent 70%);
  mask-image: radial-gradient(#000 58%, transparent 70%);
}
.animate-flying-emoji {
  animation: fly 2s ease-out forwards;
}
.bg-polygon-special {
  background: radial-gradient(
      69.26% 69.26% at -28% 73%,
      #4c12b2 0.73%,
      rgba(76, 18, 178, 0) 100%
    ),
    radial-gradient(
      61.55% 61.55% at 3% 96%,
      #4c12b2 0,
      rgba(76, 18, 178, 0) 100%
    ),
    radial-gradient(
      146.25% 80.5% at 105.84% 7.95%,
      #4619bd 0,
      rgba(152, 218, 255, 0) 100%
    ),
    linear-gradient(0deg, #621ed8, #8748f5);
  background-blend-mode: multiply, multiply, normal, normal;
}
#passport-overlay {
  pointer-events: all;
}
@keyframes stakingPulse {
  0%,
  to {
    transform: scale(1);
    opacity: 0;
  }
  12.5% {
    transform: scale(1.8);
    opacity: 0.5;
  }
  25% {
    transform: scale(2.1);
    opacity: 0;
  }
  75% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes fly {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: translateY(-80vh);
    opacity: 0;
  }
}
@keyframes cmdkIn {
  0% {
    opacity: 0;
    transform: translateY(32px) scale(0.92);
    filter: blur(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}
@keyframes cmdkOut {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform: translateY(32px) scale(0.92);
    filter: blur(20px);
  }
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-4xs {
  inset: 2px;
}
.inset-\[-4px\] {
  inset: -4px;
}
.inset-\[-5px\] {
  inset: -5px;
}
.inset-none {
  inset: 0;
}
.\!inset-x-none {
  left: 0 !important;
  right: 0 !important;
}
.inset-x-none {
  left: 0;
  right: 0;
}
.inset-y-none {
  top: 0;
  bottom: 0;
}
.\!-bottom-5xl {
  bottom: -96px !important;
}
.\!bottom-lg {
  bottom: 24px !important;
}
.\!top-\[calc\(16px-4px\)\] {
  top: calc(16px - 4px) !important;
}
.-bottom-3xs {
  bottom: -4px;
}
.-bottom-4xs {
  bottom: -2px;
}
.-bottom-md {
  bottom: -16px;
}
.-bottom-xl {
  bottom: -32px;
}
.-bottom-xs {
  bottom: -8px;
}
.-left-3xs {
  left: -4px;
}
.-left-4xl {
  left: -56px;
}
.-left-md {
  left: -16px;
}
.-left-sm {
  left: -12px;
}
.-left-xl {
  left: -32px;
}
.-left-xs {
  left: -8px;
}
.-right-3xs {
  right: -4px;
}
.-right-4xl {
  right: -56px;
}
.-right-4xs {
  right: -2px;
}
.-right-lg {
  right: -24px;
}
.-right-sm {
  right: -12px;
}
.-right-xl {
  right: -32px;
}
.-right-xs {
  right: -8px;
}
.-right-xxs {
  right: -6px;
}
.-top-3xl {
  top: -48px;
}
.-top-3xs {
  top: -4px;
}
.-top-4xl {
  top: -56px;
}
.-top-4xs {
  top: -2px;
}
.-top-5xl {
  top: -96px;
}
.-top-lg {
  top: -24px;
}
.-top-md {
  top: -16px;
}
.-top-sm {
  top: -12px;
}
.-top-xl {
  top: -32px;
}
.-top-xs {
  top: -8px;
}
.-top-xxl {
  top: -36px;
}
.bottom-4xs {
  bottom: 2px;
}
.bottom-\[-100\%\] {
  bottom: -100%;
}
.bottom-\[-110\%\] {
  bottom: -110%;
}
.bottom-\[-14px\] {
  bottom: -14px;
}
.bottom-\[-164px\] {
  bottom: -164px;
}
.bottom-\[-170px\] {
  bottom: -170px;
}
.bottom-\[-18\%\] {
  bottom: -18%;
}
.bottom-\[-196px\] {
  bottom: -196px;
}
.bottom-\[-1px\] {
  bottom: -1px;
}
.bottom-\[-20\%\] {
  bottom: -20%;
}
.bottom-\[-200px\] {
  bottom: -200px;
}
.bottom-\[-20px\] {
  bottom: -20px;
}
.bottom-\[-28px\] {
  bottom: -28px;
}
.bottom-\[-45\%\] {
  bottom: -45%;
}
.bottom-\[-4px\] {
  bottom: -4px;
}
.bottom-\[-50\%\] {
  bottom: -50%;
}
.bottom-\[-6px\] {
  bottom: -6px;
}
.bottom-\[-88px\] {
  bottom: -88px;
}
.bottom-\[-96px\] {
  bottom: -96px;
}
.bottom-\[10\%\] {
  bottom: 10%;
}
.bottom-\[100px\] {
  bottom: 100px;
}
.bottom-\[140px\] {
  bottom: 140px;
}
.bottom-\[20px\] {
  bottom: 20px;
}
.bottom-\[24px\] {
  bottom: 24px;
}
.bottom-\[44px\] {
  bottom: 44px;
}
.bottom-\[48px\] {
  bottom: 48px;
}
.bottom-\[70px\] {
  bottom: 70px;
}
.bottom-\[84px\] {
  bottom: 84px;
}
.bottom-\[calc\(24px\+52px\+24px\)\] {
  bottom: calc(24px + 52px + 24px);
}
.bottom-\[var\(--quest-footer-height\)\] {
  bottom: var(--quest-footer-height);
}
.bottom-lg {
  bottom: 24px;
}
.bottom-none {
  bottom: 0;
}
.bottom-sm {
  bottom: 12px;
}
.bottom-xl {
  bottom: 32px;
}
.bottom-xs {
  bottom: 8px;
}
.left-1\/2 {
  left: 50%;
}
.left-1\/4 {
  left: 25%;
}
.left-2\/3 {
  left: 66.666667%;
}
.left-3\/4 {
  left: 75%;
}
.left-3xl {
  left: 48px;
}
.left-\[-10\%\] {
  left: -10%;
}
.left-\[-100\%\] {
  left: -100%;
}
.left-\[-110\%\] {
  left: -110%;
}
.left-\[-12px\] {
  left: -12px;
}
.left-\[-145\%\] {
  left: -145%;
}
.left-\[-14px\] {
  left: -14px;
}
.left-\[-150px\] {
  left: -150px;
}
.left-\[-16px\] {
  left: -16px;
}
.left-\[-18px\] {
  left: -18px;
}
.left-\[-2\.5\%\] {
  left: -2.5%;
}
.left-\[-20px\] {
  left: -20px;
}
.left-\[-230px\] {
  left: -230px;
}
.left-\[-50\%\] {
  left: -50%;
}
.left-\[-64px\] {
  left: -64px;
}
.left-\[-6px\] {
  left: -6px;
}
.left-\[0px\] {
  left: 0;
}
.left-\[10\%\] {
  left: 10%;
}
.left-\[120\%\] {
  left: 120%;
}
.left-\[14\.7\%\] {
  left: 14.7%;
}
.left-\[16\.5\%\] {
  left: 16.5%;
}
.left-\[17\%\] {
  left: 17%;
}
.left-\[20px\] {
  left: 20px;
}
.left-\[29\.6\%\] {
  left: 29.6%;
}
.left-\[43\%\] {
  left: 43%;
}
.left-\[44px\] {
  left: 44px;
}
.left-\[47\%\] {
  left: 47%;
}
.left-\[48\%\] {
  left: 48%;
}
.left-\[65\%\] {
  left: 65%;
}
.left-\[75\%\] {
  left: 75%;
}
.left-\[8\%\] {
  left: 8%;
}
.left-\[calc\(50\%-52px-\(5\*200px\)\)\] {
  left: calc(50% - 52px - (5 * 200px));
}
.left-\[calc\(50\%-68px\)\] {
  left: calc(50% - 68px);
}
.left-lg {
  left: 24px;
}
.left-md {
  left: 16px;
}
.left-none {
  left: 0;
}
.left-sm {
  left: 12px;
}
.left-xs {
  left: 8px;
}
.right-\[-120\%\] {
  right: -120%;
}
.right-\[-12px\] {
  right: -12px;
}
.right-\[-150\%\] {
  right: -150%;
}
.right-\[-160\%\] {
  right: -160%;
}
.right-\[-165\%\] {
  right: -165%;
}
.right-\[-16px\] {
  right: -16px;
}
.right-\[-170px\] {
  right: -170px;
}
.right-\[-18px\] {
  right: -18px;
}
.right-\[-20px\] {
  right: -20px;
}
.right-\[-270px\] {
  right: -270px;
}
.right-\[-40\%\] {
  right: -40%;
}
.right-\[-48px\] {
  right: -48px;
}
.right-\[-4px\] {
  right: -4px;
}
.right-\[-56px\] {
  right: -56px;
}
.right-\[-64px\] {
  right: -64px;
}
.right-\[-6px\] {
  right: -6px;
}
.right-\[-70\%\] {
  right: -70%;
}
.right-\[-7px\] {
  right: -7px;
}
.right-\[-8px\] {
  right: -8px;
}
.right-\[-90\%\] {
  right: -90%;
}
.right-\[10px\] {
  right: 10px;
}
.right-\[20px\] {
  right: 20px;
}
.right-\[32px\] {
  right: 32px;
}
.right-\[36px\] {
  right: 36px;
}
.right-\[60px\] {
  right: 60px;
}
.right-lg {
  right: 24px;
}
.right-md {
  right: 16px;
}
.right-none {
  right: 0;
}
.right-sm {
  right: 12px;
}
.right-xl {
  right: 32px;
}
.right-xs {
  right: 8px;
}
.right-xxs {
  right: 6px;
}
.top-1\/2 {
  top: 50%;
}
.top-1\/4 {
  top: 25%;
}
.top-3xl {
  top: 48px;
}
.top-3xs {
  top: 4px;
}
.top-\[-100px\] {
  top: -100px;
}
.top-\[-11px\] {
  top: -11px;
}
.top-\[-12px\] {
  top: -12px;
}
.top-\[-14px\] {
  top: -14px;
}
.top-\[-15\%\] {
  top: -15%;
}
.top-\[-150px\] {
  top: -150px;
}
.top-\[-160px\] {
  top: -160px;
}
.top-\[-16px\] {
  top: -16px;
}
.top-\[-18px\] {
  top: -18px;
}
.top-\[-1px\] {
  top: -1px;
}
.top-\[-200px\] {
  top: -200px;
}
.top-\[-20px\] {
  top: -20px;
}
.top-\[-25\%\] {
  top: -25%;
}
.top-\[-2px\] {
  top: -2px;
}
.top-\[-32px\] {
  top: -32px;
}
.top-\[-40px\] {
  top: -40px;
}
.top-\[-48px\] {
  top: -48px;
}
.top-\[-50\%\] {
  top: -50%;
}
.top-\[-52px\] {
  top: -52px;
}
.top-\[-57\%\] {
  top: -57%;
}
.top-\[-65\%\] {
  top: -65%;
}
.top-\[-6px\] {
  top: -6px;
}
.top-\[-7px\] {
  top: -7px;
}
.top-\[-88px\] {
  top: -88px;
}
.top-\[0\%\] {
  top: 0;
}
.top-\[10\%\] {
  top: 10%;
}
.top-\[10px\] {
  top: 10px;
}
.top-\[110\%\] {
  top: 110%;
}
.top-\[120px\] {
  top: 120px;
}
.top-\[16\%\] {
  top: 16%;
}
.top-\[18\%\] {
  top: 18%;
}
.top-\[20px\] {
  top: 20px;
}
.top-\[24px\] {
  top: 24px;
}
.top-\[25\%\] {
  top: 25%;
}
.top-\[37\%\] {
  top: 37%;
}
.top-\[42\%\] {
  top: 42%;
}
.top-\[48\%\] {
  top: 48%;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[56px\] {
  top: 56px;
}
.top-\[62\%\] {
  top: 62%;
}
.top-\[64\%\] {
  top: 64%;
}
.top-\[65\%\] {
  top: 65%;
}
.top-\[70px\] {
  top: 70px;
}
.top-\[76\%\] {
  top: 76%;
}
.top-\[8\%\] {
  top: 8%;
}
.top-\[88px\] {
  top: 88px;
}
.top-\[95\%\] {
  top: 95%;
}
.top-\[calc\(100\%\+72px\)\] {
  top: calc(100% + 72px);
}
.top-\[calc\(25\%-150px\)\] {
  top: calc(25% - 150px);
}
.top-\[calc\(40\%-615px\/2\)\] {
  top: calc(40% - 615px / 2);
}
.top-\[calc\(45\%-30px\)\] {
  top: calc(45% - 30px);
}
.top-\[calc\(var\(--header-height\)\+24px\)\] {
  top: calc(var(--header-height) + 24px);
}
.top-\[calc\(var\(--header-height\)\+32px\)\] {
  top: calc(var(--header-height) + 32px);
}
.top-\[calc\(var\(--header-height-v2\)\+20px\)\] {
  top: calc(var(--header-height-v2) + 20px);
}
.top-\[calc\(var\(--header-height-v2\)\+24px\)\] {
  top: calc(var(--header-height-v2) + 24px);
}
.top-\[calc\(var\(--header-height-v2\)\+32px\)\] {
  top: calc(var(--header-height-v2) + 32px);
}
.top-header-v2 {
  top: var(--header-height-v2);
}
.top-lg {
  top: 24px;
}
.top-md {
  top: 16px;
}
.top-none {
  top: 0;
}
.top-sm {
  top: 12px;
}
.top-xs {
  top: 8px;
}
.top-xxl {
  top: 36px;
}
.top-xxs {
  top: 6px;
}
.-z-1 {
  z-index: -1;
}
.-z-9999 {
  z-index: -9999;
}
.z-0 {
  z-index: 0;
}
.z-1 {
  z-index: 1;
}
.z-10 {
  z-index: 10;
}
.z-100 {
  z-index: 100;
}
.z-2 {
  z-index: 2;
}
.z-20 {
  z-index: 20;
}
.z-400 {
  z-index: 400;
}
.z-5 {
  z-index: 5;
}
.z-50 {
  z-index: 50;
}
.z-500 {
  z-index: 500;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[499\] {
  z-index: 499;
}
.z-\[4\] {
  z-index: 4;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.m-\[-10px\] {
  margin: -10px;
}
.m-\[20px\] {
  margin: 20px;
}
.m-auto {
  margin: auto;
}
.m-none {
  margin: 0;
}
.m-xs {
  margin: 8px;
}
.-mx-md {
  margin-left: -16px;
  margin-right: -16px;
}
.mx-3xs {
  margin-left: 4px;
  margin-right: 4px;
}
.mx-4xs {
  margin-left: 2px;
  margin-right: 2px;
}
.mx-\[-12px\] {
  margin-left: -12px;
  margin-right: -12px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-lg {
  margin-left: 24px;
  margin-right: 24px;
}
.mx-md {
  margin-left: 16px;
  margin-right: 16px;
}
.mx-none {
  margin-left: 0;
  margin-right: 0;
}
.mx-sm {
  margin-left: 12px;
  margin-right: 12px;
}
.mx-xs {
  margin-left: 8px;
  margin-right: 8px;
}
.mx-xxs {
  margin-left: 6px;
  margin-right: 6px;
}
.my-3xl {
  margin-top: 48px;
  margin-bottom: 48px;
}
.my-3xs {
  margin-top: 4px;
  margin-bottom: 4px;
}
.my-\[-10px\] {
  margin-top: -10px;
  margin-bottom: -10px;
}
.my-\[-162px\] {
  margin-top: -162px;
  margin-bottom: -162px;
}
.my-\[-200px\] {
  margin-top: -200px;
  margin-bottom: -200px;
}
.my-\[-3px\] {
  margin-top: -3px;
  margin-bottom: -3px;
}
.my-\[-44px\] {
  margin-top: -44px;
  margin-bottom: -44px;
}
.my-\[20px\] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.my-lg {
  margin-top: 24px;
  margin-bottom: 24px;
}
.my-md {
  margin-top: 16px;
  margin-bottom: 16px;
}
.my-none {
  margin-top: 0;
  margin-bottom: 0;
}
.my-sm {
  margin-top: 12px;
  margin-bottom: 12px;
}
.my-xl {
  margin-top: 32px;
  margin-bottom: 32px;
}
.my-xs {
  margin-top: 8px;
  margin-bottom: 8px;
}
.my-xxl {
  margin-top: 36px;
  margin-bottom: 36px;
}
.my-xxs {
  margin-top: 6px;
  margin-bottom: 6px;
}
.-mb-3xs {
  margin-bottom: -4px;
}
.-mb-sm {
  margin-bottom: -12px;
}
.-ml-3xs {
  margin-left: -4px;
}
.-ml-xs {
  margin-left: -8px;
}
.-ml-xxs {
  margin-left: -6px;
}
.-mr-3xs {
  margin-right: -4px;
}
.-mr-xxs {
  margin-right: -6px;
}
.-mt-3xl {
  margin-top: -48px;
}
.-mt-3xs {
  margin-top: -4px;
}
.-mt-sm {
  margin-top: -12px;
}
.-mt-xl {
  margin-top: -32px;
}
.-mt-xs {
  margin-top: -8px;
}
.mb-3xl {
  margin-bottom: 48px;
}
.mb-3xs {
  margin-bottom: 4px;
}
.mb-4xs {
  margin-bottom: 2px;
}
.mb-\[-120px\] {
  margin-bottom: -120px;
}
.mb-\[-15\%\] {
  margin-bottom: -15%;
}
.mb-\[-248px\] {
  margin-bottom: -248px;
}
.mb-\[20px\] {
  margin-bottom: 20px;
}
.mb-\[22px\] {
  margin-bottom: 22px;
}
.mb-\[40px\] {
  margin-bottom: 40px;
}
.mb-\[5px\] {
  margin-bottom: 5px;
}
.mb-auto {
  margin-bottom: auto;
}
.mb-lg {
  margin-bottom: 24px;
}
.mb-md {
  margin-bottom: 16px;
}
.mb-sm {
  margin-bottom: 12px;
}
.mb-xl {
  margin-bottom: 32px;
}
.mb-xs {
  margin-bottom: 8px;
}
.mb-xxl {
  margin-bottom: 36px;
}
.mb-xxs {
  margin-bottom: 6px;
}
.ml-3xs {
  margin-left: 4px;
}
.ml-\[-120px\] {
  margin-left: -120px;
}
.ml-\[-2px\] {
  margin-left: -2px;
}
.ml-\[-3px\] {
  margin-left: -3px;
}
.ml-\[-4px\] {
  margin-left: -4px;
}
.ml-\[-5px\] {
  margin-left: -5px;
}
.ml-\[10px\] {
  margin-left: 10px;
}
.ml-\[5px\] {
  margin-left: 5px;
}
.ml-\[60px\] {
  margin-left: 60px;
}
.ml-lg {
  margin-left: 24px;
}
.ml-md {
  margin-left: 16px;
}
.ml-sm {
  margin-left: 12px;
}
.ml-xs {
  margin-left: 8px;
}
.ml-xxs {
  margin-left: 6px;
}
.mr-3xs {
  margin-right: 4px;
}
.mr-4xs {
  margin-right: 2px;
}
.mr-\[-16\%\] {
  margin-right: -16%;
}
.mr-\[-20\%\] {
  margin-right: -20%;
}
.mr-\[1px\] {
  margin-right: 1px;
}
.mr-\[5px\] {
  margin-right: 5px;
}
.mr-\[78px\] {
  margin-right: 78px;
}
.mr-lg {
  margin-right: 24px;
}
.mr-md {
  margin-right: 16px;
}
.mr-sm {
  margin-right: 12px;
}
.mr-xl {
  margin-right: 32px;
}
.mr-xs {
  margin-right: 8px;
}
.mt-3xl {
  margin-top: 48px;
}
.mt-3xs {
  margin-top: 4px;
}
.mt-4xl {
  margin-top: 56px;
}
.mt-4xs {
  margin-top: 2px;
}
.mt-5xl {
  margin-top: 96px;
}
.mt-\[-130px\] {
  margin-top: -130px;
}
.mt-\[-2px\] {
  margin-top: -2px;
}
.mt-\[-310px\] {
  margin-top: -310px;
}
.mt-\[-4\%\] {
  margin-top: -4%;
}
.mt-\[-55px\] {
  margin-top: -55px;
}
.mt-\[-75px\] {
  margin-top: -75px;
}
.mt-\[-80px\] {
  margin-top: -80px;
}
.mt-\[100px\] {
  margin-top: 100px;
}
.mt-\[112px\] {
  margin-top: 112px;
}
.mt-\[114px\] {
  margin-top: 114px;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-\[28px\] {
  margin-top: 28px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[36px\] {
  margin-top: 36px;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-\[40px\] {
  margin-top: 40px;
}
.mt-\[72px\] {
  margin-top: 72px;
}
.mt-\[85px\] {
  margin-top: 85px;
}
.mt-auto {
  margin-top: auto;
}
.mt-header-v2 {
  margin-top: var(--header-height-v2);
}
.mt-lg {
  margin-top: 24px;
}
.mt-md {
  margin-top: 16px;
}
.mt-none {
  margin-top: 0;
}
.mt-sm {
  margin-top: 12px;
}
.mt-xl {
  margin-top: 32px;
}
.mt-xs {
  margin-top: 8px;
}
.mt-xxl {
  margin-top: 36px;
}
.mt-xxs {
  margin-top: 6px;
}
.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-1 {
  -webkit-line-clamp: 1;
}
.line-clamp-1,
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-\[5\/4\] {
  aspect-ratio: 5/4;
}
.aspect-square {
  aspect-ratio: 1/1;
}
.aspect-video {
  aspect-ratio: 16/9;
}
.\!h-full {
  height: 100% !important;
}
.\!h-quest-footer {
  height: var(--quest-footer-height) !important;
}
.\!h-quest-header {
  height: var(--quest-header-height) !important;
}
.\!h-quest-header-v2 {
  height: var(--quest-header-height-v2) !important;
}
.h-1\/2 {
  height: 50%;
}
.h-3xl {
  height: 48px;
}
.h-3xs {
  height: 4px;
}
.h-4xl {
  height: 56px;
}
.h-5xl {
  height: 96px;
}
.h-\[100\%\] {
  height: 100%;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[100vh\] {
  height: 100vh;
}
.h-\[103px\] {
  height: 103px;
}
.h-\[105px\] {
  height: 105px;
}
.h-\[108px\] {
  height: 108px;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[110px\] {
  height: 110px;
}
.h-\[112px\] {
  height: 112px;
}
.h-\[117px\] {
  height: 117px;
}
.h-\[11px\] {
  height: 11px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[122px\] {
  height: 122px;
}
.h-\[124px\] {
  height: 124px;
}
.h-\[125px\] {
  height: 125px;
}
.h-\[126px\] {
  height: 126px;
}
.h-\[127px\] {
  height: 127px;
}
.h-\[128px\] {
  height: 128px;
}
.h-\[129\.5\] {
  height: 129.5;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[131px\] {
  height: 131px;
}
.h-\[132px\] {
  height: 132px;
}
.h-\[133px\] {
  height: 133px;
}
.h-\[13px\] {
  height: 13px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[142px\] {
  height: 142px;
}
.h-\[144px\] {
  height: 144px;
}
.h-\[145px\] {
  height: 145px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[154px\] {
  height: 154px;
}
.h-\[156px\] {
  height: 156px;
}
.h-\[164px\] {
  height: 164px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[170px\] {
  height: 170px;
}
.h-\[176px\] {
  height: 176px;
}
.h-\[17px\] {
  height: 17px;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[190px\] {
  height: 190px;
}
.h-\[194px\] {
  height: 194px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[210px\] {
  height: 210px;
}
.h-\[21px\] {
  height: 21px;
}
.h-\[225px\] {
  height: 225px;
}
.h-\[228px\] {
  height: 228px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[232px\] {
  height: 232px;
}
.h-\[240px\] {
  height: 240px;
}
.h-\[242px\] {
  height: 242px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[266px\] {
  height: 266px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[272px\] {
  height: 272px;
}
.h-\[280px\] {
  height: 280px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[29px\] {
  height: 29px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[31px\] {
  height: 31px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[356px\] {
  height: 356px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[388px\] {
  height: 388px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[39px\] {
  height: 39px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[40svh\] {
  height: 40svh;
}
.h-\[416px\] {
  height: 416px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[438px\] {
  height: 438px;
}
.h-\[43px\] {
  height: 43px;
}
.h-\[440px\] {
  height: 440px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[457px\] {
  height: 457px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[460px\] {
  height: 460px;
}
.h-\[480px\] {
  height: 480px;
}
.h-\[487px\] {
  height: 487px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[49px\] {
  height: 49px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[50svh\] {
  height: 50svh;
}
.h-\[515px\] {
  height: 515px;
}
.h-\[51px\] {
  height: 51px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[54px\] {
  height: 54px;
}
.h-\[55\%\] {
  height: 55%;
}
.h-\[55px\] {
  height: 55px;
}
.h-\[56\.1px\] {
  height: 56.1px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[58px\] {
  height: 58px;
}
.h-\[5px\] {
  height: 5px;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[615px\] {
  height: 615px;
}
.h-\[62px\] {
  height: 62px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[67px\] {
  height: 67px;
}
.h-\[700px\] {
  height: 700px;
}
.h-\[71px\] {
  height: 71px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[73px\] {
  height: 73px;
}
.h-\[74px\] {
  height: 74px;
}
.h-\[76px\] {
  height: 76px;
}
.h-\[77px\] {
  height: 77px;
}
.h-\[792px\] {
  height: 792px;
}
.h-\[7px\] {
  height: 7px;
}
.h-\[800px\] {
  height: 800px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[80vh\] {
  height: 80vh;
}
.h-\[84px\] {
  height: 84px;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[89px\] {
  height: 89px;
}
.h-\[90px\] {
  height: 90px;
}
.h-\[94px\] {
  height: 94px;
}
.h-\[96px\] {
  height: 96px;
}
.h-\[calc\(100\%\+24px\)\] {
  height: calc(100% + 24px);
}
.h-\[calc\(100\%-2px\)\] {
  height: calc(100% - 2px);
}
.h-\[calc\(100dvh-var\(--header-height\)\)\] {
  height: calc(100dvh - var(--header-height));
}
.h-\[calc\(100dvh-var\(--header-height-v2\)\)\] {
  height: calc(100dvh - var(--header-height-v2));
}
.h-\[calc\(100dvh-var\(--header-height-v2\)-40px\)\] {
  height: calc(100dvh - var(--header-height-v2) - 40px);
}
.h-\[calc\(100dvh-var\(--quest-header-height\)-var\(--quest-footer-height\)\)\] {
  height: calc(
    100dvh - var(--quest-header-height) - var(--quest-footer-height)
  );
}
.h-\[calc\(100svh-var\(--header-height\)\)\] {
  height: calc(100svh - var(--header-height));
}
.h-\[calc\(100svh-var\(--header-height\)-69px\)\] {
  height: calc(100svh - var(--header-height) - 69px);
}
.h-\[calc\(100svh-var\(--header-height-v2\)\)\] {
  height: calc(100svh - var(--header-height-v2));
}
.h-\[calc\(100svh-var\(--header-height-v2\)-69px\)\] {
  height: calc(100svh - var(--header-height-v2) - 69px);
}
.h-\[clamp\(710px\2c 40vw\2c 75vw\)\] {
  height: clamp(710px, 40vw, 75vw);
}
.h-activity-card {
  height: var(--activity-card-height);
}
.h-auto {
  height: auto;
}
.h-community-card {
  height: var(--community-card-height);
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-header {
  height: var(--header-height);
}
.h-header-v2 {
  height: var(--header-height-v2);
}
.h-landscape-card {
  height: var(--landscape-card-height);
}
.h-landscape-card-v2 {
  height: var(--landscape-card-height-v2);
}
.h-lg {
  height: 24px;
}
.h-md {
  height: 16px;
}
.h-mobile-card {
  height: var(--mobile-card-height);
}
.h-none {
  height: 0;
}
.h-portrait-card {
  height: var(--portrait-card-height);
}
.h-quest-header {
  height: var(--quest-header-height);
}
.h-quest-header-v2 {
  height: var(--quest-header-height-v2);
}
.h-screen {
  height: 100vh;
}
.h-screen-dynamic {
  height: 100dvh;
}
.h-sm {
  height: 12px;
}
.h-streak {
  height: var(--streak-height);
}
.h-streak-card {
  height: var(--streak-card-height);
}
.h-xl {
  height: 32px;
}
.h-xs {
  height: 8px;
}
.h-xxl {
  height: 36px;
}
.h-xxs {
  height: 6px;
}
.max-h-\[164px\] {
  max-height: 164px;
}
.max-h-\[22px\] {
  max-height: 22px;
}
.max-h-\[238px\] {
  max-height: 238px;
}
.max-h-\[248px\] {
  max-height: 248px;
}
.max-h-\[350px\] {
  max-height: 350px;
}
.max-h-\[356px\] {
  max-height: 356px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[450px\] {
  max-height: 450px;
}
.max-h-\[640px\] {
  max-height: 640px;
}
.max-h-\[710px\] {
  max-height: 710px;
}
.max-h-\[800px\] {
  max-height: 800px;
}
.max-h-\[85dvh\] {
  max-height: 85dvh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[calc\(90vh-70px\)\] {
  max-height: calc(90vh - 70px);
}
.max-h-none {
  max-height: none;
}
.max-h-screen {
  max-height: 100vh;
}
.max-h-streak {
  max-height: var(--streak-height);
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[176px\] {
  min-height: 176px;
}
.min-h-\[187px\] {
  min-height: 187px;
}
.min-h-\[240px\] {
  min-height: 240px;
}
.min-h-\[258px\] {
  min-height: 258px;
}
.min-h-\[25px\] {
  min-height: 25px;
}
.min-h-\[350px\] {
  min-height: 350px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[64px\] {
  min-height: 64px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-\[88px\] {
  min-height: 88px;
}
.min-h-\[90px\] {
  min-height: 90px;
}
.min-h-\[calc\(100dvh-164px\)\] {
  min-height: calc(100dvh - 164px);
}
.min-h-\[calc\(100dvh-72px\)\] {
  min-height: calc(100dvh - 72px);
}
.min-h-\[calc\(100dvh-var\(--quest-header-height\)-var\(--quest-footer-height\)-\(var\(--quest-header-height\)\/2\)\)\] {
  min-height: calc(
    100dvh - var(--quest-header-height) - var(--quest-footer-height) -
      (var(--quest-header-height) / 2)
  );
}
.min-h-\[calc\(100svh-var\(--header-height\)-69px\)\] {
  min-height: calc(100svh - var(--header-height) - 69px);
}
.min-h-\[calc\(100svh-var\(--header-height-v2\)-69px\)\] {
  min-height: calc(100svh - var(--header-height-v2) - 69px);
}
.min-h-\[var\(--quest-footer-height\)\] {
  min-height: var(--quest-footer-height);
}
.min-h-activity-card {
  min-height: var(--activity-card-height);
}
.min-h-category-card {
  min-height: var(--category-card-height);
}
.min-h-community-card {
  min-height: var(--community-card-height);
}
.min-h-mobile-card {
  min-height: var(--mobile-card-height);
}
.min-h-portrait-card {
  min-height: var(--portrait-card-height);
}
.min-h-quest-header {
  min-height: var(--quest-header-height);
}
.min-h-streak-card {
  min-height: var(--streak-card-height);
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-2\/5 {
  width: 40%;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/5 {
  width: 60%;
}
.w-3xl {
  width: 48px;
}
.w-3xs {
  width: 4px;
}
.w-4xl {
  width: 56px;
}
.w-5xl {
  width: 96px;
}
.w-\[1000px\] {
  width: 1000px;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[1030px\] {
  width: 1030px;
}
.w-\[1036px\] {
  width: 1036px;
}
.w-\[104px\] {
  width: 104px;
}
.w-\[105px\] {
  width: 105px;
}
.w-\[1080px\] {
  width: 1080px;
}
.w-\[10px\] {
  width: 10px;
}
.w-\[112px\] {
  width: 112px;
}
.w-\[118px\] {
  width: 118px;
}
.w-\[1200px\] {
  width: 1200px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[1220px\] {
  width: 1220px;
}
.w-\[124px\] {
  width: 124px;
}
.w-\[126px\] {
  width: 126px;
}
.w-\[1280px\] {
  width: 1280px;
}
.w-\[128px\] {
  width: 128px;
}
.w-\[12px\] {
  width: 12px;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[132px\] {
  width: 132px;
}
.w-\[133px\] {
  width: 133px;
}
.w-\[134px\] {
  width: 134px;
}
.w-\[136px\] {
  width: 136px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[1440px\] {
  width: 1440px;
}
.w-\[148px\] {
  width: 148px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[150\%\] {
  width: 150%;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[164px\] {
  width: 164px;
}
.w-\[1684px\] {
  width: 1684px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[175px\] {
  width: 175px;
}
.w-\[176px\] {
  width: 176px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[186px\] {
  width: 186px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[190px\] {
  width: 190px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[210px\] {
  width: 210px;
}
.w-\[21px\] {
  width: 21px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[222px\] {
  width: 222px;
}
.w-\[228px\] {
  width: 228px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[232px\] {
  width: 232px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[248px\] {
  width: 248px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[262px\] {
  width: 262px;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[288px\] {
  width: 288px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[290px\] {
  width: 290px;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[304px\] {
  width: 304px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[310px\] {
  width: 310px;
}
.w-\[320px\] {
  width: 320px;
}
.w-\[322px\] {
  width: 322px;
}
.w-\[324px\] {
  width: 324px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[330px\] {
  width: 330px;
}
.w-\[33px\] {
  width: 33px;
}
.w-\[34px\] {
  width: 34px;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[35px\] {
  width: 35px;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[388px\] {
  width: 388px;
}
.w-\[389px\] {
  width: 389px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[396px\] {
  width: 396px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[42px\] {
  width: 42px;
}
.w-\[430px\] {
  width: 430px;
}
.w-\[448px\] {
  width: 448px;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[450px\] {
  width: 450px;
}
.w-\[465px\] {
  width: 465px;
}
.w-\[47px\] {
  width: 47px;
}
.w-\[480px\] {
  width: 480px;
}
.w-\[48px\] {
  width: 48px;
}
.w-\[500px\] {
  width: 500px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[540px\] {
  width: 540px;
}
.w-\[54px\] {
  width: 54px;
}
.w-\[55px\] {
  width: 55px;
}
.w-\[567px\] {
  width: 567px;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[5808px\] {
  width: 5808px;
}
.w-\[600px\] {
  width: 600px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[610px\] {
  width: 610px;
}
.w-\[620px\] {
  width: 620px;
}
.w-\[62px\] {
  width: 62px;
}
.w-\[64\.17px\] {
  width: 64.17px;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[719px\] {
  width: 719px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[76\.51px\] {
  width: 76.51px;
}
.w-\[764px\] {
  width: 764px;
}
.w-\[768px\] {
  width: 768px;
}
.w-\[77\.91px\] {
  width: 77.91px;
}
.w-\[789px\] {
  width: 789px;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[800px\] {
  width: 800px;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[81px\] {
  width: 81px;
}
.w-\[820px\] {
  width: 820px;
}
.w-\[84px\] {
  width: 84px;
}
.w-\[900px\] {
  width: 900px;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[94px\] {
  width: 94px;
}
.w-\[953px\] {
  width: 953px;
}
.w-\[96px\] {
  width: 96px;
}
.w-\[97px\] {
  width: 97px;
}
.w-\[996px\] {
  width: 996px;
}
.w-\[calc\(100\%\+24px\)\] {
  width: calc(100% + 24px);
}
.w-\[calc\(100\%\+32px\)\] {
  width: calc(100% + 32px);
}
.w-\[calc\(100\%-100px\)\] {
  width: calc(100% - 100px);
}
.w-\[calc\(100\%-100px-48px\)\] {
  width: calc(100% - 100px - 48px);
}
.w-\[calc\(100\%-150px\)\] {
  width: calc(100% - 150px);
}
.w-\[calc\(100\%-2px\)\] {
  width: calc(100% - 2px);
}
.w-\[calc\(100\%-32px\)\] {
  width: calc(100% - 32px);
}
.w-\[calc\(100\%-38px-12px\)\] {
  width: calc(100% - 38px - 12px);
}
.w-\[calc\(100\%-48px\)\] {
  width: calc(100% - 48px);
}
.w-\[calc\(350px\*1\.11\)\] {
  width: calc(350px * 1.11);
}
.w-\[calc\(500px\*5\/3\)\] {
  width: calc(500px * 5 / 3);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-lg {
  width: 24px;
}
.w-md {
  width: 16px;
}
.w-mobile-card {
  width: var(--mobile-card-width);
}
.w-none {
  width: 0;
}
.w-quest-content {
  width: var(--quest-content-width);
}
.w-quest-inner-content {
  width: var(--quest-inner-content-width);
}
.w-screen {
  width: 100vw;
}
.w-sm {
  width: 12px;
}
.w-xl {
  width: 32px;
}
.w-xs {
  width: 8px;
}
.w-xxl {
  width: 36px;
}
.w-xxs {
  width: 6px;
}
.min-w-0 {
  min-width: 0;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[102px\] {
  min-width: 102px;
}
.min-w-\[1150px\] {
  min-width: 1150px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[125px\] {
  min-width: 125px;
}
.min-w-\[134px\] {
  min-width: 134px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[165px\] {
  min-width: 165px;
}
.min-w-\[170px\] {
  min-width: 170px;
}
.min-w-\[181px\] {
  min-width: 181px;
}
.min-w-\[186px\] {
  min-width: 186px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[227px\] {
  min-width: 227px;
}
.min-w-\[240px\] {
  min-width: 240px;
}
.min-w-\[24px\] {
  min-width: 24px;
}
.min-w-\[260\.21px\] {
  min-width: 260.21px;
}
.min-w-\[260px\] {
  min-width: 260px;
}
.min-w-\[28px\] {
  min-width: 28px;
}
.min-w-\[328px\] {
  min-width: 328px;
}
.min-w-\[32px\] {
  min-width: 32px;
}
.min-w-\[362px\] {
  min-width: 362px;
}
.min-w-\[375px\] {
  min-width: 375px;
}
.min-w-\[396px\] {
  min-width: 396px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.min-w-\[410px\] {
  min-width: 410px;
}
.min-w-\[450px\] {
  min-width: 450px;
}
.min-w-\[52px\] {
  min-width: 52px;
}
.min-w-\[80px\] {
  min-width: 80px;
}
.min-w-\[90px\] {
  min-width: 90px;
}
.min-w-\[96px\] {
  min-width: 96px;
}
.min-w-full {
  min-width: 100%;
}
.min-w-mobile-card {
  min-width: var(--mobile-card-width);
}
.min-w-mobile-category-card {
  min-width: var(--mobile-category-card-width);
}
.max-w-0 {
  max-width: 0;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[1116px\] {
  max-width: 1116px;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[125px\] {
  max-width: 125px;
}
.max-w-\[1440px\] {
  max-width: 1440px;
}
.max-w-\[151px\] {
  max-width: 151px;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[1635px\] {
  max-width: 1635px;
}
.max-w-\[170px\] {
  max-width: 170px;
}
.max-w-\[186px\] {
  max-width: 186px;
}
.max-w-\[195px\] {
  max-width: 195px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[210px\] {
  max-width: 210px;
}
.max-w-\[216px\] {
  max-width: 216px;
}
.max-w-\[227px\] {
  max-width: 227px;
}
.max-w-\[240px\] {
  max-width: 240px;
}
.max-w-\[248px\] {
  max-width: 248px;
}
.max-w-\[24px\] {
  max-width: 24px;
}
.max-w-\[258px\] {
  max-width: 258px;
}
.max-w-\[270px\] {
  max-width: 270px;
}
.max-w-\[275px\] {
  max-width: 275px;
}
.max-w-\[277px\] {
  max-width: 277px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[322px\] {
  max-width: 322px;
}
.max-w-\[328px\] {
  max-width: 328px;
}
.max-w-\[333px\] {
  max-width: 333px;
}
.max-w-\[338px\] {
  max-width: 338px;
}
.max-w-\[33vw\] {
  max-width: 33vw;
}
.max-w-\[348px\] {
  max-width: 348px;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[354px\] {
  max-width: 354px;
}
.max-w-\[358px\] {
  max-width: 358px;
}
.max-w-\[35px\] {
  max-width: 35px;
}
.max-w-\[376px\] {
  max-width: 376px;
}
.max-w-\[380px\] {
  max-width: 380px;
}
.max-w-\[384px\] {
  max-width: 384px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[430px\] {
  max-width: 430px;
}
.max-w-\[440px\] {
  max-width: 440px;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-\[462px\] {
  max-width: 462px;
}
.max-w-\[467px\] {
  max-width: 467px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[483px\] {
  max-width: 483px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[532px\] {
  max-width: 532px;
}
.max-w-\[540px\] {
  max-width: 540px;
}
.max-w-\[550px\] {
  max-width: 550px;
}
.max-w-\[554px\] {
  max-width: 554px;
}
.max-w-\[564px\] {
  max-width: 564px;
}
.max-w-\[570px\] {
  max-width: 570px;
}
.max-w-\[572px\] {
  max-width: 572px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[660px\] {
  max-width: 660px;
}
.max-w-\[662px\] {
  max-width: 662px;
}
.max-w-\[700px\] {
  max-width: 700px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[768px\] {
  max-width: 768px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[80px\] {
  max-width: 80px;
}
.max-w-\[912px\] {
  max-width: 912px;
}
.max-w-\[96px\] {
  max-width: 96px;
}
.max-w-\[calc\(100\%-80px-12px\)\] {
  max-width: calc(100% - 80px - 12px);
}
.max-w-\[calc\(100\%-81px-20px\)\] {
  max-width: calc(100% - 81px - 20px);
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-quest-content {
  max-width: var(--quest-content-width);
}
.max-w-quest-inner-content {
  max-width: var(--quest-inner-content-width);
}
.max-w-quest-inner-content-narrow {
  max-width: var(--quest-inner-content-narrow-width);
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[0_0_248px\] {
  flex: 0 0 248px;
}
.flex-\[0_0_304px\] {
  flex: 0 0 304px;
}
.flex-shrink-0,
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.basis-\[44px\] {
  flex-basis: 44px;
}
.basis-\[88px\] {
  flex-basis: 88px;
}
.basis-full {
  flex-basis: 100%;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-\[var\(--radix-hover-card-content-transform-origin\)\] {
  transform-origin: var(--radix-hover-card-content-transform-origin);
}
.origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
  transform-origin: var(--radix-tooltip-content-transform-origin);
}
.origin-center {
  transform-origin: center;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}
.-translate-x-1\/2,
.-translate-x-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
  --tw-translate-x: -100%;
}
.-translate-x-md {
  --tw-translate-x: -16px;
}
.-translate-x-md,
.-translate-y-1\/2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}
.-translate-y-xs {
  --tw-translate-y: -8px;
}
.-translate-y-xs,
.translate-x-4xs {
  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-4xs {
  --tw-translate-x: 2px;
}
.translate-x-\[-100px\] {
  --tw-translate-x: -100px;
}
.translate-x-\[-100px\],
.translate-x-\[-40px\] {
  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-\[-40px\] {
  --tw-translate-x: -40px;
}
.translate-x-\[4px\] {
  --tw-translate-x: 4px;
}
.translate-x-\[4px\],
.translate-x-\[60px\] {
  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-\[60px\] {
  --tw-translate-x: 60px;
}
.translate-x-full {
  --tw-translate-x: 100%;
}
.translate-x-full,
.translate-x-none {
  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-none {
  --tw-translate-x: 0;
}
.translate-y-4xs {
  --tw-translate-y: 2px;
}
.translate-y-4xs,
.translate-y-\[-150px\] {
  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-\[-150px\] {
  --tw-translate-y: -150px;
}
.translate-y-\[-80px\] {
  --tw-translate-y: -80px;
}
.translate-y-\[-80px\],
.translate-y-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
  --tw-translate-y: 100%;
}
.translate-y-none {
  --tw-translate-y: 0;
}
.translate-y-none,
.translate-y-sm {
  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-sm {
  --tw-translate-y: 12px;
}
.translate-y-xs {
  --tw-translate-y: 8px;
}
.-rotate-45,
.translate-y-xs {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-45 {
  --tw-rotate: -45deg;
}
.-rotate-90 {
  --tw-rotate: -90deg;
}
.-rotate-90,
.rotate-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));
}
.rotate-0 {
  --tw-rotate: 0deg;
}
.rotate-180 {
  --tw-rotate: 180deg;
}
.rotate-180,
.rotate-45 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
}
.rotate-90 {
  --tw-rotate: 90deg;
}
.rotate-90,
.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-\[-15deg\] {
  --tw-rotate: -15deg;
}
.rotate-\[-24deg\] {
  --tw-rotate: -24deg;
}
.rotate-\[-24deg\],
.rotate-\[-26deg\] {
  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-\[-26deg\] {
  --tw-rotate: -26deg;
}
.rotate-\[35deg\] {
  --tw-rotate: 35deg;
}
.rotate-\[35deg\],
.scale-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));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}
.scale-105,
.scale-150 {
  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-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
}
.scale-50 {
  --tw-scale-x: 0.5;
  --tw-scale-y: 0.5;
}
.scale-50,
.scale-75 {
  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-75 {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
}
.scale-\[0\.8\] {
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
}
.scale-\[0\.8\],
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes appear-check {
  0% {
    opacity: 0;
    transform: scale(8) rotate(-40deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}
.animate-appear-check {
  animation: appear-check 0.5s;
}
@keyframes bridge-pulse {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  40%,
  50% {
    transform: scale(1);
    opacity: var(--opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.animate-bridge-pulse {
  animation: bridge-pulse 3s var(--delay, 0s) ease infinite;
}
@keyframes brighten {
  0% {
    filter: brightness(1);
  }
  40% {
    filter: brightness(1.5);
  }
  to {
    filter: brightness(1);
  }
}
.animate-brighten {
  animation: brighten 2s ease;
}
.animate-collapsible-horizontal-open {
  animation: collapsible-horizontal-open 0.2s ease-out;
}
@keyframes contentSlideFadeIn {
  0% {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-contentSlideFadeIn {
  animation: contentSlideFadeIn 0.5s 0.35s forwards;
}
@keyframes countdown {
  0% {
    transform: scale(1.5);
  }
  to {
    transform: scale(1);
  }
}
.animate-countdown {
  animation: countdown 1s infinite;
}
@keyframes cube-slide-down-1 {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  to {
    transform: translateY(120px);
    opacity: 0;
  }
}
.animate-cube-slide-down-1 {
  animation: cube-slide-down-1 2s ease-in-out infinite;
}
@keyframes cube-slide-down-2 {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  to {
    transform: translateY(110px);
    opacity: 0;
  }
}
.animate-cube-slide-down-2 {
  animation: cube-slide-down-2 2s cubic-bezier(0.4, 0.46, 0.45, 0.94) infinite;
}
@keyframes expandWait {
  0% {
    width: 0;
  }
  10% {
    width: 0;
  }
  50% {
    width: 105%;
  }
  to {
    width: 105%;
  }
}
.animate-expandWait {
  animation: expandWait 3s infinite forwards;
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(20px) translateX(-12px);
  }
  50% {
    opacity: 1;
  }
  to {
    transform: translateY(0) translateX(0);
  }
}
.animate-fade-in-up {
  animation: fade-in-up 0.2s ease-out;
}
@keyframes flash-shadow-blue {
  0% {
    filter: drop-shadow(0 0 12px rgba(39, 163, 253, 1));
  }
  to {
    filter: drop-shadow(0 0 10px rgba(39, 163, 253, 0.8));
  }
}
.animate-flash-shadow-blue {
  animation: flash-shadow-blue 1s;
}
@keyframes flash-shadow-green {
  0% {
    filter: drop-shadow(0 0 12px rgba(25, 200, 75, 1));
  }
  to {
    filter: drop-shadow(0 0 10px rgba(25, 200, 75, 0.8));
  }
}
.animate-flash-shadow-green {
  animation: flash-shadow-green 1s;
}
@keyframes flash-shadow-purple {
  0% {
    filter: drop-shadow(0 0 12px rgba(182, 143, 255, 1));
  }
  to {
    filter: drop-shadow(0 0 10px rgba(182, 143, 255, 0.8));
  }
}
.animate-flash-shadow-purple {
  animation: flash-shadow-purple 1s;
}
@keyframes flash {
  0% {
    left: -50%;
  }
  60% {
    left: -50%;
  }
  to {
    left: 150%;
  }
}
.animate-flashButton {
  animation: flash 3s linear infinite;
}
@keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(var(--translateY, -20px));
  }
  to {
    transform: translateY(0);
  }
}
.animate-floating {
  animation: floating 5s var(--delay, 0s) ease-in-out infinite;
}
@keyframes highlight {
  0% {
    background-color: #434956;
  }
  50% {
    background-color: #434956;
  }
  to {
    background-color: #313743;
  }
}
.animate-highlight {
  animation: highlight 2s ease;
}
@keyframes just-in-left {
  0% {
    opacity: 0;
    transform: translateY(10%) scale(0) rotate(-45deg);
  }
  20% {
    opacity: 0;
    transform: translateY(10%) scale(0) rotate(-45deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.animate-justInLeft {
  animation: just-in-left 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1);
}
@keyframes just-in-right {
  0% {
    opacity: 0;
    transform: translateY(10%) scale(0) rotate(45deg);
  }
  20% {
    opacity: 0;
    transform: translateY(10%) scale(0) rotate(45deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.animate-justInRight {
  animation: just-in-right 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.1);
}
@keyframes level-fade-through {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: translateY(-20px);
    opacity: 0;
  }
}
.animate-level-fade-through {
  animation: level-fade-through 1s;
}
.animate-none {
  animation: none;
}
@keyframes pulse-reward {
  0% {
    filter: brightness(1);
    transform: scale(1);
    opacity: 1;
  }
  5% {
    filter: brightness(1.2);
    transform: scale(1.3);
    opacity: 1;
  }
  to {
    filter: brightness(1);
    transform: scale(1);
    opacity: var(--opacity, 1);
  }
}
.animate-pulse-reward {
  animation: pulse-reward 1.2s ease-in-out forwards;
}
@keyframes pulse-ring {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(4);
    opacity: 0;
  }
}
.animate-pulse-ring {
  animation: pulse-ring 0.5s var(--delay, 0.5s) forwards;
}
@keyframes rotate-shiny {
  20% {
    transform: rotate(0deg);
    opacity: 0.6;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0.6;
  }
  80% {
    opacity: 1;
  }
  to {
    opacity: 0.6;
    transform: rotate(1turn);
  }
}
.animate-rotateShiny {
  animation: rotate-shiny 20s linear infinite;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.animate-scroll {
  animation: scroll 60s linear infinite;
}
@keyframes shake {
  10%,
  90% {
    transform: translateX(-1px);
  }
  20%,
  80% {
    transform: translateX(2px);
  }
  30%,
  50%,
  70% {
    transform: translateX(-4px);
  }
  40%,
  60% {
    transform: translateX(4px);
  }
}
.animate-shake {
  animation: shake 0.3s;
}
@keyframes slideInBottom {
  0% {
    opacity: 0;
    transform: translateY(32px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-slideInBottom {
  animation: slideInBottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@keyframes slideInBottomGentle {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-slideInBottomGentle {
  animation: slideInBottomGentle 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@keyframes slideInLeftGentle {
  0% {
    opacity: 0;
    transform: translateX(-16px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.animate-slideInLeftGentle {
  animation: slideInLeftGentle 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@keyframes slideInRightGentle {
  0% {
    opacity: 0;
    transform: translateX(16px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.animate-slideInRightGentle {
  animation: slideInRightGentle 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.animate-spin-reverse-slow {
  animation: spin 30s linear infinite reverse;
}
.animate-spin-slow {
  animation: spin var(--duration, 30s) linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
.animate-spinner {
  animation: spin 0.6s linear infinite;
}
@keyframes streak {
  0% {
    transform: scale(1);
  }
  10% {
    transform: rotate(5deg) scale(1.1);
  }
  20% {
    transform: rotate(-5deg) scale(1.2);
  }
  30% {
    transform: rotate(5deg) scale(1.3);
  }
  35% {
    transform: rotate(-5deg) scale(1.4);
  }
  40% {
    transform: rotate(5deg) scale(1.5);
  }
  45% {
    transform: rotate(-5deg) scale(1.5);
  }
  50% {
    transform: rotate(5deg) scale(1.5);
  }
  60% {
    transform: rotate(-5deg) scale(1.4);
  }
  70% {
    transform: rotate(5deg) scale(1.3);
  }
  80% {
    transform: rotate(-5deg) scale(1.2);
  }
  90% {
    transform: rotate(5deg) scale(1.1);
  }
  to {
    transform: rotate(0deg) scale(1);
  }
}
.animate-streak {
  animation: streak 1s ease-in-out;
}
@keyframes verifyProgress {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.animate-verifyProgress {
  animation: verifyProgress 5s linear;
}
@keyframes waitFadeOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate-waitFadeOut {
  animation: waitFadeOut 3s infinite forwards;
}
@keyframes xp-boost {
  0% {
    transform: translateX(-224px);
  }
  to {
    transform: translateX(0);
  }
}
.animate-xp-boost {
  animation: xp-boost 6s linear infinite;
}
.cursor-auto {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.touch-none {
  touch-action: none;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.select-text {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.scroll-mt-5xl {
  scroll-margin-top: 96px;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.auto-cols-auto {
  grid-auto-columns: auto;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, 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-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-\[1fr_180px_180px_180px_100px\] {
  grid-template-columns: 1fr 180px 180px 180px 100px;
}
.grid-cols-\[28px_1fr\] {
  grid-template-columns: 28px 1fr;
}
.grid-cols-\[70px\2c _1fr\2c _70px\] {
  grid-template-columns: 70px 1fr 70px;
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-items-end {
  place-items: end;
}
.place-items-center {
  place-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-3xl {
  gap: 48px;
}
.gap-3xs {
  gap: 4px;
}
.gap-4xl {
  gap: 56px;
}
.gap-4xs {
  gap: 2px;
}
.gap-5xl {
  gap: 96px;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[120px\] {
  gap: 120px;
}
.gap-\[14px\] {
  gap: 14px;
}
.gap-\[150px\] {
  gap: 150px;
}
.gap-\[188px\] {
  gap: 188px;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[24px\] {
  gap: 24px;
}
.gap-\[28px\] {
  gap: 28px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[40px\] {
  gap: 40px;
}
.gap-\[44px\] {
  gap: 44px;
}
.gap-\[48px\] {
  gap: 48px;
}
.gap-\[52px\] {
  gap: 52px;
}
.gap-\[56px\] {
  gap: 56px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[64px\] {
  gap: 64px;
}
.gap-\[78px\] {
  gap: 78px;
}
.gap-\[84px\] {
  gap: 84px;
}
.gap-\[86px\] {
  gap: 86px;
}
.gap-\[92px\] {
  gap: 92px;
}
.gap-\[clamp\(2px\2c 0\.5vw\2c _8px\)\] {
  gap: clamp(2px, 0.5vw, 8px);
}
.gap-lg {
  gap: 24px;
}
.gap-md {
  gap: 16px;
}
.gap-sm {
  gap: 12px;
}
.gap-xl {
  gap: 32px;
}
.gap-xs {
  gap: 8px;
}
.gap-xxl {
  gap: 36px;
}
.gap-xxs {
  gap: 6px;
}
.gap-x-3xs {
  -moz-column-gap: 4px;
  column-gap: 4px;
}
.gap-x-lg {
  -moz-column-gap: 24px;
  column-gap: 24px;
}
.gap-x-md {
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.gap-x-none {
  -moz-column-gap: 0;
  column-gap: 0;
}
.gap-x-xl {
  -moz-column-gap: 32px;
  column-gap: 32px;
}
.gap-y-3xs {
  row-gap: 4px;
}
.gap-y-4xs {
  row-gap: 2px;
}
.gap-y-md {
  row-gap: 16px;
}
.gap-y-xl {
  row-gap: 32px;
}
.gap-y-xxl {
  row-gap: 36px;
}
.-space-x-md > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-16px * var(--tw-space-x-reverse));
  margin-left: calc(-16px * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-sm > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-12px * var(--tw-space-x-reverse));
  margin-left: calc(-12px * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-xs > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-8px * var(--tw-space-x-reverse));
  margin-left: calc(-8px * calc(1 - var(--tw-space-x-reverse)));
}
.-space-y-4xs > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(-2px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(-2px * var(--tw-space-y-reverse));
}
.space-x-\[-86px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-86px * var(--tw-space-x-reverse));
  margin-left: calc(-86px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-sm > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(12px * var(--tw-space-x-reverse));
  margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-red-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(239 56 81 / var(--tw-divide-opacity));
}
.divide-v2-border > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(38 39 44 / var(--tw-divide-opacity));
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.\!overflow-visible {
  overflow: visible !important;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  white-space: nowrap;
}
.text-ellipsis,
.truncate {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[18px\] {
  border-radius: 18px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[36px\] {
  border-radius: 36px;
}
.rounded-\[40px\] {
  border-radius: 40px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[72px\] {
  border-radius: 72px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-circle {
  border-radius: 50%;
}
.rounded-full {
  border-radius: 99999px;
}
.rounded-inherit {
  border-radius: inherit;
}
.rounded-lg {
  border-radius: 16px;
}
.rounded-md {
  border-radius: 13px;
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: 8px;
}
.rounded-xl {
  border-radius: 24px;
}
.rounded-xs {
  border-radius: 4px;
}
.rounded-b-inherit {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.rounded-b-sm {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-e-xs {
  border-start-end-radius: 4px;
  border-end-end-radius: 4px;
}
.rounded-l-full {
  border-top-left-radius: 99999px;
  border-bottom-left-radius: 99999px;
}
.rounded-l-inherit {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.rounded-l-md {
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}
.rounded-l-sm {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-r-full {
  border-top-right-radius: 99999px;
  border-bottom-right-radius: 99999px;
}
.rounded-r-inherit {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.rounded-r-md {
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}
.rounded-r-sm {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.rounded-r-xs {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-t-inherit {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.rounded-t-lg {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.rounded-t-md {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}
.rounded-t-sm {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-t-xs {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-ee-md {
  border-end-end-radius: 13px;
}
.rounded-es-md {
  border-end-start-radius: 13px;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-8 {
  border-width: 8px;
}
.border-\[2px\] {
  border-width: 2px;
}
.border-\[3px\] {
  border-width: 3px;
}
.border-\[5px\] {
  border-width: 5px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-0 {
  border-left-width: 0;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0;
}
.border-t {
  border-top-width: 1px;
}
.border-none {
  border-style: none;
}
.border-\[\#00F58C\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 245 140 / var(--tw-border-opacity));
}
.border-\[\#00F58C\]\/30 {
  border-color: rgba(0, 245, 140, 0.3);
}
.border-\[\#29282B\] {
  --tw-border-opacity: 1;
  border-color: rgb(41 40 43 / var(--tw-border-opacity));
}
.border-background-primary {
  --tw-border-opacity: 1;
  border-color: rgb(20 25 36 / var(--tw-border-opacity));
}
.border-background-quaternary {
  --tw-border-opacity: 1;
  border-color: rgb(63 72 90 / var(--tw-border-opacity));
}
.border-background-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(34 41 56 / var(--tw-border-opacity));
}
.border-background-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(47 54 69 / var(--tw-border-opacity));
}
.border-blue-shadow {
  --tw-border-opacity: 1;
  border-color: rgb(10 137 255 / var(--tw-border-opacity));
}
.border-brand-primary {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 13 / var(--tw-border-opacity));
}
.border-content-primary {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-content-primary\/10 {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.border-content-primary\/20 {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.border-content-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(148 158 170 / var(--tw-border-opacity));
}
.border-content-tertiary\/25 {
  border-color: rgba(148, 158, 170, 0.25);
}
.border-contrast-low {
  --tw-border-opacity: 1;
  border-color: rgb(78 87 106 / var(--tw-border-opacity));
}
.border-current {
  border-color: currentColor;
}
.border-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(119 129 143 / var(--tw-border-opacity));
}
.border-focus {
  --tw-border-opacity: 1;
  border-color: rgb(93 102 120 / var(--tw-border-opacity));
}
.border-green-primary {
  --tw-border-opacity: 1;
  border-color: rgb(25 200 74 / var(--tw-border-opacity));
}
.border-green-shadow {
  --tw-border-opacity: 1;
  border-color: rgb(7 159 49 / var(--tw-border-opacity));
}
.border-inherit {
  border-color: inherit;
}
.border-purple-shadow {
  --tw-border-opacity: 1;
  border-color: rgb(149 92 255 / var(--tw-border-opacity));
}
.border-red-highlight {
  --tw-border-opacity: 1;
  border-color: rgb(247 75 75 / var(--tw-border-opacity));
}
.border-red-primary {
  --tw-border-opacity: 1;
  border-color: rgb(239 56 81 / var(--tw-border-opacity));
}
.border-red-shadow {
  --tw-border-opacity: 1;
  border-color: rgb(228 17 66 / var(--tw-border-opacity));
}
.border-streak-daily-primary {
  --tw-border-opacity: 1;
  border-color: rgb(84 66 66 / var(--tw-border-opacity));
}
.border-streak-monthly-primary {
  --tw-border-opacity: 1;
  border-color: rgb(72 54 80 / var(--tw-border-opacity));
}
.border-streak-weekly-primary {
  --tw-border-opacity: 1;
  border-color: rgb(54 70 80 / var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-v2-background-primary {
  --tw-border-opacity: 1;
  border-color: rgb(16 17 20 / var(--tw-border-opacity));
}
.border-v2-background-quaternary {
  --tw-border-opacity: 1;
  border-color: rgb(43 44 49 / var(--tw-border-opacity));
}
.border-v2-background-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(30 31 36 / var(--tw-border-opacity));
}
.border-v2-background-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(36 36 41 / var(--tw-border-opacity));
}
.border-v2-blue-base {
  --tw-border-opacity: 1;
  border-color: rgb(29 119 255 / var(--tw-border-opacity));
}
.border-v2-border {
  --tw-border-opacity: 1;
  border-color: rgb(38 39 44 / var(--tw-border-opacity));
}
.border-v2-button-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(44 45 53 / var(--tw-border-opacity));
}
.border-v2-button-secondaryHover {
  --tw-border-opacity: 1;
  border-color: rgb(53 55 65 / var(--tw-border-opacity));
}
.border-v2-constants-black\/10 {
  border-color: rgba(0, 0, 0, 0.1);
}
.border-v2-constants-white\/20 {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.border-v2-constants-white\/30 {
  border-color: hsla(0, 0%, 100%, 0.3);
}
.border-v2-content-primary {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-v2-content-primary\/10 {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.border-v2-content-primary\/20 {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.border-v2-content-primary\/5 {
  border-color: hsla(0, 0%, 100%, 0.05);
}
.border-v2-content-primary\/80 {
  border-color: hsla(0, 0%, 100%, 0.8);
}
.border-v2-green-base {
  --tw-border-opacity: 1;
  border-color: rgb(25 200 74 / var(--tw-border-opacity));
}
.border-v2-red-border {
  --tw-border-opacity: 1;
  border-color: rgb(70 34 34 / var(--tw-border-opacity));
}
.border-v2-yellow-base {
  --tw-border-opacity: 1;
  border-color: rgb(255 214 10 / var(--tw-border-opacity));
}
.border-b-v2-constants-white {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-t-contrast-low {
  --tw-border-opacity: 1;
  border-top-color: rgb(78 87 106 / var(--tw-border-opacity));
}
.border-t-transparent {
  border-top-color: transparent;
}
.bg-\[\#00EA96\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 234 150 / var(--tw-bg-opacity));
}
.bg-\[\#00F58C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 245 140 / var(--tw-bg-opacity));
}
.bg-\[\#0f0f10\]\/10 {
  background-color: rgba(15, 15, 16, 0.1);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\] {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.bg-background-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(20 25 36 / var(--tw-bg-opacity));
}
.bg-background-primary-darker\/50 {
  background-color: rgba(10, 13, 18, 0.5);
}
.bg-background-primary\/75 {
  background-color: rgba(20, 25, 36, 0.75);
}
.bg-background-primary\/80 {
  background-color: rgba(20, 25, 36, 0.8);
}
.bg-background-quaternary {
  --tw-bg-opacity: 1;
  background-color: rgb(63 72 90 / var(--tw-bg-opacity));
}
.bg-background-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(34 41 56 / var(--tw-bg-opacity));
}
.bg-background-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(47 54 69 / var(--tw-bg-opacity));
}
.bg-blue-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(39 163 253 / var(--tw-bg-opacity));
}
.bg-blue-shadow {
  --tw-bg-opacity: 1;
  background-color: rgb(10 137 255 / var(--tw-bg-opacity));
}
.bg-brand-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(252 255 107 / var(--tw-bg-opacity));
}
.bg-brand-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 13 / var(--tw-bg-opacity));
}
.bg-categories-arbitrum {
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 75 / var(--tw-bg-opacity));
}
.bg-categories-avalanche {
  --tw-bg-opacity: 1;
  background-color: rgb(232 65 66 / var(--tw-bg-opacity));
}
.bg-categories-base {
  --tw-bg-opacity: 1;
  background-color: rgb(32 80 245 / var(--tw-bg-opacity));
}
.bg-categories-ethereum {
  --tw-bg-opacity: 1;
  background-color: rgb(98 126 234 / var(--tw-bg-opacity));
}
.bg-categories-optimism {
  --tw-bg-opacity: 1;
  background-color: rgb(254 5 33 / var(--tw-bg-opacity));
}
.bg-categories-polygon {
  --tw-bg-opacity: 1;
  background-color: rgb(130 71 229 / var(--tw-bg-opacity));
}
.bg-categories-zksync {
  --tw-bg-opacity: 1;
  background-color: rgb(77 81 153 / var(--tw-bg-opacity));
}
.bg-content-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-content-primary\/10 {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.bg-content-primary\/5 {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.bg-content-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(189 193 199 / var(--tw-bg-opacity));
}
.bg-content-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(148 158 170 / var(--tw-bg-opacity));
}
.bg-contrast-high {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-contrast-high\/10 {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-contrast-high\/40 {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-contrast-high\/75 {
  background-color: rgba(0, 0, 0, 0.75);
}
.bg-contrast-high\/90 {
  background-color: rgba(0, 0, 0, 0.9);
}
.bg-contrast-low {
  --tw-bg-opacity: 1;
  background-color: rgb(78 87 106 / var(--tw-bg-opacity));
}
.bg-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(119 129 143 / var(--tw-bg-opacity));
}
.bg-green-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(36 224 89 / var(--tw-bg-opacity));
}
.bg-green-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(25 200 74 / var(--tw-bg-opacity));
}
.bg-green-shadow {
  --tw-bg-opacity: 1;
  background-color: rgb(7 159 49 / var(--tw-bg-opacity));
}
.bg-inherit {
  background-color: inherit;
}
.bg-lavender-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(219 131 242 / var(--tw-bg-opacity));
}
.bg-lavender-shadow {
  --tw-bg-opacity: 1;
  background-color: rgb(207 94 236 / var(--tw-bg-opacity));
}
.bg-mint-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(54 212 222 / var(--tw-bg-opacity));
}
.bg-mint-shadow {
  --tw-bg-opacity: 1;
  background-color: rgb(17 163 192 / var(--tw-bg-opacity));
}
.bg-orange-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 117 61 / var(--tw-bg-opacity));
}
.bg-orange-shadow {
  --tw-bg-opacity: 1;
  background-color: rgb(254 87 37 / var(--tw-bg-opacity));
}
.bg-pink-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 122 163 / var(--tw-bg-opacity));
}
.bg-pink-shadow {
  --tw-bg-opacity: 1;
  background-color: rgb(254 78 132 / var(--tw-bg-opacity));
}
.bg-purple-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(182 143 255 / var(--tw-bg-opacity));
}
.bg-purple-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(167 119 255 / var(--tw-bg-opacity));
}
.bg-purple-shadow {
  --tw-bg-opacity: 1;
  background-color: rgb(149 92 255 / var(--tw-bg-opacity));
}
.bg-red-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(247 75 75 / var(--tw-bg-opacity));
}
.bg-red-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(239 56 81 / var(--tw-bg-opacity));
}
.bg-streak-daily-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(104 74 74 / var(--tw-bg-opacity));
}
.bg-streak-daily-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(84 66 66 / var(--tw-bg-opacity));
}
.bg-streak-monthly-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(89 61 102 / var(--tw-bg-opacity));
}
.bg-streak-monthly-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(72 54 80 / var(--tw-bg-opacity));
}
.bg-streak-weekly-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(60 83 97 / var(--tw-bg-opacity));
}
.bg-streak-weekly-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(54 70 80 / var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-v2-background-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(16 17 20 / var(--tw-bg-opacity));
}
.bg-v2-background-primary-alt {
  --tw-bg-opacity: 1;
  background-color: rgb(25 26 31 / var(--tw-bg-opacity));
}
.bg-v2-background-primary\/70 {
  background-color: rgba(16, 17, 20, 0.7);
}
.bg-v2-background-quaternary {
  --tw-bg-opacity: 1;
  background-color: rgb(43 44 49 / var(--tw-bg-opacity));
}
.bg-v2-background-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(30 31 36 / var(--tw-bg-opacity));
}
.bg-v2-background-secondary\/40 {
  background-color: rgba(30, 31, 36, 0.4);
}
.bg-v2-background-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 41 / var(--tw-bg-opacity));
}
.bg-v2-blue-base {
  --tw-bg-opacity: 1;
  background-color: rgb(29 119 255 / var(--tw-bg-opacity));
}
.bg-v2-blue-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(56 135 255 / var(--tw-bg-opacity));
}
.bg-v2-border {
  --tw-bg-opacity: 1;
  background-color: rgb(38 39 44 / var(--tw-bg-opacity));
}
.bg-v2-button-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(44 45 53 / var(--tw-bg-opacity));
}
.bg-v2-button-secondaryHover {
  --tw-bg-opacity: 1;
  background-color: rgb(53 55 65 / var(--tw-bg-opacity));
}
.bg-v2-constants-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-v2-constants-black\/50 {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-v2-constants-black\/75 {
  background-color: rgba(0, 0, 0, 0.75);
}
.bg-v2-constants-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-v2-constants-white\/10 {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.bg-v2-constants-white\/5 {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.bg-v2-constants-white\/50 {
  background-color: hsla(0, 0%, 100%, 0.5);
}
.bg-v2-content-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-v2-content-primary\/10 {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.bg-v2-content-primary\/5 {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.bg-v2-content-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(132 132 134 / var(--tw-bg-opacity));
}
.bg-v2-green-base {
  --tw-bg-opacity: 1;
  background-color: rgb(25 200 74 / var(--tw-bg-opacity));
}
.bg-v2-green-base\/5 {
  background-color: rgba(25, 200, 74, 0.05);
}
.bg-v2-indigo-base {
  --tw-bg-opacity: 1;
  background-color: rgb(94 92 230 / var(--tw-bg-opacity));
}
.bg-v2-mint-base {
  --tw-bg-opacity: 1;
  background-color: rgb(54 212 222 / var(--tw-bg-opacity));
}
.bg-v2-orange-background {
  --tw-bg-opacity: 1;
  background-color: rgb(57 39 11 / var(--tw-bg-opacity));
}
.bg-v2-orange-base {
  --tw-bg-opacity: 1;
  background-color: rgb(255 159 10 / var(--tw-bg-opacity));
}
.bg-v2-purple-base {
  --tw-bg-opacity: 1;
  background-color: rgb(191 90 242 / var(--tw-bg-opacity));
}
.bg-v2-purple-base\/40 {
  background-color: rgba(191, 90, 242, 0.4);
}
.bg-v2-red-background {
  --tw-bg-opacity: 1;
  background-color: rgb(48 30 30 / var(--tw-bg-opacity));
}
.bg-v2-red-base {
  --tw-bg-opacity: 1;
  background-color: rgb(255 69 58 / var(--tw-bg-opacity));
}
.bg-v2-red-border {
  --tw-bg-opacity: 1;
  background-color: rgb(70 34 34 / var(--tw-bg-opacity));
}
.bg-v2-yellow-base {
  --tw-bg-opacity: 1;
  background-color: rgb(255 214 10 / var(--tw-bg-opacity));
}
.bg-dynamicReward {
  background-image: linear-gradient(90deg, #19c84a, #126bd2, #c419c8, #c81919);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-holo {
  background-image: linear-gradient(
      160.44deg,
      rgba(86, 140, 217, 0) 30.12%,
      #aac9f5 42.18%,
      #aef6d0 50.68%,
      #fbdeb3 58.63%,
      #ff9bc2 71.79%,
      rgba(233, 67, 132, 0) 82.75%
    ),
    linear-gradient(
      225deg,
      #aac9f5 14.17%,
      #aef6d0 38.85%,
      #fbdeb3 65.1%,
      #ff9bc2 91.67%
    );
}
.bg-solana {
  background-image: linear-gradient(217deg, #68d3b5, #b840ef);
}
.bg-staking {
  background-image: linear-gradient(90deg, #19c84a, #c2e65c, #ffd60a, #ff9f0a);
}
.bg-stakingGreen {
  background-image: radial-gradient(
    61.55% 61.55% at 50% 50%,
    rgba(16, 17, 20, 0) 62%,
    #19c84a 100%
  );
}
.from-\[\#003F12\] {
  --tw-gradient-from: #003f12 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(0, 63, 18, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#5425BD\] {
  --tw-gradient-from: #5425bd var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(84, 37, 189, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background-primary {
  --tw-gradient-from: #141924 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(20, 25, 36, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background-primary\/90 {
  --tw-gradient-from: rgba(20, 25, 36, 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(20, 25, 36, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background-secondary {
  --tw-gradient-from: #222938 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(34, 41, 56, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-contrast-high {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-contrast-low {
  --tw-gradient-from: #4e576a var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(78, 87, 106, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-primary {
  --tw-gradient-from: #19c84a var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(25, 200, 74, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-streak-daily-highlight {
  --tw-gradient-from: #684a4a var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(104, 74, 74, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-streak-daily-primary {
  --tw-gradient-from: #544242 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(84, 66, 66, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-streak-monthly-highlight {
  --tw-gradient-from: #593d66 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(89, 61, 102, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-streak-monthly-primary {
  --tw-gradient-from: #483650 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(72, 54, 80, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-streak-weekly-highlight {
  --tw-gradient-from: #3c5361 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(60, 83, 97, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-streak-weekly-primary {
  --tw-gradient-from: #364650 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(54, 70, 80, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-v2-background-primary {
  --tw-gradient-from: #101114 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(16, 17, 20, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-v2-background-primary\/40 {
  --tw-gradient-from: rgba(16, 17, 20, 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(16, 17, 20, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-v2-background-primary\/60 {
  --tw-gradient-from: rgba(16, 17, 20, 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(16, 17, 20, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-v2-background-primary\/90 {
  --tw-gradient-from: rgba(16, 17, 20, 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(16, 17, 20, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-v2-background-quaternary {
  --tw-gradient-from: #2b2c31 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(43, 44, 49, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-v2-background-secondary {
  --tw-gradient-from: #1e1f24 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(30, 31, 36, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-v2-background-secondary\/0 {
  --tw-gradient-from: rgba(30, 31, 36, 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(30, 31, 36, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-v2-constants-white\/10 {
  --tw-gradient-from: hsla(0, 0%, 100%, 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-v2-content-primary\/0 {
  --tw-gradient-from: hsla(0, 0%, 100%, 0) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-v2-content-primary\/20 {
  --tw-gradient-from: hsla(0, 0%, 100%, 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-v2-green-base {
  --tw-gradient-from: #19c84a var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(25, 200, 74, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-0\% {
  --tw-gradient-from-position: 0%;
}
.from-5\% {
  --tw-gradient-from-position: 5%;
}
.from-60\% {
  --tw-gradient-from-position: 60%;
}
.from-75\% {
  --tw-gradient-from-position: 75%;
}
.from-90\% {
  --tw-gradient-from-position: 90%;
}
.via-v2-content-primary\/10 {
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    hsla(0, 0%, 100%, 0.1) var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.to-\[\#1E1F24\] {
  --tw-gradient-to: #1e1f24 var(--tw-gradient-to-position);
}
.to-\[\#9767E7\] {
  --tw-gradient-to: #9767e7 var(--tw-gradient-to-position);
}
.to-background-primary {
  --tw-gradient-to: #141924 var(--tw-gradient-to-position);
}
.to-background-secondary\/0 {
  --tw-gradient-to: rgba(34, 41, 56, 0) var(--tw-gradient-to-position);
}
.to-content-primary {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-green-primary\/0 {
  --tw-gradient-to: rgba(25, 200, 74, 0) var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-v2-background-primary {
  --tw-gradient-to: #101114 var(--tw-gradient-to-position);
}
.to-v2-background-primary\/0 {
  --tw-gradient-to: rgba(16, 17, 20, 0) var(--tw-gradient-to-position);
}
.to-v2-background-secondary {
  --tw-gradient-to: #1e1f24 var(--tw-gradient-to-position);
}
.to-v2-border {
  --tw-gradient-to: #26272c var(--tw-gradient-to-position);
}
.to-v2-constants-white\/0,
.to-v2-content-primary\/0 {
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
}
.to-v2-green-base\/0 {
  --tw-gradient-to: rgba(25, 200, 74, 0) var(--tw-gradient-to-position);
}
.to-40\% {
  --tw-gradient-to-position: 40%;
}
.to-50\% {
  --tw-gradient-to-position: 50%;
}
.to-70\% {
  --tw-gradient-to-position: 70%;
}
.bg-contain {
  background-size: contain;
}
.bg-cover {
  background-size: cover;
}
.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}
.bg-center {
  background-position: 50%;
}
.fill-\[\#1f4b25\] {
  fill: #1f4b25;
}
.fill-\[\#28364b\] {
  fill: #28364b;
}
.fill-\[\#37344b\] {
  fill: #37344b;
}
.fill-background-secondary {
  fill: #222938;
}
.fill-background-tertiary {
  fill: #2f3645;
}
.fill-blue-primary {
  fill: #27a3fd;
}
.fill-brand-highlight {
  fill: #fcff6b;
}
.fill-brand-primary {
  fill: #ffff0d;
}
.fill-content-primary {
  fill: #fff;
}
.fill-content-secondary {
  fill: #bdc1c7;
}
.fill-content-tertiary {
  fill: #949eaa;
}
.fill-current {
  fill: currentColor;
}
.fill-disabled {
  fill: #77818f;
}
.fill-green-highlight {
  fill: #24e059;
}
.fill-purple-highlight {
  fill: #b68fff;
}
.fill-v2-background-secondary {
  fill: #1e1f24;
}
.fill-v2-background-tertiary {
  fill: #242429;
}
.fill-v2-constants-black {
  fill: #000;
}
.fill-v2-constants-white {
  fill: #fff;
}
.fill-v2-constants-white\/25 {
  fill: hsla(0, 0%, 100%, 0.25);
}
.fill-v2-content-primary {
  fill: #fff;
}
.fill-v2-content-primary\/60 {
  fill: hsla(0, 0%, 100%, 0.6);
}
.fill-v2-content-secondary {
  fill: #98989d;
}
.fill-v2-content-tertiary {
  fill: #848486;
}
.fill-v2-green-base {
  fill: #19c84a;
}
.fill-v2-orange-base {
  fill: #ff9f0a;
}
.fill-v2-red-base {
  fill: #ff453a;
}
.fill-v2-teal-base {
  fill: #64d2ff;
}
.fill-v2-yellow-base {
  fill: #ffd60a;
}
.stroke-\[\#1f4b25\] {
  stroke: #1f4b25;
}
.stroke-\[\#28364b\] {
  stroke: #28364b;
}
.stroke-\[\#37344b\] {
  stroke: #37344b;
}
.stroke-blue-primary {
  stroke: #27a3fd;
}
.stroke-content-secondary {
  stroke: #bdc1c7;
}
.stroke-purple-highlight {
  stroke: #b68fff;
}
.stroke-v2-content-primary {
  stroke: #fff;
}
.stroke-v2-content-secondary {
  stroke: #98989d;
}
.stroke-v2-green-base {
  stroke: #19c84a;
}
.stroke-v2-orange-base {
  stroke: #ff9f0a;
}
.stroke-v2-red-base {
  stroke: #ff453a;
}
.stroke-v2-yellow-base {
  stroke: #ffd60a;
}
.stroke-\[1\.5px\] {
  stroke-width: 1.5px;
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.object-center {
  -o-object-position: center;
  object-position: center;
}
.p-3xl {
  padding: 48px;
}
.p-3xs {
  padding: 4px;
}
.p-4xl {
  padding: 56px;
}
.p-\[100px\] {
  padding: 100px;
}
.p-\[104px\] {
  padding: 104px;
}
.p-\[10px\] {
  padding: 10px;
}
.p-\[18px\] {
  padding: 18px;
}
.p-\[1px\] {
  padding: 1px;
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-lg {
  padding: 24px;
}
.p-md {
  padding: 16px;
}
.p-none {
  padding: 0;
}
.p-sm {
  padding: 12px;
}
.p-xl {
  padding: 32px;
}
.p-xs {
  padding: 8px;
}
.p-xxl {
  padding: 36px;
}
.p-xxs {
  padding: 6px;
}
.px-3xl {
  padding-left: 48px;
  padding-right: 48px;
}
.px-3xs {
  padding-left: 4px;
  padding-right: 4px;
}
.px-4xl {
  padding-left: 56px;
  padding-right: 56px;
}
.px-4xs {
  padding-left: 2px;
  padding-right: 2px;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[11px\] {
  padding-left: 11px;
  padding-right: 11px;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[30px\] {
  padding-left: 30px;
  padding-right: 30px;
}
.px-\[34px\] {
  padding-left: 34px;
  padding-right: 34px;
}
.px-\[36px\] {
  padding-left: 36px;
  padding-right: 36px;
}
.px-\[40px\] {
  padding-left: 40px;
  padding-right: 40px;
}
.px-\[44px\] {
  padding-left: 44px;
  padding-right: 44px;
}
.px-\[80px\] {
  padding-left: 80px;
  padding-right: 80px;
}
.px-lg {
  padding-left: 24px;
  padding-right: 24px;
}
.px-md {
  padding-left: 16px;
  padding-right: 16px;
}
.px-none {
  padding-left: 0;
  padding-right: 0;
}
.px-sm {
  padding-left: 12px;
  padding-right: 12px;
}
.px-xl {
  padding-left: 32px;
  padding-right: 32px;
}
.px-xs {
  padding-left: 8px;
  padding-right: 8px;
}
.px-xxl {
  padding-left: 36px;
  padding-right: 36px;
}
.px-xxs {
  padding-left: 6px;
  padding-right: 6px;
}
.py-3xl {
  padding-top: 48px;
  padding-bottom: 48px;
}
.py-3xs {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-4xl {
  padding-top: 56px;
  padding-bottom: 56px;
}
.py-4xs {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-5xl {
  padding-top: 96px;
  padding-bottom: 96px;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[14px\] {
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-\[15svh\] {
  padding-top: 15svh;
  padding-bottom: 15svh;
}
.py-\[18px\] {
  padding-top: 18px;
  padding-bottom: 18px;
}
.py-\[1px\] {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-\[28px\] {
  padding-top: 28px;
  padding-bottom: 28px;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[40px\] {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-\[44px\] {
  padding-top: 44px;
  padding-bottom: 44px;
}
.py-\[64px\] {
  padding-top: 64px;
  padding-bottom: 64px;
}
.py-\[80px\] {
  padding-top: 80px;
  padding-bottom: 80px;
}
.py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px;
}
.py-lg {
  padding-top: 24px;
  padding-bottom: 24px;
}
.py-md {
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-none {
  padding-top: 0;
  padding-bottom: 0;
}
.py-sm {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-xl {
  padding-top: 32px;
  padding-bottom: 32px;
}
.py-xs {
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-xxs {
  padding-top: 6px;
  padding-bottom: 6px;
}
.pb-3xl {
  padding-bottom: 48px;
}
.pb-3xs {
  padding-bottom: 4px;
}
.pb-4xl {
  padding-bottom: 56px;
}
.pb-4xs {
  padding-bottom: 2px;
}
.pb-5xl {
  padding-bottom: 96px;
}
.pb-\[100px\] {
  padding-bottom: 100px;
}
.pb-\[14px\] {
  padding-bottom: 14px;
}
.pb-\[173px\] {
  padding-bottom: 173px;
}
.pb-\[20px\] {
  padding-bottom: 20px;
}
.pb-\[40px\] {
  padding-bottom: 40px;
}
.pb-\[48px\] {
  padding-bottom: 48px;
}
.pb-\[5px\] {
  padding-bottom: 5px;
}
.pb-\[72px\] {
  padding-bottom: 72px;
}
.pb-\[74px\] {
  padding-bottom: 74px;
}
.pb-\[9px\] {
  padding-bottom: 9px;
}
.pb-\[calc\(56\.1px-16px\)\] {
  padding-bottom: calc(56.1px - 16px);
}
.pb-\[calc\(71px-24px\)\] {
  padding-bottom: calc(71px - 24px);
}
.pb-\[calc\(var\(--quest-footer-height\)\+60px\)\] {
  padding-bottom: calc(var(--quest-footer-height) + 60px);
}
.pb-\[var\(--quest-footer-height\)\] {
  padding-bottom: var(--quest-footer-height);
}
.pb-lg {
  padding-bottom: 24px;
}
.pb-md {
  padding-bottom: 16px;
}
.pb-none {
  padding-bottom: 0;
}
.pb-sm {
  padding-bottom: 12px;
}
.pb-xl {
  padding-bottom: 32px;
}
.pb-xs {
  padding-bottom: 8px;
}
.pb-xxl {
  padding-bottom: 36px;
}
.pb-xxs {
  padding-bottom: 6px;
}
.pl-3xs {
  padding-left: 4px;
}
.pl-4xl {
  padding-left: 56px;
}
.pl-\[10px\] {
  padding-left: 10px;
}
.pl-\[14px\] {
  padding-left: 14px;
}
.pl-\[20px\] {
  padding-left: 20px;
}
.pl-\[22px\] {
  padding-left: 22px;
}
.pl-\[38px\] {
  padding-left: 38px;
}
.pl-\[3px\] {
  padding-left: 3px;
}
.pl-\[48px\] {
  padding-left: 48px;
}
.pl-\[60px\] {
  padding-left: 60px;
}
.pl-lg {
  padding-left: 24px;
}
.pl-md {
  padding-left: 16px;
}
.pl-sm {
  padding-left: 12px;
}
.pl-xs {
  padding-left: 8px;
}
.pl-xxs {
  padding-left: 6px;
}
.pr-3xs {
  padding-right: 4px;
}
.pr-\[10px\] {
  padding-right: 10px;
}
.pr-\[20px\] {
  padding-right: 20px;
}
.pr-\[52px\] {
  padding-right: 52px;
}
.pr-\[54px\] {
  padding-right: 54px;
}
.pr-\[70px\] {
  padding-right: 70px;
}
.pr-lg {
  padding-right: 24px;
}
.pr-md {
  padding-right: 16px;
}
.pr-none {
  padding-right: 0;
}
.pr-sm {
  padding-right: 12px;
}
.pr-xl {
  padding-right: 32px;
}
.pr-xs {
  padding-right: 8px;
}
.pt-3xl {
  padding-top: 48px;
}
.pt-3xs {
  padding-top: 4px;
}
.pt-4xl {
  padding-top: 56px;
}
.pt-4xs {
  padding-top: 2px;
}
.pt-\[100px\] {
  padding-top: 100px;
}
.pt-\[10px\] {
  padding-top: 10px;
}
.pt-\[14px\] {
  padding-top: 14px;
}
.pt-\[1px\] {
  padding-top: 1px;
}
.pt-\[20px\] {
  padding-top: 20px;
}
.pt-\[28px\] {
  padding-top: 28px;
}
.pt-\[2px\] {
  padding-top: 2px;
}
.pt-\[30dvh\] {
  padding-top: 30dvh;
}
.pt-\[40px\] {
  padding-top: 40px;
}
.pt-\[56px\] {
  padding-top: 56px;
}
.pt-\[5svh\] {
  padding-top: 5svh;
}
.pt-\[68px\] {
  padding-top: 68px;
}
.pt-\[70px\] {
  padding-top: 70px;
}
.pt-\[81px\] {
  padding-top: 81px;
}
.pt-\[var\(--quest-header-height\)\] {
  padding-top: var(--quest-header-height);
}
.pt-\[var\(--quest-header-height-v2\)\] {
  padding-top: var(--quest-header-height-v2);
}
.pt-header {
  padding-top: var(--header-height);
}
.pt-lg {
  padding-top: 24px;
}
.pt-md {
  padding-top: 16px;
}
.pt-none {
  padding-top: 0;
}
.pt-sm {
  padding-top: 12px;
}
.pt-xl {
  padding-top: 32px;
}
.pt-xs {
  padding-top: 8px;
}
.pt-xxl {
  padding-top: 36px;
}
.pt-xxs {
  padding-top: 6px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.indent-\[-1px\] {
  text-indent: -1px;
}
.align-middle {
  vertical-align: middle;
}
.font-arcade {
  font-family: Arcadepix Plus, Helvetica Rounded, Helvetica, ui-sans-serif,
    system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
.font-bayon {
  font-family: Bayon, Helvetica Rounded, Helvetica, ui-sans-serif, system-ui,
    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,
    Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,
    Noto Color Emoji;
}
.font-body {
  font-family: GothamRounded, Helvetica Rounded, Helvetica, ui-sans-serif,
    system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
.font-inter {
  font-family: Inter, Helvetica Rounded, Helvetica, ui-sans-serif, system-ui,
    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,
    Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,
    Noto Color Emoji;
}
.\!text-xxs {
  font-size: 16px !important;
}
.text-3xl {
  font-size: 52px;
}
.text-3xs {
  font-size: 14px;
}
.text-4xs {
  font-size: 12px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[114px\] {
  font-size: 114px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[36px\] {
  font-size: 36px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-\[44px\] {
  font-size: 44px;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-\[52px\] {
  font-size: 52px;
}
.text-\[64px\] {
  font-size: 64px;
}
.text-\[72px\] {
  font-size: 72px;
}
.text-\[7px\] {
  font-size: 7px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 16px;
}
.text-lg {
  font-size: 28px;
}
.text-md {
  font-size: 24px;
}
.text-sm {
  font-size: 20px;
}
.text-xl {
  font-size: 32px;
}
.text-xs {
  font-size: 18px;
}
.text-xxl {
  font-size: 48px;
}
.text-xxs {
  font-size: 16px;
}
.font-\[600\] {
  font-weight: 600;
}
.font-\[700\],
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.ordinal {
  --tw-ordinal: ordinal;
}
.ordinal,
.tabular-nums {
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)
    var(--tw-numeric-figure) var(--tw-numeric-spacing)
    var(--tw-numeric-fraction);
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
}
.leading-\[0\.7\] {
  line-height: 0.7;
}
.leading-\[1\.16\] {
  line-height: 1.16;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-\[125\%\] {
  line-height: 125%;
}
.leading-\[133\%\] {
  line-height: 133%;
}
.leading-\[138\%\] {
  line-height: 138%;
}
.leading-\[150\%\] {
  line-height: 150%;
}
.leading-\[1\] {
  line-height: 1;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[68px\] {
  line-height: 68px;
}
.leading-\[84px\] {
  line-height: 84px;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.06em\] {
  letter-spacing: -0.06em;
}
.tracking-normal {
  letter-spacing: 0;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-tighter {
  letter-spacing: -0.05em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.\!text-v2-content-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#00F58C\] {
  --tw-text-opacity: 1;
  color: rgb(0 245 140 / var(--tw-text-opacity));
}
.text-\[\#8C8DFC\] {
  --tw-text-opacity: 1;
  color: rgb(140 141 252 / var(--tw-text-opacity));
}
.text-\[\#FF9393\] {
  --tw-text-opacity: 1;
  color: rgb(255 147 147 / var(--tw-text-opacity));
}
.text-background-primary {
  --tw-text-opacity: 1;
  color: rgb(20 25 36 / var(--tw-text-opacity));
}
.text-background-quaternary {
  --tw-text-opacity: 1;
  color: rgb(63 72 90 / var(--tw-text-opacity));
}
.text-background-secondary {
  --tw-text-opacity: 1;
  color: rgb(34 41 56 / var(--tw-text-opacity));
}
.text-background-subtle {
  --tw-text-opacity: 1;
  color: rgb(246 246 248 / var(--tw-text-opacity));
}
.text-blue-primary {
  --tw-text-opacity: 1;
  color: rgb(39 163 253 / var(--tw-text-opacity));
}
.text-brand-highlight {
  --tw-text-opacity: 1;
  color: rgb(252 255 107 / var(--tw-text-opacity));
}
.text-brand-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 13 / var(--tw-text-opacity));
}
.text-content-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-content-primary\/70 {
  color: hsla(0, 0%, 100%, 0.7);
}
.text-content-primary\/75 {
  color: hsla(0, 0%, 100%, 0.75);
}
.text-content-secondary {
  --tw-text-opacity: 1;
  color: rgb(189 193 199 / var(--tw-text-opacity));
}
.text-content-tertiary {
  --tw-text-opacity: 1;
  color: rgb(148 158 170 / var(--tw-text-opacity));
}
.text-contrast-high {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-contrast-low {
  --tw-text-opacity: 1;
  color: rgb(78 87 106 / var(--tw-text-opacity));
}
.text-disabled {
  --tw-text-opacity: 1;
  color: rgb(119 129 143 / var(--tw-text-opacity));
}
.text-focus {
  --tw-text-opacity: 1;
  color: rgb(93 102 120 / var(--tw-text-opacity));
}
.text-green-highlight {
  --tw-text-opacity: 1;
  color: rgb(36 224 89 / var(--tw-text-opacity));
}
.text-green-primary {
  --tw-text-opacity: 1;
  color: rgb(25 200 74 / var(--tw-text-opacity));
}
.text-inherit {
  color: inherit;
}
.text-lavender-primary {
  --tw-text-opacity: 1;
  color: rgb(219 131 242 / var(--tw-text-opacity));
}
.text-mint-highlight {
  --tw-text-opacity: 1;
  color: rgb(49 211 221 / var(--tw-text-opacity));
}
.text-mint-primary {
  --tw-text-opacity: 1;
  color: rgb(54 212 222 / var(--tw-text-opacity));
}
.text-orange-highlight {
  --tw-text-opacity: 1;
  color: rgb(255 137 53 / var(--tw-text-opacity));
}
.text-orange-primary {
  --tw-text-opacity: 1;
  color: rgb(255 117 61 / var(--tw-text-opacity));
}
.text-pink-highlight {
  --tw-text-opacity: 1;
  color: rgb(251 152 183 / var(--tw-text-opacity));
}
.text-pink-primary {
  --tw-text-opacity: 1;
  color: rgb(255 122 163 / var(--tw-text-opacity));
}
.text-purple-highlight {
  --tw-text-opacity: 1;
  color: rgb(182 143 255 / var(--tw-text-opacity));
}
.text-purple-primary {
  --tw-text-opacity: 1;
  color: rgb(167 119 255 / var(--tw-text-opacity));
}
.text-red-primary {
  --tw-text-opacity: 1;
  color: rgb(239 56 81 / var(--tw-text-opacity));
}
.text-transparent {
  color: transparent;
}
.text-v2-background-primary {
  --tw-text-opacity: 1;
  color: rgb(16 17 20 / var(--tw-text-opacity));
}
.text-v2-background-secondary {
  --tw-text-opacity: 1;
  color: rgb(30 31 36 / var(--tw-text-opacity));
}
.text-v2-blue-base {
  --tw-text-opacity: 1;
  color: rgb(29 119 255 / var(--tw-text-opacity));
}
.text-v2-border {
  --tw-text-opacity: 1;
  color: rgb(38 39 44 / var(--tw-text-opacity));
}
.text-v2-button-secondary {
  --tw-text-opacity: 1;
  color: rgb(44 45 53 / var(--tw-text-opacity));
}
.text-v2-constants-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-v2-constants-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-v2-constants-white\/40 {
  color: hsla(0, 0%, 100%, 0.4);
}
.text-v2-content-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-v2-content-primary\/60 {
  color: hsla(0, 0%, 100%, 0.6);
}
.text-v2-content-secondary {
  --tw-text-opacity: 1;
  color: rgb(152 152 157 / var(--tw-text-opacity));
}
.text-v2-content-tertiary {
  --tw-text-opacity: 1;
  color: rgb(132 132 134 / var(--tw-text-opacity));
}
.text-v2-green-base {
  --tw-text-opacity: 1;
  color: rgb(25 200 74 / var(--tw-text-opacity));
}
.text-v2-mint-base {
  --tw-text-opacity: 1;
  color: rgb(54 212 222 / var(--tw-text-opacity));
}
.text-v2-orange-base {
  --tw-text-opacity: 1;
  color: rgb(255 159 10 / var(--tw-text-opacity));
}
.text-v2-pink-base {
  --tw-text-opacity: 1;
  color: rgb(255 45 85 / var(--tw-text-opacity));
}
.text-v2-purple-base {
  --tw-text-opacity: 1;
  color: rgb(191 90 242 / var(--tw-text-opacity));
}
.text-v2-red-active {
  --tw-text-opacity: 1;
  color: rgb(198 52 52 / var(--tw-text-opacity));
}
.text-v2-red-base {
  --tw-text-opacity: 1;
  color: rgb(255 69 58 / var(--tw-text-opacity));
}
.text-v2-red-hover {
  --tw-text-opacity: 1;
  color: rgb(237 86 86 / var(--tw-text-opacity));
}
.text-v2-yellow-base {
  --tw-text-opacity: 1;
  color: rgb(255 214 10 / var(--tw-text-opacity));
}
.text-opacity-50 {
  --tw-text-opacity: 0.5;
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-\[0\.85\] {
  opacity: 0.85;
}
.mix-blend-luminosity {
  mix-blend-mode: luminosity;
}
.\!shadow-\[0_0_0_1px\] {
  --tw-shadow: 0 0 0 1px !important;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color) !important;
}
.\!shadow-\[0_0_0_1px\],
.\!shadow-none {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color);
}
.shadow,
.shadow-2xl {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
}
.shadow-\[0_0_0_1px_\#202020\] {
  --tw-shadow: 0 0 0 1px #202020;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
}
.shadow-\[0_0_0_1px_\#202020\],
.shadow-\[0_0_0_2px\] {
  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\] {
  --tw-shadow: 0 0 0 2px;
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
}
.shadow-\[0_0_12px\] {
  --tw-shadow: 0 0 12px;
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
}
.shadow-\[0_0_12px\],
.shadow-\[0_0_12px_0\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_0\] {
  --tw-shadow: 0 0 12px 0;
  --tw-shadow-colored: 0 0 12px 0 var(--tw-shadow-color);
}
.shadow-\[0_0_16px_0\] {
  --tw-shadow: 0 0 16px 0;
  --tw-shadow-colored: 0 0 16px 0 var(--tw-shadow-color);
}
.shadow-\[0_0_16px_0\],
.shadow-\[0_0_25px\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_25px\] {
  --tw-shadow: 0 0 25px;
  --tw-shadow-colored: 0 0 25px var(--tw-shadow-color);
}
.shadow-\[0_2px_10px\] {
  --tw-shadow: 0 2px 10px;
  --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color);
}
.shadow-\[0_2px_10px\],
.shadow-\[0_3px_0_0\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_3px_0_0\] {
  --tw-shadow: 0 3px 0 0;
  --tw-shadow-colored: 0 3px 0 0 var(--tw-shadow-color);
}
.shadow-\[0_4px_0_0\] {
  --tw-shadow: 0 4px 0 0;
  --tw-shadow-colored: 0 4px 0 0 var(--tw-shadow-color);
}
.shadow-\[0_4px_0_0\],
.shadow-\[0_4px_0_0_\#B22F41\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_0_0_\#B22F41\] {
  --tw-shadow: 0 4px 0 0 #b22f41;
  --tw-shadow-colored: 0 4px 0 0 var(--tw-shadow-color);
}
.shadow-\[0_4px_0_0_\#DAC400\] {
  --tw-shadow: 0 4px 0 0 #dac400;
  --tw-shadow-colored: 0 4px 0 0 var(--tw-shadow-color);
}
.shadow-\[0_4px_0_0_\#DAC400\],
.shadow-\[0_4px_16px_0\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_16px_0\] {
  --tw-shadow: 0 4px 16px 0;
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
}
.shadow-\[0_4px_24px_0\] {
  --tw-shadow: 0 4px 24px 0;
  --tw-shadow-colored: 0 4px 24px 0 var(--tw-shadow-color);
}
.shadow-\[0_4px_24px_0\],
.shadow-\[0_4px_34px_0\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_34px_0\] {
  --tw-shadow: 0 4px 34px 0;
  --tw-shadow-colored: 0 4px 34px 0 var(--tw-shadow-color);
}
.shadow-\[0px_-4px_52px_0px_rgba\(219\2c 231\2c 85\2c 0\.25\)\] {
  --tw-shadow: 0px -4px 52px 0px rgba(219, 231, 85, 0.25);
  --tw-shadow-colored: 0px -4px 52px 0px var(--tw-shadow-color);
}
.shadow-\[0px_-4px_52px_0px_rgba\(219\2c 231\2c 85\2c 0\.25\)\],
.shadow-\[0px_4px_0px_0px\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_4px_0px_0px\] {
  --tw-shadow: 0px 4px 0px 0px;
  --tw-shadow-colored: 0px 4px 0px 0px var(--tw-shadow-color);
}
.shadow-iconBox {
  --tw-shadow: 0px 0px 0px 2px #191a1f,
    0px -12px 12px 0px hsla(0, 0%, 100%, 0.04) inset,
    0px 4px 10px 0px rgba(0, 0, 0, 0.32) inset;
  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color),
    inset 0px -12px 12px 0px var(--tw-shadow-color),
    inset 0px 4px 10px 0px var(--tw-shadow-color);
}
.shadow-iconBox,
.shadow-lg {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
}
.shadow-lootBox {
  --tw-shadow: 0px -3px 8px 0px rgba(0, 0, 0, 0.25) inset;
  --tw-shadow-colored: inset 0px -3px 8px 0px var(--tw-shadow-color);
}
.shadow-lootBox,
.shadow-md {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
.shadow-none,
.shadow-sm {
  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 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
    0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!shadow-red-primary {
  --tw-shadow-color: #ef3851 !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-background-tertiary {
  --tw-shadow-color: #2f3645;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-shadow {
  --tw-shadow-color: #0a89ff;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-content-primary {
  --tw-shadow-color: #fff;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-contrast-high {
  --tw-shadow-color: #000;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-contrast-high\/10 {
  --tw-shadow-color: rgba(0, 0, 0, 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-contrast-high\/25 {
  --tw-shadow-color: rgba(0, 0, 0, 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-contrast-high\/30 {
  --tw-shadow-color: rgba(0, 0, 0, 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-contrast-high\/40 {
  --tw-shadow-color: rgba(0, 0, 0, 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-contrast-high\/50 {
  --tw-shadow-color: rgba(0, 0, 0, 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-contrast-high\/75 {
  --tw-shadow-color: rgba(0, 0, 0, 0.75);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-contrast-high\/80 {
  --tw-shadow-color: rgba(0, 0, 0, 0.8);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-primary {
  --tw-shadow-color: #19c84a;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-green-shadow {
  --tw-shadow-color: #079f31;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-inherit {
  --tw-shadow-color: inherit;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-shadow {
  --tw-shadow-color: #955cff;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-v2-constants-black {
  --tw-shadow-color: #000;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-v2-constants-black\/20 {
  --tw-shadow-color: rgba(0, 0, 0, 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-v2-constants-black\/25 {
  --tw-shadow-color: rgba(0, 0, 0, 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-v2-constants-black\/30 {
  --tw-shadow-color: rgba(0, 0, 0, 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-v2-constants-black\/75 {
  --tw-shadow-color: rgba(0, 0, 0, 0.75);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline-0 {
  outline-width: 0;
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.ring-0,
.ring-2 {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.ring-v2-content-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}
.blur {
  --tw-blur: blur(8px);
}
.blur,
.blur-3xl {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl {
  --tw-blur: blur(64px);
}
.blur-\[280px\] {
  --tw-blur: blur(280px);
}
.blur-\[280px\],
.blur-\[430px\] {
  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-\[430px\] {
  --tw-blur: blur(430px);
}
.blur-\[8px\] {
  --tw-blur: blur(8px);
}
.blur-\[8px\],
.blur-md {
  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-md {
  --tw-blur: blur(12px);
}
.blur-none {
  --tw-blur: blur(0);
}
.blur-none,
.blur-sm {
  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-sm {
  --tw-blur: blur(4px);
}
.brightness-75 {
  --tw-brightness: brightness(0.75);
}
.brightness-75,
.drop-shadow-\[-1px_-1px_0_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  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-\[-1px_-1px_0_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  --tw-drop-shadow: drop-shadow(-1px -1px 0 rgba(0, 0, 0, 0.2));
}
.drop-shadow-\[0_10px_8px_rgb\(0_0_0_\/_0\.8\)\] {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.8));
}
.drop-shadow-\[0_10px_8px_rgb\(0_0_0_\/_0\.8\)\],
.drop-shadow-\[_0_4px_0_rgba\(0\2c _0\2c _0\2c _0\.25\)\] {
  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_4px_0_rgba\(0\2c _0\2c _0\2c _0\.25\)\] {
  --tw-drop-shadow: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.25));
}
.drop-shadow-\[_0_5px_0_rgba\(0\2c _0\2c _0\2c _0\.25\)\] {
  --tw-drop-shadow: drop-shadow(0 5px 0 rgba(0, 0, 0, 0.25));
}
.drop-shadow-\[_0_5px_0_rgba\(0\2c _0\2c _0\2c _0\.25\)\],
.drop-shadow-md {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07))
    drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
}
.drop-shadow-raceProgressBlue {
  --tw-drop-shadow: drop-shadow(0 0 10px rgba(39, 163, 253, 0.8));
}
.drop-shadow-raceProgressBlue,
.drop-shadow-raceProgressGreen {
  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-raceProgressGreen {
  --tw-drop-shadow: drop-shadow(0 0 10px rgba(25, 200, 75, 0.8));
}
.drop-shadow-raceProgressPurple {
  --tw-drop-shadow: drop-shadow(0 0 10px rgba(182, 143, 255, 0.8));
}
.drop-shadow-raceProgressPurple,
.drop-shadow-raceTrackReward {
  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-raceTrackReward {
  --tw-drop-shadow: drop-shadow(0 0 4px rgba(255, 214, 10, 0.8));
}
.drop-shadow-solid {
  --tw-drop-shadow: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.25));
}
.drop-shadow-solid,
.grayscale {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
}
.grayscale-0 {
  --tw-grayscale: grayscale(0);
}
.grayscale-0,
.saturate-0 {
  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);
}
.saturate-0 {
  --tw-saturate: saturate(0);
}
.\!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) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
}
.backdrop-blur,
.backdrop-blur-\[2px\] {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
}
.backdrop-blur-\[32px\] {
  --tw-backdrop-blur: blur(32px);
}
.backdrop-blur-\[32px\],
.backdrop-blur-\[3px\] {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.backdrop-blur-\[3px\] {
  --tw-backdrop-blur: blur(3px);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
}
.backdrop-blur-lg,
.backdrop-blur-md {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
}
.backdrop-blur-sm,
.backdrop-blur-xl {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
}
.transition {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-\[color\2c transform\] {
  transition-property: color, transform;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-\[color\] {
  transition-property: color;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-\[colors\2c transform\] {
  transition-property: colors, transform;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-\[opacity\2c transform\] {
  transition-property: opacity, transform;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-\[transform\2c color\] {
  transition-property: transform, color;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-\[transform\] {
  transition-property: transform;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-\[width\2c border\2c opacity\] {
  transition-property: width, border, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-\[width\2c padding\] {
  transition-property: width, padding;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-all {
  transition-property: all;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-colors {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.delay-0 {
  transition-delay: 0s;
}
.delay-100 {
  transition-delay: 0.1s;
}
.delay-1000 {
  transition-delay: 1s;
}
.delay-150 {
  transition-delay: 0.15s;
}
.delay-300 {
  transition-delay: 0.3s;
}
.duration-100 {
  transition-duration: 0.1s;
}
.duration-1000 {
  transition-duration: 1s;
}
.duration-150 {
  transition-duration: 0.15s;
}
.duration-200 {
  transition-duration: 0.2s;
}
.duration-300 {
  transition-duration: 0.3s;
}
.duration-3000 {
  transition-duration: 3s;
}
.duration-500 {
  transition-duration: 0.5s;
}
.duration-700 {
  transition-duration: 0.7s;
}
.duration-75 {
  transition-duration: 75ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.64, 0, 0.78, 0);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(
        var(--tw-enter-translate-x, 0),
        var(--tw-enter-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1)
      )
      rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(
        var(--tw-exit-translate-x, 0),
        var(--tw-exit-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1)
      )
      rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: 0.15s;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.fade-in-25 {
  --tw-enter-opacity: 0.25;
}
.fade-out {
  --tw-exit-opacity: 0;
}
.slide-in-from-top-xs {
  --tw-enter-translate-y: -8px;
}
.duration-100 {
  animation-duration: 0.1s;
}
.duration-1000 {
  animation-duration: 1s;
}
.duration-150 {
  animation-duration: 0.15s;
}
.duration-200 {
  animation-duration: 0.2s;
}
.duration-300 {
  animation-duration: 0.3s;
}
.duration-3000 {
  animation-duration: 3s;
}
.duration-500 {
  animation-duration: 0.5s;
}
.duration-700 {
  animation-duration: 0.7s;
}
.duration-75 {
  animation-duration: 75ms;
}
.delay-0 {
  animation-delay: 0s;
}
.delay-100 {
  animation-delay: 0.1s;
}
.delay-1000 {
  animation-delay: 1s;
}
.delay-150 {
  animation-delay: 0.15s;
}
.delay-300 {
  animation-delay: 0.3s;
}
.ease-in {
  animation-timing-function: cubic-bezier(0.64, 0, 0.78, 0);
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
}
.ease-out {
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
.running {
  animation-play-state: running;
}
.paused {
  animation-play-state: paused;
}
.fill-mode-forwards {
  animation-fill-mode: forwards;
}
.clip-path-polygon-\[110px_0\%\2c _100\%_0\%\2c _100\%_100\%\2c _0\%_100\%\] {
  -webkit-clip-path: polygon(110px 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(110px 0, 100% 0, 100% 100%, 0 100%);
}
.scrollbar-none {
  scrollbar-width: none;
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.tap-highlight-none {
  -webkit-tap-highlight-color: transparent;
}
.debug > * {
  outline: 2px dashed green;
}
.debug > * > * {
  outline: 2px dashed tomato;
}
.debug > * > * > * {
  outline: 2px dashed #00bfff;
}
.debug > * > * > * > * {
  outline: 2px dashed #ff1493;
}
.debug > * > * > * > * > * {
  outline: 2px dashed #7b68ee;
}
.debug > * > * > * > * > * * {
  outline: 2px dashed #000;
}
.\[-webkit-text-stroke\:_1\.25px_black\] {
  -webkit-text-stroke: 1.25px #000;
}
.\[text-shadow\:_0_0_13px_var\(--tw-shadow-color\)\] {
  text-shadow: 0 0 13px var(--tw-shadow-color);
}
.\[text-shadow\:_0_2px_0_rgb\(0_0_0_\/_40\%\)\] {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
}
.placeholder\:font-medium::-moz-placeholder {
  font-weight: 500;
}
.placeholder\:font-medium::placeholder {
  font-weight: 500;
}
.placeholder\:text-disabled::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(119 129 143 / var(--tw-text-opacity));
}
.placeholder\:text-disabled::placeholder {
  --tw-text-opacity: 1;
  color: rgb(119 129 143 / var(--tw-text-opacity));
}
.placeholder\:text-v2-content-secondary::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(152 152 157 / var(--tw-text-opacity));
}
.placeholder\:text-v2-content-secondary::placeholder {
  --tw-text-opacity: 1;
  color: rgb(152 152 157 / var(--tw-text-opacity));
}
.placeholder\:text-v2-content-tertiary::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(132 132 134 / var(--tw-text-opacity));
}
.placeholder\:text-v2-content-tertiary::placeholder {
  --tw-text-opacity: 1;
  color: rgb(132 132 134 / var(--tw-text-opacity));
}
.backdrop\:border::backdrop {
  border-width: 1px;
}
.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-y-none:before {
  content: var(--tw-content);
  top: 0;
  bottom: 0;
}
.before\:left-none:before {
  content: var(--tw-content);
  left: 0;
}
.before\:z-5:before {
  content: var(--tw-content);
  z-index: 5;
}
.before\:w-\[5px\]:before {
  content: var(--tw-content);
  width: 5px;
}
.before\:bg-gradient-to-r:before {
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.before\:from-background-primary:before {
  content: var(--tw-content);
  --tw-gradient-from: #141924 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(20, 25, 36, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:from-v2-background-primary:before {
  content: var(--tw-content);
  --tw-gradient-from: #101114 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(16, 17, 20, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:to-transparent:before {
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.before\:content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content);
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-none:after {
  content: var(--tw-content);
  inset: 0;
}
.after\:inset-y-none:after {
  content: var(--tw-content);
  top: 0;
  bottom: 0;
}
.after\:right-none:after {
  content: var(--tw-content);
  right: 0;
}
.after\:z-5:after {
  content: var(--tw-content);
  z-index: 5;
}
.after\:hidden:after {
  content: var(--tw-content);
  display: none;
}
.after\:w-\[5px\]:after {
  content: var(--tw-content);
  width: 5px;
}
.after\:-translate-x-full:after,
.after\:translate-x-\[-100\%\]:after {
  content: var(--tw-content);
  --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));
}
@keyframes shimmer {
  to {
    content: var(--tw-content);
    transform: translateX(100%);
  }
}
.after\:animate-shimmer:after {
  content: var(--tw-content);
  animation: shimmer 1s linear infinite;
}
.after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 99999px;
}
.after\:bg-gradient-to-l:after {
  content: var(--tw-content);
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.after\:bg-skeleton:after {
  content: var(--tw-content);
  background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.05) 20%,
    hsla(0, 0%, 100%, 0.1) 60%,
    hsla(0, 0%, 100%, 0)
  );
}
.after\:from-background-primary:after {
  content: var(--tw-content);
  --tw-gradient-from: #141924 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(20, 25, 36, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.after\:from-v2-background-primary:after {
  content: var(--tw-content);
  --tw-gradient-from: #101114 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(16, 17, 20, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.after\:to-transparent:after {
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.after\:opacity-0:after {
  content: var(--tw-content);
  opacity: 0;
}
.after\:opacity-100:after {
  content: var(--tw-content);
  opacity: 1;
}
.after\:shadow-\[0_0_10px\]:after {
  --tw-shadow: 0 0 10px;
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
}
.after\:shadow-\[0_0_10px\]:after,
.after\:shadow-none:after {
  content: var(--tw-content);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.after\:shadow-none:after {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
.after\:shadow-green-primary:after {
  content: var(--tw-content);
  --tw-shadow-color: #19c84a;
  --tw-shadow: var(--tw-shadow-colored);
}
.after\:transition-all:after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.after\:duration-500:after {
  transition-duration: 0.5s;
}
.after\:content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content);
}
.after\:duration-500:after {
  content: var(--tw-content);
  animation-duration: 0.5s;
}
.first\:ml-none:first-child {
  margin-left: 0;
}
.first\:border-t:first-child {
  border-top-width: 1px;
}
.last\:mr-none:last-child {
  margin-right: 0;
}
.last\:border-0:last-child {
  border-width: 0;
}
.last\:border-none:last-child {
  border-style: none;
}
.last-of-type\:mr-none:last-of-type {
  margin-right: 0;
}
.focus-within\:border-contrast-low:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(78 87 106 / var(--tw-border-opacity));
}
.focus-within\:border-disabled:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(119 129 143 / var(--tw-border-opacity));
}
.group:hover .group-hover\:left-1\/2 {
  left: 50%;
}
.group:hover .group-hover\:left-\[10\%\] {
  left: 10%;
}
.group:hover .group-hover\:left-\[27\%\] {
  left: 27%;
}
.group:hover .group-hover\:right-\[-18px\] {
  right: -18px;
}
.group:hover .group-hover\:w-\[36px\] {
  width: 36px;
}
.group:hover .group-hover\:w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.group:hover .group-hover\:-translate-x-none {
  --tw-translate-x: 0;
}
.group:hover .group-hover\:-translate-x-none,
.group:hover .group-hover\:-translate-y-sm {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-translate-y-sm {
  --tw-translate-y: -12px;
}
.group:hover .group-hover\:translate-x-\[-100px\] {
  --tw-translate-x: -100px;
}
.group:hover .group-hover\:translate-x-\[-100px\],
.group:hover .group-hover\:translate-x-\[60px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-\[60px\] {
  --tw-translate-x: 60px;
}
.group:hover .group-hover\:translate-y-none {
  --tw-translate-y: 0;
}
.group:hover .group-hover\:scale-100,
.group:hover .group-hover\:translate-y-none {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}
.group:hover .group-hover\:scale-105,
.group:hover .group-hover\:scale-\[1\.02\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
}
.group:hover .group-hover\:border-background-quaternary {
  --tw-border-opacity: 1;
  border-color: rgb(63 72 90 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-background-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(47 54 69 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-contrast-low {
  --tw-border-opacity: 1;
  border-color: rgb(78 87 106 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-v2-background-quaternary {
  --tw-border-opacity: 1;
  border-color: rgb(43 44 49 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-v2-background-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(36 36 41 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-v2-border {
  --tw-border-opacity: 1;
  border-color: rgb(38 39 44 / var(--tw-border-opacity));
}
.group:hover .group-hover\:border-v2-button-secondaryHover {
  --tw-border-opacity: 1;
  border-color: rgb(53 55 65 / var(--tw-border-opacity));
}
.group:hover .group-hover\:bg-background-quaternary {
  --tw-bg-opacity: 1;
  background-color: rgb(63 72 90 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-v2-background-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 41 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-v2-button-secondaryHover {
  --tw-bg-opacity: 1;
  background-color: rgb(53 55 65 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-v2-red-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 86 86 / var(--tw-bg-opacity));
}
.group:hover .group-hover\:fill-v2-content-primary {
  fill: #fff;
}
.group:hover .group-hover\:fill-v2-content-secondary {
  fill: #98989d;
}
.group:hover .group-hover\:pr-xs {
  padding-right: 8px;
}
.group:hover .group-hover\:text-content-primary,
.group\/btn:hover .group-hover\/btn\:text-v2-content-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-v2-constants-white\/50 {
  color: hsla(0, 0%, 100%, 0.5);
}
.group:hover .group-hover\:text-v2-content-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-v2-content-secondary {
  --tw-text-opacity: 1;
  color: rgb(152 152 157 / var(--tw-text-opacity));
}
.group:hover .group-hover\:underline {
  text-decoration-line: underline;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-60 {
  opacity: 0.6;
}
.group:hover .group-hover\:opacity-70 {
  opacity: 0.7;
}
.group:hover .group-hover\:opacity-80 {
  opacity: 0.8;
}
.group:hover .group-hover\:opacity-95 {
  opacity: 0.95;
}
.group:hover .group-hover\:brightness-105 {
  --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);
}
.group:hover
  .group-hover\:placeholder\:text-v2-content-secondary::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(152 152 157 / var(--tw-text-opacity));
}
.group:hover .group-hover\:placeholder\:text-v2-content-secondary::placeholder {
  --tw-text-opacity: 1;
  color: rgb(152 152 157 / var(--tw-text-opacity));
}
.group:hover .group-hover\:first-of-type\:opacity-0:first-of-type {
  opacity: 0;
}
.group:hover .group-hover\:last-of-type\:opacity-100:last-of-type {
  opacity: 1;
}
.group:focus .group-focus\:hidden {
  display: none;
}
.group:active .group-active\:border-background-quaternary {
  --tw-border-opacity: 1;
  border-color: rgb(63 72 90 / var(--tw-border-opacity));
}
.group:active .group-active\:border-contrast-low {
  --tw-border-opacity: 1;
  border-color: rgb(78 87 106 / var(--tw-border-opacity));
}
.group:active .group-active\:border-v2-background-quaternary {
  --tw-border-opacity: 1;
  border-color: rgb(43 44 49 / var(--tw-border-opacity));
}
.group:active .group-active\:border-v2-button-secondaryHover {
  --tw-border-opacity: 1;
  border-color: rgb(53 55 65 / var(--tw-border-opacity));
}
.group:active .group-active\:text-content-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:disabled .group-disabled\:border-background-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(34 41 56 / var(--tw-border-opacity));
}
.group:disabled .group-disabled\:border-v2-background-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(30 31 36 / var(--tw-border-opacity));
}
.aria-selected\:bg-background-quaternary[aria-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(63 72 90 / var(--tw-bg-opacity));
}
.aria-selected\:bg-background-tertiary[aria-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 54 69 / var(--tw-bg-opacity));
}
.aria-selected\:bg-v2-border[aria-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 39 44 / var(--tw-bg-opacity));
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[orientation\=horizontal\]\:h-\[20px\][data-orientation="horizontal"] {
  height: 20px;
}
.data-\[orientation\=horizontal\]\:h-\[3px\][data-orientation="horizontal"] {
  height: 3px;
}
.data-\[orientation\=vertical\]\:h-\[100px\][data-orientation="vertical"] {
  height: 100px;
}
.data-\[orientation\=vertical\]\:w-\[20px\][data-orientation="vertical"] {
  width: 20px;
}
.data-\[orientation\=vertical\]\:w-\[3px\][data-orientation="vertical"] {
  width: 3px;
}
.data-\[state\=checked\]\:translate-x-\[19px\][data-state="checked"] {
  --tw-translate-x: 19px;
}
.data-\[state\=checked\]\:translate-x-\[19px\][data-state="checked"],
.data-\[state\=checked\]\:translate-x-\[20px\][data-state="checked"] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-\[20px\][data-state="checked"] {
  --tw-translate-x: 20px;
}
.data-\[state\=open\]\:translate-y-3xs[data-state="open"] {
  --tw-translate-y: 4px;
}
.data-\[state\=open\]\:scale-\[1\.03\][data-state="open"],
.data-\[state\=open\]\:translate-y-3xs[data-state="open"] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=open\]\:scale-\[1\.03\][data-state="open"] {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
}
@keyframes accordion-up {
  0% {
    height: var(--radix-accordion-content-height);
    opacity: 1;
  }
  to {
    height: 0;
    opacity: 0;
  }
}
.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
  animation: accordion-up 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1);
}
@keyframes collapsible-horizontal-closed {
  0% {
    width: var(--radix-collapsible-content-width);
  }
  to {
    width: 0;
  }
}
.data-\[state\=closed\]\:animate-collapsible-horizontal-closed[data-state="closed"] {
  animation: collapsible-horizontal-closed 0.2s ease-out;
}
@keyframes collapsible-up {
  0% {
    height: var(--radix-collapsible-content-height);
  }
  to {
    height: 0;
  }
}
.data-\[state\=closed\]\:animate-collapsible-up[data-state="closed"] {
  animation: collapsible-up 0.2s ease-out;
}
@keyframes accordion-down {
  0% {
    height: 0;
    opacity: 0;
  }
  to {
    height: var(--radix-accordion-content-height);
    opacity: 1;
  }
}
.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
  animation: accordion-down 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1);
}
@keyframes collapsible-down {
  0% {
    height: 0;
  }
  to {
    height: var(--radix-collapsible-content-height);
  }
}
.data-\[state\=open\]\:animate-collapsible-down[data-state="open"] {
  animation: collapsible-down 0.2s ease-out;
}
@keyframes collapsible-horizontal-open {
  0% {
    width: 0;
  }
  to {
    width: var(--radix-collapsible-content-width);
  }
}
.data-\[state\=open\]\:animate-collapsible-horizontal-open[data-state="open"] {
  animation: collapsible-horizontal-open 0.2s ease-out;
}
.data-\[state\=active\]\:border-b-2[data-state="active"] {
  border-bottom-width: 2px;
}
.data-\[state\=closed\]\:border-b[data-state="closed"] {
  border-bottom-width: 1px;
}
.data-\[state\=active\]\:border-brand-highlight[data-state="active"] {
  --tw-border-opacity: 1;
  border-color: rgb(252 255 107 / var(--tw-border-opacity));
}
.data-\[state\=checked\]\:border-brand-primary[data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 13 / var(--tw-border-opacity));
}
.data-\[state\=open\]\:border-transparent[data-state="open"] {
  border-color: transparent;
}
.data-\[disabled\]\:bg-transparent[data-disabled] {
  background-color: transparent;
}
.data-\[selected\=true\]\:bg-v2-blue-base[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 119 255 / var(--tw-bg-opacity));
}
.data-\[selected\=true\]\:bg-v2-border[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 39 44 / var(--tw-bg-opacity));
}
.data-\[state\=active\]\:bg-v2-background-quaternary[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 44 49 / var(--tw-bg-opacity));
}
.data-\[state\=active\]\:bg-v2-background-secondary[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 31 36 / var(--tw-bg-opacity));
}
.data-\[state\=active\]\:bg-v2-background-tertiary[data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 41 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-brand-primary[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 13 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-green-highlight[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 224 89 / var(--tw-bg-opacity));
}
.data-\[state\=checked\]\:bg-v2-green-base[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(25 200 74 / var(--tw-bg-opacity));
}
.data-\[state\=open\]\:bg-background-quaternary[data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(63 72 90 / var(--tw-bg-opacity));
}
.data-\[state\=open\]\:bg-transparent[data-state="open"] {
  background-color: transparent;
}
.data-\[state\=open\]\:bg-v2-background-secondary[data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 31 36 / var(--tw-bg-opacity));
}
.data-\[state\=open\]\:bg-v2-background-tertiary[data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 41 / var(--tw-bg-opacity));
}
.data-\[state\=open\]\:bg-v2-border[data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 39 44 / var(--tw-bg-opacity));
}
.data-\[is-active\=true\]\:font-bold[data-is-active="true"] {
  font-weight: 700;
}
.data-\[is-active\=true\]\:text-content-primary[data-is-active="true"],
.data-\[selected\=true\]\:text-v2-content-primary[data-selected="true"],
.data-\[state\=active\]\:text-content-primary[data-state="active"],
.data-\[state\=active\]\:text-v2-content-primary[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=closed\]\:opacity-0[data-state="closed"] {
  opacity: 0;
}
.data-\[state\=open\]\:opacity-100[data-state="open"] {
  opacity: 1;
}
.data-\[state\=open\]\:opacity-80[data-state="open"] {
  opacity: 0.8;
}
.data-\[state\=open\]\:shadow-none[data-state="open"] {
  --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-\[state\=open\]\:brightness-90[data-state="open"] {
  --tw-brightness: brightness(0.9);
  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);
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 0.15s;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 0.15s;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: 0.95;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: 0.95;
}
.data-\[side\=bottom\]\:slide-in-from-top-xs[data-side="bottom"] {
  --tw-enter-translate-y: -8px;
}
.data-\[side\=left\]\:slide-in-from-right-xs[data-side="left"] {
  --tw-enter-translate-x: 8px;
}
.data-\[side\=right\]\:slide-in-from-left-xs[data-side="right"] {
  --tw-enter-translate-x: -8px;
}
.data-\[side\=top\]\:slide-in-from-bottom-xs[data-side="top"] {
  --tw-enter-translate-y: 8px;
}
.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
  --tw-enter-translate-x: 100%;
}
.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-state="open"]
  .group-data-\[state\=open\]\:bg-v2-background-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 41 / var(--tw-bg-opacity));
}
.group[data-selected="true"]
  .group-data-\[selected\=true\]\:text-v2-constants-white\/50 {
  color: hsla(0, 0%, 100%, 0.5);
}
.group[data-selected="true"]
  .group-data-\[selected\=true\]\:text-v2-content-primary,
.group[data-state="open"] .group-data-\[state\=open\]\:text-v2-content-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.prose-headings\:tracking-tight
  :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"]
        *))) {
  letter-spacing: -0.025em;
}
.prose-headings\:text-content-primary
  :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"]
        *))) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.prose-headings\:text-v2-content-primary
  :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"]
        *))) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.prose-a\:text-brand-primary
  :is(:where(a):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(255 255 13 / var(--tw-text-opacity));
}
.prose-a\:text-v2-blue-base
  :is(:where(a):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(29 119 255 / var(--tw-text-opacity));
}
.prose-blockquote\:text-content-primary
  :is(:where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"]
        *))) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.prose-code\:text-v2-content-primary
  :is(:where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:z-1:hover {
  z-index: 1;
}
.hover\:-translate-y-xs:hover {
  --tw-translate-y: -8px;
}
.hover\:-translate-y-xs:hover,
.hover\:scale-100:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-100:hover {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}
.hover\:scale-105:hover,
.hover\:scale-110:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
}
.hover\:scale-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
}
.hover\:scale-\[1\.01\]:hover,
.hover\:scale-\[1\.02\]:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
}
.hover\:scale-\[1\.03\]:hover {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
}
.hover\:scale-\[1\.03\]:hover,
.hover\:scale-\[1\.1\]:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.1\]:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
}
.hover\:cursor-default:hover {
  cursor: default;
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:space-x-\[-80px\]:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-80px * var(--tw-space-x-reverse));
  margin-left: calc(-80px * calc(1 - var(--tw-space-x-reverse)));
}
.hover\:overflow-y-auto:hover {
  overflow-y: auto;
}
.hover\:rounded-md:hover {
  border-radius: 13px;
}
.hover\:border-background-quaternary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(63 72 90 / var(--tw-border-opacity));
}
.hover\:border-background-tertiary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(47 54 69 / var(--tw-border-opacity));
}
.hover\:border-content-tertiary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(148 158 170 / var(--tw-border-opacity));
}
.hover\:border-contrast-low:hover {
  --tw-border-opacity: 1;
  border-color: rgb(78 87 106 / var(--tw-border-opacity));
}
.hover\:border-disabled:hover {
  --tw-border-opacity: 1;
  border-color: rgb(119 129 143 / var(--tw-border-opacity));
}
.hover\:border-streak-daily-highlight:hover {
  --tw-border-opacity: 1;
  border-color: rgb(104 74 74 / var(--tw-border-opacity));
}
.hover\:border-streak-monthly-highlight:hover {
  --tw-border-opacity: 1;
  border-color: rgb(89 61 102 / var(--tw-border-opacity));
}
.hover\:border-streak-weekly-highlight:hover {
  --tw-border-opacity: 1;
  border-color: rgb(60 83 97 / var(--tw-border-opacity));
}
.hover\:border-transparent:hover {
  border-color: transparent;
}
.hover\:border-v2-background-quaternary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(43 44 49 / var(--tw-border-opacity));
}
.hover\:border-v2-background-tertiary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(36 36 41 / var(--tw-border-opacity));
}
.hover\:border-v2-button-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(44 45 53 / var(--tw-border-opacity));
}
.hover\:\!bg-background-quaternary:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(63 72 90 / var(--tw-bg-opacity)) !important;
}
.hover\:\!bg-v2-button-secondaryHover:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(53 55 65 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-\[\#0f0f10\]\/20:hover {
  background-color: rgba(15, 15, 16, 0.2);
}
.hover\:bg-background-quaternary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(63 72 90 / var(--tw-bg-opacity));
}
.hover\:bg-background-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 41 56 / var(--tw-bg-opacity));
}
.hover\:bg-background-secondary\/20:hover {
  background-color: rgba(34, 41, 56, 0.2);
}
.hover\:bg-background-secondary\/80:hover {
  background-color: rgba(34, 41, 56, 0.8);
}
.hover\:bg-background-tertiary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 54 69 / var(--tw-bg-opacity));
}
.hover\:bg-brand-highlight:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 255 107 / var(--tw-bg-opacity));
}
.hover\:bg-contrast-low:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(78 87 106 / var(--tw-bg-opacity));
}
.hover\:bg-focus:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(93 102 120 / var(--tw-bg-opacity));
}
.hover\:bg-red-highlight:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 75 75 / var(--tw-bg-opacity));
}
.hover\:bg-streak-daily-highlight:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(104 74 74 / var(--tw-bg-opacity));
}
.hover\:bg-streak-monthly-highlight:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(89 61 102 / var(--tw-bg-opacity));
}
.hover\:bg-streak-weekly-highlight:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(60 83 97 / var(--tw-bg-opacity));
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-v2-background-quaternary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(43 44 49 / var(--tw-bg-opacity));
}
.hover\:bg-v2-background-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 31 36 / var(--tw-bg-opacity));
}
.hover\:bg-v2-background-tertiary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 41 / var(--tw-bg-opacity));
}
.hover\:bg-v2-blue-base:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 119 255 / var(--tw-bg-opacity));
}
.hover\:bg-v2-blue-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(56 135 255 / var(--tw-bg-opacity));
}
.hover\:bg-v2-border:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(38 39 44 / var(--tw-bg-opacity));
}
.hover\:bg-v2-button-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(44 45 53 / var(--tw-bg-opacity));
}
.hover\:bg-v2-button-secondaryHover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(53 55 65 / var(--tw-bg-opacity));
}
.hover\:bg-v2-green-base:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(25 200 74 / var(--tw-bg-opacity));
}
.hover\:bg-v2-red-base:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 69 58 / var(--tw-bg-opacity));
}
.hover\:bg-v2-red-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 86 86 / var(--tw-bg-opacity));
}
.hover\:fill-content-secondary:hover {
  fill: #bdc1c7;
}
.hover\:text-brand-highlight:hover {
  --tw-text-opacity: 1;
  color: rgb(252 255 107 / var(--tw-text-opacity));
}
.hover\:text-content-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-content-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(189 193 199 / var(--tw-text-opacity));
}
.hover\:text-v2-content-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-v2-content-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(152 152 157 / var(--tw-text-opacity));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.hover\:shadow-background-quaternary:hover {
  --tw-shadow-color: #3f485a;
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-contrast-high\/25:hover {
  --tw-shadow-color: rgba(0, 0, 0, 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
}
.hover\:brightness-110:hover,
.hover\:brightness-125:hover {
  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-125:hover {
  --tw-brightness: brightness(1.25);
}
.hover\:brightness-75:hover {
  --tw-brightness: brightness(0.75);
}
.hover\:brightness-75:hover,
.hover\:brightness-90:hover {
  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-90:hover {
  --tw-brightness: brightness(0.9);
}
.group:hover .group-hover\:hover\:opacity-100:hover {
  opacity: 1;
}
.group:hover .group-hover\:hover\:opacity-80:hover {
  opacity: 0.8;
}
.data-\[state\=inactive\]\:hover\:text-v2-content-primary:hover[data-state="inactive"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:prose-a\:text-v2-blue-hover
  :is(:where(a):not(:where([class~="not-prose"], [class~="not-prose"]
        *))):hover {
  --tw-text-opacity: 1;
  color: rgb(56 135 255 / var(--tw-text-opacity));
}
.focus\:border-background-quaternary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(63 72 90 / var(--tw-border-opacity));
}
.focus\:border-red-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(239 56 81 / var(--tw-border-opacity));
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.focus\:border-v2-background-tertiary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(36 36 41 / var(--tw-border-opacity));
}
.focus\:bg-background-quaternary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(63 72 90 / var(--tw-bg-opacity));
}
.focus\:bg-contrast-low:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(78 87 106 / var(--tw-bg-opacity));
}
.focus\:bg-v2-border:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(38 39 44 / var(--tw-bg-opacity));
}
.focus\:shadow-sm:focus {
  --tw-shadow: 0 1px 2px 0 rgba(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);
}
.focus\:outline-0:focus {
  outline-width: 0;
}
.active\:z-1:active {
  z-index: 1;
}
.active\:\!translate-y-\[2px\]:active {
  --tw-translate-y: 2px !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;
}
.active\:translate-y-3xs:active {
  --tw-translate-y: 4px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:translate-y-4xs:active,
.active\:translate-y-\[2px\]:active {
  --tw-translate-y: 2px;
}
.active\:scale-95:active,
.active\:translate-y-4xs:active,
.active\:translate-y-\[2px\]:active {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-95:active {
  --tw-scale-x: 0.95;
  --tw-scale-y: 0.95;
}
.active\:scale-\[0\.85\]:active {
  --tw-scale-x: 0.85;
  --tw-scale-y: 0.85;
}
.active\:scale-\[0\.85\]:active,
.active\:scale-\[0\.98\]:active {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.98\]:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
}
.active\:scale-\[0\.99\]:active {
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:transform-none:active {
  transform: none;
}
.active\:cursor-move:active {
  cursor: move;
}
.active\:border-background-quaternary:active {
  --tw-border-opacity: 1;
  border-color: rgb(63 72 90 / var(--tw-border-opacity));
}
.active\:border-contrast-low:active {
  --tw-border-opacity: 1;
  border-color: rgb(78 87 106 / var(--tw-border-opacity));
}
.active\:border-red-primary:active {
  --tw-border-opacity: 1;
  border-color: rgb(239 56 81 / var(--tw-border-opacity));
}
.active\:border-transparent:active {
  border-color: transparent;
}
.active\:border-v2-background-quaternary:active {
  --tw-border-opacity: 1;
  border-color: rgb(43 44 49 / var(--tw-border-opacity));
}
.active\:border-v2-background-tertiary:active {
  --tw-border-opacity: 1;
  border-color: rgb(36 36 41 / var(--tw-border-opacity));
}
.active\:border-v2-button-secondary:active {
  --tw-border-opacity: 1;
  border-color: rgb(44 45 53 / var(--tw-border-opacity));
}
.active\:bg-background-quaternary:active {
  --tw-bg-opacity: 1;
  background-color: rgb(63 72 90 / var(--tw-bg-opacity));
}
.active\:bg-background-tertiary:active {
  --tw-bg-opacity: 1;
  background-color: rgb(47 54 69 / var(--tw-bg-opacity));
}
.active\:bg-transparent:active {
  background-color: transparent;
}
.active\:bg-v2-background-tertiary:active {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 41 / var(--tw-bg-opacity));
}
.active\:bg-v2-blue-active:active {
  --tw-bg-opacity: 1;
  background-color: rgb(10 108 255 / var(--tw-bg-opacity));
}
.active\:bg-v2-border:active {
  --tw-bg-opacity: 1;
  background-color: rgb(38 39 44 / var(--tw-bg-opacity));
}
.active\:bg-v2-button-secondary:active {
  --tw-bg-opacity: 1;
  background-color: rgb(44 45 53 / var(--tw-bg-opacity));
}
.active\:bg-v2-button-secondaryHover:active {
  --tw-bg-opacity: 1;
  background-color: rgb(53 55 65 / var(--tw-bg-opacity));
}
.active\:bg-v2-red-active:active {
  --tw-bg-opacity: 1;
  background-color: rgb(198 52 52 / var(--tw-bg-opacity));
}
.active\:opacity-80:active {
  opacity: 0.8;
}
.active\:shadow-none:active {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
.active\:shadow-none:active,
.active\:shadow-sm:active {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:shadow-sm:active {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.active\:shadow-content-primary:active {
  --tw-shadow-color: #fff;
  --tw-shadow: var(--tw-shadow-colored);
}
.active\:shadow-contrast-high\/25:active {
  --tw-shadow-color: rgba(0, 0, 0, 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-auto:disabled {
  cursor: auto;
}
.disabled\:cursor-default:disabled {
  cursor: default;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:justify-start:disabled {
  justify-content: flex-start;
}
.disabled\:border-background-secondary:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(34 41 56 / var(--tw-border-opacity));
}
.disabled\:border-v2-background-secondary:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(30 31 36 / var(--tw-border-opacity));
}
.disabled\:bg-background-secondary:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(34 41 56 / var(--tw-bg-opacity));
}
.disabled\:bg-background-tertiary:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(47 54 69 / var(--tw-bg-opacity));
}
.disabled\:bg-lavender-primary\/10:disabled {
  background-color: rgba(219, 131, 242, 0.1);
}
.disabled\:bg-transparent:disabled {
  background-color: transparent;
}
.disabled\:bg-v2-background-secondary:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(30 31 36 / var(--tw-bg-opacity));
}
.disabled\:bg-v2-background-tertiary:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 41 / var(--tw-bg-opacity));
}
.disabled\:bg-v2-border:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(38 39 44 / var(--tw-bg-opacity));
}
.disabled\:from-v2-background-secondary:disabled {
  --tw-gradient-from: #1e1f24 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(30, 31, 36, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.disabled\:to-v2-background-secondary:disabled {
  --tw-gradient-to: #1e1f24 var(--tw-gradient-to-position);
}
.disabled\:pl-none:disabled {
  padding-left: 0;
}
.disabled\:text-content-primary:disabled {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.disabled\:text-content-tertiary:disabled {
  --tw-text-opacity: 1;
  color: rgb(148 158 170 / var(--tw-text-opacity));
}
.disabled\:text-focus:disabled {
  --tw-text-opacity: 1;
  color: rgb(93 102 120 / var(--tw-text-opacity));
}
.disabled\:text-v2-content-tertiary:disabled {
  --tw-text-opacity: 1;
  color: rgb(132 132 134 / var(--tw-text-opacity));
}
.disabled\:opacity-0:disabled {
  opacity: 0;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.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);
}
.disabled\:hover\:text-v2-content-tertiary:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(132 132 134 / var(--tw-text-opacity));
}
.disabled\:hover\:opacity-100:hover:disabled {
  opacity: 1;
}
@media (max-width: 1440px) {
  .desktop\:h-\[330px\] {
    height: 330px;
  }
  .desktop\:h-\[338px\] {
    height: 338px;
  }
  .desktop\:h-\[396px\] {
    height: 396px;
  }
  .desktop\:h-\[518px\] {
    height: 518px;
  }
  .desktop\:w-\[556px\] {
    width: 556px;
  }
  .desktop\:max-w-\[814px\] {
    max-width: 814px;
  }
  .desktop\:gap-md {
    gap: 16px;
  }
  .desktop\:p-lg {
    padding: 24px;
  }
  .desktop\:px-\[128px\] {
    padding-left: 128px;
    padding-right: 128px;
  }
  .desktop\:text-\[36px\] {
    font-size: 36px;
  }
  .desktop\:text-\[54px\] {
    font-size: 54px;
  }
  .desktop\:text-\[92px\] {
    font-size: 92px;
  }
  .desktop\:text-lg {
    font-size: 28px;
  }
  .desktop\:text-sm {
    font-size: 20px;
  }
  .desktop\:text-xs {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .tablet\:static {
    position: static;
  }
  .tablet\:bottom-\[-140\%\] {
    bottom: -140%;
  }
  .tablet\:left-\[-10px\] {
    left: -10px;
  }
  .tablet\:right-\[-100\%\] {
    right: -100%;
  }
  .tablet\:right-\[-136px\] {
    right: -136px;
  }
  .tablet\:right-\[-140\%\] {
    right: -140%;
  }
  .tablet\:right-\[-185\%\] {
    right: -185%;
  }
  .tablet\:right-\[-200px\] {
    right: -200px;
  }
  .tablet\:right-\[-36px\] {
    right: -36px;
  }
  .tablet\:right-\[-60px\] {
    right: -60px;
  }
  .tablet\:top-\[-10px\] {
    top: -10px;
  }
  .tablet\:top-\[-30\%\] {
    top: -30%;
  }
  .tablet\:top-\[-96px\] {
    top: -96px;
  }
  .tablet\:top-\[48px\] {
    top: 48px;
  }
  .tablet\:top-\[84px\] {
    top: 84px;
  }
  .tablet\:top-\[96px\] {
    top: 96px;
  }
  .tablet\:order-2 {
    order: 2;
  }
  .tablet\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .tablet\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .tablet\:mb-sm {
    margin-bottom: 12px;
  }
  .tablet\:ml-none {
    margin-left: 0;
  }
  .tablet\:mr-none {
    margin-right: 0;
  }
  .tablet\:mt-xxs {
    margin-top: 6px;
  }
  .tablet\:line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .tablet\:block {
    display: block;
  }
  .tablet\:inline {
    display: inline;
  }
  .tablet\:flex {
    display: flex;
  }
  .tablet\:inline-flex {
    display: inline-flex;
  }
  .tablet\:grid {
    display: grid;
  }
  .tablet\:hidden {
    display: none;
  }
  .tablet\:aspect-\[3\/2\] {
    aspect-ratio: 3/2;
  }
  .tablet\:aspect-\[5\/4\] {
    aspect-ratio: 5/4;
  }
  .tablet\:aspect-auto {
    aspect-ratio: auto;
  }
  .tablet\:h-\[100px\] {
    height: 100px;
  }
  .tablet\:h-\[140px\] {
    height: 140px;
  }
  .tablet\:h-\[162px\] {
    height: 162px;
  }
  .tablet\:h-\[1px\] {
    height: 1px;
  }
  .tablet\:h-\[200px\] {
    height: 200px;
  }
  .tablet\:h-\[350px\] {
    height: 350px;
  }
  .tablet\:h-\[40px\] {
    height: 40px;
  }
  .tablet\:h-\[600px\] {
    height: 600px;
  }
  .tablet\:h-auto {
    height: auto;
  }
  .tablet\:h-none {
    height: 0;
  }
  .tablet\:w-2\/3 {
    width: 66.666667%;
  }
  .tablet\:w-\[100px\] {
    width: 100px;
  }
  .tablet\:w-\[110px\] {
    width: 110px;
  }
  .tablet\:w-\[115vw\] {
    width: 115vw;
  }
  .tablet\:w-\[118px\] {
    width: 118px;
  }
  .tablet\:w-\[120px\] {
    width: 120px;
  }
  .tablet\:w-\[134px\] {
    width: 134px;
  }
  .tablet\:w-\[144px\] {
    width: 144px;
  }
  .tablet\:w-\[148px\] {
    width: 148px;
  }
  .tablet\:w-\[150px\] {
    width: 150px;
  }
  .tablet\:w-\[168px\] {
    width: 168px;
  }
  .tablet\:w-\[180px\] {
    width: 180px;
  }
  .tablet\:w-\[184px\] {
    width: 184px;
  }
  .tablet\:w-\[222px\] {
    width: 222px;
  }
  .tablet\:w-\[40px\] {
    width: 40px;
  }
  .tablet\:w-\[44px\] {
    width: 44px;
  }
  .tablet\:w-\[60px\] {
    width: 60px;
  }
  .tablet\:w-\[68px\] {
    width: 68px;
  }
  .tablet\:w-\[76px\] {
    width: 76px;
  }
  .tablet\:w-\[78px\] {
    width: 78px;
  }
  .tablet\:w-full {
    width: 100%;
  }
  .tablet\:w-lg {
    width: 24px;
  }
  .tablet\:w-xl {
    width: 32px;
  }
  .tablet\:min-w-\[320px\] {
    min-width: 320px;
  }
  .tablet\:max-w-\[115vw\] {
    max-width: 115vw;
  }
  .tablet\:max-w-\[128px\] {
    max-width: 128px;
  }
  .tablet\:max-w-\[164px\] {
    max-width: 164px;
  }
  .tablet\:max-w-\[80px\] {
    max-width: 80px;
  }
  .tablet\:max-w-none {
    max-width: none;
  }
  .tablet\:grow {
    flex-grow: 1;
  }
  @keyframes slideInLeftGentle {
    0% {
      opacity: 0;
      transform: translateX(-16px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .tablet\:animate-slideInLeftGentle {
    animation: slideInLeftGentle 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  @keyframes slideInRightGentle {
    0% {
      opacity: 0;
      transform: translateX(16px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .tablet\:animate-slideInRightGentle {
    animation: slideInRightGentle 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .tablet\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tablet\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tablet\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tablet\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .tablet\:flex-row {
    flex-direction: row;
  }
  .tablet\:flex-col {
    flex-direction: column;
  }
  .tablet\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .tablet\:flex-wrap {
    flex-wrap: wrap;
  }
  .tablet\:items-start {
    align-items: flex-start;
  }
  .tablet\:items-center {
    align-items: center;
  }
  .tablet\:justify-start {
    justify-content: flex-start;
  }
  .tablet\:justify-center {
    justify-content: center;
  }
  .tablet\:justify-between {
    justify-content: space-between;
  }
  .tablet\:gap-3xs {
    gap: 4px;
  }
  .tablet\:gap-\[10px\] {
    gap: 10px;
  }
  .tablet\:gap-\[14px\] {
    gap: 14px;
  }
  .tablet\:gap-\[clamp\(2px\2c 0\.75vw\2c _8px\)\] {
    gap: clamp(2px, 0.75vw, 8px);
  }
  .tablet\:gap-md {
    gap: 16px;
  }
  .tablet\:gap-none {
    gap: 0;
  }
  .tablet\:gap-xl {
    gap: 32px;
  }
  .tablet\:gap-xs {
    gap: 8px;
  }
  .tablet\:divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  }
  .tablet\:rounded-none {
    border-radius: 0;
  }
  .tablet\:border-b {
    border-bottom-width: 1px;
  }
  .tablet\:border-l-0 {
    border-left-width: 0;
  }
  .tablet\:border-background-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(34 41 56 / var(--tw-border-opacity));
  }
  .tablet\:p-xxl {
    padding: 36px;
  }
  .tablet\:px-\[64px\] {
    padding-left: 64px;
    padding-right: 64px;
  }
  .tablet\:px-lg {
    padding-left: 24px;
    padding-right: 24px;
  }
  .tablet\:px-md {
    padding-left: 16px;
    padding-right: 16px;
  }
  .tablet\:px-none {
    padding-left: 0;
    padding-right: 0;
  }
  .tablet\:px-sm {
    padding-left: 12px;
    padding-right: 12px;
  }
  .tablet\:px-xxl {
    padding-left: 36px;
    padding-right: 36px;
  }
  .tablet\:py-md {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .tablet\:py-sm {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .tablet\:py-xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .tablet\:py-xs {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .tablet\:pr-md {
    padding-right: 16px;
  }
  .tablet\:pr-none {
    padding-right: 0;
  }
  .tablet\:pt-lg {
    padding-top: 24px;
  }
  .tablet\:text-center {
    text-align: center;
  }
  .tablet\:text-3xs {
    font-size: 14px;
  }
  .tablet\:text-4xs {
    font-size: 12px;
  }
  .tablet\:text-base {
    font-size: 16px;
  }
  .tablet\:text-lg {
    font-size: 28px;
  }
  .tablet\:text-md {
    font-size: 24px;
  }
  .tablet\:text-xl {
    font-size: 32px;
  }
  .tablet\:text-xs {
    font-size: 18px;
  }
  .tablet\:text-xxl {
    font-size: 48px;
  }
  .tablet\:text-xxs {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .mobile\:static {
    position: static;
  }
  .mobile\:absolute {
    position: absolute;
  }
  .mobile\:\!bottom-auto {
    bottom: auto !important;
  }
  .mobile\:\!top-\[calc\(12px-6px\)\] {
    top: calc(12px - 6px) !important;
  }
  .mobile\:\!top-lg {
    top: 24px !important;
  }
  .mobile\:bottom-\[-100px\] {
    bottom: -100px;
  }
  .mobile\:bottom-\[72px\] {
    bottom: 72px;
  }
  .mobile\:bottom-md {
    bottom: 16px;
  }
  .mobile\:bottom-none {
    bottom: 0;
  }
  .mobile\:left-\[-17px\] {
    left: -17px;
  }
  .mobile\:left-\[-20px\] {
    left: -20px;
  }
  .mobile\:left-\[-40px\] {
    left: -40px;
  }
  .mobile\:left-\[-80px\] {
    left: -80px;
  }
  .mobile\:left-\[32px\] {
    left: 32px;
  }
  .mobile\:left-\[50px\] {
    left: 50px;
  }
  .mobile\:left-auto {
    left: auto;
  }
  .mobile\:left-md {
    left: 16px;
  }
  .mobile\:left-xs {
    left: 8px;
  }
  .mobile\:right-\[-14px\] {
    right: -14px;
  }
  .mobile\:right-\[-170px\] {
    right: -170px;
  }
  .mobile\:right-\[-176px\] {
    right: -176px;
  }
  .mobile\:right-\[-200px\] {
    right: -200px;
  }
  .mobile\:right-\[-20px\] {
    right: -20px;
  }
  .mobile\:right-\[-300px\] {
    right: -300px;
  }
  .mobile\:right-\[-50px\] {
    right: -50px;
  }
  .mobile\:right-\[-80px\] {
    right: -80px;
  }
  .mobile\:right-md {
    right: 16px;
  }
  .mobile\:right-none {
    right: 0;
  }
  .mobile\:right-xs {
    right: 8px;
  }
  .mobile\:top-1\/2 {
    top: 50%;
  }
  .mobile\:top-\[-60px\] {
    top: -60px;
  }
  .mobile\:top-\[10px\] {
    top: 10px;
  }
  .mobile\:top-\[200px\] {
    top: 200px;
  }
  .mobile\:top-\[20px\] {
    top: 20px;
  }
  .mobile\:top-\[calc\(25\%-20px\)\] {
    top: calc(25% - 20px);
  }
  .mobile\:top-\[calc\(45\%-20px\)\] {
    top: calc(45% - 20px);
  }
  .mobile\:top-md {
    top: 16px;
  }
  .mobile\:top-xxl {
    top: 36px;
  }
  .mobile\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .mobile\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .mobile\:m-none {
    margin: 0;
  }
  .mobile\:-mx-md {
    margin-left: -16px;
    margin-right: -16px;
  }
  .mobile\:mx-md {
    margin-left: 16px;
    margin-right: 16px;
  }
  .mobile\:mx-xs {
    margin-left: 8px;
    margin-right: 8px;
  }
  .mobile\:my-\[-100px\] {
    margin-top: -100px;
    margin-bottom: -100px;
  }
  .mobile\:-mt-lg {
    margin-top: -24px;
  }
  .mobile\:-mt-xl {
    margin-top: -32px;
  }
  .mobile\:mb-3xs {
    margin-bottom: 4px;
  }
  .mobile\:mb-\[-30\%\] {
    margin-bottom: -30%;
  }
  .mobile\:mb-none {
    margin-bottom: 0;
  }
  .mobile\:mb-sm {
    margin-bottom: 12px;
  }
  .mobile\:mb-xl {
    margin-bottom: 32px;
  }
  .mobile\:ml-\[0px\] {
    margin-left: 0;
  }
  .mobile\:ml-md {
    margin-left: 16px;
  }
  .mobile\:mr-\[40px\] {
    margin-right: 40px;
  }
  .mobile\:mt-3xl {
    margin-top: 48px;
  }
  .mobile\:mt-3xs {
    margin-top: 4px;
  }
  .mobile\:mt-\[-1px\] {
    margin-top: -1px;
  }
  .mobile\:mt-\[-30\%\] {
    margin-top: -30%;
  }
  .mobile\:mt-\[124px\] {
    margin-top: 124px;
  }
  .mobile\:mt-lg {
    margin-top: 24px;
  }
  .mobile\:mt-md {
    margin-top: 16px;
  }
  .mobile\:mt-none {
    margin-top: 0;
  }
  .mobile\:mt-sm {
    margin-top: 12px;
  }
  .mobile\:mt-xl {
    margin-top: 32px;
  }
  .mobile\:mt-xxs {
    margin-top: 6px;
  }
  .mobile\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .mobile\:block {
    display: block;
  }
  .mobile\:inline-block {
    display: inline-block;
  }
  .mobile\:inline {
    display: inline;
  }
  .mobile\:flex {
    display: flex;
  }
  .mobile\:grid {
    display: grid;
  }
  .mobile\:hidden {
    display: none;
  }
  .mobile\:h-1\/2 {
    height: 50%;
  }
  .mobile\:h-3xl {
    height: 48px;
  }
  .mobile\:h-\[100px\] {
    height: 100px;
  }
  .mobile\:h-\[110px\] {
    height: 110px;
  }
  .mobile\:h-\[120px\] {
    height: 120px;
  }
  .mobile\:h-\[132px\] {
    height: 132px;
  }
  .mobile\:h-\[140px\] {
    height: 140px;
  }
  .mobile\:h-\[144px\] {
    height: 144px;
  }
  .mobile\:h-\[14px\] {
    height: 14px;
  }
  .mobile\:h-\[150px\] {
    height: 150px;
  }
  .mobile\:h-\[171px\] {
    height: 171px;
  }
  .mobile\:h-\[180px\] {
    height: 180px;
  }
  .mobile\:h-\[20px\] {
    height: 20px;
  }
  .mobile\:h-\[230px\] {
    height: 230px;
  }
  .mobile\:h-\[237px\] {
    height: 237px;
  }
  .mobile\:h-\[269px\] {
    height: 269px;
  }
  .mobile\:h-\[272px\] {
    height: 272px;
  }
  .mobile\:h-\[27px\] {
    height: 27px;
  }
  .mobile\:h-\[300px\] {
    height: 300px;
  }
  .mobile\:h-\[30px\] {
    height: 30px;
  }
  .mobile\:h-\[320px\] {
    height: 320px;
  }
  .mobile\:h-\[340px\] {
    height: 340px;
  }
  .mobile\:h-\[36px\] {
    height: 36px;
  }
  .mobile\:h-\[39px\] {
    height: 39px;
  }
  .mobile\:h-\[40px\] {
    height: 40px;
  }
  .mobile\:h-\[443px\] {
    height: 443px;
  }
  .mobile\:h-\[480px\] {
    height: 480px;
  }
  .mobile\:h-\[500px\] {
    height: 500px;
  }
  .mobile\:h-\[519px\] {
    height: 519px;
  }
  .mobile\:h-\[56\.1px\] {
    height: 56.1px;
  }
  .mobile\:h-\[600px\] {
    height: 600px;
  }
  .mobile\:h-\[60px\] {
    height: 60px;
  }
  .mobile\:h-\[64px\] {
    height: 64px;
  }
  .mobile\:h-\[65svh\] {
    height: 65svh;
  }
  .mobile\:h-\[70px\] {
    height: 70px;
  }
  .mobile\:h-\[77px\] {
    height: 77px;
  }
  .mobile\:h-\[80px\] {
    height: 80px;
  }
  .mobile\:h-\[80svh\] {
    height: 80svh;
  }
  .mobile\:h-\[88px\] {
    height: 88px;
  }
  .mobile\:h-\[90px\] {
    height: 90px;
  }
  .mobile\:h-\[calc\(100dvh-72px\)\] {
    height: calc(100dvh - 72px);
  }
  .mobile\:h-\[calc\(100dvh-var\(--quest-header-height-v2\)-var\(--quest-footer-height\)\)\] {
    height: calc(
      100dvh - var(--quest-header-height-v2) - var(--quest-footer-height)
    );
  }
  .mobile\:h-auto {
    height: auto;
  }
  .mobile\:h-full {
    height: 100%;
  }
  .mobile\:h-landscape-card {
    height: var(--landscape-card-height);
  }
  .mobile\:h-landscape-card-v2 {
    height: var(--landscape-card-height-v2);
  }
  .mobile\:h-lg {
    height: 24px;
  }
  .mobile\:h-md {
    height: 16px;
  }
  .mobile\:h-mobile-card {
    height: var(--mobile-card-height);
  }
  .mobile\:h-screen-dynamic {
    height: 100dvh;
  }
  .mobile\:h-sm {
    height: 12px;
  }
  .mobile\:h-xl {
    height: 32px;
  }
  .mobile\:h-xxl {
    height: 36px;
  }
  .mobile\:max-h-\[217px\] {
    max-height: 217px;
  }
  .mobile\:max-h-\[340px\] {
    max-height: 340px;
  }
  .mobile\:max-h-\[calc\(100dvh-70px\)\] {
    max-height: calc(100dvh - 70px);
  }
  .mobile\:max-h-screen {
    max-height: 100vh;
  }
  .mobile\:max-h-screen-dynamic {
    max-height: 100dvh;
  }
  .mobile\:min-h-\[100px\] {
    min-height: 100px;
  }
  .mobile\:w-3xl {
    width: 48px;
  }
  .mobile\:w-\[100px\] {
    width: 100px;
  }
  .mobile\:w-\[110px\] {
    width: 110px;
  }
  .mobile\:w-\[120px\] {
    width: 120px;
  }
  .mobile\:w-\[130px\] {
    width: 130px;
  }
  .mobile\:w-\[14px\] {
    width: 14px;
  }
  .mobile\:w-\[150px\] {
    width: 150px;
  }
  .mobile\:w-\[180px\] {
    width: 180px;
  }
  .mobile\:w-\[200px\] {
    width: 200px;
  }
  .mobile\:w-\[28px\] {
    width: 28px;
  }
  .mobile\:w-\[300px\] {
    width: 300px;
  }
  .mobile\:w-\[30px\] {
    width: 30px;
  }
  .mobile\:w-\[36px\] {
    width: 36px;
  }
  .mobile\:w-\[39px\] {
    width: 39px;
  }
  .mobile\:w-\[40px\] {
    width: 40px;
  }
  .mobile\:w-\[480px\] {
    width: 480px;
  }
  .mobile\:w-\[48px\] {
    width: 48px;
  }
  .mobile\:w-\[50px\] {
    width: 50px;
  }
  .mobile\:w-\[60px\] {
    width: 60px;
  }
  .mobile\:w-\[64px\] {
    width: 64px;
  }
  .mobile\:w-\[70px\] {
    width: 70px;
  }
  .mobile\:w-\[73px\] {
    width: 73px;
  }
  .mobile\:w-\[80px\] {
    width: 80px;
  }
  .mobile\:w-\[90px\] {
    width: 90px;
  }
  .mobile\:w-\[calc\(100vw-32px\)\] {
    width: calc(100vw - 32px);
  }
  .mobile\:w-\[calc\(300px\*1\.11\)\] {
    width: calc(300px * 1.11);
  }
  .mobile\:w-auto {
    width: auto;
  }
  .mobile\:w-full {
    width: 100%;
  }
  .mobile\:w-lg {
    width: 24px;
  }
  .mobile\:w-md {
    width: 16px;
  }
  .mobile\:w-screen {
    width: 100vw;
  }
  .mobile\:w-sm {
    width: 12px;
  }
  .mobile\:w-xl {
    width: 32px;
  }
  .mobile\:min-w-\[100px\] {
    min-width: 100px;
  }
  .mobile\:min-w-\[134px\] {
    min-width: 134px;
  }
  .mobile\:min-w-\[160px\] {
    min-width: 160px;
  }
  .mobile\:min-w-\[30px\] {
    min-width: 30px;
  }
  .mobile\:min-w-\[48px\] {
    min-width: 48px;
  }
  .mobile\:min-w-\[64px\] {
    min-width: 64px;
  }
  .mobile\:min-w-\[80px\] {
    min-width: 80px;
  }
  .mobile\:min-w-\[calc\(68vw\)\] {
    min-width: calc(68vw);
  }
  .mobile\:min-w-full {
    min-width: 100%;
  }
  .mobile\:max-w-\[100px\] {
    max-width: 100px;
  }
  .mobile\:max-w-\[106px\] {
    max-width: 106px;
  }
  .mobile\:max-w-\[134px\] {
    max-width: 134px;
  }
  .mobile\:max-w-\[155px\] {
    max-width: 155px;
  }
  .mobile\:max-w-\[200px\] {
    max-width: 200px;
  }
  .mobile\:max-w-\[240px\] {
    max-width: 240px;
  }
  .mobile\:max-w-\[284px\] {
    max-width: 284px;
  }
  .mobile\:max-w-\[300px\] {
    max-width: 300px;
  }
  .mobile\:max-w-\[326px\] {
    max-width: 326px;
  }
  .mobile\:max-w-\[64px\] {
    max-width: 64px;
  }
  .mobile\:max-w-\[calc\(100\%-73px-16px\)\] {
    max-width: calc(100% - 73px - 16px);
  }
  .mobile\:max-w-full {
    max-width: 100%;
  }
  .mobile\:max-w-none {
    max-width: none;
  }
  .mobile\:basis-\[64px\] {
    flex-basis: 64px;
  }
  .mobile\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
  }
  .mobile\:-translate-y-1\/2,
  .mobile\:translate-x-\[-78px\] {
    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));
  }
  .mobile\:translate-x-\[-78px\] {
    --tw-translate-x: -78px;
  }
  .mobile\:translate-x-\[78px\] {
    --tw-translate-x: 78px;
  }
  .mobile\:translate-x-\[78px\],
  .mobile\:translate-y-none {
    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));
  }
  .mobile\:translate-y-none {
    --tw-translate-y: 0;
  }
  .mobile\:rotate-0 {
    --tw-rotate: 0deg;
  }
  .mobile\:rotate-0,
  .mobile\:scale-75 {
    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));
  }
  .mobile\:scale-75 {
    --tw-scale-x: 0.75;
    --tw-scale-y: 0.75;
  }
  .mobile\:\!grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .mobile\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .mobile\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mobile\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mobile\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .mobile\:flex-row {
    flex-direction: row;
  }
  .mobile\:flex-col {
    flex-direction: column;
  }
  .mobile\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .mobile\:flex-wrap {
    flex-wrap: wrap;
  }
  .mobile\:place-items-end {
    place-items: end;
  }
  .mobile\:items-start {
    align-items: flex-start;
  }
  .mobile\:items-center {
    align-items: center;
  }
  .mobile\:justify-start {
    justify-content: flex-start;
  }
  .mobile\:justify-end {
    justify-content: flex-end;
  }
  .mobile\:justify-center {
    justify-content: center;
  }
  .mobile\:justify-between {
    justify-content: space-between;
  }
  .mobile\:gap-3xl {
    gap: 48px;
  }
  .mobile\:gap-3xs {
    gap: 4px;
  }
  .mobile\:gap-4xs {
    gap: 2px;
  }
  .mobile\:gap-\[104px\] {
    gap: 104px;
  }
  .mobile\:gap-\[10px\] {
    gap: 10px;
  }
  .mobile\:gap-\[124px\] {
    gap: 124px;
  }
  .mobile\:gap-\[14px\] {
    gap: 14px;
  }
  .mobile\:gap-\[20px\] {
    gap: 20px;
  }
  .mobile\:gap-\[3px\] {
    gap: 3px;
  }
  .mobile\:gap-\[40px\] {
    gap: 40px;
  }
  .mobile\:gap-\[clamp\(2px\2c 0\.75vw\2c _4px\)\] {
    gap: clamp(2px, 0.75vw, 4px);
  }
  .mobile\:gap-\[clamp\(2px\2c 1\.5vw\2c _8px\)\] {
    gap: clamp(2px, 1.5vw, 8px);
  }
  .mobile\:gap-lg {
    gap: 24px;
  }
  .mobile\:gap-md {
    gap: 16px;
  }
  .mobile\:gap-none {
    gap: 0;
  }
  .mobile\:gap-sm {
    gap: 12px;
  }
  .mobile\:gap-xl {
    gap: 32px;
  }
  .mobile\:gap-xs {
    gap: 8px;
  }
  .mobile\:gap-xxs {
    gap: 6px;
  }
  .mobile\:gap-x-xs {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
  .mobile\:gap-y-xs {
    row-gap: 8px;
  }
  .mobile\:self-start {
    align-self: flex-start;
  }
  .mobile\:overflow-x-auto {
    overflow-x: auto;
  }
  .mobile\:overflow-y-auto {
    overflow-y: auto;
  }
  .mobile\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .mobile\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .mobile\:whitespace-normal {
    white-space: normal;
  }
  .mobile\:rounded-\[56px\] {
    border-radius: 56px;
  }
  .mobile\:rounded-md {
    border-radius: 13px;
  }
  .mobile\:rounded-none {
    border-radius: 0;
  }
  .mobile\:rounded-sm {
    border-radius: 8px;
  }
  .mobile\:rounded-xs {
    border-radius: 4px;
  }
  .mobile\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .mobile\:rounded-t-md {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
  }
  .mobile\:rounded-t-xs {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .mobile\:rounded-ee-md {
    border-end-end-radius: 13px;
  }
  .mobile\:rounded-es-md {
    border-end-start-radius: 13px;
  }
  .mobile\:border {
    border-width: 1px;
  }
  .mobile\:border-0 {
    border-width: 0;
  }
  .mobile\:border-\[2px\] {
    border-width: 2px;
  }
  .mobile\:border-\[3px\] {
    border-width: 3px;
  }
  .mobile\:border-b {
    border-bottom-width: 1px;
  }
  .mobile\:border-b-0 {
    border-bottom-width: 0;
  }
  .mobile\:border-l-0 {
    border-left-width: 0;
  }
  .mobile\:border-t {
    border-top-width: 1px;
  }
  .mobile\:border-none {
    border-style: none;
  }
  .mobile\:bg-transparent {
    background-color: transparent;
  }
  .mobile\:bg-v2-background-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(16 17 20 / var(--tw-bg-opacity));
  }
  .mobile\:bg-v2-background-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(30 31 36 / var(--tw-bg-opacity));
  }
  .mobile\:p-3xs {
    padding: 4px;
  }
  .mobile\:p-\[20px\] {
    padding: 20px;
  }
  .mobile\:p-lg {
    padding: 24px;
  }
  .mobile\:p-md {
    padding: 16px;
  }
  .mobile\:p-none {
    padding: 0;
  }
  .mobile\:p-sm {
    padding: 12px;
  }
  .mobile\:p-xs {
    padding: 8px;
  }
  .mobile\:p-xxs {
    padding: 6px;
  }
  .mobile\:px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px;
  }
  .mobile\:px-lg {
    padding-left: 24px;
    padding-right: 24px;
  }
  .mobile\:px-md {
    padding-left: 16px;
    padding-right: 16px;
  }
  .mobile\:px-none {
    padding-left: 0;
    padding-right: 0;
  }
  .mobile\:px-sm {
    padding-left: 12px;
    padding-right: 12px;
  }
  .mobile\:px-xs {
    padding-left: 8px;
    padding-right: 8px;
  }
  .mobile\:px-xxl {
    padding-left: 36px;
    padding-right: 36px;
  }
  .mobile\:px-xxs {
    padding-left: 6px;
    padding-right: 6px;
  }
  .mobile\:py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .mobile\:py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .mobile\:py-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mobile\:py-sm {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .mobile\:py-xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .mobile\:py-xs {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .mobile\:pb-\[122px\] {
    padding-bottom: 122px;
  }
  .mobile\:pb-\[60px\] {
    padding-bottom: 60px;
  }
  .mobile\:pb-\[7px\] {
    padding-bottom: 7px;
  }
  .mobile\:pb-\[calc\(56\.1px-16px\)\] {
    padding-bottom: calc(56.1px - 16px);
  }
  .mobile\:pb-\[calc\(var\(--quest-footer-height\)\+60px\)\] {
    padding-bottom: calc(var(--quest-footer-height) + 60px);
  }
  .mobile\:pb-lg {
    padding-bottom: 24px;
  }
  .mobile\:pb-md {
    padding-bottom: 16px;
  }
  .mobile\:pb-sm {
    padding-bottom: 12px;
  }
  .mobile\:pb-xl {
    padding-bottom: 32px;
  }
  .mobile\:pb-xs {
    padding-bottom: 8px;
  }
  .mobile\:pl-\[3px\] {
    padding-left: 3px;
  }
  .mobile\:pl-\[60px\] {
    padding-left: 60px;
  }
  .mobile\:pl-md {
    padding-left: 16px;
  }
  .mobile\:pl-none {
    padding-left: 0;
  }
  .mobile\:pl-xs {
    padding-left: 8px;
  }
  .mobile\:pr-\[20px\] {
    padding-right: 20px;
  }
  .mobile\:pr-\[72px\] {
    padding-right: 72px;
  }
  .mobile\:pr-md {
    padding-right: 16px;
  }
  .mobile\:pr-xs {
    padding-right: 8px;
  }
  .mobile\:pt-4xs {
    padding-top: 2px;
  }
  .mobile\:pt-\[32px\] {
    padding-top: 32px;
  }
  .mobile\:pt-lg {
    padding-top: 24px;
  }
  .mobile\:pt-md {
    padding-top: 16px;
  }
  .mobile\:pt-none {
    padding-top: 0;
  }
  .mobile\:pt-sm {
    padding-top: 12px;
  }
  .mobile\:pt-xl {
    padding-top: 32px;
  }
  .mobile\:pt-xs {
    padding-top: 8px;
  }
  .mobile\:text-left {
    text-align: left;
  }
  .mobile\:text-center {
    text-align: center;
  }
  .mobile\:text-3xs {
    font-size: 14px;
  }
  .mobile\:text-4xs {
    font-size: 12px;
  }
  .mobile\:text-\[10px\] {
    font-size: 10px;
  }
  .mobile\:text-\[20px\] {
    font-size: 20px;
  }
  .mobile\:text-\[28px\] {
    font-size: 28px;
  }
  .mobile\:text-\[8px\] {
    font-size: 8px;
  }
  .mobile\:text-base {
    font-size: 16px;
  }
  .mobile\:text-lg {
    font-size: 28px;
  }
  .mobile\:text-md {
    font-size: 24px;
  }
  .mobile\:text-sm {
    font-size: 20px;
  }
  .mobile\:text-xl {
    font-size: 32px;
  }
  .mobile\:text-xs {
    font-size: 18px;
  }
  .mobile\:text-xxl {
    font-size: 48px;
  }
  .mobile\:text-xxs {
    font-size: 16px;
  }
  .mobile\:text-content-primary {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  .mobile\:opacity-100 {
    opacity: 1;
  }
  .mobile\:clip-path-none {
    -webkit-clip-path: none;
    clip-path: none;
  }
  .after\:mobile\:hidden:after,
  .before\:mobile\:hidden:before {
    content: var(--tw-content);
    display: none;
  }
  .group:hover .mobile\:group-hover\:translate-x-\[-78px\] {
    --tw-translate-x: -78px;
  }
  .group:hover .mobile\:group-hover\:translate-x-\[-78px\],
  .group:hover .mobile\:group-hover\:translate-x-\[78px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .mobile\:group-hover\:translate-x-\[78px\] {
    --tw-translate-x: 78px;
  }
  .mobile\:hover\:scale-75:hover {
    --tw-scale-x: 0.75;
    --tw-scale-y: 0.75;
    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-height: 900px) {
  .short\:static {
    position: static;
  }
  .short\:h-auto {
    height: auto;
  }
  .short\:py-xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.\[\&\.is-active\]\:bg-content-primary.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.\[\&\.is-active\]\:text-contrast-high.is-active {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.\[\&\:hover_video\]\:opacity-100:hover video {
  opacity: 1;
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
  --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));
}
@media (max-width: 640px) {
  .\[\&\]\:mobile\:mx-\[-18px\] {
    margin-left: -18px;
    margin-right: -18px;
  }
  .\[\&\]\:mobile\:px-sm {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror {
  background-color: transparent;
}
.\[\&_\.ProseMirror\]\:p-none .ProseMirror {
  padding: 0;
}
.\[\&_\.ProseMirror\]\:px-lg .ProseMirror {
  padding-left: 24px;
  padding-right: 24px;
}
.\[\&_\.ProseMirror\]\:py-md .ProseMirror {
  padding-top: 16px;
  padding-bottom: 16px;
}
.\[\&_\.ProseMirror\]\:outline-0 .ProseMirror {
  outline-width: 0;
}
.\[\&_\.carousel\\_\\_inner-slide\]\:w-\[calc\(100\%-12px\)\]
  .carousel__inner-slide {
  width: calc(100% - 12px);
}
@media (max-width: 640px) {
  .mobile\:\[\&_\.carousel\\_\\_inner-slide\]\:w-\[calc\(100\%-4px\)\]
    .carousel__inner-slide {
    width: calc(100% - 4px);
  }
  .\[\&_\.swiper-pagination-bullet\]\:mobile\:h-sm .swiper-pagination-bullet {
    height: 12px;
  }
  .\[\&_\.swiper-pagination-bullet\]\:mobile\:w-sm .swiper-pagination-bullet {
    width: 12px;
  }
}
.\[\&_a\]\:font-bold a {
  font-weight: 700;
}
.\[\&_a\]\:font-semibold a {
  font-weight: 600;
}
.\[\&_a\]\:text-brand-primary a {
  --tw-text-opacity: 1;
  color: rgb(255 255 13 / var(--tw-text-opacity));
}
.\[\&_a\]\:text-content-primary a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_a\]\:text-pink-highlight a {
  --tw-text-opacity: 1;
  color: rgb(251 152 183 / var(--tw-text-opacity));
}
.\[\&_a\]\:text-v2-content-primary a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_a\]\:text-v2-pink-base a {
  --tw-text-opacity: 1;
  color: rgb(255 45 85 / var(--tw-text-opacity));
}
.\[\&_a\]\:hover\:underline:hover a {
  text-decoration-line: underline;
}
.\[\&_a_\*\]\:text-brand-primary a * {
  --tw-text-opacity: 1;
  color: rgb(255 255 13 / var(--tw-text-opacity));
}
.\[\&_a_\*\]\:hover\:underline:hover a * {
  text-decoration-line: underline;
}
.\[\&_li\]\:text-left li {
  text-align: left;
}
.\[\&_ol\]\:ml-xl ol {
  margin-left: 32px;
}
.\[\&_p\.is-editor-empty\:first-child\:before\]\:pointer-events-none
  p.is-editor-empty:first-child:before {
  pointer-events: none;
}
.\[\&_p\.is-editor-empty\:first-child\:before\]\:float-left
  p.is-editor-empty:first-child:before {
  float: left;
}
.\[\&_p\.is-editor-empty\:first-child\:before\]\:h-none
  p.is-editor-empty:first-child:before {
  height: 0;
}
.\[\&_p\.is-editor-empty\:first-child\:before\]\:text-content-secondary
  p.is-editor-empty:first-child:before {
  --tw-text-opacity: 1;
  color: rgb(189 193 199 / var(--tw-text-opacity));
}
.\[\&_p\.is-editor-empty\:first-child\:before\]\:content-\[attr\(data-placeholder\)\]
  p.is-editor-empty:first-child:before {
  --tw-content: attr(data-placeholder);
  content: var(--tw-content);
}
.\[\&_p\:\:after\]\:inline-block p:after {
  display: inline-block;
}
.\[\&_p\:\:after\]\:w-none p:after {
  width: 0;
}
.\[\&_p\:\:after\]\:content-\[\'\'\] p:after {
  --tw-content: "";
  content: var(--tw-content);
}
.\[\&_path\]\:fill-\[\#1E96E8\] path {
  fill: #1e96e8;
}
.\[\&_path\]\:fill-\[\#5662EB\] path {
  fill: #5662eb;
}
.\[\&_rect\]\:fill-transparent rect {
  fill: transparent;
}
.\[\&_strong\]\:text-content-primary strong,
.\[\&_strong\]\:text-v2-content-primary strong {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&_svg\]\:mt-\[5px\] svg {
  margin-top: 5px;
}
.\[\&_svg\]\:h-\[22px\] svg {
  height: 22px;
}
.\[\&_svg\]\:w-\[22px\] svg {
  width: 22px;
}
.\[\&_svg\]\:rotate-180 svg {
  --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));
}
.\[\&_svg\]\:fill-content-secondary svg {
  fill: #bdc1c7;
}
.\[\&_svg\]\:fill-contrast-low svg {
  fill: #4e576a;
}
.\[\&_svg_path\]\:fill-brand-highlight svg path {
  fill: #fcff6b;
}
.\[\&_svg_path\]\:fill-brand-primary svg path {
  fill: #ffff0d;
}
.\[\&_svg_path\]\:fill-content-primary svg path {
  fill: #fff;
}
.\[\&_svg_path\]\:fill-disabled svg path {
  fill: #77818f;
}
.\[\&_svg_path\]\:fill-green-highlight svg path {
  fill: #24e059;
}
.\[\&_td\]\:pb-md td {
  padding-bottom: 16px;
}
.\[\&_td\]\:pr-md td {
  padding-right: 16px;
}
.\[\&_th\]\:pb-md th {
  padding-bottom: 16px;
}
.\[\&_th\]\:pr-md th {
  padding-right: 16px;
}
.\[\&_ul\]\:ml-xl ul {
  margin-left: 32px;
}
.\[\&_video\]\:opacity-0 video {
  opacity: 0;
}
.\[\&_video\]\:transition-opacity video {
  transition-property: opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.\[\&_video\]\:duration-300 video {
  transition-duration: 0.3s;
  animation-duration: 0.3s;
}
@font-face {
  font-family: Inter;
  src: url(/fonts/inter-medium.woff2) format("woff2");
  font-weight: 500;
  display: swap;
}
@font-face {
  font-family: Inter;
  src: url(/fonts/inter-regular.woff2) format("woff2");
  font-weight: 400;
  display: swap;
}
@font-face {
  font-family: Inter;
  src: url(/fonts/inter-light.woff2) format("woff2");
  font-weight: 300;
  display: swap;
}
@font-face {
  font-family: Inter;
  src: url(/fonts/inter-bold.woff2) format("woff2");
  font-weight: 700;
  display: swap;
}
@font-face {
  font-family: GothamRounded;
  src: url(/fonts/gotham-rounded-medium.woff2) format("woff2"),
    url(/fonts/gotham-rounded-medium.otf) format("opentype");
  font-weight: 500;
  display: swap;
}
@font-face {
  font-family: GothamRounded;
  src: url(/fonts/gotham-rounded-book.woff2) format("woff2"),
    url(/fonts/gotham-rounded-book.otf) format("opentype");
  font-weight: 400;
  display: swap;
}
@font-face {
  font-family: GothamRounded;
  src: url(/fonts/gotham-rounded-light.woff2) format("woff2"),
    url(/fonts/gotham-rounded-light.otf) format("opentype");
  font-weight: 300;
  display: swap;
}
@font-face {
  font-family: Inconsolata;
  src: url(/fonts/inconsolata-light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: InconsolataSemiCondensed;
  src: url(/fonts/inconsolata-semicondensed-semibold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: Bayon;
  src: url(/fonts/bayon-regular.ttf);
  font-weight: 400;
  display: swap;
}
@font-face {
  font-family: Arcadepix Plus;
  src: url(/fonts/arcadepix.ttf);
  font-weight: 400;
  display: swap;
}
.buttonBack___1mlaL,
.buttonFirst___2rhFr,
.buttonLast___2yuh0,
.buttonNext___2mOCa,
.buttonNext___3Lm3s,
.dot___3c3SI {
  cursor: pointer;
}
.image___xtQGH {
  display: block;
  width: 100%;
  height: 100%;
}
.spinner___27VUp {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
  animation-name: spin___S3UuE;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border: 4px solid #a9a9a9;
  border-top-color: #000;
  border-radius: 30px;
}
@keyframes spin___S3UuE {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.container___2O72F {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.overlay___IV4qY {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  cursor: zoom-in;
  transition: opacity 0.3s, transform 0.3s;
}
.hover___MYy31,
.loading___1pvNI,
.zoom___3kqYk {
  opacity: 1;
}
.imageLoadingSpinnerContainer___3UIPD {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f4f4f4;
}
.slide___3-Nqo {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 0;
  margin: 0;
  list-style-type: none;
}
.slide___3-Nqo:focus {
  outline: none !important;
}
.slideHorizontal___1NzNV {
  float: left;
}
[dir="rtl"] .slideHorizontal___1NzNV {
  direction: rtl;
  transform: scaleX(-1);
}
.slideInner___2mfX9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.focusRing___1airF {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  pointer-events: none;
  outline-width: 5px;
  outline-style: solid;
  outline-color: Highlight;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .focusRing___1airF {
    outline-style: auto;
    outline-color: -webkit-focus-ring-color;
  }
}
.horizontalSlider___281Ls {
  position: relative;
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
}
[dir="rtl"] .horizontalSlider___281Ls {
  direction: ltr;
  transform: scaleX(-1);
}
.horizontalSliderTray___1L-0W {
  overflow: hidden;
  width: 100%;
}
.verticalSlider___34ZFD {
  position: relative;
  overflow: hidden;
}
.verticalSliderTray___267D8 {
  overflow: hidden;
}
.verticalTray___12Key {
  float: left;
}
.verticalSlideTrayWrap___2nO7o {
  overflow: hidden;
}
.sliderTray___-vHFQ {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sliderAnimation___300FY {
  transition: transform 0.5s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform;
}
.masterSpinnerContainer___1Z6hB {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f4f4f4;
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border-radius: 50%;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top: 4px solid transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl)
  .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}