@font-face {
  font-family: "Lit Exo";
  src: url("a2fc56fb32-Exo2-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Lit Exo";
  src: url("5dc0d245b2-Exo2-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Lit Druk";
  src: url("6a5bbdc8ac-DrukCyr-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --lit-accent: #24e8d3;
  --lit-ink: #070c0c;
  --lit-muted: #adbab9;
  --lit-rule: #273534;
}

#t-header a.t-menu__link-item.litcoin-menu-link {
  color: var(--lit-accent);
}

.litcoin-banner {
  border-block: 1px solid #1b3b38;
  background: linear-gradient(110deg, #081110, #10201f 67%, #0b1111);
  color: white;
  font: 400 15px/1.3 "Lit Exo", sans-serif;
}

.litcoin-banner__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 28px;
  width: calc(100% - 80px);
  max-width: 1440px;
  min-height: 62px;
  margin: auto;
}

.litcoin-banner__contract {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  min-width: 0;
  margin: 0;
}

.litcoin-banner__contract strong {
  color: var(--lit-accent);
  font-size: 16px;
}

.litcoin-banner__contract span {
  color: #d0dddc;
  overflow-wrap: anywhere;
}

.litcoin-carousel {
  container-type: inline-size;
  width: min(100%, calc(100vw / var(--zoom, 1)));
  height: 670px;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 76% 27%, #05ddd0 0, #096761 32%, transparent 65%),
    #050909;
  color: white;
  font: 400 18px/1.4 "Lit Exo", sans-serif;
}

.litcoin-carousel__inner {
  display: grid;
  grid-template: "copy art" 1fr "actions art" auto / minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 24px;
  align-items: end;
  box-sizing: border-box;
  height: 100%;
  padding: 50px clamp(24px, 5cqw, 64px) 94px;
}

.litcoin-carousel__copy {
  grid-area: copy;
}

.litcoin-carousel__copy h2 {
  margin: 0;
  font: italic 700 clamp(64px, 14cqw, 168px)/.92 "Lit Druk", sans-serif;
}

.litcoin-carousel__copy p {
  margin: 18px 0 0;
  font-size: clamp(18px, 2.6cqw, 30px);
  font-weight: 700;
  text-transform: uppercase;
}

.litcoin-carousel__art {
  grid-area: art;
  display: grid;
  place-items: center;
  align-self: center;
  aspect-ratio: 1;
  background: repeating-radial-gradient(circle, transparent 0 37px, #c5fff436 38px 39px);
}

.litcoin-carousel__actions {
  grid-area: actions;
  min-width: 0;
}

.litcoin-carousel__contract {
  display: flex;
  align-items: baseline;
  gap: 9px;
  width: min(100%, 470px);
  min-height: 26px;
  margin: 0 0 20px;
  padding-bottom: 7px;
  border-bottom: 1px solid #9dfff485;
  font-size: 15px;
}

.litcoin-carousel__contract strong {
  color: #68f6e8;
}

.litcoin-carousel__contract span {
  min-width: 0;
  overflow-wrap: anywhere;
}

#allrecords .litcoin-carousel__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  box-sizing: border-box;
  width: min(100%, 290px);
  min-height: 54px;
  padding: 10px 22px;
  border-radius: 999px;
  background: white;
  color: #050909;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}

#allrecords .litcoin-carousel__link:hover {
  background: #a5fff5;
}

.litcoin-carousel__link:focus-visible {
  outline: 2px solid #68f6e8;
  outline-offset: 4px;
}

@media (max-width: 479px) {
  .litcoin-carousel {
    height: 500px;
  }
}

@media (min-width: 480px) and (max-width: 1199px) {
  #rec3770051601 .tn-elem__37700516011790084575949 {
    /* Center the pagination in the visible area of the scaled carousel. */
    left: calc((100vw / var(--zoom, 1) - 8px) / 2) !important;
  }
}

@container (max-width: 620px) {
  .litcoin-carousel__inner {
    grid-template: "copy" auto "art" minmax(0, 1fr) "actions" auto / minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 24px 22px 48px;
  }

  .litcoin-carousel__copy h2 {
    font-size: clamp(70px, 20cqw, 110px);
  }

  .litcoin-carousel__copy p {
    margin-top: 8px;
  }

  .litcoin-carousel__art {
    justify-self: center;
    width: min(100%, 235px);
  }

  .litcoin-carousel__contract {
    margin-bottom: 12px;
  }

  #allrecords .litcoin-carousel__link {
    min-height: 43px;
    font-size: 15px;
  }
}

.litcoin-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-shrink: 0;
  padding: 11px 17px;
  border-radius: 6px;
  background: var(--lit-accent);
  color: var(--lit-ink);
  font: 700 14px/1.2 "Lit Exo", sans-serif;
  text-decoration: none;
  transition: background-color 150ms ease;
  border: 0;
  cursor: pointer;
}

.litcoin-button:hover {
  background: #8affef;
  color: var(--lit-ink);
}

.litcoin-button:disabled {
  cursor: wait;
  opacity: .65;
}

.litcoin-page [hidden] {
  display: none;
}

.litcoin-banner a:focus-visible,
.litcoin-page a:focus-visible,
.litcoin-page button:focus-visible,
.litcoin-page summary:focus-visible {
  outline: 2px solid white;
  outline-offset: 4px;
}

.litcoin-page {
  margin: 0;
  background: var(--lit-ink);
  color: #f3f8f7;
  font: 400 17px/1.55 "Lit Exo", sans-serif;
}

.litcoin-page *, .litcoin-page *::before, .litcoin-page *::after {
  box-sizing: border-box;
}

.litcoin-wrap {
  width: min(1200px, calc(100% - 80px));
  margin-inline: auto;
}

.litcoin-page__header {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #1d2928;
  background: #000;
}

.litcoin-page__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 70px;
  padding-inline: 40px;
}

.litcoin-page__logo {
  display: flex;
  flex: 0 0 auto;
}

.litcoin-page__logo img {
  display: block;
  width: 120px;
}

.litcoin-page__links {
  display: flex;
  gap: clamp(14px, 2.6vw, 40px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.litcoin-page__links a {
  color: white;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.litcoin-page__links a:hover,
.litcoin-page__links [aria-current] {
  color: var(--lit-accent);
}

.litcoin-page__mobile {
  display: none;
}

.litcoin-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--lit-rule);
  background: radial-gradient(ellipse at 80% 43%, #16413e 0%, #101e1d 36%, #070c0c 70%);
}

.litcoin-hero__inner {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  align-items: center;
  gap: 24px;
  min-height: 550px;
  padding-block: 58px;
}

.litcoin-kicker {
  margin: 0 0 13px;
  color: var(--lit-accent);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.litcoin-hero h1,
.litcoin-section h2 {
  margin: 0;
  font-family: "Lit Druk", "Lit Exo", sans-serif;
  font-weight: 700;
  font-style: italic;
  line-height: .96;
}

.litcoin-hero h1 {
  font-size: clamp(82px, 10.6vw, 170px);
}

.litcoin-hero__intro {
  max-width: 480px;
  margin: 21px 0 26px;
  color: #ced9d8;
  font-size: clamp(17px, 2vw, 22px);
}

.litcoin-hero__contract {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  align-items: center;
  max-width: 100%;
  margin: 0 0 22px;
  padding: 10px 14px;
  border: 1px solid #3a5553;
  border-radius: 6px;
  background: #0d1818;
  color: #dbe6e5;
  overflow-wrap: anywhere;
}

.litcoin-hero__contract strong {
  color: var(--lit-accent);
}

.litcoin-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 20px;
}

.litcoin-hero__jump {
  display: block;
  width: fit-content;
  color: var(--lit-accent);
  font-weight: 700;
  text-underline-offset: 4px;
}

.litcoin-hero__art {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  aspect-ratio: 1;
  background: repeating-radial-gradient(circle, transparent 0 42px, #76ffed18 43px 44px);
}

.litcoin-coin {
  display: grid;
  place-items: center;
  width: 75%;
  aspect-ratio: 1;
  transform: rotate(-13deg);
  border: 2px solid #8ff7e1;
  border-radius: 50%;
  background: repeating-linear-gradient(45deg, #d1fff121 0 1px, transparent 1px 4px),
    linear-gradient(132deg, #a3ffe9, #49bcae 37%, #185b55 69%, #74e8d3);
  box-shadow: 12px 18px 0 #0e4642, 13px 20px 0 #2d726b, 0 26px 64px #0009,
    inset 0 0 0 8px #22524d, inset 0 0 0 10px #b3fff1;
}

.litcoin-coin__face {
  display: grid;
  place-items: center;
  width: 76%;
  aspect-ratio: 1;
  border: 1px solid #1c6f65;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 23%, #c3ffed, #6ecfbe 45%, #339487 100%);
  box-shadow: inset 0 3px 9px #053e3d94;
}

.litcoin-coin__face svg {
  width: 45%;
  fill: #07322f;
  filter: drop-shadow(2px 3px 0 #cdfaedb0);
}

.litcoin-section {
  scroll-margin-top: 25px;
  padding-block: clamp(54px, 7vw, 100px);
  border-bottom: 1px solid var(--lit-rule);
}

.litcoin-section h2 {
  font-size: clamp(54px, 7vw, 92px);
}

.litcoin-section__intro {
  max-width: 620px;
  margin: 16px 0 29px;
  color: var(--lit-muted);
}

.litcoin-purchase {
  display: grid;
  grid-template-columns: 1fr minmax(0, 440px);
  align-items: start;
  gap: 24px;
}

.litcoin-purchase__card {
  padding: clamp(14px, 3vw, 24px);
  border: 1px solid var(--lit-rule);
  border-radius: 8px;
  background: #101919;
}

.litcoin-purchase__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
}

.litcoin-purchase__actions a {
  color: var(--lit-accent);
  text-underline-offset: 3px;
}

.litcoin-purchase__status {
  margin: 12px 0 0;
  color: var(--lit-muted);
  font-size: 14px;
  overflow-wrap: anywhere;
}

.litcoin-purchase__status:empty {
  display: none;
}

#litcoin-awaiting-launch {
  margin: 0 0 12px;
}

.litcoin-wallet-account {
  margin: 12px 0;
  font-size: 14px;
}

.litcoin-wallet-link {
  padding: 0;
  border: 0;
  background: none;
  color: var(--lit-accent);
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.litcoin-wallet-dialog {
  width: min(430px, calc(100% - 32px));
  padding: clamp(16px, 5vw, 24px);
  border: 1px solid var(--lit-rule);
  border-radius: 12px;
  background: #101919;
  color: inherit;
}

.litcoin-wallet-dialog::backdrop {
  background: #000b;
}

.litcoin-wallet-dialog__header,
.litcoin-wallet-options {
  display: flex;
  align-items: center;
  gap: 12px;
}

.litcoin-wallet-dialog__header {
  justify-content: space-between;
}

.litcoin-wallet-dialog__header h2 {
  margin: 0;
  font: 700 24px/1.2 "Lit Exo", sans-serif;
}

.litcoin-wallet-dialog__close {
  flex: 0 0 36px;
  height: 36px;
  border: 1px solid var(--lit-rule);
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font: 400 24px/1 sans-serif;
  cursor: pointer;
}

#litcoin-jupiter {
  margin-top: 12px;
  --jupiter-plugin-primary: 36, 232, 211;
  --jupiter-plugin-background: 9, 16, 16;
  --jupiter-plugin-primaryText: 243, 248, 247;
  --jupiter-plugin-interactive: 27, 42, 41;
  --jupiter-plugin-module: 16, 25, 25;
}

.litcoin-stats,
.litcoin-roadmap {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 0;
}

.litcoin-stats {
  grid-template-columns: repeat(4, 1fr);
}

.litcoin-stats > div,
.litcoin-roadmap > li {
  padding: 20px;
  border: 1px solid var(--lit-rule);
  border-radius: 8px;
  background: #101919;
}

.litcoin-stats dt {
  color: var(--lit-muted);
  font-size: 15px;
}

.litcoin-stats dd {
  margin: 7px 0 0;
  font-size: 19px;
  font-weight: 700;
}

.litcoin-roadmap {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 24px;
  list-style: none;
}

.litcoin-roadmap__step {
  display: block;
  margin-bottom: 12px;
  color: var(--lit-accent);
  font-weight: 700;
}

.litcoin-roadmap h3 {
  margin: 0 0 6px;
  font-size: 22px;
  line-height: 1.2;
}

.litcoin-roadmap p,
.litcoin-footer p {
  margin: 0;
  color: var(--lit-muted);
}

.litcoin-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-block: 25px;
}

.litcoin-footer a {
  color: white;
  font-weight: 700;
  text-underline-offset: 4px;
}

@media (max-width: 980px) {
  .litcoin-page__nav {
    min-height: 64px;
    padding-inline: 16px;
  }

  .litcoin-page__logo img {
    width: 90px;
  }

  .litcoin-page__desktop {
    display: none;
  }

  .litcoin-page__mobile {
    display: block;
  }

  .litcoin-page__mobile summary {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    list-style: none;
    color: white;
    cursor: pointer;
  }

  .litcoin-page__mobile summary::-webkit-details-marker {
    display: none;
  }

  .litcoin-page__mobile .litcoin-page__links {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    flex-direction: column;
    gap: 0;
    padding: 8px 16px 14px;
    border-bottom: 1px solid var(--lit-rule);
    background: #000;
  }

  .litcoin-page__mobile a {
    display: block;
    padding: 8px 0;
  }

  .litcoin-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 650px) {
  .litcoin-banner__inner,
  .litcoin-wrap {
    width: calc(100% - 32px);
  }

  .litcoin-banner__inner {
    min-height: 58px;
    gap: 10px;
  }

  .litcoin-banner__contract {
    font-size: 13px;
  }

  .litcoin-button {
    gap: 7px;
    padding: 10px 11px;
    font-size: 13px;
  }

  .litcoin-hero__inner {
    grid-template-columns: 1fr;
    gap: 12px;
    padding-block: 40px 24px;
  }

  .litcoin-hero h1 {
    font-size: clamp(72px, 17vw, 108px);
  }

  .litcoin-hero__art {
    width: min(340px, 90%);
    margin-inline: auto;
  }

  .litcoin-stats > div,
  .litcoin-roadmap > li {
    padding: 15px;
  }

  .litcoin-roadmap {
    grid-template-columns: 1fr;
  }

  .litcoin-purchase {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
