/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url(https://fonts.gstatic.com/s/geist/v1/gyByhwUxId8gMEwSGFWNOITddY4.woff2)
    format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url(https://fonts.gstatic.com/s/geist/v1/gyByhwUxId8gMEwcGFWNOITd.woff2)
    format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url(https://fonts.gstatic.com/s/geistmono/v1/or3nQ6H-1_WfwkMZI_qYFrkdmhHkjkotbA.woff2)
    format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url(https://fonts.gstatic.com/s/geistmono/v1/or3nQ6H-1_WfwkMZI_qYFrcdmhHkjko.woff2)
    format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

:root {
  --neutral-100: #09090b;
  --neutral-80: #09090bcc;
  --neutral-60: #09090b99;
  --neutral-20: #09090b33;
  --neutral-20-adjusted: #09090b1a;
  --neutral-10: #09090b1a;
  --neutral-10-adjusted: #09090b0d;
  --neutral-10-background: #f4f4f5;
  --neutral-5: #09090b0d;
  --neutral-inverted-100: #f4f4f5;
  --neutral-inverted-80: #f4f4f5cc;
  --neutral-inverted-60: #f4f4f566;
  --neutral-inverted-20: #f4f4f533;
  --neutral-inverted-10: #f4f4f533;
  --neutral-inverted-5: #f4f4f51a;
  --red-100: #ed3131;
  --red-80: #ed3131cc;
  --red-60: #ed313199;
  --red-20: #ed313133;
  --red-10: #ed31311a;
  --red-5: #ed31310d;
  --orange-100: #d97706;
  --orange-80: #d97706cc;
  --orange-60: #d9770699;
  --orange-20: #d9770633;
  --orange-10: #d977061a;
  --orange-5: #d977060d;
  --purple-100: #6366f1;
  --purple-80: #6366f1cc;
  --purple-60: #6366f199;
  --purple-20: #6366f133;
  --purple-10: #6366f11a;
  --purple-5: #6366f10d;
  --green-100: #0fa976;
  --green-80: #0fa976cc;
  --green-60: #0fa97699;
  --green-20: #0fa97633;
  --green-10: #0fa9761a;
  --green-5: #0fa9760d;
  --white-100: #f4f4f5;
  --white-80: #f4f4f5cc;
  --white-60: #f4f4f599;
  --white-20: #f4f4f533;
  --white-10: #f4f4f51a;
  --white-5: #f4f4f50d;
  --black-100: #09090b;
  --black-80: #09090bcc;
  --black-60: #09090b99;
  --black-20: #09090b33;
  --black-10: #09090b1a;
  --black-5: #09090b0d;
  --chart-1: #6366f1cc;
  --chart-2: #06b6d4cc;
  --chart-3: #22c55ecc;
  --chart-4: #f59e0bcc;
  --chart-5: #f43f5ecc;
  --chart-6: #a855f7cc;
  --chart-7: #3b82f6cc;
  --chart-8: #14b8a6cc;
  --chart-9: #84cc16cc;
  --chart-10: #f97316cc;
  --chart-11: #ec4899cc;
  --chart-mono-1: #6366f1cc;
  --chart-mono-2: #8f91f2cc;
  --chart-mono-3: #9c9ff3cc;
  --chart-mono-4: #acaef3cc;
  --chart-mono-5: #babcf4cc;
  --chart-mono-6: #c8c9f4cc;
}

[data-theme='dark'] {
  --neutral-100: #f4f4f5;
  --neutral-80: #f4f4f5cc;
  --neutral-60: #f4f4f580;
  --neutral-20: #f4f4f533;
  --neutral-20-adjusted: #f4f4f533;
  --neutral-10: #f4f4f51a;
  --neutral-10-adjusted: #f4f4f51a;
  --neutral-10-background: #f4f4f51a;
  --neutral-5: #f4f4f50d;
  --neutral-inverted-100: #09090b;
  --neutral-inverted-80: #09090bcc;
  --neutral-inverted-60: #09090b99;
  --neutral-inverted-20: #09090b33;
  --neutral-inverted-10: #09090b1a;
  --neutral-inverted-5: #09090b0d;
  --red-100: #ef4444;
  --red-80: #ef4444cc;
  --red-60: #ef444499;
  --red-20: #ef444433;
  --red-10: #ef44441a;
  --red-5: #ef44440d;
  --orange-100: #f59e0b;
  --orange-80: #f59e0bcc;
  --orange-60: #f59e0b99;
  --orange-20: #f59e0b33;
  --orange-10: #f59e0b1a;
  --orange-5: #f59e0b0d;
  --purple-100: #7c7ef4;
  --purple-80: #7c7ef4cc;
  --purple-60: #7c7ef499;
  --purple-20: #7c7ef433;
  --purple-10: #7c7ef41a;
  --purple-5: #7c7ef40d;
  --green-100: #10b981;
  --green-80: #10b981cc;
  --green-60: #10b98199;
  --green-20: #10b98133;
  --green-10: #10b9811a;
  --green-5: #10b9810d;
  --white-100: #f4f4f5;
  --white-80: #f4f4f5cc;
  --white-60: #f4f4f599;
  --white-20: #f4f4f533;
  --white-10: #f4f4f51a;
  --white-5: #f4f4f50d;
  --black-100: #09090b;
  --black-80: #09090bcc;
  --black-60: #09090b99;
  --black-20: #09090b33;
  --black-10: #09090b1a;
  --black-5: #09090b0d;
  --chart-1: #7c7ef4cc;
  --chart-2: #07cbedcc;
  --chart-3: #2edc6dcc;
  --chart-4: #f6aa28cc;
  --chart-5: #f5516dcc;
  --chart-6: #ba77f9cc;
  --chart-7: #5090f7cc;
  --chart-8: #26baabcc;
  --chart-9: #8ede17cc;
  --chart-10: #fa8938cc;
  --chart-11: #ee59a3cc;
  --chart-mono-1: #7c7ef4cc;
  --chart-mono-2: #5a5caecc;
  --chart-mono-3: #4e4f97cc;
  --chart-mono-4: #42447fcc;
  --chart-mono-5: #373868cc;
  --chart-mono-6: #2c2d51cc;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  overscroll-behavior: none;
  overflow-anchor: none;
  scrollbar-width: thin;
  scrollbar-color: var(--neutral-60) transparent;
}

html {
  background:
    linear-gradient(var(--black-5)),
    linear-gradient(var(--neutral-inverted-100));
  color: var(--neutral-100);
}

::selection {
  background: var(--neutral-100);
  color: var(--neutral-inverted-100);
}

*::-webkit-scrollbar {
  max-width: 8px;
  max-height: 8px;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--neutral-60);
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: content-box;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    *::-webkit-scrollbar {
      width: 0 !important;
      height: 0 !important;
    }
    *::-webkit-scrollbar-thumb,
    *::-webkit-scrollbar-track,
    *::-webkit-scrollbar-corner {
      display: none !important;
      background: transparent !important;
    }
  }
}

h1,
h2 {
  line-height: 1.1;
}

h3 {
  line-height: 1.25;
}

p {
  line-height: 1.675;
}

@keyframes shake {
  0% {
    transform: translateX(max(-5%, -5px));
  }
  50% {
    transform: translateX(min(5%, 5px));
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes tilt-strong {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(-15deg) scale(0.94);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(0deg) scale(1);
  }
}

@keyframes tilt-soft {
  0% {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(-3deg) scale(0.98);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 0%;
    transform: perspective(800px) rotateX(0deg) scale(1);
  }
}