:root {
  --lime: #03ff00;
  --black: black;
  --silver: #bfbfbf;
  --white: #fff;
  --cyan: #03ffff;
  --yellow: #fffb07;
  --orange: #fa0;
  --ghost: rgba(255, 255, 255, .5);
}

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformheader {
  text-align: center;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-users-blockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-users-blockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 20px;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Silkscreen, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 24px;
}

a {
  text-decoration: none;
}

.body {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-color: #35314e;
  background-image: linear-gradient(rgba(53, 49, 78, .9), rgba(53, 49, 78, .9)), url('../images/BACKGROUND-CLEAN.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  background-clip: border-box;
  flex-direction: column;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 3rem;
  font-size: 1rem;
  display: flex;
}

.body.mint {
  background-image: linear-gradient(rgba(53, 49, 78, .9), rgba(53, 49, 78, .9)), url('../images/BACKGROUND-HANDS.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  margin-bottom: 0;
  padding: 0;
}

.body.mint.red {
  background-image: linear-gradient(rgba(78, 49, 49, .9), rgba(78, 49, 49, .9)), url('../images/BACKGROUND-HANDS.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.body.mint.orange {
  background-image: linear-gradient(rgba(78, 63, 49, .9), rgba(78, 63, 49, .9)), url('../images/BACKGROUND-HANDS.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.body.mint.yellow {
  background-image: linear-gradient(rgba(78, 75, 49, .9), rgba(78, 75, 49, .9)), url('../images/BACKGROUND-HANDS.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.body.mint.green {
  background-image: linear-gradient(rgba(55, 78, 49, .9), rgba(55, 78, 49, .9)), url('../images/BACKGROUND-HANDS.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.body.mint.blue {
  background-image: linear-gradient(rgba(49, 56, 78, .9), rgba(49, 56, 78, .9)), url('../images/BACKGROUND-HANDS.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.body.mint.purple {
  background-image: linear-gradient(rgba(66, 49, 78, .9), rgba(66, 49, 78, .9)), url('../images/BACKGROUND-HANDS.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.body.mint.white {
  background-image: linear-gradient(rgba(255, 255, 255, .45), rgba(255, 255, 255, .45)), url('../images/BACKGROUND-HANDS.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.body.mint.black {
  background-image: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url('../images/BACKGROUND-HANDS.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.image {
  object-fit: contain;
  max-height: 10rem;
  margin: 0 auto;
  padding-left: 0;
  display: block;
  position: static;
  transform: perspective(2000px);
}

.image-2 {
  width: 80%;
  min-width: auto;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-3 {
  width: 80%;
  max-width: 50rem;
  min-height: 0;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  bottom: -1px;
}

.section {
  background-color: #000;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-4 {
  max-width: none;
  max-height: 2rem;
  margin: 2rem auto;
  display: block;
}

.image-5 {
  text-align: right;
  max-height: 3rem;
  margin-top: .5rem;
  margin-bottom: 0;
  margin-left: 0;
  display: block;
  position: fixed;
}

.section-2 {
  float: none;
}

.div-block {
  justify-content: flex-end;
  height: auto;
  padding: 1rem;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.section-3 {
  height: auto;
  display: flex;
}

.section-4 {
  padding: 0;
  display: flex;
}

.div-block-2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-top: 0;
  display: flex;
}

.paragraph {
  color: #fff;
  text-align: center;
}

.paragraph.id {
  font-family: Exo, sans-serif;
}

.text-span {
  color: red;
}

.text-span.id {
  color: #fff;
  text-align: center;
}

.id {
  color: red;
}

.paragraph-2 {
  color: #666;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: .5rem;
}

.paragraph-3 {
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Merriweather, serif;
}

.italic-text {
  display: block;
}

.footer {
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.title {
  background-color: rgba(0, 0, 0, 0);
  flex: 0 auto;
  order: 0;
  align-self: stretch;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: static;
  top: 0;
}

.copy {
  flex-direction: column;
  display: flex;
}

.images {
  margin-bottom: 0;
  padding-bottom: 12rem;
}

.brand {
  height: 100%;
  display: flex;
  position: static;
}

.navbar {
  color: #fff;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  font-family: Exo, sans-serif;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.container {
  display: none;
  position: static;
}

.nav-link {
  color: #fff;
  text-transform: uppercase;
}

.nav-link-2, .nav-link-3 {
  color: #fff;
}

.nav-menu {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
}

.text-block {
  text-align: left;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Silkscreen, sans-serif;
  font-size: 16px;
}

.text-block.hh {
  text-align: right;
  margin-bottom: 0;
  font-family: Silkscreen, sans-serif;
}

.text-block.right {
  text-align: right;
  padding-right: 0;
  font-family: Silkscreen, sans-serif;
}

.what {
  color: #fff;
  text-align: center;
  width: auto;
  margin-bottom: 0;
  font-family: Eczar, sans-serif;
  font-size: 2.75rem;
  font-weight: 400;
  line-height: 3.5rem;
}

.cta {
  border: 2px none var(--lime);
  background-color: var(--black);
  color: var(--lime);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding: 1rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  display: block;
}

.cta:hover {
  background-color: var(--black);
  color: var(--lime);
}

.cta:active {
  background-color: var(--lime);
  color: var(--black);
}

.cta.disabled {
  color: var(--silver);
  background-color: #404040;
  border-style: none;
  width: 100%;
}

.cta.update-token {
  border: 2px solid var(--lime);
  width: 100%;
  margin-top: .5rem;
}

.promo {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
}

.what-the-phunk {
  color: var(--lime);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Abril Fatface;
  font-size: 2rem;
  display: block;
}

.what-the-phunk.hide {
  display: block;
}

.what-the-phunk.what, .what-the-phunk.what-copy {
  color: var(--white);
  font-size: 3.25rem;
}

.text-span-3 {
  color: #02ff00;
  letter-spacing: 0;
  font-family: Silkscreen, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  display: block;
}

.utility {
  color: var(--silver);
  text-align: center;
  text-transform: uppercase;
  margin-top: 1rem;
  margin-bottom: 0;
  font-family: Silkscreen, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.image-6 {
  text-align: left;
  height: 100%;
  font-size: 1rem;
  position: static;
}

.column.righ {
  text-align: right;
}

.image-7 {
  width: 46%;
  position: absolute;
  top: auto;
  bottom: 36%;
  left: auto;
  right: 38%;
  transform: rotate(-3deg);
}

.paragraph-4 {
  text-align: left;
  margin-bottom: 1.5rem;
  font-family: Eczar, sans-serif;
  font-size: 1rem;
  transform: rotate(0);
}

.paragraph-4.right {
  text-align: right;
}

.heading-3 {
  text-align: left;
  font-family: Eczar, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.heading-3.richt {
  text-align: right;
}

.details {
  text-align: left;
  flex: 0 auto;
  align-self: center;
  margin-bottom: 0;
  font-family: Eczar, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.75rem;
  display: inline-block;
}

.text-span-4 {
  color: #fffb00;
  text-align: right;
  font-family: Silkscreen, sans-serif;
  font-weight: 400;
}

.text-span-5 {
  color: #fffb00;
  font-family: Silkscreen, sans-serif;
}

.landing {
  text-align: center;
  object-fit: none;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  height: auto;
  min-height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem;
  font-size: 1rem;
  display: flex;
}

.flip {
  text-align: right;
  border-right: 1px solid #fff;
  border-radius: 1px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding-left: .5rem;
  padding-right: .5rem;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.blurb {
  color: var(--lime);
  text-align: left;
  padding: 1rem;
  font-family: Silkscreen, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: block;
}

.blurb.right {
  text-align: right;
  flex: 0 auto;
  line-height: 1.5rem;
  position: static;
  right: 5%;
}

.blurb.status {
  color: var(--lime);
  text-align: right;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  padding-right: 0;
  display: block;
  position: static;
  right: 5%;
}

.blurb.progress {
  font-size: 1.5rem;
  line-height: 1.75rem;
  display: block;
}

.blurb.on-chain {
  flex-direction: column;
  width: 100%;
}

.blurb.your-mint {
  text-align: right;
  width: 100%;
}

.blurb.welcome {
  color: var(--silver);
  width: 30%;
  max-width: none;
  font-size: 1rem;
  line-height: 1.25rem;
}

.blurb.wallet {
  color: var(--silver);
  text-align: right;
  flex: 1;
  width: 30%;
  max-width: none;
  font-size: 1rem;
  line-height: 1.25rem;
}

.switch {
  padding-left: .5rem;
  padding-right: .5rem;
  display: block;
}

.features {
  align-self: stretch;
  margin-bottom: 1rem;
  padding-bottom: 0;
  font-family: Silkscreen, sans-serif;
  line-height: 1.25rem;
  display: block;
}

.skelly {
  text-align: right;
  align-self: flex-end;
  width: auto;
  height: 40vh;
  font-size: 10rem;
  display: block;
  position: relative;
  bottom: 0;
  right: 0;
}

.columns-2 {
  position: relative;
}

.heading-4, .text-span-7 {
  font-family: Lato, sans-serif;
}

.text-span-8 {
  font-weight: 400;
}

.text-span-9 {
  color: #ffbf00;
  text-align: center;
  font-family: Silkscreen, sans-serif;
  display: block;
}

.button {
  background-color: #000e1a;
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  padding: 0 .5rem .125rem;
  font-family: Silkscreen, sans-serif;
  line-height: 1.25rem;
}

.button:active {
  background-color: #00141a;
}

.button.w--current {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.button.active {
  background-color: var(--lime);
  color: var(--black);
  text-align: center;
  flex: 1;
  margin-left: 0;
  padding-bottom: .125rem;
  padding-left: .5rem;
  padding-right: .5rem;
  font-family: Silkscreen, sans-serif;
}

.button.active.phunk {
  flex: 1;
}

.button.active.male {
  border: 0 #000;
  flex: 1;
}

.button.punk {
  background-color: #000;
  flex: 1;
}

.button.punk.active {
  background-color: var(--lime);
}

.button.female {
  background-color: #000;
  flex: 1;
}

.button.female.active {
  background-color: var(--lime);
}

.button.list-view {
  background-color: #000;
  flex: 1;
}

.button.list-view.active {
  background-color: var(--lime);
}

.button.grid-view {
  background-color: #000;
  flex: 1;
}

.button.grid-view.active {
  background-color: var(--lime);
}

.controls {
  background-color: var(--black);
  color: var(--lime);
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  font-size: .75rem;
  line-height: .75rem;
  display: flex;
}

.controls:hover {
  background-color: var(--lime);
  color: var(--black);
}

.div-block-5 {
  margin-bottom: 2rem;
}

.image-8 {
  align-self: center;
  max-width: 25%;
  margin-bottom: 0;
}

.token {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100vh;
  margin-bottom: auto;
  padding-bottom: 2rem;
  font-size: 1rem;
  display: flex;
}

.heading-5 {
  color: var(--lime);
  margin-top: auto;
  margin-bottom: auto;
  font-family: Silkscreen, sans-serif;
  font-size: 2rem;
  line-height: 2.25rem;
}

.summary {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Eczar, sans-serif;
  font-weight: 400;
}

.summary.description {
  text-align: center;
  line-height: 1.75rem;
}

.sample {
  background-color: rgba(0, 0, 0, 0);
  flex: 0 auto;
  justify-content: center;
  padding: 1rem;
  display: flex;
  position: relative;
}

.pfp {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
}

.pfp.hide {
  display: none;
}

.text-block-2 {
  font-size: 1rem;
}

.launch {
  display: none;
}

.demo {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.subtitle {
  color: var(--cyan);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Eczar, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 4rem;
  display: block;
}

.description {
  color: #ff8000;
  font-family: Silkscreen, sans-serif;
  font-size: 1.5rem;
  line-height: 1.75px;
}

.social {
  opacity: .5;
  width: auto;
  height: 1rem;
  max-height: 100px;
}

.social:hover {
  opacity: 1;
}

.social.eth {
  display: none;
}

.social.twit {
  opacity: .5;
  filter: saturate(200%);
}

.social.current {
  opacity: 1;
}

.navigation {
  justify-content: flex-end;
  height: 3rem;
  padding: 0;
  font-size: 1rem;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

.text-span-11 {
  display: inline;
}

.feature {
  color: var(--yellow);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Silkscreen, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25rem;
}

.feature.right {
  text-align: right;
  margin-bottom: 0;
  font-family: Silkscreen, sans-serif;
  line-height: 1.25rem;
}

.feature.free {
  text-align: right;
  font-size: 1.5rem;
  line-height: 1.75rem;
}

.text-span-13 {
  color: var(--lime);
  text-align: center;
  min-width: auto;
  min-height: auto;
  display: inline;
}

.text-span-14 {
  margin-top: 1rem;
  font-family: Eczar, sans-serif;
  line-height: 4rem;
  display: block;
}

.nav {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
}

.nav-os {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.utility-page-wrap {
  background-image: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url('../images/BACKGROUND-HANDS.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  color: var(--lime);
  flex-direction: column;
  align-self: center;
  align-items: center;
  font-family: Silkscreen, sans-serif;
  font-size: .5rem;
  display: flex;
}

.preview {
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 20rem;
  max-width: 100%;
  display: block;
  position: relative;
}

.image-9 {
  max-width: 25%;
}

.mint-info {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  padding: 1rem 0;
  font-family: Silkscreen, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  display: block;
}

.mint-info.attn {
  color: #ffbf00;
}

.display {
  flex-direction: column;
  justify-content: center;
  max-height: none;
  display: flex;
}

.cover, .page-1 {
  width: 50%;
  max-width: none;
}

.story {
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.container-2 {
  flex-direction: column;
  display: flex;
}

.form-block {
  flex-direction: row;
  justify-content: center;
  margin-bottom: 0;
  line-height: 1.25rem;
  display: flex;
}

.form {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  height: 3rem;
  display: flex;
}

.select-field {
  color: var(--black);
  text-align: right;
  text-transform: uppercase;
  background-color: #0ff;
  align-self: auto;
  height: 100%;
  margin-bottom: 0;
  padding: 1rem 0 1rem 1rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
}

.div-block-6 {
  position: absolute;
  right: 5%;
}

.eth {
  color: #03ffff;
}

.paid {
  color: var(--white);
}

.html-embed {
  display: block;
}

.image-10 {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.inventory {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.token-id {
  color: var(--lime);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: block;
}

.jpeg {
  width: 20rem;
  display: block;
}

.mint-controls {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.stake {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  min-height: 100vh;
  padding-bottom: 2rem;
  display: flex;
}

.html-embed-2 {
  opacity: 0;
  display: block;
}

.list {
  z-index: auto;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(.25rem);
  backdrop-filter: blur(.25rem);
  background-color: rgba(0, 0, 0, .5);
  border-radius: 1rem;
  flex-direction: column;
  align-items: stretch;
  padding: 1rem;
  display: flex;
  position: relative;
}

.switcher {
  display: flex;
}

.profile-page {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 1rem;
  flex-direction: column;
  width: 20rem;
  padding: 1rem;
  display: flex;
}

.div-block-8 {
  display: block;
}

.div-block-9 {
  width: 25%;
}

.text-block-4, .paragraph-5 {
  font-family: "Press Start 2P", sans-serif;
}

.image-15 {
  max-width: none;
}

.image-16 {
  width: 300px;
}

.image-17 {
  display: none;
}

.information {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  width: auto;
  min-width: 20rem;
  margin-bottom: 0;
  padding: 1rem;
  font-family: Silkscreen, sans-serif;
  line-height: 1.25rem;
  display: flex;
}

.div-block-11 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.div-block-12 {
  flex-direction: column;
  display: flex;
}

.paragraph-6 {
  text-align: left;
}

.token {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  min-height: auto;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.nft {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0 1rem 1rem;
  display: flex;
}

.div-block-13 {
  justify-content: space-around;
  display: flex;
}

.content {
  flex-flow: wrap;
  flex: 1;
  justify-content: space-around;
  align-items: center;
  display: flex;
  overflow: visible;
}

.list-2 {
  text-align: left;
  font-family: Silkscreen, sans-serif;
  line-height: 2.5rem;
}

.list-2.blurb {
  color: var(--white);
  text-align: right;
  line-height: 2rem;
  display: none;
}

.list-item {
  text-align: left;
}

.instructions {
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-self: auto;
  width: 30%;
  padding: 1rem;
  display: flex;
}

.text-span-15, .text-span-16, .text-span-17, .text-span-18 {
  color: var(--lime);
}

.text-span-19 {
  color: var(--yellow);
}

.command {
  color: var(--cyan);
  font-family: Eczar, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  display: none;
}

.mint-inputs {
  flex-direction: column;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 40%;
  display: flex;
}

.text-block-5, .div-block-14 {
  width: 30%;
}

.welcome {
  color: var(--silver);
  font-size: 1rem;
  line-height: 1.25rem;
}

.identity {
  color: var(--cyan);
}

.wc-button {
  justify-content: flex-end;
  display: flex;
}

.trait-type {
  color: var(--silver);
}

.trait {
  display: flex;
}

.free, .free.info {
  color: var(--yellow);
}

.blurb-header {
  background-color: var(--black);
  color: var(--white);
  text-transform: uppercase;
  margin-left: -.5rem;
  margin-right: -.5rem;
  padding: .5rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: .75rem;
  line-height: 1rem;
}

.blurb-header.max-minting {
  color: var(--cyan);
}

.blurb-header.claiming {
  color: var(--yellow);
}

.fomo {
  color: var(--lime);
  font-family: "Press Start 2P", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.info-link {
  background-color: var(--cyan);
  color: var(--black);
  border-radius: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  text-decoration: none;
}

.info-link:hover {
  background-color: var(--black);
  color: var(--cyan);
}

.info-link:active {
  background-color: var(--white);
  color: var(--black);
}

.info-link:focus {
  background-color: var(--cyan);
  color: var(--black);
}

.info-link:visited {
  color: var(--black);
}

.profile-picture {
  width: 100%;
}

.skelefrens {
  text-align: center;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
}

.div-block-15 {
  background-color: rgba(0, 0, 0, .5);
}

.grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(.25rem);
  backdrop-filter: blur(.25rem);
  background-color: rgba(0, 0, 0, .5);
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  max-width: 50rem;
  padding: 1rem;
  display: grid;
}

.thumbnail {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  max-width: 16rem;
  display: flex;
}

.toggle {
  background-color: var(--black);
  text-align: center;
  border: 1px #000;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  min-width: 13rem;
  font-size: .75rem;
  display: flex;
}

.id-number {
  color: var(--lime);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: "Press Start 2P", sans-serif;
  font-size: .75rem;
  line-height: 1rem;
  display: block;
}

.top {
  border: 1px #000;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  min-width: 13rem;
  font-size: .75rem;
  display: flex;
}

.profile {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 1rem;
  flex-direction: column;
  max-width: 50rem;
  padding: 1rem;
  display: flex;
}

.user {
  flex-flow: column;
  display: flex;
}

.bio {
  color: var(--yellow);
}

.profile-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  width: auto;
  margin-bottom: 0;
  padding: 1rem;
  font-family: Silkscreen, sans-serif;
  line-height: 1.25rem;
  display: flex;
}

.link-type {
  color: var(--silver);
}

.link {
  display: flex;
}

.profile-id {
  color: var(--lime);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: block;
}

.profile-details {
  justify-content: center;
  align-items: center;
  display: flex;
}

.network {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  padding: 1rem;
  display: flex;
}

.my-skelephunks {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Eczar, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.75rem;
  display: block;
}

.my-skelephunks.hide {
  display: block;
}

.my-skelephunks.what {
  color: var(--white);
  font-size: 3.25rem;
}

.div-block-16 {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.text-block-7 {
  color: var(--lime);
  padding: 1rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: .75rem;
  line-height: 1rem;
}

.field-label {
  font-family: Silkscreen, sans-serif;
  font-size: .75rem;
}

.protected {
  font-family: "Press Start 2P", sans-serif;
  font-size: 1rem;
  line-height: 1.25px;
}

.text-field {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.25rem;
}

.image-18 {
  width: 7rem;
}

.keys {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(.25rem);
  backdrop-filter: blur(.25rem);
  background-color: rgba(0, 0, 0, .5);
  border-radius: 1rem;
  grid-template: "."
  / 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  max-width: 50rem;
  padding: 1rem;
  display: grid;
}

.skeleton-keys {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Eczar, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.25rem;
  display: block;
}

.skeleton-keys.hide {
  display: block;
}

.skeleton-keys.what, .skeleton-keys.what-copy {
  color: var(--white);
  font-size: 3.25rem;
}

.key-image {
  max-width: 2.75rem;
  max-height: 2.75rem;
}

.key-id {
  color: var(--yellow);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: "Press Start 2P", sans-serif;
  font-size: .625rem;
  line-height: 1rem;
  display: block;
}

.key-id.unclaimed {
  color: var(--orange);
}

.text-block-8 {
  display: inline;
}

.text-block-9 {
  display: flex;
}

.keys-info {
  background-color: var(--white);
  color: var(--black);
  cursor: default;
  border-radius: 1rem;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 1.2rem;
  height: 1.2rem;
  margin-bottom: 0;
  margin-left: .5rem;
  font-family: Silkscreen, sans-serif;
  font-size: .75rem;
  line-height: 1rem;
  display: flex;
  position: relative;
}

.keys-info:hover {
  background-color: var(--black);
  color: var(--yellow);
}

.keys-info:active {
  background-color: var(--yellow);
  color: var(--black);
}

.keys-info.unclaimed {
  background-color: var(--orange);
  color: var(--black);
}

.div-block-18 {
  align-items: center;
  display: flex;
}

.key-info-text {
  z-index: 1;
  -webkit-backdrop-filter: blur(.25rem);
  backdrop-filter: blur(.25rem);
  color: var(--white);
  background-color: #11111a;
  border-radius: 1rem;
  font-family: Silkscreen, sans-serif;
  line-height: 1rem;
  position: absolute;
  top: 100%;
  bottom: 0%;
  left: 100%;
  right: 0;
}

.text-block-10 {
  padding: 1rem;
}

.my-skelephhunks-title {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem;
  font-family: Eczar, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.25rem;
  display: block;
}

.my-skelephhunks-title.hide {
  display: block;
}

.my-skelephhunks-title.what, .my-skelephhunks-title.what-copy {
  color: var(--white);
  font-size: 3.25rem;
}

.congratulations {
  color: var(--yellow);
}

.text-block-11.key-bubble {
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  background-color: rgba(0, 0, 0, .9);
  border-radius: 1rem;
  width: 14rem;
  padding: 1rem;
}

.text-block-12 {
  cursor: default;
}

.text-block-13 {
  font-family: Silkscreen, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.dark-overlay {
  z-index: 9;
  background-color: rgba(0, 0, 0, .5);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.dark-overlay.landing {
  justify-content: space-around;
  display: flex;
}

.modal {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 1rem;
  width: 48rem;
  padding: 2rem;
  overflow: scroll;
}

.welcome-title {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Eczar, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.25rem;
  display: block;
}

.welcome-title.hide {
  display: block;
}

.welcome-title.what, .welcome-title.what-copy {
  color: var(--white);
  font-size: 3.25rem;
}

.form-2 {
  flex-direction: column;
  display: flex;
}

.acknowledgements {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Eczar, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.35rem;
  display: block;
}

.acknowledgements.hide {
  display: block;
}

.acknowledgements.what, .acknowledgements.what-copy {
  color: var(--white);
  font-size: 3.25rem;
}

.acknowledgements.heading {
  text-align: center;
  font-size: 1rem;
}

.checkbox {
  border: 1px solid #000;
}

.terms-info {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  padding: 1rem 0;
  font-family: Silkscreen, sans-serif;
  font-size: .75rem;
  line-height: 1.35rem;
  display: block;
}

.text-span-22 {
  color: var(--yellow);
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.form-block-2 {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

.legal {
  color: var(--silver);
  margin-bottom: 0;
  padding: 1rem;
  font-family: Silkscreen, sans-serif;
  font-size: .75rem;
  line-height: 1rem;
}

.text-span-23 {
  display: block;
}

.accept-terms {
  border: 1px solid var(--lime);
  text-align: center;
  text-transform: uppercase;
  background-color: #000;
  padding: 1rem;
  font-family: "Press Start 2P", sans-serif;
  display: block;
}

.accept-terms:hover {
  background-color: var(--black);
  color: var(--lime);
}

.accept-terms:active {
  background-color: var(--lime);
  color: var(--black);
}

.accept-terms.disabled, .accept-terms.update-token {
  width: 100%;
}

.tagline {
  color: var(--lime);
  text-align: left;
  max-width: 17rem;
  font-family: Silkscreen, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: block;
}

.tagline.right {
  text-align: right;
  flex: 0 auto;
  padding: 0;
  line-height: 1.5rem;
  position: static;
  right: 5%;
}

.tagline.status {
  color: var(--lime);
  text-align: right;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  padding-right: 0;
  display: block;
  position: static;
  right: 5%;
}

.tagline.progress {
  font-size: 1.5rem;
  line-height: 1.75rem;
  display: block;
}

.tagline.on-chain {
  flex-direction: column;
  width: 30%;
}

.tagline.your-mint {
  text-align: right;
  width: 30%;
}

.tagline.welcome {
  color: var(--silver);
  width: 30%;
  font-size: 1rem;
  line-height: 1.25rem;
}

.tagline.wallet {
  color: var(--silver);
  text-align: right;
  width: 30%;
  font-size: 1rem;
  line-height: 1.25rem;
}

.eth-balance {
  color: var(--cyan);
}

.modify-note {
  color: var(--yellow);
  text-align: center;
  margin-bottom: 0;
  padding: .5rem 0;
  font-family: Silkscreen, sans-serif;
  font-size: .75rem;
  line-height: 1rem;
  display: block;
}

.text-field-2 {
  background-color: var(--cyan);
  height: 100%;
}

.image-19 {
  margin-top: .5rem;
}

.error {
  color: #f52bbf;
}

.attn {
  color: #ff9d00;
}

.thumbnail-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.key-bubble {
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  text-align: center;
  background-color: rgba(0, 0, 0, .9);
  border-radius: 1rem;
  width: 14rem;
  padding: 1rem;
}

.unclaimed {
  color: var(--orange);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.claim-note {
  color: var(--orange);
  margin-top: .25rem;
  padding-top: .25rem;
  font-size: .7rem;
  display: block;
}

.claim-date {
  color: var(--silver);
  font-size: .7rem;
}

.close-overlay {
  z-index: 11;
  color: rgba(255, 255, 255, .5);
  font-family: Eczar, sans-serif;
  font-size: 2rem;
  line-height: 1rem;
  position: fixed;
  top: 1rem;
  right: 1rem;
}

.close-overlay:hover {
  color: var(--yellow);
}

.close-overlay:active {
  color: var(--white);
}

.tos-text {
  color: var(--silver);
}

.tos-link {
  color: var(--silver);
  margin-top: .125rem;
  font-family: Silkscreen, sans-serif;
  font-size: .75rem;
}

.twitter-link {
  font-size: .75rem;
  line-height: 1rem;
}

.mint-info-copy {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  padding: 1rem 0;
  font-family: Silkscreen, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  display: block;
}

.mint-info-copy.attn {
  color: #ffbf00;
}

.sample-copy {
  background-color: rgba(0, 0, 0, 0);
  flex: 0 auto;
  justify-content: center;
  display: flex;
  position: relative;
}

.div-block-19 {
  z-index: 10;
  background-color: var(--black);
  height: 2rem;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footbar {
  background-color: var(--black);
  height: 1.5rem;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footbar.mint-info {
  flex-direction: column;
  justify-content: center;
  display: block;
}

.footbar.mint-info-copy {
  flex-direction: column;
  justify-content: center;
  padding: 0;
  display: block;
}

.footbar.mint-info-copy-copy {
  z-index: 101;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  font-family: Silkscreen, sans-serif;
  font-size: .5rem;
  line-height: 1.5rem;
  display: block;
}

.nav-home {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.nav-story {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: none;
}

.nav-twitter {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.key-identity {
  color: var(--yellow);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: block;
}

.image-20 {
  width: 100%;
  max-width: 20rem;
}

.banner {
  width: 40%;
}

.mint-content {
  width: 30%;
}

.mint-content.left {
  flex-direction: column;
  align-self: flex-end;
  align-items: stretch;
  display: flex;
}

.mint-content {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.mint-content.right {
  justify-content: flex-start;
  align-self: flex-end;
  align-items: stretch;
}

.blank {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.prompt {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--lime);
  text-align: center;
  flex-direction: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  font-family: Silkscreen, sans-serif;
  font-size: .625rem;
  line-height: 1rem;
  display: flex;
}

.div-block-22 {
  flex: 1;
}

.prompts {
  background-color: rgba(0, 0, 0, .9);
  display: flex;
}

.div-block-24 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.claim {
  color: var(--orange);
  margin-top: .25rem;
  padding-top: .25rem;
  font-size: .7rem;
  display: block;
}

.unclaimed-info {
  text-align: center;
  background-color: rgba(0, 0, 0, .35);
  border-radius: .5rem;
  padding: .5rem;
  font-family: Silkscreen, sans-serif;
}

.load-tokens {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Silkscreen, sans-serif;
  font-size: .75rem;
  line-height: 1.5rem;
  display: block;
}

.load-tokens.attn {
  color: #ffbf00;
}

.mint-title {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Eczar, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.75rem;
  display: block;
}

.mint-title.hide {
  display: block;
}

.mint-title.what, .mint-title.what-copy {
  color: var(--white);
  font-size: 3.25rem;
}

.unloaded {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  max-width: 16rem;
  display: flex;
}

.composite {
  width: 100%;
  height: 100%;
  position: relative;
}

.count {
  color: rgba(255, 170, 0, .5);
  justify-content: center;
  align-items: center;
  padding-bottom: .25rem;
  font-family: Silkscreen, sans-serif;
  font-size: 5rem;
  line-height: 5rem;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.more {
  color: var(--orange);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: "Press Start 2P", sans-serif;
  font-size: .75rem;
  line-height: 1rem;
  display: block;
}

.key {
  color: var(--yellow);
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: "Press Start 2P", sans-serif;
  display: block;
}

.key.unclaimed {
  color: var(--orange);
}

.token-name {
  color: var(--lime);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: block;
}

.key-name {
  color: var(--yellow);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: block;
}

.nft-modal {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.nft-modal.landing {
  justify-content: space-around;
  display: flex;
}

.item {
  z-index: 15;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(.25rem);
  backdrop-filter: blur(.25rem);
  background-color: rgba(0, 0, 0, .5);
  border-radius: 1rem;
  flex-direction: column;
  max-width: 50rem;
  padding: 1rem;
  display: flex;
  overflow: scroll;
}

.input {
  border: 2px solid var(--lime);
  color: var(--lime);
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  height: 2rem;
  font-family: Silkscreen, sans-serif;
  font-size: .75rem;
  line-height: 1rem;
  display: flex;
}

.div-block-25 {
  height: 100%;
}

.address-input {
  outline-offset: 0px;
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  border: 0 #595959;
  outline: 0 rgba(255, 255, 255, 0);
  flex: 1;
  padding-top: 0;
  padding-left: .5rem;
  line-height: .75rem;
}

.address-input:focus {
  border-width: 0;
  outline-style: none;
}

.address-input:focus-visible {
  outline-style: none;
}

.address-input[data-wf-focus-visible] {
  outline-style: none;
}

.action {
  border: 2px solid var(--lime);
  background-color: var(--black);
  color: var(--lime);
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding: .5rem 1rem;
  font-family: Silkscreen, sans-serif;
  font-size: .75rem;
  line-height: .75rem;
  display: flex;
}

.action:hover {
  background-color: var(--lime);
  color: var(--black);
}

.action.catacombs {
  border-color: var(--silver);
  color: var(--silver);
  border-radius: 20px;
}

.action.catacombs:hover {
  background-color: var(--silver);
  color: var(--black);
}

.action.catacombs:active {
  border-color: var(--white);
  background-color: var(--white);
  color: var(--black);
}

.action.catacombs.signing {
  border-color: var(--orange);
  color: var(--orange);
}

.action.catacombs.signing:hover {
  background-color: var(--black);
}

.action.catacombs.loading {
  border-color: var(--yellow);
  color: var(--yellow);
}

.action.catacombs.loading:hover {
  background-color: var(--black);
}

.send-button {
  background-color: var(--black);
  color: var(--lime);
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding: .5rem 1rem;
  font-size: .75rem;
  line-height: .75rem;
  display: flex;
}

.send-button:hover {
  background-color: var(--lime);
  color: var(--black);
}

.send-widget {
  flex-direction: column;
}

.promo-image {
  object-fit: contain;
  max-width: 50%;
}

.promotion {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 1rem;
  width: 100%;
  max-width: 50rem;
  padding: 1rem;
  display: flex;
}

.promo-copy {
  text-align: left;
  font-family: Silkscreen, sans-serif;
  line-height: 1.25rem;
}

.promo-title {
  color: var(--orange);
  text-align: left;
  text-transform: uppercase;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.promo-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.hint-text {
  color: var(--silver);
  text-align: center;
  margin-bottom: 0;
  padding: 0;
  font-family: Silkscreen, sans-serif;
  font-size: .75rem;
  line-height: 1.5rem;
  display: block;
}

.hint-text.attn {
  color: #ffbf00;
}

.hilite {
  color: var(--orange);
  font-family: Silkscreen, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.project-treasury {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Eczar, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.25rem;
  display: block;
}

.project-treasury.hide {
  display: block;
}

.project-treasury.what {
  color: var(--white);
  font-size: 3.25rem;
}

.connect {
  color: var(--yellow);
  text-align: center;
  text-transform: uppercase;
  margin-top: 1rem;
  margin-bottom: 0;
  font-family: Silkscreen, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.learn-more {
  background-color: var(--cyan);
  color: var(--black);
  text-transform: uppercase;
  border-radius: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  font-family: Silkscreen, sans-serif;
  font-size: 1rem;
  text-decoration: none;
}

.learn-more:hover {
  background-color: var(--black);
  color: var(--cyan);
}

.learn-more:active {
  background-color: var(--white);
  color: var(--black);
}

.learn-more:visited {
  color: var(--black);
}

.the-mint {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100vh;
  margin-bottom: auto;
  padding-bottom: 2rem;
  font-size: 1rem;
  display: flex;
}

.just-sayin {
  color: var(--yellow);
  font-family: Silkscreen, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.paragraph-8 {
  font-family: Eczar, sans-serif;
  font-size: 1.5rem;
}

.image-download {
  z-index: 10;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.image-download:hover {
  opacity: 1;
}

.download-overlay {
  opacity: .67;
  width: 50%;
  height: 50%;
}

.heading-6 {
  text-align: center;
  font-family: Eczar, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.25rem;
}

.the-token {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100vh;
  margin-bottom: auto;
  padding-bottom: 2rem;
  font-size: 1rem;
  display: flex;
}

.cta-info {
  text-align: center;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Silkscreen, sans-serif;
  font-size: .75rem;
  line-height: 1.5rem;
  display: block;
}

.cta-info.attn {
  color: #ffbf00;
}

.search-input {
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  border: 0 rgba(0, 0, 0, 0);
  width: 100%;
  padding-left: .5rem;
  font-family: Silkscreen, sans-serif;
  line-height: 1.75rem;
  display: flex;
}

.search-input:focus {
  outline-offset: 0px;
  border-width: 0;
  outline: 0 rgba(0, 0, 0, 0);
}

.search-button {
  color: var(--black);
  background-color: rgba(191, 191, 191, .5);
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding: .5rem 1rem;
  font-size: .75rem;
  line-height: .75rem;
  display: flex;
}

.search-button:hover {
  background-color: var(--white);
  color: var(--black);
}

.search-button.active {
  background-color: var(--silver);
}

.search-button.active:hover {
  background-color: var(--black);
  color: var(--lime);
}

.search-button.active:active {
  background-color: var(--lime);
  color: var(--black);
}

.search-button.disabled:hover {
  background-color: rgba(191, 191, 191, .5);
}

.search {
  color: var(--lime);
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid rgba(191, 191, 191, .5);
  border-radius: 1rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  height: 2rem;
  font-size: .75rem;
  line-height: 1rem;
  display: flex;
}

.search.active {
  border-color: var(--silver);
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
}

.search-link {
  color: var(--silver);
  margin-bottom: 0;
  padding-left: .5rem;
  padding-right: 0;
  font-size: .75rem;
  line-height: 1rem;
  display: none;
}

.search-link.attn {
  color: #ffbf00;
}

.search-link.info-link {
  color: var(--black);
  padding-left: .25rem;
  padding-right: .25rem;
  display: inline;
}

.search-link.info-link:hover {
  color: var(--cyan);
}

.search-widget {
  color: var(--silver);
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 15rem;
  height: 4rem;
  font-family: Silkscreen, sans-serif;
  display: flex;
}

.div-block-26 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.yours {
  color: #c44cff;
}

.wallet-id {
  color: var(--yellow);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: block;
}

.paragraph-9 {
  text-align: left;
  white-space: pre-line;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: 100%;
  font-family: "Press Start 2P", sans-serif;
}

.div-block-27 {
  flex: 1;
  max-width: 50%;
  max-height: 50%;
  padding-top: 1rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: 5rem;
  line-height: 20rem;
}

.paragraph-10 {
  direction: ltr;
  white-space: normal;
  flex: 0 auto;
  font-size: 20rem;
}

.drop-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--lime);
  text-align: right;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 40%;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1.5rem;
  line-height: 2.125rem;
  display: flex;
}

.div-block-28 {
  flex-direction: row;
  justify-content: flex-start;
}

.drop-greeting {
  color: var(--yellow);
}

.drop-message {
  color: var(--white);
}

.drop-action {
  color: var(--lime);
  -webkit-text-stroke-color: var(--cyan);
}

.select-field-2 {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  height: 1.9rem;
  font-size: .5rem;
}

.freedrop {
  background-color: var(--yellow);
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  border: 4px #000;
  border-radius: 2.5rem;
  width: 100%;
  padding: 1rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  display: none;
}

.freedrop:hover {
  background-color: var(--black);
  color: var(--yellow);
}

.freedrop:active {
  background-color: var(--silver);
  color: var(--black);
}

.freedrop.disabled {
  color: var(--silver);
  background-color: #404040;
  width: 100%;
}

.freedrop.update-token {
  border: 2px solid var(--lime);
  width: 100%;
  margin-top: .5rem;
}

.emoji {
  font-size: 1.5rem;
  line-height: 0;
}

.iconnav {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  padding: .5rem .5rem .5rem 0;
  display: flex;
}

.shownav {
  color: var(--black);
  -webkit-text-stroke-color: var(--black);
  display: none;
}

.shownav.navcontrol {
  display: none;
}

.text-block-15 {
  -webkit-text-stroke-color: #000;
  background-color: rgba(255, 255, 255, .25);
}

.sealed-at {
  color: var(--orange);
}

.catacombs {
  border-color: var(--orange);
  color: var(--orange);
}

.mint-button {
  background-color: var(--black);
  color: var(--lime);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding: 1rem;
  font-family: "Press Start 2P", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  display: block;
}

.mint-button:hover {
  background-color: var(--cyan);
  color: var(--black);
}

.mint-button:active {
  background-color: var(--lime);
  color: var(--black);
}

.mint-button.disabled {
  color: var(--silver);
  background-color: #404040;
  border-style: none;
  width: 100%;
}

.mint-button.update-token {
  border: 2px solid var(--lime);
  width: 100%;
  margin-top: .5rem;
}

.avatar {
  width: 3rem;
}

.id-lockup {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-bottom: .25rem;
  display: flex;
}

.image-21 {
  border: 2px solid var(--silver);
  border-radius: .5rem;
  width: 5rem;
  height: 5rem;
}

.label.long {
  padding-left: .25rem;
}

.profile-actions {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: none;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.blackout {
  z-index: 9;
  background-color: var(--black);
  perspective: 2000px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.splash-logo {
  width: 100%;
  height: 100%;
  display: block;
}

.div-block-29 {
  justify-content: center;
  align-items: center;
  display: flex;
  transform: perspective(2000px);
}

.splash {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 20%;
  display: flex;
}

.rotate-phone {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  padding: 1rem 0;
  font-family: Silkscreen, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  display: none;
}

.rotate-phone.attn {
  color: #ffbf00;
}

.cancel-button {
  color: var(--silver);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin: .25rem;
  padding: .25rem;
  font-size: .75rem;
  line-height: .75rem;
  display: flex;
}

.cancel-button:hover {
  background-color: var(--ghost);
  color: var(--black);
}

@media screen and (max-width: 991px) {
  .body {
    -webkit-text-fill-color: inherit;
    background-color: rgba(53, 49, 78, .9);
    background-clip: border-box;
    align-items: stretch;
    padding-left: 1rem;
    padding-right: 3rem;
  }

  .body.mint {
    padding-top: 0;
  }

  .image {
    object-fit: contain;
    max-height: 8rem;
  }

  .image-3 {
    position: relative;
    bottom: -1px;
  }

  .image-5 {
    position: static;
  }

  .title {
    justify-content: space-between;
    position: static;
  }

  .twitter {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    left: 7rem;
  }

  .brand {
    flex-direction: column;
    height: 100%;
    display: flex;
    position: static;
    bottom: .5rem;
  }

  .navbar {
    background-color: rgba(0, 0, 0, 0);
  }

  .icon {
    color: #fff;
  }

  .text-block, .text-block.right {
    padding-left: 0;
    padding-right: 0;
    font-size: .95rem;
    line-height: 1.2rem;
  }

  .what {
    width: 43rem;
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .cta {
    min-height: auto;
    display: block;
  }

  .cta.update-token {
    width: 100%;
  }

  .what-the-phunk.what, .what-the-phunk.what-copy {
    width: auto;
  }

  .utility {
    white-space: normal;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    object-fit: fill;
    background-clip: border-box;
    margin-top: auto;
    margin-bottom: auto;
    font-family: Silkscreen, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    position: static;
  }

  .image-6 {
    display: block;
  }

  .column {
    position: relative;
  }

  .column-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    position: static;
  }

  .image-7 {
    width: 48%;
    position: absolute;
    bottom: 35%;
    right: 37%;
    transform: rotate(-3deg);
  }

  .details {
    width: 43rem;
    padding-left: 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .text-span-4, .text-span-5 {
    font-size: .95rem;
  }

  .landing {
    text-align: center;
    height: auto;
  }

  .blurb {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .blurb.right {
    font-size: 1rem;
  }

  .blurb.wallet {
    overflow: hidden;
  }

  .switch {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .features {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .button {
    border: 0 solid #000;
    border-radius: 0;
    flex: 1;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0 .5rem .125rem;
    font-family: Silkscreen, sans-serif;
  }

  .button.active {
    color: #000;
    background-color: #03ff00;
    flex: 1;
    margin-left: auto;
    font-family: Silkscreen, sans-serif;
    display: block;
  }

  .button.active.phunk {
    text-align: center;
    border-style: none;
    font-size: .75rem;
  }

  .button.active.male {
    text-align: center;
    font-size: .75rem;
  }

  .button.punk {
    text-align: center;
    border-style: none;
    font-size: .75rem;
  }

  .button.female {
    text-align: center;
    background-color: #000;
    border-style: none;
    font-size: .75rem;
  }

  .button.list-view, .button.grid-view {
    text-align: center;
    border-style: none;
  }

  .controls {
    background-color: var(--black);
    border: 1px #000;
  }

  .image-8 {
    white-space: normal;
    -webkit-text-fill-color: inherit;
    cursor: auto;
    mix-blend-mode: normal;
    object-fit: fill;
    background-clip: border-box;
    margin-bottom: 0;
    font-family: Silkscreen, sans-serif;
    font-weight: 400;
    position: static;
  }

  .token {
    justify-content: space-between;
    padding-top: 1rem;
  }

  .summary.description {
    object-fit: fill;
    position: static;
  }

  .pfp {
    justify-content: flex-start;
  }

  .demo {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .subtitle {
    margin-top: 0;
    margin-bottom: 0;
  }

  .description {
    font-size: 1.25rem;
  }

  .navigation {
    flex: 0 auto;
    width: auto;
    padding-left: 2rem;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .feature, .feature.right {
    margin-top: 0;
    margin-bottom: 0;
  }

  .feature.free {
    line-height: 1rem;
  }

  .text-span-13 {
    font-size: 1.2rem;
    line-height: 1.45rem;
  }

  .text-span-14 {
    min-height: auto;
    display: block;
  }

  .nav {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    width: 3rem;
    height: auto;
    padding-top: 0;
  }

  .nav-os {
    justify-content: center;
    align-items: center;
    height: 3rem;
    display: flex;
  }

  .preview {
    justify-content: center;
    align-items: center;
    width: 300px;
    height: auto;
  }

  .mint-info {
    flex: 0 auto;
    line-height: 1.5rem;
    display: block;
    position: static;
  }

  .display {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 40vw;
    height: auto;
    max-height: none;
    margin-bottom: 0;
    display: flex;
  }

  .cover {
    width: 100%;
    max-width: 100%;
    max-height: none;
  }

  .page-1 {
    width: 100%;
    max-width: none;
    max-height: none;
  }

  .story {
    flex-direction: column;
  }

  .form {
    justify-content: flex-start;
  }

  .select-field {
    color: var(--black);
    line-height: 1rem;
  }

  .variant {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .token-info {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .jpeg {
    width: 18rem;
    margin-bottom: 1rem;
  }

  .stake {
    justify-content: space-around;
  }

  .image-16 {
    height: auto;
  }

  .nft {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 0;
  }

  .mint-inputs {
    justify-content: center;
    align-items: center;
    width: 16rem;
  }

  .blurb-header {
    font-size: .625rem;
    line-height: .875rem;
  }

  .fomo {
    line-height: 1.5rem;
  }

  .grid {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(5.25rem, 1fr));
    max-width: 45rem;
  }

  .toggle, .top {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--black);
    border: 1px #000;
    justify-content: space-between;
    align-items: stretch;
  }

  .profile-info {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .network {
    background-color: rgba(0, 0, 0, 0);
  }

  .my-skelephunks.what {
    width: auto;
  }

  .keys {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding: .75rem;
  }

  .skeleton-keys {
    line-height: 2.25rem;
  }

  .skeleton-keys.what, .skeleton-keys.what-copy {
    width: auto;
  }

  .text-block-9 {
    line-height: 1px;
  }

  .keys-info {
    margin-left: .5rem;
  }

  .div-block-18 {
    display: flex;
  }

  .my-skelephhunks-title.what, .my-skelephhunks-title.what-copy {
    width: auto;
  }

  .text-span-21 {
    display: block;
  }

  .modal {
    width: 45rem;
  }

  .welcome-title.what, .welcome-title.what-copy, .acknowledgements.what, .acknowledgements.what-copy {
    width: auto;
  }

  .terms-info {
    flex: 0 auto;
    line-height: 1.5rem;
    display: block;
    position: static;
  }

  .paragraph-7 {
    font-family: Silkscreen, sans-serif;
  }

  .legal {
    color: var(--silver);
    font-family: Silkscreen, sans-serif;
    font-size: .75rem;
  }

  .accept-terms {
    min-height: auto;
    display: block;
  }

  .accept-terms.update-token {
    width: 100%;
  }

  .tagline {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .tagline.right {
    font-size: 1rem;
  }

  .tagline.on-chain, .tagline.your-mint {
    align-self: flex-end;
  }

  .modify-note {
    flex: 0 auto;
    display: block;
    position: static;
  }

  .mint-info-copy {
    flex: 0 auto;
    line-height: 1.5rem;
    display: block;
    position: static;
  }

  .nav-home {
    justify-content: center;
    align-items: center;
    height: 3rem;
    display: flex;
  }

  .nav-story {
    justify-content: center;
    align-items: center;
    height: 3rem;
    display: none;
  }

  .nav-twitter {
    justify-content: center;
    align-items: center;
    height: 3rem;
    display: flex;
  }

  .div-block-20 {
    max-width: 40%;
  }

  .div-block-24 {
    display: none;
  }

  .load-tokens {
    flex: 0 auto;
    line-height: 1.5rem;
    display: block;
    position: static;
  }

  .mint-title.what, .mint-title.what-copy {
    width: auto;
  }

  .input {
    background-color: var(--black);
  }

  .send-button {
    background-color: var(--black);
    border: 1px #000;
  }

  .promo-title {
    font-size: .9rem;
  }

  .hint-text {
    flex: 0 auto;
    line-height: 1.5rem;
    display: block;
    position: static;
  }

  .project-treasury.what {
    width: auto;
  }

  .connect {
    white-space: normal;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    object-fit: fill;
    background-clip: border-box;
    margin-top: auto;
    margin-bottom: auto;
    font-family: Silkscreen, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    position: static;
  }

  .the-mint, .the-token {
    justify-content: space-between;
    padding-top: 1rem;
  }

  .cta-info {
    flex: 0 auto;
    line-height: 1.5rem;
    display: block;
    position: static;
  }

  .search-button.active {
    justify-content: space-between;
  }

  .search-link {
    flex: 0 auto;
    line-height: 1.5rem;
    display: none;
    position: static;
  }

  .search-widget {
    flex-direction: column;
    display: flex;
  }

  .drop-copy {
    justify-content: center;
    align-items: stretch;
    width: 16rem;
    font-size: 1.25rem;
    line-height: 2rem;
  }

  .freedrop {
    min-height: auto;
    display: block;
  }

  .freedrop.update-token {
    width: 100%;
  }

  .mint-button {
    min-height: auto;
    display: block;
  }

  .mint-button.update-token {
    width: 100%;
  }

  .splash {
    max-width: 25%;
  }

  .rotate-phone {
    flex: 0 auto;
    line-height: 1.5rem;
    display: none;
    position: static;
  }

  .cancel-button {
    background-color: var(--black);
    border: 1px #000;
  }
}

@media screen and (max-width: 767px) {
  .body {
    justify-content: space-between;
    align-items: stretch;
    padding-left: 1rem;
    padding-right: 3rem;
    font-size: 12px;
  }

  .body.mint {
    background-image: linear-gradient(rgba(53, 49, 78, .9), rgba(53, 49, 78, .9)), url('../images/BACKGROUND-HANDS.jpg');
    background-position: 0 0, 20% 100%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .image {
    object-fit: scale-down;
    min-width: auto;
    max-width: 40vw;
    min-height: auto;
    margin-top: 0;
  }

  .image-5 {
    max-height: 2rem;
    position: static;
  }

  .title {
    flex-direction: column;
    justify-content: center;
    max-height: 10rem;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 1rem;
  }

  .navbar {
    background-color: rgba(0, 0, 0, 0);
  }

  .text-block {
    white-space: normal;
    object-fit: fill;
    padding-left: .5rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .text-block.right {
    text-align: right;
    margin-bottom: 0;
    padding-right: .5rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .what {
    width: auto;
    max-width: 100%;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .cta {
    font-size: 1rem;
  }

  .promo {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: row;
  }

  .what-the-phunk {
    margin-top: 0;
  }

  .utility {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1rem;
    line-height: 1.25rem;
    display: block;
  }

  .image-6 {
    max-width: 17rem;
  }

  .column {
    text-align: center;
  }

  .image-7 {
    width: 43%;
    bottom: 35%;
    right: 38%;
    transform: rotate(-3deg);
  }

  .details {
    width: auto;
    padding-left: 0;
    font-size: 1rem;
    line-height: 1.25rem;
    display: block;
  }

  .text-span-4 {
    font-size: 1rem;
    line-height: 1.25rem;
    display: inline-block;
  }

  .text-span-5 {
    display: inline-block;
  }

  .landing {
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .flip {
    padding-left: 0;
    padding-right: .5rem;
  }

  .blurb, .blurb.right {
    font-size: .9rem;
  }

  .blurb.status {
    max-width: 25%;
    font-size: .75rem;
  }

  .blurb.progress {
    font-size: .75rem;
  }

  .blurb.on-chain {
    display: none;
  }

  .blurb.your-mint {
    flex: 1;
    align-self: center;
    width: auto;
  }

  .blurb.welcome {
    display: block;
    position: absolute;
    top: 7.1rem;
  }

  .blurb.wallet {
    flex-direction: row;
    display: none;
  }

  .switch {
    padding-left: .5rem;
    padding-right: 0;
    font-size: 1px;
  }

  .features {
    font-size: .825rem;
    display: none;
  }

  .skelly {
    text-align: center;
    display: inline-block;
  }

  .controls {
    border-width: 0;
    width: auto;
    font-size: .75rem;
    line-height: 1rem;
  }

  .token {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-5 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .summary {
    line-height: 2rem;
  }

  .subtitle {
    text-align: left;
    width: 50%;
    font-size: 2rem;
    line-height: 3rem;
  }

  .description {
    line-height: 1.5rem;
  }

  .social {
    max-height: 208%;
  }

  .text-span-11 {
    text-align: left;
    display: inline;
  }

  .feature {
    color: var(--yellow);
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Silkscreen, sans-serif;
    font-size: 1rem;
  }

  .feature.right {
    text-align: right;
    font-size: 1rem;
  }

  .feature.free {
    font-size: .75rem;
  }

  .text-span-13 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .text-span-14 {
    line-height: 3rem;
  }

  .nav-os {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 3rem;
    display: flex;
  }

  .preview {
    justify-content: center;
    width: auto;
    max-width: none;
    max-height: none;
  }

  .mint-info {
    display: none;
  }

  .display {
    max-width: 50vw;
  }

  .cover, .page-1 {
    width: 50%;
    max-width: none;
    max-height: 100vh;
  }

  .story {
    flex-direction: row;
  }

  .html-embed {
    opacity: 0;
    display: block;
  }

  .inventory {
    background-color: rgba(0, 0, 0, 0);
    align-items: stretch;
  }

  .list {
    align-items: stretch;
  }

  .information {
    min-width: auto;
  }

  .token {
    padding-bottom: 0;
  }

  .content {
    align-items: flex-start;
  }

  .mint-inputs {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .greeting, .identity, .address {
    display: none;
  }

  .fomo {
    display: block;
  }

  .grid {
    max-width: none;
  }

  .toggle {
    border-width: 0;
    font-size: .75rem;
    line-height: 1rem;
  }

  .top {
    border-width: 0;
    width: auto;
    font-size: .75rem;
    line-height: 1rem;
  }

  .profile {
    align-items: stretch;
  }

  .profile-info {
    font-size: 1rem;
  }

  .network {
    background-color: rgba(0, 0, 0, 0);
    align-items: stretch;
  }

  .my-skelephunks {
    margin-top: 0;
  }

  .keys {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .skeleton-keys {
    margin-top: 0;
  }

  .key-image {
    max-width: 1.8rem;
  }

  .div-block-18 {
    justify-content: center;
    align-items: center;
  }

  .key-info-text {
    top: 1.75rem;
    bottom: auto;
    left: auto;
    right: -1rem;
  }

  .my-skelephhunks-title {
    margin-top: 0;
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .text-span-20 {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .welcome-title {
    margin-top: 0;
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .acknowledgements {
    margin-top: 0;
  }

  .terms-info {
    display: none;
  }

  .accept-terms {
    font-size: 1rem;
  }

  .tagline, .tagline.right {
    font-size: .9rem;
  }

  .tagline.status {
    max-width: 25%;
    font-size: .75rem;
  }

  .tagline.progress {
    font-size: .75rem;
  }

  .tagline.on-chain {
    display: none;
  }

  .tagline.your-mint {
    flex: 1;
    align-self: center;
    width: auto;
  }

  .tagline.welcome {
    display: none;
    position: absolute;
  }

  .tagline.wallet {
    display: none;
  }

  .modify-note {
    display: block;
  }

  .mint-info-copy {
    font-size: .5rem;
    display: block;
  }

  .nav-home {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 3rem;
    display: flex;
  }

  .nav-story {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 3rem;
    display: none;
  }

  .nav-twitter {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 3rem;
    display: flex;
  }

  .banner {
    width: auto;
  }

  .mint-content.left, .div-block-23, .load-tokens {
    display: none;
  }

  .mint-title {
    margin-top: 0;
  }

  .input {
    border-width: 0;
    width: auto;
    font-size: .75rem;
    line-height: 1rem;
  }

  .address-input {
    overflow: hidden;
  }

  .action {
    width: auto;
  }

  .send-button {
    border-width: 0;
    width: auto;
    font-size: .75rem;
    line-height: 1rem;
  }

  .promo-copy {
    font-size: .75rem;
    line-height: 1rem;
  }

  .promo-title {
    font-size: .625rem;
  }

  .hint-text {
    display: none;
  }

  .project-treasury {
    margin-top: 0;
  }

  .connect {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1rem;
    line-height: 1.25rem;
    display: block;
  }

  .the-mint, .the-token {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .cta-info {
    display: none;
  }

  .search-input {
    overflow: hidden;
  }

  .search-button {
    border-width: 0;
    width: auto;
    font-size: .75rem;
    line-height: 1rem;
  }

  .search-button.active {
    overflow: hidden;
  }

  .search {
    width: auto;
    font-size: .75rem;
    line-height: 1rem;
  }

  .search-link {
    display: block;
  }

  .yours {
    display: none;
  }

  .drop-copy {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .freedrop {
    font-size: 1rem;
  }

  .shownav {
    display: none;
  }

  .mint-button {
    font-size: 1rem;
  }

  .profile-actions {
    flex-flow: column;
  }

  .blackout {
    opacity: 1;
  }

  .splash-logo {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .div-block-29 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .splash {
    max-width: 30%;
  }

  .rotate-phone {
    padding-top: 0;
    padding-bottom: 0;
    font-size: .75rem;
    line-height: 1rem;
    display: block;
  }

  .cancel-button {
    border-width: 0;
    width: auto;
    font-size: .75rem;
    line-height: 1rem;
  }
}

@media screen and (max-width: 479px) {
  .body {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-image: linear-gradient(rgba(53, 49, 78, .6), rgba(53, 49, 78, .6)), url('../images/BACKGROUND-CLEAN.jpg');
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    flex-flow: column;
    justify-content: space-around;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .body.mint {
    background-image: linear-gradient(rgba(53, 49, 78, .9), rgba(53, 49, 78, .9)), url('../images/BACKGROUND-HANDS.jpg');
    justify-content: space-around;
  }

  .image {
    width: 100%;
    max-width: none;
    height: auto;
    max-height: 7rem;
    margin-top: 0;
    padding-top: 0;
  }

  .image-3 {
    max-width: 50rem;
  }

  .image-4 {
    max-height: 1.5rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .image-5 {
    max-height: 1.25rem;
    display: block;
    position: static;
  }

  .paragraph-2 {
    font-size: .4rem;
  }

  .paragraph-3 {
    margin-left: auto;
    margin-right: auto;
  }

  .italic-text {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-family: PT Serif, serif;
    font-size: .75rem;
    font-style: italic;
    display: flex;
  }

  .title {
    flex-flow: wrap;
    justify-content: space-around;
    width: auto;
    max-height: none;
    margin-top: 0;
    padding-top: 0;
    position: static;
  }

  .images {
    flex-direction: column;
    padding-bottom: 4rem;
    display: flex;
  }

  .twitter {
    display: none;
    left: 0;
  }

  .brand {
    min-height: 100%;
    display: flex;
  }

  .menu-button {
    padding: .5rem;
  }

  .text-block {
    white-space: normal;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    display: block;
  }

  .text-block.hh {
    display: none;
  }

  .text-block.right {
    text-align: left;
    padding-top: 0;
    font-size: .75rem;
    line-height: 1rem;
    display: block;
  }

  .what {
    max-width: none;
    font-size: 2rem;
    line-height: 2.25rem;
    display: inline;
  }

  .cta {
    margin-bottom: 0;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1rem;
  }

  .cta.update-token {
    width: 100%;
  }

  .promo {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    white-space: normal;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 0;
  }

  .what-the-phunk {
    line-height: 2.25rem;
    display: block;
  }

  .what-the-phunk.hide {
    display: none;
  }

  .what-the-phunk.what, .what-the-phunk.what-copy {
    color: var(--white);
    font-family: Eczar, sans-serif;
  }

  .text-span-3 {
    font-size: 1.5rem;
  }

  .utility {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    display: block;
  }

  .image-6 {
    text-align: center;
    max-width: 100%;
    display: block;
    position: static;
  }

  .column {
    text-align: center;
    white-space: normal;
  }

  .image-7 {
    width: 48%;
    bottom: 35%;
    right: 37%;
    transform: rotate(-3deg);
  }

  .paragraph-4 {
    font-size: .8rem;
  }

  .heading-3 {
    font-size: 1.2rem;
  }

  .details {
    flex-direction: column;
    width: auto;
    padding-left: 0;
    font-size: 1rem;
    line-height: 1.25rem;
    display: block;
  }

  .text-span-5 {
    font-size: 1rem;
  }

  .landing {
    flex: 1;
    order: 0;
    justify-content: space-between;
    padding-top: 0;
    display: block;
  }

  .flip {
    border-bottom: 1px solid var(--white);
    border-right-style: none;
    border-right-width: 0;
    padding-bottom: .5rem;
  }

  .blurb {
    text-align: left;
    padding: .5rem;
    font-size: .75rem;
  }

  .blurb.right {
    text-align: left;
    font-size: .75rem;
  }

  .blurb.status {
    max-width: 100%;
    line-height: 1rem;
    display: block;
    position: static;
  }

  .blurb.progress {
    display: none;
  }

  .blurb.on-chain {
    max-width: none;
    line-height: 1rem;
    display: block;
  }

  .blurb.your-mint {
    flex: 0 auto;
    align-self: stretch;
    max-width: none;
    font-size: .75rem;
    line-height: 1rem;
  }

  .blurb.welcome {
    background-color: rgba(0, 0, 0, .25);
    border-radius: 0 0 10px 10px;
    flex-direction: column;
    order: -1;
    align-items: flex-start;
    width: 100%;
    margin-bottom: .5rem;
    display: flex;
    position: static;
  }

  .blurb.wallet {
    flex-direction: column;
    order: 0;
    justify-content: space-between;
    align-items: flex-end;
    width: 50%;
    padding: .5rem;
    display: flex;
  }

  .switch {
    padding-left: 0;
  }

  .features {
    flex-direction: column;
    display: none;
  }

  .skelly {
    width: auto;
    max-height: 100%;
    display: inline-block;
  }

  .columns-2 {
    margin-bottom: 3rem;
  }

  .text-span-9 {
    text-align: center;
    display: block;
  }

  .button:hover {
    color: var(--lime);
  }

  .button:active {
    background-color: var(--lime);
    color: var(--black);
  }

  .button.active.phunk, .button.active.male, .button.punk, .button.female {
    font-size: .75rem;
  }

  .controls {
    display: flex;
  }

  .div-block-5 {
    margin-bottom: 1rem;
  }

  .token {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .heading-5 {
    font-size: .5rem;
    line-height: 1.25rem;
    display: block;
  }

  .summary {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .sample {
    display: none;
  }

  .pfp {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .launch {
    flex-direction: column;
    display: block;
  }

  .demo {
    align-items: center;
    height: auto;
  }

  .subtitle {
    text-align: center;
    width: 100%;
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .description {
    font-family: Silkscreen, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .twitter-2 {
    text-align: center;
  }

  .social {
    width: auto;
    height: 1.25rem;
    max-height: 100%;
    position: -webkit-sticky;
    position: sticky;
  }

  .social.eth {
    width: auto;
    height: 1.5rem;
    display: none;
  }

  .social.twit {
    width: 1.5rem;
    height: auto;
    position: static;
  }

  .social.page {
    height: 1.5rem;
  }

  .navigation {
    justify-content: flex-end;
    padding: .5rem 1rem;
    display: flex;
    position: fixed;
    top: 0;
  }

  .feature {
    padding-left: 0;
  }

  .feature.right {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .feature.free {
    font-size: .75rem;
  }

  .text-span-12 {
    font-size: 1.25rem;
  }

  .text-span-13 {
    white-space: normal;
    width: auto;
    font-size: 1.25rem;
    font-style: normal;
    line-height: 1.25rem;
    display: block;
    overflow: visible;
  }

  .text-span-14 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .nav {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 2rem;
    padding-top: 0;
    display: flex;
    position: static;
  }

  .nav-os {
    width: 2rem;
    height: 2rem;
  }

  .preview {
    object-fit: fill;
    align-items: stretch;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 400;
  }

  .image-9 {
    max-width: 50%;
  }

  .mint-info {
    text-align: center;
    flex: 1;
    line-height: 1rem;
    display: block;
  }

  .display {
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  .cover, .page-1 {
    width: 100%;
    max-width: none;
  }

  .story {
    flex-direction: column;
  }

  .form-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: row;
    justify-content: center;
  }

  .form {
    flex-direction: row;
    display: flex;
  }

  .select-field {
    text-align: center;
    font-size: .9rem;
  }

  .variant {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .image-10 {
    order: 1;
  }

  .image-11, .image-12, .image-13 {
    max-width: 75%;
  }

  .token-info {
    text-align: right;
    width: 50%;
    padding-left: 0;
    display: block;
  }

  .token-id {
    margin-top: 0;
    margin-bottom: 0;
    padding: .5rem;
    font-size: 1rem;
    line-height: 1.25rem;
    display: block;
  }

  .jpeg {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    width: auto;
    margin-bottom: 0;
    display: flex;
  }

  .stake {
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
    display: flex;
  }

  .list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
  }

  .profile-page {
    width: 100%;
  }

  .root {
    position: relative;
  }

  .information {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .token {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    justify-content: flex-start;
  }

  .traits {
    flex-flow: column;
    width: 50%;
    display: flex;
  }

  .nft {
    padding: 0;
  }

  .content {
    flex-flow: wrap;
    justify-content: space-around;
    align-items: flex-start;
    display: flex;
  }

  .instructions {
    display: none;
  }

  .mint-inputs {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    order: -1;
    align-items: center;
    width: 17rem;
    display: flex;
  }

  .greeting, .identity {
    display: block;
  }

  .address {
    font-size: .75rem;
    display: block;
  }

  .minted-on, .minted-by {
    line-height: 1rem;
  }

  .trait {
    flex-flow: column;
  }

  .free {
    display: block;
  }

  .free.navlink {
    margin-top: .5rem;
    display: block;
  }

  .blurb-header, .blurb-header.max-minting {
    font-size: .5rem;
    line-height: .75rem;
  }

  .blurb-header.claiming {
    font-size: .69rem;
  }

  .info-link {
    color: var(--black);
    white-space: nowrap;
  }

  .info-link:active {
    color: var(--black);
  }

  .info-link:visited {
    border: 1px solid var(--silver);
    color: var(--cyan);
    background-color: rgba(0, 0, 0, 0);
  }

  .profile-picture {
    max-width: 100%;
  }

  .grid {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  }

  .thumbnail {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .toggle {
    display: flex;
  }

  .id-number {
    margin-top: 0;
    margin-bottom: 0;
    padding: .5rem;
    font-size: .5rem;
    line-height: 1rem;
    display: block;
  }

  .top {
    display: flex;
  }

  .profile {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
  }

  .user {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    display: flex;
  }

  .profile-info {
    width: auto;
    font-size: .825rem;
    line-height: 1.25rem;
  }

  .profile-id {
    margin-top: 0;
    margin-bottom: 0;
    padding: .5rem;
    font-size: 1rem;
    line-height: 1.25rem;
    display: block;
  }

  .profile-details {
    flex-direction: column;
    justify-content: flex-start;
  }

  .network {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .my-skelephunks.hide {
    display: none;
  }

  .my-skelephunks.what {
    color: var(--white);
    font-family: Eczar, sans-serif;
  }

  .keys {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template: "."
                   "."
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .skeleton-keys {
    line-height: 2.25rem;
    display: block;
  }

  .skeleton-keys.hide {
    display: none;
  }

  .skeleton-keys.what, .skeleton-keys.what-copy {
    color: var(--white);
    font-family: Eczar, sans-serif;
  }

  .key-image {
    max-width: 1.872rem;
  }

  .key-id {
    margin-top: 0;
    margin-bottom: 0;
    padding: .5rem 0;
    font-size: .5rem;
    line-height: 1rem;
    display: block;
  }

  .div-block-18 {
    justify-content: center;
  }

  .my-skelephhunks-title {
    line-height: 2.25rem;
    display: block;
  }

  .my-skelephhunks-title.hide {
    display: none;
  }

  .my-skelephhunks-title.what, .my-skelephhunks-title.what-copy {
    color: var(--white);
    font-family: Eczar, sans-serif;
  }

  .text-span-20 {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .welcome-title {
    line-height: 2.25rem;
    display: block;
  }

  .welcome-title.hide {
    display: none;
  }

  .welcome-title.what, .welcome-title.what-copy {
    color: var(--white);
    font-family: Eczar, sans-serif;
  }

  .acknowledgements {
    line-height: 2.25rem;
    display: block;
  }

  .acknowledgements.hide {
    display: none;
  }

  .acknowledgements.what, .acknowledgements.what-copy {
    color: var(--white);
    font-family: Eczar, sans-serif;
  }

  .terms-info {
    text-align: center;
    flex: 1;
    line-height: 1rem;
    display: block;
  }

  .accept-terms {
    margin-bottom: 0;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1rem;
  }

  .accept-terms.update-token {
    width: 100%;
  }

  .tagline, .tagline.right {
    text-align: left;
    font-size: .75rem;
  }

  .tagline.status {
    max-width: 100%;
    line-height: 1rem;
    display: block;
    position: static;
  }

  .tagline.progress, .tagline.on-chain {
    display: none;
  }

  .tagline.your-mint {
    flex: 0 auto;
    align-self: stretch;
    width: auto;
    font-size: .75rem;
    line-height: 1rem;
  }

  .tagline.welcome {
    display: none;
    position: static;
  }

  .tagline.wallet {
    width: auto;
    display: flex;
  }

  .eth-balance {
    display: none;
  }

  .modify-note {
    text-align: center;
    line-height: 1rem;
    display: block;
  }

  .thumbnail-copy {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    display: flex;
  }

  .unclaimed {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .close-overlay {
    font-size: 1.5rem;
    line-height: 1rem;
    top: .5rem;
    right: .5rem;
  }

  .mint-info-copy {
    text-align: center;
    font-size: .75rem;
    line-height: 1rem;
    display: block;
  }

  .sample-copy, .footbar.mint-info-copy-copy {
    display: none;
  }

  .nav-home, .nav-story, .nav-twitter {
    width: 2rem;
    height: 2rem;
  }

  .text-span-24 {
    color: var(--black);
  }

  .key-identity {
    color: var(--yellow);
    max-width: 90%;
    margin-top: 0;
    margin-bottom: 0;
    padding: .5rem;
    font-size: 1rem;
    line-height: 1.25rem;
    display: block;
    overflow: hidden;
  }

  .banner {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: space-around;
    width: 50%;
    padding: .5rem;
    display: flex;
  }

  .mint-content.left {
    width: 55%;
    padding-left: .25rem;
    padding-right: .25rem;
    display: flex;
  }

  .mint-content.right {
    width: 45%;
  }

  .div-block-24 {
    display: none;
  }

  .load-tokens {
    text-align: center;
    flex: 1;
    line-height: 1rem;
    display: block;
  }

  .mint-title {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .mint-title.hide {
    display: none;
  }

  .mint-title.what, .mint-title.what-copy {
    color: var(--white);
    font-family: Eczar, sans-serif;
  }

  .unloaded {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    display: flex;
  }

  .more {
    margin-top: 0;
    margin-bottom: 0;
    padding: .5rem;
    font-size: .5rem;
    line-height: 1rem;
    display: block;
  }

  .key {
    margin-top: 0;
    margin-bottom: 0;
    padding: .5rem 0;
    font-size: .5rem;
    line-height: 1rem;
    display: block;
  }

  .token-name, .key-name {
    margin-top: 0;
    margin-bottom: 0;
    padding: .5rem;
    font-size: 1rem;
    line-height: 1.25rem;
    display: block;
  }

  .input {
    border-width: 2px;
    display: flex;
  }

  .address-input {
    outline-offset: 0px;
    outline: 3px #fff;
  }

  .address-input:focus {
    outline-offset: 0px;
    outline: 3px rgba(0, 0, 0, 0);
  }

  .action {
    display: flex;
  }

  .send-button {
    justify-content: center;
    align-items: center;
    padding: 0 .5rem;
    font-size: .625rem;
    display: flex;
  }

  .promo-image {
    object-fit: contain;
    max-width: none;
  }

  .promotion {
    border-radius: 1rem;
    flex-direction: column;
  }

  .promo-title {
    font-size: .7rem;
  }

  .hint-text {
    text-align: center;
    flex: 1;
    line-height: 1rem;
    display: block;
  }

  .project-treasury {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .project-treasury.hide {
    display: none;
  }

  .project-treasury.what {
    color: var(--white);
    font-family: Eczar, sans-serif;
  }

  .connect {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25rem;
    display: block;
  }

  .learn-more, .learn-more:active {
    color: var(--black);
  }

  .learn-more:visited {
    border: 1px solid var(--silver);
    color: var(--cyan);
    background-color: rgba(0, 0, 0, 0);
  }

  .the-mint {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .just-sayin {
    color: var(--yellow);
    font-size: 1rem;
  }

  .the-token {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cta-info {
    text-align: center;
    flex: 1;
    line-height: 1rem;
    display: block;
  }

  .search-input {
    outline-offset: 0px;
    outline: 3px #fff;
  }

  .search-input:focus {
    outline-offset: 0px;
    outline: 3px rgba(0, 0, 0, 0);
  }

  .search-button {
    justify-content: center;
    align-items: center;
    padding: 0 .5rem;
    font-size: .625rem;
    display: flex;
  }

  .search {
    border-width: 2px;
    display: flex;
  }

  .search-link {
    text-align: center;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    margin-top: .5rem;
    line-height: 1rem;
    display: none;
  }

  .search-widget {
    width: 100%;
    height: auto;
    display: block;
  }

  .search-widget.navlink {
    height: auto;
    display: block;
  }

  .yours, .yours.navlink {
    display: block;
  }

  .text-block-14 {
    width: 100%;
  }

  .wallet-id {
    margin-top: 0;
    margin-bottom: 0;
    padding: .5rem;
    display: block;
  }

  .drop-copy {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    order: -1;
    align-items: center;
    width: 17rem;
    font-size: .5rem;
    line-height: 1rem;
    display: flex;
  }

  .freedrop {
    border-radius: 1.5rem;
    flex-direction: row;
    margin-bottom: 0;
    padding: .75rem;
    display: flex;
  }

  .freedrop.update-token {
    width: 100%;
  }

  .emoji {
    font-size: 2rem;
    line-height: 2rem;
    display: inline-block;
    position: static;
    top: .25rem;
  }

  .iconnav {
    width: 100%;
  }

  .shownav {
    color: var(--silver);
    text-align: center;
    -webkit-text-stroke-color: var(--black);
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0);
    width: 100%;
    display: none;
  }

  .shownav:hover {
    color: var(--black);
    background-color: rgba(255, 255, 255, .25);
    border: 1px solid #fff;
  }

  .shownav.navcontrol {
    color: var(--silver);
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 4px;
    margin-bottom: .5rem;
    display: block;
  }

  .shownav.navcontrol:hover {
    color: var(--black);
    background-color: rgba(255, 255, 255, .25);
  }

  .text-block-15 {
    background-color: rgba(255, 255, 255, 0);
    font-size: .75rem;
  }

  .short {
    display: inline;
  }

  .long {
    align-self: auto;
    display: block;
  }

  .sealed-at {
    line-height: 1rem;
  }

  .mint-button {
    margin-bottom: 0;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1rem;
  }

  .mint-button.update-token {
    width: 100%;
  }

  .avatar {
    width: 2.5rem;
  }

  .label.long, .hide-small {
    display: none;
  }

  .profile-actions {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: space-around;
    display: flex;
  }

  .button-2, .button-3 {
    flex: 1;
  }

  .metadata {
    display: flex;
  }

  .splash {
    max-width: 30%;
  }

  .rotate-phone {
    text-align: center;
    flex: 1;
    line-height: 1rem;
    display: none;
  }

  .cancel-button {
    justify-content: center;
    align-items: center;
    padding: 0 .5rem;
    font-size: .625rem;
    display: flex;
  }
}

#w-node-_7e10d225-d2fc-33c4-677c-db2197472880-31b4fdf0, #w-node-_440a4b4f-0ee4-4b4b-2ced-c207a3e2c8fa-31b4fdf0, #w-node-c3a24adf-1bef-dbb9-755a-55ac742f22d3-31b4fdf0, #w-node-fd08db4a-a5fc-bdc0-2a18-2c63b9586184-31b4fdf0, #w-node-_4240d353-2802-3cd6-16c7-da6f13d3f2f0-31b4fdf0, #w-node-_7da22607-ff7d-42b9-45cb-b8f73f038e5a-31b4fdf0, #w-node-_480a104d-c350-5973-7cee-9248b887f11a-31b4fdf0, #w-node-_494a6e8b-ce0f-1d5f-2dc4-5ad968178151-31b4fdf0, #w-node-ef379426-76e6-61b4-70ac-6d84c4d77652-31b4fdf0, #w-node-_04327d57-2499-f639-af58-f4be347718dd-31b4fdf0, #w-node-cf60c29c-9347-b301-566d-fba1503956fc-31b4fdf0, #w-node-e9d86c94-c0bf-05b5-d1cc-e97283601a66-31b4fdf0, #w-node-_61753945-971a-0862-b2f1-1f15c280b6c9-31b4fdf0, #w-node-_049133b4-904c-539e-d8f3-3af7acb08c5d-31b4fdf0, #w-node-da4d1d4e-9f66-d4b4-2062-04c6e5844a4f-31b4fdf0, #w-node-_5ac892b1-40f5-3758-c9a6-435a0d9577cf-31b4fdf0, #w-node-f39f45f5-7559-0ad0-1c7b-a826b2895367-31b4fdf0, #w-node-_84f98533-13dc-542a-3f02-b0f423bddebc-31b4fdf0, #w-node-_27b536ce-d507-ac39-dbc7-ffc4e5728694-31b4fdf0, #w-node-ae161f71-1502-02c4-237c-6791e7f7f1cc-31b4fdf0, #w-node-a3515d32-75b7-9dbe-333e-8c95102b8055-31b4fdf0, #w-node-eb108645-0b49-f506-537c-44780ddee8a1-31b4fdf0, #w-node-_5e28894a-1f8f-0608-700a-92867be92f15-31b4fdf0, #w-node-_8b714382-1471-2246-2ddb-e741127b2827-31b4fdf0, #w-node-_970492f3-a340-ced0-94b0-efa5b6778a3e-31b4fdf0, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17c9dc-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17c9e0-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17c9e4-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17c9e8-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17c9ec-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17c9f0-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17c9f4-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17c9f8-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17c9fc-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17ca00-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17ca04-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17ca08-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17ca0c-da690c5c, #w-node-b2cb36d0-5f0b-725d-5b4e-d686fb17ca10-da690c5c, #w-node-acfd03a2-ad25-5b9c-46e2-467e9c50539f-da690c5c, #w-node-acfd03a2-ad25-5b9c-46e2-467e9c5053a3-da690c5c, #w-node-acfd03a2-ad25-5b9c-46e2-467e9c5053a7-da690c5c, #w-node-acfd03a2-ad25-5b9c-46e2-467e9c5053ab-da690c5c, #w-node-acfd03a2-ad25-5b9c-46e2-467e9c5053af-da690c5c, #w-node-acfd03a2-ad25-5b9c-46e2-467e9c5053b3-da690c5c, #w-node-_7e10d225-d2fc-33c4-677c-db2197472880-fc12e2b5, #w-node-_440a4b4f-0ee4-4b4b-2ced-c207a3e2c8fa-fc12e2b5, #w-node-c3a24adf-1bef-dbb9-755a-55ac742f22d3-fc12e2b5, #w-node-fd08db4a-a5fc-bdc0-2a18-2c63b9586184-fc12e2b5, #w-node-_4240d353-2802-3cd6-16c7-da6f13d3f2f0-fc12e2b5, #w-node-_7da22607-ff7d-42b9-45cb-b8f73f038e5a-fc12e2b5, #w-node-_480a104d-c350-5973-7cee-9248b887f11a-fc12e2b5, #w-node-_494a6e8b-ce0f-1d5f-2dc4-5ad968178151-fc12e2b5, #w-node-ef379426-76e6-61b4-70ac-6d84c4d77652-fc12e2b5, #w-node-_04327d57-2499-f639-af58-f4be347718dd-fc12e2b5, #w-node-cf60c29c-9347-b301-566d-fba1503956fc-fc12e2b5, #w-node-e9d86c94-c0bf-05b5-d1cc-e97283601a66-fc12e2b5, #w-node-_61753945-971a-0862-b2f1-1f15c280b6c9-fc12e2b5, #w-node-_86d89d0c-e594-036c-8789-ed1063b96bd5-fc12e2b5, #w-node-_353ffffc-9ded-40ec-e860-b0c6bfd98b50-fc12e2b5, #w-node-bac0baf5-ed8e-54ed-e5ab-b0cb1eda1a2c-fc12e2b5, #w-node-_543878fa-0335-81d7-4c83-1b8fbfd601a0-fc12e2b5, #w-node-de2339ba-0e88-57e8-4d61-5cafd97919d2-fc12e2b5, #w-node-_04f1001c-62b1-3e8f-3668-b74a2f22b212-fc12e2b5, #w-node-_22301bdf-de67-89f6-9579-930bf954383d-fc12e2b5, #w-node-_051068be-cb10-7ca2-9db9-beef594feef3-fc12e2b5, #w-node-ab6ddeb5-d3de-3c0d-7609-45180ac537e4-fc12e2b5, #w-node-bb4bb409-d859-2a5d-4e77-34eb01e07923-fc12e2b5, #w-node-_7d22ecc8-31a8-84c1-00cc-e53e17ec0827-fc12e2b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_440a4b4f-0ee4-4b4b-2ced-c207a3e2c8fa-31b4fdf0, #w-node-c3a24adf-1bef-dbb9-755a-55ac742f22d3-31b4fdf0, #w-node-fd08db4a-a5fc-bdc0-2a18-2c63b9586184-31b4fdf0, #w-node-_4240d353-2802-3cd6-16c7-da6f13d3f2f0-31b4fdf0, #w-node-_7da22607-ff7d-42b9-45cb-b8f73f038e5a-31b4fdf0, #w-node-_480a104d-c350-5973-7cee-9248b887f11a-31b4fdf0, #w-node-_494a6e8b-ce0f-1d5f-2dc4-5ad968178151-31b4fdf0, #w-node-ef379426-76e6-61b4-70ac-6d84c4d77652-31b4fdf0, #w-node-_04327d57-2499-f639-af58-f4be347718dd-31b4fdf0, #w-node-cf60c29c-9347-b301-566d-fba1503956fc-31b4fdf0, #w-node-_440a4b4f-0ee4-4b4b-2ced-c207a3e2c8fa-fc12e2b5, #w-node-c3a24adf-1bef-dbb9-755a-55ac742f22d3-fc12e2b5, #w-node-fd08db4a-a5fc-bdc0-2a18-2c63b9586184-fc12e2b5, #w-node-_4240d353-2802-3cd6-16c7-da6f13d3f2f0-fc12e2b5, #w-node-_7da22607-ff7d-42b9-45cb-b8f73f038e5a-fc12e2b5, #w-node-_480a104d-c350-5973-7cee-9248b887f11a-fc12e2b5, #w-node-_494a6e8b-ce0f-1d5f-2dc4-5ad968178151-fc12e2b5, #w-node-ef379426-76e6-61b4-70ac-6d84c4d77652-fc12e2b5, #w-node-_04327d57-2499-f639-af58-f4be347718dd-fc12e2b5, #w-node-cf60c29c-9347-b301-566d-fba1503956fc-fc12e2b5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}