@charset "UTF-8";
:root {
  --cubic: cubic-bezier(0.305, 0.045, 0.355, 1);
  --transition-link: 0.2s;
  --transition-active: 0.1s;
  --transition-input: 0.2s;
  --size-1: calc(4px + 1 * (100vw - 320px) / 1080);
  --size-2: calc(8px + 1 * (100vw - 320px) / 1080);
  --size-3: calc(16px + 1 * (100vw - 320px) / 1080);
  --size-4: calc(24px + 2 * (100vw - 320px) / 1080);
  --size-5: calc(32px + 3 * (100vw - 320px) / 1080);
  --size-6: calc(40px + 4 * (100vw - 320px) / 1080);
  --size-7: calc(48px + 5 * (100vw - 320px) / 1080);
  --font-family-main: "Nippo", Helvetica, Arial, sans-serif;
  --font-family-heading: "Outfit", Inter, Helvetica, Arial, sans-serif;
  --bg-body-rgb: 9 9 10;
  --bg-body: rgb(var(--bg-body-rgb));
  --bg-secondary-rgb: 40 40 45;
  --bg-secondary: rgb(var(--bg-secondary-rgb));
  --text-primary-rgb: 136 135 137;
  --text-primary: rgb(var(--text-primary-rgb));
  --text-secondary-rgb: 240 240 240;
  --text-secondary: rgb(var(--text-secondary-rgb));
  --text-spacing: 0.1em;
  --h1: calc(28px + 25 * (100vw - 320px) / 1080);
  --h2: calc(24px + 20 * (100vw - 320px) / 1080);
  --h3: calc(20px + 15 * (100vw - 320px) / 1080);
  --h4: calc(18px + 12 * (100vw - 320px) / 1080);
  --h5: calc(16px + 10 * (100vw - 320px) / 1080);
  --h6: calc(14px + 8 * (100vw - 320px) / 1080);
  --color-h: 0;
  --color-s: 0%;
  --color-l-1: 45%;
  --color-l-2: 80%;
  --color-l-3: 23%;
  --color-primary-base: #fff;
  --color-secondary-base: #24cafe;
  --color-primary-l-1: var(--color-l-1);
  --color-primary-l-2: var(--color-l-2);
  --color-primary-l-3: var(--color-l-3);
  --color-secondary-l: 25%;
  --color-secondary-l-1: var(--color-secondary-l);
  --color-secondary-l-2: var(--color-secondary-l);
  --color-secondary-l-3: var(--color-secondary-l);
  --color-tertiary-l: 15%;
  --color-tertiary-l-1: var(--color-tertiary-l);
  --color-tertiary-l-2: var(--color-tertiary-l);
  --color-tertiary-l-3: var(--color-tertiary-l);
  --color-status-s: 85%;
  --color-danger-h: 0;
  --color-success-h: 110;
  --color-warning-h: 25;
  --color-info-h: 200;
  --color-custom-h: 260;
  --light-primary: rgba(255 255 255 / 30%);
  --primary-1: #d2ff1f;
  --pink: #ff2667;
  --yellow: var(--primary-1);
  --blue: #0897ff;
  --orange: #d2ff1f;
  --stroke-color: rgba(74 74 83 / 40%);
  --stroke-width: 1px;
  --stroke-primary: var(--stroke-width) solid var(--stroke-color);
  --main-padding: var(--size-4);
  --main-size: calc(14px + 1 * (100vw - 320px) / 1080);
  --main-margin-1: calc(60px + 50 * (100vw - 320px) / 1080);
  --wrapper-width: calc(700px + 500 * (100vw - 320px) / 1080);
  --wrapper-max: 85vw;
  --wrapper-padding: calc((100vw - var(--wrapper-max)) / 2);
  --header-padding: var(--size-3);
  --header-swipe-transition: 0.5s var(--cubic);
  --corner-size: 1.5em;
  --corner-bg: transparent;
  --input-size: 0.85rem;
  --input-height: 4.15em;
}
@media screen and (max-width: 1084px) {
  :root {
    --main-padding: var(--size-3);
    --wrapper-max: 88vw;
    --wrapper-padding: calc((100vw - var(--wrapper-max)) / 2);
  }
}
@media screen and (max-width: 750px) {
  :root {
    --main-padding: 0px;
  }
}
*,
*:after,
*:before {
  position: relative;
  box-sizing: border-box;
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ol,
ul,
li,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
output,
audio,
video,
button,
hr,
input,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
a,
button {
  cursor: pointer;
  color: inherit;
}
button {
  border: 0;
  padding: 0;
  background: none;
  display: inline-block;
}
a,
a:hover,
button,
button:hover,
*:focus,
*:active {
  text-decoration: none;
  outline: none;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
strong {
  font-weight: 700;
}
img,
svg {
  vertical-align: bottom;
  height: auto;
}
textarea {
  resize: none;
  width: 100%;
  background-color: transparent;
  color: inherit;
}
picture {
  display: block;
  user-select: none;
  -webkit-user-select: none;
}
picture img {
  max-width: 100%;
  width: 100%;
}
small {
  font-size: 0.95em;
}
input {
  color: inherit;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
input[type="number"] {
  -webkit-appearance: textfield;
  appearance: textfield;
  -moz-appearance: textfield;
}
@font-face {
  font-family: Nippo;
  src: url(/assets/Nippo-Variable-dsD7IYPM.woff2) format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Outfit;
  src: url(/assets/Outfit-Variable-Nz691jPk.woff2) format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
.w-100 {
  width: 100%;
}
.w-75 {
  width: 75%;
}
.w-66 {
  width: 66.66%;
}
.w-50 {
  width: 50%;
}
.w-33 {
  width: 33.33%;
}
.w-25 {
  width: 25%;
}
.w-auto {
  width: auto;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.flex {
  display: flex;
}
.flex-w-w {
  flex-wrap: wrap;
}
.flex-d-c {
  flex-direction: column;
}
.flex-d-cr {
  flex-direction: column-reverse;
}
.flex-d-rr {
  flex-direction: row-reverse;
}
.flex-d-r {
  flex-direction: row;
}
.flex-j-c {
  justify-content: center;
}
.flex-j-fs {
  justify-content: flex-start;
}
.flex-j-fe {
  justify-content: flex-end;
}
.flex-j-sa {
  justify-content: space-around;
}
.flex-j-sb {
  justify-content: space-between;
}
.flex-a-c {
  align-items: center;
}
.flex-a-fs {
  align-items: flex-start;
}
.flex-a-fe {
  align-items: flex-end;
}
.flex-a-b {
  align-items: baseline;
}
.flex-a-s {
  align-items: stretch;
}
.flex-ai-c {
  align-self: center;
}
.flex-ai-fs {
  align-self: flex-start;
}
.flex-ai-fe {
  align-self: flex-end;
}
.flex-ai-b {
  align-self: baseline;
}
.flex-ai-s {
  align-self: stretch;
}
.flex-o-s {
  order: -1;
}
.flex-o-0 {
  order: 0;
}
.flex-o-1 {
  order: 1;
}
.flex-o-2 {
  order: 2;
}
.flex-o-3 {
  order: 3;
}
.modal-overlay {
  z-index: 800 !important;
}
wcm-modal {
  z-index: 802;
}
html {
  background: var(--bg-body);
  font-family: var(--font-family-main);
  color: var(--text-primary);
  font-weight: 300;
  font-size: var(--main-size);
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  padding: var(--main-padding);
  padding-top: 0;
  padding-bottom: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
html::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 751px) {
  html:before,
  html:after {
    content: "";
    position: fixed;
    background-color: var(--stroke-color);
    width: var(--stroke-width);
    height: 100vh;
    top: 0;
    z-index: 1000;
  }
  html:before {
    left: var(--main-padding);
  }
  html:after {
    right: var(--main-padding);
  }
}
html .toast {
  border: var(--stroke-primary) !important;
  background-color: rgba(var(--bg-body-rgb) / 0.7);
  color: var(--text-secondary);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
html,
body {
  overscroll-behavior-y: none;
  scroll-behavior: smooth;
}
*::selection {
  background-color: rgba(var(--text-secondary-rgb) / 0.7);
  color: var(--bg-body);
}
#root {
  display: flex;
  flex-direction: column;
  min-height: var(--height-window, 100vh);
}
[data-colors="primary"] {
  --color-l-1: var(--color-primary-l-1);
  --color-l-2: var(--color-primary-l-2);
  --color-l-3: var(--color-primary-l-3);
  --color-1: hsl(var(--color-h), var(--color-s), var(--color-l-1));
  --color-2: hsl(var(--color-h), var(--color-s), var(--color-l-2));
  --color-3: hsl(var(--color-h), var(--color-s), var(--color-l-3));
}
[data-colors="secondary"] {
  --color-l-1: var(--color-secondary-l-1);
  --color-l-2: var(--color-secondary-l-2);
  --color-l-3: var(--color-secondary-l-3);
  --color-1: hsl(var(--color-h), var(--color-s), var(--color-l-1));
  --color-2: hsl(var(--color-h), var(--color-s), var(--color-l-2));
  --color-3: hsl(var(--color-h), var(--color-s), var(--color-l-3));
}
[data-colors="tertiary"] {
  --color-l-1: var(--color-tertiary-l-1);
  --color-l-2: var(--color-tertiary-l-2);
  --color-l-3: var(--color-tertiary-l-3);
  --color-1: hsl(var(--color-h), var(--color-s), var(--color-l-1));
  --color-2: hsl(var(--color-h), var(--color-s), var(--color-l-2));
  --color-3: hsl(var(--color-h), var(--color-s), var(--color-l-3));
}
[data-status] {
  --color-s: var(--color-status-s);
}
[data-status="info"] {
  --color-h: var(--color-info-h);
  --color-1: hsl(var(--color-h), var(--color-s), var(--color-l-1));
  --color-2: hsl(var(--color-h), var(--color-s), var(--color-l-2));
  --color-3: hsl(var(--color-h), var(--color-s), var(--color-l-3));
}
[data-status="custom"] {
  --color-h: var(--color-custom-h);
  --color-1: hsl(var(--color-h), var(--color-s), var(--color-l-1));
  --color-2: hsl(var(--color-h), var(--color-s), var(--color-l-2));
  --color-3: hsl(var(--color-h), var(--color-s), var(--color-l-3));
}
[data-status="success"] {
  --color-h: var(--color-success-h);
  --color-1: hsl(var(--color-h), var(--color-s), var(--color-l-1));
  --color-2: hsl(var(--color-h), var(--color-s), var(--color-l-2));
  --color-3: hsl(var(--color-h), var(--color-s), var(--color-l-3));
}
[data-status="warning"] {
  --color-h: var(--color-warning-h);
  --color-1: hsl(var(--color-h), var(--color-s), var(--color-l-1));
  --color-2: hsl(var(--color-h), var(--color-s), var(--color-l-2));
  --color-3: hsl(var(--color-h), var(--color-s), var(--color-l-3));
}
[data-status="danger"] {
  --color-h: var(--color-danger-h);
  --color-1: hsl(var(--color-h), var(--color-s), var(--color-l-1));
  --color-2: hsl(var(--color-h), var(--color-s), var(--color-l-2));
  --color-3: hsl(var(--color-h), var(--color-s), var(--color-l-3));
}
[data-reveal] {
  --translate: 2rem;
  opacity: 0;
  visibility: hidden;
  transform: translate(var(--x, 0), var(--y, 0));
  transform-style: preserve-3d;
}
[data-reveal][data-reveal="bottom"] {
  --y: var(--translate);
}
[data-reveal][data-reveal="top"] {
  --y: calc(var(--translate) * -1);
}
[data-reveal][data-reveal="right"] {
  --x: var(--translate);
}
[data-reveal][data-reveal="left"] {
  --x: calc(var(--translate) * -1);
}
[data-reveal][data-reveal="opacity"] {
  transform: none !important;
}
.main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.home {
  overflow: hidden;
  width: calc(100% + var(--main-padding) * 2);
  left: calc(var(--main-padding) * -1);
}
.wrapper {
  width: var(--wrapper-width);
  max-width: var(--wrapper-max);
  margin-left: auto;
  margin-right: auto;
}
.content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3em;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--font-family-heading);
  font-weight: 700;
  line-height: 1.2;
}
h1:not(.color),
.h1:not(.color),
h2:not(.color),
.h2:not(.color),
h3:not(.color),
.h3:not(.color),
h4:not(.color),
.h4:not(.color),
h5:not(.color),
.h5:not(.color),
h6:not(.color),
.h6:not(.color) {
  background: linear-gradient(var(--text-secondary) 20%, var(--text-primary) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h1 strong,
.h1 strong,
h2 strong,
.h2 strong,
h3 strong,
.h3 strong,
h4 strong,
.h4 strong,
h5 strong,
.h5 strong,
h6 strong,
.h6 strong {
  -webkit-text-fill-color: var(--primary-1);
  color: var(--primary-1);
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
  background: linear-gradient(var(--text-secondary) 20%, var(--text-primary) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 601px) {
  h1 small,
  .h1 small,
  h2 small,
  .h2 small,
  h3 small,
  .h3 small,
  h4 small,
  .h4 small,
  h5 small,
  .h5 small,
  h6 small,
  .h6 small {
    display: block;
    font-size: 75%;
  }
}
h1,
.h1 {
  font-size: var(--h1);
}
h2,
.h2 {
  font-size: var(--h2);
}
h3,
.h3 {
  font-size: var(--h3);
}
h4,
.h4 {
  font-size: var(--h4);
}
h5,
.h5 {
  font-size: var(--h5);
}
h6,
.h6 {
  font-size: var(--h6);
}
.intro {
  font-size: var(--size-3);
  max-width: 100%;
  line-height: 1.7;
}
.p {
  line-height: 1.6;
}
.p ul li,
.p ol li {
  padding-left: 1.5em;
}
.p ul li:before,
.p ol li:before {
  content: "— ";
  position: absolute;
  left: 0;
  color: var(--text-secondary);
  text-align: right;
}
.p ul > li + li,
.p ol > li + li {
  margin-top: 0.85em;
}
.p ol {
  counter-reset: olCounter;
}
.p ol > li {
  counter-increment: olCounter;
}
.p ol > li:before {
  content: counter(olCounter);
}
.intro > * + *,
.p > * + * {
  margin-top: 1em;
}
.intro a:not(.btn),
.p a:not(.btn) {
  color: var(--text-secondary);
  font-weight: 400;
}
.intro a:not(.btn):hover,
.p a:not(.btn):hover {
  text-decoration: underline;
}
hr {
  width: 100%;
  border-top: var(--stroke-primary);
}
.sub-title {
  font-size: var(--size-3);
  text-transform: uppercase;
  letter-spacing: 1em;
  font-weight: 200;
  margin-bottom: calc(var(--size-2) * -1);
}
.point {
  --mask: radial-gradient(#000 0%, transparent 70%);
  inset: var(--point, 0);
  position: absolute;
  background: radial-gradient(var(--point-color, var(--text-primary)) 1.5px, transparent 1.5px);
  background-size: 17px 17px;
  opacity: 0.2;
  z-index: -2;
  pointer-events: none;
  mask: var(--mask);
  -webkit-mask: var(--mask);
}
.toast-ct > *:nth-child(4) ~ * {
  display: none !important;
}
.footer {
  --padding: var(--size-6);
  z-index: 200;
  padding: var(--padding) 0;
  border-top: var(--stroke-primary);
  margin-bottom: var(--main-padding);
}
@media screen and (min-width: 751px) {
  .footer:after {
    content: "";
    position: absolute;
    width: 100vw;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    border-top: var(--stroke-primary);
  }
}
.footer:before {
  content: "";
  position: absolute;
  background-color: var(--light-primary);
  inset: auto 25% 0;
  height: 30px;
  border-radius: 50%;
  filter: blur(100px);
  pointer-events: none;
}
.footer .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-left,
.footer-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.footer-left {
  gap: 0.5em;
}
.footer-left p {
  white-space: nowrap;
}
.footer-right {
  font-size: 0.8em;
  gap: 1.5em;
}
.footer-right .nav {
  text-transform: uppercase;
  letter-spacing: var(--text-spacing);
}
.footer-right .nav ul {
  gap: 0.5em;
}
.footer-right .socials {
  font-size: var(--size-4);
}
@media screen and (max-width: 1084px) {
  .footer {
    overflow: hidden;
  }
  .footer .wrapper,
  .footer-right {
    flex-direction: column;
    gap: calc(var(--padding) / 2);
  }
  .footer-left {
    order: 2;
  }
  .footer .nav {
    font-size: var(--size-3);
    order: 2;
  }
}
@media screen and (max-width: 500px) {
  .footer:before {
    height: 100px;
  }
  .footer-left {
    align-items: flex-start;
    flex-direction: column;
  }
  .footer .wrapper,
  .footer-right {
    align-items: flex-start;
  }
  .footer .nav {
    padding: var(--size-3) 0;
  }
  .footer .nav ul {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--size-3);
  }
  .footer .nav a:not(.btn) {
    padding: 0;
  }
}
.nav {
  --gap: var(--header-padding, var(--size-3));
}
.nav ul {
  display: flex;
  align-items: stretch;
  gap: var(--gap);
}
.nav ul li a:not(.btn) {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1em;
  height: 100%;
  transition: color var(--transition-link);
}
.nav ul li a:not(.btn):hover {
  color: var(--text-secondary);
}
.nav ul li a:not(.btn):after {
  transition: opacity var(--transition-link), transform var(--transition-link);
  content: "";
  position: absolute;
  top: 10%;
  right: -10%;
  bottom: 10%;
  left: -10%;
  background-color: var(--bg-secondary);
  border-radius: 50%;
  filter: blur(20px);
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.5);
}
.nav ul li a:not(.btn).active {
  color: var(--text-secondary);
}
.nav ul li a:not(.btn).active:after {
  opacity: 1;
  transform: scale(1);
}
.socials {
  display: flex;
  gap: 0.5em;
}
.nav .socials {
  display: none;
}
@media screen and (max-width: 1084px) {
  .nav .socials {
    display: flex;
  }
}
.socials a {
  transition: color var(--transition-link), opacity var(--transition-link);
}
.socials a:hover {
  color: var(--text-secondary);
}
.alert {
  padding: 1em 1.5em;
  color: var(--color-1);
  display: flex;
  align-items: center;
  gap: 1em;
}
.alert strong {
  font-weight: 500;
}
.alert-content {
  flex: 1;
  align-self: flex-start;
}
.alert .corner {
  z-index: 1;
}
.btn {
  --padding-v: 1.5em;
  --padding-h: 1.85em;
  --corner-size: calc(var(--padding-h) / 1.5);
  transition: transform var(--transition-active);
  padding: 0 var(--padding-h);
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  color: var(--text-secondary);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  gap: 0.75em;
  text-transform: uppercase;
  letter-spacing: var(--text-spacing);
}
.btn:active {
  transform: scale(0.97);
}
.btn > * {
  z-index: 2;
}
.btn.loaded {
  cursor: wait;
  pointer-events: none;
}
.btn.loaded .btn-txt {
  opacity: 0.5;
}
.btn.disabled {
  pointer-events: none;
}
.btn.disabled .btn-txt {
  opacity: 0.5;
}
.btn svg {
  transition: transform var(--transition-link);
  font-size: 1.2em;
  margin: -0.1em;
  align-self: center;
  pointer-events: none;
}
.btn.minus svg {
  padding: calc(var(--padding-v) * 0.85) 0;
  transform: scale(1.5);
}
.btn-txt {
  height: 100%;
  display: flex;
  padding: var(--padding-v) 0;
  overflow: hidden;
  gap: 1.5em;
  align-items: center;
}
.btn-txt small {
  color: var(--text-primary);
  font-size: 1em;
}
.btn:before {
  transition: opacity var(--transition-link);
  opacity: 0;
  content: "";
  background: linear-gradient(to right, hsl(var(--color-h), var(--color-s), var(--color-l-1)), hsl(var(--color-h), var(--color-s), var(--color-l-2)), hsl(var(--color-h), var(--color-s), var(--color-l-3)));
  position: absolute;
  top: 5%;
  right: 5%;
  bottom: 5%;
  left: 5%;
  filter: blur(15px);
  pointer-events: none;
}
.btn:hover:before {
  opacity: 0.3;
}
.btn .corner {
  z-index: 0;
}
.corner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
}
.corner.reverse {
  transform: scaleX(-1);
}
.corner:before {
  content: "";
  position: absolute;
  inset: 0 var(--corner-size);
  background-color: var(--corner-bg);
  z-index: -1;
}
.corner-top-bottom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.corner-top-bottom:before,
.corner-top-bottom:after {
  content: "";
  position: absolute;
  height: var(--stroke-width);
  width: calc(100% - var(--corner-size));
  background: linear-gradient(to right, hsl(var(--color-h), var(--color-s), var(--color-l-1)), hsl(var(--color-h), var(--color-s), var(--color-l-2)), hsl(var(--color-h), var(--color-s), var(--color-l-3)));
}
.corner-top-bottom:before {
  top: 0;
  right: 0;
}
.corner-top-bottom:after {
  bottom: 0;
  left: 0;
}
.corner-left,
.corner-right {
  position: absolute;
  width: var(--corner-size);
  height: 100%;
  overflow: hidden;
  bottom: 0;
}
.corner-left:before,
.corner-left:after,
.corner-right:before,
.corner-right:after {
  content: "";
  position: absolute;
  width: var(--stroke-width);
  background-color: hsl(var(--color-h), var(--color-s), var(--l));
}
.corner-left:after,
.corner-right:after {
  height: calc(var(--corner-size) * 1.5);
}
.corner-left:before,
.corner-right:before {
  height: calc(100% - var(--corner-size));
}
.corner-left {
  --l: var(--color-l-1);
  left: 0;
}
.corner-left:before,
.corner-left:after {
  background-color: hsl(var(--color-h), var(--color-s), var(--l));
}
.corner-left:before {
  left: 0;
  bottom: 0;
  box-shadow: var(--corner-size) var(--corner-size) 0 var(--corner-size) var(--corner-bg);
  z-index: 5;
}
.corner-left:after {
  left: 0;
  bottom: calc(100% - var(--corner-size));
  transform: rotate(45deg);
  transform-origin: bottom left;
  box-shadow: var(--corner-size) 0 0 var(--corner-size) var(--corner-bg);
}
.corner-right {
  --l: var(--color-l-3);
  right: 0;
}
.corner-right:before {
  right: 0;
  top: 0;
  box-shadow: calc(var(--corner-size) * -1) calc(var(--corner-size) * -1) 0 var(--corner-size) var(--corner-bg);
  z-index: 5;
}
.corner-right:after {
  right: 0;
  top: calc(100% - var(--corner-size));
  transform: rotate(45deg);
  transform-origin: top right;
  box-shadow: calc(var(--corner-size) * -1) 0 0 var(--corner-size) var(--corner-bg);
}
.dropdown {
  --content-margin: var(--size-2);
  z-index: 150;
}
.dropdown-content {
  position: absolute;
  z-index: 150;
}
.dropdown-content-scroll {
  padding: var(--size-3);
  max-height: 40vh;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dropdown-content-scroll::-webkit-scrollbar {
  display: none;
}
.dropdown-content.right-top {
  bottom: calc(100% + var(--content-margin));
  right: 0;
}
.dropdown-content.left-top {
  bottom: calc(100% + var(--content-margin));
  left: 0;
}
.dropdown-content.right-bottom {
  top: calc(100% + var(--content-margin));
  right: 0;
}
.dropdown-content.left-bottom {
  top: calc(100% + var(--content-margin));
  left: 0;
}
.dropdown-content .corner {
  --corner-bg: var(--bg-body);
  --corner-size: var(--size-3);
}
.grid {
  --grid-layout-gap: var(--size-3);
  --grid-column-count: 6;
  --grid-item-min-width: calc(200px + 50 * (100vw - 320px) / 1080);
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item-max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item-min-width), var(--grid-item-max-width)), 1fr));
  grid-template-rows: auto auto;
  grid-gap: var(--grid-layout-gap);
  overflow: hidden;
}
.input {
  --corner-size: var(--input-size);
  display: flex;
  font-size: var(--input-size);
  height: var(--input-height);
  text-transform: none;
  color: var(--text-secondary);
}
.input-icon {
  width: calc(var(--input-height) * 1.15);
  height: var(--input-height);
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.input-icon svg {
  font-size: 1.5em;
  color: var(--text-secondary);
}
.input input {
  flex: 1;
  background: transparent;
  padding-right: calc(var(--input-height) / 2);
  letter-spacing: var(--text-spacing);
}
.input input::placeholder {
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: var(--text-spacing);
}
.checkbox {
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5rem;
}
.checkbox label {
  transition: var(--transition-input);
  cursor: pointer;
  white-space: nowrap;
}
.checkbox label:hover {
  color: var(--text-secondary);
}
.checkbox input {
  transition: var(--transition-input);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: var(--stroke-primary);
  width: 0.9rem;
  height: 0.9rem;
  cursor: pointer;
}
.checkbox input[type="radio"] {
  border-radius: 50%;
}
.checkbox input:hover {
  border-color: var(--text-secondary);
}
.checkbox input:hover ~ label {
  color: var(--text-secondary);
}
.checkbox input:checked {
  background-color: var(--text-secondary);
  border-color: var(--text-secondary);
}
.checkbox input:checked[type="radio"] {
  box-shadow: 0 0 0 2px var(--bg-body) inset;
}
.checkbox input:checked[type="checkbox"]:before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background-color: CanvasText;
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.range {
  -webkit-appearance: none;
  vertical-align: middle;
  outline: none;
  border: none;
  padding: 0;
  background: none;
}
.range::-webkit-slider-runnable-track {
  background-color: #d7dbdd;
  height: 6px;
  border-radius: 3px;
  border: 1px solid transparent;
}
.range::-moz-range-track {
  background-color: #d7dbdd;
  height: 6px;
  border-radius: 3px;
  border: none;
}
.range::-ms-track {
  color: transparent;
  border: none;
  background: none;
  height: 6px;
}
.range::-ms-fill-lower {
  background-color: #d7dbdd;
  border-radius: 3px;
}
.range::-ms-fill-upper {
  background-color: #d7dbdd;
  border-radius: 3px;
}
.range::-ms-tooltip {
  display: none;
}
.range::-moz-range-thumb {
  border-radius: 20px;
  height: 18px;
  width: 18px;
  border: none;
  background: none;
  background-color: #606670;
}
.range:active::-moz-range-thumb {
  outline: none;
}
.range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  border-radius: 100%;
  background-color: #606670;
  height: 18px;
  width: 18px;
  margin-top: -7px;
}
.range:active::-webkit-slider-thumb {
  outline: none;
}
.range::-ms-thumb {
  border-radius: 100%;
  background-color: #606670;
  height: 18px;
  width: 18px;
  border: none;
}
.range:active::-ms-thumb {
  border: none;
}
output {
  border: 1px solid #d7dbdd;
  color: #333;
  font-family: Lato, sans-serif;
  font-size: 12px;
  padding: 0.4em 0.6em;
  border-radius: 3px;
}
.bigloader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
}
.bigloader svg {
  width: 100px;
  height: auto;
}
.logotype {
  display: flex;
  align-items: center;
  color: var(--text-secondary);
  font-size: var(--size-7);
  gap: 0.2em;
}
.logotype img {
  width: 1em;
}
.logotype svg {
  width: 0.8em;
}
.logotype.horizontal img {
  width: 0.8em;
}
.logotype.horizontal svg {
  width: 3em;
}
.marquee {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}
.marquee:after {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, var(--bg-body) 0%, transparent 10%, transparent 90%, var(--bg-body) 100%);
}
.marquee-right {
  justify-content: flex-end;
}
.marquee-content {
  display: flex;
  align-items: center;
  will-change: transform;
}
.menu {
  z-index: 90;
}
.menu-nav {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.menu-nav-item > .btn,
.menu-nav-item .dropdown-opener .btn {
  --corner-size: 0.5em;
  transition: color var(--transition-link);
  font-size: var(--size-2);
  width: 3em;
  height: 3em;
  padding: 0;
  color: var(--text-primary);
  overflow: hidden;
}
.menu-nav-item > .btn svg,
.menu-nav-item .dropdown-opener .btn svg {
  margin: 0;
}
.menu-nav-item > .btn:active,
.menu-nav-item .dropdown-opener .btn:active {
  transform: scale(1);
  will-change: auto;
}
.menu-nav-item > .btn .corner,
.menu-nav-item .dropdown-opener .btn .corner {
  transition: opacity var(--transition-link);
  opacity: 0;
}
.menu-nav-item > .btn:hover,
.menu-nav-item .dropdown-opener .btn:hover {
  color: var(--text-secondary);
}
.menu-nav-item > .btn:hover .corner,
.menu-nav-item .dropdown-opener .btn:hover .corner {
  opacity: 1;
}
.menu-nav-item .active > .btn {
  color: var(--text-secondary);
}
.menu-nav-item .active > .btn svg {
  transform: rotate(90deg) scale(1.5);
}
.menu-nav-item .active > .btn .corner {
  opacity: 1;
}
.menu .dropdown-content {
  --content-margin: 2px;
}
.menu .dropdown-content-scroll {
  padding: var(--size-2);
}
.menu .dropdown-content .corner {
  --corner-size: 13px;
}
.menu-subnav {
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: calc(var(--size-2) / 2);
}
.menu-subnav li {
  z-index: 5;
}
.menu-subnav .btn {
  font-size: 0.7em;
  width: 100%;
  justify-content: flex-end;
  flex-direction: row-reverse;
  gap: 1.5em;
  padding-right: var(--size-4);
}
.modal {
  --width: calc(450px + 150 * (100vw - 320px) / 1080);
  --padding: var(--size-5);
  width: var(--width);
  max-width: var(--wrapper-max);
  margin: auto;
  padding: var(--padding);
  display: flex;
  flex-direction: column;
  gap: calc(var(--padding) / 1.5);
}
@media screen and (max-width: 500px) {
  .modal {
    --padding: var(--size-4);
  }
}
.modal:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  bottom: -10px;
  left: 0;
  background-color: #000;
  z-index: -2;
  border-radius: 30px;
  filter: blur(15px);
}
.modal:before {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 20px;
  height: 200px;
  background: radial-gradient(var(--bg-secondary) 0%, transparent 70%);
  background-position: 0 -125px;
  background-repeat: no-repeat;
}
.modal > .corner {
  --corner-bg: var(--bg-body);
}
.modal-overlay {
  padding: var(--size-7) 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: rgba(var(--bg-body-rgb) / 75%);
}
.modal-overlay::-webkit-scrollbar {
  display: none;
}
.modal-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  gap: 1em;
}
.modal-title .btn {
  align-self: flex-start;
  font-size: 8px;
}
.modal-content {
  display: flex;
  flex-direction: column;
  gap: calc(var(--padding) / 2);
}
.range {
  --width: 180px;
  --height: 6px;
  --width-number: 1.1em;
  --gap: 0.75em;
  font-size: 0.9em;
  width: calc(var(--width) + (var(--width-number) + var(--gap)) * 2);
  display: flex;
  align-items: center;
  gap: var(--gap);
}
.range-wrapper {
  min-width: var(--width);
  order: 2;
  top: 50%;
  height: var(--height);
}
.range-slider,
.range-track {
  position: absolute;
  height: var(--height);
  width: 100%;
}
.range-slider {
  z-index: 2;
  background-color: var(--bg-secondary);
}
.range-track {
  z-index: 1;
  border: var(--stroke-primary);
}
.range-left,
.range-right {
  color: currentColor;
  width: var(--width-number);
}
.range-left {
  order: 1;
  text-align: right;
}
.range-right {
  order: 3;
}
.range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  height: var(--height);
  width: var(--width);
  pointer-events: none;
  position: absolute;
  background: transparent;
  outline: none;
}
.range-thumb::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  background-color: var(--text-secondary);
  border: none;
  border-radius: 50%;
  height: calc(var(--height) * 2.5);
  width: calc(var(--height) * 2.5);
  pointer-events: all;
}
.range-thumb::-webkit-slider-thumb:hover {
  cursor: grab;
}
.range-thumb::-webkit-slider-thumb:active {
  cursor: grabbing;
}
.range-thumb::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  background-color: var(--text-secondary);
  border: none;
  border-radius: 50%;
  height: calc(var(--height) * 2.5);
  width: calc(var(--height) * 2.5);
  pointer-events: all;
}
.range-thumb::-moz-range-thumb:hover {
  cursor: grab;
}
.range-thumb::-moz-range-thumb:active {
  cursor: grabbing;
}
.range-thumb-left {
  z-index: 3;
}
.range-thumb-right {
  z-index: 4;
}
.wallet {
  --padding: var(--size-4);
  padding: var(--padding);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: calc(var(--padding) / 2);
  cursor: pointer;
}
.wallet svg {
  width: 3em;
}
.wallet h6 {
  font-size: 1.1em;
}
.wallet p {
  font-size: 0.9em;
  line-height: 1.2;
}
.wallet .corner {
  --corner-size: var(--size-3);
  z-index: 1;
}
.wallet .corner-hover {
  transition: opacity var(--transition-link);
  opacity: 0;
}
.wallet:not([data-disabled]):hover .corner-hover {
  opacity: 1;
}
.wallet[data-disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.grid-wallet {
  --grid-layout-gap: var(--size-3);
  --grid-column-count: 2;
  --grid-item-min-width: calc(200px + 30 * (100vw - 320px) / 1080);
}
.grid-social {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}
.grid-social button {
  width: 60px;
  height: 60px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px #0000001a;
  transition: all 0.2s ease-in-out;
}
.grid-social button:hover {
  transform: scale(1.1);
}
.separator-container {
  display: flex;
  align-items: center;
  margin: 1.5rem 0;
}
.separator-line {
  flex: 1;
  height: 1px;
  background-color: #666;
  margin: 0 1rem;
}
.separator-text {
  font-size: 1.2rem;
  color: #666;
  font-weight: 700;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}
.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translate(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translate(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}
@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translate(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translate(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0 4px 12px #0000001a;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed="false"] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos="top"] {
  top: 0;
}
.Toastify__toast--stacked[data-pos="bot"] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
  flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}
.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}
.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}
@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light,
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}
.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}
.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}
@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden="true"] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}
.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}
@keyframes Toastify__bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}
.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}
@keyframes Toastify__zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}
.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}
@keyframes Toastify__flipIn {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  0% {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}
@keyframes Toastify__slideInRight {
  0% {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  0% {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  0% {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  0% {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  0% {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}
.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
@keyframes Toastify__spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.header {
  --width-nav: calc(280px + 50 * (100vw - 320px) / 1080);
  position: sticky;
  top: 0;
  box-shadow: 0 1px #ffffff1a;
  padding-top: var(--main-padding);
  z-index: 500;
  background: linear-gradient(to bottom, var(--bg-body), rgba(var(--bg-body-rgb) / 75%));
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: var(--text-spacing);
}
@media screen and (min-width: 751px) {
  .header:before {
    content: "";
    position: absolute;
    width: 100vw;
    left: 50%;
    transform: translate(-50%);
    height: var(--stroke-width);
    background-color: var(--stroke-color);
    top: var(--main-padding);
  }
}
.header-logo {
  margin: 0 var(--header-padding);
}
.header-logo .logotype {
  font-size: 65px;
}
.header-wrapper {
  flex: 1;
}
.header-wrapper-content {
  transition: transform var(--header-swipe-transition), opacity var(--header-swipe-transition);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--header-padding);
}
.header-wrapper-content.header-app {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  opacity: 0;
}
@media screen and (max-width: 1084px) {
  .header-wrapper-content.header-app {
    display: none;
  }
}
.header-bottom {
  display: flex;
  align-items: center;
}
.header .socials {
  font-size: var(--size-4);
}
.header-app .header-right .nav > ul > li:first-child,
.header-app .header-right .nav > ul > li:nth-child(6) {
  display: none;
}
@media screen and (min-width: 1085px) {
  .header.inApp .header-landing {
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
  }
  .header.inApp .header-app {
    transform: translateY(0);
    opacity: 1;
  }
  .header .btn-nav {
    display: none;
  }
}
@media screen and (max-width: 1084px) {
  .header.inApp .header-landing {
    display: none;
  }
  .header.inApp .header-app {
    display: flex;
    opacity: 1;
    transform: none;
    position: relative;
  }
  .header-landing .header-right .nav li:not(:last-child) {
    display: none;
  }
  .header-app .header-right {
    position: fixed;
    top: 0;
    right: calc(var(--main-padding) * -1);
    pointer-events: none;
    min-height: var(--height-window, 100vh);
    z-index: 1001;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
  }
  .header-app .header-right.opened .nav {
    transform: translate(0);
  }
  .header-app .header-right .nav {
    transition: transform 0.4s;
    position: absolute;
    inset: 0 0 0 auto;
    pointer-events: auto;
    transform: translate(100%);
    background-color: var(--bg-body);
    border-left: var(--stroke-primary);
    width: var(--width-nav);
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .header-app .header-right .nav > ul {
    flex: 1;
    padding: var(--size-4);
    flex-direction: column;
    gap: var(--size-4);
  }
  .header-app .header-right .nav > ul > li:first-child,
  .header-app .header-right .nav > ul > li:nth-child(5) {
    display: block;
  }
  .header-app .header-right .nav > ul > li:last-child,
  .header-app .header-right .nav > ul > li:nth-last-child(2) {
    display: none;
  }
  .header-app .header-right .nav > ul > li:nth-last-child(4) {
    margin-top: auto;
  }
  .header-app .header-right .nav > ul .btn {
    width: 100%;
  }
  .header-app .header-right .nav > ul a:not(.btn) {
    font-size: var(--size-3);
  }
}
.header .dropdown {
  position: relative;
  display: flex;
  height: 100%;
  z-index: 9999;
}
.header .dropdown .dropdown-button {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
  font-size: 0.8rem;
  z-index: 9999;
}
.header .dropdown .dropdown-button .dropdown-arrow {
  margin-left: 0.5em;
  transition: transform 0.3s ease;
}
.header .dropdown .dropdown-button.open .dropdown-arrow {
  transform: rotate(180deg);
}
.header .dropdown .dropdown-menu {
  position: absolute;
  top: 70%;
  left: 0;
  box-shadow: 0 2px 5px #00000026;
  z-index: 10;
  padding: 0.5em 0;
  z-index: 9999;
  border: var(--stroke-primary);
  margin-top: 5px;
  background-color: rgba(var(--bg-body-rgb) / 1);
}
.header .dropdown .dropdown-menu .dropdown-item {
  padding: 0.5em 1em;
  cursor: pointer;
  white-space: nowrap;
}
@media screen and (max-width: 500px) {
  .header-left > * {
    display: none;
  }
}
.header .top-bar {
  background-color: #333;
  text-align: center;
  padding: 10px 0;
}
.header .top-bar .top-bar-link {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.3s ease;
}
.header .top-bar .top-bar-link:hover {
  color: var(--primary-1);
}
.analysis {
  --padding: var(--size-4);
  --gap: calc(var(--padding) / 2.5);
  display: flex;
  flex-direction: column;
  line-height: 1.4;
  gap: var(--padding);
}
.analysis-back {
  margin-top: var(--padding);
}
.analysis-back svg {
  margin-left: 0;
  margin-right: 0.5em;
}
.analysis-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: var(--gap);
}
@media screen and (max-width: 900px) {
  .analysis-header {
    flex-direction: column;
    align-items: unset;
    gap: var(--padding);
  }
}
.analysis-header-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--gap);
}
@media screen and (max-width: 900px) {
  .analysis-header-content {
    order: 0;
  }
}
.analysis-header-socials,
.analysis-header-note {
  flex-shrink: 0;
}
@media screen and (max-width: 900px) {
  .analysis-header-socials,
  .analysis-header-note {
    order: 1;
  }
}
.analysis-header-socials .card {
  min-width: 240px;
}
.analysis-header-note {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.analysis-header-note .btn {
  font-size: 11px;
}
.analysis .analysis-analysis-upper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: calc(100% - 20px);
}
.analysis .gem-section {
  padding-left: 0;
  padding-right: 0;
  align-items: center;
}
.analysis .gem-section-light {
  --stroke-color: #25cbff54 !important;
}
.analysis .gem-title {
  width: auto;
  font-size: 48px;
  word-break: break-all;
}
.analysis .gem-link {
  display: flex;
}
.analysis .gem-infos {
  display: flex;
  align-items: center;
  gap: var(--size-3);
}
.analysis .gem-infos .btn {
  height: 36px;
}
.analysis .gem-infos svg {
  transform: scale(0.85) !important;
  padding: 0 !important;
}
.analysis .card {
  padding: var(--padding);
  display: flex;
  flex-direction: column;
  gap: calc(var(--padding) / 2);
}
.analysis-content {
  display: flex;
  flex-direction: column;
  gap: var(--padding);
  padding: var(--padding) 0;
  --padding: var(--size-6);
}
@media screen and (max-width: 900px) {
  .analysis-content {
    --padding: calc(var(--size-6) / 1.5);
  }
}
.analysis-desc {
  margin: calc(var(--padding) / 2) 0;
}
.analysis-desc .markdown {
  font-size: 18px;
  line-height: 1.8;
}
.analysis-block {
  display: flex;
  flex-direction: column;
  gap: calc(var(--padding) / 2);
}
.analysis-block-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.analysis .corner {
  --corner-size: var(--size-3);
  z-index: 1;
}
.analysis .corner-hover {
  transition: opacity var(--transition-link);
  opacity: 0;
}
.analysis:not([data-disabled]):hover .corner-hover {
  opacity: 1;
}
.AiAnalysis-icon {
  color: #25cbff;
}
.AiAnalysis-heading {
  display: flex;
  flex-direction: row;
  font-size: large;
  gap: 20px;
  font-size: var(--h3);
  background: linear-gradient(var(--text-secondary) 20%, var(--text-primary) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-family-heading);
  font-weight: 700;
}
.AiAnalysis-main {
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.AiAnalysis-main-inner {
  gap: 20px;
  display: flex;
  flex-direction: column;
  width: 700px !important;
  max-width: calc(100% - 20px);
}
.AiAnalysis-main-headings {
  margin-bottom: 20px;
  text-align: center;
  font-weight: 200;
  color: var(--color-primary-base);
  font-size: 1.2rem;
}
.AiAnalysis-main .btn {
  font-size: 11px;
}
.AiAnalysis-sub-headings {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
}
.ai {
  --chat-width: calc(500px + 250 * (100vw - 320px) / 1080);
  --list-width: calc(250px + 50 * (100vw - 320px) / 1080);
  flex: 1;
  display: flex;
  align-items: stretch;
}
.ai-list {
  --padding: var(--size-4);
  transition: transform var(--transition-aside);
  width: var(--list-width);
  position: fixed;
  inset: 0 0 0 var(--main-padding);
  padding: var(--padding);
  padding-top: calc(var(--main-padding) + 5.2rem + var(--padding));
  border-right: var(--stroke-primary);
  background-color: var(--bg-body);
  z-index: 100;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  transition: transform 0.4s;
}
.ai-list::-webkit-scrollbar {
  display: none;
}
.ai-list-opener {
  --corner-bg: var(--bg-body);
  --size: var(--size-7);
  --pos: var(--size-3);
  display: none;
  position: fixed;
  margin-top: var(--pos);
  left: calc(var(--pos) + var(--main-padding));
  width: var(--size);
  height: var(--size);
  padding: 0;
  font-size: 12px;
  z-index: 100;
  transition: left 0.4s;
}
.ai-list-opener.opened {
  left: calc(var(--list-width) + var(--pos));
}
@media screen and (max-width: 900px) {
  .ai-list {
    transform: translate(calc(-100% - var(--main-padding)));
  }
  .ai-list.opened {
    transform: translate(0);
  }
  .ai-list-opener {
    display: flex;
  }
}
.ai-list-heading {
  order: 99999999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  margin-bottom: var(--size-4);
  position: sticky;
  top: 0;
}
.ai-list-heading:before {
  content: "";
  inset: calc(var(--padding) * -1);
  bottom: calc(var(--size-3) * -1);
  background-color: rgba(var(--bg-body-rgb) / 75%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  position: absolute;
  border-bottom: var(--stroke-primary);
}
.ai-list-heading > span {
  background: linear-gradient(var(--text-secondary) 20%, var(--text-primary) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-family: var(--font-family-heading);
  font-size: 1.1em;
}
.ai-list-heading .btn {
  font-size: 8px;
}
.ai-list-heading .btn svg {
  transform: scale(2);
}
.ai-list-subheading {
  background: linear-gradient(var(--text-secondary) 20%, var(--text-primary) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-family: var(--font-family-heading);
  font-size: 1.1em;
  margin: 24px 0 8px;
}
.ai-list-subheading:last-child {
  margin-top: 0;
}
.ai-list > ul {
  display: flex;
  flex-direction: column-reverse;
  gap: calc(var(--padding) / 2.5);
}
.ai-list-item {
  padding: var(--size-3);
  padding-bottom: calc(var(--size-3) - 0.15em);
  line-height: 1.2;
  font-size: 0.85em;
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ai-list-item.active {
  color: var(--text-secondary);
}
.ai-list-item-clicker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.ai-list-item-clicker:before {
  transition: opacity var(--transition-link);
  opacity: 0;
  content: "";
  background: linear-gradient(to right, hsl(var(--color-h), var(--color-s), var(--color-l-1)), hsl(var(--color-h), var(--color-s), var(--color-l-2)), hsl(var(--color-h), var(--color-s), var(--color-l-3)));
  position: absolute;
  top: 5%;
  right: 5%;
  bottom: 5%;
  left: 5%;
  filter: blur(15px);
  pointer-events: none;
}
.ai-list-item-clicker:hover:before {
  opacity: 0.2;
}
.ai-list-item-title {
  width: calc(100% - var(--size-4));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ai-list-item > .corner {
  --corner-size: var(--size-2);
}
.ai-list-item .menu {
  position: absolute;
  right: var(--size-2);
}
.ai-list-item .menu-subnav .btn svg {
  transform: scale(1.25);
}
.ai-list-item .menu-subnav .btn .corner {
  --corner-size: var(--size-2);
}
@media screen and (min-width: 501px) {
  .ai-list-item:not(:hover) .dropdown-opener:not(.active) {
    opacity: 0;
  }
}
.ai-list-loader {
  text-align: center;
  padding: var(--padding);
}
.ai-list-loader svg {
  width: 40px;
}
.ai-module {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (min-width: 901px) {
  .ai-module {
    padding-left: var(--list-width);
  }
  .ai-module .wrapper {
    max-width: 100%;
    width: 100%;
  }
}
.ai-bg {
  position: fixed;
  inset: 0 0 0 var(--list-width);
  background: url(/assets/bg-ai-WggJU6Cb.jpg) center center;
  background-size: cover;
  z-index: -1;
}
@media screen and (max-width: 900px) {
  .ai-bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
  }
}
.ai-bg:before {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(to bottom, var(--bg-body), transparent);
}
.ai-bg:after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  background: linear-gradient(to right, transparent 0%, var(--bg-body) 30% 70%, transparent 100%);
}
.ai-chat {
  margin: auto;
}
@media screen and (min-width: 901px) {
  .ai-chat {
    max-width: calc(var(--wrapper-max) - var(--list-width));
    width: var(--chat-width);
  }
}
.ai-chat-form {
  --gap: var(--size-2);
  position: sticky;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  padding-bottom: var(--gap);
  z-index: 90;
}
.ai-chat-form:after {
  content: "";
  position: absolute;
  top: -20px;
  right: -50px;
  bottom: 0;
  left: -50px;
  background-color: var(--bg-body);
  filter: blur(20px);
  z-index: -2;
}
@media screen and (max-width: 900px) {
  .ai-chat-form:after {
    top: -20px;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.ai-chat-form:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--bg-body);
  z-index: -2;
}
.ai-chat-form p {
  text-align: center;
  font-size: 0.75em;
  opacity: 0.75;
}
.ai-chat-form-text {
  --padding: 1.3em;
  display: flex;
  align-items: flex-end;
}
.ai-chat-form-text .btn-right {
  padding: 7px;
  display: flex;
}
.ai-chat-form-text .btn-right .btn {
  width: 3.5em;
  padding: 0;
  height: 100%;
}
.ai-chat-form-text .btn-right .btn svg {
  font-size: 1em;
}
.ai-chat-form-text .btn-right .btn .corner {
  --corner-size: calc(var(--size-3) - 3px);
}
.ai-chat-form-text .btn-right .btn.locked {
  pointer-events: none;
}
.ai-chat-form-text textarea {
  padding: var(--padding) var(--padding);
  color: var(--text-secondary);
  line-height: 1.5;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ai-chat-form-text textarea::-webkit-scrollbar {
  display: none;
}
.ai-chat-form-text .corner {
  --corner-size: var(--size-3);
}
.ai-chat-form-text .corner:before {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  background-color: rgba(var(--bg-body-rgb) / 75%);
  filter: blur(10px);
}
.ai-chat-content {
  --avatar: var(--size-4);
  --gap: var(--size-7);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--gap);
  padding: var(--gap) 0;
}
.ai-chat-content .message {
  display: flex;
  flex-direction: column;
  gap: var(--size-2);
  padding-left: calc(var(--avatar) + var(--size-2));
}
.ai-chat-content .message .avatar {
  position: absolute;
  width: var(--avatar);
  height: var(--avatar);
  left: 0;
  top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-chat-content .message .avatar img,
.ai-chat-content .message .avatar svg {
  width: 100%;
}
.ai-chat-content .message .avatar svg {
  opacity: 0.5;
}
.ai-chat-content .message .top {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  font-size: 0.9em;
}
.ai-chat-content .message .top .author {
  display: flex;
  align-items: flex-end;
  gap: 0.5em;
}
.ai-chat-content .message .top .author strong {
  background: linear-gradient(var(--text-secondary) 20%, var(--text-primary) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
}
.ai-chat-content .message .top .author time {
  font-size: 0.8em;
  opacity: 0.75;
  font-style: italic;
}
.ai-chat-content .message .top .right {
  transition: opacity var(--transition-link);
}
.ai-chat-content .message .top .right .btn {
  font-size: 0.6em;
}
@media screen and (min-width: 501px) {
  .ai-chat-content .message .top .right {
    opacity: 0.2;
  }
}
.ai-chat-content .message .p {
  font-size: 1.1em;
  white-space: break-spaces;
}
.ai-chat-content .message .p svg {
  width: 40px;
}
.ai-chat-content .message:hover .right {
  opacity: 1;
}
.ai .start {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--size-3);
  text-align: center;
  padding: var(--size-5) 0;
}
.ai .start .alert {
  margin-top: var(--size-3);
}
.ai .start img {
  width: calc(50px + 30 * (100vw - 320px) / 1080);
}
.ai .start .btn {
  font-size: 0.9em;
}
.embeds {
  margin-top: 16px;
  --grid-item-min-width: calc(160px + 50 * (100vw - 320px) / 1080);
}
.embeds:hover .embed {
  opacity: 0.4;
}
.embeds .embed {
  transition: opacity 0.3s ease-out;
}
.embeds .embed:hover {
  opacity: 1;
}
.embeds .gem {
  --padding: var(--size-3);
}
.embeds .corner {
  z-index: 0;
}
.gem {
  --padding: var(--size-4);
  --gap: calc(var(--padding) / 2.5);
  display: flex;
  flex-direction: column;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.grid-item .gem:hover {
  scale: 102%;
}
.gem-section {
  padding: var(--padding);
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  align-items: flex-start;
  flex: 1;
}
.gem-section > * {
  z-index: 5;
}
.gem-section:after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: var(--stroke-width);
  background-color: var(--stroke-color);
  opacity: 0.5;
}
.gem-section-light {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: 0;
  z-index: 0;
}
.gem-section-light:before {
  content: "";
  position: absolute;
  top: 40%;
  right: 10%;
  bottom: -100%;
  left: 10%;
  opacity: 0.5;
  background: radial-gradient(var(--stroke-color) 0%, transparent 70%) no-repeat;
}
.gem-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  z-index: 50;
}
.gem-heading .gem-sub {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gem-sub {
  font-size: 0.75em;
  letter-spacing: var(--text-spacing);
  text-transform: uppercase;
}
.gem-title {
  display: flex;
  align-items: center;
  gap: var(--gap);
  width: 100%;
}
.gem-title span {
  font-family: var(--font-family-heading);
  font-weight: 600;
  font-size: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  background: linear-gradient(var(--text-secondary) 20%, var(--text-primary) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-project-trendy="true"] .gem-title span {
  --text-primary: #fb3838;
  --text-secondary: #ffb123;
}
.gem-title svg {
  flex-shrink: 0;
  width: 28px;
}
.gem-title svg path {
  fill: #fd872a;
}
.gem-link {
  transition: color var(--transition-link);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.gem-link:hover {
  color: var(--text-secondary);
}
.gem-link svg {
  color: var(--text-primary);
  margin-left: 0.5em;
}
.gem-desc {
  width: 100%;
  font-size: 0.95em;
  line-height: 1.8;
  font-weight: 200;
  padding-top: 0.5em;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gem table {
  --gap: calc(var(--padding) / 1.25);
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 var(--gap);
  margin: calc(var(--gap) * -1) 0;
}
.gem table td {
  font-size: 0.85em;
  vertical-align: middle;
}
.gem table td:first-child {
  white-space: nowrap;
  padding-right: 0.5em;
}
.gem table td:last-child {
  text-align: right;
  color: var(--text-secondary);
  width: 100%;
}
.gem table td ul:not(.socials) li {
  display: inline;
}
.gem table td ul:not(.socials) li.hidded {
  color: var(--text-primary);
}
.gem table td ul:not(.socials) li + li:not(.hidded):before {
  content: ", ";
}
.gem table td .socials {
  justify-content: flex-end;
  font-size: 1.5em;
  margin: -0.25em 0;
}
.gem table td .socials a:hover {
  opacity: 0.5;
}
.gem-bottom {
  padding: var(--size-3);
}
.gem-status {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-top: var(--size-1);
}
.gem[data-project-status="0"] .gem-status {
  color: #f2ff00;
}
.gem[data-project-status="0"] > .gem-section:first-child .gem-section-light {
  --stroke-color: #f2ff0054;
}
.gem[data-project-status="1"] .gem-status {
  color: #03ff00;
}
.gem[data-project-status="1"] > .gem-section:first-child .gem-section-light {
  --stroke-color: #03ff0054;
}
.gem[data-project-status="2"] .gem-status {
  color: #25cbff;
}
.gem[data-project-status="2"] > .gem-section:first-child .gem-section-light {
  --stroke-color: #25cbff54;
}
.note {
  --gradient: linear-gradient(var(--color-1), var(--color-2), var(--color-3));
  padding: var(--size-3) var(--size-4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--size-4);
}
.note:before {
  content: "";
  background: linear-gradient(to right, hsl(var(--color-h), var(--color-s), var(--color-l-1)), hsl(var(--color-h), var(--color-s), var(--color-l-2)), hsl(var(--color-h), var(--color-s), var(--color-l-3)));
  position: absolute;
  top: 5%;
  right: 5%;
  bottom: 5%;
  left: 5%;
  filter: blur(15px);
  pointer-events: none;
  opacity: 0.1;
}
.note span {
  font-size: 0.85em;
  letter-spacing: var(--text-spacing);
  text-transform: uppercase;
}
.note strong {
  font-family: var(--font-family-heading);
  font-size: 2.2em;
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  align-items: center;
  gap: 0.2ch;
}
.note strong small {
  font-size: 0.75em;
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.markdown {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 16px;
  line-height: 1.6;
  word-break: break-word;
}
.markdown ul,
.markdown ol {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-left: 16px;
  list-style: disc;
}
.markdown ul ul,
.markdown ul ol,
.markdown ol ul,
.markdown ol ol {
  padding-left: 32px;
  margin-top: 16px;
}
.star-animation {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  opacity: 0.3;
  inset: var(--main-padding);
}
.star-animation.isChat {
  inset: var(--main-padding);
}
@media screen and (min-width: 501px) {
  .star-animation.isChat {
    left: var(--list-width);
  }
}
#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1377px 879px #fff, 957px 911px #fff, 3px 1750px #fff, 936px 626px #fff, 760px 588px #fff, 807px 1236px #fff, 870px 404px #fff, 51px 1013px #fff, 894px 1650px #fff, 1944px 1812px #fff, 1984px 672px #fff, 1702px 1135px #fff, 1473px 736px #fff, 525px 1242px #fff, 870px 984px #fff, 970px 454px #fff, 29px 288px #fff, 346px 1000px #fff, 1727px 1325px #fff, 596px 635px #fff, 1800px 1700px #fff, 853px 1885px #fff, 776px 1103px #fff, 121px 54px #fff, 1166px 464px #fff, 146px 886px #fff, 44px 663px #fff, 6px 317px #fff, 1158px 403px #fff, 1225px 402px #fff, 1577px 1257px #fff, 1231px 547px #fff, 1003px 1943px #fff, 281px 1349px #fff, 56px 1825px #fff, 1308px 68px #fff, 470px 1585px #fff, 1917px 1616px #fff, 981px 166px #fff, 562px 1455px #fff, 1710px 1383px #fff, 215px 998px #fff, 674px 1640px #fff, 1297px 960px #fff, 375px 808px #fff, 1500px 1162px #fff, 1052px 1678px #fff, 1356px 1329px #fff, 181px 330px #fff, 1490px 1297px #fff, 1606px 699px #fff, 535px 1699px #fff, 1981px 1444px #fff, 1733px 226px #fff, 1485px 1630px #fff, 1532px 1283px #fff, 1641px 1368px #fff, 902px 1933px #fff, 1148px 1504px #fff, 529px 671px #fff, 1268px 1175px #fff, 128px 1277px #fff, 145px 774px #fff, 1262px 1525px #fff, 409px 350px #fff, 607px 205px #fff, 731px 1405px #fff, 1215px 589px #fff, 929px 279px #fff, 1082px 1564px #fff, 670px 1798px #fff, 1505px 903px #fff, 1837px 106px #fff, 220px 1375px #fff, 1944px 436px #fff, 462px 1566px #fff, 1249px 856px #fff, 1207px 912px #fff, 285px 854px #fff, 1844px 1461px #fff, 242px 73px #fff, 505px 1083px #fff, 1648px 122px #fff, 1906px 547px #fff, 184px 714px #fff, 1972px 1597px #fff, 1301px 865px #fff, 1465px 591px #fff, 783px 653px #fff, 824px 1413px #fff, 190px 1094px #fff, 1409px 353px #fff, 134px 896px #fff, 1909px 27px #fff, 1615px 1242px #fff, 1116px 483px #fff, 729px 1690px #fff, 1908px 1538px #fff, 462px 524px #fff, 103px 108px #fff, 1762px 1820px #fff, 496px 1870px #fff, 358px 85px #fff, 675px 1308px #fff, 672px 434px #fff,
    470px 388px #fff, 1367px 1222px #fff, 1600px 1874px #fff, 534px 437px #fff, 1779px 1667px #fff, 1646px 1205px #fff, 1644px 1713px #fff, 1778px 329px #fff, 246px 1956px #fff, 194px 161px #fff, 246px 1714px #fff, 1838px 1481px #fff, 1875px 1505px #fff, 1221px 1037px #fff, 1862px 1539px #fff, 985px 1507px #fff, 380px 655px #fff, 721px 605px #fff, 757px 49px #fff, 843px 1588px #fff, 1823px 873px #fff, 1525px 1494px #fff, 24px 696px #fff, 1902px 1354px #fff, 1200px 600px #fff, 659px 368px #fff, 309px 166px #fff, 764px 1922px #fff, 1499px 925px #fff, 247px 1749px #fff, 946px 1783px #fff, 1451px 1389px #fff, 342px 68px #fff, 1951px 1653px #fff, 1314px 483px #fff, 1963px 1486px #fff, 770px 488px #fff, 483px 1900px #fff, 1045px 1803px #fff, 880px 93px #fff, 443px 756px #fff, 38px 1349px #fff, 1746px 1925px #fff, 1697px 1528px #fff, 1512px 972px #fff, 683px 572px #fff, 1653px 1031px #fff, 748px 1786px #fff, 1609px 1868px #fff, 103px 1207px #fff, 1938px 1492px #fff, 1298px 274px #fff, 1328px 1978px #fff, 1978px 1216px #fff, 1795px 1221px #fff, 121px 1338px #fff, 9px 965px #fff, 705px 1488px #fff, 1641px 469px #fff, 1721px 130px #fff, 1539px 345px #fff, 1948px 818px #fff, 87px 476px #fff, 281px 1773px #fff, 587px 668px #fff, 1204px 1916px #fff, 1235px 114px #fff, 214px 90px #fff, 1839px 510px #fff, 1092px 804px #fff, 1240px 733px #fff, 1319px 1168px #fff, 168px 417px #fff, 320px 568px #fff, 712px 1327px #fff, 926px 654px #fff, 1608px 1338px #fff, 1568px 1443px #fff, 447px 1575px #fff, 1685px 1265px #fff, 253px 883px #fff, 540px 388px #fff, 932px 1774px #fff, 535px 1786px #fff, 212px 655px #fff, 1844px 1028px #fff, 1396px 1340px #fff, 793px 1028px #fff, 943px 1842px #fff, 1202px 866px #fff, 1152px 1718px #fff, 925px 1012px #fff, 1226px 245px #fff, 625px 1104px #fff, 267px 564px #fff, 256px 79px #fff, 1963px 73px #fff, 202px 1097px #fff, 1378px 533px #fff, 966px 302px #fff, 1647px 1415px #fff, 1764px 615px #fff, 1206px 98px #fff, 1330px 1979px #fff, 1402px 973px #fff,
    666px 930px #fff, 1614px 1076px #fff, 202px 464px #fff, 851px 257px #fff, 893px 1335px #fff, 385px 94px #fff, 266px 586px #fff, 190px 578px #fff, 609px 285px #fff, 906px 395px #fff, 554px 1133px #fff, 1461px 1437px #fff, 257px 135px #fff, 345px 666px #fff, 1839px 955px #fff, 1444px 695px #fff, 567px 54px #fff, 1292px 1253px #fff, 982px 198px #fff, 946px 1013px #fff, 1361px 639px #fff, 1577px 291px #fff, 860px 327px #fff, 760px 1302px #fff, 226px 1237px #fff, 1286px 419px #fff, 1046px 1048px #fff, 704px 969px #fff, 414px 805px #fff, 279px 205px #fff, 1453px 1380px #fff, 801px 120px #fff, 72px 1858px #fff, 1136px 672px #fff, 4px 948px #fff, 1941px 535px #fff, 1589px 313px #fff, 500px 1547px #fff, 1686px 731px #fff, 1151px 1942px #fff, 264px 1559px #fff, 1137px 304px #fff, 1222px 695px #fff, 146px 988px #fff, 1370px 1940px #fff, 344px 1346px #fff, 890px 808px #fff, 1214px 1227px #fff, 1810px 1918px #fff, 1801px 1445px #fff, 1393px 1427px #fff, 1871px 436px #fff, 947px 1389px #fff, 604px 1454px #fff, 1705px 1758px #fff, 453px 527px #fff, 1844px 378px #fff, 341px 1054px #fff, 1414px 289px #fff, 385px 115px #fff, 782px 257px #fff, 363px 925px #fff, 1166px 1375px #fff, 636px 458px #fff, 1401px 206px #fff, 668px 183px #fff, 1970px 77px #fff, 781px 887px #fff, 1001px 1753px #fff, 358px 537px #fff, 23px 676px #fff, 60px 1483px #fff, 196px 1689px #fff, 1830px 56px #fff, 1766px 1385px #fff, 1849px 1669px #fff, 1421px 1499px #fff, 82px 620px #fff, 524px 1443px #fff, 1911px 1735px #fff, 198px 1038px #fff, 932px 781px #fff, 74px 255px #fff, 1255px 1908px #fff, 711px 1571px #fff, 76px 1190px #fff, 280px 1434px #fff, 1593px 900px #fff, 1552px 1178px #fff, 762px 688px #fff, 810px 1150px #fff, 765px 383px #fff, 1108px 1385px #fff, 185px 383px #fff, 1934px 1669px #fff, 1650px 675px #fff, 9px 50px #fff, 952px 1042px #fff, 1568px 1329px #fff, 1909px 1032px #fff, 1712px 1325px #fff, 148px 1715px #fff, 1823px 1972px #fff, 23px 1494px #fff, 1763px 1782px #fff, 430px 189px #fff,
    1480px 364px #fff, 1933px 1802px #fff, 383px 1174px #fff, 52px 903px #fff, 858px 1147px #fff, 1114px 367px #fff, 1719px 1878px #fff, 1226px 625px #fff, 229px 270px #fff, 688px 1938px #fff, 346px 39px #fff, 51px 1606px #fff, 1467px 315px #fff, 1049px 705px #fff, 1621px 395px #fff, 1472px 1196px #fff, 531px 2000px #fff, 325px 230px #fff, 878px 1094px #fff, 1815px 756px #fff, 694px 427px #fff, 1205px 387px #fff, 354px 955px #fff, 1432px 903px #fff, 329px 84px #fff, 1687px 1968px #fff, 117px 103px #fff, 1809px 776px #fff, 1964px 1932px #fff, 1679px 304px #fff, 855px 1431px #fff, 289px 1445px #fff, 1210px 184px #fff, 1381px 1416px #fff, 118px 1270px #fff, 140px 102px #fff, 1148px 350px #fff, 545px 1077px #fff, 1304px 886px #fff, 1474px 64px #fff, 317px 1669px #fff, 190px 1319px #fff, 1380px 486px #fff, 531px 1750px #fff, 1407px 1365px #fff, 245px 290px #fff, 368px 1355px #fff, 1205px 1261px #fff, 6px 746px #fff, 549px 50px #fff, 838px 658px #fff, 1103px 1747px #fff, 1244px 772px #fff, 534px 545px #fff, 1px 118px #fff, 1507px 765px #fff, 1017px 1615px #fff, 965px 146px #fff, 389px 108px #fff, 1234px 1725px #fff, 235px 1854px #fff, 1151px 974px #fff, 784px 472px #fff, 1408px 1876px #fff, 229px 1834px #fff, 981px 1550px #fff, 117px 1394px #fff, 676px 1919px #fff, 452px 1385px #fff, 1566px 865px #fff, 63px 1826px #fff, 892px 780px #fff, 1772px 1456px #fff, 951px 1608px #fff, 251px 1592px #fff, 1989px 1619px #fff, 1457px 627px #fff, 509px 1790px #fff, 822px 718px #fff, 1489px 1493px #fff, 748px 1248px #fff, 1131px 265px #fff, 920px 1418px #fff, 872px 467px #fff, 138px 1730px #fff, 228px 406px #fff, 1846px 1975px #fff, 1733px 610px #fff, 559px 492px #fff, 1789px 744px #fff, 1587px 1156px #fff, 560px 1005px #fff, 760px 244px #fff, 1692px 305px #fff, 1368px 125px #fff, 334px 758px #fff, 967px 1209px #fff, 1764px 931px #fff, 841px 1345px #fff, 1627px 259px #fff, 1480px 1397px #fff, 387px 1554px #fff, 1849px 419px #fff, 1478px 1101px #fff, 1970px 96px #fff, 1646px 132px #fff,
    1730px 93px #fff, 1208px 263px #fff, 726px 1541px #fff, 39px 1501px #fff, 206px 1097px #fff, 379px 580px #fff, 240px 361px #fff, 170px 692px #fff, 1399px 875px #fff, 190px 970px #fff, 1893px 907px #fff, 1702px 1456px #fff, 557px 1149px #fff, 1523px 1419px #fff, 1494px 655px #fff, 1775px 1913px #fff, 524px 1473px #fff, 204px 440px #fff, 954px 1533px #fff, 1533px 1215px #fff, 952px 1076px #fff, 1634px 1398px #fff, 295px 966px #fff, 1471px 721px #fff, 943px 914px #fff, 1321px 1385px #fff, 979px 1676px #fff, 1286px 1515px #fff, 1980px 1676px #fff, 1612px 513px #fff, 1814px 332px #fff, 450px 161px #fff, 710px 1065px #fff, 1754px 119px #fff, 188px 546px #fff, 1253px 1070px #fff, 117px 654px #fff, 739px 729px #fff, 1660px 1554px #fff, 182px 37px #fff, 311px 1198px #fff, 96px 1082px #fff, 1296px 378px #fff, 1292px 1835px #fff, 759px 1634px #fff, 469px 838px #fff, 1672px 505px #fff, 1084px 610px #fff, 1790px 492px #fff, 1302px 551px #fff, 1753px 616px #fff, 697px 1017px #fff, 1270px 1880px #fff, 1175px 167px #fff, 1846px 1646px #fff, 1881px 728px #fff, 394px 578px #fff, 997px 1838px #fff, 419px 1661px #fff, 398px 920px #fff, 1352px 84px #fff, 227px 371px #fff, 488px 292px #fff, 441px 276px #fff, 328px 771px #fff, 30px 1314px #fff, 472px 928px #fff, 1734px 439px #fff, 1597px 219px #fff, 1164px 1927px #fff, 619px 867px #fff, 1869px 376px #fff, 1514px 620px #fff, 1333px 691px #fff, 995px 164px #fff, 752px 1045px #fff, 1980px 1017px #fff, 1370px 1164px #fff, 1528px 1091px #fff, 1071px 179px #fff, 116px 498px #fff, 1867px 1839px #fff, 803px 1275px #fff, 921px 1106px #fff, 407px 1211px #fff, 1134px 1252px #fff, 1031px 1434px #fff, 1830px 1834px #fff, 750px 1288px #fff, 896px 1125px #fff, 1472px 877px #fff, 1413px 1291px #fff, 954px 1683px #fff, 1731px 1174px #fff, 241px 1727px #fff, 1208px 310px #fff, 1815px 831px #fff, 828px 861px #fff, 1481px 648px #fff, 1988px 592px #fff, 817px 1197px #fff, 4px 544px #fff, 1000px 1775px #fff, 964px 1066px #fff, 1698px 886px #fff,
    1298px 241px #fff, 252px 745px #fff, 1470px 569px #fff, 1641px 1484px #fff, 572px 1148px #fff, 1066px 1091px #fff, 636px 1843px #fff, 408px 1105px #fff, 1898px 940px #fff, 556px 33px #fff, 458px 1552px #fff, 221px 1444px #fff, 787px 1032px #fff, 76px 252px #fff, 753px 746px #fff, 1945px 810px #fff, 1797px 732px #fff, 1393px 727px #fff, 13px 432px #fff, 292px 1617px #fff, 413px 707px #fff, 67px 1374px #fff, 111px 1521px #fff, 1404px 1017px #fff, 833px 26px #fff, 1398px 1059px #fff, 1396px 619px #fff, 791px 889px #fff, 913px 1661px #fff, 550px 440px #fff, 1138px 1004px #fff, 433px 1762px #fff, 1664px 1660px #fff, 936px 1270px #fff, 772px 1796px #fff, 174px 428px #fff, 251px 955px #fff, 1869px 592px #fff, 612px 242px #fff, 1738px 1775px #fff, 1173px 688px #fff, 547px 1633px #fff, 1379px 1597px #fff, 186px 1776px #fff, 189px 1455px #fff, 265px 1225px #fff, 484px 307px #fff, 941px 1461px #fff, 1791px 1123px #fff, 1471px 1010px #fff, 259px 1662px #fff, 1483px 1069px #fff, 1578px 402px #fff, 1138px 1060px #fff, 1741px 1837px #fff, 1817px 17px #fff, 1099px 689px #fff, 1306px 21px #fff, 677px 1226px #fff, 543px 1278px #fff, 699px 1927px #fff, 491px 1274px #fff, 165px 1082px #fff, 1903px 468px #fff, 666px 1182px #fff, 416px 610px #fff, 1859px 845px #fff, 1066px 1136px #fff, 580px 131px #fff, 406px 1986px #fff, 230px 1037px #fff, 1461px 1966px #fff, 554px 805px #fff, 612px 1340px #fff, 214px 1457px #fff, 549px 1935px #fff, 335px 1468px #fff, 721px 768px #fff, 533px 1850px #fff, 518px 1792px #fff, 1774px 1672px #fff, 637px 1694px #fff, 648px 1007px #fff, 162px 985px #fff, 1791px 306px #fff, 1170px 403px #fff, 105px 85px #fff, 1800px 1240px #fff, 809px 1224px #fff, 1584px 1422px #fff, 504px 1517px #fff, 205px 1532px #fff, 667px 1592px #fff, 1105px 990px #fff, 112px 117px #fff, 409px 1781px #fff, 915px 581px #fff, 1285px 212px #fff, 1697px 1957px #fff, 252px 1942px #fff, 954px 1581px #fff, 508px 4px #fff, 1497px 688px #fff, 1914px 1395px #fff, 1836px 680px #fff,
    982px 1834px #fff, 311px 228px #fff, 214px 1686px #fff, 245px 1424px #fff, 346px 339px #fff, 345px 1743px #fff, 1921px 1608px #fff, 1124px 534px #fff, 722px 1914px #fff, 748px 538px #fff, 1118px 925px #fff, 421px 1097px #fff, 1388px 671px #fff, 1706px 395px #fff, 1754px 1968px #fff, 1644px 1644px #fff, 1127px 617px #fff, 688px 1802px #fff, 1141px 254px #fff, 1109px 80px #fff, 367px 1889px #fff, 1014px 876px #fff, 1185px 1949px #fff, 1942px 1121px #fff, 269px 1520px #fff, 399px 1832px #fff, 1698px 73px #fff, 1941px 1683px #fff, 1078px 1493px #fff, 859px 885px #fff, 1560px 1118px #fff, 693px 866px #fff, 38px 885px #fff, 1361px 507px #fff, 48px 637px #fff, 513px 426px #fff, 1404px 1503px #fff, 354px 1086px #fff, 1968px 437px #fff, 1022px 1349px #fff, 1662px 707px #fff, 1304px 738px #fff, 1349px 574px #fff, 320px 242px #fff, 1856px 594px #fff, 921px 1966px #fff, 1117px 1274px #fff, 899px 1083px #fff, 1338px 1433px #fff, 1147px 121px #fff, 1024px 1639px #fff, 1929px 1676px #fff, 1802px 1981px #fff, 1419px 541px #fff, 325px 1788px #fff, 64px 319px #fff, 644px 553px #fff, 378px 967px #fff, 1119px 404px #fff, 1463px 1553px #fff, 461px 454px #fff, 1389px 1883px #fff, 1703px 1015px #fff, 445px 1383px #fff, 377px 1561px #fff, 1525px 1916px #fff, 1570px 551px #fff, 608px 1875px #fff;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1377px 879px #fff, 957px 911px #fff, 3px 1750px #fff, 936px 626px #fff, 760px 588px #fff, 807px 1236px #fff, 870px 404px #fff, 51px 1013px #fff, 894px 1650px #fff, 1944px 1812px #fff, 1984px 672px #fff, 1702px 1135px #fff, 1473px 736px #fff, 525px 1242px #fff, 870px 984px #fff, 970px 454px #fff, 29px 288px #fff, 346px 1000px #fff, 1727px 1325px #fff, 596px 635px #fff, 1800px 1700px #fff, 853px 1885px #fff, 776px 1103px #fff, 121px 54px #fff, 1166px 464px #fff, 146px 886px #fff, 44px 663px #fff, 6px 317px #fff, 1158px 403px #fff, 1225px 402px #fff, 1577px 1257px #fff, 1231px 547px #fff, 1003px 1943px #fff, 281px 1349px #fff, 56px 1825px #fff, 1308px 68px #fff, 470px 1585px #fff, 1917px 1616px #fff, 981px 166px #fff, 562px 1455px #fff, 1710px 1383px #fff, 215px 998px #fff, 674px 1640px #fff, 1297px 960px #fff, 375px 808px #fff, 1500px 1162px #fff, 1052px 1678px #fff, 1356px 1329px #fff, 181px 330px #fff, 1490px 1297px #fff, 1606px 699px #fff, 535px 1699px #fff, 1981px 1444px #fff, 1733px 226px #fff, 1485px 1630px #fff, 1532px 1283px #fff, 1641px 1368px #fff, 902px 1933px #fff, 1148px 1504px #fff, 529px 671px #fff, 1268px 1175px #fff, 128px 1277px #fff, 145px 774px #fff, 1262px 1525px #fff, 409px 350px #fff, 607px 205px #fff, 731px 1405px #fff, 1215px 589px #fff, 929px 279px #fff, 1082px 1564px #fff, 670px 1798px #fff, 1505px 903px #fff, 1837px 106px #fff, 220px 1375px #fff, 1944px 436px #fff, 462px 1566px #fff, 1249px 856px #fff, 1207px 912px #fff, 285px 854px #fff, 1844px 1461px #fff, 242px 73px #fff, 505px 1083px #fff, 1648px 122px #fff, 1906px 547px #fff, 184px 714px #fff, 1972px 1597px #fff, 1301px 865px #fff, 1465px 591px #fff, 783px 653px #fff, 824px 1413px #fff, 190px 1094px #fff, 1409px 353px #fff, 134px 896px #fff, 1909px 27px #fff, 1615px 1242px #fff, 1116px 483px #fff, 729px 1690px #fff, 1908px 1538px #fff, 462px 524px #fff, 103px 108px #fff, 1762px 1820px #fff, 496px 1870px #fff, 358px 85px #fff, 675px 1308px #fff, 672px 434px #fff,
    470px 388px #fff, 1367px 1222px #fff, 1600px 1874px #fff, 534px 437px #fff, 1779px 1667px #fff, 1646px 1205px #fff, 1644px 1713px #fff, 1778px 329px #fff, 246px 1956px #fff, 194px 161px #fff, 246px 1714px #fff, 1838px 1481px #fff, 1875px 1505px #fff, 1221px 1037px #fff, 1862px 1539px #fff, 985px 1507px #fff, 380px 655px #fff, 721px 605px #fff, 757px 49px #fff, 843px 1588px #fff, 1823px 873px #fff, 1525px 1494px #fff, 24px 696px #fff, 1902px 1354px #fff, 1200px 600px #fff, 659px 368px #fff, 309px 166px #fff, 764px 1922px #fff, 1499px 925px #fff, 247px 1749px #fff, 946px 1783px #fff, 1451px 1389px #fff, 342px 68px #fff, 1951px 1653px #fff, 1314px 483px #fff, 1963px 1486px #fff, 770px 488px #fff, 483px 1900px #fff, 1045px 1803px #fff, 880px 93px #fff, 443px 756px #fff, 38px 1349px #fff, 1746px 1925px #fff, 1697px 1528px #fff, 1512px 972px #fff, 683px 572px #fff, 1653px 1031px #fff, 748px 1786px #fff, 1609px 1868px #fff, 103px 1207px #fff, 1938px 1492px #fff, 1298px 274px #fff, 1328px 1978px #fff, 1978px 1216px #fff, 1795px 1221px #fff, 121px 1338px #fff, 9px 965px #fff, 705px 1488px #fff, 1641px 469px #fff, 1721px 130px #fff, 1539px 345px #fff, 1948px 818px #fff, 87px 476px #fff, 281px 1773px #fff, 587px 668px #fff, 1204px 1916px #fff, 1235px 114px #fff, 214px 90px #fff, 1839px 510px #fff, 1092px 804px #fff, 1240px 733px #fff, 1319px 1168px #fff, 168px 417px #fff, 320px 568px #fff, 712px 1327px #fff, 926px 654px #fff, 1608px 1338px #fff, 1568px 1443px #fff, 447px 1575px #fff, 1685px 1265px #fff, 253px 883px #fff, 540px 388px #fff, 932px 1774px #fff, 535px 1786px #fff, 212px 655px #fff, 1844px 1028px #fff, 1396px 1340px #fff, 793px 1028px #fff, 943px 1842px #fff, 1202px 866px #fff, 1152px 1718px #fff, 925px 1012px #fff, 1226px 245px #fff, 625px 1104px #fff, 267px 564px #fff, 256px 79px #fff, 1963px 73px #fff, 202px 1097px #fff, 1378px 533px #fff, 966px 302px #fff, 1647px 1415px #fff, 1764px 615px #fff, 1206px 98px #fff, 1330px 1979px #fff, 1402px 973px #fff,
    666px 930px #fff, 1614px 1076px #fff, 202px 464px #fff, 851px 257px #fff, 893px 1335px #fff, 385px 94px #fff, 266px 586px #fff, 190px 578px #fff, 609px 285px #fff, 906px 395px #fff, 554px 1133px #fff, 1461px 1437px #fff, 257px 135px #fff, 345px 666px #fff, 1839px 955px #fff, 1444px 695px #fff, 567px 54px #fff, 1292px 1253px #fff, 982px 198px #fff, 946px 1013px #fff, 1361px 639px #fff, 1577px 291px #fff, 860px 327px #fff, 760px 1302px #fff, 226px 1237px #fff, 1286px 419px #fff, 1046px 1048px #fff, 704px 969px #fff, 414px 805px #fff, 279px 205px #fff, 1453px 1380px #fff, 801px 120px #fff, 72px 1858px #fff, 1136px 672px #fff, 4px 948px #fff, 1941px 535px #fff, 1589px 313px #fff, 500px 1547px #fff, 1686px 731px #fff, 1151px 1942px #fff, 264px 1559px #fff, 1137px 304px #fff, 1222px 695px #fff, 146px 988px #fff, 1370px 1940px #fff, 344px 1346px #fff, 890px 808px #fff, 1214px 1227px #fff, 1810px 1918px #fff, 1801px 1445px #fff, 1393px 1427px #fff, 1871px 436px #fff, 947px 1389px #fff, 604px 1454px #fff, 1705px 1758px #fff, 453px 527px #fff, 1844px 378px #fff, 341px 1054px #fff, 1414px 289px #fff, 385px 115px #fff, 782px 257px #fff, 363px 925px #fff, 1166px 1375px #fff, 636px 458px #fff, 1401px 206px #fff, 668px 183px #fff, 1970px 77px #fff, 781px 887px #fff, 1001px 1753px #fff, 358px 537px #fff, 23px 676px #fff, 60px 1483px #fff, 196px 1689px #fff, 1830px 56px #fff, 1766px 1385px #fff, 1849px 1669px #fff, 1421px 1499px #fff, 82px 620px #fff, 524px 1443px #fff, 1911px 1735px #fff, 198px 1038px #fff, 932px 781px #fff, 74px 255px #fff, 1255px 1908px #fff, 711px 1571px #fff, 76px 1190px #fff, 280px 1434px #fff, 1593px 900px #fff, 1552px 1178px #fff, 762px 688px #fff, 810px 1150px #fff, 765px 383px #fff, 1108px 1385px #fff, 185px 383px #fff, 1934px 1669px #fff, 1650px 675px #fff, 9px 50px #fff, 952px 1042px #fff, 1568px 1329px #fff, 1909px 1032px #fff, 1712px 1325px #fff, 148px 1715px #fff, 1823px 1972px #fff, 23px 1494px #fff, 1763px 1782px #fff, 430px 189px #fff,
    1480px 364px #fff, 1933px 1802px #fff, 383px 1174px #fff, 52px 903px #fff, 858px 1147px #fff, 1114px 367px #fff, 1719px 1878px #fff, 1226px 625px #fff, 229px 270px #fff, 688px 1938px #fff, 346px 39px #fff, 51px 1606px #fff, 1467px 315px #fff, 1049px 705px #fff, 1621px 395px #fff, 1472px 1196px #fff, 531px 2000px #fff, 325px 230px #fff, 878px 1094px #fff, 1815px 756px #fff, 694px 427px #fff, 1205px 387px #fff, 354px 955px #fff, 1432px 903px #fff, 329px 84px #fff, 1687px 1968px #fff, 117px 103px #fff, 1809px 776px #fff, 1964px 1932px #fff, 1679px 304px #fff, 855px 1431px #fff, 289px 1445px #fff, 1210px 184px #fff, 1381px 1416px #fff, 118px 1270px #fff, 140px 102px #fff, 1148px 350px #fff, 545px 1077px #fff, 1304px 886px #fff, 1474px 64px #fff, 317px 1669px #fff, 190px 1319px #fff, 1380px 486px #fff, 531px 1750px #fff, 1407px 1365px #fff, 245px 290px #fff, 368px 1355px #fff, 1205px 1261px #fff, 6px 746px #fff, 549px 50px #fff, 838px 658px #fff, 1103px 1747px #fff, 1244px 772px #fff, 534px 545px #fff, 1px 118px #fff, 1507px 765px #fff, 1017px 1615px #fff, 965px 146px #fff, 389px 108px #fff, 1234px 1725px #fff, 235px 1854px #fff, 1151px 974px #fff, 784px 472px #fff, 1408px 1876px #fff, 229px 1834px #fff, 981px 1550px #fff, 117px 1394px #fff, 676px 1919px #fff, 452px 1385px #fff, 1566px 865px #fff, 63px 1826px #fff, 892px 780px #fff, 1772px 1456px #fff, 951px 1608px #fff, 251px 1592px #fff, 1989px 1619px #fff, 1457px 627px #fff, 509px 1790px #fff, 822px 718px #fff, 1489px 1493px #fff, 748px 1248px #fff, 1131px 265px #fff, 920px 1418px #fff, 872px 467px #fff, 138px 1730px #fff, 228px 406px #fff, 1846px 1975px #fff, 1733px 610px #fff, 559px 492px #fff, 1789px 744px #fff, 1587px 1156px #fff, 560px 1005px #fff, 760px 244px #fff, 1692px 305px #fff, 1368px 125px #fff, 334px 758px #fff, 967px 1209px #fff, 1764px 931px #fff, 841px 1345px #fff, 1627px 259px #fff, 1480px 1397px #fff, 387px 1554px #fff, 1849px 419px #fff, 1478px 1101px #fff, 1970px 96px #fff, 1646px 132px #fff,
    1730px 93px #fff, 1208px 263px #fff, 726px 1541px #fff, 39px 1501px #fff, 206px 1097px #fff, 379px 580px #fff, 240px 361px #fff, 170px 692px #fff, 1399px 875px #fff, 190px 970px #fff, 1893px 907px #fff, 1702px 1456px #fff, 557px 1149px #fff, 1523px 1419px #fff, 1494px 655px #fff, 1775px 1913px #fff, 524px 1473px #fff, 204px 440px #fff, 954px 1533px #fff, 1533px 1215px #fff, 952px 1076px #fff, 1634px 1398px #fff, 295px 966px #fff, 1471px 721px #fff, 943px 914px #fff, 1321px 1385px #fff, 979px 1676px #fff, 1286px 1515px #fff, 1980px 1676px #fff, 1612px 513px #fff, 1814px 332px #fff, 450px 161px #fff, 710px 1065px #fff, 1754px 119px #fff, 188px 546px #fff, 1253px 1070px #fff, 117px 654px #fff, 739px 729px #fff, 1660px 1554px #fff, 182px 37px #fff, 311px 1198px #fff, 96px 1082px #fff, 1296px 378px #fff, 1292px 1835px #fff, 759px 1634px #fff, 469px 838px #fff, 1672px 505px #fff, 1084px 610px #fff, 1790px 492px #fff, 1302px 551px #fff, 1753px 616px #fff, 697px 1017px #fff, 1270px 1880px #fff, 1175px 167px #fff, 1846px 1646px #fff, 1881px 728px #fff, 394px 578px #fff, 997px 1838px #fff, 419px 1661px #fff, 398px 920px #fff, 1352px 84px #fff, 227px 371px #fff, 488px 292px #fff, 441px 276px #fff, 328px 771px #fff, 30px 1314px #fff, 472px 928px #fff, 1734px 439px #fff, 1597px 219px #fff, 1164px 1927px #fff, 619px 867px #fff, 1869px 376px #fff, 1514px 620px #fff, 1333px 691px #fff, 995px 164px #fff, 752px 1045px #fff, 1980px 1017px #fff, 1370px 1164px #fff, 1528px 1091px #fff, 1071px 179px #fff, 116px 498px #fff, 1867px 1839px #fff, 803px 1275px #fff, 921px 1106px #fff, 407px 1211px #fff, 1134px 1252px #fff, 1031px 1434px #fff, 1830px 1834px #fff, 750px 1288px #fff, 896px 1125px #fff, 1472px 877px #fff, 1413px 1291px #fff, 954px 1683px #fff, 1731px 1174px #fff, 241px 1727px #fff, 1208px 310px #fff, 1815px 831px #fff, 828px 861px #fff, 1481px 648px #fff, 1988px 592px #fff, 817px 1197px #fff, 4px 544px #fff, 1000px 1775px #fff, 964px 1066px #fff, 1698px 886px #fff,
    1298px 241px #fff, 252px 745px #fff, 1470px 569px #fff, 1641px 1484px #fff, 572px 1148px #fff, 1066px 1091px #fff, 636px 1843px #fff, 408px 1105px #fff, 1898px 940px #fff, 556px 33px #fff, 458px 1552px #fff, 221px 1444px #fff, 787px 1032px #fff, 76px 252px #fff, 753px 746px #fff, 1945px 810px #fff, 1797px 732px #fff, 1393px 727px #fff, 13px 432px #fff, 292px 1617px #fff, 413px 707px #fff, 67px 1374px #fff, 111px 1521px #fff, 1404px 1017px #fff, 833px 26px #fff, 1398px 1059px #fff, 1396px 619px #fff, 791px 889px #fff, 913px 1661px #fff, 550px 440px #fff, 1138px 1004px #fff, 433px 1762px #fff, 1664px 1660px #fff, 936px 1270px #fff, 772px 1796px #fff, 174px 428px #fff, 251px 955px #fff, 1869px 592px #fff, 612px 242px #fff, 1738px 1775px #fff, 1173px 688px #fff, 547px 1633px #fff, 1379px 1597px #fff, 186px 1776px #fff, 189px 1455px #fff, 265px 1225px #fff, 484px 307px #fff, 941px 1461px #fff, 1791px 1123px #fff, 1471px 1010px #fff, 259px 1662px #fff, 1483px 1069px #fff, 1578px 402px #fff, 1138px 1060px #fff, 1741px 1837px #fff, 1817px 17px #fff, 1099px 689px #fff, 1306px 21px #fff, 677px 1226px #fff, 543px 1278px #fff, 699px 1927px #fff, 491px 1274px #fff, 165px 1082px #fff, 1903px 468px #fff, 666px 1182px #fff, 416px 610px #fff, 1859px 845px #fff, 1066px 1136px #fff, 580px 131px #fff, 406px 1986px #fff, 230px 1037px #fff, 1461px 1966px #fff, 554px 805px #fff, 612px 1340px #fff, 214px 1457px #fff, 549px 1935px #fff, 335px 1468px #fff, 721px 768px #fff, 533px 1850px #fff, 518px 1792px #fff, 1774px 1672px #fff, 637px 1694px #fff, 648px 1007px #fff, 162px 985px #fff, 1791px 306px #fff, 1170px 403px #fff, 105px 85px #fff, 1800px 1240px #fff, 809px 1224px #fff, 1584px 1422px #fff, 504px 1517px #fff, 205px 1532px #fff, 667px 1592px #fff, 1105px 990px #fff, 112px 117px #fff, 409px 1781px #fff, 915px 581px #fff, 1285px 212px #fff, 1697px 1957px #fff, 252px 1942px #fff, 954px 1581px #fff, 508px 4px #fff, 1497px 688px #fff, 1914px 1395px #fff, 1836px 680px #fff,
    982px 1834px #fff, 311px 228px #fff, 214px 1686px #fff, 245px 1424px #fff, 346px 339px #fff, 345px 1743px #fff, 1921px 1608px #fff, 1124px 534px #fff, 722px 1914px #fff, 748px 538px #fff, 1118px 925px #fff, 421px 1097px #fff, 1388px 671px #fff, 1706px 395px #fff, 1754px 1968px #fff, 1644px 1644px #fff, 1127px 617px #fff, 688px 1802px #fff, 1141px 254px #fff, 1109px 80px #fff, 367px 1889px #fff, 1014px 876px #fff, 1185px 1949px #fff, 1942px 1121px #fff, 269px 1520px #fff, 399px 1832px #fff, 1698px 73px #fff, 1941px 1683px #fff, 1078px 1493px #fff, 859px 885px #fff, 1560px 1118px #fff, 693px 866px #fff, 38px 885px #fff, 1361px 507px #fff, 48px 637px #fff, 513px 426px #fff, 1404px 1503px #fff, 354px 1086px #fff, 1968px 437px #fff, 1022px 1349px #fff, 1662px 707px #fff, 1304px 738px #fff, 1349px 574px #fff, 320px 242px #fff, 1856px 594px #fff, 921px 1966px #fff, 1117px 1274px #fff, 899px 1083px #fff, 1338px 1433px #fff, 1147px 121px #fff, 1024px 1639px #fff, 1929px 1676px #fff, 1802px 1981px #fff, 1419px 541px #fff, 325px 1788px #fff, 64px 319px #fff, 644px 553px #fff, 378px 967px #fff, 1119px 404px #fff, 1463px 1553px #fff, 461px 454px #fff, 1389px 1883px #fff, 1703px 1015px #fff, 445px 1383px #fff, 377px 1561px #fff, 1525px 1916px #fff, 1570px 551px #fff, 608px 1875px #fff;
}
#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 554px 281px #fff, 382px 711px #fff, 1082px 383px #fff, 555px 902px #fff, 79px 1253px #fff, 318px 797px #fff, 855px 836px #fff, 318px 1610px #fff, 426px 1670px #fff, 991px 964px #fff, 240px 212px #fff, 1911px 720px #fff, 1611px 366px #fff, 1034px 593px #fff, 1162px 1669px #fff, 248px 1577px #fff, 427px 973px #fff, 1211px 1370px #fff, 1739px 251px #fff, 352px 1772px #fff, 1583px 1987px #fff, 415px 29px #fff, 327px 1334px #fff, 1891px 1963px #fff, 710px 840px #fff, 934px 1561px #fff, 859px 1950px #fff, 203px 1538px #fff, 678px 1844px #fff, 1412px 170px #fff, 532px 1811px #fff, 786px 1699px #fff, 1325px 558px #fff, 381px 1753px #fff, 1464px 833px #fff, 424px 1598px #fff, 77px 1966px #fff, 1063px 963px #fff, 139px 1449px #fff, 297px 1137px #fff, 1913px 353px #fff, 648px 1966px #fff, 1729px 1154px #fff, 1162px 499px #fff, 196px 1258px #fff, 1390px 731px #fff, 1645px 899px #fff, 1938px 821px #fff, 1942px 655px #fff, 223px 885px #fff, 373px 1521px #fff, 1004px 1465px #fff, 551px 818px #fff, 1098px 315px #fff, 482px 1577px #fff, 1419px 561px #fff, 488px 418px #fff, 1450px 1535px #fff, 585px 746px #fff, 1243px 992px #fff, 1731px 1675px #fff, 299px 557px #fff, 1903px 903px #fff, 1724px 1745px #fff, 1920px 1291px #fff, 1757px 202px #fff, 339px 1166px #fff, 519px 1968px #fff, 1602px 704px #fff, 1375px 830px #fff, 32px 1938px #fff, 716px 314px #fff, 1144px 271px #fff, 1081px 1044px #fff, 1334px 221px #fff, 1811px 732px #fff, 157px 1269px #fff, 465px 509px #fff, 159px 513px #fff, 852px 1739px #fff, 649px 1446px #fff, 452px 407px #fff, 2px 731px #fff, 418px 1166px #fff, 1318px 612px #fff, 163px 91px #fff, 1904px 476px #fff, 1926px 1864px #fff, 176px 1212px #fff, 1054px 1234px #fff, 679px 921px #fff, 951px 1063px #fff, 1999px 750px #fff, 1307px 1173px #fff, 91px 272px #fff, 182px 1448px #fff, 1740px 1232px #fff, 112px 724px #fff, 737px 1935px #fff, 899px 445px #fff, 1145px 1901px #fff, 978px 1418px #fff, 1956px 1090px #fff, 1902px 376px #fff, 1712px 1661px #fff,
    606px 524px #fff, 1541px 1680px #fff, 114px 907px #fff, 174px 490px #fff, 1793px 1410px #fff, 1808px 1028px #fff, 1218px 1495px #fff, 1242px 559px #fff, 1053px 910px #fff, 1377px 232px #fff, 767px 1053px #fff, 442px 432px #fff, 1978px 818px #fff, 54px 1079px #fff, 544px 1968px #fff, 752px 64px #fff, 1203px 1226px #fff, 1022px 1835px #fff, 1585px 1374px #fff, 1292px 1699px #fff, 413px 236px #fff, 762px 866px #fff, 1661px 95px #fff, 246px 804px #fff, 1798px 660px #fff, 1241px 1830px #fff, 615px 564px #fff, 1618px 892px #fff, 178px 848px #fff, 489px 1759px #fff, 1577px 736px #fff, 1948px 1572px #fff, 32px 1547px #fff, 1508px 1149px #fff, 1223px 1687px #fff, 364px 176px #fff, 1183px 1929px #fff, 988px 499px #fff, 1238px 765px #fff, 1479px 1583px #fff, 1014px 788px #fff, 694px 626px #fff, 23px 805px #fff, 911px 955px #fff, 1465px 1156px #fff, 645px 1056px #fff, 692px 569px #fff, 1699px 1036px #fff, 1413px 633px #fff, 1976px 1628px #fff, 105px 1566px #fff, 1815px 1987px #fff, 1408px 3px #fff, 1040px 1520px #fff, 1856px 197px #fff, 1041px 186px #fff, 483px 916px #fff, 1157px 965px #fff, 1102px 1830px #fff, 8px 964px #fff, 865px 640px #fff, 664px 659px #fff, 1663px 1362px #fff, 1790px 1492px #fff, 163px 182px #fff, 1894px 1904px #fff, 149px 821px #fff, 916px 73px #fff, 1452px 336px #fff, 651px 1623px #fff, 407px 1278px #fff, 731px 313px #fff, 1642px 1491px #fff, 883px 933px #fff, 109px 1018px #fff, 1253px 1343px #fff, 1406px 1741px #fff, 1634px 497px #fff, 733px 274px #fff, 1384px 773px #fff, 1199px 1645px #fff, 1787px 773px #fff, 1029px 1412px #fff, 1094px 253px #fff, 1060px 316px #fff, 596px 108px #fff, 616px 1166px #fff, 634px 314px #fff, 754px 926px #fff, 779px 37px #fff, 922px 829px #fff, 1107px 1473px #fff, 515px 715px #fff, 936px 662px #fff, 1064px 1671px #fff;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 554px 281px #fff, 382px 711px #fff, 1082px 383px #fff, 555px 902px #fff, 79px 1253px #fff, 318px 797px #fff, 855px 836px #fff, 318px 1610px #fff, 426px 1670px #fff, 991px 964px #fff, 240px 212px #fff, 1911px 720px #fff, 1611px 366px #fff, 1034px 593px #fff, 1162px 1669px #fff, 248px 1577px #fff, 427px 973px #fff, 1211px 1370px #fff, 1739px 251px #fff, 352px 1772px #fff, 1583px 1987px #fff, 415px 29px #fff, 327px 1334px #fff, 1891px 1963px #fff, 710px 840px #fff, 934px 1561px #fff, 859px 1950px #fff, 203px 1538px #fff, 678px 1844px #fff, 1412px 170px #fff, 532px 1811px #fff, 786px 1699px #fff, 1325px 558px #fff, 381px 1753px #fff, 1464px 833px #fff, 424px 1598px #fff, 77px 1966px #fff, 1063px 963px #fff, 139px 1449px #fff, 297px 1137px #fff, 1913px 353px #fff, 648px 1966px #fff, 1729px 1154px #fff, 1162px 499px #fff, 196px 1258px #fff, 1390px 731px #fff, 1645px 899px #fff, 1938px 821px #fff, 1942px 655px #fff, 223px 885px #fff, 373px 1521px #fff, 1004px 1465px #fff, 551px 818px #fff, 1098px 315px #fff, 482px 1577px #fff, 1419px 561px #fff, 488px 418px #fff, 1450px 1535px #fff, 585px 746px #fff, 1243px 992px #fff, 1731px 1675px #fff, 299px 557px #fff, 1903px 903px #fff, 1724px 1745px #fff, 1920px 1291px #fff, 1757px 202px #fff, 339px 1166px #fff, 519px 1968px #fff, 1602px 704px #fff, 1375px 830px #fff, 32px 1938px #fff, 716px 314px #fff, 1144px 271px #fff, 1081px 1044px #fff, 1334px 221px #fff, 1811px 732px #fff, 157px 1269px #fff, 465px 509px #fff, 159px 513px #fff, 852px 1739px #fff, 649px 1446px #fff, 452px 407px #fff, 2px 731px #fff, 418px 1166px #fff, 1318px 612px #fff, 163px 91px #fff, 1904px 476px #fff, 1926px 1864px #fff, 176px 1212px #fff, 1054px 1234px #fff, 679px 921px #fff, 951px 1063px #fff, 1999px 750px #fff, 1307px 1173px #fff, 91px 272px #fff, 182px 1448px #fff, 1740px 1232px #fff, 112px 724px #fff, 737px 1935px #fff, 899px 445px #fff, 1145px 1901px #fff, 978px 1418px #fff, 1956px 1090px #fff, 1902px 376px #fff, 1712px 1661px #fff,
    606px 524px #fff, 1541px 1680px #fff, 114px 907px #fff, 174px 490px #fff, 1793px 1410px #fff, 1808px 1028px #fff, 1218px 1495px #fff, 1242px 559px #fff, 1053px 910px #fff, 1377px 232px #fff, 767px 1053px #fff, 442px 432px #fff, 1978px 818px #fff, 54px 1079px #fff, 544px 1968px #fff, 752px 64px #fff, 1203px 1226px #fff, 1022px 1835px #fff, 1585px 1374px #fff, 1292px 1699px #fff, 413px 236px #fff, 762px 866px #fff, 1661px 95px #fff, 246px 804px #fff, 1798px 660px #fff, 1241px 1830px #fff, 615px 564px #fff, 1618px 892px #fff, 178px 848px #fff, 489px 1759px #fff, 1577px 736px #fff, 1948px 1572px #fff, 32px 1547px #fff, 1508px 1149px #fff, 1223px 1687px #fff, 364px 176px #fff, 1183px 1929px #fff, 988px 499px #fff, 1238px 765px #fff, 1479px 1583px #fff, 1014px 788px #fff, 694px 626px #fff, 23px 805px #fff, 911px 955px #fff, 1465px 1156px #fff, 645px 1056px #fff, 692px 569px #fff, 1699px 1036px #fff, 1413px 633px #fff, 1976px 1628px #fff, 105px 1566px #fff, 1815px 1987px #fff, 1408px 3px #fff, 1040px 1520px #fff, 1856px 197px #fff, 1041px 186px #fff, 483px 916px #fff, 1157px 965px #fff, 1102px 1830px #fff, 8px 964px #fff, 865px 640px #fff, 664px 659px #fff, 1663px 1362px #fff, 1790px 1492px #fff, 163px 182px #fff, 1894px 1904px #fff, 149px 821px #fff, 916px 73px #fff, 1452px 336px #fff, 651px 1623px #fff, 407px 1278px #fff, 731px 313px #fff, 1642px 1491px #fff, 883px 933px #fff, 109px 1018px #fff, 1253px 1343px #fff, 1406px 1741px #fff, 1634px 497px #fff, 733px 274px #fff, 1384px 773px #fff, 1199px 1645px #fff, 1787px 773px #fff, 1029px 1412px #fff, 1094px 253px #fff, 1060px 316px #fff, 596px 108px #fff, 616px 1166px #fff, 634px 314px #fff, 754px 926px #fff, 779px 37px #fff, 922px 829px #fff, 1107px 1473px #fff, 515px 715px #fff, 936px 662px #fff, 1064px 1671px #fff;
}
#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 575px 1022px #fff, 686px 1618px #fff, 1467px 583px #fff, 216px 1016px #fff, 1620px 550px #fff, 535px 733px #fff, 407px 720px #fff, 629px 372px #fff, 538px 1848px #fff, 211px 118px #fff, 908px 1856px #fff, 889px 995px #fff, 372px 666px #fff, 695px 1080px #fff, 1956px 1063px #fff, 496px 9px #fff, 394px 430px #fff, 1230px 979px #fff, 747px 1038px #fff, 1564px 681px #fff, 492px 197px #fff, 157px 1681px #fff, 1451px 284px #fff, 698px 180px #fff, 1810px 324px #fff, 1044px 1388px #fff, 1322px 348px #fff, 267px 1568px #fff, 405px 617px #fff, 1709px 1903px #fff, 475px 161px #fff, 448px 1097px #fff, 881px 1100px #fff, 57px 209px #fff, 406px 1807px #fff, 1956px 1761px #fff, 122px 1069px #fff, 998px 641px #fff, 1379px 431px #fff, 1197px 1880px #fff, 1681px 1242px #fff, 24px 369px #fff, 1048px 987px #fff, 183px 1375px #fff, 856px 788px #fff, 1943px 1078px #fff, 79px 1770px #fff, 566px 1499px #fff, 1090px 1244px #fff, 1034px 1823px #fff, 1231px 223px #fff, 210px 1833px #fff, 1329px 312px #fff, 742px 1209px #fff, 885px 1811px #fff, 462px 1922px #fff, 184px 1829px #fff, 327px 309px #fff, 618px 1412px #fff, 526px 1121px #fff, 1907px 1472px #fff, 255px 1288px #fff, 1774px 132px #fff, 214px 334px #fff, 566px 1378px #fff, 1369px 680px #fff, 1695px 557px #fff, 930px 801px #fff, 215px 1090px #fff, 1792px 1696px #fff, 1677px 1641px #fff, 1915px 1160px #fff, 991px 87px #fff, 527px 49px #fff, 1587px 1595px #fff, 536px 670px #fff, 1241px 470px #fff, 1962px 411px #fff, 1163px 1786px #fff, 88px 675px #fff, 1446px 1280px #fff, 1945px 683px #fff, 1723px 1307px #fff, 1675px 1941px #fff, 1168px 678px #fff, 1191px 238px #fff, 925px 1744px #fff, 1350px 1868px #fff, 1052px 1155px #fff, 1997px 1527px #fff, 991px 1453px #fff, 676px 1209px #fff, 1008px 860px #fff, 1484px 245px #fff, 1645px 814px #fff, 1382px 183px #fff, 930px 767px #fff, 477px 1793px #fff, 1579px 1610px #fff, 1854px 1810px #fff;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 575px 1022px #fff, 686px 1618px #fff, 1467px 583px #fff, 216px 1016px #fff, 1620px 550px #fff, 535px 733px #fff, 407px 720px #fff, 629px 372px #fff, 538px 1848px #fff, 211px 118px #fff, 908px 1856px #fff, 889px 995px #fff, 372px 666px #fff, 695px 1080px #fff, 1956px 1063px #fff, 496px 9px #fff, 394px 430px #fff, 1230px 979px #fff, 747px 1038px #fff, 1564px 681px #fff, 492px 197px #fff, 157px 1681px #fff, 1451px 284px #fff, 698px 180px #fff, 1810px 324px #fff, 1044px 1388px #fff, 1322px 348px #fff, 267px 1568px #fff, 405px 617px #fff, 1709px 1903px #fff, 475px 161px #fff, 448px 1097px #fff, 881px 1100px #fff, 57px 209px #fff, 406px 1807px #fff, 1956px 1761px #fff, 122px 1069px #fff, 998px 641px #fff, 1379px 431px #fff, 1197px 1880px #fff, 1681px 1242px #fff, 24px 369px #fff, 1048px 987px #fff, 183px 1375px #fff, 856px 788px #fff, 1943px 1078px #fff, 79px 1770px #fff, 566px 1499px #fff, 1090px 1244px #fff, 1034px 1823px #fff, 1231px 223px #fff, 210px 1833px #fff, 1329px 312px #fff, 742px 1209px #fff, 885px 1811px #fff, 462px 1922px #fff, 184px 1829px #fff, 327px 309px #fff, 618px 1412px #fff, 526px 1121px #fff, 1907px 1472px #fff, 255px 1288px #fff, 1774px 132px #fff, 214px 334px #fff, 566px 1378px #fff, 1369px 680px #fff, 1695px 557px #fff, 930px 801px #fff, 215px 1090px #fff, 1792px 1696px #fff, 1677px 1641px #fff, 1915px 1160px #fff, 991px 87px #fff, 527px 49px #fff, 1587px 1595px #fff, 536px 670px #fff, 1241px 470px #fff, 1962px 411px #fff, 1163px 1786px #fff, 88px 675px #fff, 1446px 1280px #fff, 1945px 683px #fff, 1723px 1307px #fff, 1675px 1941px #fff, 1168px 678px #fff, 1191px 238px #fff, 925px 1744px #fff, 1350px 1868px #fff, 1052px 1155px #fff, 1997px 1527px #fff, 991px 1453px #fff, 676px 1209px #fff, 1008px 860px #fff, 1484px 245px #fff, 1645px 814px #fff, 1382px 183px #fff, 930px 767px #fff, 477px 1793px #fff, 1579px 1610px #fff, 1854px 1810px #fff;
}
@keyframes animStar {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-2000px);
  }
}
.gems .filter {
  --padding: var(--size-3);
  padding: var(--padding);
  border-bottom: var(--stroke-primary);
  display: flex;
  align-items: center;
  gap: var(--size-3);
}
.gems .filter-actions {
  display: flex;
  align-items: stretch;
  gap: inherit;
}
.gems .filter .input {
  flex: 1;
}
.gems .filter .dropdown {
  display: flex;
}
.gems .filter .dropdown ul {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  padding-right: var(--size-4);
}
.gems .filter .dropdown.listing .dropdown-content {
  width: calc(200px + 50 * (100vw - 320px) / 1080);
}
.gems .filter .dropdown.listing ul + ul {
  margin-top: var(--size-3);
}
.gems .filter .dropdown.listing .categorie {
  letter-spacing: var(--text-spacing);
  font-size: 0.65em;
  text-transform: uppercase;
}
.gems .filter .dropdown.listing .item {
  font-size: 0.85em;
}
.gems .filter .btn {
  font-size: 0.75em;
  height: 100%;
}
.gems .filter-opener {
  align-self: center;
}
@media screen and (min-width: 1085px) {
  .gems .filter-opener {
    display: none;
  }
}
.gems .filter .save {
  height: auto;
  margin: var(--size-3);
  position: sticky;
  bottom: calc(var(--size-3) + 1px);
  z-index: 150;
}
.gems .filter .save:active {
  transform: none;
}
.gems .filter .save:after {
  content: "";
  position: absolute;
  inset: calc((var(--size-3) + 1px) * -1) calc(var(--size-3) * -1);
  background-color: rgba(var(--bg-body-rgb) / 85%);
  border-top: var(--stroke-primary);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: -2;
}
@media screen and (min-width: 1085px) {
  .gems .filter .save {
    display: none;
  }
}
@media screen and (max-width: 1084px) {
  .gems .filter-actions {
    --width: calc(280px + 50 * (100vw - 320px) / 1080);
    padding: 0;
    gap: 0;
    width: var(--width);
    position: fixed;
    top: 0;
    right: 0;
    min-height: var(--height-window, 100vh);
    z-index: 9999;
    background: var(--bg-body);
    flex-direction: column;
    border-left: var(--stroke-primary);
    overflow-y: auto;
    transform: translate(101%);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .gems .filter-actions::-webkit-scrollbar {
    display: none;
  }
  .gems .filter-actions .range {
    --width: 200px;
    margin: auto;
  }
  .gems .filter-actions .dropdown {
    display: block;
  }
  .gems .filter-actions .dropdown-opener {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: var(--stroke-primary);
    background-color: rgba(var(--bg-body-rgb) / 85%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  .gems .filter-actions .dropdown-opener .btn {
    width: 100%;
    height: auto;
  }
  .gems .filter-actions .dropdown-opener .btn .corner {
    display: none;
  }
  .gems .filter-actions .dropdown-opener .btn-txt {
    flex: 1;
    justify-content: space-between;
  }
  .gems .filter-actions .dropdown-content {
    position: relative;
    width: 100% !important;
    top: 0;
    left: 0;
    border-bottom: var(--stroke-primary);
    padding: var(--size-2);
  }
  .gems .filter-actions .dropdown-content .corner {
    display: none;
  }
  .gems .filter-actions .dropdown-content-scroll {
    max-height: none;
  }
  .gems .filter.open .filter-actions {
    transform: translate(0);
  }
}
.gems .list {
  width: 100%;
}
.gems .grid {
  --grid-layout-gap: var(--size-3);
  padding: var(--size-3);
}
@media screen and (max-width: 500px) {
  .gems .grid {
    --grid-layout-gap: var(--size-3);
    padding: var(--size-3);
  }
}
.gems .gem {
  height: 100%;
}
.gems-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
}
.gems-loader svg {
  width: 30px;
}
.gems-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
}
.gem-list {
  --padding: var(--size-3);
  --gap: calc(var(--padding) / 2.5);
  margin: var(--padding);
  width: calc(100% - 2 * var(--padding));
}
.gem-list-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}
.gem-list thead tr {
  border-bottom: 1px solid var(--stroke-color);
}
.gem-list thead th {
  padding: var(--padding);
  text-align: left;
}
.gem-list-item {
  border-bottom: 1px solid var(--stroke-color);
}
.gem-list-item td {
  vertical-align: middle;
  padding: var(--gap) var(--padding);
  text-align: left;
}
.gem-list-item-favorite {
  width: 50px;
}
.gem-list-item-name-desc {
  display: inline-block;
  margin-left: calc(var(--gap) * 2);
}
.gem-list-item-name-desc:before {
  content: "";
  position: absolute;
  top: calc(var(--gap) * 2 * -1);
  right: calc(var(--gap) * 2 * -1);
  bottom: calc(var(--gap) * 2 * -1);
  left: calc(var(--gap) * 2 * -1);
  cursor: pointer;
}
.gem-list-item-name-desc:hover .gem-list-item-name-desc-tooltip {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-out;
}
.gem-list-item-name-desc-tooltip {
  position: absolute;
  z-index: 1;
  left: calc(100% + var(--gap) * 2);
  top: 50%;
  width: 280px;
  padding: calc(var(--gap) * 2);
  background-color: var(--bg-body);
  border: 1px solid var(--stroke-color);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;
}
.gem-list-item-name-desc-tooltip p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}
.gem-list-item-name-desc svg {
  pointer-events: none;
}
.gem-list-item-note {
  text-align: center !important;
}
.gem-list-item-favorite .btn {
  --padding-v: 0.65em;
  --padding-h: 0.85em;
  height: 32px;
}
.gem-list-item-favorite svg {
  transform: scale(0.85) !important;
  padding: 0 !important;
}
.gem-list-item .gem-title {
  font-size: 1.2em;
}
.gem-list-item .note {
  display: inline-flex;
  padding: var(--size-2) var(--size-3);
}
.gem-list-item .note strong {
  font-size: 1.4em;
  white-space: nowrap;
}
.gem-list-item .note > span {
  display: none;
}
.gem-list-item-status {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-top: var(--size-1);
}
.gem-list-item[data-project-status="0"] .gem-status {
  color: #f2ff00;
}
.gem-list-item[data-project-status="0"] > .gem-section:first-child .gem-section-light {
  --stroke-color: #f2ff0054;
}
.gem-list-item[data-project-status="1"] .gem-status {
  color: #03ff00;
}
.gem-list-item[data-project-status="1"] > .gem-section:first-child .gem-section-light {
  --stroke-color: #03ff0054;
}
.gem-list-item[data-project-status="2"] .gem-status {
  color: #25cbff;
}
.gem-list-item[data-project-status="2"] > .gem-section:first-child .gem-section-light {
  --stroke-color: #25cbff54;
}
.PanelGem {
  display: flex;
  flex-direction: column;
  line-height: 1.4;
  gap: var(--padding);
}
.PanelGem-block {
  display: flex;
  flex-direction: column;
  gap: calc(var(--padding) / 2);
}
.PanelGem-block p {
  white-space: break-spaces;
}
.PanelGem .corner {
  --corner-size: var(--size-3);
  z-index: 1;
}
.PanelGem .corner-hover {
  transition: opacity var(--transition-link);
  opacity: 0;
}
.PanelGem:not([data-disabled]):hover .corner-hover {
  opacity: 1;
}
.scroller {
  position: relative;
  z-index: 20;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, white 20%, white 80%, transparent);
  mask-image: linear-gradient(to right, transparent, white 20%, white 80%, transparent);
  padding-top: 10px;
  padding-bottom: 5px;
}
.scroller .card {
  transition-duration: 0.3s;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0.25rem;
  background-color: transparent;
  padding: 0.25rem 0.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.scroller .card:hover {
  cursor: pointer;
  color: #eee;
  scale: 105%;
}
.scene svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.input-staking {
  padding: 5px;
}
.staking {
  --margin: calc(40px + 40 * (100vw - 320px) / 1080);
  margin-bottom: calc(var(--main-padding) * -1);
}
.staking .card {
  --padding: var(--size-6);
  padding: var(--padding);
  display: flex;
  flex-direction: column;
  gap: calc(var(--padding) / 2);
}
@media screen and (max-width: 500px) {
  .staking .card {
    --padding: calc(var(--size-6) / 1.5);
    gap: calc(var(--padding) / 1.5);
  }
}
.staking-top {
  display: flex;
  align-items: flex-start;
}
.staking-left {
  flex: 1;
  pointer-events: none;
  z-index: -1;
}
.staking-left > * {
  --plus: 80%;
  width: calc(100% + var(--plus)) !important;
  height: calc(600px + 200 * (100vw - 320px) / 1080) !important;
  left: calc(var(--plus) * -0.6);
  top: -20%;
  position: absolute;
}
.staking-left > *:before {
  content: "";
  position: absolute;
  top: 80%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  background: linear-gradient(to top, var(--bg-body), transparent);
}
.staking-left canvas {
  width: 100% !important;
  height: 100% !important;
}
.staking-right {
  width: 50%;
  padding-top: var(--margin);
  z-index: 100;
}
.staking-right .more {
  position: sticky;
  bottom: var(--main-padding);
  z-index: 100;
  transform: translate(-100%);
  width: 100%;
}
.staking-right .more-arrow {
  --size: 3em;
  position: absolute;
  bottom: 200%;
  height: var(--size);
  width: 100%;
  overflow: hidden;
}
.staking-right .more-arrow-shape {
  height: 3em;
  width: var(--stroke-width);
  background-color: var(--stroke-color);
  left: calc(var(--size) / 3);
  animation: arrow 2s infinite linear;
}
.staking-right .more-arrow-shape:before {
  content: "";
  width: calc(var(--size) / 2.5);
  height: calc(var(--size) / 2.5);
  border: var(--stroke-primary);
  position: absolute;
  border-width: 0 1px 1px 0;
  transform: translate(-100%) rotate(45deg);
  transform-origin: bottom right;
  bottom: 0;
}
@keyframes arrow {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(100%);
  }
  50.0001% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@media screen and (max-width: 1200px) {
  .staking-right .more {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .staking {
    --margin: var(--size-4);
  }
  .staking-top {
    flex-direction: column;
  }
  .staking-right {
    width: 100%;
  }
  .staking-left {
    display: none;
  }
}
.staking-bottom {
  background-color: var(--bg-body);
}
.staking-bottom-overflow {
  overflow: hidden;
  display: flex;
  gap: var(--size-5);
  padding: calc(var(--margin) * 2) 0;
}
.staking-bottom:before {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  left: 50%;
  height: 150px;
  width: 100vw;
  background: linear-gradient(to bottom, var(--bg-body), transparent);
  z-index: 5;
  transform: translate(-50%);
  pointer-events: none;
}
.staking-bottom:after {
  content: "";
  position: absolute;
  top: -150px;
  right: 50%;
  bottom: 100%;
  left: 50%;
  width: 100vw;
  background: linear-gradient(to top, var(--bg-body), transparent);
  z-index: 5;
  transform: translate(-50%);
}
.staking-bottom-bg {
  --mask: linear-gradient(to bottom, transparent 0%, #000 40%);
  position: absolute;
  width: 100vw;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  mask: var(--mask);
  -webkit-mask: var(--mask);
}
@media screen and (max-width: 500px) {
  .staking-bottom-bg {
    pointer-events: none;
  }
}
.staking-bottom-content {
  z-index: 20;
  width: 45%;
  display: flex;
  flex-direction: column;
  gap: var(--size-5);
  pointer-events: none;
}
@media screen and (max-width: 900px) {
  .staking-bottom-content {
    width: 80%;
    left: 5%;
  }
  .staking-bottom-bg {
    left: 20%;
    opacity: 0.5;
  }
}
@media screen and (max-width: 500px) {
  .staking-bottom-content {
    width: 100%;
    left: 0%;
  }
  .staking-bottom-bg {
    width: 200vw;
    left: -50%;
    opacity: 0.33;
    top: 40%;
  }
}
.staking-separator {
  --cube: var(--size-6);
  height: var(--size-3);
  background-color: var(--bg-body);
}
.staking-separator:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: var(--bg-body);
}
.staking-separator:after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--cube);
  height: var(--cube);
  background-color: var(--color-1);
  z-index: 20;
  position: absolute;
  border-radius: 50%;
  filter: blur(20px);
}
.staking-separator .cube {
  position: absolute;
  left: calc(50% - var(--cube) / 2);
  top: calc(50% - var(--cube) / 2);
  width: var(--cube);
  height: var(--cube);
}
.staking-separator .cube:before,
.staking-separator .cube:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotate(45deg);
}
.staking-separator .cube:before {
  inset: calc(var(--size-2) * -1);
  background-color: var(--bg-body);
  border: var(--stroke-primary);
  z-index: 5;
}
.staking-separator .cube:after {
  z-index: 20;
  background: linear-gradient(45deg, var(--color-1), var(--color-2), var(--color-3));
}
.staking-separator .cube svg {
  position: absolute;
  z-index: 25;
  font-size: 1.75em;
  color: var(--bg-body);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.staking .sub {
  font-size: 0.8em;
  letter-spacing: var(--text-spacing);
  text-transform: uppercase;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 500px) {
  .staking .total {
    padding-bottom: var(--size-6);
  }
}
.staking .total-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1em;
}
.staking .total-heading .btn {
  font-size: 0.75em;
}
.staking .total-input {
  --padding: var(--size-3);
  padding: var(--padding);
  gap: 0 calc(var(--padding) / 1.5);
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.staking .total-input-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: inherit;
  justify-content: space-between;
  flex: 1;
}
.staking .total-input:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20%;
  bottom: -50%;
  left: 10%;
  background: radial-gradient(var(--bg-secondary), transparent);
  border-radius: 50%;
  filter: blur(30px);
  pointer-events: none;
}
.staking .total-input strong {
  background: linear-gradient(var(--text-secondary) 20%, var(--text-primary) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-family-heading);
  font-size: 1.5em;
  margin-right: auto;
}
.staking .total-input small {
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: var(--text-spacing);
  padding-right: 0.75em;
}
.staking .total-input img {
  width: 2.5em;
}
.staking .total-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.staking .total-bottom .sub {
  margin-bottom: 0;
}
.staking .total-bottom svg {
  font-size: 1.25em;
  margin-right: 0.25em;
}
.staking .total-bottom a:hover {
  color: var(--text-secondary);
}
.staking .unlock-title {
  display: flex;
  align-items: center;
  gap: 0.75em;
}
.staking .unlock-title .btn {
  --padding-h: 1em;
  --padding-v: 0.8em;
  font-size: 0.7em;
  pointer-events: none;
  color: var(--color-2);
  align-self: flex-start;
}
.staking .unlock-list {
  display: flex;
  gap: var(--size-3);
  flex-wrap: wrap;
}
.staking .unlock-list > * {
  flex: 1;
}
.staking .unlock-order {
  margin-bottom: calc(var(--padding) * -1.5);
  padding: var(--size-4);
  padding-bottom: calc(var(--size-4) + var(--padding) / 1.5);
}
.staking .unlock-order .corner-top-bottom:after,
.staking .unlock-order .corner-right:after {
  display: none;
}
.staking .unlock-order ul {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.staking .unlock-order ul li {
  display: flex;
  justify-content: space-between;
}
.staking .unlock-order ul li span {
  color: var(--text-secondary);
}
.staking .unlock-order ul li span strong {
  font-weight: 500;
  background: linear-gradient(var(--color-1, var(--text-primary)), var(--color-2, var(--text-secondary)), var(--color-3, var(--text-primary)));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.staking .unlock-button {
  display: flex;
  gap: var(--size-2);
  flex-wrap: wrap;
}
.staking .unlock-button > * {
  font-size: 0.75em;
  flex: 1;
}
.staking .offer {
  --corner-size: 20px;
  --padding: var(--size-3);
  padding: var(--padding);
  text-align: center;
  cursor: pointer;
}
.staking .offer .hovered {
  --corner-size: 22px;
  transition: opacity var(--transition-input);
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  opacity: 0;
}
.staking .offer:hover .hovered {
  opacity: 1;
}
.staking .offer-content {
  padding-top: calc(var(--padding) * 0.35);
  display: flex;
  flex-direction: column;
  gap: calc(var(--padding) / 2.5);
}
.staking .offer-duration,
.staking .offer-token {
  font-family: var(--font-family-heading);
  font-weight: 600;
}
.staking .offer-duration > *,
.staking .offer-token > * {
  background: linear-gradient(var(--color-1, var(--text-primary)), var(--color-2, var(--text-secondary)), var(--color-3, var(--text-primary)));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.staking .offer-duration strong,
.staking .offer-token strong {
  font-size: 1.25em;
}
.staking .offer-duration {
  font-size: 1.15em;
}
.staking .offer-token {
  font-size: 1.2em;
  background: linear-gradient(var(--color-1, var(--text-primary)), var(--color-2, var(--text-secondary)), var(--color-3, var(--text-primary)));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.staking .offer-img {
  width: 35%;
  margin: 0.25em auto;
}
.staking .offer-img:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(var(--color-1) 30%, var(--color-2));
  border-radius: 50%;
  filter: blur(15px);
}
.staking .offer-img img {
  width: 100%;
}
.staking .offer-percent {
  position: absolute;
  font-size: 10px;
  font-weight: 500;
  background: linear-gradient(var(--color-1, var(--text-primary)), var(--color-2, var(--text-secondary)), var(--color-3, var(--text-primary)));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: rotate(-45deg);
  left: -9px;
  top: 5px;
  transform-origin: center left;
}
.staking .active .offer .hovered {
  opacity: 1;
}
.gemDetail {
  --padding: var(--size-4);
  --gap: calc(var(--padding) / 2.5);
  display: flex;
  flex-direction: column;
  line-height: 1.4;
  gap: var(--padding);
}
.gemDetail-back {
  margin-top: var(--padding);
}
.gemDetail-back svg {
  margin-left: 0;
  margin-right: 0.5em;
}
.gemDetail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: var(--gap);
}
@media screen and (max-width: 900px) {
  .gemDetail-header {
    flex-direction: column;
    align-items: unset;
    gap: var(--padding);
  }
}
.gemDetail-header-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--gap);
}
@media screen and (max-width: 900px) {
  .gemDetail-header-content {
    order: 0;
  }
}
.gemDetail-header-socials,
.gemDetail-header-note {
  flex-shrink: 0;
}
@media screen and (max-width: 900px) {
  .gemDetail-header-socials,
  .gemDetail-header-note {
    order: 1;
  }
}
.gemDetail-header-socials .card {
  min-width: 240px;
}
.gemDetail-header-note {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.gemDetail-header-note .btn {
  font-size: 11px;
}
.gemDetail .gemDetail-analysis-upper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: calc(100% - 20px);
}
.gemDetail .gemDetail-reanalyze-loading {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: linear-gradient(var(--text-secondary) 20%, var(--text-primary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-family-heading);
  font-weight: 700;
}
.gemDetail .gem-section {
  padding-left: 0;
  padding-right: 0;
}
.gemDetail .gem-title {
  width: auto;
  font-size: 48px;
  word-break: break-all;
}
.gemDetail .gem-link {
  display: flex;
}
.gemDetail .gem-infos {
  display: flex;
  align-items: center;
  gap: var(--size-3);
}
.gemDetail .gem-infos .btn {
  --padding-h: 1.25em;
  height: 36px;
}
.gemDetail .gem-infos svg {
  transform: scale(0.85) !important;
  padding: 0 !important;
}
.gemDetail .card {
  padding: var(--padding);
  display: flex;
  flex-direction: column;
  gap: calc(var(--padding) / 2);
  transition-duration: 0.3s;
}
.gemDetail .card:hover {
  scale: 102%;
  color: #eee;
}
.gemDetail-content {
  display: flex;
  flex-direction: column;
  gap: var(--padding);
  padding: var(--padding) 0;
  --padding: var(--size-6);
}
@media screen and (max-width: 900px) {
  .gemDetail-content {
    --padding: calc(var(--size-6) / 1.5);
  }
}
.gemDetail-desc {
  margin: calc(var(--padding) / 2) 0;
}
.gemDetail-desc .markdown {
  font-size: 18px;
  line-height: 1.8;
}
.gemDetail-block {
  display: flex;
  flex-direction: column;
  gap: calc(var(--padding) / 2);
}
.gemDetail-block-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gemDetail .corner {
  --corner-size: var(--size-3);
  z-index: 1;
}
.gemDetail .corner-hover {
  transition: opacity var(--transition-link);
  opacity: 0;
}
.gemDetail:not([data-disabled]):hover .corner-hover {
  opacity: 1;
}
.gemDetail-queue-progress {
  width: 100%;
}
.gemDetail-analysis-container {
  margin-top: 20px;
  margin-bottom: 50px;
  max-width: calc(100% - 20px);
  display: flex !important;
  flex-direction: column;
  gap: 20px !important;
  align-items: center;
  position: relative;
}
.gemDetail-queue-details {
  margin-bottom: 20px;
  font-weight: 200;
  color: var(--color-primary-base);
  font-size: 1.2rem;
  text-align: center;
  width: 600px;
  max-width: calc(100% - 20px);
}
.gemDetail-queue-faq {
  max-width: calc(100% - 20px);
  margin-top: 20px;
  width: 600px;
  text-align: center;
}
.gemDetail-eta {
  font-weight: 400;
  color: var(--color-secondary-base);
}
.gemDetail-queue-explainer-footer {
  margin-top: 10px;
  color: var(--color-primary-base);
}
.AnalysisError {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  height: 100%;
  gap: 1rem;
  margin-top: 2rem;
}
.AnalysisError-heading {
  font-size: x-large;
  font-weight: 600;
  color: #eee;
}
.AnalysisError-sub {
  font-size: larger;
}
.SentimentAnalysis-source a {
  text-decoration: underline;
}
.SentimentAnalysis-source a:hover {
  text-decoration: none;
}
.SentimentAnalysis-source .ping {
  height: 0.6rem;
  width: 0.6rem;
  display: inline-flex;
  position: relative;
  margin-right: var(--size-2);
}
.SentimentAnalysis-source .ping .animate {
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 9999px;
  opacity: 0.75;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.SentimentAnalysis-source .ping .bg {
  height: 0.6rem;
  width: 0.6rem;
  position: relative;
  border-radius: 9999px;
}
.SentimentAnalysis-source .ping .ended {
  background-color: #a1a1aa;
  opacity: 0.2;
}
.SentimentAnalysis-source .ping .upcoming {
  background-color: #22d3ee;
}
.SentimentAnalysis-source .ping .live {
  background-color: #d2ff1f;
}
.SentimentAnalysis-canvas {
  position: relative;
  z-index: 5;
  height: 300px;
  margin-top: var(--size-4);
}
.SentimentAnalysis-canvas:before,
.SentimentAnalysis-canvas:after {
  content: "";
  position: absolute;
  top: -13px;
  left: -12px;
  width: 24px;
  height: 24px;
  background-color: var(--bg-body);
  z-index: 2;
  transform: rotate(45deg);
}
.SentimentAnalysis-canvas:after {
  top: initial;
  left: initial;
  bottom: -13px;
  right: -12px;
}
.SentimentAnalysis-tooltip {
  position: absolute;
  z-index: 100;
  width: 360px;
  pointer-events: none;
  background-color: var(--bg-body);
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  padding: var(--size-3) var(--size-4);
  transform: translateY(-30%);
  transition: all 0.2s ease-out;
  word-break: break-all;
}
.SentimentAnalysis-tooltip ul {
  display: flex;
  flex-direction: column;
  gap: var(--size-1);
  margin-top: var(--size-2);
  list-style-type: disc;
  padding-left: var(--size-3);
  color: rgb(var(--text-secondary-rgb));
}
.SentimentAnalysis-tooltip ul + h5 {
  margin-top: var(--size-3);
}
.SentimentAnalysis-tooltip h5 {
  font-size: 20px;
}
.SentimentAnalysis-tooltip-score {
  position: relative;
  margin-top: var(--size-3);
  color: #25cbff;
  padding: var(--size-3);
}
.SentimentAnalysis-tooltip-score:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(#25cbff1a 10%, #25cbff0d);
  border-radius: 50%;
  filter: blur(15px);
}
.SentimentAnalysis-tooltip-score h6 {
  font-size: 18px;
}
.SentimentAnalysis-tooltip-score p {
  font-size: 12px;
  margin-top: var(--size-2);
  opacity: 0.8;
}
.SentimentAnalysis-tooltip-score .corner-left:before,
.SentimentAnalysis-tooltip-score .corner-left:after,
.SentimentAnalysis-tooltip-score .corner-right:before,
.SentimentAnalysis-tooltip-score .corner-right:after,
.SentimentAnalysis-tooltip-score .corner-top-bottom:before,
.SentimentAnalysis-tooltip-score .corner-top-bottom:after {
  background: #25cbff99;
}
.bar-outer_wrapper {
  z-index: 90;
  height: 50px;
  width: 100%;
  position: relative;
  animation-direction: reverse;
  clip-path: polygon(18px 0, 80% 0%, 100% 0, 100% calc(50% + 7px), calc(100% - 18px) 100%, 0 100%, 0% 100%, 0 calc(50% - 7px));
  background: #67e8f9;
  background: linear-gradient(90deg, #67e8f9, #bef264 25%, #fde047 45%, #fb7185 80%, #db2777);
}
.single-corner {
  position: absolute;
  width: 20px;
  height: 50px;
  overflow: hidden;
  background-color: var(--bg-body);
  z-index: 5;
}
.single-corner.left {
  transform: rotate(45deg) translate(-20px);
  top: 0;
  bottom: 0;
}
.single-corner.right {
  transform: rotate(45deg) translate(-20px);
  top: calc(100% - 10px);
  left: 100%;
}
.bar-inner_wrapper {
  height: 100%;
  clip-path: polygon(0 0, 80% 0%, 100% 0, 100% 0, calc(100% - 45px) 100%, 0 100%, 0% 80%, 0 36%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #222;
  font-weight: 400;
  font-size: 1.2rem;
  gap: 10px;
}
.shrinker {
  transition: 0.3s;
  background-color: #000;
  position: absolute;
  top: 0;
  right: 0;
  clip-path: polygon(53px 0, 100% 0, 100% calc(50% + 8px), calc(100% - 18px) 100%, calc(100% - 45px) 100%, 0 100%);
}
@keyframes timelapse {
  0% {
    width: 100%;
  }
  to {
    width: var(--total);
  }
}
.timelapse {
  animation-name: timelapse;
  animation-fill-mode: forwards;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.86, 0.05, 0.4, 0.96);
}
.bar-percentage {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 60px;
  font-weight: 700;
  color: #fff;
  opacity: 0.85;
  text-shadow: 0px 0px 4px #222222;
}
.bar-blur {
  transition: 0.3s;
  top: 0;
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #fff;
  filter: blur(20px);
  opacity: 0.3;
  border-radius: 100%;
  z-index: -5;
  clip-path: none;
}
.magic-container {
  transition: 0.3s;
  top: 0;
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: transparent;
  border-radius: 100%;
  z-index: -5;
  clip-path: none;
}
.gemDetail-analysis-container {
  display: flex !important;
  flex-direction: column;
  gap: 20px !important;
  width: 800px;
}
.star {
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  background-color: #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  display: block;
}
.magicWordContainer {
  display: inline-block;
  position: relative;
}
.starContainer {
  z-index: -1;
  position: absolute;
  top: calc(50% + 0px);
  left: calc(50% - 5px);
}
.portal {
  max-width: 768px;
  margin: 4rem auto 6rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 1084px) {
  .portal {
    padding: 0 2rem;
  }
}
.portal .section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.portal .category {
  position: relative;
  overflow: hidden;
  min-height: 165px;
}
.portal .category-before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85%;
  background-size: contain;
  background-image: var(--category-bg-image);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-position: bottom right;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 0.2;
  transition-duration: 0.6s;
  transform: translate(3%);
  scale: 95%;
}
.portal .category:hover .category-before {
  scale: 105%;
  opacity: 0.25;
  transform: rotate(-3deg) translate(-2%);
}
.portal .category .content {
  padding: 2rem 1rem;
  gap: 0.5rem;
  z-index: 3;
  height: 100%;
  justify-content: center;
}
.portal .category .content .desc p {
  color: #fff;
  text-wrap: balance;
  opacity: 0.7;
  margin-right: 2rem;
}
.portal .category-light {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: 0;
}
.portal .category-light:before {
  content: "";
  transition-duration: 0.3s;
  position: absolute;
  top: 40%;
  right: 10%;
  bottom: -100%;
  left: 10%;
  opacity: 0.15;
  z-index: 4;
  background: radial-gradient(var(--category-color) 0%, transparent 70%) no-repeat;
}
.portal .category:hover .category-light {
  cursor: pointer;
}
.portal .category:hover .category-light:before {
  top: 0%;
  right: 0%;
  bottom: -100%;
  left: 0%;
  opacity: 0.25;
}
.portal .category-bg {
  filter: blur(1px);
  position: absolute;
  border-top-left-radius: 36px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  color: var(--category-color);
  opacity: 0.25;
  transition-duration: 0.3s;
  background-image: radial-gradient(currentColor 1.5px, transparent 1.5px), radial-gradient(currentColor 1.5px, transparent 1.5px);
  background-size: 7.5px 7.5px;
  background-position: 0 0, 3.75px 3.75px;
  -webkit-mask-image: linear-gradient(to left, transparent 20%, white 70%);
  mask-image: linear-gradient(to left, transparent 20%, white 70%);
}
.portal .category:hover .category-bg {
  opacity: 0.2;
  transform: translate(1%);
  -webkit-mask-image: linear-gradient(to left, transparent 30%, white 70%);
  mask-image: linear-gradient(to left, transparent 30%, white 70%);
}
.portal .category:hover .square {
  animation-play-state: running;
  opacity: 0.25;
}
.portal .category .squares {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-around;
  overflow: hidden;
  z-index: 0;
}
.portal .category .square {
  animation: squares 15s linear infinite;
  animation-play-state: paused;
  align-self: flex-end;
  width: 0.25em;
  height: 0.5em;
  border-radius: 10em;
  transform: translateY(100%);
  background: var(--category-color);
  opacity: 0.15;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.portal .category .square:nth-child(2) {
  height: 0.75em;
  width: 1.5em;
  animation-delay: 1s;
  animation-duration: 16s;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.portal .category .square:nth-child(3) {
  height: 1em;
  width: 0.5em;
  animation-delay: 1.5s;
  animation-duration: 7s;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.portal .category .square:nth-child(4) {
  height: 0.5em;
  width: 0.75em;
  animation-delay: 0.5s;
  -webkit-filter: blur(4px);
  filter: blur(4px);
  animation-duration: 12s;
}
.portal .category .square:nth-child(5) {
  height: 0.625em;
  width: 1em;
  animation-delay: 4s;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  animation-duration: 10s;
}
.portal .category .square:nth-child(6) {
  height: 1.25em;
  width: 1em;
  animation-delay: 2s;
  -webkit-filter: blur(4px);
  filter: blur(4px);
  animation-duration: 8s;
}
.portal .category .square:nth-child(7) {
  height: 2em;
  width: 1em;
  -webkit-filter: blur(6px);
  filter: blur(6px);
  animation-duration: 11s;
}
.portal .category .square:nth-child(8) {
  height: 0.5em;
  width: 1.5em;
  animation-delay: 5s;
  -webkit-filter: blur(7px);
  filter: blur(7px);
  animation-duration: 17s;
}
.portal .category .square:nth-child(9) {
  height: 0.75em;
  width: 1em;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  animation-duration: 8s;
}
.portal .category .square:nth-child(10) {
  height: 1.5em;
  width: 1.2em;
  animation-delay: 6s;
  -webkit-filter: blur(7px);
  filter: blur(7px);
  animation-duration: 11s;
}
@keyframes squares {
  0% {
    transform: translateY(100%) rotate(-50deg);
  }
  to {
    transform: translateY(calc(-100vh - 100%)) rotate(25deg);
  }
}
.portal-heading {
  display: flex;
  flex-direction: row;
  font-size: large;
  gap: 20px;
  font-size: var(--h3);
  background: linear-gradient(var(--text-secondary) 20%, var(--text-primary) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-family-heading);
  font-weight: 700;
}
.portal .grid {
  --grid-layout-gap: var(--size-3);
  --grid-column-count: 2;
  --grid-item-min-width: calc(200px + 50 * (100vw - 320px) / 1024);
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item-max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item-min-width), var(--grid-item-max-width)), 1fr));
  grid-template-rows: auto auto;
  grid-gap: var(--grid-layout-gap);
  overflow: hidden;
}
.portal .grid .last-odd-item {
  grid-column: span 2;
  max-width: calc(2 * var(--grid-item-max-width) + var(--grid-layout-gap));
}
@media screen and (max-width: 768px) {
  .portal .grid .last-odd-item {
    grid-column: span 1;
  }
}
.presale {
  max-width: 1280px;
  width: 100%;
  margin: 4rem auto 6rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 1084px) {
  .presale {
    padding: 0 2rem;
  }
}
.presale h2 {
  text-align: center;
  margin-bottom: var(--size-3);
}
.presale .section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.presale .bck {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -10;
  left: 50%;
  width: 125vw;
  min-width: 1400px;
  pointer-events: none;
}
.presale .bck img {
  will-change: transform;
}
.presale .launchpad {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.presale .launchpad:hover .corner-hover {
  opacity: 0.75;
}
.presale .launchpad > .corner {
  opacity: 0.5;
}
.presale .launchpad .corner-hover {
  transition: opacity 0.6s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.presale .launchpad .corner-hover .corner-top-bottom:before,
.presale .launchpad .corner-hover .corner-top-bottom:after {
  background: var(--primary-1);
}
.presale .launchpad .corner-hover .corner-left:before,
.presale .launchpad .corner-hover .corner-left:after,
.presale .launchpad .corner-hover .corner-right:before,
.presale .launchpad .corner-hover .corner-right:after {
  background-color: var(--primary-1);
}
.presale .launchpad:after {
  content: "";
  height: 1px;
  top: 0;
  background: linear-gradient(to right, transparent, var(--primary-1), transparent);
  width: 70%;
  left: 15%;
  position: absolute;
}
.presale .launchpad .btn {
  --padding-v: 1em;
}
.presale .launchpad .btn svg {
  color: var(--primary-1);
}
.presale .launchpad .btn .corner-top-bottom:before,
.presale .launchpad .btn .corner-top-bottom:after {
  background: var(--primary-1);
}
.presale .launchpad .btn .corner-left:before,
.presale .launchpad .btn .corner-left:after,
.presale .launchpad .btn .corner-right:before,
.presale .launchpad .btn .corner-right:after {
  background-color: var(--primary-1);
}
.presale .launchpad img {
  width: 100%;
  background-color: #666;
  clip-path: polygon(18px 0%, 100% 0%, 100% 100%, 0 100%, 0% 100%, 0% 18px);
}
.presale .launchpad .launch-infos td {
  padding: 0.5rem 0rem;
}
.presale .launchpad .launch-infos td:nth-child(1) {
  text-align: start;
}
.presale .launchpad .launch-infos td:nth-child(2) {
  text-align: end;
}
.presale .launchpad .heading {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.presale .launchpad .heading .status {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.3rem;
}
.presale .launchpad .heading .status .ping {
  height: 0.6rem;
  width: 0.6rem;
  display: flex;
  position: relative;
}
.presale .launchpad .heading .status .ping .animate {
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 9999px;
  opacity: 0.75;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.presale .launchpad .heading .status .ping .bg {
  height: 0.6rem;
  width: 0.6rem;
  position: relative;
  border-radius: 9999px;
}
.presale .launchpad .heading .status .ping .ended {
  background-color: #a1a1aa;
  opacity: 0.2;
}
.presale .launchpad .heading .status .ping .upcoming {
  background-color: #22d3ee;
}
.presale .launchpad .heading .status .ping .live {
  background-color: #d2ff1f;
}
@keyframes ping {
  75%,
  to {
    transform: scale(2);
    opacity: 0;
  }
}
.presale .grid {
  --grid-layout-gap: var(--size-4);
  --grid-column-count: 4;
  --grid-item-min-width: calc(200px + 50 * (100vw - 320px) / 1080);
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item-max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item-min-width), var(--grid-item-max-width)), 1fr));
  grid-template-rows: auto auto;
  grid-gap: var(--grid-layout-gap);
  overflow: hidden;
}
.home .analysed {
  --point: -20% 20% 30% 20%;
  margin-top: calc(-150px - 50 * (100vw - 320px) / 1080);
  padding-top: calc(500px + 400 * (100vw - 320px) / 1080);
  padding-bottom: var(--main-margin-1);
  z-index: 50;
  text-align: center;
}
.home .analysed .heading:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: radial-gradient(var(--light-primary), transparent 60%);
  filter: blur(50px);
  border-radius: 50%;
  opacity: 0.5;
  top: -25%;
  right: 20%;
  bottom: 40%;
  left: 20%;
}
.home .analysed .intro {
  font-size: calc(16px + 4 * (100vw - 320px) / 1080);
  width: 100%;
  font-weight: 200;
  text-align: center;
  margin-bottom: var(--size-4);
}
.home .analysed .intro span {
  color: var(--text-secondary);
  display: inline-block;
}
.home .analysed .intro span:after {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 80%;
  height: 1px;
  left: 10%;
  background: linear-gradient(to right, transparent, #fff, transparent);
}
.home .analysed .sub-title {
  margin-left: auto;
  margin-right: auto;
}
.home .analysed h2 {
  margin: auto;
}
.home .analysed .content {
  justify-content: center;
}
.home .analysed .bck {
  position: absolute;
  top: 0;
  width: 100vw;
  min-width: 1000px;
  left: 50%;
  transform: translate(-50%);
  z-index: -5;
}
.home .analysed .bck img {
  will-change: transform;
}
.home .analysed .marquee {
  transition: opacity 0.5s;
  opacity: 0.7;
  width: 100vw;
  left: 50%;
  transform: translate(-50%);
}
.home .analysed .marquee:hover {
  opacity: 1;
}
.home .analysed .btn-group {
  --point: -200% -100%;
  margin: auto;
}
.home .analysed .logo {
  transition: opacity var(--transition-link);
  min-width: calc(200px + 100 * (100vw - 320px) / 1080);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
}
.home .analysed .logo:hover {
  opacity: 1;
}
.home .analysed .logo > * {
  max-width: 80%;
  max-height: 70%;
}
.home .features {
  margin-top: var(--main-margin-1);
  z-index: 100;
}
.home .features .heading {
  --point: -50% 50% -50% -15%;
  margin-bottom: var(--main-margin-1);
}
.home .features .heading:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: radial-gradient(var(--light-primary), transparent 60%);
  filter: blur(50px);
  border-radius: 50%;
  opacity: 0.5;
  top: -50%;
  right: 60%;
  bottom: -50%;
  left: -10%;
}
.home .features .heading picture {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  left: 25%;
  width: 90%;
}
.home .list {
  display: flex;
  flex-direction: column;
  gap: var(--main-margin-1);
}
.home .feature {
  --point: 0 20%;
  --padding: calc(32px + 32 * (100vw - 320px) / 1080);
  display: flex;
  align-items: center;
  padding: var(--padding);
  gap: var(--padding);
}
@media screen and (max-width: 1084px) {
  .home .feature {
    flex-direction: column !important;
  }
  .home .feature-right {
    margin-bottom: -40px;
  }
  .home .feature > .corner {
    height: calc(100% - 80px);
  }
}
@media screen and (min-width: 1085px) {
  .home .feature:nth-child(odd) {
    padding-right: 0;
  }
  .home .feature:nth-child(2n) {
    flex-direction: row-reverse;
    padding-left: 0;
  }
  .home .feature:nth-child(2n):before,
  .home .feature:nth-child(2n) .feature-right:before,
  .home .feature:nth-child(2n) > .corner {
    right: 0;
    left: auto;
  }
  .home .feature:nth-child(2n) .feature-right:after {
    left: 50%;
    right: -20%;
  }
}
.home .feature:after {
  content: "";
  position: absolute;
  height: var(--stroke-width);
  left: 25%;
  bottom: 0;
  z-index: 5;
  width: 50%;
  opacity: 0.5;
  background: linear-gradient(to right, transparent, #fff, transparent);
}
@media screen and (max-width: 1084px) {
  .home .feature:after {
    top: 0;
  }
}
.home .feature .number {
  font-family: var(--font-family-heading);
  width: 0px;
  display: flex;
  justify-content: center;
  font-size: calc(14px + 2 * (100vw - 320px) / 1080);
}
.home .feature hr {
  border: 0;
  flex: 1;
  background: linear-gradient(to bottom, var(--text-primary), transparent);
  opacity: 0.5;
  width: var(--stroke-width);
  margin-bottom: calc(var(--padding) * -0.25);
  min-height: var(--padding);
}
.home .feature:before {
  content: "";
  position: absolute;
  height: 70%;
  top: 15%;
  left: 0;
  z-index: 5;
  width: var(--stroke-width);
  background: linear-gradient(to bottom, transparent, #fff, transparent);
}
.home .feature .icon {
  --size: calc(56px + 8 * (100vw - 320px) / 1080);
  --corner-size: calc(var(--size) / 4);
  color: var(--color);
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .feature .icon svg {
  fill: transparent;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 60%;
}
.home .feature .icon .corner {
  opacity: 0.5;
}
.home .feature .icon .corner-top-bottom:before,
.home .feature .icon .corner-top-bottom:after {
  background: currentColor;
}
.home .feature .icon .corner-left:before,
.home .feature .icon .corner-left:after,
.home .feature .icon .corner-right:before,
.home .feature .icon .corner-right:after {
  background-color: currentColor;
}
@media screen and (min-width: 1085px) {
  .home .feature > .corner {
    width: 85%;
  }
}
.home .feature-left {
  display: flex;
  flex-direction: column;
  gap: calc(var(--padding) / 2.5);
  flex: 1;
}
@media screen and (max-width: 1084px) {
  .home .feature-left {
    width: 100%;
  }
}
.home .feature-right {
  flex-basis: 55%;
  user-select: none;
  -webkit-user-select: none;
}
.home .feature-right:after {
  content: "";
  position: absolute;
  z-index: -1;
  background: radial-gradient(var(--light-primary), transparent 60%);
  filter: blur(50px);
  border-radius: 50%;
  opacity: 0.75;
  top: -10%;
  right: 50%;
  bottom: -10%;
  left: -20%;
}
@media screen and (max-width: 1084px) {
  .home .feature-right:after {
    top: -25%;
    right: -10%;
    bottom: 25%;
    left: -10%;
  }
}
@media screen and (min-width: 1085px) {
  .home .feature-right:before {
    content: "";
    position: absolute;
    height: 70%;
    top: 15%;
    left: 0;
    z-index: 5;
    width: var(--stroke-width);
    background: linear-gradient(to bottom, transparent, #fff, transparent);
  }
}
.home .feature h3 {
  color: var(--color);
  font-size: calc(32px + 16 * (100vw - 320px) / 1080);
}
.home .feature .p {
  font-size: calc(16px + 2 * (100vw - 320px) / 1080);
  width: 100%;
  font-weight: 200;
}
.home .hero {
  text-align: center;
}
.home .hero h1 {
  line-height: 1.2;
}
.home .hero h1 strong {
  -webkit-text-fill-color: var(--primary-1);
  color: var(--primary-1);
}
.home .hero h1 small {
  background: linear-gradient(var(--text-secondary) 20%, var(--text-primary) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home .hero .wrapper {
  z-index: 10;
  padding: calc(80px + 140 * (100vw - 320px) / 1080) 0 calc(100px + 50 * (100vw - 320px) / 1080);
}
.home .hero .content {
  align-items: center;
}
.home .hero .btn-group {
  --point: -100px;
  margin-top: var(--size-4);
}
.home .hero .intro {
  margin: auto;
  width: calc(var(--wrapper-width) / 2);
}
.home .hero .analyse {
  margin-top: calc(var(--size-3) * -1);
}
.home .hero .analyse .btn {
  --padding-v: 1.2em;
  font-size: 0.8em;
}
.home .hero .lines {
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .hero .lines:before {
  content: "";
  position: absolute;
  height: inherit;
  top: 50%;
  left: 50%;
  width: 2160px;
  transform: translate(-50%, -50%);
  z-index: 5;
  background: linear-gradient(to right, var(--bg-body) 5%, transparent, transparent, var(--bg-body) 95%);
}
.home .hero .lines-wrapper .btn {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.home .hero .lines-wrapper-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.home .hero .lines-wrapper-container svg {
  overflow: visible;
  fill: transparent;
  position: absolute;
  stroke: var(--stroke-color);
  stroke-width: 1px;
}
.home .hero .lines-wrapper-container svg circle {
  fill: var(--primary-1);
}
.home .hero .lines-wrapper-container svg.l1 {
  right: 89%;
  bottom: 98%;
}
.home .hero .lines-wrapper-container svg.l2 {
  right: 99%;
  bottom: 100%;
  transform: translateY(52.7%);
}
.home .hero .lines-wrapper-container svg.l3 {
  right: 99%;
  top: 98%;
}
.home .hero .lines-wrapper-container svg.l4 {
  left: 99%;
  bottom: 100%;
  transform: translateY(23.5%);
}
.home .hero .lines-wrapper-container svg.l5 {
  left: 99%;
  top: 68%;
}
.home .hero-back {
  top: 0;
  position: absolute;
  width: 100%;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .hero-back canvas {
  width: 95% !important;
  min-width: 700px;
  margin: auto;
  will-change: transform;
}
.home .hero-back-light {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  pointer-events: none;
}
.home .hero-back-light:before,
.home .hero-back-light:after {
  content: "";
  position: absolute;
  width: 15vw;
  height: 15vw;
  background-color: var(--light-primary);
  border-radius: 50%;
  filter: blur(100px);
  top: 15%;
}
.home .hero-back-light:before {
  left: 20%;
}
.home .hero-back-light:after {
  right: 20%;
}
.home .hero-back-gradient {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, var(--bg-body) 20%, transparent);
  z-index: 5;
  box-shadow: 0 500px 0 var(--bg-body);
}
@media screen and (max-width: 800px) {
  .home .hero .wrapper {
    padding-top: calc(150px + 75 * (100vw - 320px) / 1080);
  }
  .home .hero h1 small {
    display: inline-block;
  }
  .home .hero .content {
    gap: 2em;
  }
  .home .hero .btn-group {
    margin-top: var(--size-2);
  }
}
.home .scoring {
  margin-top: calc(var(--main-margin-1) * 2);
  margin-bottom: var(--main-margin-1);
  z-index: 50;
}
.home .scoring .heading {
  --point: -25% 60% 40% -10%;
  margin-bottom: var(--main-margin-1);
}
.home .scoring .heading:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: radial-gradient(var(--light-primary), transparent 60%);
  filter: blur(50px);
  border-radius: 50%;
  opacity: 0.5;
  top: -30%;
  right: 60%;
  bottom: 20%;
  left: -10%;
}
.home .scoring .bck {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -10;
  left: 50%;
  width: 125vw;
  min-width: 1000px;
  opacity: 0.75;
}
.home .scoring .bck img {
  will-change: transform;
}
.home .scoring .intro {
  font-size: calc(16px + 2 * (100vw - 320px) / 1080);
  max-width: 100%;
  width: calc(400px + 150 * (100vw - 320px) / 1080);
  font-weight: 200;
}
.home .scoring .arrow {
  --point: -20% -20% 60% 60%;
  position: absolute;
  width: 60%;
  right: 5%;
  top: 0;
  z-index: -1;
}
.home .scoring .arrow img {
  transform-origin: bottom left;
}
@media screen and (max-width: 900px) {
  .home .scoring .arrow {
    right: 0%;
    top: 35%;
  }
}
@media screen and (max-width: 600px) {
  .home .scoring .arrow {
    display: none;
  }
}
.home .scoring .arrow:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: radial-gradient(var(--light-primary), transparent 60%);
  filter: blur(50px);
  border-radius: 50%;
  opacity: 0.5;
  top: -20%;
  right: -20%;
  bottom: 60%;
  left: 60%;
}
.home .scoring .arrow:after {
  content: "";
  position: absolute;
  z-index: -1;
  background: radial-gradient(var(--bg-body), transparent 60%);
  border-radius: 50%;
  opacity: 1;
  top: 30%;
  right: 30%;
  bottom: -20%;
  left: -20%;
}
.home .trade {
  margin-top: calc(var(--main-margin-1) * 2);
  padding: var(--main-margin-1) 0;
  z-index: 50;
}
.home .trade-content {
  --point: -15% 50% -15% -15%;
  --padding: calc(32px + 40 * (100vw - 320px) / 1080);
  padding: var(--padding);
  margin: auto;
}
@media screen and (min-width: 1085px) {
  .home .trade-content {
    width: 70%;
  }
}
.home .trade-content:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: radial-gradient(var(--light-primary), transparent 60%);
  filter: blur(50px);
  border-radius: 50%;
  opacity: 0.5;
  top: -15%;
  right: 50%;
  bottom: -15%;
  left: 0%;
}
.home .trade .btn-group {
  display: inline-flex;
  gap: 1em;
  flex-wrap: wrap;
}
.home .trade .btn-group .btn {
  --padding-v: 1.25em;
  font-size: 0.85em;
}
.home .trade .bck {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -10;
  left: 50%;
  width: 125vw;
  min-width: 1400px;
}
.home .trade .bck img {
  will-change: transform;
}
.home .trade .logos {
  position: absolute;
  right: -17%;
  top: 50%;
  transform: translateY(-50%);
  width: 75%;
}
@media screen and (max-width: 1084px) {
  .home .trade .logos {
    right: -5%;
    width: 70%;
  }
}
@media screen and (max-width: 800px) {
  .home .trade .logos {
    left: 45%;
    width: 70%;
  }
}
@media screen and (max-width: 600px) {
  .home .trade .logos {
    transform: translateY(-75%);
    top: 0;
  }
}
.home .trade .light {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.home .trade .light:after,
.home .trade .light:before {
  content: "";
  width: 35%;
  left: 15%;
  height: var(--stroke-width);
  background: linear-gradient(to right, transparent, #fff, transparent);
  position: absolute;
}
.home .trade .light:after {
  bottom: 0;
  left: 5%;
}
.home picture {
  pointer-events: none;
}
.home .scroll {
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 0.8;
  color: var(--primary-1);
  margin-top: var(--size-3);
  position: fixed;
  bottom: 0;
  z-index: 999;
  pointer-events: none;
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
  text-align: center;
}
.home .scroll:before {
  content: "";
  position: absolute;
  background: var(--bg-body);
  filter: blur(15px);
  top: -100%;
  right: -25%;
  bottom: -50%;
  left: -25%;
  border-radius: 50%;
}
.home .scroll span {
  animation: scrollto 1.5s infinite linear;
}
@keyframes scrollto {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
.home .scroll .l {
  width: var(--stroke-width);
  height: var(--size-4);
  background-color: var(--bg-secondary);
  margin: auto;
  margin-top: var(--size-2);
}
.page {
  padding: var(--size-7) 0;
}
.page .content {
  gap: 2em;
}
.not-found {
  padding-block: var(--size-7);
  padding-inline: var(--size-2);
  text-align: center;
}
@media screen and (min-width: 751px) {
  .not-found {
    max-width: 50vw;
  }
}
.not-found h1 {
  margin: var(--size-4) 0;
}
.not-found h5 {
  margin-bottom: var(--size-5);
}
.not-found .btn {
  font-size: 0.9em;
}
.not-found__image {
  opacity: 0.5;
  max-width: 20rem;
  margin: 0 auto;
}
.sidebar {
  position: fixed;
  top: 170px;
  bottom: 50px;
  height: 58%;
  width: 300px;
  border-right: 1px solid #333;
  color: #fff;
  transform: translate(-100%);
  transition: transform 0.3s ease-in-out;
}
.sidebar.open {
  transform: translate(0);
}
@media (min-width: 1024px) {
  .sidebar {
    transform: translate(0);
  }
}
@media (max-width: 768px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
    transform: translate(0);
  }
}
.sidebar-trigger {
  position: fixed;
  top: 1rem;
  left: 1rem;
  background-color: #333;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
}
@media (min-width: 1024px) {
  .sidebar-trigger {
    display: none;
  }
}
@media (max-width: 768px) {
  .sidebar-trigger {
    display: flex;
  }
}
.sidebar-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}
.sidebar-header {
  padding: 1rem;
}
.sidebar-header h2 {
  font-size: 1.25rem;
  font-weight: 600;
}
.sidebar-nav {
  flex-grow: 1;
  padding: 1rem;
}
.nav-section {
  margin-bottom: 1.5rem;
}
.nav-section-title {
  font-size: 0.875rem;
  color: #888;
  margin-bottom: 0.5rem;
}
.nav-section ul {
  list-style-type: none;
  padding: 0;
}
.nav-section li {
  margin-bottom: 0.5rem;
}
.nav-section a {
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.nav-section a:hover {
  background-color: #333;
}
.nav-section a svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.nav-section a .chevron {
  margin-left: auto;
}
.sidebar-footer {
  padding: 1rem;
}
.sign-out-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s;
}
.sign-out-button svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.edit-account-page {
  display: flex;
  flex-direction: column;
  color: #fff;
}
.edit-account-page .content-wrapper {
  display: flex;
  flex: 1;
}
.edit-account-page .main-content {
  flex: 1;
  overflow: hidden;
  height: auto;
  margin-left: 300px;
}
@media (max-width: 768px) {
  .edit-account-page .main-content {
    margin-left: 0;
  }
  .edit-account-page .account-form-container {
    padding: 1rem;
  }
  .edit-account-page .form-row {
    grid-template-columns: 1fr;
  }
}
.edit-account-page .page-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.edit-account-page .account-form-container {
  border-radius: 0.5rem;
  padding: 0.5rem 1.5rem;
}
.edit-account-page .profile-picture-container {
  display: flex;
  margin-bottom: 1.5rem;
  position: relative;
}
.edit-account-page .profile-picture {
  width: 6rem;
  height: 6rem;
  background-color: #333;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-account-page .camera-icon {
  position: absolute;
  bottom: -0.75rem;
  left: calc(5% - 0.75rem);
  border-radius: 50%;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-account-page .account-form .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.edit-account-page .account-form .form-group {
  margin-bottom: 1rem;
}
.edit-account-page .account-form .form-group label {
  padding: 10px 0;
  color: #6d6e70;
}
.edit-account-page .account-form .form-group input {
  padding: 8px;
}
.edit-account-page .account-form .form-actions {
  display: flex;
  justify-content: flex-end;
}