.react-tweet-theme {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0;
  --tweet-container-margin: 8px 0;
  --tweet-header-font-size: 0.9375rem;
  --tweet-header-line-height: 1.25rem;
  --tweet-body-font-size: 16px;
  --tweet-body-font-weight: 400;
  --tweet-body-line-height: 1.5rem;
  --tweet-body-margin: 0;
  --tweet-quoted-container-margin: 0;
  --tweet-quoted-body-font-size: 0.938rem;
  --tweet-quoted-body-font-weight: 400;
  --tweet-quoted-body-line-height: 1.25rem;
  --tweet-quoted-body-margin: 0.25rem 0 0.75rem 0;
  --tweet-info-font-size: 13px;
  --tweet-info-line-height: 1.25rem;
  --tweet-actions-font-size: 0.875rem;
  --tweet-actions-line-height: 1rem;
  --tweet-actions-font-weight: 700;
  --tweet-actions-icon-size: 1.25em;
  --tweet-actions-icon-wrapper-size: calc(var(--tweet-actions-icon-size) + 0.75em);
  --tweet-replies-font-size: 0.875rem;
  --tweet-replies-line-height: 1rem;
  --tweet-replies-font-weight: 700
}

.react-tweet-theme+.react-tweet-theme {
  margin-top: 16px
}

.react-tweet-theme>article {
  padding: 12px 16px
}

:where(.react-tweet-theme) * {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

:is([data-theme='light'], .light) :where(.react-tweet-theme),
:where(.react-tweet-theme) {
  --tweet-verified-blue-color: var(--tweet-color-blue-primary)
}

.react-tweet-theme {
  --tweet-skeleton-gradient: linear-gradient(270deg,
      rgba(240, 240, 240, 0.07),
      rgba(240, 240, 240, 0.07),
      rgba(240, 240, 240, 0.07),
      rgba(240, 240, 240, 0.07));
  --tweet-border: 1px solid #4d537c;
  --tweet-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif;
  --tweet-font-color: rgb(247, 249, 249);
  --tweet-font-color-secondary: rgb(139, 152, 165);
  --tweet-bg-color: rgba(255, 255, 255, 0.04);
  --tweet-bg-color-hover: rgba(255, 255, 255, 0.04);
  --tweet-quoted-bg-color-hover: rgba(255, 255, 255, 0.03);
  --tweet-color-blue-primary: rgb(29, 155, 240);
  --tweet-color-blue-primary-hover: rgb(26, 140, 216);
  --tweet-color-blue-secondary: rgb(107, 201, 251);
  --tweet-color-blue-secondary-hover: rgba(107, 201, 251, 0.1);
  --tweet-color-red-primary: rgb(249, 24, 128);
  --tweet-color-red-primary-hover: rgba(249, 24, 128, 0.1);
  --tweet-color-green-primary: rgb(0, 186, 124);
  --tweet-color-green-primary-hover: rgba(0, 186, 124, 0.1);
  --tweet-twitter-icon-color: var(--tweet-font-color);
  --tweet-verified-old-color: var(--tweet-color-blue-primary);
  --tweet-verified-blue-color: var(--tweet-color-blue-primary)
}

@font-face {
  font-family: 'Chillax';
  src: url("Chillax-Regular-73b72f5f77d0eec32f88fbfaa7949e65a69315a5bec56b518b53f86d6fa20061.woff2") format("woff2"), url("Chillax-Regular-7067381891d6831853f2dc5093243b0f7663ddd6d368bb23ef2e073374aa1be6.woff") format("woff"), url("Chillax-Regular-ae28e5315391ccffd992b8e1761cdc6941c80d2add2a584092d76dbe38db4e35.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal
}

@font-face {
  font-family: 'Chillax';
  src: url("Chillax-Medium-d9407c0cb5c0f53f4a6ce89e3f5a991a3ac1393d554793fce9dce9d3dc3c1d54.woff2") format("woff2"), url("Chillax-Medium-5ac9671e7aa10f1847bf85eeed3c7a63bcea4a5ac5165d06823918684fd78c7f.woff") format("woff"), url("Chillax-Medium-2d9ab6c35594bf9665801974cf5ba28038a3bfb98b4fe3dd987922cddae7e291.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal
}

@font-face {
  font-family: 'Chillax';
  src: url("Chillax-Semibold-85559bd63ed1506be95ed4463a5c5381db78c0b228eb2afd57e109987ec82ca9.woff2") format("woff2"), url("Chillax-Semibold-d5b2db6cdf8319c5ce02aae28060bd835c1657d3e56e255c11dac6f390b085de.woff") format("woff"), url("Chillax-Semibold-845f6783032b6f1a9fdc5d4be28c973e3eab1ab7c8aa6efa022b8a90df421752.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal
}

@font-face {
  font-family: 'Chillax';
  src: url("Chillax-Bold-f53037b7e04bef2f4d02fe026d2387e7c66582d09ecd8c75cddb441da1c5c759.woff2") format("woff2"), url("Chillax-Bold-fd3f4eea3f2aa968c2b063148991485a9ab00389d8941971d8393bde22312091.woff") format("woff"), url("Chillax-Bold-5854e6dff0731aace4508dedc3540add91285642c3c4d84acbde43e2f5ffd879.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
p,
pre,
dl,
dd,
ol,
ul,
figure,
hr,
fieldset,
legend {
  margin: 0;
  padding: 0
}

li>ol,
li>ul {
  margin-bottom: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

fieldset {
  min-width: 0;
  border: 0
}

a {
  cursor: pointer
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
footer,
header,
nav,
section {
  display: block
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

figcaption,
figure,
main {
  display: block
}

figure {
  margin: 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

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
}

audio,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: 0.35em 0.75em 0.625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto
}

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

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

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

details,
menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

[hidden] {
  display: none
}

html {
  box-sizing: border-box
}

*,
*::before,
*::after {
  box-sizing: inherit
}

.table {
  overflow: auto;
  width: 100%
}

.table table {
  width: 100%
}

.table table td,
.table table th {
  padding: 8px
}

.table table,
.table table th,
.table table td {
  border: 1px solid rgba(0, 0, 0, 0.25)
}

h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
p,
pre,
dl,
ol,
ul,
figure,
hr,
table,
fieldset {
  margin-bottom: 16px
}

dd,
ol,
ul {
  margin-left: 24px
}

@media (min-width: 769px) {
  .c-main-footer {
    padding: 12px 24px 32px
  }
}

@media (min-width: 1601px) {
  .c-main-footer {
    padding: 12px 48px 32px
  }
}

@media (max-width: 991px) {
  .c-main-footer {
    padding: 0 16px
  }
}

.l-container {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box
}

@media (min-width: 423px) {
  .l-container {
    max-width: 375px
  }
}

@media (min-width: 576px) {
  .l-container {
    max-width: 540px
  }
}

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

@media (min-width: 992px) {
  .l-container {
    max-width: 920px
  }
}

@media (min-width: 1140px) {
  .l-container {
    max-width: 1104px
  }
}

@media (min-width: 1300px) {
  .l-container {
    max-width: 1248px
  }
}

@media (min-width: 1650px) {
  .l-container {
    max-width: 1624px
  }
}

.l-container-fluid {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  max-width: none
}

.l-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.l-col,
.no-gutters>.l-col-base,
.no-gutters>[class*="l-col-"] {
  padding-right: 0;
  padding-left: 0
}

.bordered+.bordered {
  border-left: 1px solid rgba(255, 255, 255, 0.1)
}

@media (min-width: 992px) {
  .bordered-lg+.bordered-lg {
    border-left: 1px solid rgba(255, 255, 255, 0.1)
  }
}

@media (min-width: 1140px) {
  .bordered-xl+.bordered-xl {
    border-left: 1px solid rgba(255, 255, 255, 0.1)
  }
}

@media (max-width: 991px) {
  .no-gutters-m {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .no-gutters-m>.l-col,
  .no-gutters-m>.l-col-base,
  .no-gutters-m>[class*="l-col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
}

@media (max-width: 575px) {
  .no-gutters-sm {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .no-gutters-sm>.l-col,
  .no-gutters-sm>.l-col-base,
  .no-gutters-sm>[class*="l-col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
}

.l-row-gap--4xs {
  margin-right: -1px;
  margin-left: -1px
}

.l-row-gap--4xs>.l-col,
.l-row-gap--4xs>.l-col-base,
.l-row-gap--4xs>[class*="l-col-"] {
  padding-right: 1px;
  padding-left: 1px
}

.l-row-gap--3xs {
  margin-right: -2px;
  margin-left: -2px
}

.l-row-gap--3xs>.l-col,
.l-row-gap--3xs>.l-col-base,
.l-row-gap--3xs>[class*="l-col-"] {
  padding-right: 2px;
  padding-left: 2px
}

.l-row-gap--xxs {
  margin-right: -4px;
  margin-left: -4px
}

.l-row-gap--xxs>.l-col,
.l-row-gap--xxs>.l-col-base,
.l-row-gap--xxs>[class*="l-col-"] {
  padding-right: 4px;
  padding-left: 4px
}

.l-row-gap--xs {
  margin-right: -6px;
  margin-left: -6px
}

.l-row-gap--xs>.l-col,
.l-row-gap--xs>.l-col-base,
.l-row-gap--xs>[class*="l-col-"] {
  padding-right: 6px;
  padding-left: 6px
}

.l-row-gap--s {
  margin-right: -8px;
  margin-left: -8px
}

.l-row-gap--s>.l-col,
.l-row-gap--s>.l-col-base,
.l-row-gap--s>[class*="l-col-"] {
  padding-right: 8px;
  padding-left: 8px
}

.l-row-gap--m {
  margin-right: -12px;
  margin-left: -12px
}

.l-row-gap--m>.l-col,
.l-row-gap--m>.l-col-base,
.l-row-gap--m>[class*="l-col-"] {
  padding-right: 12px;
  padding-left: 12px
}

.l-row-gap--l {
  margin-right: -16px;
  margin-left: -16px
}

.l-row-gap--l>.l-col,
.l-row-gap--l>.l-col-base,
.l-row-gap--l>[class*="l-col-"] {
  padding-right: 16px;
  padding-left: 16px
}

.l-row-gap--xl {
  margin-right: -24px;
  margin-left: -24px
}

.l-row-gap--xl>.l-col,
.l-row-gap--xl>.l-col-base,
.l-row-gap--xl>[class*="l-col-"] {
  padding-right: 24px;
  padding-left: 24px
}

.l-row-gap--2xl {
  margin-right: -36px;
  margin-left: -36px
}

.l-row-gap--2xl>.l-col,
.l-row-gap--2xl>.l-col-base,
.l-row-gap--2xl>[class*="l-col-"] {
  padding-right: 36px;
  padding-left: 36px
}

.l-row-gap--3xl {
  margin-right: -48px;
  margin-left: -48px
}

.l-row-gap--3xl>.l-col,
.l-row-gap--3xl>.l-col-base,
.l-row-gap--3xl>[class*="l-col-"] {
  padding-right: 48px;
  padding-left: 48px
}

.l-row-gap--4xl {
  margin-right: -64px;
  margin-left: -64px
}

.l-row-gap--4xl>.l-col,
.l-row-gap--4xl>.l-col-base,
.l-row-gap--4xl>[class*="l-col-"] {
  padding-right: 64px;
  padding-left: 64px
}

@media (min-width: 423px) {
  .l-row-gap-xs--4xs {
    margin-right: -1px;
    margin-left: -1px
  }

  .l-row-gap-xs--4xs>.l-col,
  .l-row-gap-xs--4xs>.l-col-base,
  .l-row-gap-xs--4xs>[class*="l-col-"] {
    padding-right: 1px;
    padding-left: 1px
  }

  .l-row-gap-xs--3xs {
    margin-right: -2px;
    margin-left: -2px
  }

  .l-row-gap-xs--3xs>.l-col,
  .l-row-gap-xs--3xs>.l-col-base,
  .l-row-gap-xs--3xs>[class*="l-col-"] {
    padding-right: 2px;
    padding-left: 2px
  }

  .l-row-gap-xs--xxs {
    margin-right: -4px;
    margin-left: -4px
  }

  .l-row-gap-xs--xxs>.l-col,
  .l-row-gap-xs--xxs>.l-col-base,
  .l-row-gap-xs--xxs>[class*="l-col-"] {
    padding-right: 4px;
    padding-left: 4px
  }

  .l-row-gap-xs--xs {
    margin-right: -6px;
    margin-left: -6px
  }

  .l-row-gap-xs--xs>.l-col,
  .l-row-gap-xs--xs>.l-col-base,
  .l-row-gap-xs--xs>[class*="l-col-"] {
    padding-right: 6px;
    padding-left: 6px
  }

  .l-row-gap-xs--s {
    margin-right: -8px;
    margin-left: -8px
  }

  .l-row-gap-xs--s>.l-col,
  .l-row-gap-xs--s>.l-col-base,
  .l-row-gap-xs--s>[class*="l-col-"] {
    padding-right: 8px;
    padding-left: 8px
  }

  .l-row-gap-xs--m {
    margin-right: -12px;
    margin-left: -12px
  }

  .l-row-gap-xs--m>.l-col,
  .l-row-gap-xs--m>.l-col-base,
  .l-row-gap-xs--m>[class*="l-col-"] {
    padding-right: 12px;
    padding-left: 12px
  }

  .l-row-gap-xs--l {
    margin-right: -16px;
    margin-left: -16px
  }

  .l-row-gap-xs--l>.l-col,
  .l-row-gap-xs--l>.l-col-base,
  .l-row-gap-xs--l>[class*="l-col-"] {
    padding-right: 16px;
    padding-left: 16px
  }

  .l-row-gap-xs--xl {
    margin-right: -24px;
    margin-left: -24px
  }

  .l-row-gap-xs--xl>.l-col,
  .l-row-gap-xs--xl>.l-col-base,
  .l-row-gap-xs--xl>[class*="l-col-"] {
    padding-right: 24px;
    padding-left: 24px
  }

  .l-row-gap-xs--2xl {
    margin-right: -36px;
    margin-left: -36px
  }

  .l-row-gap-xs--2xl>.l-col,
  .l-row-gap-xs--2xl>.l-col-base,
  .l-row-gap-xs--2xl>[class*="l-col-"] {
    padding-right: 36px;
    padding-left: 36px
  }

  .l-row-gap-xs--3xl {
    margin-right: -48px;
    margin-left: -48px
  }

  .l-row-gap-xs--3xl>.l-col,
  .l-row-gap-xs--3xl>.l-col-base,
  .l-row-gap-xs--3xl>[class*="l-col-"] {
    padding-right: 48px;
    padding-left: 48px
  }

  .l-row-gap-xs--4xl {
    margin-right: -64px;
    margin-left: -64px
  }

  .l-row-gap-xs--4xl>.l-col,
  .l-row-gap-xs--4xl>.l-col-base,
  .l-row-gap-xs--4xl>[class*="l-col-"] {
    padding-right: 64px;
    padding-left: 64px
  }
}

@media (min-width: 576px) {
  .l-row-gap-sm--4xs {
    margin-right: -1px;
    margin-left: -1px
  }

  .l-row-gap-sm--4xs>.l-col,
  .l-row-gap-sm--4xs>.l-col-base,
  .l-row-gap-sm--4xs>[class*="l-col-"] {
    padding-right: 1px;
    padding-left: 1px
  }

  .l-row-gap-sm--3xs {
    margin-right: -2px;
    margin-left: -2px
  }

  .l-row-gap-sm--3xs>.l-col,
  .l-row-gap-sm--3xs>.l-col-base,
  .l-row-gap-sm--3xs>[class*="l-col-"] {
    padding-right: 2px;
    padding-left: 2px
  }

  .l-row-gap-sm--xxs {
    margin-right: -4px;
    margin-left: -4px
  }

  .l-row-gap-sm--xxs>.l-col,
  .l-row-gap-sm--xxs>.l-col-base,
  .l-row-gap-sm--xxs>[class*="l-col-"] {
    padding-right: 4px;
    padding-left: 4px
  }

  .l-row-gap-sm--xs {
    margin-right: -6px;
    margin-left: -6px
  }

  .l-row-gap-sm--xs>.l-col,
  .l-row-gap-sm--xs>.l-col-base,
  .l-row-gap-sm--xs>[class*="l-col-"] {
    padding-right: 6px;
    padding-left: 6px
  }

  .l-row-gap-sm--s {
    margin-right: -8px;
    margin-left: -8px
  }

  .l-row-gap-sm--s>.l-col,
  .l-row-gap-sm--s>.l-col-base,
  .l-row-gap-sm--s>[class*="l-col-"] {
    padding-right: 8px;
    padding-left: 8px
  }

  .l-row-gap-sm--m {
    margin-right: -12px;
    margin-left: -12px
  }

  .l-row-gap-sm--m>.l-col,
  .l-row-gap-sm--m>.l-col-base,
  .l-row-gap-sm--m>[class*="l-col-"] {
    padding-right: 12px;
    padding-left: 12px
  }

  .l-row-gap-sm--l {
    margin-right: -16px;
    margin-left: -16px
  }

  .l-row-gap-sm--l>.l-col,
  .l-row-gap-sm--l>.l-col-base,
  .l-row-gap-sm--l>[class*="l-col-"] {
    padding-right: 16px;
    padding-left: 16px
  }

  .l-row-gap-sm--xl {
    margin-right: -24px;
    margin-left: -24px
  }

  .l-row-gap-sm--xl>.l-col,
  .l-row-gap-sm--xl>.l-col-base,
  .l-row-gap-sm--xl>[class*="l-col-"] {
    padding-right: 24px;
    padding-left: 24px
  }

  .l-row-gap-sm--2xl {
    margin-right: -36px;
    margin-left: -36px
  }

  .l-row-gap-sm--2xl>.l-col,
  .l-row-gap-sm--2xl>.l-col-base,
  .l-row-gap-sm--2xl>[class*="l-col-"] {
    padding-right: 36px;
    padding-left: 36px
  }

  .l-row-gap-sm--3xl {
    margin-right: -48px;
    margin-left: -48px
  }

  .l-row-gap-sm--3xl>.l-col,
  .l-row-gap-sm--3xl>.l-col-base,
  .l-row-gap-sm--3xl>[class*="l-col-"] {
    padding-right: 48px;
    padding-left: 48px
  }

  .l-row-gap-sm--4xl {
    margin-right: -64px;
    margin-left: -64px
  }

  .l-row-gap-sm--4xl>.l-col,
  .l-row-gap-sm--4xl>.l-col-base,
  .l-row-gap-sm--4xl>[class*="l-col-"] {
    padding-right: 64px;
    padding-left: 64px
  }
}

@media (min-width: 768px) {
  .l-row-gap-md--4xs {
    margin-right: -1px;
    margin-left: -1px
  }

  .l-row-gap-md--4xs>.l-col,
  .l-row-gap-md--4xs>.l-col-base,
  .l-row-gap-md--4xs>[class*="l-col-"] {
    padding-right: 1px;
    padding-left: 1px
  }

  .l-row-gap-md--3xs {
    margin-right: -2px;
    margin-left: -2px
  }

  .l-row-gap-md--3xs>.l-col,
  .l-row-gap-md--3xs>.l-col-base,
  .l-row-gap-md--3xs>[class*="l-col-"] {
    padding-right: 2px;
    padding-left: 2px
  }

  .l-row-gap-md--xxs {
    margin-right: -4px;
    margin-left: -4px
  }

  .l-row-gap-md--xxs>.l-col,
  .l-row-gap-md--xxs>.l-col-base,
  .l-row-gap-md--xxs>[class*="l-col-"] {
    padding-right: 4px;
    padding-left: 4px
  }

  .l-row-gap-md--xs {
    margin-right: -6px;
    margin-left: -6px
  }

  .l-row-gap-md--xs>.l-col,
  .l-row-gap-md--xs>.l-col-base,
  .l-row-gap-md--xs>[class*="l-col-"] {
    padding-right: 6px;
    padding-left: 6px
  }

  .l-row-gap-md--s {
    margin-right: -8px;
    margin-left: -8px
  }

  .l-row-gap-md--s>.l-col,
  .l-row-gap-md--s>.l-col-base,
  .l-row-gap-md--s>[class*="l-col-"] {
    padding-right: 8px;
    padding-left: 8px
  }

  .l-row-gap-md--m {
    margin-right: -12px;
    margin-left: -12px
  }

  .l-row-gap-md--m>.l-col,
  .l-row-gap-md--m>.l-col-base,
  .l-row-gap-md--m>[class*="l-col-"] {
    padding-right: 12px;
    padding-left: 12px
  }

  .l-row-gap-md--l {
    margin-right: -16px;
    margin-left: -16px
  }

  .l-row-gap-md--l>.l-col,
  .l-row-gap-md--l>.l-col-base,
  .l-row-gap-md--l>[class*="l-col-"] {
    padding-right: 16px;
    padding-left: 16px
  }

  .l-row-gap-md--xl {
    margin-right: -24px;
    margin-left: -24px
  }

  .l-row-gap-md--xl>.l-col,
  .l-row-gap-md--xl>.l-col-base,
  .l-row-gap-md--xl>[class*="l-col-"] {
    padding-right: 24px;
    padding-left: 24px
  }

  .l-row-gap-md--2xl {
    margin-right: -36px;
    margin-left: -36px
  }

  .l-row-gap-md--2xl>.l-col,
  .l-row-gap-md--2xl>.l-col-base,
  .l-row-gap-md--2xl>[class*="l-col-"] {
    padding-right: 36px;
    padding-left: 36px
  }

  .l-row-gap-md--3xl {
    margin-right: -48px;
    margin-left: -48px
  }

  .l-row-gap-md--3xl>.l-col,
  .l-row-gap-md--3xl>.l-col-base,
  .l-row-gap-md--3xl>[class*="l-col-"] {
    padding-right: 48px;
    padding-left: 48px
  }

  .l-row-gap-md--4xl {
    margin-right: -64px;
    margin-left: -64px
  }

  .l-row-gap-md--4xl>.l-col,
  .l-row-gap-md--4xl>.l-col-base,
  .l-row-gap-md--4xl>[class*="l-col-"] {
    padding-right: 64px;
    padding-left: 64px
  }
}

@media (min-width: 992px) {
  .l-row-gap-lg--4xs {
    margin-right: -1px;
    margin-left: -1px
  }

  .l-row-gap-lg--4xs>.l-col,
  .l-row-gap-lg--4xs>.l-col-base,
  .l-row-gap-lg--4xs>[class*="l-col-"] {
    padding-right: 1px;
    padding-left: 1px
  }

  .l-row-gap-lg--3xs {
    margin-right: -2px;
    margin-left: -2px
  }

  .l-row-gap-lg--3xs>.l-col,
  .l-row-gap-lg--3xs>.l-col-base,
  .l-row-gap-lg--3xs>[class*="l-col-"] {
    padding-right: 2px;
    padding-left: 2px
  }

  .l-row-gap-lg--xxs {
    margin-right: -4px;
    margin-left: -4px
  }

  .l-row-gap-lg--xxs>.l-col,
  .l-row-gap-lg--xxs>.l-col-base,
  .l-row-gap-lg--xxs>[class*="l-col-"] {
    padding-right: 4px;
    padding-left: 4px
  }

  .l-row-gap-lg--xs {
    margin-right: -6px;
    margin-left: -6px
  }

  .l-row-gap-lg--xs>.l-col,
  .l-row-gap-lg--xs>.l-col-base,
  .l-row-gap-lg--xs>[class*="l-col-"] {
    padding-right: 6px;
    padding-left: 6px
  }

  .l-row-gap-lg--s {
    margin-right: -8px;
    margin-left: -8px
  }

  .l-row-gap-lg--s>.l-col,
  .l-row-gap-lg--s>.l-col-base,
  .l-row-gap-lg--s>[class*="l-col-"] {
    padding-right: 8px;
    padding-left: 8px
  }

  .l-row-gap-lg--m {
    margin-right: -12px;
    margin-left: -12px
  }

  .l-row-gap-lg--m>.l-col,
  .l-row-gap-lg--m>.l-col-base,
  .l-row-gap-lg--m>[class*="l-col-"] {
    padding-right: 12px;
    padding-left: 12px
  }

  .l-row-gap-lg--l {
    margin-right: -16px;
    margin-left: -16px
  }

  .l-row-gap-lg--l>.l-col,
  .l-row-gap-lg--l>.l-col-base,
  .l-row-gap-lg--l>[class*="l-col-"] {
    padding-right: 16px;
    padding-left: 16px
  }

  .l-row-gap-lg--xl {
    margin-right: -24px;
    margin-left: -24px
  }

  .l-row-gap-lg--xl>.l-col,
  .l-row-gap-lg--xl>.l-col-base,
  .l-row-gap-lg--xl>[class*="l-col-"] {
    padding-right: 24px;
    padding-left: 24px
  }

  .l-row-gap-lg--2xl {
    margin-right: -36px;
    margin-left: -36px
  }

  .l-row-gap-lg--2xl>.l-col,
  .l-row-gap-lg--2xl>.l-col-base,
  .l-row-gap-lg--2xl>[class*="l-col-"] {
    padding-right: 36px;
    padding-left: 36px
  }

  .l-row-gap-lg--3xl {
    margin-right: -48px;
    margin-left: -48px
  }

  .l-row-gap-lg--3xl>.l-col,
  .l-row-gap-lg--3xl>.l-col-base,
  .l-row-gap-lg--3xl>[class*="l-col-"] {
    padding-right: 48px;
    padding-left: 48px
  }

  .l-row-gap-lg--4xl {
    margin-right: -64px;
    margin-left: -64px
  }

  .l-row-gap-lg--4xl>.l-col,
  .l-row-gap-lg--4xl>.l-col-base,
  .l-row-gap-lg--4xl>[class*="l-col-"] {
    padding-right: 64px;
    padding-left: 64px
  }
}

@media (min-width: 1140px) {
  .l-row-gap-xl--4xs {
    margin-right: -1px;
    margin-left: -1px
  }

  .l-row-gap-xl--4xs>.l-col,
  .l-row-gap-xl--4xs>.l-col-base,
  .l-row-gap-xl--4xs>[class*="l-col-"] {
    padding-right: 1px;
    padding-left: 1px
  }

  .l-row-gap-xl--3xs {
    margin-right: -2px;
    margin-left: -2px
  }

  .l-row-gap-xl--3xs>.l-col,
  .l-row-gap-xl--3xs>.l-col-base,
  .l-row-gap-xl--3xs>[class*="l-col-"] {
    padding-right: 2px;
    padding-left: 2px
  }

  .l-row-gap-xl--xxs {
    margin-right: -4px;
    margin-left: -4px
  }

  .l-row-gap-xl--xxs>.l-col,
  .l-row-gap-xl--xxs>.l-col-base,
  .l-row-gap-xl--xxs>[class*="l-col-"] {
    padding-right: 4px;
    padding-left: 4px
  }

  .l-row-gap-xl--xs {
    margin-right: -6px;
    margin-left: -6px
  }

  .l-row-gap-xl--xs>.l-col,
  .l-row-gap-xl--xs>.l-col-base,
  .l-row-gap-xl--xs>[class*="l-col-"] {
    padding-right: 6px;
    padding-left: 6px
  }

  .l-row-gap-xl--s {
    margin-right: -8px;
    margin-left: -8px
  }

  .l-row-gap-xl--s>.l-col,
  .l-row-gap-xl--s>.l-col-base,
  .l-row-gap-xl--s>[class*="l-col-"] {
    padding-right: 8px;
    padding-left: 8px
  }

  .l-row-gap-xl--m {
    margin-right: -12px;
    margin-left: -12px
  }

  .l-row-gap-xl--m>.l-col,
  .l-row-gap-xl--m>.l-col-base,
  .l-row-gap-xl--m>[class*="l-col-"] {
    padding-right: 12px;
    padding-left: 12px
  }

  .l-row-gap-xl--l {
    margin-right: -16px;
    margin-left: -16px
  }

  .l-row-gap-xl--l>.l-col,
  .l-row-gap-xl--l>.l-col-base,
  .l-row-gap-xl--l>[class*="l-col-"] {
    padding-right: 16px;
    padding-left: 16px
  }

  .l-row-gap-xl--xl {
    margin-right: -24px;
    margin-left: -24px
  }

  .l-row-gap-xl--xl>.l-col,
  .l-row-gap-xl--xl>.l-col-base,
  .l-row-gap-xl--xl>[class*="l-col-"] {
    padding-right: 24px;
    padding-left: 24px
  }

  .l-row-gap-xl--2xl {
    margin-right: -36px;
    margin-left: -36px
  }

  .l-row-gap-xl--2xl>.l-col,
  .l-row-gap-xl--2xl>.l-col-base,
  .l-row-gap-xl--2xl>[class*="l-col-"] {
    padding-right: 36px;
    padding-left: 36px
  }

  .l-row-gap-xl--3xl {
    margin-right: -48px;
    margin-left: -48px
  }

  .l-row-gap-xl--3xl>.l-col,
  .l-row-gap-xl--3xl>.l-col-base,
  .l-row-gap-xl--3xl>[class*="l-col-"] {
    padding-right: 48px;
    padding-left: 48px
  }

  .l-row-gap-xl--4xl {
    margin-right: -64px;
    margin-left: -64px
  }

  .l-row-gap-xl--4xl>.l-col,
  .l-row-gap-xl--4xl>.l-col-base,
  .l-row-gap-xl--4xl>[class*="l-col-"] {
    padding-right: 64px;
    padding-left: 64px
  }
}

@media (min-width: 1300px) {
  .l-row-gap-xxl--4xs {
    margin-right: -1px;
    margin-left: -1px
  }

  .l-row-gap-xxl--4xs>.l-col,
  .l-row-gap-xxl--4xs>.l-col-base,
  .l-row-gap-xxl--4xs>[class*="l-col-"] {
    padding-right: 1px;
    padding-left: 1px
  }

  .l-row-gap-xxl--3xs {
    margin-right: -2px;
    margin-left: -2px
  }

  .l-row-gap-xxl--3xs>.l-col,
  .l-row-gap-xxl--3xs>.l-col-base,
  .l-row-gap-xxl--3xs>[class*="l-col-"] {
    padding-right: 2px;
    padding-left: 2px
  }

  .l-row-gap-xxl--xxs {
    margin-right: -4px;
    margin-left: -4px
  }

  .l-row-gap-xxl--xxs>.l-col,
  .l-row-gap-xxl--xxs>.l-col-base,
  .l-row-gap-xxl--xxs>[class*="l-col-"] {
    padding-right: 4px;
    padding-left: 4px
  }

  .l-row-gap-xxl--xs {
    margin-right: -6px;
    margin-left: -6px
  }

  .l-row-gap-xxl--xs>.l-col,
  .l-row-gap-xxl--xs>.l-col-base,
  .l-row-gap-xxl--xs>[class*="l-col-"] {
    padding-right: 6px;
    padding-left: 6px
  }

  .l-row-gap-xxl--s {
    margin-right: -8px;
    margin-left: -8px
  }

  .l-row-gap-xxl--s>.l-col,
  .l-row-gap-xxl--s>.l-col-base,
  .l-row-gap-xxl--s>[class*="l-col-"] {
    padding-right: 8px;
    padding-left: 8px
  }

  .l-row-gap-xxl--m {
    margin-right: -12px;
    margin-left: -12px
  }

  .l-row-gap-xxl--m>.l-col,
  .l-row-gap-xxl--m>.l-col-base,
  .l-row-gap-xxl--m>[class*="l-col-"] {
    padding-right: 12px;
    padding-left: 12px
  }

  .l-row-gap-xxl--l {
    margin-right: -16px;
    margin-left: -16px
  }

  .l-row-gap-xxl--l>.l-col,
  .l-row-gap-xxl--l>.l-col-base,
  .l-row-gap-xxl--l>[class*="l-col-"] {
    padding-right: 16px;
    padding-left: 16px
  }

  .l-row-gap-xxl--xl {
    margin-right: -24px;
    margin-left: -24px
  }

  .l-row-gap-xxl--xl>.l-col,
  .l-row-gap-xxl--xl>.l-col-base,
  .l-row-gap-xxl--xl>[class*="l-col-"] {
    padding-right: 24px;
    padding-left: 24px
  }

  .l-row-gap-xxl--2xl {
    margin-right: -36px;
    margin-left: -36px
  }

  .l-row-gap-xxl--2xl>.l-col,
  .l-row-gap-xxl--2xl>.l-col-base,
  .l-row-gap-xxl--2xl>[class*="l-col-"] {
    padding-right: 36px;
    padding-left: 36px
  }

  .l-row-gap-xxl--3xl {
    margin-right: -48px;
    margin-left: -48px
  }

  .l-row-gap-xxl--3xl>.l-col,
  .l-row-gap-xxl--3xl>.l-col-base,
  .l-row-gap-xxl--3xl>[class*="l-col-"] {
    padding-right: 48px;
    padding-left: 48px
  }

  .l-row-gap-xxl--4xl {
    margin-right: -64px;
    margin-left: -64px
  }

  .l-row-gap-xxl--4xl>.l-col,
  .l-row-gap-xxl--4xl>.l-col-base,
  .l-row-gap-xxl--4xl>[class*="l-col-"] {
    padding-right: 64px;
    padding-left: 64px
  }
}

@media (min-width: 1650px) {
  .l-row-gap-xxxl--4xs {
    margin-right: -1px;
    margin-left: -1px
  }

  .l-row-gap-xxxl--4xs>.l-col,
  .l-row-gap-xxxl--4xs>.l-col-base,
  .l-row-gap-xxxl--4xs>[class*="l-col-"] {
    padding-right: 1px;
    padding-left: 1px
  }

  .l-row-gap-xxxl--3xs {
    margin-right: -2px;
    margin-left: -2px
  }

  .l-row-gap-xxxl--3xs>.l-col,
  .l-row-gap-xxxl--3xs>.l-col-base,
  .l-row-gap-xxxl--3xs>[class*="l-col-"] {
    padding-right: 2px;
    padding-left: 2px
  }

  .l-row-gap-xxxl--xxs {
    margin-right: -4px;
    margin-left: -4px
  }

  .l-row-gap-xxxl--xxs>.l-col,
  .l-row-gap-xxxl--xxs>.l-col-base,
  .l-row-gap-xxxl--xxs>[class*="l-col-"] {
    padding-right: 4px;
    padding-left: 4px
  }

  .l-row-gap-xxxl--xs {
    margin-right: -6px;
    margin-left: -6px
  }

  .l-row-gap-xxxl--xs>.l-col,
  .l-row-gap-xxxl--xs>.l-col-base,
  .l-row-gap-xxxl--xs>[class*="l-col-"] {
    padding-right: 6px;
    padding-left: 6px
  }

  .l-row-gap-xxxl--s {
    margin-right: -8px;
    margin-left: -8px
  }

  .l-row-gap-xxxl--s>.l-col,
  .l-row-gap-xxxl--s>.l-col-base,
  .l-row-gap-xxxl--s>[class*="l-col-"] {
    padding-right: 8px;
    padding-left: 8px
  }

  .l-row-gap-xxxl--m {
    margin-right: -12px;
    margin-left: -12px
  }

  .l-row-gap-xxxl--m>.l-col,
  .l-row-gap-xxxl--m>.l-col-base,
  .l-row-gap-xxxl--m>[class*="l-col-"] {
    padding-right: 12px;
    padding-left: 12px
  }

  .l-row-gap-xxxl--l {
    margin-right: -16px;
    margin-left: -16px
  }

  .l-row-gap-xxxl--l>.l-col,
  .l-row-gap-xxxl--l>.l-col-base,
  .l-row-gap-xxxl--l>[class*="l-col-"] {
    padding-right: 16px;
    padding-left: 16px
  }

  .l-row-gap-xxxl--xl {
    margin-right: -24px;
    margin-left: -24px
  }

  .l-row-gap-xxxl--xl>.l-col,
  .l-row-gap-xxxl--xl>.l-col-base,
  .l-row-gap-xxxl--xl>[class*="l-col-"] {
    padding-right: 24px;
    padding-left: 24px
  }

  .l-row-gap-xxxl--2xl {
    margin-right: -36px;
    margin-left: -36px
  }

  .l-row-gap-xxxl--2xl>.l-col,
  .l-row-gap-xxxl--2xl>.l-col-base,
  .l-row-gap-xxxl--2xl>[class*="l-col-"] {
    padding-right: 36px;
    padding-left: 36px
  }

  .l-row-gap-xxxl--3xl {
    margin-right: -48px;
    margin-left: -48px
  }

  .l-row-gap-xxxl--3xl>.l-col,
  .l-row-gap-xxxl--3xl>.l-col-base,
  .l-row-gap-xxxl--3xl>[class*="l-col-"] {
    padding-right: 48px;
    padding-left: 48px
  }

  .l-row-gap-xxxl--4xl {
    margin-right: -64px;
    margin-left: -64px
  }

  .l-row-gap-xxxl--4xl>.l-col,
  .l-row-gap-xxxl--4xl>.l-col-base,
  .l-row-gap-xxxl--4xl>[class*="l-col-"] {
    padding-right: 64px;
    padding-left: 64px
  }
}

.l-col-xxxl,
.l-col-xxxl-auto,
.l-col-xxxl-12,
.l-col-xxxl-11,
.l-col-xxxl-10,
.l-col-xxxl-9,
.l-col-xxxl-8,
.l-col-xxxl-7,
.l-col-xxxl-6,
.l-col-xxxl-5,
.l-col-xxxl-4,
.l-col-xxxl-3,
.l-col-xxxl-2,
.l-col-xxxl-1,
.l-col-xxl,
.l-col-xxl-auto,
.l-col-xxl-12,
.l-col-xxl-11,
.l-col-xxl-10,
.l-col-xxl-9,
.l-col-xxl-8,
.l-col-xxl-7,
.l-col-xxl-6,
.l-col-xxl-5,
.l-col-xxl-4,
.l-col-xxl-3,
.l-col-xxl-2,
.l-col-xxl-1,
.l-col-xl,
.l-col-xl-auto,
.l-col-xl-12,
.l-col-xl-11,
.l-col-xl-10,
.l-col-xl-9,
.l-col-xl-8,
.l-col-xl-7,
.l-col-xl-6,
.l-col-xl-5,
.l-col-xl-4,
.l-col-xl-3,
.l-col-xl-2,
.l-col-xl-1,
.l-col-lg,
.l-col-lg-auto,
.l-col-lg-12,
.l-col-lg-11,
.l-col-lg-10,
.l-col-lg-9,
.l-col-lg-8,
.l-col-lg-7,
.l-col-lg-6,
.l-col-lg-5,
.l-col-lg-4,
.l-col-lg-3,
.l-col-lg-2,
.l-col-lg-1,
.l-col-md,
.l-col-md-auto,
.l-col-md-12,
.l-col-md-11,
.l-col-md-10,
.l-col-md-9,
.l-col-md-8,
.l-col-md-7,
.l-col-md-6,
.l-col-md-5,
.l-col-md-4,
.l-col-md-3,
.l-col-md-2,
.l-col-md-1,
.l-col-sm,
.l-col-sm-auto,
.l-col-sm-12,
.l-col-sm-11,
.l-col-sm-10,
.l-col-sm-9,
.l-col-sm-8,
.l-col-sm-7,
.l-col-sm-6,
.l-col-sm-5,
.l-col-sm-4,
.l-col-sm-3,
.l-col-sm-2,
.l-col-sm-1,
.l-col-xs,
.l-col-xs-auto,
.l-col-xs-12,
.l-col-xs-11,
.l-col-xs-10,
.l-col-xs-9,
.l-col-xs-8,
.l-col-xs-7,
.l-col-xs-6,
.l-col-xs-5,
.l-col-xs-4,
.l-col-xs-3,
.l-col-xs-2,
.l-col-xs-1,
.l-col,
.l-col-auto,
.l-col-12,
.l-col-11,
.l-col-10,
.l-col-9,
.l-col-8,
.l-col-7,
.l-col-6,
.l-col-5,
.l-col-4,
.l-col-3,
.l-col-2,
.l-col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
  box-sizing: border-box
}

.l-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.l-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none
}

.l-col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%
}

.l-col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.l-col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.l-col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.l-col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}

.l-col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.l-col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}

.l-col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}

.l-col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.l-col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}

.l-col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%
}

.l-col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.l-offset-1 {
  margin-left: 8.3333333333%
}

.l-offset-2 {
  margin-left: 16.6666666667%
}

.l-offset-3 {
  margin-left: 25%
}

.l-offset-4 {
  margin-left: 33.3333333333%
}

.l-offset-5 {
  margin-left: 41.6666666667%
}

.l-offset-6 {
  margin-left: 50%
}

.l-offset-7 {
  margin-left: 58.3333333333%
}

.l-offset-8 {
  margin-left: 66.6666666667%
}

.l-offset-9 {
  margin-left: 75%
}

.l-offset-10 {
  margin-left: 83.3333333333%
}

.l-offset-11 {
  margin-left: 91.6666666667%
}

@media (min-width: 423px) {
  .l-col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .l-col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .l-col-xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .l-col-xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .l-col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .l-col-xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .l-col-xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .l-col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .l-col-xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .l-col-xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .l-col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .l-col-xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .l-col-xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .l-col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .l-offset-xs-0 {
    margin-left: 0
  }

  .l-offset-xs-1 {
    margin-left: 8.3333333333%
  }

  .l-offset-xs-2 {
    margin-left: 16.6666666667%
  }

  .l-offset-xs-3 {
    margin-left: 25%
  }

  .l-offset-xs-4 {
    margin-left: 33.3333333333%
  }

  .l-offset-xs-5 {
    margin-left: 41.6666666667%
  }

  .l-offset-xs-6 {
    margin-left: 50%
  }

  .l-offset-xs-7 {
    margin-left: 58.3333333333%
  }

  .l-offset-xs-8 {
    margin-left: 66.6666666667%
  }

  .l-offset-xs-9 {
    margin-left: 75%
  }

  .l-offset-xs-10 {
    margin-left: 83.3333333333%
  }

  .l-offset-xs-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width: 576px) {
  .l-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .l-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .l-col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .l-col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .l-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .l-col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .l-col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .l-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .l-col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .l-col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .l-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .l-col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .l-col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .l-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .l-offset-sm-0 {
    margin-left: 0
  }

  .l-offset-sm-1 {
    margin-left: 8.3333333333%
  }

  .l-offset-sm-2 {
    margin-left: 16.6666666667%
  }

  .l-offset-sm-3 {
    margin-left: 25%
  }

  .l-offset-sm-4 {
    margin-left: 33.3333333333%
  }

  .l-offset-sm-5 {
    margin-left: 41.6666666667%
  }

  .l-offset-sm-6 {
    margin-left: 50%
  }

  .l-offset-sm-7 {
    margin-left: 58.3333333333%
  }

  .l-offset-sm-8 {
    margin-left: 66.6666666667%
  }

  .l-offset-sm-9 {
    margin-left: 75%
  }

  .l-offset-sm-10 {
    margin-left: 83.3333333333%
  }

  .l-offset-sm-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width: 768px) {
  .l-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .l-col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .l-col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .l-col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .l-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .l-col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .l-col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .l-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .l-col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .l-col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .l-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .l-col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .l-col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .l-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .l-offset-md-0 {
    margin-left: 0
  }

  .l-offset-md-1 {
    margin-left: 8.3333333333%
  }

  .l-offset-md-2 {
    margin-left: 16.6666666667%
  }

  .l-offset-md-3 {
    margin-left: 25%
  }

  .l-offset-md-4 {
    margin-left: 33.3333333333%
  }

  .l-offset-md-5 {
    margin-left: 41.6666666667%
  }

  .l-offset-md-6 {
    margin-left: 50%
  }

  .l-offset-md-7 {
    margin-left: 58.3333333333%
  }

  .l-offset-md-8 {
    margin-left: 66.6666666667%
  }

  .l-offset-md-9 {
    margin-left: 75%
  }

  .l-offset-md-10 {
    margin-left: 83.3333333333%
  }

  .l-offset-md-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width: 992px) {
  .l-col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .l-col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .l-col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .l-col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .l-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .l-col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .l-col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .l-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .l-col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .l-col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .l-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .l-col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .l-col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .l-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .l-offset-lg-0 {
    margin-left: 0
  }

  .l-offset-lg-1 {
    margin-left: 8.3333333333%
  }

  .l-offset-lg-2 {
    margin-left: 16.6666666667%
  }

  .l-offset-lg-3 {
    margin-left: 25%
  }

  .l-offset-lg-4 {
    margin-left: 33.3333333333%
  }

  .l-offset-lg-5 {
    margin-left: 41.6666666667%
  }

  .l-offset-lg-6 {
    margin-left: 50%
  }

  .l-offset-lg-7 {
    margin-left: 58.3333333333%
  }

  .l-offset-lg-8 {
    margin-left: 66.6666666667%
  }

  .l-offset-lg-9 {
    margin-left: 75%
  }

  .l-offset-lg-10 {
    margin-left: 83.3333333333%
  }

  .l-offset-lg-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width: 1140px) {
  .l-col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .l-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .l-col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .l-col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .l-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .l-col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .l-col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .l-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .l-col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .l-col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .l-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .l-col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .l-col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .l-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .l-offset-xl-0 {
    margin-left: 0
  }

  .l-offset-xl-1 {
    margin-left: 8.3333333333%
  }

  .l-offset-xl-2 {
    margin-left: 16.6666666667%
  }

  .l-offset-xl-3 {
    margin-left: 25%
  }

  .l-offset-xl-4 {
    margin-left: 33.3333333333%
  }

  .l-offset-xl-5 {
    margin-left: 41.6666666667%
  }

  .l-offset-xl-6 {
    margin-left: 50%
  }

  .l-offset-xl-7 {
    margin-left: 58.3333333333%
  }

  .l-offset-xl-8 {
    margin-left: 66.6666666667%
  }

  .l-offset-xl-9 {
    margin-left: 75%
  }

  .l-offset-xl-10 {
    margin-left: 83.3333333333%
  }

  .l-offset-xl-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width: 1300px) {
  .l-col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .l-col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .l-col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .l-col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .l-col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .l-col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .l-col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .l-col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .l-col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .l-col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .l-col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .l-col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .l-col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .l-col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .l-offset-xxl-0 {
    margin-left: 0
  }

  .l-offset-xxl-1 {
    margin-left: 8.3333333333%
  }

  .l-offset-xxl-2 {
    margin-left: 16.6666666667%
  }

  .l-offset-xxl-3 {
    margin-left: 25%
  }

  .l-offset-xxl-4 {
    margin-left: 33.3333333333%
  }

  .l-offset-xxl-5 {
    margin-left: 41.6666666667%
  }

  .l-offset-xxl-6 {
    margin-left: 50%
  }

  .l-offset-xxl-7 {
    margin-left: 58.3333333333%
  }

  .l-offset-xxl-8 {
    margin-left: 66.6666666667%
  }

  .l-offset-xxl-9 {
    margin-left: 75%
  }

  .l-offset-xxl-10 {
    margin-left: 83.3333333333%
  }

  .l-offset-xxl-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width: 1650px) {
  .l-col-xxxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .l-col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .l-col-xxxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .l-col-xxxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .l-col-xxxl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .l-col-xxxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .l-col-xxxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .l-col-xxxl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .l-col-xxxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .l-col-xxxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .l-col-xxxl-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .l-col-xxxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .l-col-xxxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .l-col-xxxl-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .l-offset-xxxl-0 {
    margin-left: 0
  }

  .l-offset-xxxl-1 {
    margin-left: 8.3333333333%
  }

  .l-offset-xxxl-2 {
    margin-left: 16.6666666667%
  }

  .l-offset-xxxl-3 {
    margin-left: 25%
  }

  .l-offset-xxxl-4 {
    margin-left: 33.3333333333%
  }

  .l-offset-xxxl-5 {
    margin-left: 41.6666666667%
  }

  .l-offset-xxxl-6 {
    margin-left: 50%
  }

  .l-offset-xxxl-7 {
    margin-left: 58.3333333333%
  }

  .l-offset-xxxl-8 {
    margin-left: 66.6666666667%
  }

  .l-offset-xxxl-9 {
    margin-left: 75%
  }

  .l-offset-xxxl-10 {
    margin-left: 83.3333333333%
  }

  .l-offset-xxxl-11 {
    margin-left: 91.6666666667%
  }
}

html {
  font-size: 100%;
  min-height: 100%;
  width: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  background: #0F1018
}

html.page-analytics,
html.page-users-my-holdings-index,
html.page-my-holdings-index,
html.page-watches,
html.page-discoveries,
html.page-orders,
html.page-wallets-tracking,
html.page-portfolios {
  background: #0F1018
}

html body {
  min-height: 100vh
}

.page-discoveries body,
.page-users-my-holdings-index body,
.page-my-holdings-index body,
.page-trendings body,
.page-orders body,
.page-wallets-tracking body,
.page-portfolios body {
  background: #0F1018
}

body {
  line-height: normal;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.95);
  background: linear-gradient(165deg, rgba(118, 120, 136, 0.19) 3.89%, rgba(118, 120, 136, 0) 66.42%);
  background-size: 100% 890px;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  min-height: 100vh
}

@media (min-width: 992px) {
  body {
    font-size: 16px
  }
}

@media (max-width: 991px) {
  body {
    background: linear-gradient(142.44deg, rgba(109, 113, 147, 0.2) 2.63%, rgba(109, 113, 147, 0) 51.8%);
    background-size: 100% 640px;
    background-repeat: no-repeat
  }
}

hr {
  border-top: 1px solid rgba(0, 0, 0, 0.065);
  border-width: 1px 0 0;
  margin: 48px auto
}

p {
  margin: 0 0 1.5rem
}

a {
  color: #8E9DFF;
  text-decoration: none
}

strong {
  font-weight: 700
}

b {
  font-weight: bold
}

mark {
  background: none
}

option {
  text-align: left;
  color: #121212;
  background: white
}

hr {
  border-top: 1px solid rgba(255, 255, 255, 0.1)
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0
}

h1 {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 700
}

h2 {
  font-size: 2.6875rem;
  line-height: 1.2;
  font-weight: 700
}

h3 {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700
}

h4 {
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700
}

h5 {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 700
}

h6 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700
}

.c-section-title {
  font-family: "Chillax", sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 16px;
  text-transform: uppercase
}

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

iframe {
  border: none
}

.iziToast-capsule {
  font-size: 0;
  height: 0;
  width: 100%;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.iziToast-capsule,
.iziToast-capsule * {
  box-sizing: border-box
}

.iziToast-overlay {
  display: block;
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  bottom: -100px;
  z-index: 100001
}

.iziToast {
  display: inline-block;
  clear: both;
  position: relative;
  width: 100%;
  pointer-events: all;
  cursor: default;
  transform: translateX(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 54px;
  border-radius: 32px;
  font-style: normal;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.25;
  padding: 24px 64px;
  width: auto;
  z-index: 100001;
  background: #171821;
  border: 1px solid rgba(255, 255, 255, 0.15)
}

.iziToast,
.iziToast>.iziToast-body .iziToast-message {
  color: #B5B7DA
}

.iziToast>.iziToast-close {
  color: #858bac
}

@media (max-width: 991px) {
  .iziToast {
    width: 96%;
    font-size: 12px;
    text-align: center
  }
}

.iziToast>.iziToast-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.2)
}

.iziToast>.iziToast-progressbar>div {
  height: 2px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 3px 3px
}

.iziToast.iziToast-balloon:before {
  content: '';
  position: absolute;
  right: 8px;
  left: auto;
  width: 0px;
  height: 0px;
  top: 100%;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  border-radius: 0
}

.iziToast.iziToast-balloon .iziToast-progressbar {
  top: 0;
  bottom: auto
}

.iziToast.iziToast-balloon>div {
  border-radius: 0 0 0 3px
}

.iziToast>.iziToast-cover {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.1)
}

.iziToast>.iziToast-close {
  position: absolute;
  right: 25px;
  top: 50%;
  border: none;
  padding: 0;
  transform: translate(0, -50%);
  opacity: 0.8;
  cursor: pointer;
  outline: none;
  color: inherit;
  display: inline-flex;
  background-color: currentColor;
  background-size: cover;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  height: 14px;
  width: 14px;
  min-width: 14px;
  mask-image: url("");
  -webkit-mask-image: url("")
}

.iziToast>.iziToast-close:hover {
  opacity: 1
}

.iziToast>.iziToast-body {
  position: relative;
  height: auto;
  text-align: left
}

.iziToast>.iziToast-body:after {
  content: "";
  display: table;
  clear: both
}

.iziToast>.iziToast-body .iziToast-texts {
  padding-right: 2px;
  display: inline-block;
  float: left
}

.iziToast>.iziToast-body .iziToast-inputs {
  min-height: 19px;
  float: left;
  margin: 3px -2px
}

.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]),
.iziToast>.iziToast-body .iziToast-inputs>select {
  position: relative;
  display: inline-block;
  margin: 2px;
  border-radius: 2px;
  border: 0;
  padding: 4px 7px;
  font-size: 13px;
  letter-spacing: 0.02em;
  background: rgba(0, 0, 0, 0.1);
  color: #000;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  min-height: 26px
}

.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]):focus,
.iziToast>.iziToast-body .iziToast-inputs>select:focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6)
}

.iziToast>.iziToast-body .iziToast-buttons {
  min-height: 17px;
  float: left;
  margin: 4px -2px
}

.iziToast>.iziToast-body .iziToast-buttons>a,
.iziToast>.iziToast-body .iziToast-buttons>button,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]) {
  position: relative;
  display: inline-block;
  margin: 2px;
  border-radius: 2px;
  border: 0;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.02em;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  color: #000
}

.iziToast>.iziToast-body .iziToast-buttons>a:hover,
.iziToast>.iziToast-body .iziToast-buttons>button:hover,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):hover {
  background: rgba(0, 0, 0, 0.2)
}

.iziToast>.iziToast-body .iziToast-buttons>a:focus,
.iziToast>.iziToast-body .iziToast-buttons>button:focus,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6)
}

.iziToast>.iziToast-body .iziToast-buttons>a:active,
.iziToast>.iziToast-body .iziToast-buttons>button:active,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):active {
  top: 1px
}

.iziToast>.iziToast-body .iziToast-icon {
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  display: table;
  font-size: 23px;
  line-height: 24px;
  margin-top: -12px;
  color: #000;
  width: 24px;
  height: 24px
}

.iziToast>.iziToast-body .iziToast-icon.ico-info {
  background: url("") no-repeat 50% 50%;
  background-size: 85%
}

.iziToast>.iziToast-body .iziToast-icon.ico-warning {
  background: url("") no-repeat 50% 50%;
  background-size: 85%
}

.iziToast>.iziToast-body .iziToast-icon.ico-error {
  background: url("") no-repeat 50% 50%;
  background-size: 80%
}

.iziToast>.iziToast-body .iziToast-icon.ico-success {
  background: url("") no-repeat 50% 50%;
  background-size: 85%
}

.iziToast>.iziToast-body .iziToast-icon.ico-question {
  background: url("") no-repeat 50% 50%;
  background-size: 85%
}

.iziToast>.iziToast-body .iziToast-title {
  padding: 0;
  margin: 0;
  line-height: 16px;
  font-size: 14px;
  text-align: left;
  float: left;
  color: #000;
  white-space: normal
}

.iziToast>.iziToast-body .iziToast-message {
  padding: 0;
  margin: 0;
  text-align: left;
  float: left;
  white-space: normal
}

.iziToast-target {
  position: relative;
  width: 100%;
  margin: 0 auto
}

.iziToast-target .iziToast-capsule {
  overflow: hidden
}

.iziToast-target .iziToast-capsule:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}

.iziToast-target .iziToast-capsule .iziToast {
  width: 100%;
  float: left
}

.iziToast-wrapper {
  z-index: 100001;
  position: fixed;
  width: 100%;
  pointer-events: none;
  display: flex;
  flex-direction: column
}

.iziToast-wrapper .iziToast.iziToast-balloon:before {
  border-right: 0 solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  right: 8px;
  left: auto
}

.iziToast-wrapper-bottomLeft {
  left: 0;
  bottom: 0;
  text-align: left
}

.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px
}

.iziToast-wrapper-bottomRight {
  right: 0;
  bottom: 0;
  text-align: right
}

.iziToast-wrapper-topLeft {
  left: 0;
  top: 0;
  text-align: left
}

.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px
}

.iziToast-wrapper-topRight {
  top: 0;
  right: 0;
  text-align: right
}

.iziToast-wrapper-topCenter {
  top: 0;
  left: 0;
  right: 0;
  text-align: center
}

.iziToast-wrapper-bottomCenter {
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center
}

.iziToast-wrapper-center {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  justify-content: center;
  flex-flow: column;
  align-items: center
}

.iziToast-rtl {
  direction: rtl;
  padding: 8px 0 9px 45px;
  font-family: Tahoma, 'Lato', Arial
}

.iziToast-rtl .iziToast-cover {
  left: auto;
  right: 0
}

.iziToast-rtl .iziToast-close {
  right: auto;
  left: 0
}

.iziToast-rtl .iziToast-body {
  text-align: right
}

.iziToast-rtl .iziToast-body .iziToast-buttons,
.iziToast-rtl .iziToast-body .iziToast-inputs,
.iziToast-rtl .iziToast-body .iziToast-texts,
.iziToast-rtl .iziToast-body .iziToast-title,
.iziToast-rtl .iziToast-body .iziToast-message {
  float: right;
  text-align: right
}

.iziToast-rtl .iziToast-body .iziToast-icon {
  left: auto;
  right: 0
}

.iziToast:not(:has(.iziToast-close)) {
  padding-right: 64px !important
}

@media only screen and (min-width: 568px) {
  .iziToast-wrapper {
    padding: 10px 15px
  }

  .iziToast {
    margin: 5px 0;
    width: auto
  }

  .iziToast:not(.iziToast-rtl) .iziToast-cover {
    border-radius: 3px 0 0 3px
  }

  .iziToast.iziToast-rtl .iziToast-cover {
    border-radius: 0 3px 3px 0
  }

  .iziToast.iziToast-color-dark:after {
    box-shadow: inset 0 -10px 20px -10px rgba(255, 255, 255, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.25)
  }

  .iziToast.iziToast-balloon .iziToast-progressbar {
    background: transparent
  }

  .iziToast.iziToast-balloon:after {
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25), inset 0 10px 20px -5px rgba(0, 0, 0, 0.25)
  }

  .iziToast-target .iziToast:after {
    box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.1)
  }
}

.iziToast.iziToast-color-red {
  background: #FFFFFF;
  color: #FF4B92
}

.iziToast.iziToast-color-red,
.iziToast.iziToast-color-red>.iziToast-body .iziToast-message {
  color: #FF4B92
}

.iziToast.iziToast-color-red a {
  color: inherit;
  font-weight: 500
}

.iziToast.iziToast-color-orange {
  background: rgba(255, 207, 165, 0.9);
  border-color: rgba(255, 207, 165, 0.9)
}

.iziToast.iziToast-color-yellow {
  background: rgba(255, 249, 178, 0.9);
  border-color: rgba(255, 249, 178, 0.9)
}

.iziToast.iziToast-color-blue {
  background: rgba(157, 222, 255, 0.9);
  border-color: rgba(157, 222, 255, 0.9)
}

.iziToast.iziToast-layout2 .iziToast-body .iziToast-texts,
.iziToast.iziToast-layout2 .iziToast-body .iziToast-message {
  width: 100%
}

.iziToast.iziToast-layout3 {
  border-radius: 2px
}

.iziToast.iziToast-layout3::after {
  display: none
}

.iziToast.revealIn,
.iziToast .revealIn {
  -webkit-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  -moz-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both
}

.iziToast.slideIn,
.iziToast .slideIn {
  -webkit-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  -moz-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both
}

.iziToast.bounceInLeft {
  -webkit-animation: iziT-bounceInLeft 0.7s ease-in-out both;
  animation: iziT-bounceInLeft 0.7s ease-in-out both
}

.iziToast.bounceInRight {
  -webkit-animation: iziT-bounceInRight 0.85s ease-in-out both;
  animation: iziT-bounceInRight 0.85s ease-in-out both
}

.iziToast.bounceInDown {
  -webkit-animation: iziT-bounceInDown 0.7s ease-in-out both;
  animation: iziT-bounceInDown 0.7s ease-in-out both
}

.iziToast.bounceInUp {
  -webkit-animation: iziT-bounceInUp 0.7s ease-in-out both;
  animation: iziT-bounceInUp 0.7s ease-in-out both
}

.iziToast.fadeIn,
.iziToast .fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both
}

.iziToast.fadeInUp {
  -webkit-animation: iziT-fadeInUp 0.7s ease both;
  animation: iziT-fadeInUp 0.7s ease both
}

.iziToast.fadeInDown {
  -webkit-animation: iziT-fadeInDown 0.7s ease both;
  animation: iziT-fadeInDown 0.7s ease both
}

.iziToast.flipInX {
  -webkit-animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
  animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both
}

.iziToast.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both
}

.iziToast.fadeOutDown {
  -webkit-animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both
}

.iziToast.fadeOutUp {
  -webkit-animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both
}

.iziToast.flipOutX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both
}

.iziToast-overlay.fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both
}

.iziToast-overlay.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both
}

@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 1)
  }

  100% {
    opacity: 1
  }
}

@-moz-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 1)
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0)
  }
}

@-moz-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(50px)
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0)
  }
}

@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(280px)
  }

  50% {
    opacity: 1;
    -webkit-transform: translateX(-20px)
  }

  70% {
    -webkit-transform: translateX(10px)
  }

  100% {
    -webkit-transform: translateX(0)
  }
}

@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-280px)
  }

  50% {
    opacity: 1;
    -webkit-transform: translateX(20px)
  }

  70% {
    -webkit-transform: translateX(-10px)
  }

  100% {
    -webkit-transform: translateX(0)
  }
}

@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px)
  }

  50% {
    opacity: 1;
    -webkit-transform: translateY(10px)
  }

  70% {
    -webkit-transform: translateY(-5px)
  }

  100% {
    -webkit-transform: translateY(0)
  }
}

@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px)
  }

  50% {
    opacity: 1;
    -webkit-transform: translateY(-10px)
  }

  70% {
    -webkit-transform: translateY(5px)
  }

  100% {
    -webkit-transform: translateY(0)
  }
}

@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@-webkit-keyframes iziT-fadeOutUp {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0)
  }
}

@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0)
  }
}

@-webkit-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

@-moz-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1)
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1)
  }

  100% {
    opacity: 1
  }
}

@-o-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1)
  }

  100% {
    opacity: 1
  }
}

@keyframes iziT-revealIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 1)
  }

  100% {
    opacity: 1
  }
}

@-moz-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px)
  }

  100% {
    opacity: 1;
    transform: translateX(0)
  }
}

@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px)
  }

  100% {
    opacity: 1;
    transform: translateX(0)
  }
}

@-o-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px)
  }

  100% {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes iziT-slideIn {
  0% {
    opacity: 0;
    transform: translateX(50px)
  }

  100% {
    opacity: 1;
    transform: translateX(0)
  }
}

@-moz-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px)
  }

  50% {
    opacity: 1;
    transform: translateX(-20px)
  }

  70% {
    transform: translateX(10px)
  }

  100% {
    transform: translateX(0)
  }
}

@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px)
  }

  50% {
    opacity: 1;
    transform: translateX(-20px)
  }

  70% {
    transform: translateX(10px)
  }

  100% {
    transform: translateX(0)
  }
}

@-o-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px)
  }

  50% {
    opacity: 1;
    transform: translateX(-20px)
  }

  70% {
    transform: translateX(10px)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(280px)
  }

  50% {
    opacity: 1;
    transform: translateX(-20px)
  }

  70% {
    transform: translateX(10px)
  }

  100% {
    transform: translateX(0)
  }
}

@-moz-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px)
  }

  50% {
    opacity: 1;
    transform: translateX(20px)
  }

  70% {
    transform: translateX(-10px)
  }

  100% {
    transform: translateX(0)
  }
}

@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px)
  }

  50% {
    opacity: 1;
    transform: translateX(20px)
  }

  70% {
    transform: translateX(-10px)
  }

  100% {
    transform: translateX(0)
  }
}

@-o-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px)
  }

  50% {
    opacity: 1;
    transform: translateX(20px)
  }

  70% {
    transform: translateX(-10px)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(-280px)
  }

  50% {
    opacity: 1;
    transform: translateX(20px)
  }

  70% {
    transform: translateX(-10px)
  }

  100% {
    transform: translateX(0)
  }
}

@-moz-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px)
  }

  50% {
    opacity: 1;
    transform: translateY(10px)
  }

  70% {
    transform: translateY(-5px)
  }

  100% {
    transform: translateY(0)
  }
}

@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px)
  }

  50% {
    opacity: 1;
    transform: translateY(10px)
  }

  70% {
    transform: translateY(-5px)
  }

  100% {
    transform: translateY(0)
  }
}

@-o-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px)
  }

  50% {
    opacity: 1;
    transform: translateY(10px)
  }

  70% {
    transform: translateY(-5px)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-200px)
  }

  50% {
    opacity: 1;
    transform: translateY(10px)
  }

  70% {
    transform: translateY(-5px)
  }

  100% {
    transform: translateY(0)
  }
}

@-moz-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px)
  }

  50% {
    opacity: 1;
    transform: translateY(-10px)
  }

  70% {
    transform: translateY(5px)
  }

  100% {
    transform: translateY(0)
  }
}

@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px)
  }

  50% {
    opacity: 1;
    transform: translateY(-10px)
  }

  70% {
    transform: translateY(5px)
  }

  100% {
    transform: translateY(0)
  }
}

@-o-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px)
  }

  50% {
    opacity: 1;
    transform: translateY(-10px)
  }

  70% {
    transform: translateY(5px)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(200px)
  }

  50% {
    opacity: 1;
    transform: translateY(-10px)
  }

  70% {
    transform: translateY(5px)
  }

  100% {
    transform: translateY(0)
  }
}

@-moz-keyframes iziT-fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-o-keyframes iziT-fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes iziT-fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-moz-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-o-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-moz-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-o-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-moz-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-o-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-moz-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-o-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-moz-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@-webkit-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@-o-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@-moz-keyframes iziT-fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-o-keyframes iziT-fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes iziT-fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-moz-keyframes iziT-fadeOutDown {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@-o-keyframes iziT-fadeOutDown {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes iziT-fadeOutDown {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@-moz-keyframes iziT-fadeOutUp {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@-webkit-keyframes iziT-fadeOutUp {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@-o-keyframes iziT-fadeOutUp {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes iziT-fadeOutUp {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@-moz-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0)
  }
}

@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0)
  }
}

@-o-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0)
  }
}

@keyframes iziT-fadeOutLeft {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0)
  }
}

@-moz-keyframes iziT-fadeOutRight {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0)
  }
}

@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0)
  }
}

@-o-keyframes iziT-fadeOutRight {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0)
  }
}

@keyframes iziT-fadeOutRight {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0)
  }
}

@-moz-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

@-webkit-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

@-o-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

@keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 999999;
  opacity: 0;
  transition: all 0.3s ease-out
}

.introjs-showElement {
  z-index: 9999999 !important
}

tr.introjs-showElement>td {
  z-index: 9999999 !important;
  position: relative
}

tr.introjs-showElement>th {
  z-index: 9999999 !important;
  position: relative
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: #6A60E8;
  opacity: 0;
  filter: alpha(opacity=0)
}

.introjs-relativePosition {
  position: relative
}

.introjs-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  border-radius: 4px;
  transition: all 0.3s ease-out
}

.introjs-helperLayer * {
  box-sizing: content-box
}

.introjs-helperLayer *:before {
  box-sizing: content-box
}

.introjs-helperLayer *:after {
  box-sizing: content-box
}

.introjs-tooltipReferenceLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  transition: all 0.3s ease-out
}

.introjs-helperNumberLayer {
  color: #9e9e9e;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px
}

.introjs-arrow {
  border: 5px solid transparent;
  content: "";
  position: absolute
}

.introjs-arrow.top {
  top: -10px;
  left: 10px;
  border-bottom-color: #6A60E8
}

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: #6A60E8
}

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #6A60E8
}

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: #6A60E8
}

.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: #6A60E8
}

.introjs-arrow.bottom {
  bottom: -10px;
  left: 10px;
  border-top-color: #6A60E8
}

.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: #6A60E8
}

.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #6A60E8
}

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: #6A60E8
}

.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: #6A60E8
}

.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  background-color: #6A60E8;
  min-width: 250px;
  max-width: 300px;
  border-radius: 5px;
  box-shadow: 0 3px 30px rgba(33, 33, 33, 0.3);
  transition: opacity 0.1s ease-out
}

.introjs-tooltip .introjs-tooltiptext {
  padding-bottom: 60px
}

.introjs-tooltip .introjs-content-footer {
  padding-top: 20px;
  font-size: 12px
}

.introjs-tooltip .intro-step {
  display: inline-block
}

.introjs-tooltip .js-intro-next-btn {
  display: inline-block
}

.introjs-tooltip .introjs-prevbutton {
  padding-top: 10px
}

.introjs-tooltip .js-tour-skip-all {
  font-style: italic;
  text-decoration: underline;
  cursor: pointer;
  padding-left: 5px;
  display: inline-block
}

.introjs-tooltiptext {
  padding: 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%
}

.introjs-dontShowAgain {
  padding-left: 20px;
  padding-right: 20px
}

.introjs-dontShowAgain input {
  padding: 0;
  margin: 0;
  margin-bottom: 2px;
  display: inline;
  width: 10px;
  height: 10px
}

.introjs-dontShowAgain label {
  font-size: 14px;
  display: inline-block;
  font-weight: normal;
  margin: 0 0 0 5px;
  padding: 0;
  background-color: #6A60E8;
  color: #616161;
  user-select: none
}

.introjs-tooltip-title {
  font-size: 18px;
  width: 90%;
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 1.5
}

.introjs-tooltip-header {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px
}

.introjs-tooltipbuttons {
  padding: 10px;
  text-align: right;
  white-space: nowrap
}

.introjs-tooltipbuttons:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both
}

.introjs-button {
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  border-radius: 100px;
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  padding: 12px 32px;
  cursor: pointer;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  zoom: 1;
  display: inline
}

.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.introjs-skipbutton {
  display: none
}

.introjs-prevbutton {
  float: left
}

.introjs-nextbutton {
  float: right
}

.introjs-disabled {
  opacity: 0.6;
  cursor: not-allowed
}

.introjs-hidden {
  display: none
}

.introjs-bullets {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px
}

.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 0 auto 0;
  padding: 0;
  display: inline-block
}

.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px
}

.introjs-bullets ul li a {
  transition: width 0.1s ease-in;
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer
}

.introjs-bullets ul li a:hover,
.introjs-bullets ul li a:focus {
  width: 15px;
  background: #fff;
  text-decoration: none;
  outline: none
}

.introjs-bullets ul li a.active {
  width: 15px;
  background: #fff
}

.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px;
  border-radius: 4px;
  background-color: #e0e0e0
}

.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%
}

.introjs-fixedTooltip {
  position: fixed
}

.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer
}

.introjs-hint:focus {
  border: 0;
  outline: 0
}

.introjs-hint:hover>.introjs-hint-pulse {
  background-color: rgba(60, 60, 60, 0.57)
}

.introjs-hidehint {
  display: none
}

.introjs-fixedhint {
  position: fixed
}

@keyframes introjspulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7)
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0)
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
  }
}

.introjs-hint-pulse {
  box-sizing: content-box;
  width: 15px;
  height: 15px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  transition: all 0.2s ease-out;
  animation: introjspulse 2s infinite
}

.introjs-hint-no-anim .introjs-hint-pulse {
  animation: none
}

.introjs-hint-dot {
  box-sizing: content-box;
  background: transparent;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -18px;
  left: -18px;
  z-index: 1;
  opacity: 0
}

.tns-outer {
  padding: 0 !important
}

.tns-outer [hidden] {
  display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s
}

.tns-slider>.tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
  float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
  margin-right: -100%
}

.tns-no-calc {
  position: relative;
  left: 0
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px
}

.tns-gallery>.tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
  position: relative;
  left: auto !important
}

.tns-gallery>.tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s
}

.tns-autowidth {
  display: inline-block
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6
}

.tns-lazy-img.tns-complete {
  opacity: 1
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s
}

.tns-ovh {
  overflow: hidden
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em
}

.tns-transparent {
  opacity: 0;
  visibility: hidden
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0
}

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1
}

.tns-vpfix {
  white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
  display: inline-block
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0
}

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both
}

.tns-t-ct>div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left
}

.c-lazyload {
  background: #f0f0f031;
  animation: pulse 1.7s ease-in-out infinite;
  animation-delay: 0.5s
}

.c-lazyload:has(.c-lazyload__img[src]) {
  animation: none;
  background: none
}

.c-lazyload__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  display: none
}

.c-lazyload__overlay__icon {
  width: 50% !important;
  height: 50% !important;
  min-width: 50% !important;
  color: rgba(255, 255, 255, 0.9)
}

.c-lazyload__img {
  width: 100%;
  height: 100%;
  min-width: 100%;
  border-radius: inherit;
  display: block
}

.c-lazyload__img[data-src] {
  opacity: 0;
  visibility: hidden
}

.c-lazyload__img[src] {
  opacity: 1;
  visibility: visible
}

.c-lazyload:hover .c-lazyload__img[src]+.c-lazyload__overlay {
  display: flex
}

@keyframes pulse {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0.4
  }

  100% {
    opacity: 1
  }
}

.c-alert {
  background: rgba(129, 119, 255, 0.25);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(26px);
  width: 315px;
  padding: 16px 24px;
  border: none;
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
  position: relative
}

.c-alert__close {
  color: rgba(181, 183, 218, 0.7)
}

.c-alert .iziToast-texts,
.c-alert .iziToast-message {
  width: 100%
}

.c-alert,
.c-alert>.iziToast-body .iziToast-message {
  color: #fff;
  line-height: 150%;
  font-weight: 500;
  font-size: 13px
}

.c-alert>.iziToast-close {
  color: #858bac;
  display: none
}

.c-alert__inner {
  display: block;
  color: #fff;
  padding: 16px 24px
}

.c-alert__icon {
  color: #B5B7DA;
  width: 20px;
  height: 20px;
  min-width: 20px
}

.c-alert__img {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 100px
}

.c-alert>.iziToast-progressbar {
  background: none
}

.c-alert>.iziToast-progressbar div {
  height: 1px;
  background: linear-gradient(90deg, #57FFFF 1.39%, #E777FF 51.21%, #59F3FF 100%)
}

.js-t-skeleton-tr.is-hidden {
  display: none
}

.js-t-skeleton-tr:not(.is-hidden)~*:not(.js-t-skeleton-tr) {
  display: none
}

.c-t-skeleton {
  display: none;
  width: 100%;
  height: 60px;
  z-index: 2;
  max-width: 100%;
  background: #f0f0f031;
  animation: pulse 1.7s ease-in-out infinite;
  animation-delay: 0.5s;
  border-radius: 5px;
  margin: 16px 4px;
  height: 32px
}

.c-t-skeleton.is-loaded,
.c-t-skeleton:has(img[data-ll-status="error"]) {
  background: none;
  animation: none
}

.c-t-skeleton .is-loaded {
  background: none;
  animation: none
}

.c-t-skeleton::after {
  content: attr(data-text);
  visibility: hidden
}

.c-t-skeleton--visible {
  display: inline-block
}

@keyframes pulse {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0.4
  }

  100% {
    opacity: 1
  }
}

.c-icon {
  display: inline-flex;
  background-color: currentColor;
  background-size: cover;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  height: 20px;
  width: 20px;
  min-width: 20px
}

.c-icon--5xs {
  height: 8px !important;
  width: 8px !important;
  min-width: 8px !important
}

.c-icon--4xs {
  height: 11px !important;
  width: 11px !important;
  min-width: 11px !important
}

.c-icon--12 {
  height: 12px !important;
  width: 12px !important;
  min-width: 12px !important
}

.c-icon--3xs {
  height: 14px !important;
  width: 14px !important;
  min-width: 14px !important
}

.c-icon--base {
  height: 16px !important;
  width: 16px !important;
  min-width: 16px !important
}

.c-icon--17 {
  height: 17px !important;
  width: 17px !important;
  min-width: 17px !important
}

.c-icon--18 {
  height: 18px !important;
  width: 18px !important;
  min-width: 18px !important
}

.c-icon--xxs {
  height: 20px !important;
  width: 20px !important;
  min-width: 20px !important
}

.c-icon--xs {
  height: 24px !important;
  width: 24px !important;
  min-width: 24px !important
}

.c-icon--sm {
  height: 28px !important;
  width: 28px !important;
  min-width: 28px !important
}

.c-icon--md {
  height: 32px !important;
  width: 32px !important;
  min-width: 32px !important
}

.c-icon--lg {
  height: 48px !important;
  width: 48px !important;
  min-width: 48px !important
}

.c-icon--xl {
  height: 64px !important;
  width: 64px !important;
  min-width: 64px !important
}

.c-icon--xxl {
  height: 128px !important;
  width: 128px !important;
  min-width: 128px !important
}

.c-icon--public {
  display: inline-flex;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent
}

.c-icon.is-disabled,
.c-icon:disabled {
  opacity: 0.4;
  box-shadow: none;
  cursor: not-allowed
}

.c-icon--arrow-right,
.c-icon[data-icon="arrow-right"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--arrow-left,
.c-icon[data-icon="arrow-left"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--attention,
.c-icon[data-icon="attention"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--bill,
.c-icon[data-icon="bill"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--block,
.c-icon[data-icon="block"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--bot,
.c-icon[data-icon="bot"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--cart,
.c-icon[data-icon="cart"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--chart-square,
.c-icon[data-icon="chart-square"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--chart,
.c-icon[data-icon="chart"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--check,
.c-icon[data-icon="check"] {
  mask-image: url("check-8946496e7b8dbb6d7351b5796c983d584570379d0356fa814de1c8ca738e88fc.svg");
  -webkit-mask-image: url("check-8946496e7b8dbb6d7351b5796c983d584570379d0356fa814de1c8ca738e88fc.svg")
}

.c-icon--check-2,
.c-icon[data-icon="check-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--check-3,
.c-icon[data-icon="check-3"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--chevron-down,
.c-icon[data-icon="chevron-down"] {
  mask-image: url("chevron-down-6ad8f89f9edc0655b3331ad135acb3faa57fa22dd44a9a1c717b17698885a33f.svg");
  -webkit-mask-image: url("chevron-down-6ad8f89f9edc0655b3331ad135acb3faa57fa22dd44a9a1c717b17698885a33f.svg")
}

.c-icon--chevron-right,
.c-icon[data-icon="chevron-right"] {
  mask-image: url("chevron-right-10d36472cd83c98fb37d681b5868c9a2a658912be815c26ee5ae81fedfedafb3.svg");
  -webkit-mask-image: url("chevron-right-10d36472cd83c98fb37d681b5868c9a2a658912be815c26ee5ae81fedfedafb3.svg")
}

.c-icon--chevron-left,
.c-icon[data-icon="chevron-left"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--chevron-up,
.c-icon[data-icon="chevron-up"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--circle-check,
.c-icon[data-icon="circle-check"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--circle-close,
.c-icon[data-icon="circle-close"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--circle-x,
.c-icon[data-icon="circle-x"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--clock,
.c-icon[data-icon="clock"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--close,
.c-icon[data-icon="close"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--moonshot,
.c-icon[data-icon="moonshot"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--no-moonshot,
.c-icon[data-icon="no-moonshot"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--edit,
.c-icon[data-icon="edit"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--cup,
.c-icon[data-icon="cup"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--diamond,
.c-icon[data-icon="diamond"] {
  mask-image: url("diamond-761692df3121681a7e7adff9c32d8c21abbbc285881336cf07fe64ad56a60d55.svg");
  -webkit-mask-image: url("diamond-761692df3121681a7e7adff9c32d8c21abbbc285881336cf07fe64ad56a60d55.svg")
}

.c-icon--direct-inbox,
.c-icon[data-icon="direct-inbox"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--docs,
.c-icon[data-icon="docs"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--document-copy,
.c-icon[data-icon="document-copy"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--document-download,
.c-icon[data-icon="document-download"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--dot,
.c-icon[data-icon="dot"] {
  mask-image: url("dot-b8ed18e8722f8ed422f26319c47a7bb77d294ccc77c3ef24f9b8f7acc710b447.svg");
  -webkit-mask-image: url("dot-b8ed18e8722f8ed422f26319c47a7bb77d294ccc77c3ef24f9b8f7acc710b447.svg")
}

.c-icon--double-chevron-right,
.c-icon[data-icon="double-chevron-right"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--empty-wallet,
.c-icon[data-icon="empty-wallet"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--empty-wallet-2,
.c-icon[data-icon="empty-wallet-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--etherscan,
.c-icon[data-icon="etherscan"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--export,
.c-icon[data-icon="export"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--eye-closed,
.c-icon[data-icon="eye-closed"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--eye,
.c-icon[data-icon="eye"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--flash,
.c-icon[data-icon="flash"] {
  mask-image: url("flash-61480efb293dbec7036fc83d104dee870c5d0c4bb19ba9e940b5f59e3b642bd8.svg");
  -webkit-mask-image: url("flash-61480efb293dbec7036fc83d104dee870c5d0c4bb19ba9e940b5f59e3b642bd8.svg")
}

.c-icon--gas-station,
.c-icon[data-icon="gas-station"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--gear,
.c-icon[data-icon="gear"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--gift,
.c-icon[data-icon="gift"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--import,
.c-icon[data-icon="import"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--info,
.c-icon[data-icon="info"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--logout,
.c-icon[data-icon="logout"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--medium,
.c-icon[data-icon="medium"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--menu,
.c-icon[data-icon="menu"] {
  mask-image: url("menu-ba64c1ab91a3a627f9f1f418c289192662051b1044200bf949ddf03955af5101.svg");
  -webkit-mask-image: url("menu-ba64c1ab91a3a627f9f1f418c289192662051b1044200bf949ddf03955af5101.svg")
}

.c-icon--minus,
.c-icon[data-icon="minus"] {
  mask-image: url("minus-49ca83f1ffc35e00a199277a52faba95feb97810bfa5ce379c780a154ba66131.svg");
  -webkit-mask-image: url("minus-49ca83f1ffc35e00a199277a52faba95feb97810bfa5ce379c780a154ba66131.svg")
}

.c-icon--money-send,
.c-icon[data-icon="money-send"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--debridge,
.c-icon[data-icon="debridge"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--plus,
.c-icon[data-icon="plus"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--plus-2,
.c-icon[data-icon="plus-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--qr,
.c-icon[data-icon="qr"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--ranking,
.c-icon[data-icon="ranking"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--reddit,
.c-icon[data-icon="reddit"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--referral,
.c-icon[data-icon="referral"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--search,
.c-icon[data-icon="search"] {
  mask-image: url("search-3e8b8cdfa15361554ddf57f3e1f55377344278fa7e232da1052cf18a1182b24b.svg");
  -webkit-mask-image: url("search-3e8b8cdfa15361554ddf57f3e1f55377344278fa7e232da1052cf18a1182b24b.svg")
}

.c-icon--settings,
.c-icon[data-icon="settings"] {
  mask-image: url("settings-8e33071a25c397c261be9b0e48d43711b1e77533e45a15f9980fe1cc906fed8e.svg");
  -webkit-mask-image: url("settings-8e33071a25c397c261be9b0e48d43711b1e77533e45a15f9980fe1cc906fed8e.svg")
}

.c-icon--shield-security,
.c-icon[data-icon="shield-security"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--snipe,
.c-icon[data-icon="snipe"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--share,
.c-icon[data-icon="share"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--tag,
.c-icon[data-icon="tag"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--telegram,
.c-icon[data-icon="telegram"] {
  mask-image: url("telegram-4a9976ab39d946e6d7ad67d12787e4caf8b9d81bae24a245ddcab20de7a26bb1.svg");
  -webkit-mask-image: url("telegram-4a9976ab39d946e6d7ad67d12787e4caf8b9d81bae24a245ddcab20de7a26bb1.svg")
}

.c-icon--transaction-minus,
.c-icon[data-icon="transaction-minus"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--trash,
.c-icon[data-icon="trash"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--twitter,
.c-icon[data-icon="twitter"] {
  mask-image: url("twitter-ccfae80a828f116f3e5e4cfe1e89fca532aba87b39fda7bf7349f95ce9e99015.svg");
  -webkit-mask-image: url("twitter-ccfae80a828f116f3e5e4cfe1e89fca532aba87b39fda7bf7349f95ce9e99015.svg")
}

.c-icon--user-octagon,
.c-icon[data-icon="user-octagon"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--user,
.c-icon[data-icon="user"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--wallet-add,
.c-icon[data-icon="wallet-add"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--website,
.c-icon[data-icon="website"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--x,
.c-icon[data-icon="x"] {
  mask-image: url("x-27fa54e4942266a44480a7360a089b9568b20fd338ba7b7558fcbcb04cb71da0.svg");
  -webkit-mask-image: url("x-27fa54e4942266a44480a7360a089b9568b20fd338ba7b7558fcbcb04cb71da0.svg")
}

.c-icon--x-2,
.c-icon[data-icon="x-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--users,
.c-icon[data-icon="users"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--global,
.c-icon[data-icon="global"] {
  mask-image: url("global-60d2a581b80f73baf90275eeda953e37944f4e94a07f109615989e585121476f.svg");
  -webkit-mask-image: url("global-60d2a581b80f73baf90275eeda953e37944f4e94a07f109615989e585121476f.svg")
}

.c-icon--sol-solid,
.c-icon[data-icon="sol-solid"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--eth-solid,
.c-icon[data-icon="eth-solid"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--refresh,
.c-icon[data-icon="refresh"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--linear-more,
.c-icon[data-icon="linear-more"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--more-vert,
.c-icon[data-icon="more-vert"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--more-horiz,
.c-icon[data-icon="more-horiz"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--status-up,
.c-icon[data-icon="status-up"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--textalign-left,
.c-icon[data-icon="textalign-left"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--mobile,
.c-icon[data-icon="mobile"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--buy-crypto-solid,
.c-icon[data-icon="buy-crypto-solid"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--home-screen,
.c-icon[data-icon="home-screen"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--circle-check-2,
.c-icon[data-icon="circle-check-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--lowlq,
.c-icon[data-icon="lowlq"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--pairs,
.c-icon[data-icon="pairs"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--mpools,
.c-icon[data-icon="mpools"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--filter,
.c-icon[data-icon="filter"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--filter-remove,
.c-icon[data-icon="filter-remove"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--crown-2,
.c-icon[data-icon="crown-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--phantom,
.c-icon[data-icon="phantom"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--bag,
.c-icon[data-icon="bag"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--star,
.c-icon[data-icon="star"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--star-solid,
.c-icon[data-icon="star-solid"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--moonpay,
.c-icon[data-icon="moonpay"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--freeze,
.c-icon[data-icon="freeze"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--clock-solid,
.c-icon[data-icon="clock-solid"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--user-solid,
.c-icon[data-icon="user-solid"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--pause,
.c-icon[data-icon="pause"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--arrow-up,
.c-icon[data-icon="arrow-up"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--arrow-up-2,
.c-icon[data-icon="arrow-up-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--arrow-down-2,
.c-icon[data-icon="arrow-down-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--map,
.c-icon[data-icon="map"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--ghost,
.c-icon[data-icon="ghost"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--ptr,
.c-icon[data-icon="ptr"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--wallet-2,
.c-icon[data-icon="wallet-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--wallet-3,
.c-icon[data-icon="wallet-3"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--box,
.c-icon[data-icon="box"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--triangle-down,
.c-icon[data-icon="triangle-down"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--camera,
.c-icon[data-icon="camera"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--referral-2,
.c-icon[data-icon="referral-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--emoji-happy,
.c-icon[data-icon="emoji-happy"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--cpu,
.c-icon[data-icon="cpu"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--clipboard-text,
.c-icon[data-icon="clipboard-text"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--clipboard-text-img,
.c-icon[data-icon="clipboard-text-img"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--heart,
.c-icon[data-icon="heart"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--add,
.c-icon[data-icon="add"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--emoji,
.c-icon[data-icon="emoji"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--close-round,
.c-icon[data-icon="close-round"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--swap,
.c-icon[data-icon="swap"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--drag-horiz,
.c-icon[data-icon="drag-horiz"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--retweet,
.c-icon[data-icon="retweet"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--grid,
.c-icon[data-icon="grid"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--volume-high,
.c-icon[data-icon="volume-high"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--volume-slash,
.c-icon[data-icon="volume-slash"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--user-add,
.c-icon[data-icon="user-add"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--eye-slash,
.c-icon[data-icon="eye-slash"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--eye-2,
.c-icon[data-icon="eye-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--feather,
.c-icon[data-icon="feather"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--rocket,
.c-icon[data-icon="rocket"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--maximize,
.c-icon[data-icon="maximize"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--zoom-out,
.c-icon[data-icon="zoom-out"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--fatrows,
.c-icon[data-icon="fatrows"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--shield-slash,
.c-icon[data-icon="shield-slash"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--pen,
.c-icon[data-icon="pen"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--hat,
.c-icon[data-icon="hat"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--tiktok,
.c-icon[data-icon="tiktok"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--instagram,
.c-icon[data-icon="instagram"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--youtube,
.c-icon[data-icon="youtube"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--flash-2,
.c-icon[data-icon="flash-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--flash-slash,
.c-icon[data-icon="flash-slash"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--x-community,
.c-icon[data-icon="x-community"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--left-right-arrow,
.c-icon[data-icon="left-right-arrow"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--drop,
.c-icon[data-icon="drop"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--sol-solid,
.c-icon[data-icon="sol-solid"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--split,
.c-icon[data-icon="split"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--global-fees,
.c-icon[data-icon="global-fees"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--import-2,
.c-icon[data-icon="import-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--export-2,
.c-icon[data-icon="export-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--bell,
.c-icon[data-icon="bell"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--fresh,
.c-icon[data-icon="fresh"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--bell-slash,
.c-icon[data-icon="bell-slash"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--bundle,
.c-icon[data-icon="bundle"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--case,
.c-icon[data-icon="case"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--calendar,
.c-icon[data-icon="calendar"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--calendar-2,
.c-icon[data-icon="calendar-2"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--activity,
.c-icon[data-icon="activity"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--arrow-swap,
.c-icon[data-icon="arrow-swap"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--download,
.c-icon[data-icon="download"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--diagram,
.c-icon[data-icon="diagram"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--dexscreener,
.c-icon[data-icon="dexscreener"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--translate,
.c-icon[data-icon="translate"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--duplicate,
.c-icon[data-icon="duplicate"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--consolidate,
.c-icon[data-icon="consolidate"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--arrow-up-3,
.c-icon[data-icon="arrow-up-3"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--time-solid,
.c-icon[data-icon="time-solid"] {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-icon--eth,
.c-icon[data-icon="eth"] {
  display: inline-flex;
  background: url("eth-c2c3815baf9fb005a7e757ae6e8c2f4265e0a4286e0396022dbb3c13cc9a58aa.svg") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--chain-eth,
.c-icon[data-icon="chain-eth"] {
  display: inline-flex;
  background: url("eth-c2c3815baf9fb005a7e757ae6e8c2f4265e0a4286e0396022dbb3c13cc9a58aa.svg") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--bnb,
.c-icon[data-icon="bnb"] {
  display: inline-flex;
  background: url("bnb-5391f968f206701836293f7b2663dab3e908798f76a4545c18088167eaa6e41e.svg") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--chain-bnb,
.c-icon[data-icon="chain-bnb"] {
  display: inline-flex;
  background: url("bnb-5391f968f206701836293f7b2663dab3e908798f76a4545c18088167eaa6e41e.svg") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--sandwich,
.c-icon[data-icon="sandwich"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--buy-crypto,
.c-icon[data-icon="buy-crypto"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--crown,
.c-icon[data-icon="crown"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--crown-old,
.c-icon[data-icon="crown-old"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--goat,
.c-icon[data-icon="goat"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--diamond-color,
.c-icon[data-icon="diamond-color"] {
  display: inline-flex;
  background: url("diamond-color-a864b945c52760b8637e9d81ace92970bdfe8be2ccfdc323616921fea1cdf602.svg") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--sol,
.c-icon[data-icon="sol"] {
  display: inline-flex;
  background: url("sol-d6ecfc05903dc1848872e95eab3de8cdbdeb68927d14e9d1dcf5d16212d65f74.svg") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--chain-sol,
.c-icon[data-icon="chain-sol"] {
  display: inline-flex;
  background: url("sol-d6ecfc05903dc1848872e95eab3de8cdbdeb68927d14e9d1dcf5d16212d65f74.svg") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--net-symbol,
.c-icon[data-icon="net-symbol"] {
  display: inline-flex;
  background: url("sol-d6ecfc05903dc1848872e95eab3de8cdbdeb68927d14e9d1dcf5d16212d65f74.svg") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--chain-base,
.c-icon[data-icon="chain-base"] {
  display: inline-flex;
  background: url("base-6d02e04e391f87f9078b299d35ec5ce784585292f74dc1566e23a7cb88d66feb.svg") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--chain-blast,
.c-icon[data-icon="chain-blast"] {
  display: inline-flex;
  background: url("blast-03ecbe8e9eb2f09befd75bb1335a577847d2790722e2f30e81e275defbd5e67a.svg") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--chain-tron,
.c-icon[data-icon="chain-tron"] {
  display: inline-flex;
  background: url("tron-2bfabc0f1968b27aa1b7ff02522a2359ca6726965adaf1f01b69c09e97ffea9a.svg") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--bell-rainbow,
.c-icon[data-icon="bell-rainbow"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--sort-desc,
.c-icon[data-icon="sort-desc"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--sort-asc,
.c-icon[data-icon="sort-asc"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--migrate,
.c-icon[data-icon="migrate"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--radium,
.c-icon[data-icon="radium"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--raydium,
.c-icon[data-icon="raydium"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--raydium_amm,
.c-icon[data-icon="raydium_amm"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--raydium_clmm,
.c-icon[data-icon="raydium_clmm"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--raydium_cpmm,
.c-icon[data-icon="raydium_cpmm"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--meteora,
.c-icon[data-icon="meteora"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--meteora_amm,
.c-icon[data-icon="meteora_amm"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--meteora_dlmm,
.c-icon[data-icon="meteora_dlmm"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--meteora_damm,
.c-icon[data-icon="meteora_damm"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--meteora_virtual_curve,
.c-icon[data-icon="meteora_virtual_curve"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--fish-solid-grey,
.c-icon[data-icon="fish-solid-grey"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--dolphin,
.c-icon[data-icon="dolphin"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--fish,
.c-icon[data-icon="fish"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--plankton,
.c-icon[data-icon="plankton"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--shrimp,
.c-icon[data-icon="shrimp"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--whale,
.c-icon[data-icon="whale"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--solana-fm,
.c-icon[data-icon="solana-fm"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--no-pump,
.c-icon[data-icon="no-pump"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--no-moonshot,
.c-icon[data-icon="no-moonshot"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--no-meteora,
.c-icon[data-icon="no-meteora"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--pump,
.c-icon[data-icon="pump"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--pump_amm,
.c-icon[data-icon="pump_amm"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--memelive,
.c-icon[data-icon="memelive"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--no-memelive,
.c-icon[data-icon="no-memelive"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--memelive-circle,
.c-icon[data-icon="memelive-circle"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--pump-grey,
.c-icon[data-icon="pump-grey"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--boop,
.c-icon[data-icon="boop"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--no-boop,
.c-icon[data-icon="no-boop"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--solscan,
.c-icon[data-icon="solscan"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--photon,
.c-icon[data-icon="photon"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--usd-convert,
.c-icon[data-icon="usd-convert"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--sol-convert,
.c-icon[data-icon="sol-convert"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--usdc,
.c-icon[data-icon="usdc"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--lb-menu,
.c-icon[data-icon="lb-menu"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--launchpad,
.c-icon[data-icon="launchpad"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--raydium_launchpad,
.c-icon[data-icon="raydium_launchpad"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--no-launchpad,
.c-icon[data-icon="no-launchpad"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--believe,
.c-icon[data-icon="believe"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--bags,
.c-icon[data-icon="bags"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--bonk,
.c-icon[data-icon="bonk"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--orca,
.c-icon[data-icon="orca"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--orca_whirlpool,
.c-icon[data-icon="orca_whirlpool"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--close-round-2,
.c-icon[data-icon="close-round-2"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--orca_wavebreak,
.c-icon[data-icon="orca_wavebreak"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--no-orca_wavebreak,
.c-icon[data-icon="no-orca_wavebreak"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--heaven,
.c-icon[data-icon="heaven"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--heaven-pump,
.c-icon[data-icon="heaven-pump"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--usd1,
.c-icon[data-icon="usd1"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--pump-live,
.c-icon[data-icon="pump-live"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--wendev,
.c-icon[data-icon="wendev"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--mayhem,
.c-icon[data-icon="mayhem"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-icon--mayhem-mode,
.c-icon[data-icon="mayhem-mode"] {
  display: inline-flex;
  background: url("") no-repeat;
  background-size: contain;
  background-position: center
}

.c-bg-info-icon {
  background: #858BAC;
  width: 12px;
  height: 12px;
  min-width: 12px;
  cursor: pointer;
  opacity: 0.5
}

.c-bg-info-icon:hover {
  opacity: 1
}

.c-round-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(181, 183, 218, 0.75);
  border-radius: 100px
}

.c-round-icon.is-disabled,
.c-round-icon:disabled {
  opacity: 0.4;
  box-shadow: none;
  cursor: not-allowed
}

.c-round-icon__inner {
  width: 43.75%;
  height: 43.75%;
  min-width: 43.75%
}

.modal-open {
  -webkit-overflow-scrolling: touch !important;
  overflow: hidden !important
}

html.modal-open {
  height: 100% !important
}

@media (max-width: 575px) {
  body.modal-open {
    height: 100% !important
  }
}

@media (max-width: 991px) {

  .modal-open-mobile,
  html:has(.mobile-popup) {
    -webkit-overflow-scrolling: touch !important;
    overflow: hidden !important
  }

  html.modal-open-mobile,
  html:has(.mobile-popup) {
    height: 100% !important
  }
}

@media (max-width: 991px) and (max-width: 575px) {

  body.modal-open-mobile,
  html:has(.mobile-popup) {
    height: 100% !important
  }
}

@media (max-width: 1139px) {
  html:has(.mobile-popup-xl) {
    -webkit-overflow-scrolling: touch !important;
    overflow: hidden !important;
    height: 100% !important
  }

  html:has(.mobile-popup-xl) body {
    height: 100% !important
  }
}

.modal-open {
  -webkit-overflow-scrolling: touch;
  overflow: hidden
}

html.modal-open {
  height: 100%
}

@media (max-width: 575px) {
  body.modal-open {
    height: 100%
  }
}

.c-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 100000;
  overflow: auto
}

.c-modal.is-hidden {
  display: none
}

.c-modal__dd__inner {
  max-height: 250px;
  overflow: auto
}

@media (min-width: 992px) {
  .c-modal--add-watch .c-modal__content {
    max-width: 640px;
    overflow: visible
  }
}

@media (min-width: 992px) {
  .c-modal--x-edit .c-modal__content {
    max-width: 450px;
    overflow: visible
  }
}

.c-modal .c-modal__overlay {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.c-modal__content {
  background: #171821;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 16px 0 0 0
}

@media (min-width: 992px) {
  .c-modal__content {
    background: linear-gradient(180deg, #2a2b39 3.83%, #15161f 83%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 381px;
    height: auto;
    border-radius: 16px;
    box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.2);
    padding: 48px 40px
  }
}

.c-modal__content--center {
  background: linear-gradient(180deg, #2a2b39 3.83%, #15161f 83%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 381px;
  height: auto;
  border-radius: 16px;
  box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.2);
  padding: 48px 40px
}

.c-modal__header,
.c-modal__body {
  padding: 0 24px
}

.c-modal__header {
  display: flex;
  justify-content: right;
  margin-bottom: 8px
}

.c-modal__close {
  width: 24px;
  height: 24px;
  min-width: 24px;
  cursor: pointer
}

.c-modal__close__icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #B5B7DA
}

@media (max-width: 991px) {
  .c-modal__close {
    position: absolute;
    right: 16px;
    z-index: 5
  }
}

.c-modal__title {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 12px;
  text-transform: uppercase
}

@media (min-width: 992px) {
  .c-modal__header {
    padding: 0;
    margin: 0
  }

  .c-modal__close {
    width: 24px;
    height: 24px;
    min-width: 24px;
    position: absolute;
    top: 16px;
    right: 16px
  }
}

.c-modal__dialog {
  text-align: center;
  line-height: 1.5;
  font-size: 13px;
  color: #B5B7DA
}

.c-modal__dialog__title {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 12px
}

.c-modal__dialog .c-modal__dialog__button {
  padding-left: 22px;
  padding-right: 22px;
  text-transform: none;
  font-size: 13px;
  min-width: 140px
}

.c-modal--menu .c-modal__content {
  overflow: hidden
}

.c-modal--menu .c-modal__content::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  width: 61px;
  height: 61px;
  right: 52px;
  top: 107px;
  background: radial-gradient(131.37% 109.03% at 36.11% 0%, #FFE6F5 0%, rgba(230, 209, 235, 0.71) 46.88%, rgba(166, 189, 234, 0.17) 100%);
  opacity: 0.2
}

.c-modal--menu .c-modal__content::before {
  content: '';
  position: absolute;
  width: 203px;
  height: 203px;
  left: -57px;
  bottom: 46px;
  border-radius: 50%;
  background: radial-gradient(111.64% 94.53% at 8% 92.68%, #FFE6F5 0%, rgba(230, 209, 235, 0.71) 46.87%, rgba(166, 189, 234, 0.17) 100%);
  opacity: 0.4
}

.c-mpopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  display: flex;
  flex-direction: column;
  background: #0F1018 linear-gradient(153deg, rgba(118, 120, 136, 0.192) 3.89%, rgba(118, 120, 136, 0) 66.42%)
}

.c-mpopup--orders {
  background: #181921
}

.c-mpopup--orders .c-grid-table__tr,
.c-mpopup--orders .c-trades-table__thead {
  min-width: 1200px !important
}

.c-mpopup--orders .c-trades-table__td:last-child,
.c-mpopup--orders .c-trades-table__th:last-child {
  padding-right: 16px !important
}

.c-mpopup--orders .c-grid-table__th:first-child,
.c-mpopup--orders .c-grid-table__td:first-child {
  padding-left: 16px !important
}

.c-mpopup__header {
  width: 100%;
  padding: 10px 36px;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px
}

.c-mpopup__close {
  width: 20px;
  height: 20px;
  min-width: 20px;
  color: #B5B7DA;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0, -50%);
  cursor: pointer
}

.c-mpopup__bar {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate(0, -50%)
}

.c-mpopup__content {
  flex: 1;
  overflow-y: auto
}

.c-mpopup__footer {
  padding: 16px 16px 24px
}

.c-autocomplete__container>.c-autocomplete__input {
  display: none
}

.c-autocomplete__container>.c-autocomplete__input+.c-autocomplete__icon {
  display: none
}

@media (min-width: 992px) {
  .c-autocomplete__placeholder {
    width: 100%;
    height: 42px;
    border-radius: 100px;
    display: flex
  }
}

@media (max-width: 991px) {
  .c-autocomplete__placeholder {
    display: none
  }
}

.c-autocomplete__item {
  overflow: hidden;
  align-items: center;
  color: #8D93B7;
  font-size: 8px
}

.c-autocomplete__item:hover {
  background: rgba(255, 255, 255, 0.05)
}

.c-autocomplete__item+.c-autocomplete__item {
  border-top: 1px solid rgba(255, 255, 255, 0.07)
}

.c-autocomplete__arrow {
  background-color: #fff;
  opacity: 0.4;
  width: 16px;
  height: 16px;
  min-width: 16px
}

.c-autocomplete__thumb {
  overflow: hidden;
  display: block;
  border-radius: 100px
}

.c-autocomplete__thumb__img {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: block;
  border-radius: 100px;
  margin-right: 8px
}

.c-autocomplete__text {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1
}

.c-autocomplete__title {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center
}

.c-autocomplete__text--wrap {
  display: flex;
  column-gap: 4px;
  flex-wrap: wrap
}

.c-autocomplete__text--wrap span {
  line-height: 1.5
}

.c-autocomplete__mark {
  color: #fff;
  font-weight: 500;
  font-size: 13px
}

.c-autocomplete__address {
  font-weight: 500;
  color: #8D93B7;
  line-height: 1;
  margin-top: 6px;
  font-size: 12px
}

.c-autocomplete__container {
  position: relative
}

.c-autocomplete__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  position: absolute;
  top: 50%;
  left: 16px;
  background: #B5B7DA;
  transform: translate(0, -50%)
}

.c-autocomplete__settings {
  z-index: 9999;
  position: absolute !important;
  top: 50%;
  right: 16px;
  transform: translate(0, -50%)
}

.c-autocomplete__settings__toggle {
  width: 16px;
  height: 16px;
  min-width: 16px;
  color: #B5B7DA;
  cursor: pointer
}

.c-autocomplete_wrapper {
  display: inline-block;
  position: relative;
  width: 100%
}

.c-autocomplete_wrapper>input {
  height: 40px;
  width: 100%;
  margin: 0;
  padding: 0 40px;
  line-height: 1;
  box-sizing: border-box;
  font-size: 13px;
  text-overflow: ellipsis;
  color: #B5B7DA;
  background-color: rgba(255, 255, 255, 0.06);
  outline: none;
  border-radius: 100px;
  border: none
}

@media (max-width: 991px) {
  .c-autocomplete_wrapper>input {
    font-size: 16px
  }
}

.c-autocomplete_wrapper>input:hover {
  background-color: rgba(255, 255, 255, 0.08)
}

.c-autocomplete_wrapper>input::placeholder {
  color: #B5B7DA;
  transition: all 0.3s ease
}

.c-autocomplete_wrapper>[role="listbox"] {
  position: absolute;
  max-height: 300px;
  overflow-y: auto;
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: 0.5rem 0 0 0;
  padding: 0;
  z-index: 999;
  list-style: none;
  border-radius: 0.6rem;
  background-color: #171821;
  outline: none;
  transition: opacity 0.15s ease-in-out;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5)
}

@media (min-width: 577px) {
  .c-autocomplete_wrapper>[role="listbox"] {
    min-width: 350px
  }
}

.c-autocomplete_wrapper>.with-scroll[role="listbox"] {
  overflow: hidden
}

.c-autocomplete_wrapper>[role="listbox"][hidden],
.c-autocomplete_wrapper>[role="listbox"]:empty {
  display: block;
  opacity: 0;
  transform: scale(0)
}

.c-autocomplete_wrapper>[role="listbox"]>[role="option"] {
  padding: 0;
  text-align: left;
  font-size: 12px;
  color: #B5B7DA;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease
}

.c-autocomplete_wrapper>[role="listbox"]>[role="option"] mark {
  background-color: transparent;
  color: #fff;
  font-weight: bold
}

.c-autocomplete_wrapper>[role="listbox"]>[role="option"]:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.05)
}

.c-autocomplete_wrapper>[role="listbox"]>[role="option"][aria-selected="true"] {
  background-color: rgba(255, 255, 255, 0.05)
}

.c-autocomplete__span-title {
  margin: 0;
  line-height: 1.5
}

.c-autocomplete__span-subtitle {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #B5B7DA;
  white-space: normal
}

.c-btn {
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  background: #6A60E8;
  color: #fff;
  padding: 8px 32px;
  text-align: center;
  line-height: 1.25;
  border-radius: 100px;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.c-btn.is-disabled,
.c-btn:disabled {
  opacity: 0.4;
  box-shadow: none;
  cursor: not-allowed
}

.c-btn--purple {
  background: #6A60E8
}

.c-btn--purple:hover {
  background: #7970ea
}

.c-btn--blue {
  background: #6A60E8
}

.c-btn--blue:hover {
  background: #7970ea
}

.c-btn--red1 {
  background: #FF9CCF
}

.c-btn--green3 {
  background: #C7FFB0
}

.c-btn--grey {
  background: #444757
}

.c-btn--grey:hover {
  background: #2D3144
}

.c-btn--transparent {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15)
}

.c-btn--transparent.is-selected {
  border-color: #6A60E8;
  background: rgba(106, 96, 232, 0.2)
}

.c-btn--outline {
  background: transparent;
  border: 1px solid
}

.c-btn--light-purple-outline {
  background: transparent;
  border: 1px solid;
  color: #8E9DFF
}

.c-btn--lt {
  background: rgba(255, 255, 255, 0.06)
}

.c-btn--lt:hover {
  background: rgba(255, 255, 255, 0.08)
}

.c-btn--md {
  padding: 12px 32px;
  font-size: 13px
}

.c-btn-round {
  color: #B5B7DA;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 32px;
  height: 32px;
  min-width: 32px
}

.c-btn-round--md {
  width: 40px;
  height: 40px;
  min-width: 40px
}

.c-btn-round__icon {
  width: 50%;
  height: 50%;
  min-width: 50%
}

.js-dropdown__toggle {
  touch-action: none
}

.c-dropdown {
  position: relative;
  display: inline-flex
}

.c-dropdown__primer {
  padding: 16px 16px;
  color: #8D93B7;
  text-align: center
}

.c-dropdown__popup {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  padding-top: 2px;
  transition: opacity 0.1s;
  z-index: 9999;
  font-size: 14px
}

.c-dropdown__popup--top {
  top: auto;
  bottom: 100%;
  padding-top: 0;
  padding-bottom: 2px
}

.c-dropdown__popup--right {
  left: auto;
  right: 0
}

.c-dropdown__popup--left {
  left: 0;
  right: auto
}

.c-dropdown__popup--center {
  left: 50%;
  right: auto;
  transform: translate(-50%, 0)
}

.c-dropdown__popup__inner {
  background: #171821;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3)
}

.c-dropdown__popup:not(.is-active) {
  display: none
}

.c-dropdown__popup.is-active {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s
}

.c-dropdown__popup--staic {
  position: static
}

.c-dropdown__list {
  width: 338px;
  max-width: 100vw;
  padding: 8px 0;
  max-height: 200px;
  width: 550px;
  overflow-y: auto
}

.c-dropdown__link {
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  display: flex;
  padding: 12px 16px;
  color: #F2F5F9;
  white-space: nowrap;
  width: 100%;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: normal
}

.c-dropdown__link[href]:hover,
.c-dropdown__link--btn:hover,
.c-dropdown__link.is-selected {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px
}

.c-dropdown__link:hover {
  color: #F2F5F9
}

.c-dropdown__link.is-disabled {
  opacity: 0.4;
  box-shadow: none;
  cursor: not-allowed
}

.c-dropdown__hr {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 8px 0;
  width: 100%
}

.c-dropdown__label {
  color: #B5B7DA;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 8px
}

.c-dropdown--hover:hover .c-dropdown__popup {
  visibility: visible !important;
  overflow: visible !important;
  display: block !important;
  opacity: 1 !important;
  transition-delay: 0s
}

.c-ta-dropdown-toggle {
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  line-height: inherit;
  padding: 16px 0;
  margin-top: -16px;
  margin-bottom: -16px;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: 'Chillax';
  white-space: nowrap;
  color: #B5B7DA
}

@media (min-width: 1300px) {
  .c-ta-dropdown-toggle {
    font-size: 13px
  }
}

.c-ta-dropdown-toggle:hover {
  color: #fff
}

.c-ta-dropdown-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px;
  width: 340px;
  background: #171821;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px
}

.c-ta-dropdown-menu--short {
  width: 280px
}

.c-ta-dropdown-menu .c-icon--upgrade {
  background: linear-gradient(89.57deg, #F694FF .75%, #4FFFF4 36.66%, #FFE7AA 68.47%, #FF79EA 99.25%)
}

.c-ta-dropdown-item {
  display: flex;
  gap: 0 16px;
  align-items: center
}

.c-ta-dropdown-item:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.05)
}

.c-ta-dropdown-item:hover .c-ta-dropdown-item__title {
  color: #fff
}

.c-ta-dropdown-item__submenu {
  padding-left: 37px
}

.c-ta-dropdown-item__icon-c {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #DBD7F3
}

.c-ta-dropdown-item__title {
  font-family: "Chillax", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 2px;
  color: #DBD7F3
}

.c-ta-dropdown-item__subtitle {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #B5B7DA;
  white-space: normal
}

.c-field {
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 24px
}

.c-field:hover {
  border-color: rgba(255, 255, 255, 0.5)
}

.c-field__col {
  display: flex;
  align-items: center
}

.c-field__clear-col {
  display: none
}

.c-field__side,
.c-field__pre-side {
  color: #B5B7DA;
  font-size: inherit
}

.c-field__input {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: none;
  font-size: 16px;
  width: 100%;
  color: #F2F5F9;
  background: none;
  display: flex;
  align-items: center;
  outline: none
}

@supports (-webkit-touch-callout: none) {
  .c-field__input {
    font-size: 16px !important
  }
}

.c-field__input::-ms-expand {
  background-color: transparent;
  border: 0
}

.c-field__input::placeholder {
  opacity: 1;
  color: #8D93B7
}

.c-field__input::-webkit-outer-spin-button,
.c-field__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.c-field__input[type=number] {
  -moz-appearance: textfield
}

.c-field:has(:disabled) {
  opacity: 0.46
}

.c-field:has(:disabled),
.c-field:has(:disabled) .c-field__input {
  cursor: not-allowed;
  pointer-events: none
}

.c-field.is-disabled,
.c-field.is-readonly {
  opacity: 0.46
}

.c-field.is-disabled,
.c-field.is-disabled .c-field__input,
.c-field.is-readonly,
.c-field.is-readonly .c-field__input {
  cursor: not-allowed;
  pointer-events: none
}

.c-field:has(:focus) {
  border-color: rgba(255, 255, 255, 0.56)
}

.c-field--purple-focus:has(:focus) {
  border-color: #6A60E8
}

.c-field:has([readonly]),
.c-field:has([readonly]) .c-field__input {
  cursor: not-allowed
}

.c-field.is-readonly,
.c-field.is-readonly .c-field__input {
  cursor: not-allowed
}

.c-field__icon {
  color: #B5B7DA;
  width: 20px;
  height: 20px;
  min-width: 20px
}

.c-field__clear {
  color: #B5B7DA;
  width: 16px;
  height: 16px;
  min-width: 16px;
  cursor: pointer
}

.c-field.with-error {
  border-color: #FF4B92
}

.c-field.with-error .c-field__input {
  color: #FF4B92
}

.c-field__side {
  margin-left: 16px;
  font-size: 16px
}

.c-field__pre-side {
  margin-right: 16px;
  font-size: 16px
}

.c-field__input {
  padding: 16px 0;
  height: 52px;
  font-size: 14px
}

.c-field:has(textarea) {
  border-radius: 16px;
  padding: 0
}

.c-field textarea.c-field__input {
  height: auto;
  min-height: 52px;
  padding: 16px
}

.c-field textarea.c-field__input--no-resize {
  resize: none
}

.c-field textarea.c-field__input--lg {
  min-height: 270px
}

.c-field__icon {
  margin-right: 24px
}

.c-field__icon--right {
  margin-right: 0;
  margin-left: 24px
}

.c-field--sm {
  padding: 0 16px
}

.c-field--sm .c-field__side {
  margin-left: 12px;
  font-size: 14px
}

.c-field--sm .c-field__pre-side {
  margin-right: 12px;
  font-size: 14px
}

.c-field--sm .c-field__input {
  padding: 12px 0;
  height: 40px
}

.c-field--sm .c-field__icon {
  margin-right: 8px;
  width: 14px;
  height: 14px;
  min-width: 14px
}

.c-field--sm .c-field__icon--right {
  margin-right: 0;
  margin-left: 8px
}

.c-field--sm .c-field__clear {
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin-left: 12px
}

.c-field--xs {
  padding: 0 16px
}

.c-field--xs .c-field__side {
  margin-left: 12px;
  font-size: 12px
}

.c-field--xs .c-field__pre-side {
  margin-right: 12px;
  font-size: 12px
}

.c-field--xs .c-field__input {
  padding: 5px 0;
  font-size: 12px;
  height: 30px
}

.c-field--xs .c-field__icon {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  min-width: 16px
}

.c-field--xs .c-field__icon--right {
  margin-right: 0;
  margin-left: 8px
}

.c-field--xs .c-field__clear {
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin-left: 8px
}

.c-field-select-container {
  display: block;
  width: 100%
}

.c-field-select-container__popup {
  width: 100%
}

.c-form-error__label {
  display: block;
  font-size: 12px;
  color: tomato;
  margin-top: 4px
}

.c-chart-box {
  position: relative;
  display: flex;
  flex-wrap: wrap
}

.c-chart-box.has-no-data .c-chart-box__tool {
  display: none
}

.c-chart-box.has-no-data .c-chart-box__legend {
  display: block
}

.c-chart-box__placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-family: "Chillax", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #B5B7DA;
  width: 100%
}

.c-chart-box__legend {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 16px;
  width: 100%
}

.c-chart-box__legend__group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px
}

.c-chart-box__legend__item {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #B5B7DA
}

.c-chart-box__legend__mark {
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin-right: 8px
}

.c-chart-box__legend__mark--yellow {
  background: rgba(240, 255, 178, 0.8)
}

.c-chart-box__legend__mark--blue {
  background: #7CDDFF
}

.c-chart-box__legend__mark--purple {
  background: #6B81DC
}

.c-chart-box__legend__mark--red {
  background: #FFADFE
}

.c-chart-box__subtitle {
  line-height: 1.2;
  margin-top: 15px
}

.c-chart-box__counters-c {
  padding: 0 !important;
  margin: 0 !important
}

.c-activity-grid__charts--grid .c-chart-box__counters-c {
  display: none
}

.c-chart-box .highcharts-legend-item text {
  font-weight: 500 !important
}

.c-chart-box__counter {
  color: #8D93B7;
  font-size: 13px;
  display: inline-flex;
  align-items: center
}

.c-chart-box__counter__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 8px;
  color: rgba(255, 255, 255, 0.95)
}

.c-chart-box__counter__num {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 500;
  margin-left: 3px
}

.c-chart-box__zoom {
  color: #898EFF;
  cursor: pointer;
  position: absolute;
  bottom: 100%;
  right: 0;
  display: none;
  font-weight: 500
}

.is-loading .c-chart-box__canvas {
  position: relative;
  z-index: 1;
  width: 100%
}

.is-loading .c-chart-box__canvas>* {
  visibility: hidden
}

.is-loading .c-chart-box__canvas::after {
  content: 'Loading Data';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.95);
  font-size: 20px;
  font-weight: 500;
  align-items: center;
  z-index: 2
}

.c-chart-box__canvas {
  position: relative;
  width: 100%;
  height: 100%
}

.c-chart-box__canvas__skeleton {
  height: 350px;
  min-height: 1;
  min-width: 100%
}

.c-checkbox {
  display: inline-flex;
  align-items: center
}

.c-checkbox__inner {
  position: relative;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-width: 16px;
  display: inline-block;
  padding: 0;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #8D93B7
}

.c-checkbox__inner--rounded {
  border-radius: 100px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-color: rgba(255, 255, 255, 0.95)
}

.c-checkbox.is-selected .c-checkbox__label {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 500
}

.c-checkbox__input {
  display: none
}

.c-checkbox__icon {
  position: absolute;
  width: 12px;
  height: 12px;
  min-width: 12px;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none
}

.c-checkbox__icon--circle {
  width: 4px;
  height: 4px;
  min-width: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95)
}

.c-checkbox__icon--some {
  display: none
}

.c-checkbox__dot-icon {
  width: 5px;
  height: 5px;
  min-width: 5px;
  min-width: 5px
}

.c-checkbox__inner--radio .c-checkbox__icon {
  width: 10px;
  height: 10px;
  min-width: 10px
}

.c-checkbox__input:checked+.c-checkbox__inner {
  border-color: transparent;
  background: #6A60E8
}

.c-checkbox__input:not(.is-some):checked+.c-checkbox__inner .c-checkbox__icon:not(.c-checkbox__icon--some) {
  display: inline-block
}

.c-checkbox__input.is-some:checked+.c-checkbox__inner .c-checkbox__icon--some {
  display: inline-block
}

.c-checkbox__label {
  font-size: 13px;
  margin-left: 8px;
  color: #B5B7DA;
  font-weight: 500
}

.c-checkbox.is-disabled {
  opacity: 0.4;
  box-shadow: none;
  cursor: not-allowed
}

.c-cb-toggle {
  display: inline-flex;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  overflow: hidden
}

.c-cb-toggle__input {
  display: none
}

.c-cb-toggle__inner {
  color: #B5B7DA;
  width: 56px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #171821;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600
}

.c-cb-toggle__input:checked+.c-cb-toggle__inner {
  color: #8E9DFF;
  background: rgba(142, 157, 255, 0.1)
}

.c-cb-toggle__item:first-child .c-cb-toggle__inner {
  border-right: solid rgba(255, 255, 255, 0.15)
}

.c-cb-toggle__item {
  display: inline-flex
}

.c-switch-container {
  display: flex;
  align-items: center;
  cursor: pointer
}

.c-switch {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 8px
}

.c-switch__input {
  opacity: 0;
  width: 0;
  height: 0;
  color: #8D93B7
}

.c-switch__label {
  margin-left: 8px;
  color: #B5B7DA;
  font-weight: 500
}

.c-switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #8D93B7;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 100px
}

.c-switch__slider:before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  min-width: 16px;
  left: 0;
  top: 50%;
  margin-top: -8px;
  background-color: #fff;
  transition: .4s;
  border-radius: 50%
}

.c-switch__input:checked+.c-switch__slider {
  background-color: #6A60E8
}

.c-switch__input:checked+.c-switch__slider:before {
  transform: translateX(8px)
}

.c-switch__input:disabled+.c-switch__slider {
  opacity: 0.5;
  cursor: auto
}

.c-switch__label {
  margin-left: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #B5B7DA
}

.c-multi-switch {
  border: 1px solid rgba(255, 255, 255, 0.15);
  height: 32px;
  border-radius: 100px;
  padding: 1px;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 500;
  font-size: 12px
}

.c-multi-switch__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  cursor: pointer;
  height: 100%;
  border-radius: 100px
}

.c-multi-switch__item.is-selected {
  background: #6A60E8
}

.c-multi-switch.is-disabled {
  opacity: 0.5
}

.c-multi-switch.is-disabled .c-multi-switch__item,
.c-multi-switch:disabled .c-multi-switch__item {
  cursor: auto
}

.c-multi-switch__input {
  opacity: 0;
  width: 0;
  height: 0;
  color: #8D93B7
}

.c-multi-switch__input~.c-multi-switch__item {
  flex: 1;
  font-size: 11px;
  padding: 0 24px
}

.c-multi-switch__input+.c-multi-switch__item,
.c-multi-switch__input:checked+.c-multi-switch__item+.c-multi-switch__item {
  background: #6A60E8
}

.c-multi-switch__input:checked+.c-multi-switch__item {
  background: transparent
}

.page-home .c-header {
  margin-bottom: 0
}

.c-header {
  position: relative
}

@media (max-width: 991px) {
  .c-header {
    margin-bottom: 12px
  }
}

@media (min-width: 992px) {
  .c-header {
    display: block;
    align-items: center;
    width: 100%
  }

  .c-header:not(.is-sticky) {
    position: relative
  }
}

.c-header__cb {
  border-radius: 100px;
  position: relative;
  display: inline-flex;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.06)
}

@media (max-width: 991px) {
  .c-header__cb {
    padding: 4px 8px
  }
}

@media (max-width: 1250px) {
  .c-header__cb {
    display: none
  }
}

.c-header__cb__btn.is-disabled {
  opacity: 0.4;
  cursor: not-allowed
}

.c-header__cb__wallets {
  width: 20px;
  height: 20px;
  min-width: 20px;
  color: #6A60E8;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -4px;
  right: -6px
}

.c-header__cb__wallets__img {
  width: 20px;
  height: 20px;
  min-width: 20px
}

.c-header__cb__wallets__label {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  margin-top: 2px
}

.c-header__cb__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  color: #8D93B7;
  margin-right: 4px
}

.c-header__cb__thumb {
  width: 16px;
  height: 16px;
  min-width: 16px;
  position: relative
}

.c-header__cb__img {
  width: 100%;
  height: 100%;
  min-width: 100%;
  border-radius: 100%;
  position: relative
}

.c-header__cb__img--empty {
  background: #383650;
  display: flex;
  align-items: center;
  justify-content: center
}

.c-header__cb__sol {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 8px;
  height: 8px;
  min-width: 8px;
  background: #0F1018;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px
}

.c-header__cb__sol__icon {
  width: 4px;
  height: 4px;
  min-width: 4px
}

.c-header__cb__symbol {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  margin-left: 4px
}

.c-header__cb__user {
  width: 71%;
  height: 71%;
  min-width: 71%;
  color: black;
  opacity: 0.4
}

.c-header__cb__buy__icon {
  width: 12px;
  height: 12px;
  min-width: 12px
}

.c-header__cb__buy__value {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  margin-left: 2px
}

.c-header__balances {
  width: 240px
}

.c-header__balances__item {
  padding: 16px 24px
}

.c-header__balances__item+.c-header__balances__item {
  border-top: 1px solid rgba(255, 255, 255, 0.06)
}

.c-header__lang {
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600
}

.c-header__sb-banner {
  position: absolute;
  top: 100%;
  right: 24px;
  border-radius: 0 0 8px 8px
}

@media (min-width: 1601px) {
  .c-header__sb-banner {
    right: 48px
  }
}

.c-header__sb-banner__inner {
  border-radius: inherit;
  background: rgba(106, 96, 232, 0.42);
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  padding: 6px 8px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  line-height: 1
}

.c-header__sb-banner__img {
  height: 20px;
  width: 36px;
  margin-right: 8px
}

.c-header__sb-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0 0 8px 8px;
  padding: 2px;
  padding-top: 0;
  background: linear-gradient(129.84deg, #F694FF 10.91%, #4FFFF4 40.45%, #FFE7AA 71.25%, #FF79C9 91.92%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude
}

@media (max-width: 991px) {
  .c-header__sb-banner__img {
    width: 23px;
    height: 13px;
    margin-right: 4px
  }

  .c-header__sb-banner__inner {
    padding: 4px 8px 6px;
    font-size: 10px
  }
}

.c-header__net-banner {
  position: absolute;
  cursor: pointer;
  top: 100%;
  left: 24px;
  border-radius: 0 0 8px 8px;
  background: rgba(255, 255, 255, 0.06);
  color: #FF4B92;
  display: none;
  align-items: center;
  align-self: center;
  padding: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1
}

.c-header__net-banner__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 8px
}

@media (min-width: 1601px) {
  .c-header__net-banner {
    left: 48px
  }
}

.page-watches .c-header__net-banner,
.page-analytics .c-header__net-banner,
.page-discoveries .c-header__net-banner {
  display: flex
}

.c-header--transparent .c-header__inner {
  background: none
}

.c-header__inner {
  padding: 8px 16px;
  position: relative;
  z-index: 10001
}

@media (max-width: 991px) {
  .c-header__inner {
    background: rgba(255, 255, 255, 0.04)
  }
}

@media (min-width: 992px) {
  .c-header__inner {
    display: flex;
    align-items: center;
    align-self: center;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.04);
    padding: 8px 24px;
    height: 56px
  }

  @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .c-header__inner {
      background-color: rgba(255, 255, 255, 0.04);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px)
    }
  }
}

@media (min-width: 1601px) {
  .c-header__inner {
    padding-left: 24px;
    padding-right: 24px
  }
}

.c-header.is-landing .c-header__inner {
  top: 0;
  left: 0;
  width: 100%
}

.c-header .c-autocomplete__container {
  width: 19vw;
  margin: auto;
  min-width: 320px
}

@media (max-width: 1749px) {
  .c-header .c-autocomplete__container {
    width: 15vw;
    min-width: 160px
  }
}

@media (max-width: 1149px) {
  .c-header .c-autocomplete__container {
    width: 11vw;
    min-width: 104px
  }
}

.c-header__autocomplete {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0)
}

.c-header__avatar {
  z-index: 1
}

@media (max-width: 991px) {
  .c-header__avatar {
    display: none
  }
}

.c-header__avatar__menu {
  width: 120px
}

.c-header__avatar__popup {
  padding-top: 27px;
  margin-top: -25px
}

.c-header__wallet {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0
}

@media (min-width: 992px) {
  .c-header__dropdown__header {
    padding: 12px 16px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 1.5
  }
}

.c-header__dropdown__title {
  font-family: 'Chillax';
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  width: 100%;
  line-height: inherit
}

.c-header__bell {
  position: relative;
  display: inline-flex;
  cursor: pointer
}

.c-header__bell__icon {
  background: #B5B7DA;
  width: 24px;
  height: 24px;
  min-width: 24px
}

.c-header__bell__icon:hover {
  background: #fff
}

.c-header__bell--dotted::after {
  content: '';
  width: 10px;
  height: 10px;
  min-width: 10px;
  border-radius: 50%;
  top: 2px;
  right: 2px;
  background: #E057D5;
  border: 2px solid #1E1F29;
  position: absolute
}

.c-header__bell__wrap {
  right: -60px;
  top: 32px
}

.c-header__bell__dd {
  width: 338px;
  position: relative
}

@media (max-width: 991px) {
  .c-header__bell__dd {
    width: 100%;
    height: 100vh;
    max-height: inherit;
    top: 0;
    left: 0;
    border: none;
    border-radius: 0;
    position: fixed;
    overflow-x: hidden;
    padding: 16px 24px 24px
  }
}

.c-header__bell__dd__btn {
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  line-height: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  text-transform: none;
  color: #6A60E8
}

.c-header__bell__dd__btn:hover {
  color: #898EFF
}

.c-header__bell__dd__img {
  width: 40px;
  height: 40px;
  min-width: 40px
}

.c-header__bell__dd__title {
  display: block;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 3px;
  color: #F2F5F9
}

.c-header__bell__dd__title--no-margin {
  margin-bottom: 0
}

.c-header__bell__dd__item {
  gap: 12px;
  font-size: 12px;
  color: #B5B7DA;
  font-weight: normal
}

@media (max-width: 991px) {
  .c-header__bell__dd__item {
    padding-left: 0;
    padding-right: 0
  }
}

.c-header__bell__dd__item+.c-header__bell__dd__item {
  border-top: 1px solid rgba(255, 255, 255, 0.1)
}

.c-header__toolbar {
  background: #B5B7DA;
  width: 24px;
  height: 24px;
  min-width: 24px
}

.c-header__item {
  align-items: center;
  display: none
}

.c-header__item__label {
  font-size: 10px;
  font-weight: 600;
  color: #B5B7DA;
  font-family: "Chillax", sans-serif;
  text-align: center;
  margin-top: 2px;
  text-transform: uppercase;
  line-height: 1
}

@media (min-width: 992px) {
  .c-header__item {
    display: inline-flex;
    align-items: center
  }
}

.c-header__item__icon {
  color: #B5B7DA;
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-right: 6px
}

.c-header__item__icon--link:hover {
  color: #F2F5F9
}

@media (max-width: 991px) {
  .c-header__item__icon--landing {
    width: 20px;
    height: 20px;
    min-width: 20px
  }
}

.c-header__item__title {
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: #F2F5F9;
  margin-bottom: 2px
}

.c-header__item__title__mobile {
  font-size: 12px;
  color: #8D93B7
}

.c-header__item__title:has(.c-header__item__title__mobile:empty) {
  display: none
}

.c-header__item__title__icon {
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin-right: 4px
}

.c-header__item__subtitle {
  font-size: 12px;
  color: #8D93B7
}

.c-gas__title {
  font-weight: 500;
  font-size: 13px;
  color: #F2F5F9
}

.c-gas__subtitle {
  color: #8D93B7;
  display: inline-flex;
  align-items: center
}

.c-gas--green {
  color: #3ED6CC
}

.c-gas--red {
  color: #FF98F5
}

.c-gas--grey {
  color: #F2F5F9
}

.c-navbar-mbar {
  display: flex;
  font-weight: 500;
  align-items: center
}

@media (min-width: 992px) {
  .c-navbar-mbar {
    display: none
  }
}

.c-navbar-mbar__item {
  color: #8D93B7;
  text-transform: uppercase;
  font-size: 10px;
  display: flex;
  align-items: center;
  line-height: 1
}

.c-navbar-mbar__icon {
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin-left: 6px;
  margin-right: 2px
}

.c-navbar-mbar__value {
  font-size: 12px;
  color: #B5B7DA
}

.c-navbar-left-nav {
  display: flex;
  align-items: center;
  gap: 0 24px
}

.c-navbar-left-nav__link {
  font-family: 'Chillax';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #B5B7DA
}

@media (max-width: 1499px) {
  .c-navbar-left-nav {
    gap: 0 16px
  }

  .c-navbar-left-nav__link {
    font-size: 13px
  }
}

@media (max-width: 1149px) {
  .c-navbar-left-nav {
    gap: 0 12px
  }
}

@media (max-width: 991px) {
  .c-navbar-left-nav {
    gap: 0 16px
  }
}

.c-navbar-left-nav .c-toggle-group--square {
  border-radius: 100px
}

.c-navbar-left-nav .c-toggle-group__btn {
  padding: 0 10px;
  font-size: 11px;
  height: 28px
}

.c-navbar-left-nav .c-toggle-group__btn:last-child {
  border-radius: 0 100px 100px 0;
  padding-right: 12px
}

.c-navbar-left-nav .c-toggle-group__btn:first-child {
  border-radius: 100px 0 0 100px;
  padding-left: 12px
}

.c-navbar-left-nav .c-toggle-group__btn:hover {
  background: rgba(255, 255, 255, 0.03)
}

.c-logo {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  display: flex;
  height: 80px;
  align-items: self-start;
  justify-content: center;
  min-width: max-content
}

.c-logo__img {
  width: 85px;
  display: none
}

.c-logo__img__collapsed {
  display: inline-flex
}

@media (max-width: 991px) {
  .c-logo__img__collapsed {
    height: 28px
  }
}

.c-logo--mobile {
  margin: 0;
  height: auto;
  justify-content: flex-start
}

.c-logo--lg {
  display: none
}

@media (min-width: 1650px) {
  .c-logo--lg {
    display: flex
  }
}

.c-logo--sm {
  display: none
}

@media (max-width: 1649px) {
  .c-logo--sm {
    display: flex
  }
}

.c-logo--sm .c-logo__thumb {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: block
}

.c-logo-img {
  width: 124px;
  height: 27px;
  background: url("");
  background-repeat: no-repeat;
  background-size: contain
}

.c-avatar {
  cursor: pointer;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  display: inline-flex;
  overflow: hidden;
  position: relative
}

.c-avatar__subicon {
  width: 15px;
  height: 15px;
  min-width: 15px;
  position: absolute;
  bottom: 0;
  right: 0
}

.c-avatar__img {
  display: block
}

.c-avatar__purple {
  background-color: #6A60E8;
  width: 40px;
  height: 40px;
  min-width: 40px;
  justify-content: center;
  align-items: center
}

@media (max-width: 991px) {
  .c-avatar__purple {
    width: 32px;
    height: 32px;
    min-width: 32px
  }
}

.c-avatar__user {
  width: 100%;
  height: 100%
}

.c-avatar__wallet {
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: block;
  margin: 0px auto
}

@media (max-width: 991px) {
  .c-avatar__wallet {
    width: 20px;
    height: 20px;
    min-width: 20px
  }
}

.c-top-banner.js-top-raffle-banner,
.c-top-banner.js-top-stimmy-banner {
  cursor: pointer
}

.c-top-banner {
  background: #474281;
  padding: 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.95);
  display: block
}

.c-top-banner--blast {
  display: none
}

.page-trendings .c-top-banner--blast,
.page-discoveries .c-top-banner--blast {
  display: flex
}

.c-top-banner__img {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-right: 8px
}

.c-top-banner:empty {
  display: none
}

.c-arrow-up {
  background: #27282F;
  width: 32px;
  height: 32px;
  position: fixed;
  bottom: 16px;
  right: 16px;
  cursor: pointer;
  border-radius: 100px;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center
}

.c-arrow-up:hover {
  background: #31333c
}

@media (min-width: 992px) {
  .c-arrow-up--show {
    right: 339px;
    bottom: 26px
  }
}

.c-arrow-up[data-selector] {
  display: none
}

@media (max-width: 991px) {
  .page-liquidity-pools .c-arrow-up {
    bottom: 73px
  }
}

.c-network__body {
  text-align: center;
  font-size: 14px;
  color: #B5B7DA
}

.c-network__logo {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  margin-bottom: 24px
}

.c-network__logo__img {
  width: 32px;
  height: 32px;
  min-width: 32px
}

.c-network__title {
  color: #fff;
  text-transform: uppercase;
  font-family: "Chillax", sans-serif;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 12px
}

.c-network .c-btn {
  width: auto;
  max-width: none;
  height: 40px;
  padding: 8px 24px;
  font-size: 14px
}

.tippy-box[data-theme="astro2"] {
  background: #08090D;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  text-transform: initial;
  padding: 8px;
  color: #F2F5F9;
  border-radius: 8px
}

.tippy-box[data-theme="astro2"] .tippy-arrow {
  color: #08090D
}

.tippy-box[data-theme="astro2"] .tippy-arrow:before {
  left: 0;
  bottom: -17px;
  transform-origin: center right;
  left: 0;
  bottom: -16px;
  border-width: 8px 8px 8px 8px
}

.tippy-box[data-theme="astro2"] .tippy-arrow:after {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
  z-index: -1;
  bottom: -9px;
  left: 0;
  border-width: 8px 8px 0 8px;
  border-top-color: #08090D;
  transform-origin: bottom center
}

.tippy-box[data-theme="astro2"][data-placement^=right]>.tippy-arrow:before {
  bottom: 0;
  left: -8px;
  border-width: 8px 8px 8px 0;
  transform-origin: center right
}

.tippy-box[data-theme="astro2"][data-placement^=right]>.tippy-arrow:after {
  bottom: 0;
  left: -17px;
  border-width: 8px 8px 8px 8px;
  border-top-color: transparent;
  border-right-color: #08090D
}

.tippy-box[data-theme="astro2"][data-placement^=left]>.tippy-arrow:after {
  display: none
}

.tippy-box[data-theme="astro"] {
  width: 400px;
  max-width: 100vw;
  background: #08090D;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 32px 40px
}

.tippy-box[data-theme="astro"] .tippy-arrow {
  color: #08090D
}

.tippy-box[data-theme="astro"][data-placement^=right]>.tippy-arrow:after {
  left: -9px;
  border-width: 8px 8px 8px 0;
  border-right-color: rgba(255, 255, 255, 0.1);
  transform-origin: center right
}

.tippy-box[data-theme="astro"][data-placement^=left]>.tippy-arrow:after {
  border-width: 8px 0 8px 8px;
  border-left-color: rgba(255, 255, 255, 0.1);
  right: -9px;
  transform-origin: center left
}

.tippy-box[data-theme="astro"] .tippy-arrow:after {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
  z-index: -1
}

.tippy-box[data-theme="astro3"] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 24px;
  gap: 16px;
  min-width: max-content;
  max-width: none;
  background: #08090D;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px
}

.tippy-box[data-theme="astro3"] .tippy-arrow {
  display: none
}

.tippy-box[data-theme="astro4"] {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: max-content;
  max-width: none;
  background: #08090D;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 0
}

.tippy-box[data-theme="astro4"] .tippy-content {
  padding: 0
}

.tippy-box[data-theme="astro4"] .tippy-arrow {
  display: none
}

[data-table-id="portfolio"] .c-grid-table__tr__inner,
.c-grid-table--index .c-grid-table__tr,
.c-grid-table__tr,
.c-grid-table__head {
  display: grid;
  max-width: 100%;
  position: relative;
  padding: 12px 24px
}

.c-migrate {
  position: absolute;
  left: 2px;
  top: 9px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media (min-width: 992px) {
  .c-migrate {
    top: 18px;
    left: 4px
  }
}

@media (min-width: 1701px) {
  .c-migrate {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%)
  }
}

.c-migrate__arr {
  transform: rotate(90deg);
  width: 9px;
  height: 9px;
  min-width: 9px
}

@media (min-width: 992px) {
  .c-migrate__arr {
    width: 12px;
    height: 12px;
    min-width: 12px
  }
}

.c-migrate__icon {
  width: 10px;
  height: 10px;
  min-width: 10px
}

@media (min-width: 992px) {
  .c-migrate__icon {
    width: 15px;
    height: 15px;
    min-width: 15px
  }

  .c-migrate__icon--moonshot {
    width: 12px;
    height: 12px;
    min-width: 12px
  }
}

@media (min-width: 1701px) {
  .c-migrate__icon {
    width: 20px;
    height: 20px;
    min-width: 20px
  }

  .c-migrate__icon--moonshot {
    width: 15px;
    height: 15px;
    min-width: 15px
  }
}

.c-pump {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 100px;
  border: 1px solid #0e8748;
  box-shadow: 0px 0px 4px 0px rgba(84, 211, 143, 0.66);
  background: url("") no-repeat;
  background-position: center;
  position: relative;
  background-size: 10px;
  display: inline-flex
}

.c-pump .c-pump-swap {
  background: url("") no-repeat;
  background-position: center;
  position: absolute;
  background-size: cover;
  bottom: 0;
  left: 50%;
  width: 20px;
  height: 4.96px;
  transform: translate(-50%, 0)
}

.c-pump--sm {
  width: 10px;
  height: 10px;
  min-width: 10px;
  background-size: 6px
}

.c-pump--sm .c-pump-swap {
  width: 12.5px;
  height: 3.1px
}

@media (min-width: 992px) {
  .c-pump--sm {
    width: 15px;
    height: 15px;
    min-width: 15px;
    background-size: 10px
  }

  .c-pump--sm .c-pump-swap {
    width: 18.75px;
    height: 4.65px
  }
}

@media (min-width: 1601px) {
  .c-pump--sm {
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-size: 12px
  }

  .c-pump--sm .c-pump-swap {
    width: 25px;
    height: 6.2px
  }
}

.c-pump--xs {
  width: 10px;
  height: 10px;
  min-width: 10px;
  background-size: 6px
}

.c-pump--xs .c-pump-swap {
  width: 12.5px;
  height: 3.1px
}

@media (min-width: 992px) {
  .c-pump--xs {
    width: 12px;
    height: 12px;
    min-width: 12px;
    background-size: 10px
  }

  .c-pump--xs .c-pump-swap {
    width: 15px;
    height: 3.72px
  }
}

@media (min-width: 1601px) {
  .c-pump--xs {
    width: 16px;
    height: 16px;
    min-width: 16px;
    background-size: 12px
  }

  .c-pump--xs .c-pump-swap {
    width: 20px;
    height: 4.96px
  }
}

.c-pump--md {
  width: 14px;
  height: 14px;
  min-width: 14px;
  background-size: 8px
}

.c-pump--md .c-pump-swap {
  width: 17.5px;
  height: 4.34px
}

.c-pump--table {
  position: absolute;
  left: 2px;
  top: 12px
}

@media (max-width: 991px) {
  .c-pump--table {
    width: 10px;
    height: 10px;
    min-width: 10px;
    background-size: 6px
  }

  .c-pump--table .c-pump-swap {
    width: 12.5px;
    height: 3.1px
  }
}

@media (min-width: 992px) {
  .c-pump--table {
    top: 32px;
    left: 4px
  }
}

@media (min-width: 1601px) {
  .c-pump--table {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%)
  }
}

.c-pump--moonshot {
  position: absolute;
  left: 2px;
  top: 16px
}

@media (min-width: 992px) {
  .c-pump--moonshot {
    top: 32px;
    left: 4px
  }
}

@media (min-width: 1601px) {
  .c-pump--moonshot {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%)
  }
}

.c-pump-amm {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 100px;
  border: 1px solid #0e8748;
  box-shadow: 0px 0px 4px 0px rgba(84, 211, 143, 0.66);
  background: url("") no-repeat;
  background-position: center;
  background-size: 10px;
  display: inline-flex
}

.c-pump-amm--sm {
  width: 10px;
  height: 10px;
  min-width: 10px;
  background-size: 6px
}

@media (min-width: 992px) {
  .c-pump-amm--sm {
    width: 15px;
    height: 15px;
    min-width: 15px;
    background-size: 10px
  }
}

@media (min-width: 1601px) {
  .c-pump-amm--sm {
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-size: 12px
  }
}

.c-pump-amm--xs {
  width: 10px;
  height: 10px;
  min-width: 10px;
  background-size: 6px
}

@media (min-width: 992px) {
  .c-pump-amm--xs {
    width: 12px;
    height: 12px;
    min-width: 12px;
    background-size: 10px
  }
}

@media (min-width: 1601px) {
  .c-pump-amm--xs {
    width: 16px;
    height: 16px;
    min-width: 16px;
    background-size: 12px
  }
}

.c-pump-amm--md {
  width: 14px;
  height: 14px;
  min-width: 14px;
  background-size: 8px
}

.c-pump-amm--table {
  position: absolute;
  left: 2px;
  top: 12px
}

@media (max-width: 991px) {
  .c-pump-amm--table {
    width: 10px;
    height: 10px;
    min-width: 10px;
    background-size: 6px
  }
}

@media (min-width: 992px) {
  .c-pump-amm--table {
    top: 32px;
    left: 4px
  }
}

@media (min-width: 1601px) {
  .c-pump-amm--table {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%)
  }
}

.c-pump-amm--moonshot {
  position: absolute;
  left: 2px;
  top: 16px
}

@media (min-width: 992px) {
  .c-pump-amm--moonshot {
    top: 32px;
    left: 4px
  }
}

@media (min-width: 1601px) {
  .c-pump-amm--moonshot {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%)
  }
}

.c-boop {
  width: 16px;
  height: 16px;
  min-width: 16px;
  background: url("") no-repeat;
  background-position: center;
  background-size: 16px;
  display: inline-flex
}

.c-boop--table {
  position: absolute;
  left: 2px;
  top: 12px
}

@media (max-width: 991px) {
  .c-boop--table {
    width: 10px;
    height: 10px;
    min-width: 10px;
    background-size: 6px
  }
}

@media (min-width: 992px) {
  .c-boop--table {
    top: 32px;
    left: 4px
  }
}

@media (min-width: 1601px) {
  .c-boop--table {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%)
  }
}

.c-grid-dex,
.c-launchpad,
.c-meteora,
.c-meteora-vc,
.c-bonk,
.c-believe,
.c-wavebreak,
.c-heaven,
.c-heaven-pump {
  width: 16px;
  height: 16px;
  min-width: 16px;
  background: url("") no-repeat;
  background-position: center;
  background-size: 16px;
  display: inline-flex
}

.c-grid-dex--table,
.c-launchpad--table,
.c-meteora--table,
.c-meteora-vc--table,
.c-bonk--table,
.c-believe--table,
.c-wavebreak--table,
.c-heaven--table,
.c-heaven-pump--table {
  position: absolute;
  left: 2px;
  top: 12px
}

@media (max-width: 991px) {

  .c-grid-dex--table,
  .c-launchpad--table,
  .c-meteora--table,
  .c-meteora-vc--table,
  .c-bonk--table,
  .c-believe--table,
  .c-wavebreak--table,
  .c-heaven--table,
  .c-heaven-pump--table {
    width: 10px;
    height: 10px;
    min-width: 10px;
    background-size: 6px
  }
}

@media (min-width: 992px) {

  .c-grid-dex--table,
  .c-launchpad--table,
  .c-meteora--table,
  .c-meteora-vc--table,
  .c-bonk--table,
  .c-believe--table,
  .c-wavebreak--table,
  .c-heaven--table,
  .c-heaven-pump--table {
    top: 32px;
    left: 4px
  }
}

@media (min-width: 1601px) {

  .c-grid-dex--table,
  .c-launchpad--table,
  .c-meteora--table,
  .c-meteora-vc--table,
  .c-bonk--table,
  .c-believe--table,
  .c-wavebreak--table,
  .c-heaven--table,
  .c-heaven-pump--table {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%)
  }
}

.c-grid-dex {
  background-image: none
}

.c-meteora {
  background-image: url("")
}

.c-bonk {
  background-image: url("")
}

.c-believe {
  background-image: url("")
}

.c-meteora-vc {
  background-image: url("")
}

.c-wavebreak {
  background-image: url("")
}

.c-heaven {
  background-image: url("")
}

.c-heaven-pump {
  background-image: url("")
}

.c-wendev {
  background-image: url("")
}

.c-mayhem {
  background-image: url("")
}

.c-memelive {
  width: 26px;
  height: 26px;
  min-width: 26px;
  background: url("") no-repeat;
  background-position: center;
  background-size: 26px;
  display: inline-flex
}

.c-memelive--table {
  position: absolute;
  left: 2px;
  top: 12px
}

@media (max-width: 991px) {
  .c-memelive--table {
    width: 10px;
    height: 10px;
    min-width: 10px;
    background-size: 6px
  }
}

@media (min-width: 992px) {
  .c-memelive--table {
    top: 32px;
    left: 4px
  }
}

@media (min-width: 1601px) {
  .c-memelive--table {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%)
  }
}

html.is-sb-expanded .c-grid-table-scroll:not(.c-grid-table-scroll--sm),
html.has-dnd .c-grid-table-scroll:not(.c-grid-table-scroll--sm) {
  overflow-x: auto;
  overflow-y: hidden
}

@media (max-width: 2000px) {

  html.is-sb-expanded .c-grid-table-scroll:not(.c-grid-table-scroll--sm) .c-grid-table[data-table-id="trending"],
  html.has-dnd .c-grid-table-scroll:not(.c-grid-table-scroll--sm) .c-grid-table[data-table-id="trending"] {
    min-width: 1700px
  }
}

@media (max-width: 1600px) {
  .c-grid-table-scroll:not(.c-grid-table-scroll--sm) {
    overflow-x: auto;
    overflow-y: hidden
  }

  .c-grid-table-scroll:not(.c-grid-table-scroll--sm) .c-grid-table[data-table-id="trending"] {
    min-width: 1700px
  }
}

@media (min-width: 1401px) {
  .c-grid-table-scroll:not(.c-grid-table-scroll--sm) .c-grid-table[data-table-id="discover"] {
    min-width: 1360px
  }
}

@media (max-width: 1400px) {
  .c-grid-table-scroll:not(.c-grid-table-scroll--sm) {
    overflow-x: auto;
    overflow-y: hidden
  }

  .c-grid-table-scroll:not(.c-grid-table-scroll--sm) .c-grid-table {
    min-width: 1540px
  }
}

@media (max-width: 1400px) and (max-width: 991px) {
  .c-grid-table-scroll:not(.c-grid-table-scroll--sm) .c-grid-table[data-is-mobile][data-table-id="discover"] {
    min-width: 926px
  }
}

@media (max-width: 1400px) {
  .c-grid-table-scroll:not(.c-grid-table-scroll--sm) .c-grid-table[data-table-id="trending"] {
    min-width: 1840px
  }

  .c-grid-table-scroll:not(.c-grid-table-scroll--sm) .c-grid-table[data-is-mobile][data-table-id="trending"] {
    min-width: 1150px
  }
}

@media (max-width: 992px) {
  .c-grid-table-scroll--sm {
    overflow-x: auto;
    overflow-y: hidden
  }

  .c-grid-table-scroll--sm .c-grid-table {
    min-width: 992px
  }
}

@media (max-width: 991px) {
  .c-grid-table-scroll {
    margin-left: -16px;
    margin-right: -16px
  }
}

.c-grid-table.no-e-header:not(:has(.c-grid-table__body .c-grid-table__tr)) {
  min-width: 0;
  margin-left: 0;
  margin-right: 0
}

@media (max-width: 600px) {
  .c-holdings-table-scroll {
    overflow-x: auto;
    overflow-y: hidden
  }

  .c-holdings-table-scroll .c-grid-table {
    min-width: 600px
  }
}

.c-grid-table:not([data-time="age"]) [data-time-toggle="age"] {
  display: none
}

.c-grid-table:not([data-time="date"]) [data-time-toggle="date"] {
  display: none
}

.c-grid-table__pause {
  color: #4FEEE4;
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translate(0, -50%);
  display: none
}

.c-grid-table:has(.js-grid-table__pause:hover) .c-grid-table__pause {
  display: flex
}

.c-grid-table__toggle {
  display: inline-flex;
  border-radius: 100px;
  margin-right: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1)
}

.c-grid-table__toggle__item {
  padding: 5px 12px;
  line-height: 1;
  text-transform: uppercase;
  color: #8F96BA;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer
}

.c-grid-table__toggle__item.is-selected {
  background: rgba(255, 255, 255, 0.04);
  color: #F2F5F9
}

.c-grid-table__toggle__item:hover {
  color: #F2F5F9
}

.c-grid-table__toggle__item+.c-grid-table__toggle__item {
  border-left: 1px solid rgba(255, 255, 255, 0.1)
}

.c-grid-table--index .c-grid-table__td:last-child,
.c-grid-table--index .c-grid-table__th:last-child {
  display: none
}

.c-grid-table--index[data-toggle-snipe] .c-grid-table__td:last-child,
.c-grid-table--index[data-toggle-buy] .c-grid-table__td:last-child,
.c-grid-table--index[data-toggle-snipe] .c-grid-table__th:last-child,
.c-grid-table--index[data-toggle-buy] .c-grid-table__th:last-child {
  display: block
}

.c-grid-table--index:not([data-toggle-buy]) [data-action-type="buy"] {
  display: none
}

.c-grid-table--index:not([data-toggle-snipe]) [data-action-type="migrationOrders"] {
  display: none
}

.c-grid-table__head {
  grid-template-columns: minmax(250px, 1.5fr) minmax(96px, 1fr) minmax(160px, 1fr) minmax(160px, 1fr) minmax(96px, 1fr) minmax(104px, 1fr) minmax(100px, 1fr) 250px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0
}

.c-grid-table__head--sticky {
  position: sticky;
  top: 0;
  transition: background-color 0.3s
}

.c-grid-table__head--sticky.is-sticky {
  background: #0F1018;
  z-index: 999
}

.c-grid-table.no-e-header:not(:has(.c-grid-table__body .c-grid-table__tr)) .c-grid-table__head {
  display: none
}

.c-grid-table:has(.c-grid-table__body:empty) .c-grid-table__page-loader {
  display: none
}

.c-grid-table.no-e-header.is-empty .c-grid-table__head {
  display: none
}

.c-grid-table.is-empty .c-grid-table__page-loader {
  display: none
}

.c-grid-table.is-scrolled .c-grid-table__th:first-child {
  background: #0F1018;
  transition: background-color 0.3s
}

.c-grid-table__tr {
  color: #F2F5F9
}

.c-grid-table__tr--yellow {
  background: rgba(231, 181, 135, 0.2) !important
}

.c-grid-table__tr .pair-eye {
  opacity: 0;
  visibility: hidden
}

.c-grid-table__tr:has([data-eye-disabled]) {
  opacity: 0.5
}

.c-grid-table__tr:hover .pair-eye {
  opacity: 1;
  visibility: visible
}

.c-grid-table--index .c-grid-table__tr {
  grid-template-columns: minmax(250px, 1.5fr) minmax(96px, 1fr) minmax(160px, 1fr) minmax(160px, 1fr) minmax(96px, 1fr) minmax(104px, 1fr) minmax(100px, 1fr) 250px;
  padding-left: 0;
  align-items: center;
  color: #8D93B7;
  padding: 0;
  padding-left: 0;
  width: 100%;
  left: 0;
  right: 0;
  position: sticky;
  height: 80px
}

@media (max-width: 991px) {
  .c-grid-table--index .c-grid-table__tr {
    height: 75px
  }
}

.c-grid-table--index .c-grid-table__tr:has(.c-dropdown__popup.is-active) {
  z-index: 9999
}

.c-grid-table--index .c-grid-table__tr.is-hidden {
  top: 100% !important;
  opacity: 0
}

.c-grid-table--index:not([data-is-mobile]) .c-grid-table__tr:nth-child(odd) {
  background: #14151d
}

.c-grid-table--index:not([data-is-mobile]) .c-grid-table__tr:nth-child(even) {
  background: #191a21
}

.c-grid-table--index[data-toggle-snipe] .c-grid-table__head,
.c-grid-table--index[data-toggle-buy] .c-grid-table__head,
.c-grid-table--index[data-toggle-snipe] .c-grid-table__tr,
.c-grid-table--index[data-toggle-buy] .c-grid-table__tr {
  grid-template-columns: minmax(250px, 1.5fr) minmax(96px, 1fr) minmax(160px, 1fr) minmax(160px, 1fr) minmax(96px, 1fr) minmax(104px, 1fr) minmax(96px, 1fr) 250px 142px
}

.c-grid-table--index .c-grid-table__th:last-child {
  justify-content: flex-end;
  text-align: right
}

.c-grid-table__th {
  font-weight: 600;
  line-height: 1.25;
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
  font-family: "Chillax", sans-serif;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #8D93B7;
  padding: 8px;
  position: relative
}

@media (max-width: 767px) {
  .c-grid-table__th {
    font-size: 11px;
    font-weight: 500;
    padding: 8px
  }
}

.c-grid-table__th[data-sortable] {
  cursor: pointer
}

.c-grid-table__th[data-sortable]:hover {
  color: #F2F5F9
}

.c-grid-table__th[data-sortable][data-order] {
  color: #F2F5F9
}

.c-grid-table__th[data-sortable][data-order]::after {
  width: 16px;
  height: 16px;
  min-width: 16px;
  content: '';
  display: inline-flex;
  margin-left: 2px
}

.c-grid-table__th[data-sortable][data-order="desc"]::after {
  content: url("")
}

.c-grid-table__th[data-sortable][data-order="asc"]::after {
  content: url("")
}

.c-grid-table__td {
  min-width: 0;
  position: relative;
  padding: 14px 8px
}

@media (max-width: 991px) {
  .c-grid-table__td {
    padding: 12px 8px
  }
}

.c-grid-table__td .c-cell__subtitle--aligned {
  position: absolute;
  left: 0;
  top: 100%
}

.c-grid-table__td a:hover {
  color: #F2F5F9
}

.c-grid-table--index .c-grid-table__th {
  background: #0F1018
}

.c-grid-table--index[data-is-mobile] .c-grid-table__td {
  padding-top: 8px;
  padding-bottom: 8px
}

.c-grid-table--index[data-is-mobile] .c-grid-table__tr {
  height: 52px;
  align-items: start
}

.c-grid-table--index[data-is-mobile] .c-grid-table__td[data-cell-id="action"] {
  height: 52px;
  display: flex;
  align-items: center
}

.c-grid-table--index[data-is-mobile] .c-grid-table__tr,
.c-grid-table--index[data-is-mobile] .c-grid-table__tr .c-grid-table__td:first-child,
.c-grid-table--index[data-is-mobile] .c-grid-table__tr .c-grid-table__td:last-child {
  background: #0F1018
}

.c-grid-table--index[data-is-mobile] .c-grid-table__tr {
  position: relative
}

.c-grid-table--index[data-is-mobile] .c-grid-table__tr::after {
  content: '';
  z-index: 99;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  background: rgba(255, 255, 255, 0.08)
}

.c-grid-table--index:not([data-is-mobile]) .c-grid-table__tr,
.c-grid-table--index:not([data-is-mobile]) .c-grid-table__tr .c-grid-table__td:first-child,
.c-grid-table--index:not([data-is-mobile]) .c-grid-table__tr .c-grid-table__td:last-child {
  background: #191a21 !important
}

.c-grid-table--index:not([data-is-mobile]) .c-grid-table__tr:nth-child(2n + 1),
.c-grid-table--index:not([data-is-mobile]) .c-grid-table__tr:nth-child(2n + 1) .c-grid-table__td:first-child,
.c-grid-table--index:not([data-is-mobile]) .c-grid-table__tr:nth-child(2n + 1) .c-grid-table__td:last-child {
  background: #14151d !important
}

.c-grid-table--index:not([data-is-mobile]) a.c-grid-table__tr:hover,
.c-grid-table--index:not([data-is-mobile]) a.c-grid-table__tr:hover .c-grid-table__td:first-child,
.c-grid-table--index:not([data-is-mobile]) a.c-grid-table__tr:hover .c-grid-table__td:last-child {
  background: #232537 !important
}

.c-grid-table--index .c-grid-table__th:first-child,
.c-grid-table--index .c-grid-table__td:first-child {
  position: sticky;
  left: 0;
  top: 0;
  padding-left: 24px;
  z-index: 10
}

@media (max-width: 991px) {

  .c-grid-table--index .c-grid-table__th:first-child,
  .c-grid-table--index .c-grid-table__td:first-child {
    padding-left: 16px
  }
}

.c-grid-table--index[data-is-mobile] .c-grid-table__th:last-child,
.c-grid-table--index[data-is-mobile] .c-grid-table__td:last-child {
  position: sticky;
  right: 0;
  top: 0;
  padding-right: 24px;
  z-index: 10
}

@media (max-width: 991px) {

  .c-grid-table--index[data-is-mobile] .c-grid-table__th:last-child,
  .c-grid-table--index[data-is-mobile] .c-grid-table__td:last-child {
    padding-right: 4px
  }
}

.c-grid-table--index .c-grid-table__th:last-child {
  background: #0F1018
}

.c-grid-table[data-type="trending"] .c-grid-table__head,
.c-grid-table[data-type="trending"] .c-grid-table__tr {
  grid-template-columns: 321px repeat(auto-fit, minmax(40px, 1fr))
}

@media (max-width: 1300px) {

  .c-grid-table[data-type="trending"] .c-grid-table__head,
  .c-grid-table[data-type="trending"] .c-grid-table__tr {
    grid-template-columns: 321px repeat(auto-fit, minmax(40px, 1fr))
  }
}

.c-grid-table__skeleton,
.c-grid-table.is-loading .c-grid-table__body {
  display: none
}

.c-grid-table.is-loading .c-grid-table__skeleton {
  display: block
}

.c-grid-table__empty {
  padding: 48px 24px;
  display: none;
  align-items: center;
  justify-content: center
}

.c-grid-table.is-empty:not(.is-loading) .c-grid-table__empty {
  display: flex
}

.c-grid-table:not(.is-loading) .c-grid-table__body:has(>*)+.c-grid-table__empty {
  display: none
}

.c-sortable {
  position: relative;
  width: 100%
}

.c-sortable__row {
  width: 100%
}

.c-sortable__row.is-even .c-grid-table__td {
  background: #191a21
}

.c-sortable__row.is-odd .c-grid-table__td {
  background: #14151d
}

.c-indx-table__thumb {
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  min-width: 18px
}

.c-indx-table__thumb--empty {
  background: #383650
}

.c-indx-table__thumb__icon {
  width: 80%;
  height: 80%;
  min-width: 80%;
  color: rgba(0, 0, 0, 0.5)
}

@media (min-width: 992px) {
  .c-indx-table__thumb {
    width: 32px;
    height: 32px;
    min-width: 32px
  }
}

.c-indx-table__thumb__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  display: none
}

.c-indx-table__thumb__overlay__icon {
  width: 50% !important;
  height: 50% !important;
  min-width: 50% !important;
  color: rgba(255, 255, 255, 0.9)
}

.c-indx-table__thumb-wrapper {
  position: relative;
  display: inline-flex
}

.c-indx-table__thumb-wrapper:hover .c-indx-table__thumb[src]+.c-indx-table__thumb__overlay {
  display: flex
}

.c-indx-table__timer {
  font-size: 12px;
  line-height: 1.5;
  text-align: center
}

.c-indx-table__timer__time {
  color: #fff
}

.c-indx-table__btn {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  min-width: 85px
}

@media (min-width: 992px) {
  .c-indx-table__btn--buy {
    max-width: calc(100% - 12px)
  }
}

.c-indx-table__btn__icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin-right: 6px
}

.c-indx-table__btn--sm {
  padding: 4px 16px;
  height: 24px;
  min-width: auto
}

.c-indx-table__btn--disabled {
  background: none;
  cursor: inherit;
  color: #8D93B7;
  opacity: 1
}

@media (max-width: 991px) {
  [data-is-mobile] .c-indx-table__btn--buy {
    min-width: 0;
    width: 100%
  }

  [data-is-mobile] .c-indx-table__btn--buy .c-icon {
    margin-right: 0
  }
}

.c-indx-table__sell-wrapper {
  width: 56px
}

.c-indx-table__social {
  margin-top: 4px
}

@media (max-width: 991px) {
  .c-indx-table__social {
    position: relative;
    margin-top: 3px
  }
}

.c-indx-table__social__icon {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-width: 12px
}

.c-indx-table__social__icon:hover {
  color: #F2F5F9
}

.c-indx-table__audit {
  font-size: 11px;
  color: #F2F5F9
}

.c-indx-table__audit--green .c-indx-table__audit__icon {
  color: #3ED6CC
}

.c-indx-table__audit--red {
  opacity: 0.5;
  color: #8D93B7
}

.c-indx-table__audit--red .c-indx-table__audit__icon {
  color: #FF4B92
}

.c-indx-table__audit__icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin-bottom: 4px
}

.c-indx-table__cell {
  color: #8D93B7;
  font-size: 14px;
  display: flex;
  align-items: center
}

@media (max-width: 767px) {
  .c-indx-table__cell {
    font-size: 13px
  }
}

.c-indx-table__cell--mc-low {
  color: #7CDDFF
}

.c-indx-table__cell--mc-med {
  color: #E7B587
}

.c-indx-table__cell--mc-high {
  color: #50D7B0
}

.c-indx-table__cell--white {
  color: #F2F5F9;
  font-weight: 600
}

.c-indx-table__cell--green {
  color: #3ED6CC;
  font-weight: 500
}

.c-indx-table__cell--red {
  color: #FF4B92;
  font-weight: 500
}

.c-indx-table__cell--dark {
  color: #8D93B7
}

.c-indx-table__cell__icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin-right: 3px
}

*+.c-indx-table__cell__subtext {
  margin-top: 4px
}

.c-indx-table__cell .c-icon--clock {
  margin-right: 4px;
  width: 14px
}

.c-indx-table__cell__subtext {
  color: #B5B7DA;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25
}

.c-indx-table__cell__subtext.green {
  color: #3ED6CC;
  font-weight: 500
}

.c-indx-table__cell__subtext.red {
  color: #FF4B92;
  font-weight: 500
}

.c-indx-filters__divider {
  height: 16px;
  width: 1px;
  background: rgba(255, 255, 255, 0.1)
}

.c-toggle-group {
  background: linear-gradient(180deg, #16161D 0%, #22242F 100%);
  border-radius: 100px;
  padding: 8px 12px;
  line-height: 1;
  font-size: 13px;
  color: #B5B7DA;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  height: 32px
}

.c-toggle-group__item {
  padding: 0 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: inherit
}

@media (max-width: 991px) {
  .c-toggle-group__item--social {
    min-width: 80px
  }
}

.c-toggle-group__item:hover {
  color: #F2F5F9
}

.c-toggle-group__item.is-selected {
  font-weight: 600;
  color: #F2F5F9;
  cursor: auto
}

.c-toggle-group__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 8px
}

.c-toggle-group__item:not(.is-selected) .c-toggle-group__icon:not(.c-toggle-group__icon--disabled) {
  display: none
}

.c-toggle-group__item.is-selected .c-toggle-group__icon--disabled {
  display: none
}

.c-toggle-group .c-indx-filters__divider {
  height: 16px
}

@media (max-width: 1139px) {
  .c-toggle-group {
    width: 100%;
    height: 32px;
    margin-bottom: 16px
  }

  .c-toggle-group__item {
    width: 100%;
    text-align: center
  }
}

.c-indx-filters {
  display: flex;
  align-items: center;
  gap: 8px
}

@media (min-width: 1140px) {
  .c-indx-filters {
    display: grid;
    grid-template-columns: 1fr 1px 1fr 1px 1fr;
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 8px;
    grid-row-gap: 16px;
    align-items: center
  }
}

@media (max-width: 991px) {
  .c-indx-filters[data-type="trending"] {
    flex-wrap: wrap
  }

  .c-indx-filters[data-type="trending"] .c-indx-filters__field--m-first {
    flex: 0 0 calc(50% - 4px);
    max-width: calc(50% - 4px) !important
  }

  .c-indx-filters[data-type="trending"] .c-dropdown__popup {
    width: 100%
  }
}

@media (min-width: 1140px) {
  .c-indx-filters {
    display: flex;
    align-items: center;
    grid-gap: 16px
  }
}

@media (max-width: 1139px) {
  .c-indx-filters .c-indx-filters__divider--hide {
    opacity: 0
  }

  .c-indx-filters .c-indx-filters__field .c-dropdown,
  .c-indx-filters .c-indx-filters__field .c-indx-filters__toggle {
    width: 100%
  }
}

@media (max-width: 575px) {
  .c-indx-filters .c-toggle-group {
    justify-content: space-around
  }

  .c-indx-filters .c-toggle-group__item {
    width: auto
  }
}

.c-indx-filters__period {
  max-width: 74px !important
}

.c-indx-filters__reset {
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  line-height: inherit;
  color: #8E9DFF;
  font-size: 13px;
  font-weight: 500
}

.c-indx-filters__item {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

@media (max-width: 767px) {
  .c-indx-filters__item {
    width: 100%
  }
}

.c-indx-filters__popup {
  width: calc(100vw - 48px);
  max-width: 300px
}

@media (max-width: 991px) {
  .c-indx-filters__popup {
    width: 100%;
    height: 100%;
    max-width: none;
    position: fixed;
    z-index: 100000;
    border: none;
    border-radius: 0;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0
  }
}

.c-indx-filters__dd__header {
  display: none;
  width: 100%;
  padding: 10px 36px;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 48px
}

@media (max-width: 991px) {
  .c-indx-filters__dd__header {
    display: flex
  }
}

.c-indx-filters__dd__close {
  width: 20px;
  height: 20px;
  min-width: 20px;
  color: #B5B7DA;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0, -50%);
  cursor: pointer
}

@media (max-width: 991px) {
  .c-indx-filters__dd__content {
    flex: 1;
    overflow-y: auto;
    padding-top: 12px
  }
}

@media (max-width: 991px) {
  .c-indx-filters__dd__footer {
    padding-bottom: 12px
  }
}

.c-indx-filters__field {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #B5B7DA;
  line-height: 1
}

@media (max-width: 991px) {
  .c-indx-filters__field--m-first {
    order: -1;
    flex: 1
  }
}

@media (max-width: 991px) {
  .c-indx-filters__field {
    font-size: 12px
  }
}

.c-indx-filters__field:first-of-type {
  grid-column-start: 1;
  grid-column-end: 4
}

.c-indx-filters__field:nth-child(2) {
  grid-column-start: 1
}

.c-indx-filters__field:last-of-type {
  grid-column-start: 5;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 2
}

.c-indx-filters__field__symbol {
  color: #8D93B7;
  margin: 0 4px
}

.c-indx-filters__field__container {
  padding: 0 12px;
  width: 95px
}

@media (max-width: 767px) {
  .c-indx-filters__field__container {
    width: 87px
  }
}

.c-indx-filters__field__input {
  padding: 8px 0;
  height: 30px;
  font-size: 13px
}

.c-indx-filters__field__icon {
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin-right: 4px
}

.c-indx-filters__toggle {
  padding-left: 16px;
  padding-right: 16px;
  display: inline-flex;
  height: 32px
}

@media (max-width: 575px) {
  .c-indx-filters__toggle {
    padding-left: 8px;
    padding-right: 8px
  }
}

.c-indx-filters__toggle:hover {
  background: rgba(255, 255, 255, 0.06)
}

.c-indx-filters__toggle__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 4px;
  color: #8D93B7
}

.c-indx-filters__toggle__counter {
  font-size: 13px;
  font-weight: 500;
  color: #8D93B7
}

.c-indx-filters__toggle__counter:empty {
  display: none
}

.c-indx-filters__toggle__arr {
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin-left: 4px;
  color: #B5B7DA
}

@media (min-width: 992px) and (max-width: 1200px) {
  .c-trades-table-wrapper {
    scrollbar-color: rgba(153, 153, 153, 0.6) transparent;
    scrollbar-width: thin;
    padding-bottom: 10px
  }

  .c-trades-table-wrapper::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent
  }

  .c-trades-table-wrapper::-webkit-scrollbar-thumb {
    background: rgba(153, 153, 153, 0.6);
    border-radius: 100px
  }
}

.c-grid-table--trades[data-table-id="events"],
.c-grid-table--trades[data-table-id="pendings"] {
  min-width: 909px;
  padding-right: 10px
}

@media (max-width: 575px) {

  .c-grid-table--trades[data-table-id="events"],
  .c-grid-table--trades[data-table-id="pendings"] {
    min-width: 1110px
  }
}

@media (max-width: 1200px) {

  .c-grid-table--trades[data-table-id="events"] .c-trades-table__scroll,
  .c-grid-table--trades[data-table-id="pendings"] .c-trades-table__scroll {
    overscroll-behavior: initial
  }
}

@media (max-width: 991px) {
  .c-grid-table--trades[data-table-id="portfolio"] {
    min-width: 794px;
    padding-right: 10px
  }
}

@media (max-width: 1200px) {
  .c-grid-table--trades[data-table-id="portfolio"] .c-trades-table__scroll {
    overscroll-behavior: initial
  }
}

.c-grid-table--trades[data-table-id="holders"] {
  min-width: 610px;
  padding-right: 10px
}

@media (max-width: 1200px) {
  .c-grid-table--trades[data-table-id="holders"] .c-trades-table__scroll {
    overscroll-behavior: initial
  }
}

.c-trades-table__share {
  font-size: 13px;
  font-weight: 500;
  color: #B5B7DA;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 24px 15px;
  margin: -24px -15px
}

.c-trades-table__share.is-disabled {
  opacity: 0.5;
  cursor: inherit
}

.c-trades-table__share__icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin-right: 6px
}

.c-trades-table__thead {
  border-bottom: none;
  padding-bottom: 8px
}

.c-trades-table__eye {
  width: 16px;
  height: 16px;
  min-width: 16px;
  color: #8D93B7;
  opacity: 0
}

.c-trades-table__tr:hover .c-trades-table__eye {
  opacity: 1
}

.c-trades-table__tr:has(.c-trades-table__eye.c-icon--eye-closed),
.c-trades-table__tr:has(.c-trades-table__eye[data-icon='eye-closed']) {
  opacity: 0.5
}

.c-trades-table__scroll {
  max-height: 1025px;
  overflow-y: auto;
  scrollbar-color: rgba(153, 153, 153, 0.6) transparent;
  scrollbar-width: thin;
  margin-right: -10px;
  padding-right: 10px
}

.c-trades-table__scroll--holdings {
  max-height: 799px
}

.c-trades-table__scroll::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: transparent
}

.c-trades-table__scroll::-webkit-scrollbar-thumb {
  background: rgba(153, 153, 153, 0.6);
  border-radius: 100px
}

.c-trades-table__tr {
  padding: 0;
  align-items: center
}

.c-trades-table__tr+.c-trades-table__tr {
  border-top: 1px solid rgba(255, 255, 255, 0.06)
}

.c-trades-table__td {
  padding: 11px 0;
  font-size: 14px;
  color: #F2F5F9
}

.c-trades-table__td[data-cell-id="token"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.c-trades-table__td[data-cell-id="type"] {
  text-transform: capitalize
}

.c-trades-table__td[data-cell-id="maker"] {
  color: #8E9DFF !important
}

.c-trades-table__td[data-cell-id="maker"]:hover {
  color: #F2F5F9
}

.c-trades-table__td__sub {
  margin-top: 4px
}

.c-trades-table__th {
  padding: 0;
  font-size: 13px;
  font-weight: 500
}

.c-trades-table__td,
.c-trades-table__th {
  padding-left: 8px;
  padding-right: 8px
}

.c-trades-table__td:first-child,
.c-trades-table__th:first-child {
  padding-left: 0
}

.c-trades-table__td:last-child,
.c-trades-table__th:last-child {
  padding-right: 0;
  justify-content: flex-end;
  text-align: right
}

.c-trades-table__tr--mint .c-trades-table__td,
.c-trades-table__tr--add .c-trades-table__td,
.c-trades-table__tr--create_pool .c-trades-table__td {
  color: #86C5FF
}

.c-trades-table__tr--burn .c-trades-table__td,
.c-trades-table__tr--remove .c-trades-table__td {
  color: #E1CAFF
}

.c-trades-table__tr--buy .c-trades-table__td {
  color: #BAFFFA
}

.c-trades-table__tr--sell .c-trades-table__td {
  color: #FFCAD6
}

.c-trades-table__tr--sell .c-trades-table__td[data-cell-id="type"] {
  color: #FF4B92
}

.c-trades-table__tr--buy .c-trades-table__td[data-cell-id="type"] {
  color: #3ED6CC
}

.c-trades-table__thead,
.c-trades-table__tr {
  grid-template-columns: 136px 68px minmax(85px, 1fr) minmax(82px, 1fr) minmax(94px, 1fr) minmax(85px, 1fr) minmax(85px, 1fr) minmax(163px, 1fr) 90px
}

@media (max-width: 991px) {

  .c-trades-table__thead,
  .c-trades-table__tr {
    grid-template-columns: 148px 68px minmax(97px, 1fr) minmax(94px, 1fr) minmax(106px, 1fr) minmax(97px, 1fr) minmax(97px, 1fr) minmax(163px, 1fr) 90px
  }
}

[data-table-id="pendings"] .c-trades-table__thead,
[data-table-id="pendings"] .c-trades-table__tr {
  grid-template-columns: 136px 48px minmax(85px, 1fr) minmax(82px, 1fr) minmax(94px, 1fr) minmax(85px, 1fr) minmax(95px, 0.6fr) minmax(108px, 1fr) minmax(153px, 1.2fr) 52px
}

@media (max-width: 991px) {

  [data-table-id="pendings"] .c-trades-table__thead,
  [data-table-id="pendings"] .c-trades-table__tr {
    grid-template-columns: 148px 60px minmax(97px, 1fr) minmax(94px, 1fr) minmax(106px, 1fr) 77px minmax(107px, 1fr) minmax(120px, 1fr) minmax(153px, 1.2fr) 52px
  }
}

[data-table-id="orders"] .c-trades-table__thead,
[data-table-id="orders"] .c-trades-table__tr {
  grid-template-columns: 50px 130px 94px minmax(80px, 1fr) minmax(216px, 1fr) minmax(114px, 1fr) minmax(126px, 1fr) minmax(124px, 1fr) minmax(90px, 1fr) minmax(95px, 1fr) minmax(134px, 1fr) minmax(132px, 1fr) minmax(58px, 1.2fr)
}

[data-table-id="migrationOrders"] .c-trades-table__thead,
[data-table-id="migrationOrders"] .c-trades-table__tr {
  grid-template-columns: 50px 130px 94px minmax(80px, 1fr) minmax(124px, 1fr) minmax(90px, 1fr) minmax(95px, 1fr) minmax(134px, 1fr) minmax(132px, 1fr) minmax(58px, 1.2fr)
}

[data-table-id="dcaOrders"] .c-trades-table__thead,
[data-table-id="dcaOrders"] .c-trades-table__tr {
  grid-template-columns: 50px 130px 94px minmax(80px, 1fr) minmax(80px, 1fr) minmax(80px, 1fr) minmax(160px, 1fr) minmax(156px, 1fr) minmax(90px, 1fr) minmax(90px, 1fr) minmax(95px, 1fr) minmax(105px, 1fr) minmax(132px, 1fr) minmax(58px, 1.2fr)
}

[data-table-id="dev"] .c-trades-table__thead,
[data-table-id="dev"] .c-trades-table__tr {
  grid-template-columns: 170px minmax(96px, 1fr) minmax(96px, 1fr) minmax(100px, 1fr) minmax(95px, 1fr) minmax(95px, 1fr) minmax(95px, 1fr) minmax(120px, 1fr) minmax(200px, 1fr)
}

.c-grid-table--trades[data-table-id="dev"],
.c-grid-table--index[data-table-id="dev"] {
  min-width: 1100px
}

.c-grid-table--trades[data-table-id="dcaOrders"],
.c-grid-table--index[data-table-id="dcaOrders"] {
  min-width: 1399px
}

.c-grid-table--trades[data-table-id="orders"],
.c-grid-table--index[data-table-id="orders"] {
  min-width: 1452px
}

.c-grid-table--trades[data-table-id="migrationOrders"],
.c-grid-table--index[data-table-id="migrationOrders"] {
  min-width: 1252px
}

[data-table-id="walletHoldings"] div.c-grid-table__th:first-child,
[data-table-id="walletHoldings"] div.c-grid-table__tr {
  background: none !important
}

[data-table-id="walletHoldings"] div.c-trades-table__td:last-child,
[data-table-id="walletHoldings"] div.c-trades-table__th:last-child {
  justify-content: flex-start
}

[data-table-id="walletHoldings"] .c-trades-table__thead,
[data-table-id="walletHoldings"] .c-trades-table__tr {
  grid-template-columns: minmax(150px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(200px, 1fr)
}

.c-grid-table--trades[data-table-id="walletHoldings"],
.c-grid-table--index[data-table-id="walletHoldings"] {
  min-width: 694px
}

[data-table-id="walletActivity"] div.c-grid-table__th:first-child,
[data-table-id="walletActivity"] div.c-grid-table__tr {
  background: none !important
}

[data-table-id="walletActivity"] .c-trades-table__thead,
[data-table-id="walletActivity"] .c-trades-table__tr {
  grid-template-columns: 100px minmax(200px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(180px, 1fr) 100px 30px
}

[data-table-id="walletActivity"][data-table-all] .c-trades-table__thead,
[data-table-id="walletActivity"][data-table-all] .c-trades-table__tr {
  grid-template-columns: 100px minmax(200px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(180px, 1fr) 100px 30px
}

.c-grid-table--trades[data-table-id="walletActivity"],
.c-grid-table--index[data-table-id="walletActivity"] {
  min-width: 1200px
}

.c-grid-table--trades[data-table-id="walletActivity"][data-table-all],
.c-grid-table--index[data-table-id="walletActivity"][data-table-all] {
  min-width: 1300px
}

[data-is-mobile][data-table-id="discover"]:not([data-toggle-buy]) .c-grid-table__td:nth-last-child(2),
[data-is-mobile][data-table-id="discover"]:not([data-toggle-buy]) .c-grid-table__th:nth-last-child(2) {
  padding-right: 24px
}

[data-is-mobile][data-table-id="discover"] .c-grid-table__head,
[data-is-mobile][data-table-id="discover"] .c-grid-table__tr {
  grid-template-columns: 135px minmax(96px, 1fr) minmax(160px, 1fr) minmax(160px, 1fr) minmax(96px, 1fr) minmax(104px, 1fr) minmax(100px, 1fr) 250px minmax(275px, 1.5fr)
}

[data-is-mobile][data-table-id="discover"][data-toggle-buy] .c-grid-table__head,
[data-is-mobile][data-table-id="discover"][data-toggle-buy] .c-grid-table__tr {
  grid-template-columns: 135px minmax(96px, 1fr) minmax(160px, 1fr) minmax(160px, 1fr) minmax(96px, 1fr) minmax(104px, 1fr) minmax(100px, 1fr) 250px 142px
}

[data-is-mobile][data-table-id="discover"][data-is-mobile] .c-grid-table__head,
[data-is-mobile][data-table-id="discover"][data-is-mobile] .c-grid-table__tr {
  grid-template-columns: 119px 70px 90px 160px minmax(160px, 1fr) minmax(160px, 1fr) minmax(78px, 1fr)
}

[data-is-mobile][data-table-id="discover"][data-is-mobile][data-toggle-buy] .c-grid-table__head,
[data-is-mobile][data-table-id="discover"][data-is-mobile][data-toggle-buy] .c-grid-table__tr {
  grid-template-columns: 119px 70px 90px 160px minmax(160px, 1fr) minmax(160px, 1fr) minmax(78px, 1fr) 73px
}

[data-table-id="trending"] .c-grid-table__head,
[data-table-id="trending"] .c-grid-table__tr {
  grid-template-columns: minmax(230px, 1.5fr) minmax(105px, 1fr) minmax(88px, 1.1fr) minmax(160px, 1fr) minmax(88px, 1fr) minmax(72px, 1fr) minmax(72px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(250px, 1.5fr)
}

[data-table-id="trending"]:not([data-toggle-buy]) .c-grid-table__td:nth-last-child(2),
[data-table-id="trending"]:not([data-toggle-buy]) .c-grid-table__th:nth-last-child(2) {
  padding-right: 24px
}

[data-table-id="trending"][data-toggle-buy] .c-grid-table__head,
[data-table-id="trending"][data-toggle-buy] .c-grid-table__tr {
  grid-template-columns: minmax(230px, 1.5fr) minmax(105px, 1fr) minmax(88px, 1.1fr) minmax(160px, 1fr) minmax(88px, 1fr) minmax(72px, 1fr) minmax(72px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(250px, 1.5fr) 142px
}

[data-table-id="trending"][data-is-mobile] .c-grid-table__head,
[data-table-id="trending"][data-is-mobile] .c-grid-table__tr {
  grid-template-columns: 119px 100px 90px 140px minmax(120px, 1fr) minmax(120px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr)
}

[data-table-id="trending"][data-is-mobile][data-toggle-buy] .c-grid-table__head,
[data-table-id="trending"][data-is-mobile][data-toggle-buy] .c-grid-table__tr {
  grid-template-columns: 119px 100px 90px 140px minmax(120px, 1fr) minmax(120px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) 73px
}

[data-table-id="portfolio"] .c-grid-table__head,
[data-table-id="portfolio"] .c-grid-table__tr__inner,
[data-table-id="portfolio"] .c-grid-table__skeleton .c-grid-table__tr {
  grid-template-columns: minmax(100px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) 224px
}

@media (max-width: 991px) {

  [data-table-id="portfolio"] .c-grid-table__head,
  [data-table-id="portfolio"] .c-grid-table__tr__inner,
  [data-table-id="portfolio"] .c-grid-table__skeleton .c-grid-table__tr {
    grid-template-columns: minmax(100px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(120px, 1fr) minmax(120px, 1fr) minmax(180px, 1fr)
  }
}

[data-table-id="portfolio"] .c-grid-table__tr__inner {
  padding: 0
}

.c-holdings__toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1
}

.c-holdings__button {
  position: relative;
  z-index: 2
}

[data-table-id="active"] .c-grid-table__head,
[data-table-id="active"] .c-grid-table__tr {
  grid-template-columns: minmax(100px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr)
}

@media (max-width: 767px) {

  [data-table-id="active"] .c-grid-table__head,
  [data-table-id="active"] .c-grid-table__tr {
    grid-template-columns: 2fr 1fr
  }
}

[data-table-id="used"] .c-grid-table__head,
[data-table-id="used"] .c-grid-table__tr {
  grid-template-columns: minmax(100px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr)
}

[data-table-id="holders"] .c-grid-table__head,
[data-table-id="holders"] .c-grid-table__tr {
  grid-template-columns: minmax(250px, 1fr) minmax(88px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) 60px
}

[data-table-id="traders"] .c-grid-table__head,
[data-table-id="traders"] .c-grid-table__tr {
  grid-template-columns: 64px minmax(210px, 1fr) minmax(100px, 1fr) minmax(97px, 1fr) minmax(80px, 1fr) minmax(96px, 1fr) 156px 60px
}

.c-grid-table--trades[data-table-id="traders"] {
  min-width: 865px;
  padding-right: 10px
}

@media (max-width: 1200px) {
  .c-grid-table--trades[data-table-id="traders"] .c-trades-table__scroll {
    overscroll-behavior: initial
  }
}

[data-table-id="deposit"] .c-trades-table__thead,
[data-table-id="deposit"] .c-trades-table__tr {
  grid-template-columns: minmax(150px, 1fr) minmax(130px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(20px, 1fr)
}

[data-table-id="withdraw"] .c-trades-table__thead,
[data-table-id="withdraw"] .c-trades-table__tr {
  grid-template-columns: minmax(150px, 1fr) minmax(130px, 1fr) minmax(130px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(20px, 1fr)
}

[data-table-id="portfolio"] .c-trades-table__td:last-child,
[data-table-id="orders"] .c-trades-table__td:last-child,
[data-table-id="migrationOrders"] .c-trades-table__td:last-child,
[data-table-id="dcaOrders"] .c-trades-table__td:last-child {
  display: flex;
  justify-content: end;
  align-items: center
}

[data-table-id="holders"] .c-trades-table__td:last-child {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left
}

.c-grid-table--trades[data-table-id="portfolio"],
.c-grid-table--trades[data-table-id="orders"],
.c-grid-table--trades[data-table-id="migrationOrders"],
.c-grid-table--trades[data-table-id="dev"] {
  padding-right: 10px
}

.c-p-table {
  opacity: 0.5
}

.c-p-table:has(.c-grid-table:not(.is-hidden)) {
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06)
}

.c-grid-table--vscrolled .c-grid-table__th:first-child,
.c-grid-table--vscrolled .c-grid-table__td:first-child {
  position: sticky;
  left: 0;
  top: 0;
  padding-left: 24px;
  z-index: 10
}

@media (max-width: 991px) {

  .c-grid-table--vscrolled .c-grid-table__th:first-child,
  .c-grid-table--vscrolled .c-grid-table__td:first-child {
    padding-left: 16px
  }
}

@media (min-width: 992px) {

  .c-grid-table--vscrolled .c-grid-table__td:first-child,
  .c-grid-table--vscrolled .c-grid-table__th:first-child {
    padding-left: 0
  }

  .c-grid-table--vscrolled .c-grid-table__td:last-child,
  .c-grid-table--vscrolled .c-grid-table__th:last-child {
    padding-right: 0
  }
}

.c-grid-table--vscrolled.is-scrolled .c-grid-table__th:first-child,
.c-grid-table--vscrolled.is-scrolled .c-grid-table__td:first-child {
  transition: background-color 0.3s
}

.c-grid-table--vscrolled .c-grid-table__th {
  font-size: 13px;
  font-weight: 500
}

.c-grid-table--vscrolled .c-grid-table__td {
  height: 100%;
  display: flex;
  align-items: center
}

.c-grid-table--vscrolled .c-grid-table__tr:nth-child(2n + 1) .c-grid-table__td:first-child,
.c-grid-table--vscrolled .c-grid-table__tr:nth-child(2n) .c-grid-table__td:first-child {
  background: inherit
}

.c-grid-table-scroll--my-holdings .c-grid-table__td:first-child,
.c-grid-table-scroll--my-holdings .c-grid-table__th:first-child {
  padding-left: 24px
}

.c-grid-table-scroll--my-holdings .c-grid-table__td:last-child,
.c-grid-table-scroll--my-holdings .c-grid-table__th:last-child {
  padding-right: 24px
}

.c-grid-table-scroll--my-holdings {
  background: #0F1018
}

.c-grid-table--my-holdings.is-scrolled .c-grid-table__th:first-child,
.c-grid-table--my-holdings.is-scrolled .c-grid-table__td:first-child {
  background: #0F1018
}

.c-grid-table--my-holdings .c-grid-table__th:first-child,
.c-grid-table--my-holdings .c-grid-table__head--sticky.is-sticky {
  background: #0F1018 !important
}

.c-grid-table--my-holdings .c-grid-table__tr:nth-child(2n + 1),
.c-grid-table--my-holdings .c-grid-table__tr:nth-child(2n) {
  background: #0F1018
}

.c-grid-table-scroll--show {
  background: #181921
}

.c-grid-table--show.is-scrolled .c-grid-table__th:first-child,
.c-grid-table--show.is-scrolled .c-grid-table__td:first-child {
  background: #181921
}

.c-grid-table--show .c-grid-table__th:first-child,
.c-grid-table--show .c-grid-table__head--sticky.is-sticky {
  background: #181921 !important
}

.c-grid-table--show .c-grid-table__tr:nth-child(2n + 1),
.c-grid-table--show .c-grid-table__tr:nth-child(2n) {
  background: #181921
}

.c-grid-table--my-holdings .c-grid-table__tr {
  min-height: 62px;
  height: auto
}

@media (max-width: 991px) {

  .c-grid-table--show .c-grid-table__th:first-child,
  .c-grid-table--show .c-grid-table__td:first-child {
    padding-left: 0
  }
}

.c-holders-rank-wrapper {
  counter-reset: rank-count
}

.c-holders-rank {
  counter-increment: rank-count
}

.c-holders-rank .c-holders-rank__inner:before {
  content: counter(rank-count)
}

.c-grid-table--referrals .c-grid-table__td,
.c-grid-table--referrals .c-grid-table__th {
  text-align: left;
  justify-content: start
}

@media (max-width: 767px) {

  .c-grid-table--referrals[data-table-id="active"] .c-grid-table__td:last-child,
  .c-grid-table--referrals[data-table-id="active"] .c-grid-table__th:last-child {
    display: none
  }

  .c-grid-table--referrals[data-table-id="active"] .c-grid-table__td:nth-child(2),
  .c-grid-table--referrals[data-table-id="active"] .c-grid-table__th:nth-child(2) {
    text-align: right;
    justify-content: end;
    padding-right: 0
  }
}

@media (max-width: 767px) {

  .c-grid-table--referrals[data-table-id="used"] .c-grid-table__td:last-child,
  .c-grid-table--referrals[data-table-id="used"] .c-grid-table__th:last-child {
    text-align: right;
    justify-content: end
  }

  .c-grid-table--referrals[data-table-id="used"] .c-grid-table__td:nth-child(2),
  .c-grid-table--referrals[data-table-id="used"] .c-grid-table__th:nth-child(2) {
    text-align: center;
    justify-content: center
  }
}

@media (min-width: 992px) {
  .c-sell {
    max-width: 604px;
    padding: 48px 40px
  }

  .c-sell__body {
    padding: 0
  }
}

.c-sell__title {
  color: #fff;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1;
  min-height: 30px;
  display: flex;
  align-items: center
}

.c-sell__info__label {
  font-size: 11px;
  text-transform: uppercase;
  color: #8D93B7;
  margin-bottom: 8px
}

.c-sell__info__value {
  font-size: 15px;
  font-weight: 600;
  color: #fff
}

.c-sell__approve {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 16px 12px;
  font-size: 12px;
  color: #B5B7DA
}

.c-sell__approve__title {
  font-size: 13px;
  margin-bottom: 4px;
  color: #fff
}

.c-sell__approve__icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  color: #8D93B7
}

.c-sell__approve__btn {
  font-size: 13px;
  padding: 8px 24px;
  height: 32px
}

.c-sell__col__title {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 12px
}

.c-sell__auto {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  padding: 16px;
  color: #8D93B7
}

.c-sell__auto__label {
  font-size: 11px;
  margin-bottom: 4px
}

.c-sell__auto__value {
  color: #fff;
  font-size: 13px
}

@media (min-width: 992px) {
  .c-sell__col+.c-sell__col {
    border-left: 1px solid rgba(255, 255, 255, 0.06)
  }
}

.c-sell__footer {
  font-size: 11px;
  color: #8D93B7
}

.c-bbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10001
}

@media (min-width: 992px) {
  .c-bbar {
    display: none
  }
}

.c-bbar__overlay {
  display: none;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh
}

.c-bbar.is-opened .c-bbar__overlay {
  display: block
}

.c-bbar__inner {
  background: #191A23;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  position: relative;
  z-index: 10001
}

.c-bbar__item {
  color: #8D93B7;
  text-align: center;
  cursor: pointer;
  padding: 10px
}

.c-bbar__item__icon {
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin: 0 auto 2px;
  cursor: pointer;
  position: relative
}

.c-bbar__item__img {
  width: 100%;
  height: 100%;
  min-width: 100%
}

.c-bbar__item__label {
  font-size: 10px;
  font-weight: 600
}

.c-bbar__item.is-opened {
  color: #898EFF
}

.c-bbar__counter {
  color: #fff;
  border-radius: 100px;
  width: 14px;
  height: 14px;
  min-width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 600;
  background: #FF4B92;
  position: absolute;
  right: -6px;
  top: 0;
  z-index: 2
}

.c-bbar__popup {
  border-radius: 16px 16px 0px 0px;
  background: linear-gradient(180deg, #2C2E3E 3.83%, #191A23 83%);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  z-index: 2;
  max-height: calc(100vh - 57px);
  overflow-y: auto
}

.c-bbar__popup:not(.is-opened) {
  display: none
}

.c-bbar__popup__header {
  padding: 12px 24px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  width: 100%
}

.c-bbar__popup__chevron {
  width: 16px;
  height: 16px;
  min-width: 16px;
  color: #B5B7DA;
  cursor: pointer
}

.c-bbar__popup__close {
  padding: 12px;
  margin: -12px
}

.c-bbar__popup__inner {
  padding: 16px 24px 24px;
  width: 100%;
  position: relative
}

.c-bbar__popup--full {
  border-radius: 0;
  top: 0;
  bottom: 0;
  padding-bottom: 57px;
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 100000;
  box-shadow: none
}

.c-bbar__popup--full .c-bbar__popup__inner {
  flex: 1;
  overflow-y: auto
}

.c-tag {
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  line-height: inherit;
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 100px;
  line-height: 1;
  color: #fff;
  font-weight: 400;
  background: rgba(255, 255, 255, 0.1);
  font-size: 12px;
  padding: 4px 10px;
  height: 23px;
  white-space: nowrap
}

.c-tag--md {
  font-size: 13px;
  padding: 4px 12px;
  height: auto
}

.c-tag--sm {
  font-size: 10px;
  padding: 4px 8px;
  height: auto
}

.c-tag--md .c-tag__close {
  margin-left: 2px;
  color: rgba(255, 255, 255, 0.5)
}

.c-tag__close {
  color: rgba(255, 255, 255, 0.7);
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin-left: 8px
}

.c-tag--color-purple-2 {
  color: #8E9DFF;
  background: rgba(133, 139, 172, 0.13)
}

.c-tag--color-1 {
  background: rgba(255, 156, 207, 0.06);
  color: #FF9CCF
}

.c-tag--color-2 {
  background: rgba(255, 152, 245, 0.06);
  color: #FF98F5
}

.c-tag--color-3 {
  background: rgba(241, 179, 254, 0.06);
  color: #F1B3FE
}

.c-tag--color-4 {
  background: rgba(213, 180, 255, 0.06);
  color: #D5B4FF
}

.c-tag--color-5 {
  background: rgba(200, 205, 255, 0.06);
  color: #C8CDFF
}

.c-tag--color-6 {
  background: rgba(141, 197, 255, 0.06);
  color: #8DC5FF
}

.c-tag--color-7 {
  background: rgba(174, 245, 255, 0.06);
  color: #AEF5FF
}

.c-tag--color-8 {
  background: rgba(95, 245, 255, 0.06);
  color: #5FF5FF
}

.c-tag--color-9 {
  background: rgba(113, 255, 204, 0.06);
  color: #71FFCC
}

.c-tag--color-10 {
  background: rgba(170, 255, 221, 0.06);
  color: #AAFFDD
}

.c-tag--color-11 {
  background: rgba(199, 255, 176, 0.06);
  color: #C7FFB0
}

.c-tag--color-12 {
  background: rgba(235, 255, 153, 0.06);
  color: #EBFF99
}

.c-tag--color-13 {
  background: rgba(255, 253, 200, 0.06);
  color: #FFFDC8
}

.c-tag--color-14 {
  background: rgba(255, 195, 176, 0.06);
  color: #FFC3B0
}

.c-tag--color-15 {
  background: rgba(195, 214, 232, 0.06);
  color: #C3D6E8
}

.c-tag--yellow {
  color: #E7B587
}

.c-tag--red {
  color: #FF4B92
}

.c-tag--pink {
  color: #FFADFE
}

.c-tag--green {
  color: #3ED6CC
}

.c-tag--purple {
  color: #8E9DFF
}

.c-info__tabs {
  display: flex;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06)
}

.c-info__tabs:has(+.c-info__content.is-hidden) {
  border-bottom: none
}

.c-info__content {
  padding: 0 16px;
  margin: 16px 0;
  position: relative
}

.c-info__content::after {
  content: '';
  position: absolute;
  left: 77px;
  width: 1px;
  top: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.1)
}

.c-info__tab {
  flex: 1;
  padding: 8px 8px 10px;
  text-align: center;
  cursor: pointer;
  font-size: 11px;
  color: #8D93B7
}

.c-info__tab.is-selected {
  background: rgba(255, 255, 255, 0.03)
}

.c-info__tab+.c-info__tab {
  border-left: 1px solid rgba(255, 255, 255, 0.1)
}

.c-info__percentage {
  font-size: 13px;
  font-weight: 600;
  color: #fff
}

.c-info__left {
  width: 45px
}

.c-info__cell {
  font-size: 10px;
  font-weight: 500;
  color: #8D93B7;
  text-transform: uppercase;
  width: 100%
}

.c-info__cell__value {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
  color: #fff
}

.c-info__line {
  height: 3px;
  border-radius: 100px;
  width: 100%;
  background: #FF4B92
}

.c-info__line--green {
  background: #3ED6CC
}

.c-info__col {
  display: flex;
  align-items: center
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center
}

.pagination .page {
  font-size: 13px
}

.pagination .page a {
  color: #8D93B7
}

.pagination .page.current {
  font-weight: 700
}

.pagination .page.current a {
  color: #fff
}

.pagination .page+.page {
  margin-left: 12px
}

.pagination .next,
.pagination .prev {
  font-size: 0;
  color: rgba(0, 0, 0, 0);
  display: block;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 100px;
  width: 24px;
  height: 24px;
  min-width: 24px
}

.pagination .next__inner,
.pagination .prev__inner {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 100%;
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat
}

.pagination .next__inner.is-disabled,
.pagination .prev__inner.is-disabled {
  opacity: 0.3
}

.pagination .next {
  margin-left: 32px
}

.pagination .next__inner {
  background-image: url("")
}

.pagination .prev {
  margin-right: 32px
}

.pagination .prev__inner {
  background-image: url("")
}

.pagination .last,
.pagination .first {
  display: none
}

.c-inline-toggle {
  padding: 8px 24px;
  border-radius: 100px;
  display: inline-flex;
  flex-wrap: nowrap;
  background: linear-gradient(180deg, #16161D 0%, #22242F 100%);
  align-items: center
}

.c-inline-toggle__item {
  cursor: pointer;
  font-size: 13px;
  color: #B5B7DA
}

.c-inline-toggle__item.is-selected {
  color: #fff
}

.c-inline-toggle__item:hover {
  color: #fff
}

.c-inline-toggle__item+.c-inline-toggle__item {
  margin-left: 12px
}

@media (max-width: 991px) {
  .c-inline-toggle--presets:not(.c-inline-toggle--no-mobile) {
    background: none;
    padding: 0;
    border-radius: 0;
    display: flex;
    gap: 8px
  }

  .c-inline-toggle--presets:not(.c-inline-toggle--no-mobile) .c-inline-toggle__item {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 100px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15)
  }

  .c-inline-toggle--presets:not(.c-inline-toggle--no-mobile) .c-inline-toggle__item.is-selected {
    border: 1px solid #6A60E8;
    background: rgba(106, 96, 232, 0.2)
  }

  .c-inline-toggle--presets:not(.c-inline-toggle--no-mobile) .c-inline-toggle__item+.c-inline-toggle__item {
    margin-left: 0
  }
}

@media (max-width: 1139px) {
  .c-inline-toggle--xl-presets:not(.c-inline-toggle--no-mobile) {
    background: none;
    padding: 0;
    border-radius: 0;
    display: flex;
    gap: 8px
  }

  .c-inline-toggle--xl-presets:not(.c-inline-toggle--no-mobile) .c-inline-toggle__item {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 100px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15)
  }

  .c-inline-toggle--xl-presets:not(.c-inline-toggle--no-mobile) .c-inline-toggle__item.is-selected {
    border: 1px solid #6A60E8;
    background: rgba(106, 96, 232, 0.2)
  }

  .c-inline-toggle--xl-presets:not(.c-inline-toggle--no-mobile) .c-inline-toggle__item+.c-inline-toggle__item {
    margin-left: 0
  }
}

.c-tag-alert {
  background: rgba(56, 54, 49, 0.9);
  color: #E7B587;
  padding: 8px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer
}

.c-tag-alert--inline {
  position: relative;
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px
}

.c-tag-alert__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 4px;
  color: inherit
}

.c-tag-alert__close {
  width: 16px;
  height: 16px;
  min-width: 16px;
  color: rgba(255, 255, 255, 0.4);
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%)
}

.c-tag-alert:has(.c-tag-alert__close) {
  padding-right: 30px
}

.c-curselect__toggle {
  padding: 4px 16px;
  height: 32px;
  color: #fff;
  font-size: 13px;
  font-weight: 600
}

.c-curselect__toggle__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-width: 16px;
  margin-right: 6px
}

.c-curselect__toggle__arr {
  color: #B5B7DA;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-width: 12px;
  margin-left: 4px
}

@media (max-width: 991px) {
  .c-curselect__toggle:not(.c-curselect__toggle--main) {
    padding: 4px 12px;
    height: 24px;
    font-size: 12px
  }

  .c-curselect__toggle:not(.c-curselect__toggle--main) .c-curselect__toggle__icon {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-width: 12px;
    margin-right: 4px
  }

  .c-curselect__toggle:not(.c-curselect__toggle--main) .c-curselect__toggle__arr {
    width: 8px;
    height: 8px;
    min-width: 8px;
    min-width: 8px;
    margin-left: 4px
  }
}

.c-curselect__toggle--main {
  color: #B5B7DA
}

@media (min-width: 992px) {
  .c-curselect__toggle--main {
    font-family: "Chillax", sans-serif;
    border: none;
    padding: 0;
    height: 24px
  }
}

@media (min-width: 992px) {
  .c-curselect__toggle--main .c-curselect__toggle__icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-right: 6px
  }
}

.c-curselect__popup {
  z-index: 100001
}

.c-curselect__popup__inner {
  width: 270px;
  max-width: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #171821;
  padding: 0 8px
}

@media (max-width: 991px) {
  .c-curselect__popup__inner {
    width: 100%;
    height: 100%;
    max-width: none;
    position: fixed;
    z-index: 100000;
    border: none;
    border-radius: 0;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0
  }
}

.c-curselect__dd__close {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translate(0, -50%);
  color: #B5B7DA;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-width: 24px
}

.c-curselect__dd__item {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  font-family: "Chillax", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #DBD7F3;
  text-transform: uppercase;
  line-height: 1;
  border-radius: 4px
}

.c-curselect__dd__item:hover {
  background: rgba(255, 255, 255, 0.05)
}

.c-curselect__dd__icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-width: 24px;
  margin-right: 16px
}

.c-bc-selector {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 16px
}

.c-bc-selector__item {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.c-bc-selector__item.is-selected {
  background: rgba(255, 255, 255, 0.06);
  cursor: inherit
}

.c-bc-selector__icon {
  width: 15px;
  height: 15px;
  min-width: 15px
}

.c-app-popup__body {
  color: #B5B7DA;
  font-size: 14px;
  line-height: 1.5;
  padding: 0
}

.c-app-popup__close {
  top: 24px
}

.c-app-popup__img {
  display: block;
  width: 77px;
  margin: 0 auto 12px
}

.c-app-popup__title {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  font-family: "Chillax", sans-serif;
  margin-bottom: 12px;
  text-align: center;
  text-transform: uppercase
}

.c-app-popup__icon {
  color: #fff;
  width: 20px;
  height: 20px;
  min-width: 20px;
  vertical-align: middle
}

.c-app-popup__icon[data-icon="home-screen"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin: -2px 3px 0
}

.c-app-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  background: rgba(15, 16, 24, 0.9);
  padding: 12px 16px;
  color: #B5B7DA;
  font-size: 13px;
  line-height: 1.5
}

@media (min-width: 992px) {
  .c-app-banner {
    display: none
  }
}

.c-app-banner__title {
  font-size: 13px;
  font-weight: 600;
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  margin: 0;
  color: #fff
}

.c-app-banner__img {
  width: 48px;
  display: block
}

.c-app-banner__btn {
  padding: 12px 16px;
  height: 24px;
  font-size: 12px
}

.c-dca-form__modal {
  padding-left: 24px;
  padding-right: 24px;
  text-align: left
}

@media (min-width: 992px) {
  .c-dca-form__modal {
    max-width: 480px;
    padding: 40px
  }
}

.c-dca-form__col {
  display: flex;
  align-items: center
}

.c-dca-form__col+.c-dca-form__col {
  border-left: 1px solid rgba(255, 255, 255, 0.1)
}

@media (min-width: 992px) {
  .c-dca-form {
    max-height: 90vh;
    overflow-y: auto;
    margin-right: -10px;
    padding-right: 10px;
    overflow-x: hidden
  }
}

.c-dca-form__tabs {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 12px
}

.c-dca-form__tab {
  flex: 1;
  display: flex;
  align-items: center;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding-bottom: 12px;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: #B5B7DA
}

.c-dca-form__tab__icon {
  color: #8D93B7;
  margin-right: 4px
}

.c-dca-form__tab.is-selected,
.c-dca-form__tab.is-selected .c-dca-form__tab__icon {
  color: rgba(255, 255, 255, 0.95)
}

.c-dca-form__tab.is-selected {
  border-color: rgba(255, 255, 255, 0.95)
}

.c-dca-form__content {
  display: none
}

.c-dca-form__content.is-selected {
  display: block
}

.c-dca-form__label {
  font-family: "Chillax", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase
}

.c-dca-form__label__skeleton {
  margin: 0;
  height: 17px;
  display: block;
  flex: 1
}

.c-dca-form__dd {
  width: 100%
}

.c-dca-form__dd__toggle {
  height: 40px;
  text-align: left;
  padding: 12px 16px;
  font-size: 14px;
  width: 100%;
  justify-content: space-between
}

.c-dca-form__dd__toggle__arr {
  width: 14px;
  height: 14px;
  min-width: 14px;
  color: #B5B7DA
}

.c-dca-form__hint {
  font-size: 12px;
  color: #8D93B7;
  display: flex;
  align-items: center
}

.c-dca-form__hint:empty {
  display: none
}

.c-dca-form__amount {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  padding: 12px 16px;
  height: 40px;
  align-items: center;
  display: inline-flex;
  line-height: 1;
  font-size: 14px;
  cursor: pointer;
  justify-content: center;
  width: 100%;
  font-weight: 500;
  align-items: center;
  border: 1px solid transparent
}

.c-dca-form__amount.is-selected {
  background: rgba(106, 96, 232, 0.1);
  border-color: #6A60E8
}

.c-dca__bar {
  height: 5px;
  border-radius: 100px;
  width: 56px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  position: relative
}

.c-dca__bar__inner {
  border-radius: 100px;
  height: 100%;
  background: #898EFF
}

.c-dca__symbol {
  max-width: 80px;
  display: inline-block
}

.c-fpf__toggle {
  padding-left: 16px;
  padding-right: 16px
}

.c-fpf__toggle__item {
  font-size: 13px;
  font-weight: normal
}

.c-fpf__tab {
  display: none
}

.c-fpf__tab.is-selected {
  display: block
}

.c-fpf__separator {
  height: 100%;
  width: 1px;
  background: rgba(255, 255, 255, 0.1)
}

.c-fpf__header {
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px
}

.c-fpf__overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000
}

.c-fpf__close {
  top: 24px;
  right: 10px
}

.c-fpf__handle {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 4px;
  z-index: 2;
  display: flex;
  flex-wrap: nowrap;
  gap: 0px;
  font-weight: 700;
  color: #8D93B7;
  letter-spacing: 2px;
  font-size: 16px
}

.c-fpf__handle__icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  color: #8D93B7
}

.c-fpf__container {
  z-index: 100000;
  transform: none;
  margin: 0;
  top: 0;
  overflow: visible;
  position: fixed;
  padding-left: 16px;
  padding-right: 16px
}

.c-fpf__container.ui-draggable-dragging {
  opacity: 0.6
}

@media (min-width: 992px) {
  .c-fpf__container {
    max-width: 319px
  }
}

.c-fpf__container__title {
  font-family: "Chillax", sans-serif;
  font-size: 16px;
  margin-bottom: 14px;
  text-transform: uppercase
}

.c-fpf__subtitle {
  font-size: 13px;
  margin-bottom: 12px
}

.c-fpf__button {
  padding: 0;
  height: 32px;
  align-items: center;
  justify-content: start;
  line-height: 1;
  font-size: 13px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: transparent;
  color: rgba(255, 255, 255, 0.95);
  display: inline-flex;
  cursor: pointer;
  font-weight: 500;
  width: 100%
}

.c-fpf__button:hover {
  border-color: rgba(255, 255, 255, 0.5)
}

@media (max-width: 575px) {
  .c-fpf__button {
    font-size: 13px
  }
}

.c-fpf__button.is-disabled {
  opacity: 0.4;
  cursor: not-allowed
}

div:has(>.c-fpf__button[data-value="0"][data-type="sell"]) {
  display: none
}

.tippy-touch {
  cursor: pointer !important
}

.tippy-notransition {
  transition: none !important
}

.tippy-popper {
  max-width: 400px;
  -webkit-perspective: 800px;
  perspective: 800px;
  z-index: 9999;
  outline: 0;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
  background: none;
  border-radius: 12px
}

.tippy-popper [x-circle] {
  display: none
}

.tippy-popper.html-template {
  max-width: 96%;
  max-width: calc(100% - 20px)
}

.tippy-popper[x-placement^=top] [x-arrow] {
  border-top: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  bottom: -7px;
  margin: 0 9px
}

.tippy-popper[x-placement^=top] .arrow-small[x-arrow] {
  border-top: 5px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -5px
}

.tippy-popper[x-placement^=top] .arrow-big[x-arrow] {
  border-top: 10px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: -10px
}

.tippy-popper[x-placement^=top] [x-circle] {
  -webkit-transform-origin: 0 33%;
  transform-origin: 0 33%
}

.tippy-popper[x-placement^=top] .enter[x-circle] {
  -webkit-transform: scale(1) translate(-50%, -55%);
  transform: scale(1) translate(-50%, -55%);
  opacity: 1
}

.tippy-popper[x-placement^=top] .leave[x-circle] {
  -webkit-transform: scale(0.15) translate(-50%, -50%);
  transform: scale(0.15) translate(-50%, -50%);
  opacity: 0
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow] {
  border-top: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .arrow-small[x-arrow] {
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .arrow-big[x-arrow] {
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7)
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow] {
  border-top: 7px solid rgba(0, 0, 0, 0.7);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme .arrow-small[x-arrow] {
  border-top: 5px solid rgba(0, 0, 0, 0.7);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme .arrow-big[x-arrow] {
  border-top: 10px solid rgba(0, 0, 0, 0.7);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom
}

.tippy-popper[x-placement^=top] .enter[data-animation=perspective] {
  opacity: 1;
  -webkit-transform: translateY(-10px) rotateX(0);
  transform: translateY(-10px) rotateX(0)
}

.tippy-popper[x-placement^=top] .leave[data-animation=perspective] {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(90deg);
  transform: translateY(0) rotateX(90deg)
}

.tippy-popper[x-placement^=top] .enter[data-animation=fade] {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] .leave[data-animation=fade] {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] .enter[data-animation=shift] {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] .leave[data-animation=shift] {
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.tippy-popper[x-placement^=top] .enter[data-animation=scale] {
  opacity: 1;
  -webkit-transform: translateY(-10px) scale(1);
  transform: translateY(-10px) scale(1)
}

.tippy-popper[x-placement^=top] .leave[data-animation=scale] {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0);
  transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=bottom] [x-arrow] {
  border-bottom: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: -7px;
  margin: 0 9px
}

.tippy-popper[x-placement^=bottom] .arrow-small[x-arrow] {
  border-bottom: 5px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  top: -5px
}

.tippy-popper[x-placement^=bottom] .arrow-big[x-arrow] {
  border-bottom: 10px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  top: -10px
}

.tippy-popper[x-placement^=bottom] [x-circle] {
  -webkit-transform-origin: 0 -50%;
  transform-origin: 0 -50%
}

.tippy-popper[x-placement^=bottom] .enter[x-circle] {
  -webkit-transform: scale(1) translate(-50%, -45%);
  transform: scale(1) translate(-50%, -45%);
  opacity: 1
}

.tippy-popper[x-placement^=bottom] .leave[x-circle] {
  -webkit-transform: scale(0.15) translate(-50%, -5%);
  transform: scale(0.15) translate(-50%, -5%);
  opacity: 0
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow] {
  border-bottom: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .arrow-small[x-arrow] {
  border-bottom: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .arrow-big[x-arrow] {
  border-bottom: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7)
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow] {
  border-bottom: 7px solid rgba(0, 0, 0, 0.7);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme .arrow-small[x-arrow] {
  border-bottom: 5px solid rgba(0, 0, 0, 0.7);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme .arrow-big[x-arrow] {
  border-bottom: 10px solid rgba(0, 0, 0, 0.7);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
  -webkit-transform-origin: top;
  transform-origin: top
}

.tippy-popper[x-placement^=bottom] .enter[data-animation=perspective] {
  opacity: 1;
  -webkit-transform: translateY(10px) rotateX(0);
  transform: translateY(10px) rotateX(0)
}

.tippy-popper[x-placement^=bottom] .leave[data-animation=perspective] {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(-90deg);
  transform: translateY(0) rotateX(-90deg)
}

.tippy-popper[x-placement^=bottom] .enter[data-animation=fade] {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] .leave[data-animation=fade] {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] .enter[data-animation=shift] {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] .leave[data-animation=shift] {
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.tippy-popper[x-placement^=bottom] .enter[data-animation=scale] {
  opacity: 1;
  -webkit-transform: translateY(10px) scale(1);
  transform: translateY(10px) scale(1)
}

.tippy-popper[x-placement^=bottom] .leave[data-animation=scale] {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0);
  transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=left] [x-arrow] {
  border-left: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -7px;
  margin: 6px 0
}

.tippy-popper[x-placement^=left] .arrow-small[x-arrow] {
  border-left: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  right: -5px
}

.tippy-popper[x-placement^=left] .arrow-big[x-arrow] {
  border-left: 10px solid #333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  right: -10px
}

.tippy-popper[x-placement^=left] [x-circle] {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

.tippy-popper[x-placement^=left] .enter[x-circle] {
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  opacity: 1
}

.tippy-popper[x-placement^=left] .leave[x-circle] {
  -webkit-transform: scale(0.15) translate(-50%, -50%);
  transform: scale(0.15) translate(-50%, -50%);
  opacity: 0
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow] {
  border-left: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .arrow-small[x-arrow] {
  border-left: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .arrow-big[x-arrow] {
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7)
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow] {
  border-left: 7px solid rgba(0, 0, 0, 0.7);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme .arrow-small[x-arrow] {
  border-left: 5px solid rgba(0, 0, 0, 0.7);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme .arrow-big[x-arrow] {
  border-left: 10px solid rgba(0, 0, 0, 0.7);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
  -webkit-transform-origin: right;
  transform-origin: right
}

.tippy-popper[x-placement^=left] .enter[data-animation=perspective] {
  opacity: 1;
  -webkit-transform: translateX(-10px) rotateY(0);
  transform: translateX(-10px) rotateY(0)
}

.tippy-popper[x-placement^=left] .leave[data-animation=perspective] {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(-90deg);
  transform: translateX(0) rotateY(-90deg)
}

.tippy-popper[x-placement^=left] .enter[data-animation=fade] {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] .leave[data-animation=fade] {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] .enter[data-animation=shift] {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] .leave[data-animation=shift] {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.tippy-popper[x-placement^=left] .enter[data-animation=scale] {
  opacity: 1;
  -webkit-transform: translateX(-10px) scale(1);
  transform: translateX(-10px) scale(1)
}

.tippy-popper[x-placement^=left] .leave[data-animation=scale] {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0);
  transform: translateX(0) scale(0)
}

.tippy-popper[x-placement^=right] [x-arrow] {
  border-right: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  left: -7px;
  margin: 6px 0
}

.tippy-popper[x-placement^=right] .arrow-small[x-arrow] {
  border-right: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  left: -5px
}

.tippy-popper[x-placement^=right] .arrow-big[x-arrow] {
  border-right: 10px solid #333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: -10px
}

.tippy-popper[x-placement^=right] [x-circle] {
  -webkit-transform-origin: -50% 0;
  transform-origin: -50% 0
}

.tippy-popper[x-placement^=right] .enter[x-circle] {
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  opacity: 1
}

.tippy-popper[x-placement^=right] .leave[x-circle] {
  -webkit-transform: scale(0.15) translate(-50%, -50%);
  transform: scale(0.15) translate(-50%, -50%);
  opacity: 0
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow] {
  border-right: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .arrow-small[x-arrow] {
  border-right: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .arrow-big[x-arrow] {
  border-right: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7)
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow] {
  border-right: 7px solid rgba(0, 0, 0, 0.7);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme .arrow-small[x-arrow] {
  border-right: 5px solid rgba(0, 0, 0, 0.7);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme .arrow-big[x-arrow] {
  border-right: 10px solid rgba(0, 0, 0, 0.7);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
  -webkit-transform-origin: left;
  transform-origin: left
}

.tippy-popper[x-placement^=right] .enter[data-animation=perspective] {
  opacity: 1;
  -webkit-transform: translateX(10px) rotateY(0);
  transform: translateX(10px) rotateY(0)
}

.tippy-popper[x-placement^=right] .leave[data-animation=perspective] {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(90deg);
  transform: translateX(0) rotateY(90deg)
}

.tippy-popper[x-placement^=right] .enter[data-animation=fade] {
  opacity: 1;
  -webkit-transform: translateX(10px);
  transform: translateX(10px)
}

.tippy-popper[x-placement^=right] .leave[data-animation=fade] {
  opacity: 0;
  -webkit-transform: translateX(10px);
  transform: translateX(10px)
}

.tippy-popper[x-placement^=right] .enter[data-animation=shift] {
  opacity: 1;
  -webkit-transform: translateX(10px);
  transform: translateX(10px)
}

.tippy-popper[x-placement^=right] .leave[data-animation=shift] {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.tippy-popper[x-placement^=right] .enter[data-animation=scale] {
  opacity: 1;
  -webkit-transform: translateX(10px) scale(1);
  transform: translateX(10px) scale(1)
}

.tippy-popper[x-placement^=right] .leave[data-animation=scale] {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0);
  transform: translateX(0) scale(0)
}

.tippy-popper .tippy-tooltip.transparent-theme {
  background-color: rgba(0, 0, 0, 0.7)
}

.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill] {
  background-color: transparent
}

.tippy-popper .tippy-tooltip.light-theme {
  color: #26323d;
  box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2);
  background-color: #fff
}

.tippy-popper .tippy-tooltip.light-theme[data-animatefill] {
  background-color: transparent
}

.tippy-tooltip {
  position: relative;
  text-align: center;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #08090D;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  text-transform: initial;
  opacity: 1;
  color: #F2F5F9;
  border-radius: 12px;
  z-index: 9999;
  padding: 0
}

.tippy-tooltip--small {
  padding: .25rem .5rem;
  font-size: .8rem
}

.tippy-tooltip--big {
  padding: .6rem 1.2rem;
  font-size: 1.2rem
}

.tippy-tooltip[data-animatefill] {
  overflow: hidden;
  background-color: transparent
}

.tippy-tooltip[data-interactive] {
  pointer-events: auto
}

.tippy-tooltip[data-inertia] {
  transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85)
}

.tippy-tooltip [x-arrow] {
  position: absolute;
  width: 0;
  height: 0
}

.tippy-tooltip [x-circle] {
  position: absolute;
  will-change: transform;
  background-color: #333;
  border-radius: 50%;
  width: 130%;
  width: calc(110% + 2rem);
  left: 50%;
  top: 50%;
  z-index: -1;
  overflow: hidden;
  transition: all ease
}

.tippy-tooltip [x-circle]:before {
  content: "";
  padding-top: 90%;
  float: left
}

@media (max-width: 450px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(100% - 20px)
  }
}

@media (max-width: 991px) {
  .page-users-dashboard .c-body {
    padding: 0 0 32px
  }

  .page-users-dashboard .c-body .c-box {
    border-radius: 0;
    border: none
  }
}

.introjs-tooltip {
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  min-width: 320px;
  max-width: 320px
}

@media (max-width: 575px) {
  .introjs-tooltip {
    min-width: 200px;
    width: 95%
  }
}

.introjs-tooltip-header {
  padding-top: 20px;
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 4px
}

.introjs-tooltip .js-tour-skip-all {
  font-style: normal;
  padding-left: 12px
}

.introjs-tooltip .intro-step {
  font-weight: 600
}

.introjs-tooltip .introjs-content-footer {
  padding-top: 18px
}

.introjs-tooltiptext {
  padding: 0 24px 24px
}

.introjs-tooltiptext p:last-of-type {
  margin-bottom: 0
}

.introjs-arrow {
  border: 10px solid transparent
}

.introjs-arrow.top-middle {
  top: -20px;
  margin-left: -10px
}

.introjs-arrow.top {
  top: -20px;
  left: 20px
}

.introjs-arrow.top-right {
  top: -20px;
  right: 20px
}

.introjs-arrow.right {
  right: -20px;
  top: 20px
}

.introjs-arrow.right-bottom {
  bottom: 20px;
  right: -20px
}

.introjs-arrow.bottom {
  bottom: -20px;
  left: 20px
}

.introjs-arrow.bottom-right {
  bottom: -20px;
  right: 20px
}

.introjs-arrow.bottom-middle {
  bottom: -20px;
  margin-left: -10px
}

.introjs-arrow.left {
  left: -20px;
  top: 20px
}

.introjs-arrow.left-bottom {
  left: -20px;
  bottom: 20px
}

.introjs-button {
  padding: 8px 32px
}

.introjs-button:hover {
  background: rgba(0, 0, 0, 0.3)
}

@media (min-width: 769px) {
  .c-body {
    padding: 16px 24px 32px
  }
}

@media (min-width: 1601px) {
  .c-body {
    padding: 16px 24px 32px
  }
}

@media (max-width: 991px) {
  .c-body {
    padding: 0 16px 32px
  }
}

.p-dashboard {
  overflow-x: hidden
}

.p-dashboard--centered {
  max-width: 1312px;
  margin: 0 auto
}

.p-dashboard__title {
  font-size: 20px;
  margin-bottom: 0;
  font-family: "Chillax", sans-serif;
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center
}

@media (max-width: 767px) {
  .p-dashboard__title {
    font-size: 16px
  }
}

.p-dashboard__subtitle {
  font-size: 14px;
  margin-bottom: 12px;
  color: #B5B7DA;
  line-height: 1.5
}

@media (max-width: 991px) {
  .p-dashboard__subtitle {
    font-size: 12px
  }
}

.p-dashboard__settings {
  padding: 8px 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600
}

@media (max-width: 1299px) {
  .p-dashboard__settings {
    padding: 8px
  }
}

.p-dashboard__settings .c-icon {
  color: #8D93B7;
  margin-right: 6px;
  width: 16px;
  height: 16px;
  min-width: 16px
}

@media (max-width: 1299px) {
  .p-dashboard__settings .c-icon {
    margin-right: 0
  }
}

.p-dashboard__bar {
  display: flex;
  align-items: center
}

.p-dashboard__bar__item {
  display: flex;
  align-items: center;
  color: #8D93B7;
  font-size: 13px;
  line-height: 1
}

.p-dashboard__bar__item+.p-dashboard__bar__item::before {
  content: '|';
  color: rgba(255, 255, 255, 0.1);
  margin: 0 4px
}

.p-dashboard__bar__icon {
  width: 12px;
  height: 12px;
  min-width: 12px
}

.p-dashboard__divider {
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin: 0
}

@media (max-width: 991px) {
  .p-dashboard__divider {
    margin-left: -16px;
    margin-right: -16px
  }
}

.p-dashboard__modal .hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.p-dashboard__modal__content {
  background: #171821
}

.p-dashboard__modal__title {
  font-family: 'Chillax';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.25;
  text-transform: uppercase;
  color: #FFFFFF;
  width: 100%;
  text-align: center
}

.p-dashboard__menu__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Chillax';
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #DBD7F3;
  padding: 12px 0
}

.p-dashboard__menu .c-menu__link {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 14px;
  padding: 16px 0px 16px 16px;
  border-radius: 8px;
  line-height: 1;
  font-weight: 500;
  font-family: 'Chillax';
  color: #DBD7F3
}

.p-dashboard__menu .c-menu__link:hover {
  background: transparent
}

.p-dashboard__menu__list {
  padding: 0;
  margin: 0;
  list-style: none
}

.p-dashboard__menu__item {
  color: #DBD7F3;
  text-transform: uppercase;
  font-family: "Chillax", sans-serif;
  font-size: 24px;
  cursor: pointer
}

.p-dashboard__menu__item:hover {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 8px
}

.p-dashboard__menu .u-pl-0 {
  padding-left: 0 !important
}

.p-dashboard__menu__link {
  color: inherit
}

.p-dashboard__menu__link:hover {
  color: inherit
}

.p-dashboard__menu__icon {
  width: 20px;
  height: 20px;
  min-width: 20px
}

.p-dashboard__menu__footer {
  padding: 36px 0 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  gap: 60px
}

.c-gas-form {
  padding: 16px 24px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  color: #8D93B7
}

@media (max-width: 575px) {
  .c-gas-form {
    padding: 16px
  }
}

.c-gas-form__label {
  font-size: 11px;
  margin-bottom: 6px
}

.c-gas-form__value {
  font-size: 13px
}

.c-gas-form.is-active {
  padding: 24px
}

.c-gas-form .p-settings__label {
  font-size: 12px
}

.c-gas-form .js-gas-form__edit:hover {
  color: #F2F5F9 !important
}

.c-box {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.03);
  background: rgba(255, 255, 255, 0.04);
  padding: 24px
}

@media (max-width: 991px) {
  .c-box {
    padding: 16px
  }
}

.c-box__header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding-bottom: 16px;
  color: #8D93B7;
  font-size: 13px;
  line-height: 1
}

@media (max-width: 991px) {
  .c-box__header {
    font-size: 15px;
    padding-bottom: 12px
  }
}

.c-box__header__icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: 12px
}

@media (max-width: 991px) {
  .c-box__header__icon {
    width: 18px;
    height: 18px;
    min-width: 18px
  }
}

.c-box__header__toggle {
  font-weight: 500;
  color: #B5B7DA;
  font-size: 13px
}

.c-box__title {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
  font-size: 16px;
  font-family: "Chillax", sans-serif;
  text-transform: uppercase
}

.c-box__content {
  padding: 24px 0
}

.c-drop-group--sm .c-drop-group__select,
.c-drop-group--sm .c-drop-group__field {
  height: 40px
}

.c-drop-group--sm .c-drop-group__select input,
.c-drop-group--sm .c-drop-group__field input {
  height: 100%
}

.c-drop-group__select {
  width: 100%
}

.c-drop-group__select__toggle {
  width: 100%;
  padding-left: 11px;
  padding-right: 7px;
  font-size: 13px;
  justify-content: space-between;
  text-transform: none;
  font-weight: 500
}

.c-drop-group__field {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.c-drop-group:not(.is-fixed) .c-drop-group__select__toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  width: auto
}

.c-drop-group.is-fixed .c-drop-group__select__popup {
  width: 100%
}

.c-drop-group.is-fixed .c-drop-group__left {
  flex: 1
}

.c-drop-group.is-fixed .c-drop-group__right {
  display: none
}

.c-drop-group__tip {
  color: #B5B7DA;
  font-size: 12px;
  line-height: 1.5
}

.c-show-sell__content:not(.is-selected) {
  display: none
}

.c-show-sell__label {
  font-weight: 500;
  font-size: 11px;
  margin-bottom: 8px
}

.c-show-sell__tabs {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  color: #B5B7DA;
  font-size: 13px
}

.c-show-sell__tabs__header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.c-show-sell__tabs__inner {
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 13px
}

.c-show-sell__tabs__inner:not(.is-selected) {
  display: none
}

.c-show-sell__tab {
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #B5B7DA;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  cursor: pointer
}

.c-show-sell__tab.is-selected {
  color: #fff
}

.c-show-sell__tab.is-selected::after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background: #fff
}

.c-w-form__round-btn {
  border-radius: 100px !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  font-size: 12px;
  font-weight: 500
}

.c-w-form__dd__toggle {
  font-weight: normal;
  font-size: 13px;
  justify-content: space-between;
  width: 100%;
  padding: 0 16px;
  height: 32px
}

.c-w-form__insta:not(.is-selected) {
  display: none
}

.c-w-form__radio-group {
  margin-bottom: 12px
}

.c-w-form__price-type {
  margin-right: 12px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  height: 32px;
  display: flex;
  align-items: center
}

.c-w-form__price-type__toggle {
  color: #8D93B7;
  font-size: 13px;
  cursor: pointer;
  padding-right: 12px;
  padding-left: 16px
}

.c-w-form__price-type__label {
  min-width: 27px;
  text-align: center;
  display: inline-block
}

.c-w-form__price-type__arr {
  width: 12px;
  height: 12px;
  min-width: 12px;
  color: #8D93B7
}

.c-w-form__line {
  height: 2px;
  width: 20px;
  display: inline-flex
}

.c-w-form__line--dip {
  background: #898EFF
}

.c-w-form__line--loss {
  background: #E7B587
}

.c-w-form__line--profit {
  background: #3ED6CC
}

.c-w-form__tab-content:not(.is-selected) {
  display: none
}

.c-w-form__bar-snippet {
  background: #8E9DFF;
  height: 2px;
  border-radius: 100px;
  width: 20px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
  margin-top: -1px
}

.c-w-form__empty {
  text-align: center;
  font-size: 15px;
  color: #B5B7DA
}

@media (max-width: 991px) {
  .c-w-form__empty {
    font-size: 14px
  }
}

.c-w-form__empty__img {
  width: 95px
}

@media (max-width: 991px) {
  .c-w-form__empty__img {
    width: 72px
  }
}

.c-w-form__empty__desc {
  font-weight: 400;
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.5
}

.c-w-form__empty__title {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.95);
  font-size: 16px;
  text-align: center;
  margin-bottom: 8px;
  line-height: 1.25
}

.c-w-form__import-form {
  max-width: 560px;
  margin: auto
}

.c-w-form__btn {
  font-size: 14px;
  line-height: 1;
  padding: 10px 24px;
  display: inline-flex;
  align-items: center
}

@media (max-width: 991px) {
  .c-w-form__btn {
    width: 100%
  }
}

.c-w-form__btn__icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: 8px;
  color: #8D93B7
}

.c-w-form__row+.c-w-form__row {
  margin-top: 24px
}

.c-w-form__row__title {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
  font-size: 13px;
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  margin-bottom: 12px;
  line-height: 1.25
}

@media (max-width: 575px) {
  .c-w-form__row__title {
    font-size: 12px
  }
}

.c-w-form__or {
  color: #8D93B7;
  padding-right: 10px;
  padding-top: 5px
}

.c-w-form__input_sell_eth {
  width: 100%
}

.c-w-form__amount {
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: transparent;
  color: rgba(255, 255, 255, 0.95);
  padding: 12px 16px;
  align-items: center;
  display: inline-flex;
  line-height: 1;
  font-size: 14px;
  cursor: pointer;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
  font-weight: 500;
  min-height: 32px;
  align-items: center
}

.c-w-form__amount:hover {
  border-color: rgba(255, 255, 255, 0.5)
}

@media (max-width: 575px) {
  .c-w-form__amount {
    font-size: 13px
  }
}

.c-w-form__amount--sm {
  width: 100%;
  font-size: 13px;
  padding: 8px 16px
}

.c-w-form__amount--sm .c-icon--net-symbol {
  height: 11px !important;
  width: 11px !important;
  min-width: 11px !important
}

.c-w-form__amount.is-selected,
.c-w-form__amount__field.is-selected {
  background: rgba(106, 96, 232, 0.1);
  border-color: #6A60E8
}

.c-w-form__amount.is-selected,
.c-w-form__amount.is-selected input,
.c-w-form__amount__field.is-selected,
.c-w-form__amount__field.is-selected input {
  color: #8E9DFF
}

.c-w-form__amount .c-icon--base {
  width: 10px !important
}

@media (max-width: 575px) {
  .c-w-form__amount .c-icon--base {
    width: 8px !important
  }
}

div:has(>.c-w-form__amount[data-value="0"][data-type="percent"]) {
  display: none
}

.c-w-form .c-field--sm .c-icon--net-symbol {
  width: 10px;
  height: 10px;
  min-width: 10px;
  margin-right: 8px
}

.c-w-form__prices {
  max-width: 700px
}

.c-w-form__footer {
  font-size: 11px;
  color: #8D93B7;
  line-height: 1.5
}

.c-w-form__submit {
  min-width: 222px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  font-size: 14px
}

@media (max-width: 575px) {
  .c-w-form__submit {
    width: 100%
  }
}

.c-w-form__submit__icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: 8px
}

.c-w-form__pools {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  color: #8D93B7;
  font-size: 13px
}

.c-w-form__pools__header {
  padding: 12px 16px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.c-w-form__pools__title {
  margin-bottom: 8px;
  font-weight: 500
}

.c-w-form__pools__item {
  padding: 16px
}

.c-w-form__pools__item+.c-w-form__pools__item {
  border-top: 1px solid rgba(255, 255, 255, 0.1)
}

.c-w-form__settings__slippage {
  width: 60px
}

.c-w-form__settings__dd {
  width: 100%
}

.c-w-form__settings__dd__toggle {
  text-align-last: left;
  padding: 4px 16px;
  height: 32px;
  align-items: center;
  justify-content: start;
  width: 100%
}

.c-w-form__settings__dd__arr {
  color: #B5B7DA;
  margin-left: 4px
}

.c-w-form__settings__success {
  font-style: italic;
  color: #8D93B7;
  font-size: 12px
}

.c-w-form__settings__switch {
  color: #B5B7DA;
  font-size: 11px;
  line-height: normal;
  margin-top: 17px
}

.c-w-form__settings__switch--bundle {
  margin-top: 15px
}

.c-w-form__settings__toggle {
  padding: 8px 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-width: 1px 0;
  color: #B5B7DA;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer
}

.c-w-form__settings__toggle.is-expanded {
  border-bottom: none
}

.c-w-form__settings__toggle:hover {
  color: rgba(255, 255, 255, 0.95)
}

.c-w-form__settings__gear {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: 6px;
  color: #8D93B7
}

.c-w-form__settings__chevron {
  width: 16px;
  height: 16px;
  min-width: 16px;
  mask-image: url("chevron-down-6ad8f89f9edc0655b3331ad135acb3faa57fa22dd44a9a1c717b17698885a33f.svg");
  -webkit-mask-image: url("chevron-down-6ad8f89f9edc0655b3331ad135acb3faa57fa22dd44a9a1c717b17698885a33f.svg")
}

.c-w-form__settings__toggle.is-expanded .c-w-form__settings__chevron {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.c-w-form__settings__toggle:not(.is-expanded)+.c-w-form__settings__content {
  display: none
}

.c-w-form__settings__content {
  padding: 12px 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.03);
  margin-top: 4px
}

.c-w-form__settings__label {
  color: #B5B7DA;
  font-size: 11px;
  line-height: normal;
  margin-bottom: 8px
}

.c-w-form__settings__checkbox {
  padding-top: 9px
}

.c-w-popup {
  color: #B5B7DA;
  font-size: 14px;
  text-align: center
}

@media (min-width: 992px) {
  .c-w-popup {
    max-width: 604px
  }
}

.c-w-popup__btn {
  width: 193px;
  max-width: 100%;
  padding-top: 13px;
  padding-bottom: 13px
}

.c-copy-wallet {
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  margin: 0 auto;
  border-radius: 100px;
  color: rgba(255, 255, 255, 0.95);
  background: rgba(255, 255, 255, 0.04);
  padding: 12px 48px;
  flex-wrap: nowrap;
  cursor: pointer;
  font-size: 14px
}

.c-copy-wallet--mline {
  padding: 14px 16px;
  border-radius: 12px
}

.c-copy-wallet--break {
  word-break: break-all
}

.c-copy-wallet__icon {
  color: #8D93B7;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-width: 16px;
  margin-left: 8px
}

.c-copy-wallet__icon:hover {
  color: rgba(255, 255, 255, 0.95)
}

.c-copy-wallet:hover {
  background: rgba(255, 255, 255, 0.06)
}

@media (max-width: 991px) {
  .c-copy-wallet {
    width: 100%;
    font-size: 13px;
    padding: 12px 16px
  }
}

.c-trading-wallets ul.traded_pool {
  margin-left: 0px
}

.c-trading-wallets ul.traded_pool li {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.c-task-table .js_wallets_list {
  max-width: 900px
}

.c-task-table__tr {
  display: grid;
  grid-template-columns: minmax(56px, 1fr) 1fr minmax(104px, 1fr);
  column-gap: 24px
}

.c-task-table--wallets .c-task-table__tr {
  grid-template-columns: minmax(100px, 1fr) minmax(80px, 1fr) minmax(80px, 1fr) minmax(80px, 1fr) minmax(80px, 1fr) 1fr
}

.c-task-table--wallets-aggs .c-task-table__tr {
  grid-template-columns: 200px 80px 80px 80px 80px 80px 200px 150px 100px 100px 1fr
}

.c-task-table--users .c-task-table__tr {
  grid-template-columns: 56px 400px 400px 160px 104px 140px 140px 1fr
}

.c-task-table--users-with_tx .c-task-table__tr {
  grid-template-columns: 56px 400px 400px 160px 104px 140px 140px 140px 1fr
}

.c-task-table--gen-settings .c-task-table__tr {
  grid-template-columns: 200px
}

.c-task-table--gen-settings .c-task-table__tr input#msg {
  width: 500px
}

.c-task-table--mig-events .c-task-table__tr {
  grid-template-columns: 100px 50px 110px 110px 180px 180px 180px 180px 200px 200px 100px 200px
}

.c-task-table--orders .c-task-table__tr {
  grid-template-columns: 56px 350px 350px 100px 80px 60px 56px 100px 56px 120px 120px 120px 120px 400px 120px
}

.c-task-table--cex .c-task-table__tr {
  grid-template-columns: 56px 400px 350px 100px
}

.c-task-table--showvisits .c-task-table__tr {
  grid-template-columns: 56px 350px 350px 350px 150px 200px
}

.c-task-table--orders-stats .c-task-table__tr {
  grid-template-columns: 200px 200px 200px 200px 200px 200px
}

.c-task-table--token-profiles .c-task-table__tr {
  grid-template-columns: 50px 360px 360px 120px 200px 150px 1fr
}

.c-task-table--token-profiles .c-task-table__tr .c-btn {
  margin-top: 15px;
  padding: 8px 20px
}

.c-task-table--token-profiles .c-task-table__tr .c-btn--green {
  background-color: #50D7B0
}

.c-task-table--token-profiles .c-task-table__tr .c-btn--red {
  margin-left: 10px;
  background-color: #F9537A
}

.c-task-table--token-profiles .c-task-table__tr input,
.c-task-table--token-profiles .c-task-table__tr select {
  width: 100%;
  border-radius: 20px;
  height: 30px
}

.c-task-table--token-profiles .c-task-table__tr ul {
  margin-left: 0px;
  list-style-type: none
}

.c-task-table--token-profiles .c-task-table__tr ul li {
  margin-top: 5px
}

.c-task-table--usersearch .c-task-table__tr {
  grid-template-columns: 150px 340px 200px 200px 200px 200px 200px 1fr
}

.c-task-table--usersearch .c-task-table__tr .c-btn {
  margin-top: 15px
}

.c-task-table--usersearch .c-task-table__tr input,
.c-task-table--usersearch .c-task-table__tr select {
  width: 100%;
  border-radius: 20px;
  height: 30px
}

.c-task-table .js-errors-breakdown {
  list-style: none;
  width: 500px
}

.c-task-table .js-errors-breakdown li {
  margin-top: 10px
}

.c-task-table--ststats .c-task-table__tr {
  grid-template-columns: 400px 400px 1fr
}

.c-task-table--sttasks .c-task-table__tr {
  grid-template-columns: 80px 200px 100px 80px 100px 100px 200px 200px 1fr
}

.c-task-table--sttasks .c-task-table__tr .js-wallet-downcase {
  cursor: pointer
}

.c-task-table--sttasks .c-task-table__tr .green {
  color: #3ED6CC
}

.c-task-table--sttasks .c-task-table__tr .red {
  color: #FF4B92
}

.c-task-table--sttasks .c-task-table__tr .c-btn {
  margin-top: 15px
}

.c-task-table--sttasks .c-task-table__tr input,
.c-task-table--sttasks .c-task-table__tr select {
  width: 100%;
  border-radius: 20px;
  height: 30px
}

.c-task-table--ordersearch .c-task-table__tr {
  grid-template-columns: 340px 200px 200px 200px
}

.c-task-table--ordersearch .c-task-table__tr .c-btn {
  margin-top: 15px
}

.c-task-table--ordersearch .c-task-table__tr input,
.c-task-table--ordersearch .c-task-table__tr select {
  width: 100%;
  border-radius: 20px;
  height: 30px
}

.c-task-table--volume-chart .c-task-table__tr {
  grid-template-columns: 200px 200px 450px 200px 1fr
}

.c-task-table--users-buckets .c-task-table__tr {
  grid-template-columns: 100px 100px 100px 100px 100px 1fr
}

.c-task-table__body {
  margin-top: 15px
}

.c-task-table__th {
  font-size: 13px;
  font-weight: 500;
  font-family: "Chillax", sans-serif;
  color: #8F96BA;
  text-transform: uppercase
}

.c-task-table__tr+.c-task-table__tr {
  padding-top: 4px;
  margin-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.06)
}

.c-task-table__td {
  padding: 7px 0;
  line-height: 1;
  font-size: 14px
}

.c-task-table__td[data-status] {
  text-transform: capitalize
}

.c-task-table__td[data-status="success"] {
  color: #3ED6CC
}

.c-task-table__td[data-status="failed"] {
  color: #FF4B92
}

.c-task-table__td[data-status="active"],
.c-task-table__td[data-status="executing"] {
  color: #E7B587
}

.c-task-table .c-icon--net-symbol {
  width: 14px;
  height: 14px;
  min-width: 14px
}

.c-task-table__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  cursor: pointer;
  color: #8D93B7
}

.c-task-table__icon.is-disabled {
  opacity: 0.25
}

.c-task-table__icon:hover:not(.is-disabled) {
  color: #F2F5F9
}

.c-price-group__field {
  display: flex;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.1)
}

.c-price-group__field__wrapper {
  border: none;
  border-radius: 0
}

.page-liquidity-pools-show .c-body {
  padding: 0 0 16px
}

@media (min-width: 992px) {
  .page-liquidity-pools-show .c-body {
    padding: 8px 8px 16px
  }
}

@media (min-width: 1601px) {
  .page-liquidity-pools-show .c-body {
    padding: 8px 8px 16px
  }
}

@media (min-width: 992px) {
  .c-snap-wrapper[data-snap-side="left"] {
    flex-direction: row-reverse !important
  }
}

html:not(.is-sb-expanded):not(.has-dnd) .p-show__sidebar {
  padding: 0 !important
}

.p-show__sidebar {
  display: flex
}

@media (max-width: 1310px) {
  .p-show__sidebar {
    display: none !important
  }
}

.p-show__sidebar:has([data-empty]) {
  padding: 0
}

.p-show__fimg {
  position: relative
}

.p-show__fimg__img {
  display: block;
  max-width: 350px;
  max-height: 350px
}

.p-show__fimg__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  display: none
}

.p-show__fimg__overlay__icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  color: rgba(255, 255, 255, 0.9)
}

.p-show__fimg:hover .p-show__fimg__overlay {
  display: flex
}

.p-show__plive {
  position: relative;
  width: 263px
}

.p-show__plive__timer {
  font-size: 12px;
  font-weight: 400;
  color: #B5B7DA
}

.p-show__plive__address {
  color: #8D93B7;
  font-size: 12px;
  line-height: 1.25;
  margin-top: 3px
}

.p-show__plive__inner {
  padding: 8px 0
}

.p-show__plive__symbol {
  font-size: 12px;
  font-weight: 500
}

.p-show__plive__thumb {
  margin-left: -8px;
  margin-right: -8px;
  margin-top: -8px;
  height: 164px;
  overflow: hidden;
  position: relative;
  border-radius: 8px 8px 0 0
}

.p-show__plive__text {
  width: 100%;
  white-space: normal;
  max-height: 200px;
  padding-right: 12px;
  margin-right: -12px;
  overflow-y: auto
}

.p-show__plive__text::-webkit-scrollbar {
  -webkit-appearance: none
}

.p-show__plive__text::-webkit-scrollbar:vertical {
  width: 5px;
  height: 8px;
  background-color: transparent
}

.p-show__plive__text::-webkit-scrollbar:horizontal {
  width: 8px;
  height: 5px;
  background-color: transparent
}

.p-show__plive__text::-webkit-scrollbar-thumb {
  background: rgba(153, 153, 153, 0.6);
  border-radius: 100px
}

.p-show__plive__token {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  border-radius: 100px
}

.p-show__plive__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%
}

.p-show__plive__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  display: none
}

.p-show__plive__overlay__icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  color: rgba(255, 255, 255, 0.9)
}

.p-show__plive:hover .p-show__plive__overlay {
  display: flex
}

.p-show__sidebar>div[id^="SidebarBundle"] {
  display: flex;
  flex-direction: column;
  position: relative
}

.p-show__convert {
  width: 21px;
  height: 21px;
  min-width: 21px;
  cursor: pointer
}

.p-show__mpools__star {
  display: none;
  color: #FF4B92
}

.p-show__mpools__icon {
  display: none
}

.p-show .with-mpools .p-show__mpools__star {
  display: inline
}

.p-show .with-mpools .p-show__mpools__icon {
  display: inline-flex
}

.p-show .with-mpools .p-show__mpools__yellow {
  color: #E7B587
}

.p-show__moonshot {
  color: #dfff16
}

.p-show__pos__tr {
  display: grid;
  grid-template-columns: 120px minmax(80px, 1fr) minmax(105px, 1fr) minmax(78px, 1fr) 210px
}

.p-show__pos__tr+.p-show__pos__tr {
  padding-top: 12px
}

.p-show__pos__th,
.p-show__pos__td {
  padding: 0 12px
}

.p-show__smp {
  font-size: 14px;
  line-height: 1.5;
  color: #B5B7DA;
  text-align: center
}

@media (min-width: 992px) {
  .p-show__smp {
    max-width: 480px
  }
}

.p-show__smp__body {
  max-height: calc(100vh - 550px);
  overflow-y: auto;
  overflow-x: hidden
}

.p-show__smp__body::-webkit-scrollbar {
  -webkit-appearance: none
}

.p-show__smp__body::-webkit-scrollbar:vertical {
  width: 5px;
  height: 8px;
  background-color: transparent
}

.p-show__smp__body::-webkit-scrollbar:horizontal {
  width: 8px;
  height: 5px;
  background-color: transparent
}

.p-show__smp__body::-webkit-scrollbar-thumb {
  background: rgba(153, 153, 153, 0.6);
  border-radius: 100px
}

@media (min-width: 992px) {
  .p-show__smp--feature {
    max-width: 576px
  }
}

.p-show__smp--feature .p-show__smp__title {
  font-size: 18px
}

.p-show__smp--feature .c-modal__body {
  font-size: 16px
}

.p-show__smp__title {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 16px
}

.p-show__smp__date {
  font-size: 12px;
  margin-bottom: 24px
}

.p-show__smp__img {
  width: 100%;
  max-width: 480px;
  height: auto
}

.p-show__smp__btn {
  width: 100%;
  max-width: 218px;
  margin: auto
}

@media (max-width: 991px) {
  .p-show {
    padding-bottom: 60px
  }
}

.p-show__progress {
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.1);
  height: 9px;
  overflow: hidden
}

.p-show__progress__tip {
  margin-top: 8px;
  font-size: 11px;
  color: #8D93B7
}

.p-show__progress__inner {
  background: #898EFF;
  height: 100%;
  border-radius: 50px
}

.p-show__pump {
  margin-top: -12px;
  margin-bottom: 8px
}

.p-show__security__tooltip:hover {
  color: #fff
}

.p-show__security__list {
  color: #B5B7DA;
  font-size: 13px;
  width: 184px;
  padding: 8px
}

.p-show__security__list--lg {
  width: 260px
}

.p-show__security__row+.p-show__security__row {
  margin-top: 12px
}

.p-show__security__value {
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center
}

.p-show__watch {
  padding: 8px 16px;
  font-size: 13px;
  height: 32px
}

.p-show__watch__icon {
  margin-right: 8px;
  color: #8D93B7;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-width: 16px
}

.p-show__watch__icon[data-icon="star-solid"] {
  color: #E7B587
}

@media (max-width: 991px) {
  .p-show__watch__icon {
    margin-right: 4px
  }
}

@media (max-width: 991px) {
  .p-show__watch {
    font-size: 12px
  }
}

.p-show .js-block-progress {
  width: 100%;
  height: 2px;
  margin-top: 5px
}

.p-show .js-block-progress .js-block-progress-inner {
  background-color: #8E9DFF;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  transition: width 12s linear
}

@media (max-width: 991px) {
  .p-show {
    overflow-x: hidden
  }
}

.p-show__approve {
  font-size: 12px;
  color: #B5B7DA;
  line-height: 1.5;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 16px;
  margin-bottom: 16px
}

.p-show__approve__title {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 1.25;
  font-size: 13px
}

.p-show__approve__btn {
  padding: 8px 16px;
  height: 32px;
  font-size: 13px
}

@media (min-width: 992px) {
  .p-show__sb {
    width: 320px
  }
}

.p-show__tw__tr {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 7px 0
}

.p-show__tw__th {
  color: #8F96BA;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500
}

.p-show__tw__body {
  margin-top: 12px
}

.p-show__tw__td {
  padding: 7px 0;
  font-size: 14px;
  color: #B5B7DA
}

.p-show__tw__tr+.p-show__tw__tr {
  border-top: 1px solid rgba(255, 255, 255, 0.06)
}

.p-show__tw__icon {
  width: 12px;
  height: 12px;
  min-width: 12px;
  margin-right: 6px
}

.p-show__tw__thumb {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 100px;
  display: block
}

.p-show__widget {
  padding: 24px 16px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.04)
}

.p-show__widget--table {
  background: #181921
}

.p-show__widget__percentage::before {
  content: '|';
  margin: 0 4px
}

.p-show__widget__percentage:empty::after {
  content: ' - '
}

.p-show__widget__percentage:empty+.p-show__widget__symbol {
  display: none
}

.p-show__widget__eth-value:empty+.p-show__widget__percentage:before {
  display: none
}

.p-show__widget__eth-icon:has(+.p-show__widget__eth-value:empty) {
  display: none
}

.p-show__widget__symbol {
  margin-left: 4px
}

@media (max-width: 991px) {
  .p-show__widget--top {
    border-radius: 0;
    border: none
  }
}

.p-show__widget__td__label {
  font-size: 11px;
  margin-bottom: 6px;
  text-transform: uppercase;
  color: #8D93B7
}

.p-show__widget__td__label.u-font-size-xxs {
  height: 14px
}

@media (max-width: 575px) {
  .p-show__widget__td__label {
    font-size: 10px;
    margin-bottom: 4px
  }
}

.p-show__widget__td__value {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95)
}

.p-show__widget__tabs {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.05) 100%);
  position: relative
}

.p-show__widget__tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0;
  cursor: pointer;
  height: 40px;
  color: #8D93B7;
  font-size: 14px;
  font-weight: 600;
  margin: -1px;
  border-radius: 8px 8px 0px 0px;
  border: 1px solid transparent;
  border-width: 1px 1px 0 1px
}

.p-show__widget__tab.is-selected {
  color: rgba(255, 255, 255, 0.95);
  height: 41px;
  padding-bottom: 1px;
  margin-bottom: -1px;
  z-index: 2;
  background: linear-gradient(180deg, #31333F 0%, #191A22 100%);
  border-color: rgba(255, 255, 255, 0.03)
}

.p-show__widget__tab__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 8px;
  color: #8D93B7
}

.p-show__widget__tab.is-selected .p-show__widget__tab__icon {
  color: rgba(255, 255, 255, 0.95)
}

.p-show__widget__tab:hover {
  filter: brightness(80%)
}

.p-show__widget__content {
  display: none;
  padding: 16px
}

@media (max-width: 991px) {
  .p-show__widget__content {
    padding: 16px
  }
}

.p-show__widget__content.is-selected {
  display: block
}

.p-show__widget__content .c-field--xs .c-field__input {
  font-size: 13px
}

.p-show__widget__content .c-field--xs .c-icon--net-symbol,
.p-show__widget__content .c-field--xs .c-icon--sol {
  width: 14px;
  height: 14px;
  min-width: 14px
}

.p-show__widget__issues {
  color: #FF4B92;
  font-size: 12px;
  display: inline-flex;
  align-items: center
}

.p-show__widget__issues__icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin-right: 4px
}

.p-show__widget__list__item {
  color: #B5B7DA;
  font-size: 13px
}

.p-show__widget__list__value {
  color: rgba(255, 255, 255, 0.95);
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 600
}

.p-show__widget__list--red {
  color: #FF4B92
}

.p-show__widget__list--green {
  color: #3ED6CC
}

.p-show__widget__list__item+.p-show__widget__list__item {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.06)
}

.p-show__widget+.p-show__widget {
  margin-top: 8px
}

.p-show__collapsible__title {
  line-height: 1;
  color: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  position: relative;
  cursor: pointer
}

.p-show__collapsible__title__inner {
  padding: 12px 16px;
  height: 40px
}

.p-show__collapsible__title__inner:hover {
  filter: brightness(85%)
}

.p-show__collapsible__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 8px
}

.p-show__collapsible__arr {
  position: absolute;
  height: 100%;
  padding: 0 12px;
  display: flex;
  right: 0;
  top: 0;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, 0.07)
}

.p-show__collapsible__arr__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  mask-image: url("chevron-down-6ad8f89f9edc0655b3331ad135acb3faa57fa22dd44a9a1c717b17698885a33f.svg");
  -webkit-mask-image: url("chevron-down-6ad8f89f9edc0655b3331ad135acb3faa57fa22dd44a9a1c717b17698885a33f.svg")
}

.p-show__collapsible__content {
  display: none;
  padding: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.06)
}

.p-show__collapsible__title.is-expanded .p-show__collapsible__arr__icon {
  mask-image: url("");
  -webkit-mask-image: url("")
}

.p-show__collapsible__title.is-expanded+.p-show__collapsible__content {
  display: block
}

@media (max-width: 991px) {
  .p-show__pair.p-show__widget {
    background: none;
    border: 0;
    border-radius: 0px;
    padding: 0 0px 4px
  }
}

.p-show__pair__title {
  font-size: 16px;
  font-family: "Chillax", sans-serif;
  color: #8D93B7;
  line-height: 1
}

@media (min-width: 992px) {
  .p-show__pair__title {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
  }
}

.p-show__pair__icon {
  color: #8D93B7
}

.p-show__pair__icon:hover {
  color: #F2F5F9
}

.p-show__pair__cur {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
  text-transform: uppercase
}

.p-show__pair__label {
  font-weight: 500;
  color: #B5B7DA;
  font-size: 13px
}

@media (min-width: 992px) {
  .p-show__pair__label {
    text-align: center
  }
}

.p-show__pair__socials .c-icon {
  margin-top: 8px;
  width: 18px;
  height: 18px;
  min-width: 18px
}

.p-show__pair__socials .c-icon:hover {
  color: #F2F5F9
}

.p-show__pair__price {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr
}

.p-show__pair__tr {
  display: grid;
  grid-auto-columns: 1fr
}

.p-show__topbar {
  padding: 8px 24px;
  font-size: 13px;
  font-weight: 500;
  color: #8D93B7;
  width: 100%;
  position: relative;
  z-index: 10000;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background-color: rgba(255, 255, 255, 0.04);
  overflow-y: auto
}

@media (max-width: 991px) {
  .p-show__topbar {
    background-color: rgba(23, 24, 33, 0);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px)
  }
}

.p-show__topbar__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 4px
}

.p-show__topbar__col+.p-show__topbar__col {
  border-left: 1px solid rgba(255, 255, 255, 0.1)
}

@media (max-width: 991px) {
  .p-show__topbar {
    padding: 8px 16px
  }
}

.p-show__bar {
  padding: 8px 24px;
  min-height: 48px;
  font-size: 13px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05)
}

@media (max-width: 991px) {
  .p-show__bar__popup {
    max-width: calc(100vw - 24px)
  }

  .p-show__bar__popup__inner {
    max-width: 100%;
    overflow: auto
  }
}

.p-show__bar__thumb {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 100px;
  overflow: hidden;
  position: relative
}

@media (max-width: 1699px) {
  .p-show__bar__pf {
    order: 1;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 12px
  }
}

@media (min-width: 1700px) {
  .p-show__bar__pf {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }
}

.p-show__bar__outlier {
  min-width: 95px
}

.p-show__bar__copy {
  color: #8D93B7
}

.p-show__bar__copy:hover {
  color: #fff
}

@media (max-width: 991px) {
  .p-show__bar {
    padding: 12px
  }
}

.p-show__bar__row {
  grid-row-gap: 8px
}

.p-show__bar__title {
  font-size: 15px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
  line-height: 1
}

@media (min-width: 992px) {
  .p-show__bar__title {
    white-space: nowrap
  }
}

.p-show__bar__sep {
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.1)
}

.p-show__bar__stat {
  display: flex;
  align-items: center
}

.p-show__bar__label {
  text-transform: uppercase;
  color: #8D93B7;
  font-size: 11px;
  font-weight: 500;
  margin-right: 8px
}

@media (max-width: 991px) {
  .p-show__bar__label {
    font-size: 10px
  }
}

.p-show__bar__value {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95)
}

@media (max-width: 991px) {
  .p-show__bar__value {
    font-size: 12px
  }
}

.p-show__bar__link {
  color: #8E9DFF
}

.p-show__bar__link:hover {
  color: #fff
}

.p-show__tabs {
  display: flex;
  gap: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 16px
}

.p-show__tabs__content {
  display: none
}

.p-show__tabs__content.is-selected {
  display: block
}

.p-show__tabs__content .filter-text {
  font-size: 13px;
  font-weight: 500
}

@media (max-width: 991px) {
  .p-show__tabs {
    gap: 24px
  }
}

.p-show__tab {
  font-weight: 500;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  color: #B5B7DA;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  cursor: pointer;
  padding-bottom: 12px
}

@media (max-width: 991px) {
  .p-show__tab {
    font-size: 13px
  }
}

.p-show__tab.is-selected {
  color: #fff;
  border-bottom-color: #fff;
  font-weight: 600
}

.p-show__tab__icon {
  margin-right: 6px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-width: 16px
}

@media (max-width: 991px) {
  .p-show__tab__icon {
    display: none
  }
}

.p-show__tab:hover {
  color: #fff
}

.p-show__pump:not(.is-hidden)+.c-tview--mshow {
  height: calc(100% - 32px)
}

.c-tview {
  position: relative;
  width: 100%;
  height: 60vh
}

.c-tview--mshow {
  height: 100%;
  flex: 1;
  align-items: stretch;
  display: flex;
  position: relative
}

.c-tview--mshow .c-chart-box {
  height: auto !important
}

.c-tview .c-chart-box {
  width: 100%;
  height: 100%
}

.c-tview .c-chart-box__canvas {
  height: 100%
}

.c-tview.with-overlay::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

[data-drag-action] .c-tview::after {
  content: '';
  width: 100%;
  height: 100%;
  z-index: 10000;
  position: absolute;
  top: 0;
  left: 0
}

.c-tview-handle {
  touch-action: none;
  padding: 0 0 10px 0;
  cursor: row-resize;
  position: relative;
  z-index: 9999
}

.c-tview-handle__icon {
  color: rgba(255, 255, 255, 0.5);
  width: 16px;
  height: 16px;
  min-width: 16px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translate(-50%, 0)
}

.c-tview-handle::after {
  content: '';
  display: block;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03)
}

.js-copy-to-clipboard,
.js-header-copy-to-clipboard {
  cursor: pointer
}

.c-pendings-select {
  max-width: 80px
}

.c-mobile-login {
  max-width: 410px;
  transform: none;
  top: auto;
  left: auto;
  margin: 72px auto 0;
  position: relative;
  margin-top: 48px
}

.c-mobile-login__popup__text {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto
}

.c-mobile-login__title {
  text-transform: uppercase;
  font-family: 'Chillax';
  color: #F2F5F9;
  font-size: 18px;
  font-weight: 600
}

.c-mobile-login__subtitle {
  color: #F2F5F9;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px
}

.c-mobile-login__text {
  font-size: 14px;
  margin-bottom: 16px
}

.c-mobile-login__code {
  color: #F2F5F9;
  background: rgba(255, 255, 255, 0.06);
  padding: 8px 16px;
  border-radius: 8px;
  font-weight: 600
}

.c-mobile-login__qr {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 16px
}

.c-mobile-login__tg.is-disabled {
  opacity: 0.35
}

.c-mobile-login__tg.is-disabled .c-mobile-login__bot.is-disabled {
  opacity: 1
}

.c-signup {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 40px 24px;
  text-align: center;
  color: #B5B7DA;
  font-size: 14px;
  line-height: 150%
}

.c-signup__img {
  width: 72px;
  height: 72px;
  min-width: 72px;
  margin-bottom: 8px
}

.c-signup__title {
  font-size: 16px;
  color: #fff;
  margin-bottom: 12px;
  text-transform: uppercase
}

.c-signup__btn {
  padding: 2px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  align-items: center;
  display: inline-flex;
  background: linear-gradient(90deg, #57FFFF 1.39%, #E777FF 33.23%, #FFD89E 66.1%, #59F3FF 100%)
}

.c-signup__btn__icon {
  width: 20px;
  height: 20px;
  min-width: 20px
}

.c-signup__btn__inner {
  background: #1F1C35;
  padding: 8px 24px;
  border-radius: 100px;
  align-items: center;
  display: inline-flex;
  justify-content: center
}

.c-signup__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  vertical-align: middle
}

.c-signup__body .c-signup {
  border: none;
  padding: 0
}

.c-signup__modal {
  padding: 56px 24px 24px
}

@media (min-width: 992px) {
  .c-signup__modal {
    max-width: 446px
  }
}

.c-signup__gains {
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.25);
  padding: 24px;
  margin-top: 40px
}

.c-signup__gains__title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  margin-bottom: 16px
}

.c-signup__gains__item {
  color: #fff;
  font-family: "Chillax", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1
}

.c-signup__gains__item+.c-signup__gains__item {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.1)
}

.c-share__modal {
  text-align: center;
  color: #B5B7DA;
  font-size: 15px
}

@media (min-width: 992px) {
  .c-share__modal {
    max-width: 604px
  }
}

.c-share__title {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: "Chillax", sans-serif
}

.c-share__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.c-share__inner {
  border-radius: 16px;
  background: var(--box---bg, rgba(255, 255, 255, 0.04));
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.12);
  width: 100%;
  max-width: 408px;
  margin: 0 auto 24px;
  position: relative
}

.c-share__inner::before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 100%
}

.c-share__inner__img-wrapper {
  padding: 16px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.c-share__inner__img {
  width: 100%;
  height: 100%;
  display: block
}

.c-share__btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px
}

@media (min-width: 992px) {
  .c-share__btns {
    gap: 48px
  }
}

.c-share__btns__item {
  font-size: 12px;
  color: inherit
}

.c-share__btns__item.is-disabled {
  cursor: not-allowed;
  opacity: 0.5
}

.c-share__btn {
  display: flex;
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 100%;
  color: #fff;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px
}

.c-share__btn__icon {
  width: 32px;
  height: 32px;
  min-width: 32px
}

.c-share__btn--tweet {
  background: #4999E9
}

.c-share__btn--telegram {
  background: #2AABEE
}

.c-share__btn--download {
  background: rgba(255, 255, 255, 0.06)
}

.c-social-dd {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 40px;
  width: 100%;
  display: flex
}

.c-social-dd__thumb {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 100px
}

.c-social-dd__vprofile {
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  align-items: center
}

.c-social-dd__vprofile::before {
  content: '';
  height: 16px;
  width: 1px;
  display: inline-flex;
  margin: 0 8px;
  background: rgba(255, 255, 255, 0.1)
}

.c-social-dd__toggle {
  padding: 0 12px;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  cursor: pointer
}

.c-social-dd__icons {
  height: 100%;
  display: flex;
  padding: 0 12px;
  gap: 8px;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  min-width: 146px
}

.c-social-dd__icons:empty {
  display: none
}

.c-social-dd__btn {
  color: #8D93B7;
  height: 24px;
  min-width: 35px;
  padding: 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.06)
}

.c-ignored {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  padding: 24px;
  line-height: 1.5;
  font-size: 14px;
  color: #B5B7DA;
  text-align: center;
  z-index: 999
}

.c-ignored__title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #fff
}

.c-ignored__wrapper {
  opacity: 0.25;
  filter: blur(5px)
}

.c-tag-liq:not(.is-hidden)+hr {
  display: none
}

.c-warnings {
  display: block
}

.c-warnings__toggle {
  border-radius: 8px;
  background: rgba(56, 54, 49, 0.9);
  padding: 7px 8px;
  line-height: 1;
  color: #E7B587;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500
}

.c-warnings__toggle__mark {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 4px
}

.c-warnings__pic {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-left: 8px
}

.c-warnings__popup {
  width: 100%
}

.c-warnings__item {
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff
}

.c-warnings__item__text {
  white-space: normal
}

.c-warnings__item+.c-warnings__item {
  border-top: 1px solid rgba(255, 255, 255, 0.06)
}

.c-mpools__modal {
  color: #B5B7DA;
  font-size: 15px;
  line-height: 1.5;
  text-align: center
}

@media (min-width: 992px) {
  .c-mpools__modal {
    max-width: 520px
  }
}

.c-mpools__title {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-bottom: 8px;
  text-transform: uppercase
}

.c-mpools__tr {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: left
}

.c-mpools__th {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  color: #8F96BA;
  column-gap: 12px
}

.c-mpools__tbody .c-mpools__tr {
  padding: 14px 0
}

.c-mpools__tbody .c-mpools__tr:last-child {
  padding-bottom: 0
}

.c-mpools__tbody .c-mpools__tr+.c-mpools__tr {
  border-top: 1px solid rgba(255, 255, 255, 0.06)
}

.c-mpools__td {
  color: #fff;
  font-size: 14px
}

.c-mpools__td__symbol {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500
}

.c-mpools__td__address {
  font-size: 12px;
  color: #B5B7DA
}

.c-mpools__loader {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 50px auto
}

.c-mpools__loader:before,
.c-mpools__loader:after {
  content: '';
  border-radius: 50%;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3) inset
}

.c-mpools__loader:after {
  box-shadow: 0 2px 0 #6A60E8 inset;
  animation: rotate 2s linear infinite
}

@keyframes rotate {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.c-loader {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto
}

.c-loader:before,
.c-loader:after {
  content: '';
  border-radius: 50%;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3) inset
}

.c-loader:after {
  box-shadow: 0 2px 0 #6A60E8 inset;
  animation: rotate 2s linear infinite
}

@keyframes rotate {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.p-show__migration {
  position: relative
}

.p-show__migration:has(.js-tabs__content.is-selected[data-tab-id="dip"]) .c-ignored,
.p-show__migration:has(.js-tabs__content.is-selected[data-tab-id="auto_sell"]) .c-ignored {
  display: none !important
}

.p-show__migration:has(.js-tabs__content.is-selected[data-tab-id="dip"]) .c-ignored__wrapper,
.p-show__migration:has(.js-tabs__content.is-selected[data-tab-id="auto_sell"]) .c-ignored__wrapper {
  opacity: 1 !important;
  filter: none !important
}

.c-dex-badge {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 100px;
  border: 1px solid transparent;
  box-shadow: 0px 0px 3.36px 0px transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.c-dex-badge__icon {
  width: 62.5%;
  height: 62.5%;
  min-width: 62.5%
}

.c-dex-badge--raydium_launchpad {
  border-radius: 0;
  box-shadow: none;
  border: none
}

.c-dex-badge--raydium_launchpad .c-dex-badge__icon {
  width: 100%;
  height: 100%;
  min-width: 100%
}

.c-dex-badge--believe {
  border-color: #00BC3C;
  background-color: #003210;
  box-shadow: 0px 0px 3.36px 0px rrgba(0, 217, 69, 0.66)
}

.c-dex-badge--bonk {
  border-color: #DA4206;
  background-color: #381000;
  box-shadow: 0px 0px 3.36px 0px rgba(254, 94, 31, 0.66)
}

.c-dex-badge--bonk .c-dex-badge__icon {
  width: 70%;
  height: 70%;
  min-width: 70%
}

.c-dex-badge--pump {
  border-color: #0E8748;
  background-color: #1A2F2B;
  box-shadow: 0px 0px 3.36px 0px rgba(84, 211, 143, 0.66)
}

.c-dex-badge--boop {
  border-color: #0190C8;
  background-color: #1A2F2B;
  box-shadow: 0px 0px 3.36px 0px rgba(55, 202, 249, 0.66)
}

.c-dex-badge--moonshot {
  border-color: #AFC813;
  background: #2F3603;
  box-shadow: 0px 0px 3.36px 0px rgba(223, 255, 23, 0.66)
}

.c-dex-badge--meteora_virtual_curve {
  box-shadow: 0px 0px 3.36px 0px rgba(255, 33, 137, 0.66)
}

.c-dex-badge--meteora_virtual_curve .c-icon {
  width: 100%;
  height: 100%;
  min-width: 100%
}

.c-dex-badge--orca_wavebreak,
.c-dex-badge--heaven,
.c-dex-badge--heaven-pump,
.c-dex-badge--wendev,
.c-dex-badge--mayhem {
  border: none
}

.c-dex-badge--orca_wavebreak .c-icon,
.c-dex-badge--heaven .c-icon,
.c-dex-badge--heaven-pump .c-icon,
.c-dex-badge--wendev .c-icon,
.c-dex-badge--mayhem .c-icon {
  width: 100%;
  height: 100%;
  min-width: 100%
}

.c-dex-badge--moonshot .c-dex-badge__icon {
  position: relative;
  left: -5%
}

.c-dex-badge--memelive-circle {
  border: none;
  background: none;
  box-shadow: none
}

.c-dex-badge--memelive-circle .c-dex-badge__icon {
  width: 162.5%;
  height: 162.5%;
  min-width: 162.5%;
  background-size: cover
}

.c-dex-badge--moonshot .c-dex-badge__icon {
  color: #dfff16
}

.c-wdd {
  width: 100%
}

.c-wdd__header {
  font-size: 12px;
  font-weight: 500;
  padding: 8px 16px;
  color: #B5B7DA;
  line-height: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06)
}

@media (min-width: 992px) {
  .c-wdd--inline {
    width: 250px;
    max-width: 100%
  }
}

@media (min-width: 1140px) {
  .c-wdd--inline-xl {
    width: 250px;
    max-width: 100%
  }
}

.c-wdd--compact .c-wdd__toggle {
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: none;
  background: rgba(255, 255, 255, 0.06)
}

.c-wdd__sell:has(.c-wdd__sell__value:empty) {
  display: none
}

.c-wdd__rocket {
  color: rgba(141, 147, 183, 0.5);
  margin-left: 4px
}

.c-wdd__label {
  flex-wrap: nowrap
}

.c-wdd__label__inner {
  max-width: calc(100% - 20px)
}

.c-wdd__popup {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #0F1018;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.5)
}

@media (min-width: 577px) {
  .c-wdd__popup {
    max-height: 666px;
    overflow-y: auto
  }

  .c-wdd__popup::-webkit-scrollbar {
    -webkit-appearance: none
  }

  .c-wdd__popup::-webkit-scrollbar:vertical {
    width: 5px;
    height: 8px;
    background-color: transparent
  }

  .c-wdd__popup::-webkit-scrollbar:horizontal {
    width: 8px;
    height: 5px;
    background-color: transparent
  }

  .c-wdd__popup::-webkit-scrollbar-thumb {
    background: rgba(153, 153, 153, 0.6);
    border-radius: 100px
  }
}

.c-wdd.is-loading .c-wdd__toggle__loader {
  display: inline-block
}

.c-wdd.is-loading .c-wdd__toggle__skeleton {
  display: block
}

.c-wdd.is-loading .c-wdd__toggle__inner,
.c-wdd.is-loading .c-wdd__icon__img,
.c-wdd.is-loading .c-wdd__icon__label {
  display: none
}

.c-wdd__skeleton {
  display: none
}

.c-wdd__item__skeleton {
  display: block;
  margin: 0;
  height: 12px;
  width: 40px
}

.c-wdd__item__skeleton--sm {
  height: 11px;
  width: 25px
}

.c-wdd.is-item-loading .c-wdd__skeleton {
  display: block
}

.c-wdd.is-item-loading .c-wdd__item__aside {
  display: none
}

.c-wdd__toggle {
  border-radius: 100px;
  width: 100%;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer
}

.c-wdd__toggle__skeleton {
  margin: 0;
  height: 20px
}

.c-wdd__toggle__loader {
  width: 18px;
  height: 18px;
  min-width: 18px;
  border: 2px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: none;
  box-sizing: border-box;
  animation: rotation 1s linear infinite
}

@keyframes rotation {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.c-wdd__icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  color: #6A60E8;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.c-wdd__icon__img {
  width: 20px;
  height: 20px;
  min-width: 20px
}

.c-wdd__icon__label {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  margin-top: 2px
}

.c-wdd__wallets {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 2px;
  line-height: normal;
  color: #fff
}

.c-wdd__addresses {
  font-size: 11px;
  color: #858BAC
}

.c-wdd__item {
  padding: 16px;
  cursor: pointer;
  display: block
}

.c-wdd__item:hover {
  background: rgba(255, 255, 255, 0.04)
}

.c-wdd__item__dot {
  opacity: 0.5;
  border-radius: 100px;
  width: 7px;
  height: 7px;
  min-width: 7px;
  background: #8D93B7
}

.c-wdd__item__aside {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap
}

.c-wdd__item:has(:checked) .c-wdd__item__dot {
  opacity: 1;
  background: #4FEEE4;
  box-shadow: 0px 0px 8px rgba(62, 214, 204, 0.8)
}

.c-wdd__item+.c-wdd__item {
  border-top: 1px solid rgba(255, 255, 255, 0.06)
}

.c-wdd__consolidate.is-disabled {
  cursor: not-allowed;
  opacity: 0.6
}

.c-emoji {
  position: relative;
  display: inline-flex
}

@media (max-width: 991px) {
  .c-emoji emoji-picker {
    --emoji-padding: 0.3rem
  }
}

.c-emoji__picker {
  background: #171821;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 10px
}

@media (max-width: 991px) {
  .c-emoji__picker {
    height: 300px
  }
}

@media (min-width: 1400px) {

  html.is-sb-expanded .p-show__bar__pf,
  html.has-dnd .p-show__bar__pf {
    order: 1;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 12px
  }
}

.c-bags-tooltip {
  color: #B5B7DA;
  font-weight: 500;
  min-width: 250px
}

.c-bags-tooltip__img {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 100px;
  overflow: hidden
}

.c-bags-tooltip__label {
  line-height: 1;
  margin-bottom: 3px;
  color: #8D93B7;
  font-size: 11px;
  font-weight: 500
}

.c-bags-tooltip__link {
  color: #B5B7DA;
  font-weight: 500;
  display: flex;
  align-items: center
}

.c-bags-tooltip__link:hover {
  color: #fff
}

.c-bags-tooltip+.c-bags-tooltip {
  margin-top: 12px
}

.c-dexscreener__thumb {
  width: 24px;
  min-height: 8px;
  height: auto;
  margin-left: 8px
}

.c-mayhem-timer {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: normal;
  color: #B5B7DA
}

.p-settings {
  max-width: 1312px;
  padding-top: 8px;
  margin: auto
}

.p-settings__section {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  padding: 16px
}

@media (max-width: 575px) {
  .p-settings__wallets__field {
    width: 100%
  }

  .p-settings__wallets__dd {
    width: auto !important
  }

  .p-settings__wallets__dd__inner {
    max-width: none;
    width: 100% !important
  }
}

@media (min-width: 576px) {
  .p-settings__wallets__field {
    width: 290px
  }

  .p-settings__wallets__dd {
    width: auto !important
  }

  .p-settings__wallets__dd__inner {
    max-width: none;
    width: 290px !important;
    max-height: 666px;
    overflow-y: auto
  }

  .p-settings__wallets__dd__inner::-webkit-scrollbar {
    -webkit-appearance: none
  }

  .p-settings__wallets__dd__inner::-webkit-scrollbar:vertical {
    width: 5px;
    height: 8px;
    background-color: transparent
  }

  .p-settings__wallets__dd__inner::-webkit-scrollbar:horizontal {
    width: 8px;
    height: 5px;
    background-color: transparent
  }

  .p-settings__wallets__dd__inner::-webkit-scrollbar-thumb {
    background: rgba(153, 153, 153, 0.6);
    border-radius: 100px
  }
}

.p-settings__preset {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding-bottom: 16px
}

.p-settings__preset__header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding: 16px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Chillax", sans-serif;
  color: #B5B7DA
}

.p-settings__preset .p-settings__row {
  padding: 0 16px
}

.p-settings__payments {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 8px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0)
}

.p-settings__payments__item {
  width: 24px;
  height: auto
}

.p-settings__highlight {
  padding-top: 24px !important;
  padding-bottom: 12px !important;
  margin-bottom: -12px !important
}

.p-settings__highlight.is-active {
  animation: highlight 1s ease-in-out
}

@keyframes highlight {
  0% {
    background-color: transparent
  }

  50% {
    background-color: rgba(255, 255, 255, 0.04)
  }

  100% {
    background-color: transparent
  }
}

@media (min-width: 992px) {
  .p-settings__moonpay {
    margin-top: 21px
  }
}

.p-settings__moonpay__btn {
  background: #fff;
  color: #0F1018;
  font-size: 13px;
  font-weight: 600;
  width: 100%
}

@media (min-width: 992px) {
  .p-settings__moonpay__btn {
    width: auto
  }
}

.p-settings__moonpay__logo {
  margin-left: 4px;
  width: 90px
}

.p-settings__primer {
  min-height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.p-settings__label,
.p-settings__title {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  line-height: 1
}

@media (max-width: 991px) {
  .p-settings__label {
    font-size: 12px
  }
}

.p-settings__title {
  font-size: 15px;
  margin-bottom: 24px
}

.p-settings__wallet {
  min-width: 380px
}

.p-settings .c-copy-wallet {
  font-size: 13px
}

.p-settings .c-icon--trash:hover {
  color: rgba(255, 255, 255, 0.95) !important
}

.p-settings__row {
  color: #8D93B7;
  font-size: 14px
}

.p-settings__row__subtitle {
  color: #B5B7DA;
  font-size: 13px;
  line-height: 150%;
  margin-top: 4px;
  text-transform: none;
  font-weight: normal;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}

.p-settings__row+.p-settings__row {
  margin-top: 24px
}

@media (min-width: 1301px) {
  .p-settings__fast {
    position: absolute;
    right: 0;
    top: 0
  }
}

.p-settings__tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  column-gap: 40px;
  margin-bottom: 24px
}

@media (max-width: 991px) {
  .p-settings__tabs {
    column-gap: 10px;
    overflow-y: auto
  }
}

.p-settings__tabs__content {
  display: none
}

.p-settings__tabs__content.is-selected {
  display: block
}

.p-settings__radio {
  position: relative;
  display: flex
}

.p-settings__radio__input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  min-width: 0
}

.p-settings__radio__btn {
  padding: 12px 24px;
  height: auto;
  cursor: pointer
}

.p-settings__radio__input:checked:not(:disabled)+.p-settings__radio__btn,
.p-settings__radio__btn.is-selected {
  border-color: #6A60E8;
  background: rgba(106, 96, 232, 0.2)
}

.p-settings__radio__input:disabled+.p-settings__radio__btn {
  opacity: 0.35;
  cursor: not-allowed
}

.p-settings__tab {
  font-size: 14px;
  font-weight: 500;
  color: #B5B7DA;
  line-height: 1;
  padding-bottom: 12px;
  position: relative;
  cursor: pointer;
  white-space: nowrap
}

@media (max-width: 991px) {
  .p-settings__tab {
    font-size: 13px
  }
}

.p-settings__tab:hover {
  color: rgba(255, 255, 255, 0.95)
}

.p-settings__tab.is-selected {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600
}

.p-settings__tab.is-selected::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 100%;
  background: rgba(255, 255, 255, 0.95)
}

.p-settings__submit {
  width: 190px;
  height: 40px
}

@media (max-width: 575px) {
  .p-settings__submit {
    width: 100%
  }
}

.p-settings__aside {
  width: 328px
}

.p-settings__aside__content {
  display: none
}

.p-settings__aside__content.is-selected {
  display: block
}

@media (max-width: 991px) {
  .p-settings__aside {
    width: auto
  }
}

.p-settings__aside__box {
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 24px;
  border-radius: 8px;
  color: #B5B7DA;
  font-size: 14px;
  line-height: 150%
}

.p-settings__aside__box>*:last-child {
  margin-bottom: 0
}

.p-settings__aside__title {
  color: #fff;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600
}

.p-settings__aside__icon {
  margin-bottom: 8px;
  width: 40px;
  height: 40px;
  min-width: 40px
}

.p-settings__aside__box+.p-settings__aside__box {
  margin-top: 8px
}

@media (min-width: 1600px) {
  .page-purchase-settings .p-settings__input {
    width: 160px
  }

  .page-purchase-settings .p-settings__input--sm {
    width: 120px
  }

  .page-purchase-settings .p-settings__input--xs {
    width: 54px
  }
}

@media (max-width: 991px) {
  .c-dn__scroll {
    overflow-x: auto
  }
}

.c-dn__table {
  width: 565px;
  margin-top: 24px
}

.c-dn__table__btn {
  padding-left: 16px;
  padding-right: 15px
}

.c-dn__table__tr {
  display: grid;
  grid-template-columns: 185px 185px minmax(190px, 1fr);
  align-items: center;
  padding: 7px 0
}

.c-dn__table__tr+.c-dn__table__tr {
  border-top: 1px solid rgba(255, 255, 255, 0.06)
}

.c-dn__table__th {
  text-transform: uppercase;
  color: #8F96BA;
  font-family: "Chillax", sans-serif;
  font-size: 13px;
  font-weight: 500
}

.c-dn__table__wallet {
  color: #fff;
  font-weight: 600;
  font-size: 14px
}

.c-dn__table__address {
  font-weight: normal;
  font-size: 12px;
  color: #B5B7DA
}

.p-landing {
  min-height: calc(100vh - 128px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  color: #B5B7DA;
  font-size: 18px;
  padding: 24px 0 48px
}

@media (max-width: 992px) {
  .p-landing {
    font-size: 16px;
    min-height: calc(100vh - 116px)
  }
}

@media (max-width: 576px) {
  .p-landing {
    font-size: 14px;
    min-height: calc(100vh - 148px)
  }
}

.p-landing__checkbox {
  color: #8D93B7;
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-top: 24px
}

.p-landing__checkbox__link {
  color: #B5B7DA
}

.p-landing__checkbox__link:hover {
  color: rgba(255, 255, 255, 0.95)
}

.p-landing__terms {
  font-size: 14px;
  padding-top: 32px;
  margin-top: 80px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  line-height: 1.5
}

.p-landing__code {
  border: none;
  padding: 2px;
  background: linear-gradient(90deg, #57FFFF 1.39%, #E777FF 51.21%, #59F3FF 100%);
  border-radius: 100px
}

.p-landing__code__inner {
  background: #1C1D23;
  border: none
}

.p-landing__code__icon {
  display: none
}

.p-landing__code__icon[data-icon="circle-check"] {
  color: #3ED6CC
}

.p-landing__code__icon[data-icon="circle-x"] {
  color: #FF4B92
}

.p-landing__left {
  max-width: 600px
}

.p-landing__card {
  border: 8px solid rgba(255, 255, 255, 0.03);
  width: 436px;
  height: 436px;
  min-width: 436px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  box-shadow: 0px 13px 53px 0px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(33px);
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%)
}

.p-landing__card__inner {
  padding: 43px;
  color: rgba(255, 255, 255, 0.86)
}

.p-landing__card__title {
  text-transform: uppercase;
  color: inherit;
  font-family: "Chillax", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 4px
}

.p-landing__card__symbol {
  font-family: Chillax;
  font-family: "Chillax", sans-serif;
  font-weight: 700;
  line-height: 125%;
  font-size: 39px
}

.p-landing__card__label {
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Chillax", sans-serif;
  line-height: 1.5;
  font-size: 11px
}

.p-landing__card__value {
  font-size: 32px;
  font-weight: 600;
  font-family: "Chillax", sans-serif;
  line-height: 1.5
}

.p-landing__card__price {
  font-size: 14px;
  font-weight: 500
}

.p-landing__card__percentage {
  font-size: 39px;
  font-family: "Chillax", sans-serif;
  font-weight: 600;
  line-height: 1.5
}

.p-landing__card__sep {
  margin: 18px 0
}

.p-landing__btn {
  border-radius: 100px;
  background: linear-gradient(-45deg, #12D4FF, #DD3DFF);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 320px;
  padding: 15px 40px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background-size: 200% 200%
}

.p-landing__btn :not(.is-disabled),
.p-landing__btn :not([disabled]) {
  animation: gradient 5s ease infinite
}

@keyframes gradient {
  0% {
    background-position: 0% 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0% 50%
  }
}

@media (max-width: 575px) {
  .p-landing__btn {
    width: 100%;
    max-width: none
  }
}

.p-landing__btn img {
  width: 22px;
  height: 22px;
  min-width: 22px
}

@media (max-width: 1350px) {
  .p-landing__btn {
    padding: 10px 40px;
    height: 40px;
    font-size: 14px
  }

  .p-landing__btn img {
    width: 20px;
    height: 20px;
    min-width: 20px
  }
}

.p-landing__right {
  max-width: 592px;
  position: relative
}

@media (max-width: 1300px) {
  .p-landing__right {
    max-width: none
  }
}

.p-landing__right__img {
  width: 100%;
  mix-blend-mode: lighten
}

@media (max-width: 992px) {
  .p-landing__right__img {
    display: none
  }
}

.p-landing__right__screen {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}

@media (max-width: 992px) {
  .p-landing__right__screen {
    position: relative;
    margin-top: 32px
  }
}

.p-landing__inner {
  padding: 0 24px;
  width: 100%;
  max-width: 1370px;
  flex: 1;
  display: flex;
  align-items: center
}

@media (max-width: 1600px) {
  .p-landing__inner {
    padding: 0 64px
  }
}

@media (max-width: 576px) {
  .p-landing__inner {
    padding: 0 16px
  }
}

.p-landing__title {
  font-family: "Chillax", sans-serif;
  font-weight: normal;
  font-size: 64px;
  list-height: 110%;
  text-transform: uppercase
}

@media (max-width: 1350px) {
  .p-landing__title {
    font-size: 4.2vw
  }
}

.p-landing__title__inner {
  background: linear-gradient(90deg, #57FFFF 1.39%, #E777FF 51.21%, #59F3FF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.p-landing__title__speed__inner {
  position: inherit;
  color: rgba(255, 255, 255, 0.95);
  display: inline-block;
  padding: 24px 40px 24px 0;
  margin-top: -24px;
  background: url("lighting-e4a489921becc37349b7fe4e2a64059be3d6f8b8daca72b181c2901ee274257d.svg") no-repeat;
  background-position: center right;
  background-size: auto 100%
}

.p-landing__title__speed__inner--zh {
  padding: 32px 48px 32px 0
}

@media (max-width: 992px) {
  .p-landing__title {
    font-size: 6.9vw
  }

  .p-landing__title__speed__inner {
    padding: 12px 30px 12px 0
  }

  .p-landing__title__speed__inner--zh {
    padding: 20px 38px 20px 0
  }
}

@media (max-width: 576px) {
  .p-landing__title {
    font-size: 36px;
    margin-bottom: 8px
  }
}

.p-landing__points {
  position: relative
}

.p-landing__points__left,
.p-landing__points__right {
  padding: 12px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: linear-gradient(55deg, rgba(117, 205, 255, 0.67) 0%, rgba(38, 177, 255, 0.06) 100%)
}

.p-landing__points__right {
  background: linear-gradient(55deg, rgba(156, 30, 255, 0.06) 0%, rgba(186, 99, 255, 0.67) 100%)
}

.p-landing__points__right>* {
  filter: blur(8px)
}

.p-landing__points__num {
  font-size: 30px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.95);
  margin-right: 8px
}

.p-landing__points__label {
  line-height: 1.25;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.61)
}

.p-landing__points__sign {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  min-width: 40px;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: url("") no-repeat;
  background-size: 16px auto;
  background-position: center;
  background-color: #14161E;
  z-index: 9
}

.p-landing__menu__footer {
  position: absolute;
  bottom: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: center
}

.page-home .c-body {
  padding: 0
}

.page-home .c-header__search {
  display: none
}

.c-footer {
  padding: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  width: 100%;
  color: #8D93B7;
  font-size: 13px;
  height: 64px
}

@media (max-width: 575px) {
  .c-footer {
    height: auto
  }
}

.c-footer a {
  color: inherit
}

.c-footer a:hover {
  color: rgba(255, 255, 255, 0.95)
}

.p-referral {
  padding: 32px 0 48px
}

@media (max-width: 575px) {
  .p-referral {
    padding: 16px 0
  }
}

.p-referral__inner {
  width: 100%;
  max-width: 640px;
  margin: auto;
  padding: 72px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.03) 100%);
  position: relative;
  box-sizing: border-box
}

@media (max-width: 575px) {
  .p-referral__inner {
    margin: 0;
    padding: 32px;
    height: calc(100vh - 68px);
    border-radius: 24px
  }
}

.p-referral__inner:has(.p-referral__banner) {
  padding-top: 16px
}

.p-referral__banner {
  background: #16171E;
  border: 1px solid rgba(255, 255, 255, 0.03);
  padding: 16px;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
  max-width: 640px;
  margin: auto;
  word-break: break-word
}

.p-referral__banner__btn {
  padding: 8px 16px;
  font-size: 13px;
  height: 32px
}

.p-referral__subtitle {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.95)
}

@media (max-width: 575px) {
  .p-referral__subtitle {
    font-size: 15px
  }
}

.p-referral__line {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  border-bottom: 0;
  margin: 40px auto
}

@media (max-width: 575px) {
  .p-referral__line {
    margin: 24px auto
  }
}

.p-referral__h2 {
  font-size: 13px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
  font-family: "Chillax", sans-serif
}

.p-referral__text {
  font-size: 14px;
  color: #B5B7DA;
  line-height: 1.5
}

.p-referral__btn {
  font-size: 14px;
  padding: 12px 32px
}

@media (max-width: 991px) {
  .p-referral__btn {
    width: 100%
  }
}

@media (max-width: 1350px) {
  .p-referral .p-landing__btn {
    padding: 15px 40px;
    height: 52px;
    font-size: 16px;
    max-width: none
  }
}

@media (max-width: 575px) {
  .p-referral .p-landing__btn {
    font-size: 14px;
    padding: 12px 32px;
    height: auto
  }
}

.p-referral .c-field__input {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500
}

.p-referral__qr {
  padding: 12px 0
}

.p-referral__qr svg {
  width: 250px;
  height: 250px
}

.p-referral__step {
  margin-bottom: 16px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  color: #B5B7DA
}

@media (max-width: 575px) {
  .p-referral__step {
    flex-direction: column;
    grid-row-gap: 8px;
    align-items: flex-start
  }
}

.p-referral__table__tr {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center
}

.p-referral__table__tr+.p-referral__table__tr {
  margin-top: 4px
}

.p-referral__table__th,
.p-referral__table__td {
  display: flex;
  align-items: center
}

.p-referral__table__td {
  font-size: 16px;
  color: #fff
}

.p-referral__table__th {
  text-transform: uppercase;
  font-family: "Chillax", sans-serif;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.61);
  font-weight: 500
}

.p-referral__link__label {
  font-size: 13px
}

@media (min-width: 992px) {
  .p-referral__link__label {
    font-size: 16px
  }
}

.p-referral__link__field {
  width: 80px
}

@media (min-width: 992px) {
  .p-referral__link__field {
    width: 146px
  }
}

.p-referral__link__input {
  font-size: 16px !important
}

.p-referral__modal__text {
  max-width: 290px;
  margin-left: auto;
  margin-right: auto
}

.p-referral__hscroll {
  overflow-x: auto
}

.p-referral__hscroll__inner {
  min-width: 600px
}

[data-table-id="referral"] .c-grid-table__head,
[data-table-id="referral"] .c-grid-table__tr {
  grid-template-columns: minmax(100px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr) minmax(88px, 1fr)
}

.page-signup-steps {
  background: url("") no-repeat center 64px, url("") no-repeat center bottom, url("") no-repeat top center, linear-gradient(155deg, rgba(118, 120, 136, 0.02) 0%, rgba(118, 120, 136, 0) 100%), #0F1018
}

.p-primer {
  padding-top: 32px;
  text-align: center;
  position: relative
}

@media (max-width: 575px) {
  .p-primer {
    padding-top: 56px
  }
}

.p-primer__pp {
  padding: 10px 16px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  line-height: 1.5;
  font-size: 12px
}

.p-primer__pp__slider {
  border-radius: 100px;
  border: 4px solid rgba(255, 255, 255, 0.15);
  position: relative;
  width: 220px
}

@media (max-width: 991px) {
  .p-primer__pp__slider {
    margin: 12px auto 0
  }
}

.p-primer__pp__slider__inner {
  border-radius: 100px;
  background: linear-gradient(90deg, #12D4FF 1.39%, #DD3DFF 100%);
  padding: 4px;
  height: 40px;
  width: 100%
}

.p-primer__pp__slider__toggle {
  border-radius: 100px;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.72) 100%);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
  height: 32px;
  width: 64px;
  cursor: pointer;
  position: relative;
  z-index: 2
}

.p-primer__pp__slider__text {
  font-family: "Chillax", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.87);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  z-index: 1
}

.p-primer__pp__slider__icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  color: rgba(255, 255, 255, 0.5);
  margin-left: 8px
}

.p-primer__gen {
  width: 100%;
  max-width: 464px;
  text-align: center;
  font-size: 18px;
  color: #B5B7DA;
  margin: 0 auto;
  line-height: 1.5
}

@media (max-width: 575px) {
  .p-primer__gen {
    font-size: 14px
  }
}

.p-primer__gen__icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin-bottom: 16px;
  color: #898EFF
}

.p-primer__gen__form {
  text-align: left;
  font-size: 12px;
  max-width: 436px;
  margin: 0 auto;
  line-height: 1.5
}

@media (max-width: 575px) {
  .p-primer__gen__form {
    width: 100%
  }
}

.p-primer__gen__label {
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  font-family: "Chillax", sans-serif;
  line-height: 1.25
}

.p-primer__zero {
  color: #fff;
  text-decoration: underline
}

.p-primer__logo {
  display: block;
  margin: 0 auto 32px;
  width: 80px
}

@media (max-width: 575px) {
  .p-primer__logo {
    width: 56px;
    margin-bottom: 16px
  }
}

.p-primer__title {
  font-size: 40px;
  font-family: "Chillax", sans-serif;
  font-weight: normal;
  color: #fff;
  line-height: 1.25;
  margin: 0 auto 24px;
  max-width: 660px;
  text-align: center
}

@media (max-width: 575px) {
  .p-primer__title {
    font-size: 24px;
    margin-bottom: 16px
  }
}

.p-primer__title__mark {
  background-image: linear-gradient(90deg, #57FFFF 1.39%, #E777FF 51.21%, #59F3FF 100%);
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  text-fill-color: transparent
}

.p-primer__inner {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.03);
  max-width: 720px;
  margin: 0 auto;
  padding: 40px 32px;
  background: rgba(255, 255, 255, 0.04);
  font-size: 18px;
  color: #B5B7DA;
  height: 322px;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%
}

@media (max-width: 575px) {
  .p-primer__inner {
    padding: 40px 16px
  }
}

.p-primer__value {
  color: #fff;
  font-size: 40px
}

.p-primer__field {
  padding: 2px;
  border-radius: 100px;
  background: linear-gradient(90deg, #57FFFF 1.39%, #E777FF 51.21%, #59F3FF 100%);
  margin-bottom: 24px;
  cursor: pointer
}

.p-primer__field__inner {
  background: #292A37;
  display: flex;
  border-radius: 100px;
  align-items: center;
  color: #fff;
  font-size: 16px;
  padding: 16px 32px;
  display: flex;
  max-width: 100%
}

.p-primer__field__icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  color: #8D93B7
}

.p-primer__continue {
  padding: 12px 40px;
  width: 260px;
  font-size: 14px;
  height: 48px
}

@media (max-width: 575px) {
  .p-primer__continue {
    width: 100%
  }
}

.p-primer__steps {
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding: 8px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 8px
}

.p-primer__steps__item {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  display: flex;
  border-radius: 100px
}

@media (max-width: 575px) {
  .p-primer__steps__item {
    width: 24px;
    height: 24px;
    min-width: 24px
  }
}

.p-primer__steps__item__inner {
  background: #252742;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.p-primer__steps__item__icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: none
}

.p-primer__steps__line {
  height: 1px;
  width: 40px;
  background: rgba(255, 255, 255, 0.14)
}

.p-primer__steps__item.is-checked+.p-primer__steps__line {
  background: linear-gradient(270deg, #EB9BFF 0%, #FEE8AB 100%)
}

.p-primer__steps__item.is-checked,
.p-primer__steps__item.is-checked+.p-primer__steps__line+.p-primer__steps__item {
  background: linear-gradient(86deg, #F694FF 11.8%, #4FFFF4 38.58%, #FFE7AA 66.51%, #FF79C9 85.26%);
  padding: 1px;
  border: none
}

.p-primer__steps__item.is-checked .p-primer__steps__item__icon {
  display: block
}

.c-pp-confirm {
  color: #B5B7DA;
  font-size: 14px
}

@media (max-width: 991px) {
  .c-pp-confirm {
    padding-top: 48px
  }
}

@media (min-width: 992px) {
  .c-pp-confirm__modal {
    max-width: 446px
  }
}

@media (min-width: 992px) {
  .c-pp-confirm__modal_wide {
    max-width: 646px
  }
}

.c-pp-confirm__title {
  font-size: 16px;
  color: #fff;
  margin-bottom: 24px;
  font-family: "Chillax", sans-serif
}

.p-tfunds__field {
  width: 220px
}

.p-tfunds__priority {
  width: 90px
}

.p-tfunds__field-label {
  color: #F2F5F9;
  height: 40px;
  display: inline-flex;
  align-items: center;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.03);
  padding: 10px 24px;
  font-size: 14px
}

.p-tfunds__field-label:hover .c-icon {
  color: #F2F5F9 !important
}

@media (max-width: 575px) {
  .p-tfunds__field-label--wd {
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px
  }
}

@media (max-width: 375px) {
  .p-tfunds__field-label--wd {
    font-size: 11px
  }
}

.p-tfunds__arrow {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  color: #F2F5F9;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-tfunds__arrow__icon {
  width: 24px;
  height: 24px;
  min-width: 24px
}

@media (min-width: 992px) {
  .p-tfunds__labeled {
    margin-top: 21px
  }
}

.p-tfunds__submit {
  height: 40px;
  display: inline-flex;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px
}

@media (max-width: 991px) {
  .p-tfunds__submit {
    width: 100%
  }
}

.p-tfunds__status {
  line-height: 1;
  font-size: 14px
}

.p-tfunds__status[data-status] {
  text-transform: capitalize
}

.p-tfunds__status[data-status="success"] {
  color: #3ED6CC
}

.p-tfunds__status[data-status="failed"] {
  color: #FF4B92
}

.p-tfunds__status[data-status="active"],
.p-tfunds__status[data-status="executing"] {
  color: #E7B587
}

.page-home {
  scroll-behavior: smooth
}

.page-home body {
  background: linear-gradient(165deg, rgba(118, 120, 136, 0.1) 3.89%, rgba(118, 120, 136, 0) 66.42%);
  background-size: 100% 890px;
  background-repeat: no-repeat;
  overflow-x: hidden
}

.page-home .c-header__inner {
  background: none
}

@media (max-width: 991px) {
  .page-home .c-header__inner {
    background: #181921
  }
}

.p-home {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  position: relative
}

@media (max-width: 991px) {
  .p-home {
    overflow-x: hidden
  }
}

.p-home__title {
  font-family: "Chillax", sans-serif;
  font-weight: normal;
  font-size: 64px;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 8px
}

.p-home__title--zh {
  font-size: 72px;
  padding-top: 32px
}

.p-home__title--footer {
  display: flex;
  flex-direction: column;
  align-items: center
}

html[lang="zh"] .p-home__title--footer {
  flex-direction: column-reverse
}

.p-home__title--sm {
  font-size: 56px;
  color: rgba(255, 255, 255, 0.95)
}

@media (max-width: 991px) {
  .p-home__title--sm {
    font-size: 4.5vw !important
  }
}

@media (max-width: 575px) {
  .p-home__title--sm {
    font-size: 24px !important;
    text-align: center !important
  }
}

@media (max-width: 991px) {
  .p-home__title {
    font-size: 5.5vw;
    line-height: 1.25;
    margin-bottom: 16px
  }
}

@media (max-width: 575px) {
  .p-home__title {
    font-size: 34px;
    text-align: left
  }
}

.p-home__title__inner {
  background: linear-gradient(90deg, #57FFFF 1.39%, #E777FF 33.23%, #FFD89E 66.1%, #59F3FF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.p-home__title__speed__inner {
  position: inherit;
  color: rgba(255, 255, 255, 0.95);
  display: inline-block;
  padding: 32px 48px 32px 0;
  margin-top: -24px;
  background: url("lighting-e4a489921becc37349b7fe4e2a64059be3d6f8b8daca72b181c2901ee274257d.svg") no-repeat;
  background-position: center right;
  background-size: auto 100%
}

.p-home__title__speed__inner--zh {
  margin-left: -8px
}

@media (min-width: 992px) {
  .p-home__title__speed__inner--zh {
    margin-left: -16px
  }
}

@media (max-width: 991px) {
  .p-home__title__speed__inner {
    padding: 3vw 5vw 3vw 0
  }
}

@media (max-width: 575px) {
  .p-home__title__speed__inner {
    padding: 16px 24px 16px 0
  }
}

.p-home__btn {
  background: linear-gradient(#1F1C35, #1F1C35) padding-box, linear-gradient(90deg, #57FFFF 1.39%, #E777FF 33.23%, #FFD89E 66.1%, #59F3FF 100%) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.3);
  width: 100%;
  max-width: 320px;
  padding: 15px 40px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  animation: gradient 2s ease infinite;
  background-size: 200% 200%
}

.p-home__btn:hover {
  background: linear-gradient(#24203C, #24203C) padding-box, linear-gradient(90deg, #57FFFF 1.39%, #E777FF 33.23%, #FFD89E 66.1%, #59F3FF 100%) border-box
}

@keyframes gradient {
  0% {
    background-position: 0% 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0% 50%
  }
}

@media (max-width: 575px) {
  .p-home__btn {
    width: 100%;
    max-width: none
  }
}

.p-home__btn img {
  width: 22px;
  height: 22px;
  min-width: 22px
}

@media (max-width: 991px) {
  .p-home__btn {
    padding: 10px 40px;
    height: 40px;
    font-size: 14px
  }

  .p-home__btn img {
    width: 20px;
    height: 20px;
    min-width: 20px
  }
}

.p-home__line {
  height: 100%;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  z-index: 1
}

@media (max-width: 991px) {
  .p-home__line {
    display: none
  }
}

.p-home__line--left {
  left: 24px;
  top: 0;
  bottom: 0
}

.p-home__line--right {
  right: 24px;
  top: 0;
  bottom: 0
}

.p-home__top {
  padding: 112px 24px 0;
  height: calc(100vh - 90px);
  text-align: center;
  position: relative;
  min-height: 920px
}

@media (max-width: 991px) {
  .p-home__top {
    padding: 112px 0 0;
    min-height: inherit;
    height: auto
  }
}

@media (max-width: 575px) {
  .p-home__top {
    padding-top: 48px
  }
}

.p-home__top__inner {
  position: relative;
  z-index: 5
}

@media (max-width: 991px) {
  .p-home__top__inner {
    padding: 0 16px
  }
}

@media (max-width: 575px) {
  .p-home__top__inner {
    text-align: left
  }
}

.p-home__top__line-bottom {
  position: absolute;
  z-index: 3;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  height: 1px;
  left: 0px;
  right: 0px
}

@media (min-width: 992px) {
  .p-home__top__line-bottom {
    bottom: 0px
  }
}

.p-home__top__subtitle {
  margin-top: -16px;
  color: #B5B7DA;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 1.5
}

@media (max-width: 575px) {
  .p-home__top__subtitle {
    font-size: 14px;
    margin-bottom: 16px
  }
}

.p-home__top__bg {
  position: absolute;
  width: 1600px;
  max-width: none;
  left: -9999px;
  right: -9999px;
  bottom: -300px;
  margin: auto;
  z-index: 2
}

@media (max-width: 991px) {
  .p-home__top__bg {
    top: -32vw;
    width: 170%;
    bottom: inherit
  }
}

.p-home__top__screen {
  position: relative;
  max-width: 950px;
  width: 100%;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -44px;
  z-index: 1
}

@media (max-width: 991px) {
  .p-home__top__screen {
    bottom: inherit
  }
}

.p-home__top__img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px
}

@media (max-width: 991px) {
  .p-home__top__img {
    position: relative;
    margin-top: 130px;
    margin-bottom: -5vw;
    bottom: inherit
  }
}

@media (max-width: 575px) {
  .p-home__top__img {
    margin-bottom: -5.5vw
  }
}

.p-home__top__circles {
  position: absolute;
  width: 1148px;
  max-width: none;
  margin: auto;
  left: -9999px;
  right: -9999px;
  bottom: -354px;
  z-index: -1
}

@media (max-width: 991px) {
  .p-home__top__circles {
    top: -32vw;
    width: 118%;
    bottom: inherit
  }
}

.p-home__top__line {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  left: 0;
  right: 0;
  position: absolute;
  z-index: 3;
  margin: auto;
  bottom: 220px
}

@media (max-width: 991px) {
  .p-home__top__line {
    top: 25vw;
    bottom: inherit
  }
}

@media (max-width: 575px) {
  .p-home__top__line {
    top: 27.8vw
  }
}

.p-home__top__target {
  width: 52px;
  height: 52px;
  min-width: 52px;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 3;
  margin: auto;
  bottom: 195px;
  animation: crescendo 1.5s alternate infinite ease-in
}

@media (max-width: 991px) {
  .p-home__top__target {
    bottom: inherit;
    top: 21.3vw
  }
}

@keyframes crescendo {
  0% {
    transform: scale(1)
  }

  100% {
    transform: scale(1.3)
  }
}

.p-home__checkbox {
  color: #8D93B7;
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-top: 24px;
  justify-content: center
}

.p-home__checkbox a:hover {
  color: rgba(255, 255, 255, 0.95)
}

@media (max-width: 575px) {
  .p-home__checkbox {
    justify-content: flex-start
  }
}

.p-home__scroll {
  position: absolute;
  right: 48px;
  bottom: 24px;
  font-size: 12px;
  font-weight: 500;
  color: #8D93B7;
  text-align: center;
  text-transform: uppercase;
  font-family: "Chillax", sans-serif;
  z-index: 2;
  cursor: pointer
}

@media (max-width: 991px) {
  .p-home__scroll {
    display: none
  }
}

.p-home__scroll__btn {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 16px;
  display: flex;
  margin-top: 12px;
  align-content: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.1)
}

.p-home__scroll__icon {
  width: 22px
}

.p-home__scroll:hover {
  color: rgba(255, 255, 255, 0.95)
}

.p-home__scroll:hover .p-home__scroll__icon {
  transition-duration: 1s;
  transform: translateY(8px)
}

.p-home__wins {
  position: relative;
  z-index: 5;
  text-align: left
}

@media (min-width: 992px) {
  .p-home__wins {
    position: absolute;
    left: 25px;
    bottom: 0px;
    padding: 24px 24px 16px
  }
}

@media (max-width: 1407px) {
  .p-home__wins {
    background: rgba(16, 17, 25, 0.1);
    backdrop-filter: blur(20px)
  }
}

@media (max-width: 991px) {
  .p-home__wins {
    background: none;
    backdrop-filter: inherit;
    padding: 0 16px;
    margin: 48px 0
  }
}

.p-home__wins__title {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  margin-left: 12px;
  line-height: 1.5
}

.p-home__wins__item {
  padding: 8px 0;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.95);
  font-family: "Chillax", sans-serif;
  font-weight: 500
}

.p-home__wins__item:nth-of-type(3) {
  opacity: 0.66;
  border-top: 1px solid rgba(255, 255, 255, 0.16)
}

.p-home__wins__item:last-of-type {
  opacity: 0.33;
  border-top: 1px solid rgba(255, 255, 255, 0.3)
}

.p-home__wins__gain {
  color: #3ED6CC
}

.p-home__wins .c-icon--diamond {
  width: 16px;
  height: 16px;
  min-width: 16px
}

.p-home__traders {
  text-align: center;
  padding: 151px 24px 148px
}

@media (max-width: 991px) {
  .p-home__traders {
    padding: 0 16px 48px
  }
}

.p-home__traders__title {
  clip-path: polygon(0 0, 0% 0, 0% 0, 100% 0%, 100% 80%, calc(100% - 10px) 100%, 10px 100%, 0% 80%, 0% 0%);
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  max-width: 282px;
  padding: 1px;
  position: relative;
  margin: auto;
  z-index: 5
}

@media (max-width: 991px) {
  .p-home__traders__title {
    margin-bottom: 48px;
    max-width: none
  }
}

.p-home__traders__title__text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
  font-family: "Chillax", sans-serif;
  background: #12151E;
  letter-spacing: 2px;
  width: 100%;
  max-width: 280px;
  text-align: center;
  padding: 12px 24px;
  clip-path: polygon(0 0, 0% 0, 0% 0, 100% 0%, 100% 80%, calc(100% - 10px) 100%, 10px 100%, 0% 80%, 0% 0%)
}

@media (max-width: 991px) {
  .p-home__traders__title__text {
    max-width: none;
    letter-spacing: 1px;
    padding: 10px 24px
  }
}

.p-home__traders__list {
  position: relative;
  z-index: 5;
  display: flex;
  gap: 104px;
  justify-content: center
}

@media (max-width: 991px) {
  .p-home__traders__list {
    flex-wrap: wrap;
    gap: 0;
    row-gap: 32px
  }
}

@media (min-width: 992px) {
  .p-home__traders__list__item {
    width: 84px
  }

  .p-home__traders__list__item:nth-of-type(even) {
    padding-top: 88px
  }

  .p-home__traders__list__item:nth-of-type(3) {
    padding-top: 120px
  }
}

@media (max-width: 991px) {

  .p-home__traders__list__item:nth-of-type(1),
  .p-home__traders__list__item:nth-of-type(2),
  .p-home__traders__list__item:nth-of-type(3) {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .p-home__traders__list__item:nth-of-type(4),
  .p-home__traders__list__item:nth-of-type(5) {
    flex: 0 0 50%;
    max-width: 50%
  }
}

.p-home__traders__list__link {
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  align-items: center
}

.p-home__traders__list__link:hover .p-home__traders__list__avatar {
  transform: scale(1.2);
  transition-duration: 500ms
}

.p-home__traders__list__link:hover .p-home__traders__list__name {
  color: #F2F5F9
}

.p-home__traders__list__link:hover .p-home__traders__list__img {
  mix-blend-mode: normal
}

.p-home__traders__list__avatar {
  width: 84px;
  height: 84px;
  min-width: 84px;
  background: linear-gradient(#12151E, #12151E) padding-box, linear-gradient(80deg, rgba(0, 118, 118, 0.8) 0%, rgba(231, 119, 255, 0.8) 51%, rgba(48, 240, 255, 0.8) 100%) border-box;
  border-radius: 50em;
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px
}

@media (max-width: 575px) {
  .p-home__traders__list__avatar {
    width: 64px;
    height: 64px;
    min-width: 64px
  }
}

.p-home__traders__list__img {
  mix-blend-mode: luminosity;
  width: 72px;
  height: 72px;
  min-width: 72px;
  box-shadow: 0 0 30px rgba(148, 178, 255, 0.3);
  border-radius: 50em
}

@media (max-width: 575px) {
  .p-home__traders__list__img {
    width: 56px;
    height: 56px;
    min-width: 56px
  }
}

.p-home__traders__list__name {
  color: #8D93B7;
  font-size: 13px;
  font-family: "Chillax", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap
}

@media (max-width: 575px) {
  .p-home__traders__list__name {
    white-space: normal;
    font-size: 12px
  }
}

.p-home__discover {
  text-align: center;
  padding: 0 64px 144px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

@media (max-width: 991px) {
  .p-home__discover {
    padding: 48px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08)
  }
}

.p-home__discover__wrap {
  max-width: 1344px;
  margin: auto;
  position: relative
}

.p-home__discover__title {
  color: rgba(255, 255, 255, 0.95);
  font-size: 48px;
  font-family: "Chillax", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 5px;
  margin-bottom: 0
}

@media (max-width: 991px) {
  .p-home__discover__title {
    font-size: 27px;
    margin-top: 32px;
    letter-spacing: 2px
  }
}

@media (min-width: 992px) {
  .p-home__discover__item+.p-home__discover__item {
    border-top: 1px solid rgba(255, 255, 255, 0.1)
  }
}

.p-home__discover__item {
  padding: 144px 0 154px
}

@media (max-width: 991px) {
  .p-home__discover__item {
    padding: 48px 0 0
  }
}

.p-home__discover__item__content {
  max-width: 286px;
  width: 20vw;
  text-align: left
}

@media (max-width: 991px) {
  .p-home__discover__item__content {
    max-width: 480px;
    width: 100%;
    margin: auto;
    text-align: center
  }
}

.p-home__discover__item__title {
  color: rgba(255, 255, 255, 0.95);
  font-size: 40px;
  font-family: "Chillax", sans-serif;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 24px;
  max-width: 200px
}

@media (max-width: 991px) {
  .p-home__discover__item__title {
    font-size: 24px;
    margin-bottom: 8px;
    max-width: none
  }
}

@media (min-width: 992px) {
  .p-home__discover__item:first-of-type .p-home__discover__num {
    margin-top: 56px
  }
}

@media (min-width: 992px) {
  .p-home__discover__item__content {
    opacity: 0.33;
    transition: 0.4s opacity
  }

  .p-home__discover__item__content.is-visible {
    opacity: 1
  }
}

.p-home__discover__text {
  font-size: 16px;
  color: #B5B7DA;
  line-height: 1.5;
  margin-bottom: 48px
}

@media (max-width: 991px) {
  .p-home__discover__text {
    font-size: 15px;
    margin-bottom: 24px
  }
}

.p-home__discover__num {
  color: #8D93B7;
  font-size: 14px;
  line-height: 1.5;
  margin: 24px 0
}

.p-home__discover__num:before {
  content: '[';
  background: linear-gradient(0deg, #57FFFF 19.05%, #E777FF 45.19%, #FFD89E 72.17%, #59F3FF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  margin-right: 8px
}

.p-home__discover__num:after {
  content: ']';
  background: linear-gradient(0deg, #57FFFF -11.9%, #E777FF 18.08%, #FFD89E 49.03%, #59F3FF 80.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  margin-left: 8px
}

@media (max-width: 991px) {
  .p-home__discover__num {
    font-size: 13px;
    margin-bottom: 16px
  }
}

.p-home__discover__btn {
  background: linear-gradient(#1F1C35, #1F1C35) padding-box, linear-gradient(90deg, #57FFFF 1.39%, #E777FF 33.23%, #FFD89E 66.1%, #59F3FF 100%) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
  padding: 10px 24px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px
}

.p-home__discover__btn:hover {
  background: linear-gradient(#24203C, #24203C) padding-box, linear-gradient(90deg, #57FFFF 1.39%, #E777FF 33.23%, #FFD89E 66.1%, #59F3FF 100%) border-box
}

.p-home__discover__metamask {
  width: 20px;
  height: 20px;
  min-width: 20px
}

.p-home__discover__screens {
  width: 50%;
  max-width: 660px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 136px;
  z-index: 999
}

.p-home__discover__screens__wrap {
  width: 100%;
  background-color: transparent;
  position: -webkit-sticky;
  position: sticky;
  top: 28%;
  pointer-events: none
}

.p-home__discover__screens__block {
  position: relative;
  width: 100%;
  max-width: 660px
}

.p-home__discover__screens__block::after {
  content: '';
  display: block;
  padding-top: 72.2727272727%;
  width: 100%
}

.p-home__discover__screens__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

@media (min-width: 992px) {
  .p-home__discover__screens__img {
    opacity: 0;
    transition: 0.4s opacity
  }

  .p-home__discover__screens__img.is-visible {
    opacity: 1
  }
}

.p-home__footer {
  padding: 120px 0 0;
  background-image: url("bottom-bg-a889a0eacb12b529c98e5b961433a5da10d8a3ee07c7a7c2ce3d063dddbad3e9.svg");
  background-size: 1600px auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  text-align: center
}

@media (max-width: 991px) {
  .p-home__footer {
    padding: 48px 0 0;
    background-image: url("bottom-m-478dead9407fef5a3edf7fb62c29048eb65922c269393d99556093094b3b9a6b.svg");
    background-size: 746px auto;
    background-position: center bottom -413px;
    background-repeat: no-repeat
  }
}

@media (max-width: 575px) {
  .p-home__footer {
    background-position: center bottom -381px
  }
}

.p-home__footer__wrap {
  padding: 0 48px;
  height: 656px
}

@media (max-width: 991px) {
  .p-home__footer__wrap {
    height: 375px
  }
}

.p-home__blast {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #B5B7DA;
  font-size: 18px;
  padding: 12px 0
}

.p-home__blast::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  height: 100%;
  width: 50%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #393478 50.5%, rgba(0, 0, 0, 0) 100%)
}

.p-home__blast__inner {
  position: relative;
  z-index: 2;
  gap: 16px
}

.p-home__blast__button {
  height: 32px;
  padding: 4px 24px;
  font-size: 14px;
  width: auto
}

.p-home__blast__img {
  display: block;
  border-radius: 100px;
  width: 32px;
  height: 32px
}

.p-home__blast__label {
  margin-left: 5px
}

@media (max-width: 991px) {
  .p-home__blast {
    font-size: 14px;
    padding: 6px 0
  }

  .p-home__blast::before {
    width: 100%
  }

  .p-home__blast__img {
    width: 24px;
    height: 24px
  }

  .p-home__blast__button {
    font-size: 12px;
    padding: 5px 16px;
    height: 28px
  }
}

.p-ref__info {
  font-size: 14px;
  line-height: 1.5;
  color: #B5B7DA;
  margin-bottom: 16px
}

.p-ref__copy {
  color: #B5B7DA;
  font-size: 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin-left: 16px
}

.p-ref__copy__icon {
  color: rgba(141, 147, 183, 0.75);
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-width: 14px;
  margin-right: 4px
}

.p-ref__copy:hover,
.p-ref__copy:hover .p-ref__copy__icon {
  color: #fff
}

.page-leaderboard {
  background-image: url("");
  background-repeat: no-repeat;
  background-position: top center
}

.p-lboard {
  padding-top: 24px;
  max-width: 1000px;
  margin: 0 auto
}

.p-lboard__header {
  margin-bottom: 24px;
  color: #B5B7DA;
  font-size: 15px;
  line-height: 1.5
}

@media (max-width: 991px) {
  .p-lboard__header {
    margin-bottom: 16px
  }
}

.p-lboard__title {
  font-size: 32px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
  line-height: normal;
  margin-bottom: 8px
}

@media (max-width: 991px) {
  .p-lboard__title {
    font-size: 20px
  }
}

.p-lboard__subtitle {
  font-size: 14px
}

.p-lboard__blur {
  filter: blur(6px)
}

.p-lboard__timer {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.07);
  padding: 40px 54px;
  width: 100%;
  max-width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: rgba(255, 255, 255, 0.69);
  font-size: 16px
}

@media (min-width: 992px) {
  .p-lboard__timer {
    backdrop-filter: blur(22px)
  }
}

.p-lboard__timer__title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  font-family: "Chillax", sans-serif
}

.p-lboard__cd {
  font-size: 64px;
  font-family: "Chillax", sans-serif;
  color: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  line-height: 1
}

@media (max-width: 991px) {
  .p-lboard__cd {
    font-size: 45px
  }
}

.p-lboard__cd__item {
  width: 82px;
  text-align: center
}

.p-lboard__cd__label {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px
}

.p-lboard__cd__dots {
  margin-bottom: 22px;
  line-height: 1
}

@media (max-width: 991px) {
  .p-lboard__tab-content:not(.is-selected) {
    display: none
  }
}

.p-lboard__tabs {
  background: rgba(255, 255, 255, 0.03);
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

@media (min-width: 992px) {
  .p-lboard__tabs {
    backdrop-filter: blur(22px)
  }
}

.p-lboard__tabs__item {
  flex: 1;
  display: flex;
  padding: 12px 0 13px 0;
  color: #B5B7DA;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer
}

@media (max-width: 991px) {
  .p-lboard__tabs__item {
    font-size: 13px;
    font-weight: 600
  }
}

.p-lboard__tabs__item::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px
}

.p-lboard__tabs__item.is-selected {
  color: rgba(255, 255, 255, 0.95)
}

.p-lboard__tabs__item.is-selected::after {
  background: rgba(255, 255, 255, 0.95)
}

.p-lboard__widget {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  margin-bottom: 8px
}

@media (min-width: 992px) {
  .p-lboard__widget {
    backdrop-filter: blur(22px)
  }
}

@media (max-width: 575px) {
  .p-lboard__widget {
    border-radius: 0
  }
}

.p-lboard__widget__header {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  line-height: 1.25;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06)
}

@media (max-width: 991px) {
  .p-lboard__widget__header {
    font-size: 12px;
    padding: 12px 16px
  }
}

@media (max-width: 991px) {
  .p-lboard__widget__header--top {
    padding: 16px 16px 12px
  }
}

.p-lboard__widget__icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: 8px;
  color: #8D93B7
}

@media (max-width: 991px) {
  .p-lboard__widget__icon {
    width: 16px;
    height: 16px;
    min-width: 16px
  }
}

.p-lboard__widget__inner {
  padding: 12px 16px
}

.p-lboard__widget__inner+.p-lboard__widget__inner {
  border-top: 1px solid rgba(255, 255, 255, 0.06)
}

@media (max-width: 991px) {
  .p-lboard__widget {
    margin-bottom: 4px
  }
}

.p-lboard__widget__btn {
  font-size: 13px;
  padding: 4px 12px;
  height: 24px
}

.p-lboard__check {
  border-radius: 100px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center
}

.p-lboard__check__icon {
  width: 11px;
  height: 11px;
  min-width: 11px;
  color: rgba(255, 255, 255, 0.95);
  display: none
}

.p-lboard__list__crown {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  min-width: 18px
}

.p-lboard__list__item {
  color: rgba(255, 255, 255, 0.95)
}

.p-lboard__list__item.is-finished {
  color: #B5B7DA
}

.p-lboard__list__item.is-finished .p-lboard__check {
  background: #21BA8E
}

.p-lboard__list__item.is-finished .p-lboard__check__icon {
  display: block
}

.p-lboard__list__name {
  margin-bottom: 4px;
  line-height: 1.3
}

.p-lboard__jackpot {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 6px;
  line-height: 1.25
}

.p-lboard__jackpot__icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-right: 4px
}

.p-lboard__jackpot__label {
  text-align: center;
  color: #B5B7DA;
  font-size: 12px
}

.p-lboard__jackpot__footer {
  text-align: center;
  font-size: 13px;
  font-weight: 500
}

@media (max-width: 991px) {
  .p-lboard__jackpot {
    font-size: 18px
  }

  .p-lboard__jackpot__icon {
    width: 20px;
    height: 20px;
    min-width: 20px
  }
}

.p-lboard__rank {
  min-width: 60px;
  text-align: center;
  display: inline-block
}

.p-lboard__table__thumb {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  opacity: 0.9;
  margin-left: 8px
}

.p-lboard__table__crown {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-width: 20px;
  margin-left: 8px
}

@media (max-width: 991px) {
  .p-lboard__table__crown {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-width: 18px
  }
}

.p-lboard__table__goat {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-width: 20px;
  margin-left: 8px
}

@media (max-width: 991px) {
  .p-lboard__table__goat {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-width: 18px
  }
}

.p-lboard__table__tr {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr
}

.p-lboard__table__tr.is-selected {
  background: rgba(255, 255, 255, 0.03)
}

.p-lboard__table__tr+.p-lboard__table__tr,
.p-lboard__table__body {
  border-top: 1px solid rgba(255, 255, 255, 0.08)
}

.p-lboard__table__td {
  font-size: 16px;
  display: flex;
  align-items: center
}

@media (max-width: 991px) {
  .p-lboard__table__td {
    font-size: 14px
  }
}

.p-lboard__table__td:first-child {
  color: #3ED6CC
}

.p-lboard__table__td:last-child {
  font-weight: 600
}

.p-lboard__table__th {
  font-size: 13px;
  font-family: "Chillax", sans-serif;
  color: rgba(255, 255, 255, 0.61);
  text-transform: uppercase;
  font-weight: 500
}

@media (max-width: 991px) {
  .p-lboard__table__th {
    font-size: 11px
  }
}

.p-lboard__table__td,
.p-lboard__table__th {
  padding: 24px 12px;
  line-height: 1
}

.p-lboard__table__td:first-child,
.p-lboard__table__th:first-child {
  padding-left: 16px;
  text-align: left
}

.p-lboard__table__td:nth-child(3),
.p-lboard__table__th:nth-child(3) {
  text-align: center;
  justify-content: center
}

.p-lboard__table__td:last-child,
.p-lboard__table__th:last-child {
  text-align: center;
  justify-content: center;
  padding-right: 16px
}

.p-lboard__table__th {
  padding: 12px
}

.p-lboard__aside {
  width: 280px
}

@media (min-width: 992px) {
  .p-lboard__aside {
    position: sticky;
    top: 8px
  }
}

@media (max-width: 575px) {
  .p-lboard__aside {
    width: auto
  }
}

.p-lboard__stats__label {
  font-family: "Chillax", sans-serif;
  color: rgba(255, 255, 255, 0.61);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2px;
  align-items: center;
  display: inline-flex
}

@media (max-width: 991px) {
  .p-lboard__stats__label {
    font-size: 11px
  }
}

.p-lboard__stats__value {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5
}

@media (max-width: 991px) {
  .p-lboard__stats__value {
    font-size: 14px
  }
}

.c-header__ui-toggle {
  display: none
}

.page-liquidity-pools-show .c-header__ui-toggle {
  display: flex
}

html:has(.p-mshow) {
  height: 100%;
  overflow: hidden
}

html:has(.p-mshow) body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  height: 100%
}

html:has(.p-mshow) .c-body {
  width: 100%;
  flex: 1;
  align-items: stretch;
  display: flex
}

html:has(.p-mshow) .c-header__settings {
  display: none
}

.c-body:has(.p-mshow) {
  padding-bottom: 0
}

.p-mshow {
  display: flex;
  flex-direction: column;
  width: 100%
}

.p-mshow__orders {
  left: 16px;
  width: calc(100vw - 32px);
  max-width: none;
  margin-top: -12px
}

.p-mshow__watch {
  width: 18px;
  height: 18px;
  min-width: 18px;
  color: #8D93B7
}

.p-mshow__watch[data-icon="star-solid"] {
  color: #E7B587
}

.p-mshow__form__menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: -70px;
  background: #191A21;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 9999;
  padding: 16px
}

.p-mshow__form__option {
  width: 100%;
  padding: 16px 0;
  font-size: 14px;
  font-weight: 500;
  color: #B5B7DA;
  line-height: 1;
  text-align: center
}

.p-mshow__form__option.is-selected {
  color: #fff
}

.p-mshow__form__option+.p-mshow__form__option {
  border-top: 1px solid rgba(255, 255, 255, 0.06)
}

.p-mshow__sl-toggle {
  padding-bottom: 2px
}

.p-mshow__sl-toggle__btn {
  min-width: 86px;
  padding-left: 16px;
  padding-right: 16px;
  height: 100%
}

.p-mshow__sl-toggle__icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin-right: 4px;
  color: #8D93B7
}

.p-mshow__inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%
}

.p-mshow__widget {
  border-bottom: none;
  border-radius: 0;
  border-top: none
}

.p-mshow__widget__tabs {
  border-radius: 8px 8px 0px 0px;
  overflow: hidden;
  border: none
}

.p-mshow__widget__tab {
  flex: 0 0 auto;
  width: auto;
  padding: 0 24px
}

.p-mshow__widget__tab.is-selected {
  flex: 1;
  padding: 0
}

.p-mshow__widget__content {
  height: 145px;
  position: relative
}

.p-mshow__widget__tab.is-selected .p-mshow__widget__select {
  display: flex
}

.p-mshow__widget__select {
  padding-left: 10px;
  font-size: 11px;
  color: #B5B7DA;
  position: relative;
  font-weight: 500;
  align-items: center;
  gap: 8px;
  margin-left: 10px;
  white-space: nowrap;
  display: none
}

.p-mshow__widget__select::after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  height: 16px;
  width: 1px;
  content: '';
  background: rgba(255, 255, 255, 0.1)
}

.p-mshow__slider {
  color: #B5B7DA;
  flex: 1;
  display: flex;
  align-items: stretch;
  width: 100%
}

.p-mshow__slider div[id^='ShowLayoutContainer'] {
  height: 100%
}

.p-mshow__slider__row {
  margin-bottom: 6px
}

.p-mshow__slider__inner {
  font-size: 12px
}

@media (min-height: 701px) {
  .p-mshow__slider__inner {
    font-size: 13px
  }
}

.p-mshow__slider .tns-inner,
.p-mshow__slider .tns-outer,
.p-mshow__slider .tns-ovh {
  width: 100%
}

.p-mshow__slider .tns-outer {
  display: flex;
  flex-direction: column
}

.p-mshow__slider .tns-outer .tns-ovh {
  flex: 1;
  display: flex;
  align-items: stretch
}

.p-mshow__slider .tns-outer .tns-slider {
  height: 100%
}

.p-mshow__slider__slide {
  width: 100%;
  padding-bottom: 8px;
  height: 100%
}

.p-mshow__slider__slide+.p-mshow__slider__slide {
  visibility: hidden;
  position: absolute
}

.tns-inner .p-mshow__slider__slide+.p-mshow__slider__slide {
  visibility: visible;
  position: relative
}

.p-mshow__slider__value {
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center
}

.p-mshow__slider .tns-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 12px
}

.p-mshow__slider .tns-nav button {
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  line-height: inherit;
  width: 6px;
  height: 6px;
  min-width: 6px;
  background: #8D93B7;
  opacity: 0.5;
  border-radius: 100px
}

.p-mshow__slider .tns-nav button.tns-nav-active {
  opacity: 1;
  background: #fff
}

.p-mshow__bar {
  display: flex;
  align-items: center
}

.p-mshow__bar__item {
  position: relative;
  color: #B5B7DA;
  font-size: 12px
}

.p-mshow__bar__item+.p-mshow__bar__item {
  margin-left: 8px;
  padding-left: 8px
}

.p-mshow__bar__item+.p-mshow__bar__item::before {
  content: '';
  height: 12px;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  transform: translate(0, -50%)
}

.p-mshow__search {
  background: #191A23;
  padding: 12px 16px
}

.p-mshow__social-dd {
  width: 260px;
  right: 0;
  left: auto
}

.p-mshow__social-dd__list {
  display: flex;
  margin-top: 4px
}

.p-mshow__social-dd__li {
  color: #B5B7DA;
  font-size: 12px
}

.p-mshow__social-dd__li+.p-mshow__social-dd__li:before {
  content: '·';
  margin: 0 2px
}

.p-mshow__social-dd__title {
  font-size: 12px;
  font-family: "Chillax", sans-serif;
  color: #B5B7DA;
  font-weight: 600;
  text-transform: uppercase
}

.p-mshow__social-dd__toggle {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: inline-flex;
  border-radius: 100px;
  justify-content: center;
  align-items: center
}

.p-mshow__social-dd__toggle:hover {
  background: rgba(255, 255, 255, 0.06)
}

.p-mshow__social-dd__inner {
  padding: 16px 0 8px
}

.p-mshow__social-dd__item {
  color: #8D93B7;
  padding: 12px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-transform: capitalize
}

.c-purchase__submit {
  width: 100%;
  height: 40px;
  padding-left: 12px;
  padding-right: 12px
}

.c-purchase__submit--round {
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0;
  align-items: center;
  justify-content: center
}

.c-purchase__drop-hint br {
  display: none
}

.c-purchase__group {
  position: relative
}

.c-purchase__group__field--sm {
  width: 90px;
  padding: 0 10px
}

.c-purchase__group--with-select .c-purchase__group__field {
  padding-left: 68px
}

.c-purchase__group__select {
  margin-right: 12px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
  display: flex;
  align-items: center;
  width: 60px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2
}

.c-purchase__group__select__toggle {
  color: #8D93B7;
  font-size: 13px;
  cursor: pointer;
  padding-right: 0;
  padding-left: 16px
}

.c-purchase__group__select__label {
  text-align: center;
  display: inline-block
}

.c-purchase__group__select__arr {
  width: 12px;
  height: 12px;
  min-width: 12px;
  color: #8D93B7
}

.c-purchase__btn {
  border-radius: 100px;
  color: #fff;
  padding: 12px;
  line-height: 1;
  background: rgba(255, 255, 255, 0.06);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  height: 42px;
  text-transform: capitalize;
  position: relative
}

.c-purchase__btn__alert {
  position: absolute;
  top: 0;
  right: 0;
  color: #FF4B92;
  width: 18px;
  height: 18px;
  min-width: 18px
}

.c-purchase__btn__icon {
  color: #8D93B7
}

.c-purchase__btn--round {
  width: 42px;
  height: 42px;
  min-width: 42px;
  padding: 0
}

.c-purchase__btn--round .c-purchase__btn__icon {
  width: 20px;
  height: 20px;
  min-width: 20px
}

.c-purchase__btn.is-selected {
  border: 1px solid #6A60E8;
  background: rgba(106, 96, 232, 0.2)
}

.c-purchase__hint {
  font-size: 11px;
  color: #8D93B7;
  vertical-align: middle
}

.c-purchase__hint__icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-width: 14px;
  display: inline-block;
  vertical-align: middle
}

.p-tclaim {
  padding-top: 24px
}

@media (min-width: 992px) {
  .p-tclaim {
    padding-top: 40px
  }
}

.p-tclaim__title {
  color: #fff;
  font-family: "Chillax", sans-serif;
  font-size: 24px;
  margin-bottom: 4px
}

@media (min-width: 992px) {
  .p-tclaim__title {
    font-size: 56px;
    margin-bottom: 12px
  }
}

.p-tclaim__descr {
  font-size: 15px;
  color: #B5B7DA;
  line-height: 1.5
}

@media (min-width: 992px) {
  .p-tclaim__descr {
    max-width: 389px;
    margin-right: 118px;
    font-size: 18px
  }
}

.p-tclaim__card__img {
  width: 40px;
  height: 40px;
  min-width: 40px
}

@media (min-width: 992px) {
  .p-tclaim__card__img {
    width: 48px;
    height: 48px;
    min-width: 48px
  }
}

.p-tclaim__card__title {
  font-size: 14px;
  color: #fff;
  font-weight: 500
}

.p-tclaim__card__text {
  color: #B5B7DA;
  line-height: 1.5;
  font-size: 14px
}

.p-tclaim__label {
  font-family: "Chillax", sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 16px;
  font-weight: 600
}

.p-tclaim__agree {
  line-height: normal;
  font-size: 14px;
  color: #B5B7DA
}

.p-tclaim__dd__toggle {
  height: 44px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px
}

.p-tclaim__dd__toggle__arr {
  width: 16px;
  height: 16px;
  min-width: 16px;
  color: #B5B7DA
}

.p-tclaim__note {
  color: #8D93B7;
  font-size: 11px;
  line-height: 1.5
}

.p-tclaim__box {
  height: 100%;
  display: flex;
  align-items: center
}

@media (max-width: 575px) {
  .p-tclaim__box {
    border-radius: 0;
    border: none;
    margin-left: -28px;
    margin-right: -28px
  }
}

.p-tclaim__success {
  text-align: center;
  font-size: 16px;
  color: #B5B7DA;
  width: 100%
}

.p-tclaim__success__img {
  width: 64px;
  height: 64px;
  min-width: 64px;
  display: block;
  margin: 0 auto 24px
}

.p-tclaim__success__title {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 8px
}

.page-stimmies .c-body,
.page-first-traders .c-body {
  padding: 0
}

@media (max-width: 991px) {

  .page-stimmies .c-header,
  .page-first-traders .c-header {
    margin-bottom: 0
  }
}

.p-stms {
  padding: 5vh 24px 48px;
  position: relative;
  min-height: calc(100vh - 56px)
}

.p-stms .c-stimmy {
  width: 35px;
  height: 35px;
  min-width: 35px
}

@media (max-width: 991px) {
  .p-stms {
    min-height: calc(100vh + 40px);
    padding: 24px 16px
  }
}

@media (min-width: 768px) {
  .p-stms {
    padding-left: 48px !important;
    padding-right: 48px !important
  }
}

@media (min-width: 1301px) {
  .p-stms {
    padding-left: 96px !important;
    padding-right: 96px !important
  }
}

@media (min-width: 992px) {
  .p-stms {
    background: url(""), url(""), url("");
    background-position: center 5%, 0 0, center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: auto 85%, auto 100%, cover;
    display: flex;
    align-items: center;
    animation: mover 1s infinite alternate
  }

  .p-stms--success {
    background: url(""), url("");
    background-position: center 5%, center;
    background-repeat: no-repeat, no-repeat;
    background-size: auto 85%, cover;
    animation: mover_success 1s infinite alternate
  }
}

@media (min-width: 1000px) {
  .p-stms {
    background-size: auto 84%, auto 100%, cover !important
  }

  .p-stms--success {
    background-size: auto 80%, cover !important
  }
}

@media (min-width: 992px) {
  .p-stms {
    background-position: center 10%, 0 0, center;
    background-size: 51vw, auto 100%, cover;
    animation: mover2 1s infinite alternate
  }

  .p-stms--success {
    background-position: center 7%, center;
    background-size: auto 70%, cover
  }
}

@media (min-width: 1300px) {
  .p-stms {
    background-position: center 10%, 0 0, center;
    background-size: 51vh, auto 100%, cover
  }
}

@keyframes mover {
  0% {
    background-position: center 5%, 0 0, center
  }

  100% {
    background-position: center calc(5% - 10px), 0 0, center
  }
}

@keyframes mover2 {
  0% {
    background-position: center 7%, 0 0, center
  }

  100% {
    background-position: center calc(7% - 10px), 0 0, center
  }
}

@keyframes mover_success {
  0% {
    background-position: center 5%, center
  }

  100% {
    background-position: center calc(5% - 10px), center
  }
}

@keyframes mover_mobile {
  0% {
    background-position: center 508px, top, center 484px
  }

  100% {
    background-position: center 488px, top, center 484px
  }
}

@keyframes mover_mobile_prelaunch {
  0% {
    background-position: center calc(260px), top, center 484px
  }

  100% {
    background-position: center calc(260px + 20px), top, center 484px
  }
}

@keyframes mover_mobile_success {
  0% {
    background-position: center 450px, top, center 484px
  }

  100% {
    background-position: center 440px, top, center 484px
  }
}

@media (max-width: 991px) {
  .p-stms {
    background: url(""), linear-gradient(180deg, #642EFF 50%, #A89FD6 100%), url("");
    background-color: #A89FD6;
    background-position: center 608px, top, center 484px;
    animation: mover_mobile 1s infinite alternate;
    background-size: auto calc(100vh - 600px), 100% 484px, auto 119vh;
    background-repeat: no-repeat, no-repeat
  }

  .p-stms--success {
    background-position: center 450px, top, center 484px;
    background-size: auto calc(100vh - 560px), 100% 484px, auto 119vh;
    animation: mover_mobile_success 1s infinite alternate
  }

  .p-stms--prelaunch {
    background-position: center 450px, top, center 484px;
    background-size: auto calc(100vh - 560px), 100% 484px, auto 119vh;
    animation: mover_mobile_success 1s infinite alternate;
    animation: mover_mobile_prelaunch 1s infinite alternate;
    background-size: auto calc(100vh - 330px), 100% 484px, auto 119vh
  }
}

.p-stms__tag {
  font-family: "Chillax", sans-serif;
  color: #fff;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.27);
  padding: 2px 6px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  margin-left: 8px
}

.p-stms__success {
  max-width: 696px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  width: 100%
}

@media (min-width: 992px) {
  .p-stms__success {
    border-radius: 16px;
    padding: 64px 72px;
    font-size: 18px;
    background: rgba(37, 14, 132, 0.3);
    backdrop-filter: blur(40px)
  }
}

@media (max-width: 991px) {
  .p-stms--launched {
    background: linear-gradient(180deg, #642EFF 50%, #A89FD6 100%), url("");
    background-color: #A89FD6;
    background-position: top, center 484px;
    animation: none;
    background-size: 100% 484px, auto 119vh;
    background-repeat: no-repeat, no-repeat
  }
}

.p-stms__box {
  height: 350px;
  background: url("") center no-repeat;
  background-size: auto calc(100% - 20px);
  animation: mover_mobile_box 1s infinite alternate
}

@media (min-width: 992px) {
  .p-stms__box {
    display: none
  }
}

@keyframes mover_mobile_box {
  0% {
    background-position: center 0px
  }

  100% {
    background-position: center 20px
  }
}

.p-stms__footer {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-align: center
}

.p-stms__footer--sm {
  padding-top: 20vh
}

@media (max-width: 991px) {
  .p-stms__footer {
    padding-top: 16px;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    max-width: 640px;
    margin: auto
  }
}

.p-stms__submit {
  width: 300px;
  max-width: 100%;
  height: 48px;
  background: linear-gradient(90deg, #A8FAFF 0%, #FFFEE0 34.5%, #DEFFFD 63%, #FFCBF4 100%);
  color: #2A1E5C;
  font-size: 16px;
  font-weight: 600
}

.p-stms__submit__icon {
  width: 22px;
  height: 22px;
  min-width: 22px
}

@media (max-width: 991px) {
  .p-stms__submit {
    width: 100%
  }
}

.p-stms__aside {
  width: 15%
}

@media (max-width: 991px) {
  .p-stms__aside {
    display: none
  }
}

.p-stms__aside--main {
  width: auto;
  display: block
}

@media (min-width: 992px) {
  .p-stms__aside--main {
    width: 275px
  }
}

.p-stms__aside__title_1,
.p-stms__aside__title_2,
.p-stms__aside__title_3 {
  color: rgba(255, 255, 255, 0.95);
  font-size: 24px;
  font-weight: 600;
  line-height: 125%;
  text-transform: uppercase;
  margin-bottom: 8px
}

.p-stms__aside__title_2 {
  font-size: 16px
}

.p-stms__aside__title_3 {
  color: rgba(255, 255, 255, 0.35);
  font-size: 14px;
  font-weight: 500
}

@media (max-width: 991px) {

  .p-stms__aside--main .p-stms__aside__title_1,
  .p-stms__aside--main .p-stms__aside__title_2,
  .p-stms__aside--main .p-stms__aside__title_3 {
    font-size: 12px
  }
}

.p-stms__aside__congrats {
  font-size: 16rpx;
  font-weight: 600;
  line-height: 1.5
}

@media (min-width: 992px) {
  .p-stms__aside__congrats {
    font-size: 18px
  }
}

.p-stms__aside__hr {
  border-color: rgba(255, 255, 255, 0.3)
}

.p-stms__aside__title {
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  margin-bottom: 16px
}

@media (min-width: 2050px) {
  .p-stms__aside__title {
    font-size: 16px
  }
}

@media (min-width: 1700px) {
  .p-stms__aside__title {
    font-size: 0.8vw
  }
}

.p-stms__aside__inner {
  height: 138px;
  overflow: hidden
}

.p-stms__aside__list {
  display: flex;
  row-gap: 12px;
  margin: 0 -8px;
  flex-wrap: wrap;
  counter-reset: item
}

.p-stms__aside__list.is-animated {
  animation: scroll-up 40s linear infinite
}

.p-stms__aside__btn {
  background: linear-gradient(90deg, #A8FAFF 0%, #FFFEE0 34.5%, #DEFFFD 63%, #FFCBF4 100%);
  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.1);
  color: #2A1E5C;
  font-size: 16px;
  font-weight: 600
}

@keyframes scroll-up {
  0% {}

  100% {
    transform: translateY(-100%) translateY(138px)
  }
}

.p-stms__aside__item {
  flex: 0 0 50%;
  max-width: 50%;
  color: rgba(255, 255, 255, 0.93);
  font-size: 12px;
  line-height: 150%;
  padding: 0 8px
}

@media (min-width: 2050px) {
  .p-stms__aside__item {
    font-size: 14px
  }
}

@media (min-width: 1700px) {
  .p-stms__aside__item {
    font-size: 0.7vw
  }
}

.p-stms__aside__item::before {
  counter-increment: item;
  content: counter(item) ".";
  min-width: 28px
}

.p-stms__content {
  color: rgba(255, 255, 255, 0.95);
  font-size: 15px
}

@media (min-width: 992px) {
  .p-stms__content {
    max-width: 34%;
    min-height: 70vh
  }

  .p-stms__content--sm {
    min-height: 50vh
  }
}

@media (max-width: 991px) {
  .p-stms__content {
    width: 100%;
    max-width: 640px;
    margin: auto
  }
}

.p-stms__subtext {
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 8px;
  display: flex;
  align-items: center
}

.p-stms__subtext span {
  background-image: linear-gradient(56deg, #A8FAFF 16.51%, #FFFEE0 38.54%, #DEFFFD 56.85%, #FFCBF4 76.08%);
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  text-fill-color: transparent
}

@media (min-width: 768px) {
  .p-stms__subtext {
    font-size: 18px
  }
}

@media (min-width: 1301px) {
  .p-stms__subtext {
    font-size: 1.4vw
  }
}

@media (min-width: 2050px) {
  .p-stms__subtext {
    font-size: 28px
  }
}

@media (max-width: 575px) {
  .p-stms__subtext {
    font-weight: 600
  }
}

.p-stms__title {
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.1;
  font-size: 28px;
  color: #fff;
  margin-bottom: 8px
}

@media (min-width: 768px) {
  .p-stms__title {
    font-size: 48px
  }
}

@media (min-width: 1301px) {
  .p-stms__title {
    font-size: 4.5vw;
    margin-bottom: 16px
  }
}

@media (min-width: 2050px) {
  .p-stms__title {
    font-size: 92px
  }
}

.p-stms__sol-count {
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 56px;
  line-height: 1
}

@media (min-width: 768px) {
  .p-stms__sol-count {
    font-size: 56px
  }
}

@media (min-width: 1301px) {
  .p-stms__sol-count {
    font-size: 5.1vw
  }
}

@media (min-width: 2050px) {
  .p-stms__sol-count {
    font-size: 104px
  }
}

.p-stms__sol-count--sm {
  font-size: 37px
}

.p-stms__usd-count {
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.25
}

@media (min-width: 768px) {
  .p-stms__usd-count {
    font-size: 32px
  }
}

@media (min-width: 1301px) {
  .p-stms__usd-count {
    font-size: 2.5vw
  }
}

@media (min-width: 2050px) {
  .p-stms__usd-count {
    font-size: 52px
  }
}

.p-stms__grad {
  background-image: linear-gradient(56deg, #A8FAFF 16.51%, #FFFEE0 38.54%, #DEFFFD 56.85%, #FFCBF4 76.08%);
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  text-fill-color: transparent
}

.p-stms__hr {
  border-color: rgba(255, 255, 255, 0.3)
}

.p-stms__info {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5
}

@media (min-width: 1701px) {
  .p-stms__info {
    font-size: 0.95vw
  }
}

@media (min-width: 2050px) {
  .p-stms__info {
    font-size: 19px
  }
}

@media (max-width: 991px) {
  .p-stms__info {
    margin-top: 8px
  }
}

.p-stms__subtitle {
  font-size: 16px;
  font-family: "Chillax", sans-serif;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: uppercase
}

@media (min-width: 768px) {
  .p-stms__subtitle {
    font-size: 18px
  }

  .p-stms__subtitle--lg {
    font-size: 22px
  }
}

@media (min-width: 1701px) {
  .p-stms__subtitle {
    font-size: 1.2vw
  }

  .p-stms__subtitle--lg {
    font-size: 1.4vw
  }
}

@media (min-width: 2050px) {
  .p-stms__subtitle {
    font-size: 24px
  }

  .p-stms__subtitle--lg {
    font-size: 28px
  }
}

@media (max-width: 991px) {
  .p-stms__prize {
    column-count: 2;
    column-gap: 48px
  }
}

.p-stms__prize__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.5;
  font-size: 14px
}

@media (min-width: 1701px) {
  .p-stms__prize__item {
    font-size: 0.8vw
  }
}

@media (min-width: 2050px) {
  .p-stms__prize__item {
    font-size: 16px
  }
}

.p-stms__prize__value {
  min-width: 46px;
  display: inline-flex;
  align-items: center;
  font-weight: 600
}

.p-stms__prize__item+.p-stms__prize__item {
  margin-top: 8px
}

.p-stms__prize__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 4px
}

.p-stms__separator {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px
}

.p-stms__separator::before,
.p-stms__separator::after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
  flex: 1
}

.p-stms__separator__inner {
  border: 1px solid #fff;
  width: 40px;
  height: 24px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff
}

.p-stms__separator__icon {
  width: 18px;
  height: 18px;
  min-width: 18px
}

@media (min-width: 1301px) {
  .p-stms__separator {
    flex-direction: column
  }

  .p-stms__separator::before,
  .p-stms__separator::after {
    height: 100%;
    width: 1px
  }

  .p-stms__separator__inner {
    width: 24px;
    height: 40px
  }
}

.p-stms__random {
  font-size: 14px;
  line-height: 1.5
}

@media (min-width: 768px) {
  .p-stms__random {
    font-size: 15px
  }
}

@media (min-width: 1701px) {
  .p-stms__random {
    font-size: 0.9vw
  }
}

@media (max-width: 991px) {
  .p-stms__bonus br {
    display: none
  }
}

@media (max-width: 991px) {
  .p-stms__success {
    margin-top: 25vh
  }
}

.p-stms__success__title {
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.1;
  font-size: 28px;
  color: #fff;
  margin-bottom: 16px;
  text-align: center
}

@media (min-width: 992px) {
  .p-stms__success__title {
    font-size: 40px
  }
}

.p-stms__success__input {
  text-align: center;
  border-radius: 100px;
  line-height: 1.5;
  padding: 8px;
  background: rgba(255, 255, 255, 0.1)
}

@media (max-width: 991px) {
  .p-stms__success__input {
    display: none
  }
}

.page-moonpay {
  background: url("") no-repeat;
  background-color: #0F1018;
  background-position: top center
}

.page-moonpay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: linear-gradient(153deg, rgba(118, 120, 136, 0.48) 3.89%, rgba(118, 120, 136, 0) 66.42%)
}

.page-moonpay .c-header {
  position: relative;
  z-index: 2
}

.p-mp {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("");
  background-position: center bottom 125px;
  background-repeat: no-repeat
}

@media (max-width: 991px) and (max-height: 840px) {
  .p-mp {
    align-items: start;
    padding-top: 100px;
    margin-top: 0
  }
}

@media (min-width: 992px) {
  .p-mp {
    min-height: 700px
  }
}

.p-mp__inner {
  text-align: center
}

@media (min-width: 992px) and (max-height: 1100px) {
  .p-mp__inner {
    margin-bottom: 25vh
  }
}

.p-mp__title {
  font-family: "Chillax", sans-serif;
  margin: 24px 0 32px;
  color: #fff;
  font-size: 24px;
  text-align: center;
  font-weight: normal
}

@media (min-width: 992px) {
  .p-mp__title {
    font-size: 40px
  }
}

.p-mp__icon {
  width: 64px;
  height: 64px;
  min-width: 64px;
  padding: 10px;
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.32)
}

@media (min-width: 992px) {
  .p-mp__icon {
    width: 104px;
    height: 104px;
    min-width: 104px;
    padding: 16px;
    border-radius: 24px
  }
}

.p-mp__icon__inner {
  width: 100%;
  height: 100%;
  min-width: 100%
}

.p-mp__icon__moonpay {
  color: #7715F5
}

.p-mp__icon__plus {
  width: 16px;
  height: 16px;
  min-width: 16px;
  color: #8D93B7
}

@media (min-width: 992px) {
  .p-mp__icon__plus {
    width: 25px;
    height: 25px;
    min-width: 25px
  }
}

.p-mp__payments {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 32px
}

.p-mp__payments__item {
  width: 50px;
  height: auto
}

@media (min-width: 992px) {
  .p-mp__payments {
    margin: 0;
    position: absolute;
    bottom: 56px;
    left: 0
  }
}

.p-mp__steps {
  max-width: 728px;
  margin: 0 auto;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 24px;
  position: absolute;
  left: 50%;
  bottom: 10vh;
  margin-bottom: 88px;
  transform: translate(-50%, 0)
}

.p-mp__steps__item {
  color: #B5B7DA;
  font-size: 14px;
  line-height: 1.5;
  text-align: left
}

.p-mp__steps__icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  color: #898EFF
}

.p-mp__steps__title {
  color: #fff;
  font-family: "Chillax", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.25;
  margin-bottom: 4px;
  text-transform: uppercase
}

@media (max-width: 991px) {
  .p-mp__steps__item {
    display: flex;
    gap: 12px
  }

  .p-mp__steps__item+.p-mp__steps__item {
    margin-top: 16px
  }
}

@media (min-width: 992px) {
  .p-mp__steps {
    display: flex;
    justify-content: space-between;
    gap: 80px
  }

  .p-mp__steps__item {
    flex: 1;
    display: block
  }

  .p-mp__steps__icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-bottom: 8px
  }

  .p-mp__steps__title {
    font-size: 16px
  }
}

@media (max-width: 991px) {
  .p-mp__steps {
    position: static;
    width: 100%;
    margin-bottom: 0;
    transform: none;
    order: 1;
    margin-top: 6vh
  }

  .p-mp__inner {
    display: flex;
    flex-direction: column;
    padding: 0 24px
  }

  .p-mp__submit {
    order: 2;
    margin-top: 32px
  }
}

.p-wallets__nodrag {
  cursor: auto
}

.p-wallets__max {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translate(0, -50%)
}

.p-wallets__max__input {
  padding-right: 62px !important
}

.p-wallets__balance {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 100px;
  height: 40px
}

.p-wallets__balance__value {
  font-size: 13px;
  color: #B5B7DA;
  display: inline-flex;
  align-items: center;
  font-weight: normal;
  text-transform: none;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  margin-left: 4px
}

.p-wallets__balance__value__icon {
  margin-left: 4px;
  width: 12px;
  height: 12px;
  min-width: 12px
}

.p-wallets__balance__num {
  margin-left: 4px
}

.p-wallets__balance__dd {
  height: 38px;
  border-right: 1px solid rgba(255, 255, 255, 0.15)
}

.p-wallets__balance__input {
  height: 38px;
  padding-left: 12px;
  padding-right: 12px
}

.p-wallets__balance__input.is-disabled {
  opacity: 0.3;
  cursor: not-allowed
}

.p-wallets__balance__btn {
  padding: 0 16px;
  height: 30px;
  font-size: 14px;
  margin-right: 4px
}

.p-wallets__name__edit {
  visibility: hidden
}

.p-wallets__name__label:hover .p-wallets__name__edit {
  visibility: visible
}

.p-wallets__dd .c-dropdown__popup {
  min-width: 320px
}

.p-wallets__dd__sol {
  width: 13px;
  height: 13px;
  min-width: 13px
}

@media (min-width: 992px) {
  .p-wallets__popup {
    max-width: 700px
  }
}

.p-wallets__popup__inner {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  font-size: 13px;
  color: #B5B7DA;
  padding: 24px
}

.p-wallets__popup__subtitle {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 8px
}

.p-wallets__popup__label {
  font-family: "Chillax", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: #8D93B7;
  min-width: 58px
}

.p-wallets__popup__copy {
  border-radius: 100px
}

.p-wallets__dd {
  width: 100%
}

.p-wallets__dd__toggle {
  height: 40px;
  text-align: left;
  padding: 12px 16px;
  font-size: 14px;
  width: 100%;
  justify-content: space-between
}

.p-wallets__dd__toggle__arr {
  width: 14px;
  height: 14px;
  min-width: 14px;
  color: #B5B7DA
}

.p-wallets__dd__toggle__sol {
  width: 13px;
  height: 13px;
  min-width: 13px
}

.p-wallets__tabs {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 24px;
  gap: 40px
}

@media (max-width: 991px) {
  .p-wallets__tabs {
    overflow-x: auto;
    overflow-y: hidden
  }
}

.p-wallets__tab {
  display: flex;
  align-items: center;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding-bottom: 12px;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  color: #B5B7DA
}

.p-wallets__tab__icon {
  color: #8D93B7;
  margin-right: 4px
}

.p-wallets__tab.is-selected,
.p-wallets__tab.is-selected .p-wallets__tab__icon {
  color: rgba(255, 255, 255, 0.95)
}

.p-wallets__tab.is-selected {
  border-color: rgba(255, 255, 255, 0.95)
}

.p-wallets__total {
  color: rgba(141, 147, 183, 0.3)
}

.p-wallets__generate {
  height: 40px;
  padding-left: 16px;
  padding-right: 16px
}

@media (max-width: 575px) {
  .p-wallets__generate {
    font-size: 12px
  }
}

@media (max-width: 991px) {
  .p-wallets__table {
    overflow-x: auto;
    overflow-y: hidden
  }
}

.p-wallets__table__field {
  width: 192px;
  margin-bottom: 4px;
  max-width: 100%
}

.p-wallets__table__tr {
  display: grid;
  grid-template-columns: minmax(210px, 1fr) minmax(80px, 1fr) minmax(80px, 1fr) 120px;
  align-items: center;
  position: relative
}

.p-wallets__table__tr.is-ghost {
  opacity: 0.3
}

.p-wallets__table__tr.is-drag {
  background-color: #202129;
  border-top: none !important;
  cursor: move
}

.p-wallets__table--archive .p-wallets__table__tr {
  grid-template-columns: 1fr 136px
}

.p-wallets__table__th {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  color: #8F96BA
}

.p-wallets__table__td {
  text-transform: uppercase
}

.p-wallets__table__body .p-wallets__table__tr {
  padding-bottom: 12px;
  padding-top: 12px
}

.p-wallets__table__body .p-wallets__table__tr:last-child {
  padding-bottom: 0
}

.p-wallets__table__body .p-wallets__table__tr+.p-wallets__table__tr {
  border-top: 1px solid rgba(255, 255, 255, 0.1)
}

.p-wallets__table__sol {
  width: 9px;
  height: 9px;
  min-width: 9px;
  margin-right: 4px
}

.p-wallets__button {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.p-wallets__buttons {
  width: 112px
}

.c-deposit {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04)
}

.c-deposit__split {
  width: 96px
}

.c-deposit__header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: flex
}

.c-deposit__header__col {
  padding: 0 24px;
  flex: 1;
  min-height: 72px;
  display: flex;
  align-items: center
}

.c-deposit__header__col+.c-deposit__header__col {
  border-left: 1px solid rgba(255, 255, 255, 0.1)
}

.c-deposit__inner {
  padding-top: 32px;
  padding-bottom: 16px;
  max-width: 530px;
  margin: 0 auto
}

.c-deposit__tr {
  display: grid;
  grid-template-columns: 192px 1fr 1fr;
  gap: 24px
}

.c-deposit__th {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  font-family: "Chillax", sans-serif;
  color: #8D93B7
}

.c-deposit__td:last-child,
.c-deposit__th:last-child {
  text-align: right
}

.c-deposit__td {
  padding: 16px 0
}

.c-deposit__name {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 4px;
  display: flex;
  align-items: center
}

.c-deposit__prirority {
  padding-left: 8px;
  padding-right: 8px;
  width: 64px
}

.c-deposit__footer__label {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  font-family: "Chillax", sans-serif;
  color: #8D93B7;
  margin-right: 12px
}

.c-labels {
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 40px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  height: auto;
  min-height: 40px
}

.c-labels:hover {
  border-color: rgba(255, 255, 255, 0.5)
}

.c-labels__item {
  color: #8E9DFF;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 100px;
  background: rgba(133, 139, 172, 0.13);
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase
}

.c-labels__item__close {
  color: #8D93B7;
  width: 14px;
  height: 14px;
  min-width: 14px
}

#p-wallets__sortable .p-wallets__table__tr {
  cursor: move
}

@media (min-width: 992px) {

  .page-x-tracking body,
  .page-wallets-tracking body {
    display: flex;
    flex-direction: column
  }

  .page-x-tracking .c-body,
  .page-wallets-tracking .c-body {
    flex: 1;
    display: flex
  }

  .page-x-tracking .react-tweet-theme,
  .page-wallets-tracking .react-tweet-theme {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column
  }

  .page-x-tracking div[id^='XTrackerPageContainer'],
  .page-x-tracking div[id^='WatchlistPageContainer'],
  .page-wallets-tracking div[id^='XTrackerPageContainer'],
  .page-wallets-tracking div[id^='WatchlistPageContainer'] {
    display: flex;
    flex: 1;
    flex-direction: column
  }
}

.u-color-inherit {
  color: inherit !important
}

.u-bg-none {
  background: none !important
}

.u-text-gradient-blue {
  background-image: linear-gradient(90deg, #45C5FF 1.39%, #3283E8 36.83%, #1C61E7 100%);
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  text-fill-color: transparent
}

.u-text-gradient-rainbow {
  background-image: linear-gradient(89.57deg, #F694FF .75%, #4FFFF4 36.66%, #FFE7AA 68.47%, #FF79EA 99.25%);
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  text-fill-color: transparent
}

.u-color-dark-dkr {
  color: #000 !important
}

.u-color-hover-dark-dkr:hover {
  color: #000 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-dark-dkr {
  background-color: #000 !important
}

.u-color-dark-dk {
  color: #8D93B7 !important
}

.u-color-hover-dark-dk:hover {
  color: #8D93B7 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-dark-dk {
  background-color: #8D93B7 !important
}

.u-color-dark-lt {
  color: rgba(0, 0, 0, 0.54) !important
}

.u-color-hover-dark-lt:hover {
  color: rgba(0, 0, 0, 0.54) !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-dark-lt {
  background-color: rgba(0, 0, 0, 0.54) !important
}

.u-color-dark {
  color: #B5B7DA !important
}

.u-color-hover-dark:hover {
  color: #B5B7DA !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-dark {
  background-color: #B5B7DA !important
}

.u-color-dark-ltr {
  color: rgba(0, 0, 0, 0.25) !important
}

.u-color-hover-dark-ltr:hover {
  color: rgba(0, 0, 0, 0.25) !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-dark-ltr {
  background-color: rgba(0, 0, 0, 0.25) !important
}

.u-color-light-dk {
  color: rgba(0, 0, 0, 0.065) !important
}

.u-color-hover-light-dk:hover {
  color: rgba(0, 0, 0, 0.065) !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-light-dk {
  background-color: rgba(0, 0, 0, 0.065) !important
}

.u-color-light-alt {
  color: rgba(255, 255, 255, 0.95) !important
}

.u-color-hover-light-alt:hover {
  color: rgba(255, 255, 255, 0.95) !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-light-alt {
  background-color: rgba(255, 255, 255, 0.95) !important
}

.u-color-light-lt {
  color: #fff !important
}

.u-color-hover-light-lt:hover {
  color: #fff !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-light-lt {
  background-color: #fff !important
}

.u-color-alert {
  color: #FF4B92 !important
}

.u-color-hover-alert:hover {
  color: #FF4B92 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-alert {
  background-color: #FF4B92 !important
}

.u-color-accent {
  color: #8E9DFF !important
}

.u-color-hover-accent:hover {
  color: #8E9DFF !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-accent {
  background-color: #8E9DFF !important
}

.u-color-primary-lt {
  color: #898EFF !important
}

.u-color-hover-primary-lt:hover {
  color: #898EFF !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-primary-lt {
  background-color: #898EFF !important
}

.u-color-primary-ltr {
  color: #8E9DFF !important
}

.u-color-hover-primary-ltr:hover {
  color: #8E9DFF !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-primary-ltr {
  background-color: #8E9DFF !important
}

.u-color-new-purple-2 {
  color: #8E9DFF !important
}

.u-color-hover-new-purple-2:hover {
  color: #8E9DFF !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-new-purple-2 {
  background-color: #8E9DFF !important
}

.u-color-light-purple {
  color: #B5B7DA !important
}

.u-color-hover-light-purple:hover {
  color: #B5B7DA !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-light-purple {
  background-color: #B5B7DA !important
}

.u-color-light-purple-1 {
  color: #DBD7F3 !important
}

.u-color-hover-light-purple-1:hover {
  color: #DBD7F3 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-light-purple-1 {
  background-color: #DBD7F3 !important
}

.u-color-dark-purple {
  color: #8D93B7 !important
}

.u-color-hover-dark-purple:hover {
  color: #8D93B7 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-dark-purple {
  background-color: #8D93B7 !important
}

.u-color-new-blue {
  color: #6A60E8 !important
}

.u-color-hover-new-blue:hover {
  color: #6A60E8 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-new-blue {
  background-color: #6A60E8 !important
}

.u-color-new-purple {
  color: #6A60E8 !important
}

.u-color-hover-new-purple:hover {
  color: #6A60E8 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-new-purple {
  background-color: #6A60E8 !important
}

.u-color-red {
  color: #FF4B92 !important
}

.u-color-hover-red:hover {
  color: #FF4B92 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-red {
  background-color: #FF4B92 !important
}

.u-color-red-lt {
  color: #FF80B2 !important
}

.u-color-hover-red-lt:hover {
  color: #FF80B2 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-red-lt {
  background-color: #FF80B2 !important
}

.u-color-green {
  color: #3ED6CC !important
}

.u-color-hover-green:hover {
  color: #3ED6CC !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-green {
  background-color: #3ED6CC !important
}

.u-color-green-dk {
  color: #50D7B0 !important
}

.u-color-hover-green-dk:hover {
  color: #50D7B0 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-green-dk {
  background-color: #50D7B0 !important
}

.u-color-light-pink {
  color: #FFCAD6 !important
}

.u-color-hover-light-pink:hover {
  color: #FFCAD6 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-light-pink {
  background-color: #FFCAD6 !important
}

.u-color-light-green {
  color: #BAFFFA !important
}

.u-color-hover-light-green:hover {
  color: #BAFFFA !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-light-green {
  background-color: #BAFFFA !important
}

.u-color-yellow {
  color: #E7B587 !important
}

.u-color-hover-yellow:hover {
  color: #E7B587 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-yellow {
  background-color: #E7B587 !important
}

.u-color-lemon {
  color: #f0ffb2 !important
}

.u-color-hover-lemon:hover {
  color: #f0ffb2 !important;
  transition: calc($gl-duration-base / 2) color ease-in-out
}

.u-bg-lemon {
  background-color: #f0ffb2 !important
}

.u-d-none {
  display: none !important
}

.u-d-inline {
  display: inline !important
}

.u-d-inline-block {
  display: inline-block !important
}

.u-d-block {
  display: block !important
}

.u-d-table {
  display: table !important
}

.u-d-table-row {
  display: table-row !important
}

.u-d-table-cell {
  display: table-cell !important
}

.u-d-flex {
  display: flex !important
}

.u-d-inline-flex {
  display: inline-flex !important
}

@media (min-width: 423px) {
  .u-d-none-xs {
    display: none !important
  }

  .u-d-inline-xs {
    display: inline !important
  }

  .u-d-inline-block-xs {
    display: inline-block !important
  }

  .u-d-block-xs {
    display: block !important
  }

  .u-d-table-xs {
    display: table !important
  }

  .u-d-table-row-xs {
    display: table-row !important
  }

  .u-d-table-cell-xs {
    display: table-cell !important
  }

  .u-d-flex-xs {
    display: flex !important
  }

  .u-d-inline-flex-xs {
    display: inline-flex !important
  }
}

@media (min-width: 576px) {
  .u-d-none-sm {
    display: none !important
  }

  .u-d-inline-sm {
    display: inline !important
  }

  .u-d-inline-block-sm {
    display: inline-block !important
  }

  .u-d-block-sm {
    display: block !important
  }

  .u-d-table-sm {
    display: table !important
  }

  .u-d-table-row-sm {
    display: table-row !important
  }

  .u-d-table-cell-sm {
    display: table-cell !important
  }

  .u-d-flex-sm {
    display: flex !important
  }

  .u-d-inline-flex-sm {
    display: inline-flex !important
  }
}

@media (min-width: 768px) {
  .u-d-none-md {
    display: none !important
  }

  .u-d-inline-md {
    display: inline !important
  }

  .u-d-inline-block-md {
    display: inline-block !important
  }

  .u-d-block-md {
    display: block !important
  }

  .u-d-table-md {
    display: table !important
  }

  .u-d-table-row-md {
    display: table-row !important
  }

  .u-d-table-cell-md {
    display: table-cell !important
  }

  .u-d-flex-md {
    display: flex !important
  }

  .u-d-inline-flex-md {
    display: inline-flex !important
  }
}

@media (min-width: 992px) {
  .u-d-none-lg {
    display: none !important
  }

  .u-d-inline-lg {
    display: inline !important
  }

  .u-d-inline-block-lg {
    display: inline-block !important
  }

  .u-d-block-lg {
    display: block !important
  }

  .u-d-table-lg {
    display: table !important
  }

  .u-d-table-row-lg {
    display: table-row !important
  }

  .u-d-table-cell-lg {
    display: table-cell !important
  }

  .u-d-flex-lg {
    display: flex !important
  }

  .u-d-inline-flex-lg {
    display: inline-flex !important
  }
}

@media (min-width: 1140px) {
  .u-d-none-xl {
    display: none !important
  }

  .u-d-inline-xl {
    display: inline !important
  }

  .u-d-inline-block-xl {
    display: inline-block !important
  }

  .u-d-block-xl {
    display: block !important
  }

  .u-d-table-xl {
    display: table !important
  }

  .u-d-table-row-xl {
    display: table-row !important
  }

  .u-d-table-cell-xl {
    display: table-cell !important
  }

  .u-d-flex-xl {
    display: flex !important
  }

  .u-d-inline-flex-xl {
    display: inline-flex !important
  }
}

@media (min-width: 1300px) {
  .u-d-none-xxl {
    display: none !important
  }

  .u-d-inline-xxl {
    display: inline !important
  }

  .u-d-inline-block-xxl {
    display: inline-block !important
  }

  .u-d-block-xxl {
    display: block !important
  }

  .u-d-table-xxl {
    display: table !important
  }

  .u-d-table-row-xxl {
    display: table-row !important
  }

  .u-d-table-cell-xxl {
    display: table-cell !important
  }

  .u-d-flex-xxl {
    display: flex !important
  }

  .u-d-inline-flex-xxl {
    display: inline-flex !important
  }
}

@media (min-width: 1650px) {
  .u-d-none-xxxl {
    display: none !important
  }

  .u-d-inline-xxxl {
    display: inline !important
  }

  .u-d-inline-block-xxxl {
    display: inline-block !important
  }

  .u-d-block-xxxl {
    display: block !important
  }

  .u-d-table-xxxl {
    display: table !important
  }

  .u-d-table-row-xxxl {
    display: table-row !important
  }

  .u-d-table-cell-xxxl {
    display: table-cell !important
  }

  .u-d-flex-xxxl {
    display: flex !important
  }

  .u-d-inline-flex-xxxl {
    display: inline-flex !important
  }
}

.u-d-print-block {
  display: none !important
}

@media print {
  .u-d-print-block {
    display: block !important
  }
}

.u-d-print-inline {
  display: none !important
}

@media print {
  .u-d-print-inline {
    display: inline !important
  }
}

.u-d-print-inline-block {
  display: none !important
}

@media print {
  .u-d-print-inline-block {
    display: inline-block !important
  }
}

@media print {
  .d-print-none {
    display: none !important
  }
}

.u-hide-empty:empty {
  display: none !important
}

.is-hidden {
  display: none !important
}

.is-transparent {
  opacity: 0
}

.u-mt-0,
.u-my-0 {
  margin-top: 0 !important
}

.u-mb-0,
.u-my-0 {
  margin-bottom: 0 !important
}

.u-ml-0,
.u-mx-0 {
  margin-left: 0 !important
}

.u-mr-0,
.u-mx-0 {
  margin-right: 0 !important
}

.u-pt-0,
.u-py-0 {
  padding-top: 0 !important
}

.u-pb-0,
.u-py-0 {
  padding-bottom: 0 !important
}

.u-pl-0,
.u-px-0 {
  padding-left: 0 !important
}

.u-pr-0,
.u-px-0 {
  padding-right: 0 !important
}

.u-m-4xs {
  margin: 0.125rem !important
}

.u-mt-4xs,
.u-my-4xs {
  margin-top: 0.125rem !important
}

.u-mr-4xs,
.u-mx-4xs {
  margin-right: 0.125rem !important
}

.u-mb-4xs,
.u-my-4xs {
  margin-bottom: 0.125rem !important
}

.u-ml-4xs,
.u-mx-4xs {
  margin-left: 0.125rem !important
}

.u-m-3xs {
  margin: 0.25rem !important
}

.u-mt-3xs,
.u-my-3xs {
  margin-top: 0.25rem !important
}

.u-mr-3xs,
.u-mx-3xs {
  margin-right: 0.25rem !important
}

.u-mb-3xs,
.u-my-3xs {
  margin-bottom: 0.25rem !important
}

.u-ml-3xs,
.u-mx-3xs {
  margin-left: 0.25rem !important
}

.u-m-xxs {
  margin: 0.5rem !important
}

.u-mt-xxs,
.u-my-xxs {
  margin-top: 0.5rem !important
}

.u-mr-xxs,
.u-mx-xxs {
  margin-right: 0.5rem !important
}

.u-mb-xxs,
.u-my-xxs {
  margin-bottom: 0.5rem !important
}

.u-ml-xxs,
.u-mx-xxs {
  margin-left: 0.5rem !important
}

.u-m-xs {
  margin: 0.75rem !important
}

.u-mt-xs,
.u-my-xs {
  margin-top: 0.75rem !important
}

.u-mr-xs,
.u-mx-xs {
  margin-right: 0.75rem !important
}

.u-mb-xs,
.u-my-xs {
  margin-bottom: 0.75rem !important
}

.u-ml-xs,
.u-mx-xs {
  margin-left: 0.75rem !important
}

.u-m-s {
  margin: 1rem !important
}

.u-mt-s,
.u-my-s {
  margin-top: 1rem !important
}

.u-mr-s,
.u-mx-s {
  margin-right: 1rem !important
}

.u-mb-s,
.u-my-s {
  margin-bottom: 1rem !important
}

.u-ml-s,
.u-mx-s {
  margin-left: 1rem !important
}

.u-m-m {
  margin: 1.5rem !important
}

.u-mt-m,
.u-my-m {
  margin-top: 1.5rem !important
}

.u-mr-m,
.u-mx-m {
  margin-right: 1.5rem !important
}

.u-mb-m,
.u-my-m {
  margin-bottom: 1.5rem !important
}

.u-ml-m,
.u-mx-m {
  margin-left: 1.5rem !important
}

.u-m-l {
  margin: 2rem !important
}

.u-mt-l,
.u-my-l {
  margin-top: 2rem !important
}

.u-mr-l,
.u-mx-l {
  margin-right: 2rem !important
}

.u-mb-l,
.u-my-l {
  margin-bottom: 2rem !important
}

.u-ml-l,
.u-mx-l {
  margin-left: 2rem !important
}

.u-m-l2 {
  margin: 2.5rem !important
}

.u-mt-l2,
.u-my-l2 {
  margin-top: 2.5rem !important
}

.u-mr-l2,
.u-mx-l2 {
  margin-right: 2.5rem !important
}

.u-mb-l2,
.u-my-l2 {
  margin-bottom: 2.5rem !important
}

.u-ml-l2,
.u-mx-l2 {
  margin-left: 2.5rem !important
}

.u-m-xl {
  margin: 3rem !important
}

.u-mt-xl,
.u-my-xl {
  margin-top: 3rem !important
}

.u-mr-xl,
.u-mx-xl {
  margin-right: 3rem !important
}

.u-mb-xl,
.u-my-xl {
  margin-bottom: 3rem !important
}

.u-ml-xl,
.u-mx-xl {
  margin-left: 3rem !important
}

.u-m-2xl {
  margin: 4.5rem !important
}

.u-mt-2xl,
.u-my-2xl {
  margin-top: 4.5rem !important
}

.u-mr-2xl,
.u-mx-2xl {
  margin-right: 4.5rem !important
}

.u-mb-2xl,
.u-my-2xl {
  margin-bottom: 4.5rem !important
}

.u-ml-2xl,
.u-mx-2xl {
  margin-left: 4.5rem !important
}

.u-m-3xl {
  margin: 6rem !important
}

.u-mt-3xl,
.u-my-3xl {
  margin-top: 6rem !important
}

.u-mr-3xl,
.u-mx-3xl {
  margin-right: 6rem !important
}

.u-mb-3xl,
.u-my-3xl {
  margin-bottom: 6rem !important
}

.u-ml-3xl,
.u-mx-3xl {
  margin-left: 6rem !important
}

.u-m-4xl {
  margin: 8rem !important
}

.u-mt-4xl,
.u-my-4xl {
  margin-top: 8rem !important
}

.u-mr-4xl,
.u-mx-4xl {
  margin-right: 8rem !important
}

.u-mb-4xl,
.u-my-4xl {
  margin-bottom: 8rem !important
}

.u-ml-4xl,
.u-mx-4xl {
  margin-left: 8rem !important
}

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

.u-m-auto {
  margin: auto !important
}

.u-mt-auto,
.u-my-auto {
  margin-top: auto !important
}

.u-mr-auto,
.u-mx-auto {
  margin-right: auto !important
}

.u-mb-auto,
.u-my-auto {
  margin-bottom: auto !important
}

.u-ml-auto,
.u-mx-auto {
  margin-left: auto !important
}

.u-mb-0-last-child>*:last-child {
  margin-bottom: 0 !important
}

.u-p-4xs {
  padding: 0.125rem !important
}

.u-pt-4xs,
.u-py-4xs {
  padding-top: 0.125rem !important
}

.u-pr-4xs,
.u-px-4xs {
  padding-right: 0.125rem !important
}

.u-pb-4xs,
.u-py-4xs {
  padding-bottom: 0.125rem !important
}

.u-pl-4xs,
.u-px-4xs {
  padding-left: 0.125rem !important
}

.u-p-3xs {
  padding: 0.25rem !important
}

.u-pt-3xs,
.u-py-3xs {
  padding-top: 0.25rem !important
}

.u-pr-3xs,
.u-px-3xs {
  padding-right: 0.25rem !important
}

.u-pb-3xs,
.u-py-3xs {
  padding-bottom: 0.25rem !important
}

.u-pl-3xs,
.u-px-3xs {
  padding-left: 0.25rem !important
}

.u-p-xxs {
  padding: 0.5rem !important
}

.u-pt-xxs,
.u-py-xxs {
  padding-top: 0.5rem !important
}

.u-pr-xxs,
.u-px-xxs {
  padding-right: 0.5rem !important
}

.u-pb-xxs,
.u-py-xxs {
  padding-bottom: 0.5rem !important
}

.u-pl-xxs,
.u-px-xxs {
  padding-left: 0.5rem !important
}

.u-p-xs {
  padding: 0.75rem !important
}

.u-pt-xs,
.u-py-xs {
  padding-top: 0.75rem !important
}

.u-pr-xs,
.u-px-xs {
  padding-right: 0.75rem !important
}

.u-pb-xs,
.u-py-xs {
  padding-bottom: 0.75rem !important
}

.u-pl-xs,
.u-px-xs {
  padding-left: 0.75rem !important
}

.u-p-s {
  padding: 1rem !important
}

.u-pt-s,
.u-py-s {
  padding-top: 1rem !important
}

.u-pr-s,
.u-px-s {
  padding-right: 1rem !important
}

.u-pb-s,
.u-py-s {
  padding-bottom: 1rem !important
}

.u-pl-s,
.u-px-s {
  padding-left: 1rem !important
}

.u-p-m {
  padding: 1.5rem !important
}

.u-pt-m,
.u-py-m {
  padding-top: 1.5rem !important
}

.u-pr-m,
.u-px-m {
  padding-right: 1.5rem !important
}

.u-pb-m,
.u-py-m {
  padding-bottom: 1.5rem !important
}

.u-pl-m,
.u-px-m {
  padding-left: 1.5rem !important
}

.u-p-l {
  padding: 2rem !important
}

.u-pt-l,
.u-py-l {
  padding-top: 2rem !important
}

.u-pr-l,
.u-px-l {
  padding-right: 2rem !important
}

.u-pb-l,
.u-py-l {
  padding-bottom: 2rem !important
}

.u-pl-l,
.u-px-l {
  padding-left: 2rem !important
}

.u-p-l2 {
  padding: 2.5rem !important
}

.u-pt-l2,
.u-py-l2 {
  padding-top: 2.5rem !important
}

.u-pr-l2,
.u-px-l2 {
  padding-right: 2.5rem !important
}

.u-pb-l2,
.u-py-l2 {
  padding-bottom: 2.5rem !important
}

.u-pl-l2,
.u-px-l2 {
  padding-left: 2.5rem !important
}

.u-p-xl {
  padding: 3rem !important
}

.u-pt-xl,
.u-py-xl {
  padding-top: 3rem !important
}

.u-pr-xl,
.u-px-xl {
  padding-right: 3rem !important
}

.u-pb-xl,
.u-py-xl {
  padding-bottom: 3rem !important
}

.u-pl-xl,
.u-px-xl {
  padding-left: 3rem !important
}

.u-p-2xl {
  padding: 4.5rem !important
}

.u-pt-2xl,
.u-py-2xl {
  padding-top: 4.5rem !important
}

.u-pr-2xl,
.u-px-2xl {
  padding-right: 4.5rem !important
}

.u-pb-2xl,
.u-py-2xl {
  padding-bottom: 4.5rem !important
}

.u-pl-2xl,
.u-px-2xl {
  padding-left: 4.5rem !important
}

.u-p-3xl {
  padding: 6rem !important
}

.u-pt-3xl,
.u-py-3xl {
  padding-top: 6rem !important
}

.u-pr-3xl,
.u-px-3xl {
  padding-right: 6rem !important
}

.u-pb-3xl,
.u-py-3xl {
  padding-bottom: 6rem !important
}

.u-pl-3xl,
.u-px-3xl {
  padding-left: 6rem !important
}

.u-p-4xl {
  padding: 8rem !important
}

.u-pt-4xl,
.u-py-4xl {
  padding-top: 8rem !important
}

.u-pr-4xl,
.u-px-4xl {
  padding-right: 8rem !important
}

.u-pb-4xl,
.u-py-4xl {
  padding-bottom: 8rem !important
}

.u-pl-4xl,
.u-px-4xl {
  padding-left: 8rem !important
}

.u-p-0 {
  padding: 0 !important
}

.u-p-auto {
  padding: auto !important
}

.u-pt-auto,
.u-py-auto {
  padding-top: auto !important
}

.u-pr-auto,
.u-px-auto {
  padding-right: auto !important
}

.u-pb-auto,
.u-py-auto {
  padding-bottom: auto !important
}

.u-pl-auto,
.u-px-auto {
  padding-left: auto !important
}

.u-pb-0-last-child>*:last-child {
  padding-bottom: 0 !important
}

@media (min-width: 423px) {

  .u-mt-0-xs,
  .u-my-0-xs {
    margin-top: 0 !important
  }

  .u-mb-0-xs,
  .u-my-0-xs {
    margin-bottom: 0 !important
  }

  .u-ml-0-xs,
  .u-mx-0-xs {
    margin-left: 0 !important
  }

  .u-mr-0-xs,
  .u-mx-0-xs {
    margin-right: 0 !important
  }

  .u-pt-0-xs,
  .u-py-0-xs {
    padding-top: 0 !important
  }

  .u-pb-0-xs,
  .u-py-0-xs {
    padding-bottom: 0 !important
  }

  .u-pl-0-xs,
  .u-px-0-xs {
    padding-left: 0 !important
  }

  .u-pr-0-xs,
  .u-px-0-xs {
    padding-right: 0 !important
  }

  .u-m-4xs-xs {
    margin: 0.125rem !important
  }

  .u-mt-4xs-xs,
  .u-my-4xs-xs {
    margin-top: 0.125rem !important
  }

  .u-mr-4xs-xs,
  .u-mx-4xs-xs {
    margin-right: 0.125rem !important
  }

  .u-mb-4xs-xs,
  .u-my-4xs-xs {
    margin-bottom: 0.125rem !important
  }

  .u-ml-4xs-xs,
  .u-mx-4xs-xs {
    margin-left: 0.125rem !important
  }

  .u-m-3xs-xs {
    margin: 0.25rem !important
  }

  .u-mt-3xs-xs,
  .u-my-3xs-xs {
    margin-top: 0.25rem !important
  }

  .u-mr-3xs-xs,
  .u-mx-3xs-xs {
    margin-right: 0.25rem !important
  }

  .u-mb-3xs-xs,
  .u-my-3xs-xs {
    margin-bottom: 0.25rem !important
  }

  .u-ml-3xs-xs,
  .u-mx-3xs-xs {
    margin-left: 0.25rem !important
  }

  .u-m-xxs-xs {
    margin: 0.5rem !important
  }

  .u-mt-xxs-xs,
  .u-my-xxs-xs {
    margin-top: 0.5rem !important
  }

  .u-mr-xxs-xs,
  .u-mx-xxs-xs {
    margin-right: 0.5rem !important
  }

  .u-mb-xxs-xs,
  .u-my-xxs-xs {
    margin-bottom: 0.5rem !important
  }

  .u-ml-xxs-xs,
  .u-mx-xxs-xs {
    margin-left: 0.5rem !important
  }

  .u-m-xs-xs {
    margin: 0.75rem !important
  }

  .u-mt-xs-xs,
  .u-my-xs-xs {
    margin-top: 0.75rem !important
  }

  .u-mr-xs-xs,
  .u-mx-xs-xs {
    margin-right: 0.75rem !important
  }

  .u-mb-xs-xs,
  .u-my-xs-xs {
    margin-bottom: 0.75rem !important
  }

  .u-ml-xs-xs,
  .u-mx-xs-xs {
    margin-left: 0.75rem !important
  }

  .u-m-s-xs {
    margin: 1rem !important
  }

  .u-mt-s-xs,
  .u-my-s-xs {
    margin-top: 1rem !important
  }

  .u-mr-s-xs,
  .u-mx-s-xs {
    margin-right: 1rem !important
  }

  .u-mb-s-xs,
  .u-my-s-xs {
    margin-bottom: 1rem !important
  }

  .u-ml-s-xs,
  .u-mx-s-xs {
    margin-left: 1rem !important
  }

  .u-m-m-xs {
    margin: 1.5rem !important
  }

  .u-mt-m-xs,
  .u-my-m-xs {
    margin-top: 1.5rem !important
  }

  .u-mr-m-xs,
  .u-mx-m-xs {
    margin-right: 1.5rem !important
  }

  .u-mb-m-xs,
  .u-my-m-xs {
    margin-bottom: 1.5rem !important
  }

  .u-ml-m-xs,
  .u-mx-m-xs {
    margin-left: 1.5rem !important
  }

  .u-m-l-xs {
    margin: 2rem !important
  }

  .u-mt-l-xs,
  .u-my-l-xs {
    margin-top: 2rem !important
  }

  .u-mr-l-xs,
  .u-mx-l-xs {
    margin-right: 2rem !important
  }

  .u-mb-l-xs,
  .u-my-l-xs {
    margin-bottom: 2rem !important
  }

  .u-ml-l-xs,
  .u-mx-l-xs {
    margin-left: 2rem !important
  }

  .u-m-l2-xs {
    margin: 2.5rem !important
  }

  .u-mt-l2-xs,
  .u-my-l2-xs {
    margin-top: 2.5rem !important
  }

  .u-mr-l2-xs,
  .u-mx-l2-xs {
    margin-right: 2.5rem !important
  }

  .u-mb-l2-xs,
  .u-my-l2-xs {
    margin-bottom: 2.5rem !important
  }

  .u-ml-l2-xs,
  .u-mx-l2-xs {
    margin-left: 2.5rem !important
  }

  .u-m-xl-xs {
    margin: 3rem !important
  }

  .u-mt-xl-xs,
  .u-my-xl-xs {
    margin-top: 3rem !important
  }

  .u-mr-xl-xs,
  .u-mx-xl-xs {
    margin-right: 3rem !important
  }

  .u-mb-xl-xs,
  .u-my-xl-xs {
    margin-bottom: 3rem !important
  }

  .u-ml-xl-xs,
  .u-mx-xl-xs {
    margin-left: 3rem !important
  }

  .u-m-2xl-xs {
    margin: 4.5rem !important
  }

  .u-mt-2xl-xs,
  .u-my-2xl-xs {
    margin-top: 4.5rem !important
  }

  .u-mr-2xl-xs,
  .u-mx-2xl-xs {
    margin-right: 4.5rem !important
  }

  .u-mb-2xl-xs,
  .u-my-2xl-xs {
    margin-bottom: 4.5rem !important
  }

  .u-ml-2xl-xs,
  .u-mx-2xl-xs {
    margin-left: 4.5rem !important
  }

  .u-m-3xl-xs {
    margin: 6rem !important
  }

  .u-mt-3xl-xs,
  .u-my-3xl-xs {
    margin-top: 6rem !important
  }

  .u-mr-3xl-xs,
  .u-mx-3xl-xs {
    margin-right: 6rem !important
  }

  .u-mb-3xl-xs,
  .u-my-3xl-xs {
    margin-bottom: 6rem !important
  }

  .u-ml-3xl-xs,
  .u-mx-3xl-xs {
    margin-left: 6rem !important
  }

  .u-m-4xl-xs {
    margin: 8rem !important
  }

  .u-mt-4xl-xs,
  .u-my-4xl-xs {
    margin-top: 8rem !important
  }

  .u-mr-4xl-xs,
  .u-mx-4xl-xs {
    margin-right: 8rem !important
  }

  .u-mb-4xl-xs,
  .u-my-4xl-xs {
    margin-bottom: 8rem !important
  }

  .u-ml-4xl-xs,
  .u-mx-4xl-xs {
    margin-left: 8rem !important
  }

  .u-m-0-xs {
    margin: 0 !important
  }

  .u-m-auto-xs {
    margin: auto !important
  }

  .u-mt-auto-xs,
  .u-my-auto-xs {
    margin-top: auto !important
  }

  .u-mr-auto-xs,
  .u-mx-auto-xs {
    margin-right: auto !important
  }

  .u-mb-auto-xs,
  .u-my-auto-xs {
    margin-bottom: auto !important
  }

  .u-ml-auto-xs,
  .u-mx-auto-xs {
    margin-left: auto !important
  }

  .u-mb-0-last-child-xs>*:last-child {
    margin-bottom: 0 !important
  }

  .u-p-4xs-xs {
    padding: 0.125rem !important
  }

  .u-pt-4xs-xs,
  .u-py-4xs-xs {
    padding-top: 0.125rem !important
  }

  .u-pr-4xs-xs,
  .u-px-4xs-xs {
    padding-right: 0.125rem !important
  }

  .u-pb-4xs-xs,
  .u-py-4xs-xs {
    padding-bottom: 0.125rem !important
  }

  .u-pl-4xs-xs,
  .u-px-4xs-xs {
    padding-left: 0.125rem !important
  }

  .u-p-3xs-xs {
    padding: 0.25rem !important
  }

  .u-pt-3xs-xs,
  .u-py-3xs-xs {
    padding-top: 0.25rem !important
  }

  .u-pr-3xs-xs,
  .u-px-3xs-xs {
    padding-right: 0.25rem !important
  }

  .u-pb-3xs-xs,
  .u-py-3xs-xs {
    padding-bottom: 0.25rem !important
  }

  .u-pl-3xs-xs,
  .u-px-3xs-xs {
    padding-left: 0.25rem !important
  }

  .u-p-xxs-xs {
    padding: 0.5rem !important
  }

  .u-pt-xxs-xs,
  .u-py-xxs-xs {
    padding-top: 0.5rem !important
  }

  .u-pr-xxs-xs,
  .u-px-xxs-xs {
    padding-right: 0.5rem !important
  }

  .u-pb-xxs-xs,
  .u-py-xxs-xs {
    padding-bottom: 0.5rem !important
  }

  .u-pl-xxs-xs,
  .u-px-xxs-xs {
    padding-left: 0.5rem !important
  }

  .u-p-xs-xs {
    padding: 0.75rem !important
  }

  .u-pt-xs-xs,
  .u-py-xs-xs {
    padding-top: 0.75rem !important
  }

  .u-pr-xs-xs,
  .u-px-xs-xs {
    padding-right: 0.75rem !important
  }

  .u-pb-xs-xs,
  .u-py-xs-xs {
    padding-bottom: 0.75rem !important
  }

  .u-pl-xs-xs,
  .u-px-xs-xs {
    padding-left: 0.75rem !important
  }

  .u-p-s-xs {
    padding: 1rem !important
  }

  .u-pt-s-xs,
  .u-py-s-xs {
    padding-top: 1rem !important
  }

  .u-pr-s-xs,
  .u-px-s-xs {
    padding-right: 1rem !important
  }

  .u-pb-s-xs,
  .u-py-s-xs {
    padding-bottom: 1rem !important
  }

  .u-pl-s-xs,
  .u-px-s-xs {
    padding-left: 1rem !important
  }

  .u-p-m-xs {
    padding: 1.5rem !important
  }

  .u-pt-m-xs,
  .u-py-m-xs {
    padding-top: 1.5rem !important
  }

  .u-pr-m-xs,
  .u-px-m-xs {
    padding-right: 1.5rem !important
  }

  .u-pb-m-xs,
  .u-py-m-xs {
    padding-bottom: 1.5rem !important
  }

  .u-pl-m-xs,
  .u-px-m-xs {
    padding-left: 1.5rem !important
  }

  .u-p-l-xs {
    padding: 2rem !important
  }

  .u-pt-l-xs,
  .u-py-l-xs {
    padding-top: 2rem !important
  }

  .u-pr-l-xs,
  .u-px-l-xs {
    padding-right: 2rem !important
  }

  .u-pb-l-xs,
  .u-py-l-xs {
    padding-bottom: 2rem !important
  }

  .u-pl-l-xs,
  .u-px-l-xs {
    padding-left: 2rem !important
  }

  .u-p-l2-xs {
    padding: 2.5rem !important
  }

  .u-pt-l2-xs,
  .u-py-l2-xs {
    padding-top: 2.5rem !important
  }

  .u-pr-l2-xs,
  .u-px-l2-xs {
    padding-right: 2.5rem !important
  }

  .u-pb-l2-xs,
  .u-py-l2-xs {
    padding-bottom: 2.5rem !important
  }

  .u-pl-l2-xs,
  .u-px-l2-xs {
    padding-left: 2.5rem !important
  }

  .u-p-xl-xs {
    padding: 3rem !important
  }

  .u-pt-xl-xs,
  .u-py-xl-xs {
    padding-top: 3rem !important
  }

  .u-pr-xl-xs,
  .u-px-xl-xs {
    padding-right: 3rem !important
  }

  .u-pb-xl-xs,
  .u-py-xl-xs {
    padding-bottom: 3rem !important
  }

  .u-pl-xl-xs,
  .u-px-xl-xs {
    padding-left: 3rem !important
  }

  .u-p-2xl-xs {
    padding: 4.5rem !important
  }

  .u-pt-2xl-xs,
  .u-py-2xl-xs {
    padding-top: 4.5rem !important
  }

  .u-pr-2xl-xs,
  .u-px-2xl-xs {
    padding-right: 4.5rem !important
  }

  .u-pb-2xl-xs,
  .u-py-2xl-xs {
    padding-bottom: 4.5rem !important
  }

  .u-pl-2xl-xs,
  .u-px-2xl-xs {
    padding-left: 4.5rem !important
  }

  .u-p-3xl-xs {
    padding: 6rem !important
  }

  .u-pt-3xl-xs,
  .u-py-3xl-xs {
    padding-top: 6rem !important
  }

  .u-pr-3xl-xs,
  .u-px-3xl-xs {
    padding-right: 6rem !important
  }

  .u-pb-3xl-xs,
  .u-py-3xl-xs {
    padding-bottom: 6rem !important
  }

  .u-pl-3xl-xs,
  .u-px-3xl-xs {
    padding-left: 6rem !important
  }

  .u-p-4xl-xs {
    padding: 8rem !important
  }

  .u-pt-4xl-xs,
  .u-py-4xl-xs {
    padding-top: 8rem !important
  }

  .u-pr-4xl-xs,
  .u-px-4xl-xs {
    padding-right: 8rem !important
  }

  .u-pb-4xl-xs,
  .u-py-4xl-xs {
    padding-bottom: 8rem !important
  }

  .u-pl-4xl-xs,
  .u-px-4xl-xs {
    padding-left: 8rem !important
  }

  .u-p-0-xs {
    padding: 0 !important
  }

  .u-p-auto-xs {
    padding: auto !important
  }

  .u-pt-auto-xs,
  .u-py-auto-xs {
    padding-top: auto !important
  }

  .u-pr-auto-xs,
  .u-px-auto-xs {
    padding-right: auto !important
  }

  .u-pb-auto-xs,
  .u-py-auto-xs {
    padding-bottom: auto !important
  }

  .u-pl-auto-xs,
  .u-px-auto-xs {
    padding-left: auto !important
  }

  .u-pb-0-last-child-xs>*:last-child {
    padding-bottom: 0 !important
  }
}

@media (min-width: 576px) {

  .u-mt-0-sm,
  .u-my-0-sm {
    margin-top: 0 !important
  }

  .u-mb-0-sm,
  .u-my-0-sm {
    margin-bottom: 0 !important
  }

  .u-ml-0-sm,
  .u-mx-0-sm {
    margin-left: 0 !important
  }

  .u-mr-0-sm,
  .u-mx-0-sm {
    margin-right: 0 !important
  }

  .u-pt-0-sm,
  .u-py-0-sm {
    padding-top: 0 !important
  }

  .u-pb-0-sm,
  .u-py-0-sm {
    padding-bottom: 0 !important
  }

  .u-pl-0-sm,
  .u-px-0-sm {
    padding-left: 0 !important
  }

  .u-pr-0-sm,
  .u-px-0-sm {
    padding-right: 0 !important
  }

  .u-m-4xs-sm {
    margin: 0.125rem !important
  }

  .u-mt-4xs-sm,
  .u-my-4xs-sm {
    margin-top: 0.125rem !important
  }

  .u-mr-4xs-sm,
  .u-mx-4xs-sm {
    margin-right: 0.125rem !important
  }

  .u-mb-4xs-sm,
  .u-my-4xs-sm {
    margin-bottom: 0.125rem !important
  }

  .u-ml-4xs-sm,
  .u-mx-4xs-sm {
    margin-left: 0.125rem !important
  }

  .u-m-3xs-sm {
    margin: 0.25rem !important
  }

  .u-mt-3xs-sm,
  .u-my-3xs-sm {
    margin-top: 0.25rem !important
  }

  .u-mr-3xs-sm,
  .u-mx-3xs-sm {
    margin-right: 0.25rem !important
  }

  .u-mb-3xs-sm,
  .u-my-3xs-sm {
    margin-bottom: 0.25rem !important
  }

  .u-ml-3xs-sm,
  .u-mx-3xs-sm {
    margin-left: 0.25rem !important
  }

  .u-m-xxs-sm {
    margin: 0.5rem !important
  }

  .u-mt-xxs-sm,
  .u-my-xxs-sm {
    margin-top: 0.5rem !important
  }

  .u-mr-xxs-sm,
  .u-mx-xxs-sm {
    margin-right: 0.5rem !important
  }

  .u-mb-xxs-sm,
  .u-my-xxs-sm {
    margin-bottom: 0.5rem !important
  }

  .u-ml-xxs-sm,
  .u-mx-xxs-sm {
    margin-left: 0.5rem !important
  }

  .u-m-xs-sm {
    margin: 0.75rem !important
  }

  .u-mt-xs-sm,
  .u-my-xs-sm {
    margin-top: 0.75rem !important
  }

  .u-mr-xs-sm,
  .u-mx-xs-sm {
    margin-right: 0.75rem !important
  }

  .u-mb-xs-sm,
  .u-my-xs-sm {
    margin-bottom: 0.75rem !important
  }

  .u-ml-xs-sm,
  .u-mx-xs-sm {
    margin-left: 0.75rem !important
  }

  .u-m-s-sm {
    margin: 1rem !important
  }

  .u-mt-s-sm,
  .u-my-s-sm {
    margin-top: 1rem !important
  }

  .u-mr-s-sm,
  .u-mx-s-sm {
    margin-right: 1rem !important
  }

  .u-mb-s-sm,
  .u-my-s-sm {
    margin-bottom: 1rem !important
  }

  .u-ml-s-sm,
  .u-mx-s-sm {
    margin-left: 1rem !important
  }

  .u-m-m-sm {
    margin: 1.5rem !important
  }

  .u-mt-m-sm,
  .u-my-m-sm {
    margin-top: 1.5rem !important
  }

  .u-mr-m-sm,
  .u-mx-m-sm {
    margin-right: 1.5rem !important
  }

  .u-mb-m-sm,
  .u-my-m-sm {
    margin-bottom: 1.5rem !important
  }

  .u-ml-m-sm,
  .u-mx-m-sm {
    margin-left: 1.5rem !important
  }

  .u-m-l-sm {
    margin: 2rem !important
  }

  .u-mt-l-sm,
  .u-my-l-sm {
    margin-top: 2rem !important
  }

  .u-mr-l-sm,
  .u-mx-l-sm {
    margin-right: 2rem !important
  }

  .u-mb-l-sm,
  .u-my-l-sm {
    margin-bottom: 2rem !important
  }

  .u-ml-l-sm,
  .u-mx-l-sm {
    margin-left: 2rem !important
  }

  .u-m-l2-sm {
    margin: 2.5rem !important
  }

  .u-mt-l2-sm,
  .u-my-l2-sm {
    margin-top: 2.5rem !important
  }

  .u-mr-l2-sm,
  .u-mx-l2-sm {
    margin-right: 2.5rem !important
  }

  .u-mb-l2-sm,
  .u-my-l2-sm {
    margin-bottom: 2.5rem !important
  }

  .u-ml-l2-sm,
  .u-mx-l2-sm {
    margin-left: 2.5rem !important
  }

  .u-m-xl-sm {
    margin: 3rem !important
  }

  .u-mt-xl-sm,
  .u-my-xl-sm {
    margin-top: 3rem !important
  }

  .u-mr-xl-sm,
  .u-mx-xl-sm {
    margin-right: 3rem !important
  }

  .u-mb-xl-sm,
  .u-my-xl-sm {
    margin-bottom: 3rem !important
  }

  .u-ml-xl-sm,
  .u-mx-xl-sm {
    margin-left: 3rem !important
  }

  .u-m-2xl-sm {
    margin: 4.5rem !important
  }

  .u-mt-2xl-sm,
  .u-my-2xl-sm {
    margin-top: 4.5rem !important
  }

  .u-mr-2xl-sm,
  .u-mx-2xl-sm {
    margin-right: 4.5rem !important
  }

  .u-mb-2xl-sm,
  .u-my-2xl-sm {
    margin-bottom: 4.5rem !important
  }

  .u-ml-2xl-sm,
  .u-mx-2xl-sm {
    margin-left: 4.5rem !important
  }

  .u-m-3xl-sm {
    margin: 6rem !important
  }

  .u-mt-3xl-sm,
  .u-my-3xl-sm {
    margin-top: 6rem !important
  }

  .u-mr-3xl-sm,
  .u-mx-3xl-sm {
    margin-right: 6rem !important
  }

  .u-mb-3xl-sm,
  .u-my-3xl-sm {
    margin-bottom: 6rem !important
  }

  .u-ml-3xl-sm,
  .u-mx-3xl-sm {
    margin-left: 6rem !important
  }

  .u-m-4xl-sm {
    margin: 8rem !important
  }

  .u-mt-4xl-sm,
  .u-my-4xl-sm {
    margin-top: 8rem !important
  }

  .u-mr-4xl-sm,
  .u-mx-4xl-sm {
    margin-right: 8rem !important
  }

  .u-mb-4xl-sm,
  .u-my-4xl-sm {
    margin-bottom: 8rem !important
  }

  .u-ml-4xl-sm,
  .u-mx-4xl-sm {
    margin-left: 8rem !important
  }

  .u-m-0-sm {
    margin: 0 !important
  }

  .u-m-auto-sm {
    margin: auto !important
  }

  .u-mt-auto-sm,
  .u-my-auto-sm {
    margin-top: auto !important
  }

  .u-mr-auto-sm,
  .u-mx-auto-sm {
    margin-right: auto !important
  }

  .u-mb-auto-sm,
  .u-my-auto-sm {
    margin-bottom: auto !important
  }

  .u-ml-auto-sm,
  .u-mx-auto-sm {
    margin-left: auto !important
  }

  .u-mb-0-last-child-sm>*:last-child {
    margin-bottom: 0 !important
  }

  .u-p-4xs-sm {
    padding: 0.125rem !important
  }

  .u-pt-4xs-sm,
  .u-py-4xs-sm {
    padding-top: 0.125rem !important
  }

  .u-pr-4xs-sm,
  .u-px-4xs-sm {
    padding-right: 0.125rem !important
  }

  .u-pb-4xs-sm,
  .u-py-4xs-sm {
    padding-bottom: 0.125rem !important
  }

  .u-pl-4xs-sm,
  .u-px-4xs-sm {
    padding-left: 0.125rem !important
  }

  .u-p-3xs-sm {
    padding: 0.25rem !important
  }

  .u-pt-3xs-sm,
  .u-py-3xs-sm {
    padding-top: 0.25rem !important
  }

  .u-pr-3xs-sm,
  .u-px-3xs-sm {
    padding-right: 0.25rem !important
  }

  .u-pb-3xs-sm,
  .u-py-3xs-sm {
    padding-bottom: 0.25rem !important
  }

  .u-pl-3xs-sm,
  .u-px-3xs-sm {
    padding-left: 0.25rem !important
  }

  .u-p-xxs-sm {
    padding: 0.5rem !important
  }

  .u-pt-xxs-sm,
  .u-py-xxs-sm {
    padding-top: 0.5rem !important
  }

  .u-pr-xxs-sm,
  .u-px-xxs-sm {
    padding-right: 0.5rem !important
  }

  .u-pb-xxs-sm,
  .u-py-xxs-sm {
    padding-bottom: 0.5rem !important
  }

  .u-pl-xxs-sm,
  .u-px-xxs-sm {
    padding-left: 0.5rem !important
  }

  .u-p-xs-sm {
    padding: 0.75rem !important
  }

  .u-pt-xs-sm,
  .u-py-xs-sm {
    padding-top: 0.75rem !important
  }

  .u-pr-xs-sm,
  .u-px-xs-sm {
    padding-right: 0.75rem !important
  }

  .u-pb-xs-sm,
  .u-py-xs-sm {
    padding-bottom: 0.75rem !important
  }

  .u-pl-xs-sm,
  .u-px-xs-sm {
    padding-left: 0.75rem !important
  }

  .u-p-s-sm {
    padding: 1rem !important
  }

  .u-pt-s-sm,
  .u-py-s-sm {
    padding-top: 1rem !important
  }

  .u-pr-s-sm,
  .u-px-s-sm {
    padding-right: 1rem !important
  }

  .u-pb-s-sm,
  .u-py-s-sm {
    padding-bottom: 1rem !important
  }

  .u-pl-s-sm,
  .u-px-s-sm {
    padding-left: 1rem !important
  }

  .u-p-m-sm {
    padding: 1.5rem !important
  }

  .u-pt-m-sm,
  .u-py-m-sm {
    padding-top: 1.5rem !important
  }

  .u-pr-m-sm,
  .u-px-m-sm {
    padding-right: 1.5rem !important
  }

  .u-pb-m-sm,
  .u-py-m-sm {
    padding-bottom: 1.5rem !important
  }

  .u-pl-m-sm,
  .u-px-m-sm {
    padding-left: 1.5rem !important
  }

  .u-p-l-sm {
    padding: 2rem !important
  }

  .u-pt-l-sm,
  .u-py-l-sm {
    padding-top: 2rem !important
  }

  .u-pr-l-sm,
  .u-px-l-sm {
    padding-right: 2rem !important
  }

  .u-pb-l-sm,
  .u-py-l-sm {
    padding-bottom: 2rem !important
  }

  .u-pl-l-sm,
  .u-px-l-sm {
    padding-left: 2rem !important
  }

  .u-p-l2-sm {
    padding: 2.5rem !important
  }

  .u-pt-l2-sm,
  .u-py-l2-sm {
    padding-top: 2.5rem !important
  }

  .u-pr-l2-sm,
  .u-px-l2-sm {
    padding-right: 2.5rem !important
  }

  .u-pb-l2-sm,
  .u-py-l2-sm {
    padding-bottom: 2.5rem !important
  }

  .u-pl-l2-sm,
  .u-px-l2-sm {
    padding-left: 2.5rem !important
  }

  .u-p-xl-sm {
    padding: 3rem !important
  }

  .u-pt-xl-sm,
  .u-py-xl-sm {
    padding-top: 3rem !important
  }

  .u-pr-xl-sm,
  .u-px-xl-sm {
    padding-right: 3rem !important
  }

  .u-pb-xl-sm,
  .u-py-xl-sm {
    padding-bottom: 3rem !important
  }

  .u-pl-xl-sm,
  .u-px-xl-sm {
    padding-left: 3rem !important
  }

  .u-p-2xl-sm {
    padding: 4.5rem !important
  }

  .u-pt-2xl-sm,
  .u-py-2xl-sm {
    padding-top: 4.5rem !important
  }

  .u-pr-2xl-sm,
  .u-px-2xl-sm {
    padding-right: 4.5rem !important
  }

  .u-pb-2xl-sm,
  .u-py-2xl-sm {
    padding-bottom: 4.5rem !important
  }

  .u-pl-2xl-sm,
  .u-px-2xl-sm {
    padding-left: 4.5rem !important
  }

  .u-p-3xl-sm {
    padding: 6rem !important
  }

  .u-pt-3xl-sm,
  .u-py-3xl-sm {
    padding-top: 6rem !important
  }

  .u-pr-3xl-sm,
  .u-px-3xl-sm {
    padding-right: 6rem !important
  }

  .u-pb-3xl-sm,
  .u-py-3xl-sm {
    padding-bottom: 6rem !important
  }

  .u-pl-3xl-sm,
  .u-px-3xl-sm {
    padding-left: 6rem !important
  }

  .u-p-4xl-sm {
    padding: 8rem !important
  }

  .u-pt-4xl-sm,
  .u-py-4xl-sm {
    padding-top: 8rem !important
  }

  .u-pr-4xl-sm,
  .u-px-4xl-sm {
    padding-right: 8rem !important
  }

  .u-pb-4xl-sm,
  .u-py-4xl-sm {
    padding-bottom: 8rem !important
  }

  .u-pl-4xl-sm,
  .u-px-4xl-sm {
    padding-left: 8rem !important
  }

  .u-p-0-sm {
    padding: 0 !important
  }

  .u-p-auto-sm {
    padding: auto !important
  }

  .u-pt-auto-sm,
  .u-py-auto-sm {
    padding-top: auto !important
  }

  .u-pr-auto-sm,
  .u-px-auto-sm {
    padding-right: auto !important
  }

  .u-pb-auto-sm,
  .u-py-auto-sm {
    padding-bottom: auto !important
  }

  .u-pl-auto-sm,
  .u-px-auto-sm {
    padding-left: auto !important
  }

  .u-pb-0-last-child-sm>*:last-child {
    padding-bottom: 0 !important
  }
}

@media (min-width: 768px) {

  .u-mt-0-md,
  .u-my-0-md {
    margin-top: 0 !important
  }

  .u-mb-0-md,
  .u-my-0-md {
    margin-bottom: 0 !important
  }

  .u-ml-0-md,
  .u-mx-0-md {
    margin-left: 0 !important
  }

  .u-mr-0-md,
  .u-mx-0-md {
    margin-right: 0 !important
  }

  .u-pt-0-md,
  .u-py-0-md {
    padding-top: 0 !important
  }

  .u-pb-0-md,
  .u-py-0-md {
    padding-bottom: 0 !important
  }

  .u-pl-0-md,
  .u-px-0-md {
    padding-left: 0 !important
  }

  .u-pr-0-md,
  .u-px-0-md {
    padding-right: 0 !important
  }

  .u-m-4xs-md {
    margin: 0.125rem !important
  }

  .u-mt-4xs-md,
  .u-my-4xs-md {
    margin-top: 0.125rem !important
  }

  .u-mr-4xs-md,
  .u-mx-4xs-md {
    margin-right: 0.125rem !important
  }

  .u-mb-4xs-md,
  .u-my-4xs-md {
    margin-bottom: 0.125rem !important
  }

  .u-ml-4xs-md,
  .u-mx-4xs-md {
    margin-left: 0.125rem !important
  }

  .u-m-3xs-md {
    margin: 0.25rem !important
  }

  .u-mt-3xs-md,
  .u-my-3xs-md {
    margin-top: 0.25rem !important
  }

  .u-mr-3xs-md,
  .u-mx-3xs-md {
    margin-right: 0.25rem !important
  }

  .u-mb-3xs-md,
  .u-my-3xs-md {
    margin-bottom: 0.25rem !important
  }

  .u-ml-3xs-md,
  .u-mx-3xs-md {
    margin-left: 0.25rem !important
  }

  .u-m-xxs-md {
    margin: 0.5rem !important
  }

  .u-mt-xxs-md,
  .u-my-xxs-md {
    margin-top: 0.5rem !important
  }

  .u-mr-xxs-md,
  .u-mx-xxs-md {
    margin-right: 0.5rem !important
  }

  .u-mb-xxs-md,
  .u-my-xxs-md {
    margin-bottom: 0.5rem !important
  }

  .u-ml-xxs-md,
  .u-mx-xxs-md {
    margin-left: 0.5rem !important
  }

  .u-m-xs-md {
    margin: 0.75rem !important
  }

  .u-mt-xs-md,
  .u-my-xs-md {
    margin-top: 0.75rem !important
  }

  .u-mr-xs-md,
  .u-mx-xs-md {
    margin-right: 0.75rem !important
  }

  .u-mb-xs-md,
  .u-my-xs-md {
    margin-bottom: 0.75rem !important
  }

  .u-ml-xs-md,
  .u-mx-xs-md {
    margin-left: 0.75rem !important
  }

  .u-m-s-md {
    margin: 1rem !important
  }

  .u-mt-s-md,
  .u-my-s-md {
    margin-top: 1rem !important
  }

  .u-mr-s-md,
  .u-mx-s-md {
    margin-right: 1rem !important
  }

  .u-mb-s-md,
  .u-my-s-md {
    margin-bottom: 1rem !important
  }

  .u-ml-s-md,
  .u-mx-s-md {
    margin-left: 1rem !important
  }

  .u-m-m-md {
    margin: 1.5rem !important
  }

  .u-mt-m-md,
  .u-my-m-md {
    margin-top: 1.5rem !important
  }

  .u-mr-m-md,
  .u-mx-m-md {
    margin-right: 1.5rem !important
  }

  .u-mb-m-md,
  .u-my-m-md {
    margin-bottom: 1.5rem !important
  }

  .u-ml-m-md,
  .u-mx-m-md {
    margin-left: 1.5rem !important
  }

  .u-m-l-md {
    margin: 2rem !important
  }

  .u-mt-l-md,
  .u-my-l-md {
    margin-top: 2rem !important
  }

  .u-mr-l-md,
  .u-mx-l-md {
    margin-right: 2rem !important
  }

  .u-mb-l-md,
  .u-my-l-md {
    margin-bottom: 2rem !important
  }

  .u-ml-l-md,
  .u-mx-l-md {
    margin-left: 2rem !important
  }

  .u-m-l2-md {
    margin: 2.5rem !important
  }

  .u-mt-l2-md,
  .u-my-l2-md {
    margin-top: 2.5rem !important
  }

  .u-mr-l2-md,
  .u-mx-l2-md {
    margin-right: 2.5rem !important
  }

  .u-mb-l2-md,
  .u-my-l2-md {
    margin-bottom: 2.5rem !important
  }

  .u-ml-l2-md,
  .u-mx-l2-md {
    margin-left: 2.5rem !important
  }

  .u-m-xl-md {
    margin: 3rem !important
  }

  .u-mt-xl-md,
  .u-my-xl-md {
    margin-top: 3rem !important
  }

  .u-mr-xl-md,
  .u-mx-xl-md {
    margin-right: 3rem !important
  }

  .u-mb-xl-md,
  .u-my-xl-md {
    margin-bottom: 3rem !important
  }

  .u-ml-xl-md,
  .u-mx-xl-md {
    margin-left: 3rem !important
  }

  .u-m-2xl-md {
    margin: 4.5rem !important
  }

  .u-mt-2xl-md,
  .u-my-2xl-md {
    margin-top: 4.5rem !important
  }

  .u-mr-2xl-md,
  .u-mx-2xl-md {
    margin-right: 4.5rem !important
  }

  .u-mb-2xl-md,
  .u-my-2xl-md {
    margin-bottom: 4.5rem !important
  }

  .u-ml-2xl-md,
  .u-mx-2xl-md {
    margin-left: 4.5rem !important
  }

  .u-m-3xl-md {
    margin: 6rem !important
  }

  .u-mt-3xl-md,
  .u-my-3xl-md {
    margin-top: 6rem !important
  }

  .u-mr-3xl-md,
  .u-mx-3xl-md {
    margin-right: 6rem !important
  }

  .u-mb-3xl-md,
  .u-my-3xl-md {
    margin-bottom: 6rem !important
  }

  .u-ml-3xl-md,
  .u-mx-3xl-md {
    margin-left: 6rem !important
  }

  .u-m-4xl-md {
    margin: 8rem !important
  }

  .u-mt-4xl-md,
  .u-my-4xl-md {
    margin-top: 8rem !important
  }

  .u-mr-4xl-md,
  .u-mx-4xl-md {
    margin-right: 8rem !important
  }

  .u-mb-4xl-md,
  .u-my-4xl-md {
    margin-bottom: 8rem !important
  }

  .u-ml-4xl-md,
  .u-mx-4xl-md {
    margin-left: 8rem !important
  }

  .u-m-0-md {
    margin: 0 !important
  }

  .u-m-auto-md {
    margin: auto !important
  }

  .u-mt-auto-md,
  .u-my-auto-md {
    margin-top: auto !important
  }

  .u-mr-auto-md,
  .u-mx-auto-md {
    margin-right: auto !important
  }

  .u-mb-auto-md,
  .u-my-auto-md {
    margin-bottom: auto !important
  }

  .u-ml-auto-md,
  .u-mx-auto-md {
    margin-left: auto !important
  }

  .u-mb-0-last-child-md>*:last-child {
    margin-bottom: 0 !important
  }

  .u-p-4xs-md {
    padding: 0.125rem !important
  }

  .u-pt-4xs-md,
  .u-py-4xs-md {
    padding-top: 0.125rem !important
  }

  .u-pr-4xs-md,
  .u-px-4xs-md {
    padding-right: 0.125rem !important
  }

  .u-pb-4xs-md,
  .u-py-4xs-md {
    padding-bottom: 0.125rem !important
  }

  .u-pl-4xs-md,
  .u-px-4xs-md {
    padding-left: 0.125rem !important
  }

  .u-p-3xs-md {
    padding: 0.25rem !important
  }

  .u-pt-3xs-md,
  .u-py-3xs-md {
    padding-top: 0.25rem !important
  }

  .u-pr-3xs-md,
  .u-px-3xs-md {
    padding-right: 0.25rem !important
  }

  .u-pb-3xs-md,
  .u-py-3xs-md {
    padding-bottom: 0.25rem !important
  }

  .u-pl-3xs-md,
  .u-px-3xs-md {
    padding-left: 0.25rem !important
  }

  .u-p-xxs-md {
    padding: 0.5rem !important
  }

  .u-pt-xxs-md,
  .u-py-xxs-md {
    padding-top: 0.5rem !important
  }

  .u-pr-xxs-md,
  .u-px-xxs-md {
    padding-right: 0.5rem !important
  }

  .u-pb-xxs-md,
  .u-py-xxs-md {
    padding-bottom: 0.5rem !important
  }

  .u-pl-xxs-md,
  .u-px-xxs-md {
    padding-left: 0.5rem !important
  }

  .u-p-xs-md {
    padding: 0.75rem !important
  }

  .u-pt-xs-md,
  .u-py-xs-md {
    padding-top: 0.75rem !important
  }

  .u-pr-xs-md,
  .u-px-xs-md {
    padding-right: 0.75rem !important
  }

  .u-pb-xs-md,
  .u-py-xs-md {
    padding-bottom: 0.75rem !important
  }

  .u-pl-xs-md,
  .u-px-xs-md {
    padding-left: 0.75rem !important
  }

  .u-p-s-md {
    padding: 1rem !important
  }

  .u-pt-s-md,
  .u-py-s-md {
    padding-top: 1rem !important
  }

  .u-pr-s-md,
  .u-px-s-md {
    padding-right: 1rem !important
  }

  .u-pb-s-md,
  .u-py-s-md {
    padding-bottom: 1rem !important
  }

  .u-pl-s-md,
  .u-px-s-md {
    padding-left: 1rem !important
  }

  .u-p-m-md {
    padding: 1.5rem !important
  }

  .u-pt-m-md,
  .u-py-m-md {
    padding-top: 1.5rem !important
  }

  .u-pr-m-md,
  .u-px-m-md {
    padding-right: 1.5rem !important
  }

  .u-pb-m-md,
  .u-py-m-md {
    padding-bottom: 1.5rem !important
  }

  .u-pl-m-md,
  .u-px-m-md {
    padding-left: 1.5rem !important
  }

  .u-p-l-md {
    padding: 2rem !important
  }

  .u-pt-l-md,
  .u-py-l-md {
    padding-top: 2rem !important
  }

  .u-pr-l-md,
  .u-px-l-md {
    padding-right: 2rem !important
  }

  .u-pb-l-md,
  .u-py-l-md {
    padding-bottom: 2rem !important
  }

  .u-pl-l-md,
  .u-px-l-md {
    padding-left: 2rem !important
  }

  .u-p-l2-md {
    padding: 2.5rem !important
  }

  .u-pt-l2-md,
  .u-py-l2-md {
    padding-top: 2.5rem !important
  }

  .u-pr-l2-md,
  .u-px-l2-md {
    padding-right: 2.5rem !important
  }

  .u-pb-l2-md,
  .u-py-l2-md {
    padding-bottom: 2.5rem !important
  }

  .u-pl-l2-md,
  .u-px-l2-md {
    padding-left: 2.5rem !important
  }

  .u-p-xl-md {
    padding: 3rem !important
  }

  .u-pt-xl-md,
  .u-py-xl-md {
    padding-top: 3rem !important
  }

  .u-pr-xl-md,
  .u-px-xl-md {
    padding-right: 3rem !important
  }

  .u-pb-xl-md,
  .u-py-xl-md {
    padding-bottom: 3rem !important
  }

  .u-pl-xl-md,
  .u-px-xl-md {
    padding-left: 3rem !important
  }

  .u-p-2xl-md {
    padding: 4.5rem !important
  }

  .u-pt-2xl-md,
  .u-py-2xl-md {
    padding-top: 4.5rem !important
  }

  .u-pr-2xl-md,
  .u-px-2xl-md {
    padding-right: 4.5rem !important
  }

  .u-pb-2xl-md,
  .u-py-2xl-md {
    padding-bottom: 4.5rem !important
  }

  .u-pl-2xl-md,
  .u-px-2xl-md {
    padding-left: 4.5rem !important
  }

  .u-p-3xl-md {
    padding: 6rem !important
  }

  .u-pt-3xl-md,
  .u-py-3xl-md {
    padding-top: 6rem !important
  }

  .u-pr-3xl-md,
  .u-px-3xl-md {
    padding-right: 6rem !important
  }

  .u-pb-3xl-md,
  .u-py-3xl-md {
    padding-bottom: 6rem !important
  }

  .u-pl-3xl-md,
  .u-px-3xl-md {
    padding-left: 6rem !important
  }

  .u-p-4xl-md {
    padding: 8rem !important
  }

  .u-pt-4xl-md,
  .u-py-4xl-md {
    padding-top: 8rem !important
  }

  .u-pr-4xl-md,
  .u-px-4xl-md {
    padding-right: 8rem !important
  }

  .u-pb-4xl-md,
  .u-py-4xl-md {
    padding-bottom: 8rem !important
  }

  .u-pl-4xl-md,
  .u-px-4xl-md {
    padding-left: 8rem !important
  }

  .u-p-0-md {
    padding: 0 !important
  }

  .u-p-auto-md {
    padding: auto !important
  }

  .u-pt-auto-md,
  .u-py-auto-md {
    padding-top: auto !important
  }

  .u-pr-auto-md,
  .u-px-auto-md {
    padding-right: auto !important
  }

  .u-pb-auto-md,
  .u-py-auto-md {
    padding-bottom: auto !important
  }

  .u-pl-auto-md,
  .u-px-auto-md {
    padding-left: auto !important
  }

  .u-pb-0-last-child-md>*:last-child {
    padding-bottom: 0 !important
  }
}

@media (min-width: 992px) {

  .u-mt-0-lg,
  .u-my-0-lg {
    margin-top: 0 !important
  }

  .u-mb-0-lg,
  .u-my-0-lg {
    margin-bottom: 0 !important
  }

  .u-ml-0-lg,
  .u-mx-0-lg {
    margin-left: 0 !important
  }

  .u-mr-0-lg,
  .u-mx-0-lg {
    margin-right: 0 !important
  }

  .u-pt-0-lg,
  .u-py-0-lg {
    padding-top: 0 !important
  }

  .u-pb-0-lg,
  .u-py-0-lg {
    padding-bottom: 0 !important
  }

  .u-pl-0-lg,
  .u-px-0-lg {
    padding-left: 0 !important
  }

  .u-pr-0-lg,
  .u-px-0-lg {
    padding-right: 0 !important
  }

  .u-m-4xs-lg {
    margin: 0.125rem !important
  }

  .u-mt-4xs-lg,
  .u-my-4xs-lg {
    margin-top: 0.125rem !important
  }

  .u-mr-4xs-lg,
  .u-mx-4xs-lg {
    margin-right: 0.125rem !important
  }

  .u-mb-4xs-lg,
  .u-my-4xs-lg {
    margin-bottom: 0.125rem !important
  }

  .u-ml-4xs-lg,
  .u-mx-4xs-lg {
    margin-left: 0.125rem !important
  }

  .u-m-3xs-lg {
    margin: 0.25rem !important
  }

  .u-mt-3xs-lg,
  .u-my-3xs-lg {
    margin-top: 0.25rem !important
  }

  .u-mr-3xs-lg,
  .u-mx-3xs-lg {
    margin-right: 0.25rem !important
  }

  .u-mb-3xs-lg,
  .u-my-3xs-lg {
    margin-bottom: 0.25rem !important
  }

  .u-ml-3xs-lg,
  .u-mx-3xs-lg {
    margin-left: 0.25rem !important
  }

  .u-m-xxs-lg {
    margin: 0.5rem !important
  }

  .u-mt-xxs-lg,
  .u-my-xxs-lg {
    margin-top: 0.5rem !important
  }

  .u-mr-xxs-lg,
  .u-mx-xxs-lg {
    margin-right: 0.5rem !important
  }

  .u-mb-xxs-lg,
  .u-my-xxs-lg {
    margin-bottom: 0.5rem !important
  }

  .u-ml-xxs-lg,
  .u-mx-xxs-lg {
    margin-left: 0.5rem !important
  }

  .u-m-xs-lg {
    margin: 0.75rem !important
  }

  .u-mt-xs-lg,
  .u-my-xs-lg {
    margin-top: 0.75rem !important
  }

  .u-mr-xs-lg,
  .u-mx-xs-lg {
    margin-right: 0.75rem !important
  }

  .u-mb-xs-lg,
  .u-my-xs-lg {
    margin-bottom: 0.75rem !important
  }

  .u-ml-xs-lg,
  .u-mx-xs-lg {
    margin-left: 0.75rem !important
  }

  .u-m-s-lg {
    margin: 1rem !important
  }

  .u-mt-s-lg,
  .u-my-s-lg {
    margin-top: 1rem !important
  }

  .u-mr-s-lg,
  .u-mx-s-lg {
    margin-right: 1rem !important
  }

  .u-mb-s-lg,
  .u-my-s-lg {
    margin-bottom: 1rem !important
  }

  .u-ml-s-lg,
  .u-mx-s-lg {
    margin-left: 1rem !important
  }

  .u-m-m-lg {
    margin: 1.5rem !important
  }

  .u-mt-m-lg,
  .u-my-m-lg {
    margin-top: 1.5rem !important
  }

  .u-mr-m-lg,
  .u-mx-m-lg {
    margin-right: 1.5rem !important
  }

  .u-mb-m-lg,
  .u-my-m-lg {
    margin-bottom: 1.5rem !important
  }

  .u-ml-m-lg,
  .u-mx-m-lg {
    margin-left: 1.5rem !important
  }

  .u-m-l-lg {
    margin: 2rem !important
  }

  .u-mt-l-lg,
  .u-my-l-lg {
    margin-top: 2rem !important
  }

  .u-mr-l-lg,
  .u-mx-l-lg {
    margin-right: 2rem !important
  }

  .u-mb-l-lg,
  .u-my-l-lg {
    margin-bottom: 2rem !important
  }

  .u-ml-l-lg,
  .u-mx-l-lg {
    margin-left: 2rem !important
  }

  .u-m-l2-lg {
    margin: 2.5rem !important
  }

  .u-mt-l2-lg,
  .u-my-l2-lg {
    margin-top: 2.5rem !important
  }

  .u-mr-l2-lg,
  .u-mx-l2-lg {
    margin-right: 2.5rem !important
  }

  .u-mb-l2-lg,
  .u-my-l2-lg {
    margin-bottom: 2.5rem !important
  }

  .u-ml-l2-lg,
  .u-mx-l2-lg {
    margin-left: 2.5rem !important
  }

  .u-m-xl-lg {
    margin: 3rem !important
  }

  .u-mt-xl-lg,
  .u-my-xl-lg {
    margin-top: 3rem !important
  }

  .u-mr-xl-lg,
  .u-mx-xl-lg {
    margin-right: 3rem !important
  }

  .u-mb-xl-lg,
  .u-my-xl-lg {
    margin-bottom: 3rem !important
  }

  .u-ml-xl-lg,
  .u-mx-xl-lg {
    margin-left: 3rem !important
  }

  .u-m-2xl-lg {
    margin: 4.5rem !important
  }

  .u-mt-2xl-lg,
  .u-my-2xl-lg {
    margin-top: 4.5rem !important
  }

  .u-mr-2xl-lg,
  .u-mx-2xl-lg {
    margin-right: 4.5rem !important
  }

  .u-mb-2xl-lg,
  .u-my-2xl-lg {
    margin-bottom: 4.5rem !important
  }

  .u-ml-2xl-lg,
  .u-mx-2xl-lg {
    margin-left: 4.5rem !important
  }

  .u-m-3xl-lg {
    margin: 6rem !important
  }

  .u-mt-3xl-lg,
  .u-my-3xl-lg {
    margin-top: 6rem !important
  }

  .u-mr-3xl-lg,
  .u-mx-3xl-lg {
    margin-right: 6rem !important
  }

  .u-mb-3xl-lg,
  .u-my-3xl-lg {
    margin-bottom: 6rem !important
  }

  .u-ml-3xl-lg,
  .u-mx-3xl-lg {
    margin-left: 6rem !important
  }

  .u-m-4xl-lg {
    margin: 8rem !important
  }

  .u-mt-4xl-lg,
  .u-my-4xl-lg {
    margin-top: 8rem !important
  }

  .u-mr-4xl-lg,
  .u-mx-4xl-lg {
    margin-right: 8rem !important
  }

  .u-mb-4xl-lg,
  .u-my-4xl-lg {
    margin-bottom: 8rem !important
  }

  .u-ml-4xl-lg,
  .u-mx-4xl-lg {
    margin-left: 8rem !important
  }

  .u-m-0-lg {
    margin: 0 !important
  }

  .u-m-auto-lg {
    margin: auto !important
  }

  .u-mt-auto-lg,
  .u-my-auto-lg {
    margin-top: auto !important
  }

  .u-mr-auto-lg,
  .u-mx-auto-lg {
    margin-right: auto !important
  }

  .u-mb-auto-lg,
  .u-my-auto-lg {
    margin-bottom: auto !important
  }

  .u-ml-auto-lg,
  .u-mx-auto-lg {
    margin-left: auto !important
  }

  .u-mb-0-last-child-lg>*:last-child {
    margin-bottom: 0 !important
  }

  .u-p-4xs-lg {
    padding: 0.125rem !important
  }

  .u-pt-4xs-lg,
  .u-py-4xs-lg {
    padding-top: 0.125rem !important
  }

  .u-pr-4xs-lg,
  .u-px-4xs-lg {
    padding-right: 0.125rem !important
  }

  .u-pb-4xs-lg,
  .u-py-4xs-lg {
    padding-bottom: 0.125rem !important
  }

  .u-pl-4xs-lg,
  .u-px-4xs-lg {
    padding-left: 0.125rem !important
  }

  .u-p-3xs-lg {
    padding: 0.25rem !important
  }

  .u-pt-3xs-lg,
  .u-py-3xs-lg {
    padding-top: 0.25rem !important
  }

  .u-pr-3xs-lg,
  .u-px-3xs-lg {
    padding-right: 0.25rem !important
  }

  .u-pb-3xs-lg,
  .u-py-3xs-lg {
    padding-bottom: 0.25rem !important
  }

  .u-pl-3xs-lg,
  .u-px-3xs-lg {
    padding-left: 0.25rem !important
  }

  .u-p-xxs-lg {
    padding: 0.5rem !important
  }

  .u-pt-xxs-lg,
  .u-py-xxs-lg {
    padding-top: 0.5rem !important
  }

  .u-pr-xxs-lg,
  .u-px-xxs-lg {
    padding-right: 0.5rem !important
  }

  .u-pb-xxs-lg,
  .u-py-xxs-lg {
    padding-bottom: 0.5rem !important
  }

  .u-pl-xxs-lg,
  .u-px-xxs-lg {
    padding-left: 0.5rem !important
  }

  .u-p-xs-lg {
    padding: 0.75rem !important
  }

  .u-pt-xs-lg,
  .u-py-xs-lg {
    padding-top: 0.75rem !important
  }

  .u-pr-xs-lg,
  .u-px-xs-lg {
    padding-right: 0.75rem !important
  }

  .u-pb-xs-lg,
  .u-py-xs-lg {
    padding-bottom: 0.75rem !important
  }

  .u-pl-xs-lg,
  .u-px-xs-lg {
    padding-left: 0.75rem !important
  }

  .u-p-s-lg {
    padding: 1rem !important
  }

  .u-pt-s-lg,
  .u-py-s-lg {
    padding-top: 1rem !important
  }

  .u-pr-s-lg,
  .u-px-s-lg {
    padding-right: 1rem !important
  }

  .u-pb-s-lg,
  .u-py-s-lg {
    padding-bottom: 1rem !important
  }

  .u-pl-s-lg,
  .u-px-s-lg {
    padding-left: 1rem !important
  }

  .u-p-m-lg {
    padding: 1.5rem !important
  }

  .u-pt-m-lg,
  .u-py-m-lg {
    padding-top: 1.5rem !important
  }

  .u-pr-m-lg,
  .u-px-m-lg {
    padding-right: 1.5rem !important
  }

  .u-pb-m-lg,
  .u-py-m-lg {
    padding-bottom: 1.5rem !important
  }

  .u-pl-m-lg,
  .u-px-m-lg {
    padding-left: 1.5rem !important
  }

  .u-p-l-lg {
    padding: 2rem !important
  }

  .u-pt-l-lg,
  .u-py-l-lg {
    padding-top: 2rem !important
  }

  .u-pr-l-lg,
  .u-px-l-lg {
    padding-right: 2rem !important
  }

  .u-pb-l-lg,
  .u-py-l-lg {
    padding-bottom: 2rem !important
  }

  .u-pl-l-lg,
  .u-px-l-lg {
    padding-left: 2rem !important
  }

  .u-p-l2-lg {
    padding: 2.5rem !important
  }

  .u-pt-l2-lg,
  .u-py-l2-lg {
    padding-top: 2.5rem !important
  }

  .u-pr-l2-lg,
  .u-px-l2-lg {
    padding-right: 2.5rem !important
  }

  .u-pb-l2-lg,
  .u-py-l2-lg {
    padding-bottom: 2.5rem !important
  }

  .u-pl-l2-lg,
  .u-px-l2-lg {
    padding-left: 2.5rem !important
  }

  .u-p-xl-lg {
    padding: 3rem !important
  }

  .u-pt-xl-lg,
  .u-py-xl-lg {
    padding-top: 3rem !important
  }

  .u-pr-xl-lg,
  .u-px-xl-lg {
    padding-right: 3rem !important
  }

  .u-pb-xl-lg,
  .u-py-xl-lg {
    padding-bottom: 3rem !important
  }

  .u-pl-xl-lg,
  .u-px-xl-lg {
    padding-left: 3rem !important
  }

  .u-p-2xl-lg {
    padding: 4.5rem !important
  }

  .u-pt-2xl-lg,
  .u-py-2xl-lg {
    padding-top: 4.5rem !important
  }

  .u-pr-2xl-lg,
  .u-px-2xl-lg {
    padding-right: 4.5rem !important
  }

  .u-pb-2xl-lg,
  .u-py-2xl-lg {
    padding-bottom: 4.5rem !important
  }

  .u-pl-2xl-lg,
  .u-px-2xl-lg {
    padding-left: 4.5rem !important
  }

  .u-p-3xl-lg {
    padding: 6rem !important
  }

  .u-pt-3xl-lg,
  .u-py-3xl-lg {
    padding-top: 6rem !important
  }

  .u-pr-3xl-lg,
  .u-px-3xl-lg {
    padding-right: 6rem !important
  }

  .u-pb-3xl-lg,
  .u-py-3xl-lg {
    padding-bottom: 6rem !important
  }

  .u-pl-3xl-lg,
  .u-px-3xl-lg {
    padding-left: 6rem !important
  }

  .u-p-4xl-lg {
    padding: 8rem !important
  }

  .u-pt-4xl-lg,
  .u-py-4xl-lg {
    padding-top: 8rem !important
  }

  .u-pr-4xl-lg,
  .u-px-4xl-lg {
    padding-right: 8rem !important
  }

  .u-pb-4xl-lg,
  .u-py-4xl-lg {
    padding-bottom: 8rem !important
  }

  .u-pl-4xl-lg,
  .u-px-4xl-lg {
    padding-left: 8rem !important
  }

  .u-p-0-lg {
    padding: 0 !important
  }

  .u-p-auto-lg {
    padding: auto !important
  }

  .u-pt-auto-lg,
  .u-py-auto-lg {
    padding-top: auto !important
  }

  .u-pr-auto-lg,
  .u-px-auto-lg {
    padding-right: auto !important
  }

  .u-pb-auto-lg,
  .u-py-auto-lg {
    padding-bottom: auto !important
  }

  .u-pl-auto-lg,
  .u-px-auto-lg {
    padding-left: auto !important
  }

  .u-pb-0-last-child-lg>*:last-child {
    padding-bottom: 0 !important
  }
}

@media (min-width: 1140px) {

  .u-mt-0-xl,
  .u-my-0-xl {
    margin-top: 0 !important
  }

  .u-mb-0-xl,
  .u-my-0-xl {
    margin-bottom: 0 !important
  }

  .u-ml-0-xl,
  .u-mx-0-xl {
    margin-left: 0 !important
  }

  .u-mr-0-xl,
  .u-mx-0-xl {
    margin-right: 0 !important
  }

  .u-pt-0-xl,
  .u-py-0-xl {
    padding-top: 0 !important
  }

  .u-pb-0-xl,
  .u-py-0-xl {
    padding-bottom: 0 !important
  }

  .u-pl-0-xl,
  .u-px-0-xl {
    padding-left: 0 !important
  }

  .u-pr-0-xl,
  .u-px-0-xl {
    padding-right: 0 !important
  }

  .u-m-4xs-xl {
    margin: 0.125rem !important
  }

  .u-mt-4xs-xl,
  .u-my-4xs-xl {
    margin-top: 0.125rem !important
  }

  .u-mr-4xs-xl,
  .u-mx-4xs-xl {
    margin-right: 0.125rem !important
  }

  .u-mb-4xs-xl,
  .u-my-4xs-xl {
    margin-bottom: 0.125rem !important
  }

  .u-ml-4xs-xl,
  .u-mx-4xs-xl {
    margin-left: 0.125rem !important
  }

  .u-m-3xs-xl {
    margin: 0.25rem !important
  }

  .u-mt-3xs-xl,
  .u-my-3xs-xl {
    margin-top: 0.25rem !important
  }

  .u-mr-3xs-xl,
  .u-mx-3xs-xl {
    margin-right: 0.25rem !important
  }

  .u-mb-3xs-xl,
  .u-my-3xs-xl {
    margin-bottom: 0.25rem !important
  }

  .u-ml-3xs-xl,
  .u-mx-3xs-xl {
    margin-left: 0.25rem !important
  }

  .u-m-xxs-xl {
    margin: 0.5rem !important
  }

  .u-mt-xxs-xl,
  .u-my-xxs-xl {
    margin-top: 0.5rem !important
  }

  .u-mr-xxs-xl,
  .u-mx-xxs-xl {
    margin-right: 0.5rem !important
  }

  .u-mb-xxs-xl,
  .u-my-xxs-xl {
    margin-bottom: 0.5rem !important
  }

  .u-ml-xxs-xl,
  .u-mx-xxs-xl {
    margin-left: 0.5rem !important
  }

  .u-m-xs-xl {
    margin: 0.75rem !important
  }

  .u-mt-xs-xl,
  .u-my-xs-xl {
    margin-top: 0.75rem !important
  }

  .u-mr-xs-xl,
  .u-mx-xs-xl {
    margin-right: 0.75rem !important
  }

  .u-mb-xs-xl,
  .u-my-xs-xl {
    margin-bottom: 0.75rem !important
  }

  .u-ml-xs-xl,
  .u-mx-xs-xl {
    margin-left: 0.75rem !important
  }

  .u-m-s-xl {
    margin: 1rem !important
  }

  .u-mt-s-xl,
  .u-my-s-xl {
    margin-top: 1rem !important
  }

  .u-mr-s-xl,
  .u-mx-s-xl {
    margin-right: 1rem !important
  }

  .u-mb-s-xl,
  .u-my-s-xl {
    margin-bottom: 1rem !important
  }

  .u-ml-s-xl,
  .u-mx-s-xl {
    margin-left: 1rem !important
  }

  .u-m-m-xl {
    margin: 1.5rem !important
  }

  .u-mt-m-xl,
  .u-my-m-xl {
    margin-top: 1.5rem !important
  }

  .u-mr-m-xl,
  .u-mx-m-xl {
    margin-right: 1.5rem !important
  }

  .u-mb-m-xl,
  .u-my-m-xl {
    margin-bottom: 1.5rem !important
  }

  .u-ml-m-xl,
  .u-mx-m-xl {
    margin-left: 1.5rem !important
  }

  .u-m-l-xl {
    margin: 2rem !important
  }

  .u-mt-l-xl,
  .u-my-l-xl {
    margin-top: 2rem !important
  }

  .u-mr-l-xl,
  .u-mx-l-xl {
    margin-right: 2rem !important
  }

  .u-mb-l-xl,
  .u-my-l-xl {
    margin-bottom: 2rem !important
  }

  .u-ml-l-xl,
  .u-mx-l-xl {
    margin-left: 2rem !important
  }

  .u-m-l2-xl {
    margin: 2.5rem !important
  }

  .u-mt-l2-xl,
  .u-my-l2-xl {
    margin-top: 2.5rem !important
  }

  .u-mr-l2-xl,
  .u-mx-l2-xl {
    margin-right: 2.5rem !important
  }

  .u-mb-l2-xl,
  .u-my-l2-xl {
    margin-bottom: 2.5rem !important
  }

  .u-ml-l2-xl,
  .u-mx-l2-xl {
    margin-left: 2.5rem !important
  }

  .u-m-xl-xl {
    margin: 3rem !important
  }

  .u-mt-xl-xl,
  .u-my-xl-xl {
    margin-top: 3rem !important
  }

  .u-mr-xl-xl,
  .u-mx-xl-xl {
    margin-right: 3rem !important
  }

  .u-mb-xl-xl,
  .u-my-xl-xl {
    margin-bottom: 3rem !important
  }

  .u-ml-xl-xl,
  .u-mx-xl-xl {
    margin-left: 3rem !important
  }

  .u-m-2xl-xl {
    margin: 4.5rem !important
  }

  .u-mt-2xl-xl,
  .u-my-2xl-xl {
    margin-top: 4.5rem !important
  }

  .u-mr-2xl-xl,
  .u-mx-2xl-xl {
    margin-right: 4.5rem !important
  }

  .u-mb-2xl-xl,
  .u-my-2xl-xl {
    margin-bottom: 4.5rem !important
  }

  .u-ml-2xl-xl,
  .u-mx-2xl-xl {
    margin-left: 4.5rem !important
  }

  .u-m-3xl-xl {
    margin: 6rem !important
  }

  .u-mt-3xl-xl,
  .u-my-3xl-xl {
    margin-top: 6rem !important
  }

  .u-mr-3xl-xl,
  .u-mx-3xl-xl {
    margin-right: 6rem !important
  }

  .u-mb-3xl-xl,
  .u-my-3xl-xl {
    margin-bottom: 6rem !important
  }

  .u-ml-3xl-xl,
  .u-mx-3xl-xl {
    margin-left: 6rem !important
  }

  .u-m-4xl-xl {
    margin: 8rem !important
  }

  .u-mt-4xl-xl,
  .u-my-4xl-xl {
    margin-top: 8rem !important
  }

  .u-mr-4xl-xl,
  .u-mx-4xl-xl {
    margin-right: 8rem !important
  }

  .u-mb-4xl-xl,
  .u-my-4xl-xl {
    margin-bottom: 8rem !important
  }

  .u-ml-4xl-xl,
  .u-mx-4xl-xl {
    margin-left: 8rem !important
  }

  .u-m-0-xl {
    margin: 0 !important
  }

  .u-m-auto-xl {
    margin: auto !important
  }

  .u-mt-auto-xl,
  .u-my-auto-xl {
    margin-top: auto !important
  }

  .u-mr-auto-xl,
  .u-mx-auto-xl {
    margin-right: auto !important
  }

  .u-mb-auto-xl,
  .u-my-auto-xl {
    margin-bottom: auto !important
  }

  .u-ml-auto-xl,
  .u-mx-auto-xl {
    margin-left: auto !important
  }

  .u-mb-0-last-child-xl>*:last-child {
    margin-bottom: 0 !important
  }

  .u-p-4xs-xl {
    padding: 0.125rem !important
  }

  .u-pt-4xs-xl,
  .u-py-4xs-xl {
    padding-top: 0.125rem !important
  }

  .u-pr-4xs-xl,
  .u-px-4xs-xl {
    padding-right: 0.125rem !important
  }

  .u-pb-4xs-xl,
  .u-py-4xs-xl {
    padding-bottom: 0.125rem !important
  }

  .u-pl-4xs-xl,
  .u-px-4xs-xl {
    padding-left: 0.125rem !important
  }

  .u-p-3xs-xl {
    padding: 0.25rem !important
  }

  .u-pt-3xs-xl,
  .u-py-3xs-xl {
    padding-top: 0.25rem !important
  }

  .u-pr-3xs-xl,
  .u-px-3xs-xl {
    padding-right: 0.25rem !important
  }

  .u-pb-3xs-xl,
  .u-py-3xs-xl {
    padding-bottom: 0.25rem !important
  }

  .u-pl-3xs-xl,
  .u-px-3xs-xl {
    padding-left: 0.25rem !important
  }

  .u-p-xxs-xl {
    padding: 0.5rem !important
  }

  .u-pt-xxs-xl,
  .u-py-xxs-xl {
    padding-top: 0.5rem !important
  }

  .u-pr-xxs-xl,
  .u-px-xxs-xl {
    padding-right: 0.5rem !important
  }

  .u-pb-xxs-xl,
  .u-py-xxs-xl {
    padding-bottom: 0.5rem !important
  }

  .u-pl-xxs-xl,
  .u-px-xxs-xl {
    padding-left: 0.5rem !important
  }

  .u-p-xs-xl {
    padding: 0.75rem !important
  }

  .u-pt-xs-xl,
  .u-py-xs-xl {
    padding-top: 0.75rem !important
  }

  .u-pr-xs-xl,
  .u-px-xs-xl {
    padding-right: 0.75rem !important
  }

  .u-pb-xs-xl,
  .u-py-xs-xl {
    padding-bottom: 0.75rem !important
  }

  .u-pl-xs-xl,
  .u-px-xs-xl {
    padding-left: 0.75rem !important
  }

  .u-p-s-xl {
    padding: 1rem !important
  }

  .u-pt-s-xl,
  .u-py-s-xl {
    padding-top: 1rem !important
  }

  .u-pr-s-xl,
  .u-px-s-xl {
    padding-right: 1rem !important
  }

  .u-pb-s-xl,
  .u-py-s-xl {
    padding-bottom: 1rem !important
  }

  .u-pl-s-xl,
  .u-px-s-xl {
    padding-left: 1rem !important
  }

  .u-p-m-xl {
    padding: 1.5rem !important
  }

  .u-pt-m-xl,
  .u-py-m-xl {
    padding-top: 1.5rem !important
  }

  .u-pr-m-xl,
  .u-px-m-xl {
    padding-right: 1.5rem !important
  }

  .u-pb-m-xl,
  .u-py-m-xl {
    padding-bottom: 1.5rem !important
  }

  .u-pl-m-xl,
  .u-px-m-xl {
    padding-left: 1.5rem !important
  }

  .u-p-l-xl {
    padding: 2rem !important
  }

  .u-pt-l-xl,
  .u-py-l-xl {
    padding-top: 2rem !important
  }

  .u-pr-l-xl,
  .u-px-l-xl {
    padding-right: 2rem !important
  }

  .u-pb-l-xl,
  .u-py-l-xl {
    padding-bottom: 2rem !important
  }

  .u-pl-l-xl,
  .u-px-l-xl {
    padding-left: 2rem !important
  }

  .u-p-l2-xl {
    padding: 2.5rem !important
  }

  .u-pt-l2-xl,
  .u-py-l2-xl {
    padding-top: 2.5rem !important
  }

  .u-pr-l2-xl,
  .u-px-l2-xl {
    padding-right: 2.5rem !important
  }

  .u-pb-l2-xl,
  .u-py-l2-xl {
    padding-bottom: 2.5rem !important
  }

  .u-pl-l2-xl,
  .u-px-l2-xl {
    padding-left: 2.5rem !important
  }

  .u-p-xl-xl {
    padding: 3rem !important
  }

  .u-pt-xl-xl,
  .u-py-xl-xl {
    padding-top: 3rem !important
  }

  .u-pr-xl-xl,
  .u-px-xl-xl {
    padding-right: 3rem !important
  }

  .u-pb-xl-xl,
  .u-py-xl-xl {
    padding-bottom: 3rem !important
  }

  .u-pl-xl-xl,
  .u-px-xl-xl {
    padding-left: 3rem !important
  }

  .u-p-2xl-xl {
    padding: 4.5rem !important
  }

  .u-pt-2xl-xl,
  .u-py-2xl-xl {
    padding-top: 4.5rem !important
  }

  .u-pr-2xl-xl,
  .u-px-2xl-xl {
    padding-right: 4.5rem !important
  }

  .u-pb-2xl-xl,
  .u-py-2xl-xl {
    padding-bottom: 4.5rem !important
  }

  .u-pl-2xl-xl,
  .u-px-2xl-xl {
    padding-left: 4.5rem !important
  }

  .u-p-3xl-xl {
    padding: 6rem !important
  }

  .u-pt-3xl-xl,
  .u-py-3xl-xl {
    padding-top: 6rem !important
  }

  .u-pr-3xl-xl,
  .u-px-3xl-xl {
    padding-right: 6rem !important
  }

  .u-pb-3xl-xl,
  .u-py-3xl-xl {
    padding-bottom: 6rem !important
  }

  .u-pl-3xl-xl,
  .u-px-3xl-xl {
    padding-left: 6rem !important
  }

  .u-p-4xl-xl {
    padding: 8rem !important
  }

  .u-pt-4xl-xl,
  .u-py-4xl-xl {
    padding-top: 8rem !important
  }

  .u-pr-4xl-xl,
  .u-px-4xl-xl {
    padding-right: 8rem !important
  }

  .u-pb-4xl-xl,
  .u-py-4xl-xl {
    padding-bottom: 8rem !important
  }

  .u-pl-4xl-xl,
  .u-px-4xl-xl {
    padding-left: 8rem !important
  }

  .u-p-0-xl {
    padding: 0 !important
  }

  .u-p-auto-xl {
    padding: auto !important
  }

  .u-pt-auto-xl,
  .u-py-auto-xl {
    padding-top: auto !important
  }

  .u-pr-auto-xl,
  .u-px-auto-xl {
    padding-right: auto !important
  }

  .u-pb-auto-xl,
  .u-py-auto-xl {
    padding-bottom: auto !important
  }

  .u-pl-auto-xl,
  .u-px-auto-xl {
    padding-left: auto !important
  }

  .u-pb-0-last-child-xl>*:last-child {
    padding-bottom: 0 !important
  }
}

@media (min-width: 1300px) {

  .u-mt-0-xxl,
  .u-my-0-xxl {
    margin-top: 0 !important
  }

  .u-mb-0-xxl,
  .u-my-0-xxl {
    margin-bottom: 0 !important
  }

  .u-ml-0-xxl,
  .u-mx-0-xxl {
    margin-left: 0 !important
  }

  .u-mr-0-xxl,
  .u-mx-0-xxl {
    margin-right: 0 !important
  }

  .u-pt-0-xxl,
  .u-py-0-xxl {
    padding-top: 0 !important
  }

  .u-pb-0-xxl,
  .u-py-0-xxl {
    padding-bottom: 0 !important
  }

  .u-pl-0-xxl,
  .u-px-0-xxl {
    padding-left: 0 !important
  }

  .u-pr-0-xxl,
  .u-px-0-xxl {
    padding-right: 0 !important
  }

  .u-m-4xs-xxl {
    margin: 0.125rem !important
  }

  .u-mt-4xs-xxl,
  .u-my-4xs-xxl {
    margin-top: 0.125rem !important
  }

  .u-mr-4xs-xxl,
  .u-mx-4xs-xxl {
    margin-right: 0.125rem !important
  }

  .u-mb-4xs-xxl,
  .u-my-4xs-xxl {
    margin-bottom: 0.125rem !important
  }

  .u-ml-4xs-xxl,
  .u-mx-4xs-xxl {
    margin-left: 0.125rem !important
  }

  .u-m-3xs-xxl {
    margin: 0.25rem !important
  }

  .u-mt-3xs-xxl,
  .u-my-3xs-xxl {
    margin-top: 0.25rem !important
  }

  .u-mr-3xs-xxl,
  .u-mx-3xs-xxl {
    margin-right: 0.25rem !important
  }

  .u-mb-3xs-xxl,
  .u-my-3xs-xxl {
    margin-bottom: 0.25rem !important
  }

  .u-ml-3xs-xxl,
  .u-mx-3xs-xxl {
    margin-left: 0.25rem !important
  }

  .u-m-xxs-xxl {
    margin: 0.5rem !important
  }

  .u-mt-xxs-xxl,
  .u-my-xxs-xxl {
    margin-top: 0.5rem !important
  }

  .u-mr-xxs-xxl,
  .u-mx-xxs-xxl {
    margin-right: 0.5rem !important
  }

  .u-mb-xxs-xxl,
  .u-my-xxs-xxl {
    margin-bottom: 0.5rem !important
  }

  .u-ml-xxs-xxl,
  .u-mx-xxs-xxl {
    margin-left: 0.5rem !important
  }

  .u-m-xs-xxl {
    margin: 0.75rem !important
  }

  .u-mt-xs-xxl,
  .u-my-xs-xxl {
    margin-top: 0.75rem !important
  }

  .u-mr-xs-xxl,
  .u-mx-xs-xxl {
    margin-right: 0.75rem !important
  }

  .u-mb-xs-xxl,
  .u-my-xs-xxl {
    margin-bottom: 0.75rem !important
  }

  .u-ml-xs-xxl,
  .u-mx-xs-xxl {
    margin-left: 0.75rem !important
  }

  .u-m-s-xxl {
    margin: 1rem !important
  }

  .u-mt-s-xxl,
  .u-my-s-xxl {
    margin-top: 1rem !important
  }

  .u-mr-s-xxl,
  .u-mx-s-xxl {
    margin-right: 1rem !important
  }

  .u-mb-s-xxl,
  .u-my-s-xxl {
    margin-bottom: 1rem !important
  }

  .u-ml-s-xxl,
  .u-mx-s-xxl {
    margin-left: 1rem !important
  }

  .u-m-m-xxl {
    margin: 1.5rem !important
  }

  .u-mt-m-xxl,
  .u-my-m-xxl {
    margin-top: 1.5rem !important
  }

  .u-mr-m-xxl,
  .u-mx-m-xxl {
    margin-right: 1.5rem !important
  }

  .u-mb-m-xxl,
  .u-my-m-xxl {
    margin-bottom: 1.5rem !important
  }

  .u-ml-m-xxl,
  .u-mx-m-xxl {
    margin-left: 1.5rem !important
  }

  .u-m-l-xxl {
    margin: 2rem !important
  }

  .u-mt-l-xxl,
  .u-my-l-xxl {
    margin-top: 2rem !important
  }

  .u-mr-l-xxl,
  .u-mx-l-xxl {
    margin-right: 2rem !important
  }

  .u-mb-l-xxl,
  .u-my-l-xxl {
    margin-bottom: 2rem !important
  }

  .u-ml-l-xxl,
  .u-mx-l-xxl {
    margin-left: 2rem !important
  }

  .u-m-l2-xxl {
    margin: 2.5rem !important
  }

  .u-mt-l2-xxl,
  .u-my-l2-xxl {
    margin-top: 2.5rem !important
  }

  .u-mr-l2-xxl,
  .u-mx-l2-xxl {
    margin-right: 2.5rem !important
  }

  .u-mb-l2-xxl,
  .u-my-l2-xxl {
    margin-bottom: 2.5rem !important
  }

  .u-ml-l2-xxl,
  .u-mx-l2-xxl {
    margin-left: 2.5rem !important
  }

  .u-m-xl-xxl {
    margin: 3rem !important
  }

  .u-mt-xl-xxl,
  .u-my-xl-xxl {
    margin-top: 3rem !important
  }

  .u-mr-xl-xxl,
  .u-mx-xl-xxl {
    margin-right: 3rem !important
  }

  .u-mb-xl-xxl,
  .u-my-xl-xxl {
    margin-bottom: 3rem !important
  }

  .u-ml-xl-xxl,
  .u-mx-xl-xxl {
    margin-left: 3rem !important
  }

  .u-m-2xl-xxl {
    margin: 4.5rem !important
  }

  .u-mt-2xl-xxl,
  .u-my-2xl-xxl {
    margin-top: 4.5rem !important
  }

  .u-mr-2xl-xxl,
  .u-mx-2xl-xxl {
    margin-right: 4.5rem !important
  }

  .u-mb-2xl-xxl,
  .u-my-2xl-xxl {
    margin-bottom: 4.5rem !important
  }

  .u-ml-2xl-xxl,
  .u-mx-2xl-xxl {
    margin-left: 4.5rem !important
  }

  .u-m-3xl-xxl {
    margin: 6rem !important
  }

  .u-mt-3xl-xxl,
  .u-my-3xl-xxl {
    margin-top: 6rem !important
  }

  .u-mr-3xl-xxl,
  .u-mx-3xl-xxl {
    margin-right: 6rem !important
  }

  .u-mb-3xl-xxl,
  .u-my-3xl-xxl {
    margin-bottom: 6rem !important
  }

  .u-ml-3xl-xxl,
  .u-mx-3xl-xxl {
    margin-left: 6rem !important
  }

  .u-m-4xl-xxl {
    margin: 8rem !important
  }

  .u-mt-4xl-xxl,
  .u-my-4xl-xxl {
    margin-top: 8rem !important
  }

  .u-mr-4xl-xxl,
  .u-mx-4xl-xxl {
    margin-right: 8rem !important
  }

  .u-mb-4xl-xxl,
  .u-my-4xl-xxl {
    margin-bottom: 8rem !important
  }

  .u-ml-4xl-xxl,
  .u-mx-4xl-xxl {
    margin-left: 8rem !important
  }

  .u-m-0-xxl {
    margin: 0 !important
  }

  .u-m-auto-xxl {
    margin: auto !important
  }

  .u-mt-auto-xxl,
  .u-my-auto-xxl {
    margin-top: auto !important
  }

  .u-mr-auto-xxl,
  .u-mx-auto-xxl {
    margin-right: auto !important
  }

  .u-mb-auto-xxl,
  .u-my-auto-xxl {
    margin-bottom: auto !important
  }

  .u-ml-auto-xxl,
  .u-mx-auto-xxl {
    margin-left: auto !important
  }

  .u-mb-0-last-child-xxl>*:last-child {
    margin-bottom: 0 !important
  }

  .u-p-4xs-xxl {
    padding: 0.125rem !important
  }

  .u-pt-4xs-xxl,
  .u-py-4xs-xxl {
    padding-top: 0.125rem !important
  }

  .u-pr-4xs-xxl,
  .u-px-4xs-xxl {
    padding-right: 0.125rem !important
  }

  .u-pb-4xs-xxl,
  .u-py-4xs-xxl {
    padding-bottom: 0.125rem !important
  }

  .u-pl-4xs-xxl,
  .u-px-4xs-xxl {
    padding-left: 0.125rem !important
  }

  .u-p-3xs-xxl {
    padding: 0.25rem !important
  }

  .u-pt-3xs-xxl,
  .u-py-3xs-xxl {
    padding-top: 0.25rem !important
  }

  .u-pr-3xs-xxl,
  .u-px-3xs-xxl {
    padding-right: 0.25rem !important
  }

  .u-pb-3xs-xxl,
  .u-py-3xs-xxl {
    padding-bottom: 0.25rem !important
  }

  .u-pl-3xs-xxl,
  .u-px-3xs-xxl {
    padding-left: 0.25rem !important
  }

  .u-p-xxs-xxl {
    padding: 0.5rem !important
  }

  .u-pt-xxs-xxl,
  .u-py-xxs-xxl {
    padding-top: 0.5rem !important
  }

  .u-pr-xxs-xxl,
  .u-px-xxs-xxl {
    padding-right: 0.5rem !important
  }

  .u-pb-xxs-xxl,
  .u-py-xxs-xxl {
    padding-bottom: 0.5rem !important
  }

  .u-pl-xxs-xxl,
  .u-px-xxs-xxl {
    padding-left: 0.5rem !important
  }

  .u-p-xs-xxl {
    padding: 0.75rem !important
  }

  .u-pt-xs-xxl,
  .u-py-xs-xxl {
    padding-top: 0.75rem !important
  }

  .u-pr-xs-xxl,
  .u-px-xs-xxl {
    padding-right: 0.75rem !important
  }

  .u-pb-xs-xxl,
  .u-py-xs-xxl {
    padding-bottom: 0.75rem !important
  }

  .u-pl-xs-xxl,
  .u-px-xs-xxl {
    padding-left: 0.75rem !important
  }

  .u-p-s-xxl {
    padding: 1rem !important
  }

  .u-pt-s-xxl,
  .u-py-s-xxl {
    padding-top: 1rem !important
  }

  .u-pr-s-xxl,
  .u-px-s-xxl {
    padding-right: 1rem !important
  }

  .u-pb-s-xxl,
  .u-py-s-xxl {
    padding-bottom: 1rem !important
  }

  .u-pl-s-xxl,
  .u-px-s-xxl {
    padding-left: 1rem !important
  }

  .u-p-m-xxl {
    padding: 1.5rem !important
  }

  .u-pt-m-xxl,
  .u-py-m-xxl {
    padding-top: 1.5rem !important
  }

  .u-pr-m-xxl,
  .u-px-m-xxl {
    padding-right: 1.5rem !important
  }

  .u-pb-m-xxl,
  .u-py-m-xxl {
    padding-bottom: 1.5rem !important
  }

  .u-pl-m-xxl,
  .u-px-m-xxl {
    padding-left: 1.5rem !important
  }

  .u-p-l-xxl {
    padding: 2rem !important
  }

  .u-pt-l-xxl,
  .u-py-l-xxl {
    padding-top: 2rem !important
  }

  .u-pr-l-xxl,
  .u-px-l-xxl {
    padding-right: 2rem !important
  }

  .u-pb-l-xxl,
  .u-py-l-xxl {
    padding-bottom: 2rem !important
  }

  .u-pl-l-xxl,
  .u-px-l-xxl {
    padding-left: 2rem !important
  }

  .u-p-l2-xxl {
    padding: 2.5rem !important
  }

  .u-pt-l2-xxl,
  .u-py-l2-xxl {
    padding-top: 2.5rem !important
  }

  .u-pr-l2-xxl,
  .u-px-l2-xxl {
    padding-right: 2.5rem !important
  }

  .u-pb-l2-xxl,
  .u-py-l2-xxl {
    padding-bottom: 2.5rem !important
  }

  .u-pl-l2-xxl,
  .u-px-l2-xxl {
    padding-left: 2.5rem !important
  }

  .u-p-xl-xxl {
    padding: 3rem !important
  }

  .u-pt-xl-xxl,
  .u-py-xl-xxl {
    padding-top: 3rem !important
  }

  .u-pr-xl-xxl,
  .u-px-xl-xxl {
    padding-right: 3rem !important
  }

  .u-pb-xl-xxl,
  .u-py-xl-xxl {
    padding-bottom: 3rem !important
  }

  .u-pl-xl-xxl,
  .u-px-xl-xxl {
    padding-left: 3rem !important
  }

  .u-p-2xl-xxl {
    padding: 4.5rem !important
  }

  .u-pt-2xl-xxl,
  .u-py-2xl-xxl {
    padding-top: 4.5rem !important
  }

  .u-pr-2xl-xxl,
  .u-px-2xl-xxl {
    padding-right: 4.5rem !important
  }

  .u-pb-2xl-xxl,
  .u-py-2xl-xxl {
    padding-bottom: 4.5rem !important
  }

  .u-pl-2xl-xxl,
  .u-px-2xl-xxl {
    padding-left: 4.5rem !important
  }

  .u-p-3xl-xxl {
    padding: 6rem !important
  }

  .u-pt-3xl-xxl,
  .u-py-3xl-xxl {
    padding-top: 6rem !important
  }

  .u-pr-3xl-xxl,
  .u-px-3xl-xxl {
    padding-right: 6rem !important
  }

  .u-pb-3xl-xxl,
  .u-py-3xl-xxl {
    padding-bottom: 6rem !important
  }

  .u-pl-3xl-xxl,
  .u-px-3xl-xxl {
    padding-left: 6rem !important
  }

  .u-p-4xl-xxl {
    padding: 8rem !important
  }

  .u-pt-4xl-xxl,
  .u-py-4xl-xxl {
    padding-top: 8rem !important
  }

  .u-pr-4xl-xxl,
  .u-px-4xl-xxl {
    padding-right: 8rem !important
  }

  .u-pb-4xl-xxl,
  .u-py-4xl-xxl {
    padding-bottom: 8rem !important
  }

  .u-pl-4xl-xxl,
  .u-px-4xl-xxl {
    padding-left: 8rem !important
  }

  .u-p-0-xxl {
    padding: 0 !important
  }

  .u-p-auto-xxl {
    padding: auto !important
  }

  .u-pt-auto-xxl,
  .u-py-auto-xxl {
    padding-top: auto !important
  }

  .u-pr-auto-xxl,
  .u-px-auto-xxl {
    padding-right: auto !important
  }

  .u-pb-auto-xxl,
  .u-py-auto-xxl {
    padding-bottom: auto !important
  }

  .u-pl-auto-xxl,
  .u-px-auto-xxl {
    padding-left: auto !important
  }

  .u-pb-0-last-child-xxl>*:last-child {
    padding-bottom: 0 !important
  }
}

@media (min-width: 1650px) {

  .u-mt-0-xxxl,
  .u-my-0-xxxl {
    margin-top: 0 !important
  }

  .u-mb-0-xxxl,
  .u-my-0-xxxl {
    margin-bottom: 0 !important
  }

  .u-ml-0-xxxl,
  .u-mx-0-xxxl {
    margin-left: 0 !important
  }

  .u-mr-0-xxxl,
  .u-mx-0-xxxl {
    margin-right: 0 !important
  }

  .u-pt-0-xxxl,
  .u-py-0-xxxl {
    padding-top: 0 !important
  }

  .u-pb-0-xxxl,
  .u-py-0-xxxl {
    padding-bottom: 0 !important
  }

  .u-pl-0-xxxl,
  .u-px-0-xxxl {
    padding-left: 0 !important
  }

  .u-pr-0-xxxl,
  .u-px-0-xxxl {
    padding-right: 0 !important
  }

  .u-m-4xs-xxxl {
    margin: 0.125rem !important
  }

  .u-mt-4xs-xxxl,
  .u-my-4xs-xxxl {
    margin-top: 0.125rem !important
  }

  .u-mr-4xs-xxxl,
  .u-mx-4xs-xxxl {
    margin-right: 0.125rem !important
  }

  .u-mb-4xs-xxxl,
  .u-my-4xs-xxxl {
    margin-bottom: 0.125rem !important
  }

  .u-ml-4xs-xxxl,
  .u-mx-4xs-xxxl {
    margin-left: 0.125rem !important
  }

  .u-m-3xs-xxxl {
    margin: 0.25rem !important
  }

  .u-mt-3xs-xxxl,
  .u-my-3xs-xxxl {
    margin-top: 0.25rem !important
  }

  .u-mr-3xs-xxxl,
  .u-mx-3xs-xxxl {
    margin-right: 0.25rem !important
  }

  .u-mb-3xs-xxxl,
  .u-my-3xs-xxxl {
    margin-bottom: 0.25rem !important
  }

  .u-ml-3xs-xxxl,
  .u-mx-3xs-xxxl {
    margin-left: 0.25rem !important
  }

  .u-m-xxs-xxxl {
    margin: 0.5rem !important
  }

  .u-mt-xxs-xxxl,
  .u-my-xxs-xxxl {
    margin-top: 0.5rem !important
  }

  .u-mr-xxs-xxxl,
  .u-mx-xxs-xxxl {
    margin-right: 0.5rem !important
  }

  .u-mb-xxs-xxxl,
  .u-my-xxs-xxxl {
    margin-bottom: 0.5rem !important
  }

  .u-ml-xxs-xxxl,
  .u-mx-xxs-xxxl {
    margin-left: 0.5rem !important
  }

  .u-m-xs-xxxl {
    margin: 0.75rem !important
  }

  .u-mt-xs-xxxl,
  .u-my-xs-xxxl {
    margin-top: 0.75rem !important
  }

  .u-mr-xs-xxxl,
  .u-mx-xs-xxxl {
    margin-right: 0.75rem !important
  }

  .u-mb-xs-xxxl,
  .u-my-xs-xxxl {
    margin-bottom: 0.75rem !important
  }

  .u-ml-xs-xxxl,
  .u-mx-xs-xxxl {
    margin-left: 0.75rem !important
  }

  .u-m-s-xxxl {
    margin: 1rem !important
  }

  .u-mt-s-xxxl,
  .u-my-s-xxxl {
    margin-top: 1rem !important
  }

  .u-mr-s-xxxl,
  .u-mx-s-xxxl {
    margin-right: 1rem !important
  }

  .u-mb-s-xxxl,
  .u-my-s-xxxl {
    margin-bottom: 1rem !important
  }

  .u-ml-s-xxxl,
  .u-mx-s-xxxl {
    margin-left: 1rem !important
  }

  .u-m-m-xxxl {
    margin: 1.5rem !important
  }

  .u-mt-m-xxxl,
  .u-my-m-xxxl {
    margin-top: 1.5rem !important
  }

  .u-mr-m-xxxl,
  .u-mx-m-xxxl {
    margin-right: 1.5rem !important
  }

  .u-mb-m-xxxl,
  .u-my-m-xxxl {
    margin-bottom: 1.5rem !important
  }

  .u-ml-m-xxxl,
  .u-mx-m-xxxl {
    margin-left: 1.5rem !important
  }

  .u-m-l-xxxl {
    margin: 2rem !important
  }

  .u-mt-l-xxxl,
  .u-my-l-xxxl {
    margin-top: 2rem !important
  }

  .u-mr-l-xxxl,
  .u-mx-l-xxxl {
    margin-right: 2rem !important
  }

  .u-mb-l-xxxl,
  .u-my-l-xxxl {
    margin-bottom: 2rem !important
  }

  .u-ml-l-xxxl,
  .u-mx-l-xxxl {
    margin-left: 2rem !important
  }

  .u-m-l2-xxxl {
    margin: 2.5rem !important
  }

  .u-mt-l2-xxxl,
  .u-my-l2-xxxl {
    margin-top: 2.5rem !important
  }

  .u-mr-l2-xxxl,
  .u-mx-l2-xxxl {
    margin-right: 2.5rem !important
  }

  .u-mb-l2-xxxl,
  .u-my-l2-xxxl {
    margin-bottom: 2.5rem !important
  }

  .u-ml-l2-xxxl,
  .u-mx-l2-xxxl {
    margin-left: 2.5rem !important
  }

  .u-m-xl-xxxl {
    margin: 3rem !important
  }

  .u-mt-xl-xxxl,
  .u-my-xl-xxxl {
    margin-top: 3rem !important
  }

  .u-mr-xl-xxxl,
  .u-mx-xl-xxxl {
    margin-right: 3rem !important
  }

  .u-mb-xl-xxxl,
  .u-my-xl-xxxl {
    margin-bottom: 3rem !important
  }

  .u-ml-xl-xxxl,
  .u-mx-xl-xxxl {
    margin-left: 3rem !important
  }

  .u-m-2xl-xxxl {
    margin: 4.5rem !important
  }

  .u-mt-2xl-xxxl,
  .u-my-2xl-xxxl {
    margin-top: 4.5rem !important
  }

  .u-mr-2xl-xxxl,
  .u-mx-2xl-xxxl {
    margin-right: 4.5rem !important
  }

  .u-mb-2xl-xxxl,
  .u-my-2xl-xxxl {
    margin-bottom: 4.5rem !important
  }

  .u-ml-2xl-xxxl,
  .u-mx-2xl-xxxl {
    margin-left: 4.5rem !important
  }

  .u-m-3xl-xxxl {
    margin: 6rem !important
  }

  .u-mt-3xl-xxxl,
  .u-my-3xl-xxxl {
    margin-top: 6rem !important
  }

  .u-mr-3xl-xxxl,
  .u-mx-3xl-xxxl {
    margin-right: 6rem !important
  }

  .u-mb-3xl-xxxl,
  .u-my-3xl-xxxl {
    margin-bottom: 6rem !important
  }

  .u-ml-3xl-xxxl,
  .u-mx-3xl-xxxl {
    margin-left: 6rem !important
  }

  .u-m-4xl-xxxl {
    margin: 8rem !important
  }

  .u-mt-4xl-xxxl,
  .u-my-4xl-xxxl {
    margin-top: 8rem !important
  }

  .u-mr-4xl-xxxl,
  .u-mx-4xl-xxxl {
    margin-right: 8rem !important
  }

  .u-mb-4xl-xxxl,
  .u-my-4xl-xxxl {
    margin-bottom: 8rem !important
  }

  .u-ml-4xl-xxxl,
  .u-mx-4xl-xxxl {
    margin-left: 8rem !important
  }

  .u-m-0-xxxl {
    margin: 0 !important
  }

  .u-m-auto-xxxl {
    margin: auto !important
  }

  .u-mt-auto-xxxl,
  .u-my-auto-xxxl {
    margin-top: auto !important
  }

  .u-mr-auto-xxxl,
  .u-mx-auto-xxxl {
    margin-right: auto !important
  }

  .u-mb-auto-xxxl,
  .u-my-auto-xxxl {
    margin-bottom: auto !important
  }

  .u-ml-auto-xxxl,
  .u-mx-auto-xxxl {
    margin-left: auto !important
  }

  .u-mb-0-last-child-xxxl>*:last-child {
    margin-bottom: 0 !important
  }

  .u-p-4xs-xxxl {
    padding: 0.125rem !important
  }

  .u-pt-4xs-xxxl,
  .u-py-4xs-xxxl {
    padding-top: 0.125rem !important
  }

  .u-pr-4xs-xxxl,
  .u-px-4xs-xxxl {
    padding-right: 0.125rem !important
  }

  .u-pb-4xs-xxxl,
  .u-py-4xs-xxxl {
    padding-bottom: 0.125rem !important
  }

  .u-pl-4xs-xxxl,
  .u-px-4xs-xxxl {
    padding-left: 0.125rem !important
  }

  .u-p-3xs-xxxl {
    padding: 0.25rem !important
  }

  .u-pt-3xs-xxxl,
  .u-py-3xs-xxxl {
    padding-top: 0.25rem !important
  }

  .u-pr-3xs-xxxl,
  .u-px-3xs-xxxl {
    padding-right: 0.25rem !important
  }

  .u-pb-3xs-xxxl,
  .u-py-3xs-xxxl {
    padding-bottom: 0.25rem !important
  }

  .u-pl-3xs-xxxl,
  .u-px-3xs-xxxl {
    padding-left: 0.25rem !important
  }

  .u-p-xxs-xxxl {
    padding: 0.5rem !important
  }

  .u-pt-xxs-xxxl,
  .u-py-xxs-xxxl {
    padding-top: 0.5rem !important
  }

  .u-pr-xxs-xxxl,
  .u-px-xxs-xxxl {
    padding-right: 0.5rem !important
  }

  .u-pb-xxs-xxxl,
  .u-py-xxs-xxxl {
    padding-bottom: 0.5rem !important
  }

  .u-pl-xxs-xxxl,
  .u-px-xxs-xxxl {
    padding-left: 0.5rem !important
  }

  .u-p-xs-xxxl {
    padding: 0.75rem !important
  }

  .u-pt-xs-xxxl,
  .u-py-xs-xxxl {
    padding-top: 0.75rem !important
  }

  .u-pr-xs-xxxl,
  .u-px-xs-xxxl {
    padding-right: 0.75rem !important
  }

  .u-pb-xs-xxxl,
  .u-py-xs-xxxl {
    padding-bottom: 0.75rem !important
  }

  .u-pl-xs-xxxl,
  .u-px-xs-xxxl {
    padding-left: 0.75rem !important
  }

  .u-p-s-xxxl {
    padding: 1rem !important
  }

  .u-pt-s-xxxl,
  .u-py-s-xxxl {
    padding-top: 1rem !important
  }

  .u-pr-s-xxxl,
  .u-px-s-xxxl {
    padding-right: 1rem !important
  }

  .u-pb-s-xxxl,
  .u-py-s-xxxl {
    padding-bottom: 1rem !important
  }

  .u-pl-s-xxxl,
  .u-px-s-xxxl {
    padding-left: 1rem !important
  }

  .u-p-m-xxxl {
    padding: 1.5rem !important
  }

  .u-pt-m-xxxl,
  .u-py-m-xxxl {
    padding-top: 1.5rem !important
  }

  .u-pr-m-xxxl,
  .u-px-m-xxxl {
    padding-right: 1.5rem !important
  }

  .u-pb-m-xxxl,
  .u-py-m-xxxl {
    padding-bottom: 1.5rem !important
  }

  .u-pl-m-xxxl,
  .u-px-m-xxxl {
    padding-left: 1.5rem !important
  }

  .u-p-l-xxxl {
    padding: 2rem !important
  }

  .u-pt-l-xxxl,
  .u-py-l-xxxl {
    padding-top: 2rem !important
  }

  .u-pr-l-xxxl,
  .u-px-l-xxxl {
    padding-right: 2rem !important
  }

  .u-pb-l-xxxl,
  .u-py-l-xxxl {
    padding-bottom: 2rem !important
  }

  .u-pl-l-xxxl,
  .u-px-l-xxxl {
    padding-left: 2rem !important
  }

  .u-p-l2-xxxl {
    padding: 2.5rem !important
  }

  .u-pt-l2-xxxl,
  .u-py-l2-xxxl {
    padding-top: 2.5rem !important
  }

  .u-pr-l2-xxxl,
  .u-px-l2-xxxl {
    padding-right: 2.5rem !important
  }

  .u-pb-l2-xxxl,
  .u-py-l2-xxxl {
    padding-bottom: 2.5rem !important
  }

  .u-pl-l2-xxxl,
  .u-px-l2-xxxl {
    padding-left: 2.5rem !important
  }

  .u-p-xl-xxxl {
    padding: 3rem !important
  }

  .u-pt-xl-xxxl,
  .u-py-xl-xxxl {
    padding-top: 3rem !important
  }

  .u-pr-xl-xxxl,
  .u-px-xl-xxxl {
    padding-right: 3rem !important
  }

  .u-pb-xl-xxxl,
  .u-py-xl-xxxl {
    padding-bottom: 3rem !important
  }

  .u-pl-xl-xxxl,
  .u-px-xl-xxxl {
    padding-left: 3rem !important
  }

  .u-p-2xl-xxxl {
    padding: 4.5rem !important
  }

  .u-pt-2xl-xxxl,
  .u-py-2xl-xxxl {
    padding-top: 4.5rem !important
  }

  .u-pr-2xl-xxxl,
  .u-px-2xl-xxxl {
    padding-right: 4.5rem !important
  }

  .u-pb-2xl-xxxl,
  .u-py-2xl-xxxl {
    padding-bottom: 4.5rem !important
  }

  .u-pl-2xl-xxxl,
  .u-px-2xl-xxxl {
    padding-left: 4.5rem !important
  }

  .u-p-3xl-xxxl {
    padding: 6rem !important
  }

  .u-pt-3xl-xxxl,
  .u-py-3xl-xxxl {
    padding-top: 6rem !important
  }

  .u-pr-3xl-xxxl,
  .u-px-3xl-xxxl {
    padding-right: 6rem !important
  }

  .u-pb-3xl-xxxl,
  .u-py-3xl-xxxl {
    padding-bottom: 6rem !important
  }

  .u-pl-3xl-xxxl,
  .u-px-3xl-xxxl {
    padding-left: 6rem !important
  }

  .u-p-4xl-xxxl {
    padding: 8rem !important
  }

  .u-pt-4xl-xxxl,
  .u-py-4xl-xxxl {
    padding-top: 8rem !important
  }

  .u-pr-4xl-xxxl,
  .u-px-4xl-xxxl {
    padding-right: 8rem !important
  }

  .u-pb-4xl-xxxl,
  .u-py-4xl-xxxl {
    padding-bottom: 8rem !important
  }

  .u-pl-4xl-xxxl,
  .u-px-4xl-xxxl {
    padding-left: 8rem !important
  }

  .u-p-0-xxxl {
    padding: 0 !important
  }

  .u-p-auto-xxxl {
    padding: auto !important
  }

  .u-pt-auto-xxxl,
  .u-py-auto-xxxl {
    padding-top: auto !important
  }

  .u-pr-auto-xxxl,
  .u-px-auto-xxxl {
    padding-right: auto !important
  }

  .u-pb-auto-xxxl,
  .u-py-auto-xxxl {
    padding-bottom: auto !important
  }

  .u-pl-auto-xxxl,
  .u-px-auto-xxxl {
    padding-left: auto !important
  }

  .u-pb-0-last-child-xxxl>*:last-child {
    padding-bottom: 0 !important
  }
}

.u-px-40 {
  padding-left: 40px;
  padding-right: 40px
}

.u-nm-xs {
  margin: -12px
}

@media (max-width: 575px) {
  .u-nmx-4xs {
    margin-left: -0.125rem;
    margin-right: -0.125rem
  }

  .u-nmx-3xs {
    margin-left: -0.25rem;
    margin-right: -0.25rem
  }

  .u-nmx-xxs {
    margin-left: -0.5rem;
    margin-right: -0.5rem
  }

  .u-nmx-xs {
    margin-left: -0.75rem;
    margin-right: -0.75rem
  }

  .u-nmx-s {
    margin-left: -1rem;
    margin-right: -1rem
  }

  .u-nmx-m {
    margin-left: -1.5rem;
    margin-right: -1.5rem
  }

  .u-nmx-l {
    margin-left: -2rem;
    margin-right: -2rem
  }

  .u-nmx-l2 {
    margin-left: -2.5rem;
    margin-right: -2.5rem
  }

  .u-nmx-xl {
    margin-left: -3rem;
    margin-right: -3rem
  }

  .u-nmx-2xl {
    margin-left: -4.5rem;
    margin-right: -4.5rem
  }

  .u-nmx-3xl {
    margin-left: -6rem;
    margin-right: -6rem
  }

  .u-nmx-4xl {
    margin-left: -8rem;
    margin-right: -8rem
  }
}

@media (max-width: 991px) {
  .u-mobile-w-100 {
    min-width: 100%
  }
}

.u-min-w-0 {
  min-width: 0
}

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

.u-min-h-0 {
  min-height: 0
}

@media (max-width: 991px) {
  .u-w-100-mobile {
    width: 100%
  }
}

.u-w-100 {
  width: 100%
}

.u-w-auto {
  width: auto
}

.u-min-w-none {
  width: none
}

.u-h-100 {
  height: 100%
}

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

.u-h-100vh {
  height: 100vh
}

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

.u-h-auto {
  height: auto
}

.u-w-5xs,
.u-size-5xs {
  width: 8px
}

.u-w-4xs,
.u-size-4xs {
  width: 11px
}

.u-w-12,
.u-size-12 {
  width: 12px
}

.u-w-3xs,
.u-size-3xs {
  width: 14px
}

.u-w-base,
.u-size-base {
  width: 16px
}

.u-w-17,
.u-size-17 {
  width: 17px
}

.u-w-18,
.u-size-18 {
  width: 18px
}

.u-w-xxs,
.u-size-xxs {
  width: 20px
}

.u-w-xs,
.u-size-xs {
  width: 24px
}

.u-w-sm,
.u-size-sm {
  width: 28px
}

.u-w-md,
.u-size-md {
  width: 32px
}

.u-w-lg,
.u-size-lg {
  width: 48px
}

.u-w-xl,
.u-size-xl {
  width: 64px
}

.u-w-xxl,
.u-size-xxl {
  width: 128px
}

.u-h-5xs,
.u-size-5xs {
  height: 8px
}

.u-h-4xs,
.u-size-4xs {
  height: 11px
}

.u-h-12,
.u-size-12 {
  height: 12px
}

.u-h-3xs,
.u-size-3xs {
  height: 14px
}

.u-h-base,
.u-size-base {
  height: 16px
}

.u-h-17,
.u-size-17 {
  height: 17px
}

.u-h-18,
.u-size-18 {
  height: 18px
}

.u-h-xxs,
.u-size-xxs {
  height: 20px
}

.u-h-xs,
.u-size-xs {
  height: 24px
}

.u-h-sm,
.u-size-sm {
  height: 28px
}

.u-h-md,
.u-size-md {
  height: 32px
}

.u-h-lg,
.u-size-lg {
  height: 48px
}

.u-h-xl,
.u-size-xl {
  height: 64px
}

.u-h-xxl,
.u-size-xxl {
  height: 128px
}

@media (min-width: 423px) {
  .u-w-100-xs {
    width: 100%
  }

  .u-w-auto-xs {
    width: auto
  }

  .u-min-w-none-xs {
    width: none
  }

  .u-h-100-xs {
    height: 100%
  }

  .u-min-h-100-xs {
    min-height: 100%
  }

  .u-h-100vh-xs {
    height: 100vh
  }

  .u-min-h-100vh-xs {
    min-height: 100vh
  }

  .u-h-auto-xs {
    height: auto
  }

  .u-w-5xs-xs,
  .u-size-5xs-xs {
    width: 8px
  }

  .u-w-4xs-xs,
  .u-size-4xs-xs {
    width: 11px
  }

  .u-w-12-xs,
  .u-size-12-xs {
    width: 12px
  }

  .u-w-3xs-xs,
  .u-size-3xs-xs {
    width: 14px
  }

  .u-w-base-xs,
  .u-size-base-xs {
    width: 16px
  }

  .u-w-17-xs,
  .u-size-17-xs {
    width: 17px
  }

  .u-w-18-xs,
  .u-size-18-xs {
    width: 18px
  }

  .u-w-xxs-xs,
  .u-size-xxs-xs {
    width: 20px
  }

  .u-w-xs-xs,
  .u-size-xs-xs {
    width: 24px
  }

  .u-w-sm-xs,
  .u-size-sm-xs {
    width: 28px
  }

  .u-w-md-xs,
  .u-size-md-xs {
    width: 32px
  }

  .u-w-lg-xs,
  .u-size-lg-xs {
    width: 48px
  }

  .u-w-xl-xs,
  .u-size-xl-xs {
    width: 64px
  }

  .u-w-xxl-xs,
  .u-size-xxl-xs {
    width: 128px
  }

  .u-h-5xs-xs,
  .u-size-5xs-xs {
    height: 8px
  }

  .u-h-4xs-xs,
  .u-size-4xs-xs {
    height: 11px
  }

  .u-h-12-xs,
  .u-size-12-xs {
    height: 12px
  }

  .u-h-3xs-xs,
  .u-size-3xs-xs {
    height: 14px
  }

  .u-h-base-xs,
  .u-size-base-xs {
    height: 16px
  }

  .u-h-17-xs,
  .u-size-17-xs {
    height: 17px
  }

  .u-h-18-xs,
  .u-size-18-xs {
    height: 18px
  }

  .u-h-xxs-xs,
  .u-size-xxs-xs {
    height: 20px
  }

  .u-h-xs-xs,
  .u-size-xs-xs {
    height: 24px
  }

  .u-h-sm-xs,
  .u-size-sm-xs {
    height: 28px
  }

  .u-h-md-xs,
  .u-size-md-xs {
    height: 32px
  }

  .u-h-lg-xs,
  .u-size-lg-xs {
    height: 48px
  }

  .u-h-xl-xs,
  .u-size-xl-xs {
    height: 64px
  }

  .u-h-xxl-xs,
  .u-size-xxl-xs {
    height: 128px
  }
}

@media (min-width: 576px) {
  .u-w-100-sm {
    width: 100%
  }

  .u-w-auto-sm {
    width: auto
  }

  .u-min-w-none-sm {
    width: none
  }

  .u-h-100-sm {
    height: 100%
  }

  .u-min-h-100-sm {
    min-height: 100%
  }

  .u-h-100vh-sm {
    height: 100vh
  }

  .u-min-h-100vh-sm {
    min-height: 100vh
  }

  .u-h-auto-sm {
    height: auto
  }

  .u-w-5xs-sm,
  .u-size-5xs-sm {
    width: 8px
  }

  .u-w-4xs-sm,
  .u-size-4xs-sm {
    width: 11px
  }

  .u-w-12-sm,
  .u-size-12-sm {
    width: 12px
  }

  .u-w-3xs-sm,
  .u-size-3xs-sm {
    width: 14px
  }

  .u-w-base-sm,
  .u-size-base-sm {
    width: 16px
  }

  .u-w-17-sm,
  .u-size-17-sm {
    width: 17px
  }

  .u-w-18-sm,
  .u-size-18-sm {
    width: 18px
  }

  .u-w-xxs-sm,
  .u-size-xxs-sm {
    width: 20px
  }

  .u-w-xs-sm,
  .u-size-xs-sm {
    width: 24px
  }

  .u-w-sm-sm,
  .u-size-sm-sm {
    width: 28px
  }

  .u-w-md-sm,
  .u-size-md-sm {
    width: 32px
  }

  .u-w-lg-sm,
  .u-size-lg-sm {
    width: 48px
  }

  .u-w-xl-sm,
  .u-size-xl-sm {
    width: 64px
  }

  .u-w-xxl-sm,
  .u-size-xxl-sm {
    width: 128px
  }

  .u-h-5xs-sm,
  .u-size-5xs-sm {
    height: 8px
  }

  .u-h-4xs-sm,
  .u-size-4xs-sm {
    height: 11px
  }

  .u-h-12-sm,
  .u-size-12-sm {
    height: 12px
  }

  .u-h-3xs-sm,
  .u-size-3xs-sm {
    height: 14px
  }

  .u-h-base-sm,
  .u-size-base-sm {
    height: 16px
  }

  .u-h-17-sm,
  .u-size-17-sm {
    height: 17px
  }

  .u-h-18-sm,
  .u-size-18-sm {
    height: 18px
  }

  .u-h-xxs-sm,
  .u-size-xxs-sm {
    height: 20px
  }

  .u-h-xs-sm,
  .u-size-xs-sm {
    height: 24px
  }

  .u-h-sm-sm,
  .u-size-sm-sm {
    height: 28px
  }

  .u-h-md-sm,
  .u-size-md-sm {
    height: 32px
  }

  .u-h-lg-sm,
  .u-size-lg-sm {
    height: 48px
  }

  .u-h-xl-sm,
  .u-size-xl-sm {
    height: 64px
  }

  .u-h-xxl-sm,
  .u-size-xxl-sm {
    height: 128px
  }
}

@media (min-width: 768px) {
  .u-w-100-md {
    width: 100%
  }

  .u-w-auto-md {
    width: auto
  }

  .u-min-w-none-md {
    width: none
  }

  .u-h-100-md {
    height: 100%
  }

  .u-min-h-100-md {
    min-height: 100%
  }

  .u-h-100vh-md {
    height: 100vh
  }

  .u-min-h-100vh-md {
    min-height: 100vh
  }

  .u-h-auto-md {
    height: auto
  }

  .u-w-5xs-md,
  .u-size-5xs-md {
    width: 8px
  }

  .u-w-4xs-md,
  .u-size-4xs-md {
    width: 11px
  }

  .u-w-12-md,
  .u-size-12-md {
    width: 12px
  }

  .u-w-3xs-md,
  .u-size-3xs-md {
    width: 14px
  }

  .u-w-base-md,
  .u-size-base-md {
    width: 16px
  }

  .u-w-17-md,
  .u-size-17-md {
    width: 17px
  }

  .u-w-18-md,
  .u-size-18-md {
    width: 18px
  }

  .u-w-xxs-md,
  .u-size-xxs-md {
    width: 20px
  }

  .u-w-xs-md,
  .u-size-xs-md {
    width: 24px
  }

  .u-w-sm-md,
  .u-size-sm-md {
    width: 28px
  }

  .u-w-md-md,
  .u-size-md-md {
    width: 32px
  }

  .u-w-lg-md,
  .u-size-lg-md {
    width: 48px
  }

  .u-w-xl-md,
  .u-size-xl-md {
    width: 64px
  }

  .u-w-xxl-md,
  .u-size-xxl-md {
    width: 128px
  }

  .u-h-5xs-md,
  .u-size-5xs-md {
    height: 8px
  }

  .u-h-4xs-md,
  .u-size-4xs-md {
    height: 11px
  }

  .u-h-12-md,
  .u-size-12-md {
    height: 12px
  }

  .u-h-3xs-md,
  .u-size-3xs-md {
    height: 14px
  }

  .u-h-base-md,
  .u-size-base-md {
    height: 16px
  }

  .u-h-17-md,
  .u-size-17-md {
    height: 17px
  }

  .u-h-18-md,
  .u-size-18-md {
    height: 18px
  }

  .u-h-xxs-md,
  .u-size-xxs-md {
    height: 20px
  }

  .u-h-xs-md,
  .u-size-xs-md {
    height: 24px
  }

  .u-h-sm-md,
  .u-size-sm-md {
    height: 28px
  }

  .u-h-md-md,
  .u-size-md-md {
    height: 32px
  }

  .u-h-lg-md,
  .u-size-lg-md {
    height: 48px
  }

  .u-h-xl-md,
  .u-size-xl-md {
    height: 64px
  }

  .u-h-xxl-md,
  .u-size-xxl-md {
    height: 128px
  }
}

@media (min-width: 992px) {
  .u-w-100-lg {
    width: 100%
  }

  .u-w-auto-lg {
    width: auto
  }

  .u-min-w-none-lg {
    width: none
  }

  .u-h-100-lg {
    height: 100%
  }

  .u-min-h-100-lg {
    min-height: 100%
  }

  .u-h-100vh-lg {
    height: 100vh
  }

  .u-min-h-100vh-lg {
    min-height: 100vh
  }

  .u-h-auto-lg {
    height: auto
  }

  .u-w-5xs-lg,
  .u-size-5xs-lg {
    width: 8px
  }

  .u-w-4xs-lg,
  .u-size-4xs-lg {
    width: 11px
  }

  .u-w-12-lg,
  .u-size-12-lg {
    width: 12px
  }

  .u-w-3xs-lg,
  .u-size-3xs-lg {
    width: 14px
  }

  .u-w-base-lg,
  .u-size-base-lg {
    width: 16px
  }

  .u-w-17-lg,
  .u-size-17-lg {
    width: 17px
  }

  .u-w-18-lg,
  .u-size-18-lg {
    width: 18px
  }

  .u-w-xxs-lg,
  .u-size-xxs-lg {
    width: 20px
  }

  .u-w-xs-lg,
  .u-size-xs-lg {
    width: 24px
  }

  .u-w-sm-lg,
  .u-size-sm-lg {
    width: 28px
  }

  .u-w-md-lg,
  .u-size-md-lg {
    width: 32px
  }

  .u-w-lg-lg,
  .u-size-lg-lg {
    width: 48px
  }

  .u-w-xl-lg,
  .u-size-xl-lg {
    width: 64px
  }

  .u-w-xxl-lg,
  .u-size-xxl-lg {
    width: 128px
  }

  .u-h-5xs-lg,
  .u-size-5xs-lg {
    height: 8px
  }

  .u-h-4xs-lg,
  .u-size-4xs-lg {
    height: 11px
  }

  .u-h-12-lg,
  .u-size-12-lg {
    height: 12px
  }

  .u-h-3xs-lg,
  .u-size-3xs-lg {
    height: 14px
  }

  .u-h-base-lg,
  .u-size-base-lg {
    height: 16px
  }

  .u-h-17-lg,
  .u-size-17-lg {
    height: 17px
  }

  .u-h-18-lg,
  .u-size-18-lg {
    height: 18px
  }

  .u-h-xxs-lg,
  .u-size-xxs-lg {
    height: 20px
  }

  .u-h-xs-lg,
  .u-size-xs-lg {
    height: 24px
  }

  .u-h-sm-lg,
  .u-size-sm-lg {
    height: 28px
  }

  .u-h-md-lg,
  .u-size-md-lg {
    height: 32px
  }

  .u-h-lg-lg,
  .u-size-lg-lg {
    height: 48px
  }

  .u-h-xl-lg,
  .u-size-xl-lg {
    height: 64px
  }

  .u-h-xxl-lg,
  .u-size-xxl-lg {
    height: 128px
  }
}

@media (min-width: 1140px) {
  .u-w-100-xl {
    width: 100%
  }

  .u-w-auto-xl {
    width: auto
  }

  .u-min-w-none-xl {
    width: none
  }

  .u-h-100-xl {
    height: 100%
  }

  .u-min-h-100-xl {
    min-height: 100%
  }

  .u-h-100vh-xl {
    height: 100vh
  }

  .u-min-h-100vh-xl {
    min-height: 100vh
  }

  .u-h-auto-xl {
    height: auto
  }

  .u-w-5xs-xl,
  .u-size-5xs-xl {
    width: 8px
  }

  .u-w-4xs-xl,
  .u-size-4xs-xl {
    width: 11px
  }

  .u-w-12-xl,
  .u-size-12-xl {
    width: 12px
  }

  .u-w-3xs-xl,
  .u-size-3xs-xl {
    width: 14px
  }

  .u-w-base-xl,
  .u-size-base-xl {
    width: 16px
  }

  .u-w-17-xl,
  .u-size-17-xl {
    width: 17px
  }

  .u-w-18-xl,
  .u-size-18-xl {
    width: 18px
  }

  .u-w-xxs-xl,
  .u-size-xxs-xl {
    width: 20px
  }

  .u-w-xs-xl,
  .u-size-xs-xl {
    width: 24px
  }

  .u-w-sm-xl,
  .u-size-sm-xl {
    width: 28px
  }

  .u-w-md-xl,
  .u-size-md-xl {
    width: 32px
  }

  .u-w-lg-xl,
  .u-size-lg-xl {
    width: 48px
  }

  .u-w-xl-xl,
  .u-size-xl-xl {
    width: 64px
  }

  .u-w-xxl-xl,
  .u-size-xxl-xl {
    width: 128px
  }

  .u-h-5xs-xl,
  .u-size-5xs-xl {
    height: 8px
  }

  .u-h-4xs-xl,
  .u-size-4xs-xl {
    height: 11px
  }

  .u-h-12-xl,
  .u-size-12-xl {
    height: 12px
  }

  .u-h-3xs-xl,
  .u-size-3xs-xl {
    height: 14px
  }

  .u-h-base-xl,
  .u-size-base-xl {
    height: 16px
  }

  .u-h-17-xl,
  .u-size-17-xl {
    height: 17px
  }

  .u-h-18-xl,
  .u-size-18-xl {
    height: 18px
  }

  .u-h-xxs-xl,
  .u-size-xxs-xl {
    height: 20px
  }

  .u-h-xs-xl,
  .u-size-xs-xl {
    height: 24px
  }

  .u-h-sm-xl,
  .u-size-sm-xl {
    height: 28px
  }

  .u-h-md-xl,
  .u-size-md-xl {
    height: 32px
  }

  .u-h-lg-xl,
  .u-size-lg-xl {
    height: 48px
  }

  .u-h-xl-xl,
  .u-size-xl-xl {
    height: 64px
  }

  .u-h-xxl-xl,
  .u-size-xxl-xl {
    height: 128px
  }
}

@media (min-width: 1300px) {
  .u-w-100-xxl {
    width: 100%
  }

  .u-w-auto-xxl {
    width: auto
  }

  .u-min-w-none-xxl {
    width: none
  }

  .u-h-100-xxl {
    height: 100%
  }

  .u-min-h-100-xxl {
    min-height: 100%
  }

  .u-h-100vh-xxl {
    height: 100vh
  }

  .u-min-h-100vh-xxl {
    min-height: 100vh
  }

  .u-h-auto-xxl {
    height: auto
  }

  .u-w-5xs-xxl,
  .u-size-5xs-xxl {
    width: 8px
  }

  .u-w-4xs-xxl,
  .u-size-4xs-xxl {
    width: 11px
  }

  .u-w-12-xxl,
  .u-size-12-xxl {
    width: 12px
  }

  .u-w-3xs-xxl,
  .u-size-3xs-xxl {
    width: 14px
  }

  .u-w-base-xxl,
  .u-size-base-xxl {
    width: 16px
  }

  .u-w-17-xxl,
  .u-size-17-xxl {
    width: 17px
  }

  .u-w-18-xxl,
  .u-size-18-xxl {
    width: 18px
  }

  .u-w-xxs-xxl,
  .u-size-xxs-xxl {
    width: 20px
  }

  .u-w-xs-xxl,
  .u-size-xs-xxl {
    width: 24px
  }

  .u-w-sm-xxl,
  .u-size-sm-xxl {
    width: 28px
  }

  .u-w-md-xxl,
  .u-size-md-xxl {
    width: 32px
  }

  .u-w-lg-xxl,
  .u-size-lg-xxl {
    width: 48px
  }

  .u-w-xl-xxl,
  .u-size-xl-xxl {
    width: 64px
  }

  .u-w-xxl-xxl,
  .u-size-xxl-xxl {
    width: 128px
  }

  .u-h-5xs-xxl,
  .u-size-5xs-xxl {
    height: 8px
  }

  .u-h-4xs-xxl,
  .u-size-4xs-xxl {
    height: 11px
  }

  .u-h-12-xxl,
  .u-size-12-xxl {
    height: 12px
  }

  .u-h-3xs-xxl,
  .u-size-3xs-xxl {
    height: 14px
  }

  .u-h-base-xxl,
  .u-size-base-xxl {
    height: 16px
  }

  .u-h-17-xxl,
  .u-size-17-xxl {
    height: 17px
  }

  .u-h-18-xxl,
  .u-size-18-xxl {
    height: 18px
  }

  .u-h-xxs-xxl,
  .u-size-xxs-xxl {
    height: 20px
  }

  .u-h-xs-xxl,
  .u-size-xs-xxl {
    height: 24px
  }

  .u-h-sm-xxl,
  .u-size-sm-xxl {
    height: 28px
  }

  .u-h-md-xxl,
  .u-size-md-xxl {
    height: 32px
  }

  .u-h-lg-xxl,
  .u-size-lg-xxl {
    height: 48px
  }

  .u-h-xl-xxl,
  .u-size-xl-xxl {
    height: 64px
  }

  .u-h-xxl-xxl,
  .u-size-xxl-xxl {
    height: 128px
  }
}

@media (min-width: 1650px) {
  .u-w-100-xxxl {
    width: 100%
  }

  .u-w-auto-xxxl {
    width: auto
  }

  .u-min-w-none-xxxl {
    width: none
  }

  .u-h-100-xxxl {
    height: 100%
  }

  .u-min-h-100-xxxl {
    min-height: 100%
  }

  .u-h-100vh-xxxl {
    height: 100vh
  }

  .u-min-h-100vh-xxxl {
    min-height: 100vh
  }

  .u-h-auto-xxxl {
    height: auto
  }

  .u-w-5xs-xxxl,
  .u-size-5xs-xxxl {
    width: 8px
  }

  .u-w-4xs-xxxl,
  .u-size-4xs-xxxl {
    width: 11px
  }

  .u-w-12-xxxl,
  .u-size-12-xxxl {
    width: 12px
  }

  .u-w-3xs-xxxl,
  .u-size-3xs-xxxl {
    width: 14px
  }

  .u-w-base-xxxl,
  .u-size-base-xxxl {
    width: 16px
  }

  .u-w-17-xxxl,
  .u-size-17-xxxl {
    width: 17px
  }

  .u-w-18-xxxl,
  .u-size-18-xxxl {
    width: 18px
  }

  .u-w-xxs-xxxl,
  .u-size-xxs-xxxl {
    width: 20px
  }

  .u-w-xs-xxxl,
  .u-size-xs-xxxl {
    width: 24px
  }

  .u-w-sm-xxxl,
  .u-size-sm-xxxl {
    width: 28px
  }

  .u-w-md-xxxl,
  .u-size-md-xxxl {
    width: 32px
  }

  .u-w-lg-xxxl,
  .u-size-lg-xxxl {
    width: 48px
  }

  .u-w-xl-xxxl,
  .u-size-xl-xxxl {
    width: 64px
  }

  .u-w-xxl-xxxl,
  .u-size-xxl-xxxl {
    width: 128px
  }

  .u-h-5xs-xxxl,
  .u-size-5xs-xxxl {
    height: 8px
  }

  .u-h-4xs-xxxl,
  .u-size-4xs-xxxl {
    height: 11px
  }

  .u-h-12-xxxl,
  .u-size-12-xxxl {
    height: 12px
  }

  .u-h-3xs-xxxl,
  .u-size-3xs-xxxl {
    height: 14px
  }

  .u-h-base-xxxl,
  .u-size-base-xxxl {
    height: 16px
  }

  .u-h-17-xxxl,
  .u-size-17-xxxl {
    height: 17px
  }

  .u-h-18-xxxl,
  .u-size-18-xxxl {
    height: 18px
  }

  .u-h-xxs-xxxl,
  .u-size-xxs-xxxl {
    height: 20px
  }

  .u-h-xs-xxxl,
  .u-size-xs-xxxl {
    height: 24px
  }

  .u-h-sm-xxxl,
  .u-size-sm-xxxl {
    height: 28px
  }

  .u-h-md-xxxl,
  .u-size-md-xxxl {
    height: 32px
  }

  .u-h-lg-xxxl,
  .u-size-lg-xxxl {
    height: 48px
  }

  .u-h-xl-xxxl,
  .u-size-xl-xxxl {
    height: 64px
  }

  .u-h-xxl-xxxl,
  .u-size-xxl-xxxl {
    height: 128px
  }
}

.u-flex-grow-full {
  flex-grow: 1 !important
}

.u-flex-row {
  flex-direction: row !important
}

.u-flex-column {
  flex-direction: column !important
}

.u-flex-row-reverse {
  flex-direction: row-reverse !important
}

.u-flex-column-reverse {
  flex-direction: column-reverse !important
}

.u-flex-wrap {
  flex-wrap: wrap !important
}

.u-flex-nowrap {
  flex-wrap: nowrap !important
}

.u-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.u-justify-content-start {
  justify-content: flex-start !important
}

.u-justify-content-end {
  justify-content: flex-end !important
}

.u-justify-content-center {
  justify-content: center !important
}

.u-justify-content-between {
  justify-content: space-between !important
}

.u-justify-content-around {
  justify-content: space-around !important
}

.u-align-items-start {
  align-items: flex-start !important
}

.u-align-items-end {
  align-items: flex-end !important
}

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

.u-align-items-baseline {
  align-items: baseline !important
}

.u-align-items-stretch {
  align-items: stretch !important
}

.u-align-content-start {
  align-content: flex-start !important
}

.u-align-content-end {
  align-content: flex-end !important
}

.u-align-content-center {
  align-content: center !important
}

.u-align-content-between {
  align-content: space-between !important
}

.u-align-content-around {
  align-content: space-around !important
}

.u-align-content-stretch {
  align-content: stretch !important
}

.u-align-self-auto {
  align-self: auto !important
}

.u-align-self-start {
  align-self: flex-start !important
}

.u-align-self-end {
  align-self: flex-end !important
}

.u-align-self-center {
  align-self: center !important
}

.u-align-self-baseline {
  align-self: baseline !important
}

.u-align-self-stretch {
  align-self: stretch !important
}

.u-flex-row-gap-0 {
  row-gap: 0 !important
}

.u-flex-gap-0 {
  gap: 0 !important
}

.u-flex-row-gap-4xs,
.u-flex-gap-4xs {
  row-gap: 2px !important
}

.u-flex-column-gap-4xs,
.u-flex-gap-4xs {
  column-gap: 2px !important
}

.u-flex-row-gap-3xs,
.u-flex-gap-3xs {
  row-gap: 4px !important
}

.u-flex-column-gap-3xs,
.u-flex-gap-3xs {
  column-gap: 4px !important
}

.u-flex-row-gap-xxs,
.u-flex-gap-xxs {
  row-gap: 8px !important
}

.u-flex-column-gap-xxs,
.u-flex-gap-xxs {
  column-gap: 8px !important
}

.u-flex-row-gap-xs,
.u-flex-gap-xs {
  row-gap: 12px !important
}

.u-flex-column-gap-xs,
.u-flex-gap-xs {
  column-gap: 12px !important
}

.u-flex-row-gap-s,
.u-flex-gap-s {
  row-gap: 16px !important
}

.u-flex-column-gap-s,
.u-flex-gap-s {
  column-gap: 16px !important
}

.u-flex-row-gap-m,
.u-flex-gap-m {
  row-gap: 24px !important
}

.u-flex-column-gap-m,
.u-flex-gap-m {
  column-gap: 24px !important
}

.u-flex-row-gap-l,
.u-flex-gap-l {
  row-gap: 32px !important
}

.u-flex-column-gap-l,
.u-flex-gap-l {
  column-gap: 32px !important
}

.u-flex-row-gap-l2,
.u-flex-gap-l2 {
  row-gap: 40px !important
}

.u-flex-column-gap-l2,
.u-flex-gap-l2 {
  column-gap: 40px !important
}

.u-flex-row-gap-xl,
.u-flex-gap-xl {
  row-gap: 48px !important
}

.u-flex-column-gap-xl,
.u-flex-gap-xl {
  column-gap: 48px !important
}

.u-flex-row-gap-2xl,
.u-flex-gap-2xl {
  row-gap: 72px !important
}

.u-flex-column-gap-2xl,
.u-flex-gap-2xl {
  column-gap: 72px !important
}

.u-flex-row-gap-3xl,
.u-flex-gap-3xl {
  row-gap: 96px !important
}

.u-flex-column-gap-3xl,
.u-flex-gap-3xl {
  column-gap: 96px !important
}

.u-flex-row-gap-4xl,
.u-flex-gap-4xl {
  row-gap: 128px !important
}

.u-flex-column-gap-4xl,
.u-flex-gap-4xl {
  column-gap: 128px !important
}

@media (min-width: 423px) {
  .u-flex-grow-xs-full {
    flex-grow: 1 !important
  }

  .u-flex-xs-row {
    flex-direction: row !important
  }

  .u-flex-xs-column {
    flex-direction: column !important
  }

  .u-flex-xs-row-reverse {
    flex-direction: row-reverse !important
  }

  .u-flex-xs-column-reverse {
    flex-direction: column-reverse !important
  }

  .u-flex-xs-wrap {
    flex-wrap: wrap !important
  }

  .u-flex-xs-nowrap {
    flex-wrap: nowrap !important
  }

  .u-flex-xs-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .u-justify-content-xs-start {
    justify-content: flex-start !important
  }

  .u-justify-content-xs-end {
    justify-content: flex-end !important
  }

  .u-justify-content-xs-center {
    justify-content: center !important
  }

  .u-justify-content-xs-between {
    justify-content: space-between !important
  }

  .u-justify-content-xs-around {
    justify-content: space-around !important
  }

  .u-align-items-xs-start {
    align-items: flex-start !important
  }

  .u-align-items-xs-end {
    align-items: flex-end !important
  }

  .u-align-items-xs-center {
    align-items: center !important
  }

  .u-align-items-xs-baseline {
    align-items: baseline !important
  }

  .u-align-items-xs-stretch {
    align-items: stretch !important
  }

  .u-align-content-xs-start {
    align-content: flex-start !important
  }

  .u-align-content-xs-end {
    align-content: flex-end !important
  }

  .u-align-content-xs-center {
    align-content: center !important
  }

  .u-align-content-xs-between {
    align-content: space-between !important
  }

  .u-align-content-xs-around {
    align-content: space-around !important
  }

  .u-align-content-xs-stretch {
    align-content: stretch !important
  }

  .u-align-self-xs-auto {
    align-self: auto !important
  }

  .u-align-self-xs-start {
    align-self: flex-start !important
  }

  .u-align-self-xs-end {
    align-self: flex-end !important
  }

  .u-align-self-xs-center {
    align-self: center !important
  }

  .u-align-self-xs-baseline {
    align-self: baseline !important
  }

  .u-align-self-xs-stretch {
    align-self: stretch !important
  }

  .u-flex-row-gap-0 {
    row-gap: 0 !important
  }

  .u-flex-gap-0 {
    gap: 0 !important
  }

  .u-flex-row-gap-4xs-xs,
  .u-flex-gap-4xs-xs {
    row-gap: 2px !important
  }

  .u-flex-column-gap-4xs-xs,
  .u-flex-gap-4xs-xs {
    column-gap: 2px !important
  }

  .u-flex-row-gap-3xs-xs,
  .u-flex-gap-3xs-xs {
    row-gap: 4px !important
  }

  .u-flex-column-gap-3xs-xs,
  .u-flex-gap-3xs-xs {
    column-gap: 4px !important
  }

  .u-flex-row-gap-xxs-xs,
  .u-flex-gap-xxs-xs {
    row-gap: 8px !important
  }

  .u-flex-column-gap-xxs-xs,
  .u-flex-gap-xxs-xs {
    column-gap: 8px !important
  }

  .u-flex-row-gap-xs-xs,
  .u-flex-gap-xs-xs {
    row-gap: 12px !important
  }

  .u-flex-column-gap-xs-xs,
  .u-flex-gap-xs-xs {
    column-gap: 12px !important
  }

  .u-flex-row-gap-s-xs,
  .u-flex-gap-s-xs {
    row-gap: 16px !important
  }

  .u-flex-column-gap-s-xs,
  .u-flex-gap-s-xs {
    column-gap: 16px !important
  }

  .u-flex-row-gap-m-xs,
  .u-flex-gap-m-xs {
    row-gap: 24px !important
  }

  .u-flex-column-gap-m-xs,
  .u-flex-gap-m-xs {
    column-gap: 24px !important
  }

  .u-flex-row-gap-l-xs,
  .u-flex-gap-l-xs {
    row-gap: 32px !important
  }

  .u-flex-column-gap-l-xs,
  .u-flex-gap-l-xs {
    column-gap: 32px !important
  }

  .u-flex-row-gap-l2-xs,
  .u-flex-gap-l2-xs {
    row-gap: 40px !important
  }

  .u-flex-column-gap-l2-xs,
  .u-flex-gap-l2-xs {
    column-gap: 40px !important
  }

  .u-flex-row-gap-xl-xs,
  .u-flex-gap-xl-xs {
    row-gap: 48px !important
  }

  .u-flex-column-gap-xl-xs,
  .u-flex-gap-xl-xs {
    column-gap: 48px !important
  }

  .u-flex-row-gap-2xl-xs,
  .u-flex-gap-2xl-xs {
    row-gap: 72px !important
  }

  .u-flex-column-gap-2xl-xs,
  .u-flex-gap-2xl-xs {
    column-gap: 72px !important
  }

  .u-flex-row-gap-3xl-xs,
  .u-flex-gap-3xl-xs {
    row-gap: 96px !important
  }

  .u-flex-column-gap-3xl-xs,
  .u-flex-gap-3xl-xs {
    column-gap: 96px !important
  }

  .u-flex-row-gap-4xl-xs,
  .u-flex-gap-4xl-xs {
    row-gap: 128px !important
  }

  .u-flex-column-gap-4xl-xs,
  .u-flex-gap-4xl-xs {
    column-gap: 128px !important
  }
}

@media (min-width: 576px) {
  .u-flex-grow-sm-full {
    flex-grow: 1 !important
  }

  .u-flex-sm-row {
    flex-direction: row !important
  }

  .u-flex-sm-column {
    flex-direction: column !important
  }

  .u-flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .u-flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .u-flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .u-flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .u-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .u-justify-content-sm-start {
    justify-content: flex-start !important
  }

  .u-justify-content-sm-end {
    justify-content: flex-end !important
  }

  .u-justify-content-sm-center {
    justify-content: center !important
  }

  .u-justify-content-sm-between {
    justify-content: space-between !important
  }

  .u-justify-content-sm-around {
    justify-content: space-around !important
  }

  .u-align-items-sm-start {
    align-items: flex-start !important
  }

  .u-align-items-sm-end {
    align-items: flex-end !important
  }

  .u-align-items-sm-center {
    align-items: center !important
  }

  .u-align-items-sm-baseline {
    align-items: baseline !important
  }

  .u-align-items-sm-stretch {
    align-items: stretch !important
  }

  .u-align-content-sm-start {
    align-content: flex-start !important
  }

  .u-align-content-sm-end {
    align-content: flex-end !important
  }

  .u-align-content-sm-center {
    align-content: center !important
  }

  .u-align-content-sm-between {
    align-content: space-between !important
  }

  .u-align-content-sm-around {
    align-content: space-around !important
  }

  .u-align-content-sm-stretch {
    align-content: stretch !important
  }

  .u-align-self-sm-auto {
    align-self: auto !important
  }

  .u-align-self-sm-start {
    align-self: flex-start !important
  }

  .u-align-self-sm-end {
    align-self: flex-end !important
  }

  .u-align-self-sm-center {
    align-self: center !important
  }

  .u-align-self-sm-baseline {
    align-self: baseline !important
  }

  .u-align-self-sm-stretch {
    align-self: stretch !important
  }

  .u-flex-row-gap-0 {
    row-gap: 0 !important
  }

  .u-flex-gap-0 {
    gap: 0 !important
  }

  .u-flex-row-gap-4xs-sm,
  .u-flex-gap-4xs-sm {
    row-gap: 2px !important
  }

  .u-flex-column-gap-4xs-sm,
  .u-flex-gap-4xs-sm {
    column-gap: 2px !important
  }

  .u-flex-row-gap-3xs-sm,
  .u-flex-gap-3xs-sm {
    row-gap: 4px !important
  }

  .u-flex-column-gap-3xs-sm,
  .u-flex-gap-3xs-sm {
    column-gap: 4px !important
  }

  .u-flex-row-gap-xxs-sm,
  .u-flex-gap-xxs-sm {
    row-gap: 8px !important
  }

  .u-flex-column-gap-xxs-sm,
  .u-flex-gap-xxs-sm {
    column-gap: 8px !important
  }

  .u-flex-row-gap-xs-sm,
  .u-flex-gap-xs-sm {
    row-gap: 12px !important
  }

  .u-flex-column-gap-xs-sm,
  .u-flex-gap-xs-sm {
    column-gap: 12px !important
  }

  .u-flex-row-gap-s-sm,
  .u-flex-gap-s-sm {
    row-gap: 16px !important
  }

  .u-flex-column-gap-s-sm,
  .u-flex-gap-s-sm {
    column-gap: 16px !important
  }

  .u-flex-row-gap-m-sm,
  .u-flex-gap-m-sm {
    row-gap: 24px !important
  }

  .u-flex-column-gap-m-sm,
  .u-flex-gap-m-sm {
    column-gap: 24px !important
  }

  .u-flex-row-gap-l-sm,
  .u-flex-gap-l-sm {
    row-gap: 32px !important
  }

  .u-flex-column-gap-l-sm,
  .u-flex-gap-l-sm {
    column-gap: 32px !important
  }

  .u-flex-row-gap-l2-sm,
  .u-flex-gap-l2-sm {
    row-gap: 40px !important
  }

  .u-flex-column-gap-l2-sm,
  .u-flex-gap-l2-sm {
    column-gap: 40px !important
  }

  .u-flex-row-gap-xl-sm,
  .u-flex-gap-xl-sm {
    row-gap: 48px !important
  }

  .u-flex-column-gap-xl-sm,
  .u-flex-gap-xl-sm {
    column-gap: 48px !important
  }

  .u-flex-row-gap-2xl-sm,
  .u-flex-gap-2xl-sm {
    row-gap: 72px !important
  }

  .u-flex-column-gap-2xl-sm,
  .u-flex-gap-2xl-sm {
    column-gap: 72px !important
  }

  .u-flex-row-gap-3xl-sm,
  .u-flex-gap-3xl-sm {
    row-gap: 96px !important
  }

  .u-flex-column-gap-3xl-sm,
  .u-flex-gap-3xl-sm {
    column-gap: 96px !important
  }

  .u-flex-row-gap-4xl-sm,
  .u-flex-gap-4xl-sm {
    row-gap: 128px !important
  }

  .u-flex-column-gap-4xl-sm,
  .u-flex-gap-4xl-sm {
    column-gap: 128px !important
  }
}

@media (min-width: 768px) {
  .u-flex-grow-md-full {
    flex-grow: 1 !important
  }

  .u-flex-md-row {
    flex-direction: row !important
  }

  .u-flex-md-column {
    flex-direction: column !important
  }

  .u-flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .u-flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .u-flex-md-wrap {
    flex-wrap: wrap !important
  }

  .u-flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .u-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .u-justify-content-md-start {
    justify-content: flex-start !important
  }

  .u-justify-content-md-end {
    justify-content: flex-end !important
  }

  .u-justify-content-md-center {
    justify-content: center !important
  }

  .u-justify-content-md-between {
    justify-content: space-between !important
  }

  .u-justify-content-md-around {
    justify-content: space-around !important
  }

  .u-align-items-md-start {
    align-items: flex-start !important
  }

  .u-align-items-md-end {
    align-items: flex-end !important
  }

  .u-align-items-md-center {
    align-items: center !important
  }

  .u-align-items-md-baseline {
    align-items: baseline !important
  }

  .u-align-items-md-stretch {
    align-items: stretch !important
  }

  .u-align-content-md-start {
    align-content: flex-start !important
  }

  .u-align-content-md-end {
    align-content: flex-end !important
  }

  .u-align-content-md-center {
    align-content: center !important
  }

  .u-align-content-md-between {
    align-content: space-between !important
  }

  .u-align-content-md-around {
    align-content: space-around !important
  }

  .u-align-content-md-stretch {
    align-content: stretch !important
  }

  .u-align-self-md-auto {
    align-self: auto !important
  }

  .u-align-self-md-start {
    align-self: flex-start !important
  }

  .u-align-self-md-end {
    align-self: flex-end !important
  }

  .u-align-self-md-center {
    align-self: center !important
  }

  .u-align-self-md-baseline {
    align-self: baseline !important
  }

  .u-align-self-md-stretch {
    align-self: stretch !important
  }

  .u-flex-row-gap-0 {
    row-gap: 0 !important
  }

  .u-flex-gap-0 {
    gap: 0 !important
  }

  .u-flex-row-gap-4xs-md,
  .u-flex-gap-4xs-md {
    row-gap: 2px !important
  }

  .u-flex-column-gap-4xs-md,
  .u-flex-gap-4xs-md {
    column-gap: 2px !important
  }

  .u-flex-row-gap-3xs-md,
  .u-flex-gap-3xs-md {
    row-gap: 4px !important
  }

  .u-flex-column-gap-3xs-md,
  .u-flex-gap-3xs-md {
    column-gap: 4px !important
  }

  .u-flex-row-gap-xxs-md,
  .u-flex-gap-xxs-md {
    row-gap: 8px !important
  }

  .u-flex-column-gap-xxs-md,
  .u-flex-gap-xxs-md {
    column-gap: 8px !important
  }

  .u-flex-row-gap-xs-md,
  .u-flex-gap-xs-md {
    row-gap: 12px !important
  }

  .u-flex-column-gap-xs-md,
  .u-flex-gap-xs-md {
    column-gap: 12px !important
  }

  .u-flex-row-gap-s-md,
  .u-flex-gap-s-md {
    row-gap: 16px !important
  }

  .u-flex-column-gap-s-md,
  .u-flex-gap-s-md {
    column-gap: 16px !important
  }

  .u-flex-row-gap-m-md,
  .u-flex-gap-m-md {
    row-gap: 24px !important
  }

  .u-flex-column-gap-m-md,
  .u-flex-gap-m-md {
    column-gap: 24px !important
  }

  .u-flex-row-gap-l-md,
  .u-flex-gap-l-md {
    row-gap: 32px !important
  }

  .u-flex-column-gap-l-md,
  .u-flex-gap-l-md {
    column-gap: 32px !important
  }

  .u-flex-row-gap-l2-md,
  .u-flex-gap-l2-md {
    row-gap: 40px !important
  }

  .u-flex-column-gap-l2-md,
  .u-flex-gap-l2-md {
    column-gap: 40px !important
  }

  .u-flex-row-gap-xl-md,
  .u-flex-gap-xl-md {
    row-gap: 48px !important
  }

  .u-flex-column-gap-xl-md,
  .u-flex-gap-xl-md {
    column-gap: 48px !important
  }

  .u-flex-row-gap-2xl-md,
  .u-flex-gap-2xl-md {
    row-gap: 72px !important
  }

  .u-flex-column-gap-2xl-md,
  .u-flex-gap-2xl-md {
    column-gap: 72px !important
  }

  .u-flex-row-gap-3xl-md,
  .u-flex-gap-3xl-md {
    row-gap: 96px !important
  }

  .u-flex-column-gap-3xl-md,
  .u-flex-gap-3xl-md {
    column-gap: 96px !important
  }

  .u-flex-row-gap-4xl-md,
  .u-flex-gap-4xl-md {
    row-gap: 128px !important
  }

  .u-flex-column-gap-4xl-md,
  .u-flex-gap-4xl-md {
    column-gap: 128px !important
  }
}

@media (min-width: 992px) {
  .u-flex-grow-lg-full {
    flex-grow: 1 !important
  }

  .u-flex-lg-row {
    flex-direction: row !important
  }

  .u-flex-lg-column {
    flex-direction: column !important
  }

  .u-flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .u-flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .u-flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .u-flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .u-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .u-justify-content-lg-start {
    justify-content: flex-start !important
  }

  .u-justify-content-lg-end {
    justify-content: flex-end !important
  }

  .u-justify-content-lg-center {
    justify-content: center !important
  }

  .u-justify-content-lg-between {
    justify-content: space-between !important
  }

  .u-justify-content-lg-around {
    justify-content: space-around !important
  }

  .u-align-items-lg-start {
    align-items: flex-start !important
  }

  .u-align-items-lg-end {
    align-items: flex-end !important
  }

  .u-align-items-lg-center {
    align-items: center !important
  }

  .u-align-items-lg-baseline {
    align-items: baseline !important
  }

  .u-align-items-lg-stretch {
    align-items: stretch !important
  }

  .u-align-content-lg-start {
    align-content: flex-start !important
  }

  .u-align-content-lg-end {
    align-content: flex-end !important
  }

  .u-align-content-lg-center {
    align-content: center !important
  }

  .u-align-content-lg-between {
    align-content: space-between !important
  }

  .u-align-content-lg-around {
    align-content: space-around !important
  }

  .u-align-content-lg-stretch {
    align-content: stretch !important
  }

  .u-align-self-lg-auto {
    align-self: auto !important
  }

  .u-align-self-lg-start {
    align-self: flex-start !important
  }

  .u-align-self-lg-end {
    align-self: flex-end !important
  }

  .u-align-self-lg-center {
    align-self: center !important
  }

  .u-align-self-lg-baseline {
    align-self: baseline !important
  }

  .u-align-self-lg-stretch {
    align-self: stretch !important
  }

  .u-flex-row-gap-0 {
    row-gap: 0 !important
  }

  .u-flex-gap-0 {
    gap: 0 !important
  }

  .u-flex-row-gap-4xs-lg,
  .u-flex-gap-4xs-lg {
    row-gap: 2px !important
  }

  .u-flex-column-gap-4xs-lg,
  .u-flex-gap-4xs-lg {
    column-gap: 2px !important
  }

  .u-flex-row-gap-3xs-lg,
  .u-flex-gap-3xs-lg {
    row-gap: 4px !important
  }

  .u-flex-column-gap-3xs-lg,
  .u-flex-gap-3xs-lg {
    column-gap: 4px !important
  }

  .u-flex-row-gap-xxs-lg,
  .u-flex-gap-xxs-lg {
    row-gap: 8px !important
  }

  .u-flex-column-gap-xxs-lg,
  .u-flex-gap-xxs-lg {
    column-gap: 8px !important
  }

  .u-flex-row-gap-xs-lg,
  .u-flex-gap-xs-lg {
    row-gap: 12px !important
  }

  .u-flex-column-gap-xs-lg,
  .u-flex-gap-xs-lg {
    column-gap: 12px !important
  }

  .u-flex-row-gap-s-lg,
  .u-flex-gap-s-lg {
    row-gap: 16px !important
  }

  .u-flex-column-gap-s-lg,
  .u-flex-gap-s-lg {
    column-gap: 16px !important
  }

  .u-flex-row-gap-m-lg,
  .u-flex-gap-m-lg {
    row-gap: 24px !important
  }

  .u-flex-column-gap-m-lg,
  .u-flex-gap-m-lg {
    column-gap: 24px !important
  }

  .u-flex-row-gap-l-lg,
  .u-flex-gap-l-lg {
    row-gap: 32px !important
  }

  .u-flex-column-gap-l-lg,
  .u-flex-gap-l-lg {
    column-gap: 32px !important
  }

  .u-flex-row-gap-l2-lg,
  .u-flex-gap-l2-lg {
    row-gap: 40px !important
  }

  .u-flex-column-gap-l2-lg,
  .u-flex-gap-l2-lg {
    column-gap: 40px !important
  }

  .u-flex-row-gap-xl-lg,
  .u-flex-gap-xl-lg {
    row-gap: 48px !important
  }

  .u-flex-column-gap-xl-lg,
  .u-flex-gap-xl-lg {
    column-gap: 48px !important
  }

  .u-flex-row-gap-2xl-lg,
  .u-flex-gap-2xl-lg {
    row-gap: 72px !important
  }

  .u-flex-column-gap-2xl-lg,
  .u-flex-gap-2xl-lg {
    column-gap: 72px !important
  }

  .u-flex-row-gap-3xl-lg,
  .u-flex-gap-3xl-lg {
    row-gap: 96px !important
  }

  .u-flex-column-gap-3xl-lg,
  .u-flex-gap-3xl-lg {
    column-gap: 96px !important
  }

  .u-flex-row-gap-4xl-lg,
  .u-flex-gap-4xl-lg {
    row-gap: 128px !important
  }

  .u-flex-column-gap-4xl-lg,
  .u-flex-gap-4xl-lg {
    column-gap: 128px !important
  }
}

@media (min-width: 1140px) {
  .u-flex-grow-xl-full {
    flex-grow: 1 !important
  }

  .u-flex-xl-row {
    flex-direction: row !important
  }

  .u-flex-xl-column {
    flex-direction: column !important
  }

  .u-flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .u-flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .u-flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .u-flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .u-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .u-justify-content-xl-start {
    justify-content: flex-start !important
  }

  .u-justify-content-xl-end {
    justify-content: flex-end !important
  }

  .u-justify-content-xl-center {
    justify-content: center !important
  }

  .u-justify-content-xl-between {
    justify-content: space-between !important
  }

  .u-justify-content-xl-around {
    justify-content: space-around !important
  }

  .u-align-items-xl-start {
    align-items: flex-start !important
  }

  .u-align-items-xl-end {
    align-items: flex-end !important
  }

  .u-align-items-xl-center {
    align-items: center !important
  }

  .u-align-items-xl-baseline {
    align-items: baseline !important
  }

  .u-align-items-xl-stretch {
    align-items: stretch !important
  }

  .u-align-content-xl-start {
    align-content: flex-start !important
  }

  .u-align-content-xl-end {
    align-content: flex-end !important
  }

  .u-align-content-xl-center {
    align-content: center !important
  }

  .u-align-content-xl-between {
    align-content: space-between !important
  }

  .u-align-content-xl-around {
    align-content: space-around !important
  }

  .u-align-content-xl-stretch {
    align-content: stretch !important
  }

  .u-align-self-xl-auto {
    align-self: auto !important
  }

  .u-align-self-xl-start {
    align-self: flex-start !important
  }

  .u-align-self-xl-end {
    align-self: flex-end !important
  }

  .u-align-self-xl-center {
    align-self: center !important
  }

  .u-align-self-xl-baseline {
    align-self: baseline !important
  }

  .u-align-self-xl-stretch {
    align-self: stretch !important
  }

  .u-flex-row-gap-0 {
    row-gap: 0 !important
  }

  .u-flex-gap-0 {
    gap: 0 !important
  }

  .u-flex-row-gap-4xs-xl,
  .u-flex-gap-4xs-xl {
    row-gap: 2px !important
  }

  .u-flex-column-gap-4xs-xl,
  .u-flex-gap-4xs-xl {
    column-gap: 2px !important
  }

  .u-flex-row-gap-3xs-xl,
  .u-flex-gap-3xs-xl {
    row-gap: 4px !important
  }

  .u-flex-column-gap-3xs-xl,
  .u-flex-gap-3xs-xl {
    column-gap: 4px !important
  }

  .u-flex-row-gap-xxs-xl,
  .u-flex-gap-xxs-xl {
    row-gap: 8px !important
  }

  .u-flex-column-gap-xxs-xl,
  .u-flex-gap-xxs-xl {
    column-gap: 8px !important
  }

  .u-flex-row-gap-xs-xl,
  .u-flex-gap-xs-xl {
    row-gap: 12px !important
  }

  .u-flex-column-gap-xs-xl,
  .u-flex-gap-xs-xl {
    column-gap: 12px !important
  }

  .u-flex-row-gap-s-xl,
  .u-flex-gap-s-xl {
    row-gap: 16px !important
  }

  .u-flex-column-gap-s-xl,
  .u-flex-gap-s-xl {
    column-gap: 16px !important
  }

  .u-flex-row-gap-m-xl,
  .u-flex-gap-m-xl {
    row-gap: 24px !important
  }

  .u-flex-column-gap-m-xl,
  .u-flex-gap-m-xl {
    column-gap: 24px !important
  }

  .u-flex-row-gap-l-xl,
  .u-flex-gap-l-xl {
    row-gap: 32px !important
  }

  .u-flex-column-gap-l-xl,
  .u-flex-gap-l-xl {
    column-gap: 32px !important
  }

  .u-flex-row-gap-l2-xl,
  .u-flex-gap-l2-xl {
    row-gap: 40px !important
  }

  .u-flex-column-gap-l2-xl,
  .u-flex-gap-l2-xl {
    column-gap: 40px !important
  }

  .u-flex-row-gap-xl-xl,
  .u-flex-gap-xl-xl {
    row-gap: 48px !important
  }

  .u-flex-column-gap-xl-xl,
  .u-flex-gap-xl-xl {
    column-gap: 48px !important
  }

  .u-flex-row-gap-2xl-xl,
  .u-flex-gap-2xl-xl {
    row-gap: 72px !important
  }

  .u-flex-column-gap-2xl-xl,
  .u-flex-gap-2xl-xl {
    column-gap: 72px !important
  }

  .u-flex-row-gap-3xl-xl,
  .u-flex-gap-3xl-xl {
    row-gap: 96px !important
  }

  .u-flex-column-gap-3xl-xl,
  .u-flex-gap-3xl-xl {
    column-gap: 96px !important
  }

  .u-flex-row-gap-4xl-xl,
  .u-flex-gap-4xl-xl {
    row-gap: 128px !important
  }

  .u-flex-column-gap-4xl-xl,
  .u-flex-gap-4xl-xl {
    column-gap: 128px !important
  }
}

@media (min-width: 1300px) {
  .u-flex-grow-xxl-full {
    flex-grow: 1 !important
  }

  .u-flex-xxl-row {
    flex-direction: row !important
  }

  .u-flex-xxl-column {
    flex-direction: column !important
  }

  .u-flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .u-flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .u-flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .u-flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .u-flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .u-justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .u-justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .u-justify-content-xxl-center {
    justify-content: center !important
  }

  .u-justify-content-xxl-between {
    justify-content: space-between !important
  }

  .u-justify-content-xxl-around {
    justify-content: space-around !important
  }

  .u-align-items-xxl-start {
    align-items: flex-start !important
  }

  .u-align-items-xxl-end {
    align-items: flex-end !important
  }

  .u-align-items-xxl-center {
    align-items: center !important
  }

  .u-align-items-xxl-baseline {
    align-items: baseline !important
  }

  .u-align-items-xxl-stretch {
    align-items: stretch !important
  }

  .u-align-content-xxl-start {
    align-content: flex-start !important
  }

  .u-align-content-xxl-end {
    align-content: flex-end !important
  }

  .u-align-content-xxl-center {
    align-content: center !important
  }

  .u-align-content-xxl-between {
    align-content: space-between !important
  }

  .u-align-content-xxl-around {
    align-content: space-around !important
  }

  .u-align-content-xxl-stretch {
    align-content: stretch !important
  }

  .u-align-self-xxl-auto {
    align-self: auto !important
  }

  .u-align-self-xxl-start {
    align-self: flex-start !important
  }

  .u-align-self-xxl-end {
    align-self: flex-end !important
  }

  .u-align-self-xxl-center {
    align-self: center !important
  }

  .u-align-self-xxl-baseline {
    align-self: baseline !important
  }

  .u-align-self-xxl-stretch {
    align-self: stretch !important
  }

  .u-flex-row-gap-0 {
    row-gap: 0 !important
  }

  .u-flex-gap-0 {
    gap: 0 !important
  }

  .u-flex-row-gap-4xs-xxl,
  .u-flex-gap-4xs-xxl {
    row-gap: 2px !important
  }

  .u-flex-column-gap-4xs-xxl,
  .u-flex-gap-4xs-xxl {
    column-gap: 2px !important
  }

  .u-flex-row-gap-3xs-xxl,
  .u-flex-gap-3xs-xxl {
    row-gap: 4px !important
  }

  .u-flex-column-gap-3xs-xxl,
  .u-flex-gap-3xs-xxl {
    column-gap: 4px !important
  }

  .u-flex-row-gap-xxs-xxl,
  .u-flex-gap-xxs-xxl {
    row-gap: 8px !important
  }

  .u-flex-column-gap-xxs-xxl,
  .u-flex-gap-xxs-xxl {
    column-gap: 8px !important
  }

  .u-flex-row-gap-xs-xxl,
  .u-flex-gap-xs-xxl {
    row-gap: 12px !important
  }

  .u-flex-column-gap-xs-xxl,
  .u-flex-gap-xs-xxl {
    column-gap: 12px !important
  }

  .u-flex-row-gap-s-xxl,
  .u-flex-gap-s-xxl {
    row-gap: 16px !important
  }

  .u-flex-column-gap-s-xxl,
  .u-flex-gap-s-xxl {
    column-gap: 16px !important
  }

  .u-flex-row-gap-m-xxl,
  .u-flex-gap-m-xxl {
    row-gap: 24px !important
  }

  .u-flex-column-gap-m-xxl,
  .u-flex-gap-m-xxl {
    column-gap: 24px !important
  }

  .u-flex-row-gap-l-xxl,
  .u-flex-gap-l-xxl {
    row-gap: 32px !important
  }

  .u-flex-column-gap-l-xxl,
  .u-flex-gap-l-xxl {
    column-gap: 32px !important
  }

  .u-flex-row-gap-l2-xxl,
  .u-flex-gap-l2-xxl {
    row-gap: 40px !important
  }

  .u-flex-column-gap-l2-xxl,
  .u-flex-gap-l2-xxl {
    column-gap: 40px !important
  }

  .u-flex-row-gap-xl-xxl,
  .u-flex-gap-xl-xxl {
    row-gap: 48px !important
  }

  .u-flex-column-gap-xl-xxl,
  .u-flex-gap-xl-xxl {
    column-gap: 48px !important
  }

  .u-flex-row-gap-2xl-xxl,
  .u-flex-gap-2xl-xxl {
    row-gap: 72px !important
  }

  .u-flex-column-gap-2xl-xxl,
  .u-flex-gap-2xl-xxl {
    column-gap: 72px !important
  }

  .u-flex-row-gap-3xl-xxl,
  .u-flex-gap-3xl-xxl {
    row-gap: 96px !important
  }

  .u-flex-column-gap-3xl-xxl,
  .u-flex-gap-3xl-xxl {
    column-gap: 96px !important
  }

  .u-flex-row-gap-4xl-xxl,
  .u-flex-gap-4xl-xxl {
    row-gap: 128px !important
  }

  .u-flex-column-gap-4xl-xxl,
  .u-flex-gap-4xl-xxl {
    column-gap: 128px !important
  }
}

@media (min-width: 1650px) {
  .u-flex-grow-xxxl-full {
    flex-grow: 1 !important
  }

  .u-flex-xxxl-row {
    flex-direction: row !important
  }

  .u-flex-xxxl-column {
    flex-direction: column !important
  }

  .u-flex-xxxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .u-flex-xxxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .u-flex-xxxl-wrap {
    flex-wrap: wrap !important
  }

  .u-flex-xxxl-nowrap {
    flex-wrap: nowrap !important
  }

  .u-flex-xxxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .u-justify-content-xxxl-start {
    justify-content: flex-start !important
  }

  .u-justify-content-xxxl-end {
    justify-content: flex-end !important
  }

  .u-justify-content-xxxl-center {
    justify-content: center !important
  }

  .u-justify-content-xxxl-between {
    justify-content: space-between !important
  }

  .u-justify-content-xxxl-around {
    justify-content: space-around !important
  }

  .u-align-items-xxxl-start {
    align-items: flex-start !important
  }

  .u-align-items-xxxl-end {
    align-items: flex-end !important
  }

  .u-align-items-xxxl-center {
    align-items: center !important
  }

  .u-align-items-xxxl-baseline {
    align-items: baseline !important
  }

  .u-align-items-xxxl-stretch {
    align-items: stretch !important
  }

  .u-align-content-xxxl-start {
    align-content: flex-start !important
  }

  .u-align-content-xxxl-end {
    align-content: flex-end !important
  }

  .u-align-content-xxxl-center {
    align-content: center !important
  }

  .u-align-content-xxxl-between {
    align-content: space-between !important
  }

  .u-align-content-xxxl-around {
    align-content: space-around !important
  }

  .u-align-content-xxxl-stretch {
    align-content: stretch !important
  }

  .u-align-self-xxxl-auto {
    align-self: auto !important
  }

  .u-align-self-xxxl-start {
    align-self: flex-start !important
  }

  .u-align-self-xxxl-end {
    align-self: flex-end !important
  }

  .u-align-self-xxxl-center {
    align-self: center !important
  }

  .u-align-self-xxxl-baseline {
    align-self: baseline !important
  }

  .u-align-self-xxxl-stretch {
    align-self: stretch !important
  }

  .u-flex-row-gap-0 {
    row-gap: 0 !important
  }

  .u-flex-gap-0 {
    gap: 0 !important
  }

  .u-flex-row-gap-4xs-xxxl,
  .u-flex-gap-4xs-xxxl {
    row-gap: 2px !important
  }

  .u-flex-column-gap-4xs-xxxl,
  .u-flex-gap-4xs-xxxl {
    column-gap: 2px !important
  }

  .u-flex-row-gap-3xs-xxxl,
  .u-flex-gap-3xs-xxxl {
    row-gap: 4px !important
  }

  .u-flex-column-gap-3xs-xxxl,
  .u-flex-gap-3xs-xxxl {
    column-gap: 4px !important
  }

  .u-flex-row-gap-xxs-xxxl,
  .u-flex-gap-xxs-xxxl {
    row-gap: 8px !important
  }

  .u-flex-column-gap-xxs-xxxl,
  .u-flex-gap-xxs-xxxl {
    column-gap: 8px !important
  }

  .u-flex-row-gap-xs-xxxl,
  .u-flex-gap-xs-xxxl {
    row-gap: 12px !important
  }

  .u-flex-column-gap-xs-xxxl,
  .u-flex-gap-xs-xxxl {
    column-gap: 12px !important
  }

  .u-flex-row-gap-s-xxxl,
  .u-flex-gap-s-xxxl {
    row-gap: 16px !important
  }

  .u-flex-column-gap-s-xxxl,
  .u-flex-gap-s-xxxl {
    column-gap: 16px !important
  }

  .u-flex-row-gap-m-xxxl,
  .u-flex-gap-m-xxxl {
    row-gap: 24px !important
  }

  .u-flex-column-gap-m-xxxl,
  .u-flex-gap-m-xxxl {
    column-gap: 24px !important
  }

  .u-flex-row-gap-l-xxxl,
  .u-flex-gap-l-xxxl {
    row-gap: 32px !important
  }

  .u-flex-column-gap-l-xxxl,
  .u-flex-gap-l-xxxl {
    column-gap: 32px !important
  }

  .u-flex-row-gap-l2-xxxl,
  .u-flex-gap-l2-xxxl {
    row-gap: 40px !important
  }

  .u-flex-column-gap-l2-xxxl,
  .u-flex-gap-l2-xxxl {
    column-gap: 40px !important
  }

  .u-flex-row-gap-xl-xxxl,
  .u-flex-gap-xl-xxxl {
    row-gap: 48px !important
  }

  .u-flex-column-gap-xl-xxxl,
  .u-flex-gap-xl-xxxl {
    column-gap: 48px !important
  }

  .u-flex-row-gap-2xl-xxxl,
  .u-flex-gap-2xl-xxxl {
    row-gap: 72px !important
  }

  .u-flex-column-gap-2xl-xxxl,
  .u-flex-gap-2xl-xxxl {
    column-gap: 72px !important
  }

  .u-flex-row-gap-3xl-xxxl,
  .u-flex-gap-3xl-xxxl {
    row-gap: 96px !important
  }

  .u-flex-column-gap-3xl-xxxl,
  .u-flex-gap-3xl-xxxl {
    column-gap: 96px !important
  }

  .u-flex-row-gap-4xl-xxxl,
  .u-flex-gap-4xl-xxxl {
    row-gap: 128px !important
  }

  .u-flex-column-gap-4xl-xxxl,
  .u-flex-gap-4xl-xxxl {
    column-gap: 128px !important
  }
}

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

.u-line-height-sm {
  line-height: 1.2
}

.u-line-height-base {
  line-height: 1.5
}

.u-line-height-1 {
  line-height: 1
}

.u-font-family-base {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}

.u-text-capitalize {
  text-transform: capitalize
}

.u-text-transform-none {
  text-transform: none
}

.u-text-nowrap {
  white-space: nowrap
}

.u-text-uppercase {
  text-transform: uppercase
}

.u-text-underline {
  text-decoration: underline
}

.u-text-italic {
  font-style: italic
}

.u-text-center {
  text-align: center !important
}

.u-text-left {
  text-align: left !important
}

.u-text-right {
  text-align: right !important
}

@media (min-width: 423px) {
  .u-text-center-xs {
    text-align: center !important
  }

  .u-text-left-xs {
    text-align: left !important
  }

  .u-text-right-xs {
    text-align: right !important
  }
}

@media (min-width: 576px) {
  .u-text-center-sm {
    text-align: center !important
  }

  .u-text-left-sm {
    text-align: left !important
  }

  .u-text-right-sm {
    text-align: right !important
  }
}

@media (min-width: 768px) {
  .u-text-center-md {
    text-align: center !important
  }

  .u-text-left-md {
    text-align: left !important
  }

  .u-text-right-md {
    text-align: right !important
  }
}

@media (min-width: 992px) {
  .u-text-center-lg {
    text-align: center !important
  }

  .u-text-left-lg {
    text-align: left !important
  }

  .u-text-right-lg {
    text-align: right !important
  }
}

@media (min-width: 1140px) {
  .u-text-center-xl {
    text-align: center !important
  }

  .u-text-left-xl {
    text-align: left !important
  }

  .u-text-right-xl {
    text-align: right !important
  }
}

@media (min-width: 1300px) {
  .u-text-center-xxl {
    text-align: center !important
  }

  .u-text-left-xxl {
    text-align: left !important
  }

  .u-text-right-xxl {
    text-align: right !important
  }
}

@media (min-width: 1650px) {
  .u-text-center-xxxl {
    text-align: center !important
  }

  .u-text-left-xxxl {
    text-align: left !important
  }

  .u-text-right-xxxl {
    text-align: right !important
  }
}

.u-border-r-0 {
  border-radius: 0
}

.u-border-t-r-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.u-border-r-r-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.u-border-b-r-0 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.u-border-l-r-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.u-border-transparent {
  border-color: transparent
}

.u-border-none {
  border: none
}

.u-outline-none {
  outline: none
}

html[lang="zh"] .u-font-size-zh-xxs {
  font-size: 12px
}

html[lang="zh"] .u-font-size-zh-s {
  font-size: 14px
}

html[lang="zh"] .u-font-size-zh-3xs {
  font-size: 11px
}

.u-font-size-inherit {
  font-size: inherit
}

.u-font-size-4xs {
  font-size: 0.5625rem
}

.u-font-size-10 {
  font-size: 0.625rem
}

.u-font-size-3xs {
  font-size: 0.6875rem
}

.u-font-size-xxs {
  font-size: 0.75rem
}

.u-font-size-xs {
  font-size: 0.8125rem
}

.u-font-size-s {
  font-size: 0.875rem
}

.u-font-size-s2 {
  font-size: 0.9375rem
}

.u-font-size-base {
  font-size: 1rem
}

.u-font-size-lg {
  font-size: 1.125rem
}

.u-font-size-lg2 {
  font-size: 1.25rem
}

.u-font-size-xlg {
  font-size: 1.5rem
}

.u-font-size-h1 {
  font-size: 3rem;
  line-height: 1
}

.u-font-size-h2 {
  font-size: 2.6875rem;
  line-height: 1.011627907
}

.u-font-size-h3 {
  font-size: 2rem;
  line-height: 1.03125
}

.u-font-size-h4 {
  font-size: 1.75rem;
  line-height: 1.0178571429
}

.u-font-size-h5 {
  font-size: 1.5rem;
  line-height: 1
}

.u-font-size-h6 {
  font-size: 1.25rem;
  line-height: 1.05
}

.u-font-size-sub {
  font-size: 1.125rem;
  line-height: 1
}

@media (min-width: 423px) {
  .u-font-size-xs-inherit {
    font-size: inherit
  }

  .u-font-size-xs-4xs {
    font-size: 0.5625rem
  }

  .u-font-size-xs-10 {
    font-size: 0.625rem
  }

  .u-font-size-xs-3xs {
    font-size: 0.6875rem
  }

  .u-font-size-xs-xxs {
    font-size: 0.75rem
  }

  .u-font-size-xs-xs {
    font-size: 0.8125rem
  }

  .u-font-size-xs-s {
    font-size: 0.875rem
  }

  .u-font-size-xs-s2 {
    font-size: 0.9375rem
  }

  .u-font-size-xs-base {
    font-size: 1rem
  }

  .u-font-size-xs-lg {
    font-size: 1.125rem
  }

  .u-font-size-xs-lg2 {
    font-size: 1.25rem
  }

  .u-font-size-xs-xlg {
    font-size: 1.5rem
  }

  .u-font-size-xs-h1 {
    font-size: 3rem;
    line-height: 1
  }

  .u-font-size-xs-h2 {
    font-size: 2.6875rem;
    line-height: 1.011627907
  }

  .u-font-size-xs-h3 {
    font-size: 2rem;
    line-height: 1.03125
  }

  .u-font-size-xs-h4 {
    font-size: 1.75rem;
    line-height: 1.0178571429
  }

  .u-font-size-xs-h5 {
    font-size: 1.5rem;
    line-height: 1
  }

  .u-font-size-xs-h6 {
    font-size: 1.25rem;
    line-height: 1.05
  }

  .u-font-size-xs-sub {
    font-size: 1.125rem;
    line-height: 1
  }
}

@media (min-width: 576px) {
  .u-font-size-sm-inherit {
    font-size: inherit
  }

  .u-font-size-sm-4xs {
    font-size: 0.5625rem
  }

  .u-font-size-sm-10 {
    font-size: 0.625rem
  }

  .u-font-size-sm-3xs {
    font-size: 0.6875rem
  }

  .u-font-size-sm-xxs {
    font-size: 0.75rem
  }

  .u-font-size-sm-xs {
    font-size: 0.8125rem
  }

  .u-font-size-sm-s {
    font-size: 0.875rem
  }

  .u-font-size-sm-s2 {
    font-size: 0.9375rem
  }

  .u-font-size-sm-base {
    font-size: 1rem
  }

  .u-font-size-sm-lg {
    font-size: 1.125rem
  }

  .u-font-size-sm-lg2 {
    font-size: 1.25rem
  }

  .u-font-size-sm-xlg {
    font-size: 1.5rem
  }

  .u-font-size-sm-h1 {
    font-size: 3rem;
    line-height: 1
  }

  .u-font-size-sm-h2 {
    font-size: 2.6875rem;
    line-height: 1.011627907
  }

  .u-font-size-sm-h3 {
    font-size: 2rem;
    line-height: 1.03125
  }

  .u-font-size-sm-h4 {
    font-size: 1.75rem;
    line-height: 1.0178571429
  }

  .u-font-size-sm-h5 {
    font-size: 1.5rem;
    line-height: 1
  }

  .u-font-size-sm-h6 {
    font-size: 1.25rem;
    line-height: 1.05
  }

  .u-font-size-sm-sub {
    font-size: 1.125rem;
    line-height: 1
  }
}

@media (min-width: 768px) {
  .u-font-size-md-inherit {
    font-size: inherit
  }

  .u-font-size-md-4xs {
    font-size: 0.5625rem
  }

  .u-font-size-md-10 {
    font-size: 0.625rem
  }

  .u-font-size-md-3xs {
    font-size: 0.6875rem
  }

  .u-font-size-md-xxs {
    font-size: 0.75rem
  }

  .u-font-size-md-xs {
    font-size: 0.8125rem
  }

  .u-font-size-md-s {
    font-size: 0.875rem
  }

  .u-font-size-md-s2 {
    font-size: 0.9375rem
  }

  .u-font-size-md-base {
    font-size: 1rem
  }

  .u-font-size-md-lg {
    font-size: 1.125rem
  }

  .u-font-size-md-lg2 {
    font-size: 1.25rem
  }

  .u-font-size-md-xlg {
    font-size: 1.5rem
  }

  .u-font-size-md-h1 {
    font-size: 3rem;
    line-height: 1
  }

  .u-font-size-md-h2 {
    font-size: 2.6875rem;
    line-height: 1.011627907
  }

  .u-font-size-md-h3 {
    font-size: 2rem;
    line-height: 1.03125
  }

  .u-font-size-md-h4 {
    font-size: 1.75rem;
    line-height: 1.0178571429
  }

  .u-font-size-md-h5 {
    font-size: 1.5rem;
    line-height: 1
  }

  .u-font-size-md-h6 {
    font-size: 1.25rem;
    line-height: 1.05
  }

  .u-font-size-md-sub {
    font-size: 1.125rem;
    line-height: 1
  }
}

@media (min-width: 992px) {
  .u-font-size-lg-inherit {
    font-size: inherit
  }

  .u-font-size-lg-4xs {
    font-size: 0.5625rem
  }

  .u-font-size-lg-10 {
    font-size: 0.625rem
  }

  .u-font-size-lg-3xs {
    font-size: 0.6875rem
  }

  .u-font-size-lg-xxs {
    font-size: 0.75rem
  }

  .u-font-size-lg-xs {
    font-size: 0.8125rem
  }

  .u-font-size-lg-s {
    font-size: 0.875rem
  }

  .u-font-size-lg-s2 {
    font-size: 0.9375rem
  }

  .u-font-size-lg-base {
    font-size: 1rem
  }

  .u-font-size-lg-lg {
    font-size: 1.125rem
  }

  .u-font-size-lg-lg2 {
    font-size: 1.25rem
  }

  .u-font-size-lg-xlg {
    font-size: 1.5rem
  }

  .u-font-size-lg-h1 {
    font-size: 3rem;
    line-height: 1
  }

  .u-font-size-lg-h2 {
    font-size: 2.6875rem;
    line-height: 1.011627907
  }

  .u-font-size-lg-h3 {
    font-size: 2rem;
    line-height: 1.03125
  }

  .u-font-size-lg-h4 {
    font-size: 1.75rem;
    line-height: 1.0178571429
  }

  .u-font-size-lg-h5 {
    font-size: 1.5rem;
    line-height: 1
  }

  .u-font-size-lg-h6 {
    font-size: 1.25rem;
    line-height: 1.05
  }

  .u-font-size-lg-sub {
    font-size: 1.125rem;
    line-height: 1
  }
}

@media (min-width: 1140px) {
  .u-font-size-xl-inherit {
    font-size: inherit
  }

  .u-font-size-xl-4xs {
    font-size: 0.5625rem
  }

  .u-font-size-xl-10 {
    font-size: 0.625rem
  }

  .u-font-size-xl-3xs {
    font-size: 0.6875rem
  }

  .u-font-size-xl-xxs {
    font-size: 0.75rem
  }

  .u-font-size-xl-xs {
    font-size: 0.8125rem
  }

  .u-font-size-xl-s {
    font-size: 0.875rem
  }

  .u-font-size-xl-s2 {
    font-size: 0.9375rem
  }

  .u-font-size-xl-base {
    font-size: 1rem
  }

  .u-font-size-xl-lg {
    font-size: 1.125rem
  }

  .u-font-size-xl-lg2 {
    font-size: 1.25rem
  }

  .u-font-size-xl-xlg {
    font-size: 1.5rem
  }

  .u-font-size-xl-h1 {
    font-size: 3rem;
    line-height: 1
  }

  .u-font-size-xl-h2 {
    font-size: 2.6875rem;
    line-height: 1.011627907
  }

  .u-font-size-xl-h3 {
    font-size: 2rem;
    line-height: 1.03125
  }

  .u-font-size-xl-h4 {
    font-size: 1.75rem;
    line-height: 1.0178571429
  }

  .u-font-size-xl-h5 {
    font-size: 1.5rem;
    line-height: 1
  }

  .u-font-size-xl-h6 {
    font-size: 1.25rem;
    line-height: 1.05
  }

  .u-font-size-xl-sub {
    font-size: 1.125rem;
    line-height: 1
  }
}

@media (min-width: 1300px) {
  .u-font-size-xxl-inherit {
    font-size: inherit
  }

  .u-font-size-xxl-4xs {
    font-size: 0.5625rem
  }

  .u-font-size-xxl-10 {
    font-size: 0.625rem
  }

  .u-font-size-xxl-3xs {
    font-size: 0.6875rem
  }

  .u-font-size-xxl-xxs {
    font-size: 0.75rem
  }

  .u-font-size-xxl-xs {
    font-size: 0.8125rem
  }

  .u-font-size-xxl-s {
    font-size: 0.875rem
  }

  .u-font-size-xxl-s2 {
    font-size: 0.9375rem
  }

  .u-font-size-xxl-base {
    font-size: 1rem
  }

  .u-font-size-xxl-lg {
    font-size: 1.125rem
  }

  .u-font-size-xxl-lg2 {
    font-size: 1.25rem
  }

  .u-font-size-xxl-xlg {
    font-size: 1.5rem
  }

  .u-font-size-xxl-h1 {
    font-size: 3rem;
    line-height: 1
  }

  .u-font-size-xxl-h2 {
    font-size: 2.6875rem;
    line-height: 1.011627907
  }

  .u-font-size-xxl-h3 {
    font-size: 2rem;
    line-height: 1.03125
  }

  .u-font-size-xxl-h4 {
    font-size: 1.75rem;
    line-height: 1.0178571429
  }

  .u-font-size-xxl-h5 {
    font-size: 1.5rem;
    line-height: 1
  }

  .u-font-size-xxl-h6 {
    font-size: 1.25rem;
    line-height: 1.05
  }

  .u-font-size-xxl-sub {
    font-size: 1.125rem;
    line-height: 1
  }
}

@media (min-width: 1650px) {
  .u-font-size-xxxl-inherit {
    font-size: inherit
  }

  .u-font-size-xxxl-4xs {
    font-size: 0.5625rem
  }

  .u-font-size-xxxl-10 {
    font-size: 0.625rem
  }

  .u-font-size-xxxl-3xs {
    font-size: 0.6875rem
  }

  .u-font-size-xxxl-xxs {
    font-size: 0.75rem
  }

  .u-font-size-xxxl-xs {
    font-size: 0.8125rem
  }

  .u-font-size-xxxl-s {
    font-size: 0.875rem
  }

  .u-font-size-xxxl-s2 {
    font-size: 0.9375rem
  }

  .u-font-size-xxxl-base {
    font-size: 1rem
  }

  .u-font-size-xxxl-lg {
    font-size: 1.125rem
  }

  .u-font-size-xxxl-lg2 {
    font-size: 1.25rem
  }

  .u-font-size-xxxl-xlg {
    font-size: 1.5rem
  }

  .u-font-size-xxxl-h1 {
    font-size: 3rem;
    line-height: 1
  }

  .u-font-size-xxxl-h2 {
    font-size: 2.6875rem;
    line-height: 1.011627907
  }

  .u-font-size-xxxl-h3 {
    font-size: 2rem;
    line-height: 1.03125
  }

  .u-font-size-xxxl-h4 {
    font-size: 1.75rem;
    line-height: 1.0178571429
  }

  .u-font-size-xxxl-h5 {
    font-size: 1.5rem;
    line-height: 1
  }

  .u-font-size-xxxl-h6 {
    font-size: 1.25rem;
    line-height: 1.05
  }

  .u-font-size-xxxl-sub {
    font-size: 1.125rem;
    line-height: 1
  }
}

.u-align-baseline {
  vertical-align: baseline
}

.u-align-middle {
  vertical-align: middle
}

.u-align-bottom {
  vertical-align: bottom
}

.u-text-button {
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  line-height: inherit
}

.u-text-link,
.u-inherit-link {
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: inherit;
  font-weight: inherit
}

.u-text-link:hover,
.u-inherit-link:hover {
  color: #c1c9ff
}

.u-link {
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  line-height: inherit;
  color: #8E9DFF
}

.u-link:hover {
  color: #c1c9ff
}

.u-link-hover-underline:hover {
  text-decoration: underline
}

.u-dark-link {
  background: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #8D93B7
}

.u-dark-link:hover {
  color: #B5B7DA
}

.u-accent-link {
  color: #8E9DFF;
  text-decoration: underline;
  font-weight: inherit
}

.u-accent-link:hover {
  color: #8E9DFF;
  text-decoration: none
}

.u-primary-link {
  color: #8E9DFF;
  text-decoration: underline;
  font-weight: inherit
}

.u-primary-link:hover {
  color: #c1c9ff;
  text-decoration: none
}

.u-inherit-link:hover {
  color: inherit
}

.u-pointer {
  cursor: pointer
}

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

.u-cursor-default {
  cursor: default
}

.u-font-light-semibold {
  font-weight: 500
}

.u-font-semibold {
  font-weight: 600
}

.u-font-bold {
  font-weight: 700
}

.u-font-normal {
  font-weight: normal
}

.u-font-black {
  font-weight: 800
}

.u-font-italic {
  font-style: italic
}

.u-font-uppercase {
  text-transform: uppercase
}

.u-font-capitalize {
  text-transform: capitalize
}

.u-position-relative {
  position: relative !important
}

.u-position-absolute {
  position: absolute !important
}

.u-position-static {
  position: static !important
}

.u-position-fixed {
  position: fixed !important
}

.u-lh-normal {
  line-height: normal
}

.u-lh-1 {
  line-height: 1
}

.u-lh-15 {
  line-height: 1.5
}

.u-overflow-hidden {
  overflow: hidden
}

@media (max-width: 991px) {
  .u-overflow-hidden-mobile {
    overflow: hidden
  }
}

.u-overflow-visible {
  overflow: visible
}

.u-overflow-auto {
  overflow: auto
}

.u-overflow-unset {
  overflow: unset
}

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

.u-overflow-y-hidden {
  overflow-y: hidden
}

.u-custom-scroll {
  overflow-y: auto;
  scrollbar-color: rgba(153, 153, 153, 0.6) transparent;
  scrollbar-width: thin
}

.u-custom-scroll::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: transparent
}

.u-custom-scroll::-webkit-scrollbar-thumb {
  background: rgba(153, 153, 153, 0.6);
  border-radius: 100px
}

@media (min-width: 992px) {
  .hide-d {
    display: none !important
  }
}

@media (max-width: 991px) {
  .hide-m {
    display: none !important
  }
}

@media (max-width: 768px) {
  .hide-md {
    display: none !important
  }
}

@media (max-width: 1140px) {
  .hide-xl {
    display: none !important
  }
}

@media (max-width: 767px) {
  .hide-t {
    display: none !important
  }
}

.hide {
  display: none !important
}

.u-z-index-1 {
  z-index: 1 !important
}

.u-z-index-2 {
  z-index: 2 !important
}

.u-z-index-max {
  z-index: 10000 !important
}

.u-z-index-modal {
  z-index: 100000 !important
}