:root {
  --tx-accent: #477DF6 !important;
  --tx-over: #FFF !important;
  --ui-secondary-hover: #F4F4F7 !important;
}

.pill-button {
  border: 3.055px solid var(--OXFORD-BLUE, #00142D);
  background: var(--PENGU-BLUE, #89A9F8);
  box-shadow: 2.715px 3.127px 0 0 rgba(0, 20, 45, 0.50), -5.43px -5.43px 0 0 rgba(0, 20, 45, 0.25) inset;
  font-family: "Londrina Solid", "LondrinaSolidRegular", Inter, system-ui, sans-serif !important;
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.75px;
  text-transform: uppercase;
}

#website-logo img {
  width: 112px;
  height: 56px;
}

@media (max-width: 640px) {
  #website-logo img {
    height: 48px;
  }
}

.titlebar-right-buttons .primary-pill-button {
  height: 48px !important;
}

.titlebar-right-buttons .secondary-pill-button i.fi-rr-angle-small-down {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  size: 14px !important;
}

.titlebar-right-buttons .secondary-pill-button {
  border: 3.055px solid var(--OXFORD-BLUE, #00142D);
  background: #FFF;
  box-shadow: 2.715px 3.127px 0 0 rgba(0, 20, 45, 0.50), -5.43px -5.43px 0 0 rgba(0, 20, 45, 0.25) inset !important;
}

.connect-wallet-balance-button {
  border: 3.055px solid var(--OXFORD-BLUE, #00142D);
  background: #F3FBFF !important;
}

.featured-section h1 {
  color: var(--CRAYOLA-BLUE, #477DF6);
  font-family: "FatFrank", "Inter";
  font-size: 72px;
  font-weight: 900;
  line-height: 90%;
  /* 99.2px */
  letter-spacing: -3px;
  text-transform: uppercase;
}

.featured-description {
  color: var(--CRAYOLA-BLUE, #477DF6);
  font-family: "Menco", "Inter";
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

@media (max-width: 640px) {
  .featured-section h1 {
    color: var(--CRAYOLA-BLUE, #477DF6);
    font-family: "FatFrank", "Inter";
    font-size: 32px;
    font-weight: 900;
    line-height: 90%;
    letter-spacing: -3px;
    text-transform: uppercase;
  }

  .featured-description {
    color: var(--CRAYOLA-BLUE, #477DF6);
    font-family: "Menco", "Inter";
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
  }
}

.strip-section h1 {
  color: var(--CRAYOLA-BLUE, #477DF6);
  font-family: "FatFrank", "Inter";
  font-size: 124px;
  font-style: normal;
  font-weight: 900;
  line-height: 80%;
  /* 99.2px */
  letter-spacing: -3.72px;
  text-transform: uppercase;
}

.strip-section .secondary-pill-button {
  height: 48px !important;
}

.strip-section p {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

@media (max-width: 640px) {
  .strip-section h1 {
    font-size: 48px;
    letter-spacing: -1.44px;
  }
}

/* Desktop (default) */

.showcase-section .showcase-title {
  color: var(--CRAYOLA-BLUE, #477DF6);
  font-family: "FatFrank", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 900;
  line-height: 90%;
  letter-spacing: -2.16px;
  text-transform: uppercase;
  text-align: left;
}

.showcase-section .primary-pill-button {
  border: 3.055px solid var(--OXFORD-BLUE, #00142D);
  background: #89A9F8;
  box-shadow: 3px 3px 0 0 rgba(0, 20, 45, 0.50), -5px -5px 0 0 rgba(0, 20, 45, 0.25) inset;
  height: 48px !important;
}

@media (min-width: 64rem) {
  .showcase-section .primary-pill-button {
    height: 48px !important;
  }
}

/* Mobile */

@media (max-width: 640px) {
  .showcase-section .showcase-title {
    font-size: 32px;
    line-height: 90%;
    /* 28.8px */
    letter-spacing: -0.96px;
    text-align: center;
  }
}

.showcase-section > div:first-child {
  max-width: 100% !important;
}

.showcase-section .secondary-pill-button {
  border: 3.055px solid var(--OXFORD-BLUE, #00142D);
  background: #FFF;
  box-shadow: 2.715px 3.127px 0 0 rgba(0, 20, 45, 0.50), -5.43px -5.43px 0 0 rgba(0, 20, 45, 0.25) inset;
  width: 56px !important;
  height: 56px !important;
  margin-right: -1.5rem !important;
  margin-left: -1.5rem !important;
}

.token-card-title span {
  overflow: hidden;
  color: var(--CRAYOLA-BLUE, #477DF6);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Londrina Solid", "LondrinaSolidRegular";
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 90%;
  /* 21.6px */
  letter-spacing: 0.72px;
  text-transform: uppercase;
}

.section-1 h1 {
  color: var(--Template-Interface-ui-secondary, #FFF);
  text-align: center;
  font-family: "FatFrank", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 88px;
  font-style: normal;
  font-weight: 900;
  line-height: 90%;
  /* 79.2px */
  letter-spacing: -2.64px;
  text-transform: uppercase;
}

.section-1 .pill-button {
  border-radius: 50.921px;
  border: 3.055px solid var(--OXFORD-BLUE, #00142D);
  background: #FFF;
  box-shadow: 2.715px 3.127px 0 0 rgba(0, 20, 45, 0.50), -5.43px -5.43px 0 0 rgba(0, 20, 45, 0.25) inset;
}

/* Mobile */

@media (max-width: 640px) {
  .section-1 h1 {
    font-size: 40px;
    line-height: 90%;
    /* 36px */
    letter-spacing: -1.2px;
  }
}

.showcase-section .showcase-description {
  color: var(--CRAYOLA-BLUE, #477DF6);
  font-family: Menco;
  text-align: left;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

/* Mobile */

@media (max-width: 640px) {
  .showcase-section .showcase-description {
    text-align: center !important;
  }
}

/* Token Header Title */

.token-header-title {
  color: var(--CRAYOLA-BLUE, #477DF6) !important;
  leading-trim: both;
  text-edge: cap;
  font-family: FatFrank;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 90%;
  /* Desktop default */
  font-size: 72px;
  letter-spacing: -2.16px;
}

/* Mobile styles */

@media (max-width: 768px) {
  .token-header-title {
    font-size: 48px;
    line-height: 90%;
    /* 43.2px */
    letter-spacing: -1.44px;
  }
}

/* Secondary Pill Button inside Token Header */

.token-header .secondary-pill-button {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 6.664px;
  border: 0;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
}

.minting-token-claim-card {
  border: 0;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
}

.claim-eligibility-checker {
  border: 0;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
}

.claim-eligibility-checker h2 {
  font-family: "LondrinaSolidRegular";
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 90%;
  /* 21.6px */
  letter-spacing: 0.72px;
  text-transform: uppercase;
}

.soulbound-notice {
  border: 0;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
}

.minting-token-info {
  border: 0;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
}

.minting-token-info h2 {
  font-family: "LondrinaSolidRegular";
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 90%;
  /* 21.6px */
  letter-spacing: 0.72px;
  text-transform: uppercase;
}

.required-badges {
  border: 0;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
}

.required-badges h1 {
  font-family: "LondrinaSolidRegular";
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 90%;
  /* 21.6px */
  letter-spacing: 0.72px;
  text-transform: uppercase;
}

.minting-token-card {
  border: 0;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
}

.minting-token-card > :nth-child(2) {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
}

.active-claim-eligibility-checker-type-pill {
  background: var(--ui-secondary-hover) !important;
  color: #89A9F8 !important;
  box-shadow: none;
  font-family: Menco !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  border: 1px solid var(--ui-separator, #CED0DB);
  text-transform: none !important;
}

.claim-eligibility-checker-type-pill {
  background: var(--ui-secondary) !important;
  color: var(--tx-primary);
  box-shadow: none;
  font-family: Menco !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  border: 1px solid var(--ui-separator, #CED0DB);
  text-transform: none !important;
}

.carousel-horizontal-scroll {
  padding-bottom: 8px;
}

.claim-eligibility-checker-button {
  background: var(--ui-secondary) !important;
  color: var(--tx-primary);
  height: 40px !important;
  border: 3.055px solid var(--OXFORD-BLUE, #00142D) !important;
  box-shadow: 2.715px 3.127px 0 0 rgba(0, 20, 45, 0.50), -5.43px -5.43px 0 0 rgba(0, 20, 45, 0.25) inset !important;
  text-align: center;
  font-family: "LondrinaSolidRegular";
  font-size: 21px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.63px;
  text-transform: uppercase;
}

.mint-price-container,
.min-price-container {
  display: none;
}

@media (max-width: 767px) {
  section.strip-section.section-0 {
    height: 650px;
    min-height: 650px;
  }
}

.minting-token-assets-instructions .flex-col > .flex:nth-of-type(1) span {
  font-size: 0;
}

.minting-token-assets-instructions .flex-col > .flex:nth-of-type(1) span::after {
  content: "Connect your Solana wallet from the Jupiter Mobile in-app browser.";
  font-size: 0.875rem;
}

.minting-token-assets-instructions .flex-col > .flex:nth-of-type(2) span {
  font-size: 0;
}

.minting-token-assets-instructions .flex-col > .flex:nth-of-type(2) span::after {
  content: "Connect your Ethereum wallet to verify Big or Lil Pudgy NFT ownership. Skip this step if you're eligible via completing a new swap on Jupiter.";
  font-size: 0.875rem;
}

.minting-token-assets-instructions .flex-col > .flex:nth-of-type(3) span {
  font-size: 0;
}

.minting-token-assets-instructions .flex-col > .flex:nth-of-type(3) span::after {
  content: "Claim your SBT from Jupiter Mobile in-app browser.";
  font-size: 0.875rem;
}