

.crytex-airdrop-banner.crytex-welcome-b { z-index: 100000; } 


.crytex-welcome-b h2 span,
.wb-amt > span:not(.wb-usd) {
  font-family: "Orbitron", monospace;
  font-weight: 900;
  background: linear-gradient(135deg, #ffd700 0%, #ffaa00 40%, #ff8c00 70%, #ffd700 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 0 20px rgba(255, 200, 0, .5));
  animation: wbGold 3s linear infinite;
}
.crytex-welcome-b h2 span { font-size: .88em; letter-spacing: 0; text-shadow: none; }

.crytex-welcome-b--e h2 span b { font-weight: 900; font-size: .7em; vertical-align: .12em; margin-right: .04em; }
.crytex-welcome-b--e h2 small { font-size: .5em; letter-spacing: 0; }
.crytex-welcome-b--j .wb-j-tokens {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px;
  margin: 8px 0 18px;
  color: #a7d7ff;
  font-family: "Gilroy", sans-serif;
  line-height: 1.2;
}
.crytex-welcome-b--j .wb-j-tokens strong {
  font: 900 clamp(32px, 6vw, 48px)/1.2 "Orbitron", sans-serif;
  letter-spacing: -.6px;
}
.crytex-welcome-b--j .wb-j-tokens > span {
  font-size: clamp(19px, 3vw, 24px);
  font-weight: 600;
  color: #e4eff9;
}
.crytex-airdrop-banner.crytex-welcome-b--e .airdrop-hide-link { font-size: 13px; }

.crytex-airdrop-banner.crytex-welcome-b .hero-btn { font-family: "Gilroy", sans-serif; font-weight: 700; }
@keyframes wbGold {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


.wb-float { position: relative; width: 100%; aspect-ratio: 4 / 3; animation: wbFloat 6s ease-in-out infinite; }
.wb-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 18px 40px rgba(0, 89, 162, .55)); }
.wb-glow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 82%;
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, rgba(0, 120, 255, .42), rgba(0, 89, 162, 0));
  animation: wbBreath 4s ease-in-out infinite;
}
@keyframes wbBreath { 50% { opacity: .55; transform: translate(-50%, -50%) scale(1.08); } }
@keyframes wbFloat { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-12px) rotate(1.2deg); } }


.wb-art { position: absolute; z-index: 1; right: 0; top: 0; bottom: 0; width: 48%; pointer-events: none; }
.wb-stage { position: absolute; inset: 6% 3% 6% 0; display: grid; place-items: center; }

.wb-shine {
  position: absolute;
  inset: 0;
  -webkit-mask: url(/img/ctxbonus.png) center / contain no-repeat;
  mask: url(/img/ctxbonus.png) center / contain no-repeat;
  background: linear-gradient(105deg, rgba(220, 236, 255, 0) 46%, rgba(220, 236, 255, .55) 50%, rgba(220, 236, 255, 0) 54%);
  background-size: 300% 100%;
  mix-blend-mode: screen;
  animation: wbSweep 4.5s ease-in-out infinite;
}
@keyframes wbSweep { 0%, 35% { background-position: 120% 0; } 100% { background-position: -40% 0; } }
.wb-rays {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 170%;
  aspect-ratio: 1;
  background: repeating-conic-gradient(from 0deg, rgba(108, 146, 194, .16) 0deg 4deg, rgba(108, 146, 194, 0) 4deg 14deg);
  -webkit-mask-image: radial-gradient(circle, #000 0, rgba(0, 0, 0, .55) 28%, transparent 58%);
  mask-image: radial-gradient(circle, #000 0, rgba(0, 0, 0, .55) 28%, transparent 58%);
  animation: wbRays 70s linear infinite;
}
@keyframes wbRays { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }
.wb-tw {
  position: absolute;
  z-index: 2;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  background:
    linear-gradient(90deg, rgba(220, 236, 255, 0), #fff 50%, rgba(220, 236, 255, 0)) center / 100% 2px no-repeat,
    linear-gradient(0deg, rgba(220, 236, 255, 0), #fff 50%, rgba(220, 236, 255, 0)) center / 2px 100% no-repeat;
  filter: drop-shadow(0 0 4px #AFCAEE);
  opacity: 0;
  animation: wbTwinkle 3.2s ease-in-out calc(var(--i) * .45s) infinite;
}
@keyframes wbTwinkle { 0%, 60%, 100% { opacity: 0; transform: scale(.3) rotate(0deg); } 75% { opacity: 1; transform: scale(1) rotate(45deg); } }
.crytex-airdrop-banner.is-visible.crytex-welcome-b--e .crytex-welcome-copy > * { animation: wbIn .6s cubic-bezier(.2, .8, .2, 1) both; }
.crytex-airdrop-banner.is-visible.crytex-welcome-b--e .crytex-welcome-copy > :nth-child(1) { animation-delay: .25s; }
.crytex-airdrop-banner.is-visible.crytex-welcome-b--e .crytex-welcome-copy > :nth-child(2) { animation-delay: .35s; }
.crytex-airdrop-banner.is-visible.crytex-welcome-b--e .crytex-welcome-copy > :nth-child(3) { animation-delay: .45s; }
.crytex-airdrop-banner.is-visible.crytex-welcome-b--e .crytex-welcome-copy > :nth-child(4) { animation-delay: .55s; }
.crytex-airdrop-banner.is-visible.crytex-welcome-b--e .crytex-welcome-copy > :nth-child(5) { animation-delay: .65s; }
.crytex-airdrop-banner.is-visible.crytex-welcome-b--e .crytex-welcome-copy > :nth-child(6) { animation-delay: .75s; }
@keyframes wbIn { from { opacity: 0; transform: translateX(-24px); } }


.crytex-airdrop-banner.crytex-welcome-b--h .crytex-airdrop-card { padding: 0; min-height: 0; text-align: center; }
.crytex-welcome-b--h .crytex-airdrop-close-btn { z-index: 6; }

.wb-h { position: relative; container-type: inline-size; display: grid; place-items: center; min-height: 440px; overflow: hidden; font-family: "Gilroy", sans-serif; color: #e4eff9; --px: 0; --py: 0; }
.wb-h p { margin: 0; }
.wb-h__glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 50%, rgba(0, 89, 162, .36), rgba(0, 89, 162, 0) 62%); }
.wb-layers { position: absolute; inset: 0; }

.wb-lw {
  position: absolute;
  width: 48.65cqw;
  height: 36.49cqw;
  transform: translate(calc(var(--px) * var(--z) * 1px), calc(var(--py) * var(--z) * 1px));
  transition: transform .4s ease-out;
}
.wb-lw--c { left: 58.38cqw; top: 1.08cqw; }
.wb-lw--r { left: 47.57cqw; top: 26.49cqw; }
.wb-lw--tl { left: .54cqw; top: 2.97cqw; filter: blur(.6px); opacity: .9; }
.wb-lw--bl { left: 5.14cqw; top: 18.92cqw; filter: blur(.6px); opacity: .9; }
.wb-l { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.wb-l--c { clip-path: ellipse(25% 38% at 51% 51%); animation: wbFloat 6s ease-in-out infinite; filter: drop-shadow(0 16px 30px rgba(0, 89, 162, .6)); }
.wb-l--tl { clip-path: ellipse(14.5% 19.5% at 24% 26%); animation: wbBob1 4.6s ease-in-out infinite; }
.wb-l--bl { clip-path: ellipse(14% 18.5% at 20.5% 76%); animation: wbBob2 5.2s ease-in-out infinite; }
.wb-l--r { clip-path: ellipse(13% 19% at 86% 57%); animation: wbBob3 4.2s ease-in-out infinite; }
@keyframes wbBob1 { 0%, 100% { transform: translate(0, 0) rotate(0); } 50% { transform: translate(-4px, -10px) rotate(-4deg); } }
@keyframes wbBob2 { 0%, 100% { transform: translate(0, 0) rotate(0); } 50% { transform: translate(-6px, 8px) rotate(5deg); } }
@keyframes wbBob3 { 0%, 100% { transform: translate(0, 0) rotate(0); } 50% { transform: translate(6px, -8px) rotate(4deg); } }
.wb-fx { position: absolute; inset: 0; z-index: 0; display: block; pointer-events: none; }
.wb-body { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; max-width: 390px; padding: 34px 20px 28px; text-align: center; }
.wb-logo { display: block; width: 150px; height: auto; margin-bottom: 16px; }
.wb-eyebrow { font-size: 26px; font-weight: 700; line-height: 1.1; letter-spacing: .3px; color: #edf4fc; }
.wb-amt { display: flex; align-items: flex-end; justify-content: center; margin: 10px 0 6px; font-size: 76px; line-height: 1; white-space: nowrap; }
.wb-amt > span:not(.wb-usd) { position: relative; display: inline-block; }
.wb-amt > span:first-child { align-self: flex-start; margin: .18em 4px 0 0; font-size: .7em; }
.wb-usd { margin: 0 0 .1em 12px; font-family: "Orbitron", monospace; font-size: 22px; font-weight: 700; letter-spacing: 3px; color: rgba(255, 200, 50, .85); }
.wb-sub { margin: 6px 0 20px !important; font-size: 13px; letter-spacing: 3.2px; color: #b5cee4; }
.wb-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 12px; }
.wb-actions .hero-btn { height: 42px; margin: 0; padding: 0 24px; font-size: 14px; white-space: nowrap; }
.wb-h .wb-hide { padding: 0; border: 0; background: none; font: inherit; font-size: 11px; color: #7894ac; }
.wb-h .wb-hide:hover { color: #fff; }

.crytex-airdrop-banner.is-visible .wb-amt > span:not(.wb-usd) { animation: wbSlam .5s cubic-bezier(.2, .9, .3, 1.3) calc(.6s + var(--d) * .2s) both, wbGold 3s linear infinite; }
@keyframes wbSlam {
  from { opacity: 0; transform: scale(3.2); filter: blur(10px) drop-shadow(0 0 0 rgba(255, 200, 0, 0)) brightness(1); }
  65% { opacity: 1; filter: blur(0) drop-shadow(0 0 34px rgba(255, 210, 60, 1)) brightness(1.6); }
  to { opacity: 1; transform: scale(1); filter: blur(0) drop-shadow(0 0 20px rgba(255, 200, 0, .5)) brightness(1); }
}
.crytex-airdrop-banner.is-visible .wb-amt .wb-usd { animation: wbUp .5s ease-out 1.5s both; }
@keyframes wbUp { from { opacity: 0; transform: translateY(10px); } }


@media (max-width: 600px) {
  .wb-art { width: 70%; opacity: .35; }
  .wb-amt { font-size: 56px; }
  .wb-eyebrow { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .crytex-welcome-b *,
  .crytex-welcome-b *::before,
  .crytex-welcome-b *::after { animation: none !important; }
}


.wb-gold {
  font-family: "Orbitron", monospace;
  font-weight: 900;
  background: linear-gradient(135deg, #ffd700 0%, #ffaa00 40%, #ff8c00 70%, #ffd700 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: wbGold 3s linear infinite;
}

.crytex-airdrop-banner.is-visible.crytex-welcome-b--e .crytex-welcome-copy > :nth-child(7) { animation-delay: .85s; }


@property --wbA { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.wb-edge {
  position: absolute;
  inset: 0;
  z-index: 4;
  padding: 1.5px;
  border-radius: 20px;
  background: conic-gradient(from var(--wbA), rgba(108, 146, 194, 0) 0deg, rgba(108, 146, 194, 0) 220deg, #6C92C2 290deg, #DCECFF 330deg, rgba(220, 236, 255, 0) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: wbTurn 5s linear infinite;
  pointer-events: none;
}
@keyframes wbTurn { to { --wbA: 360deg; } }
.wb-legend {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 18px 8px;
  border: 1px solid #426784;
  border-top: 0;
  border-radius: 0 0 14px 14px;
  background: linear-gradient(180deg, #0c2032, #12304a);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .35), 0 0 20px rgba(108, 146, 194, .18);
  font: 600 11px/1 "Gilroy", sans-serif;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: #AFCAEE;
  white-space: nowrap;
  transform: translateX(-50%);
}
.wb-legend b { font-size: 13px; letter-spacing: .08em; }
.crytex-airdrop-banner.is-visible .wb-legend { animation: wbHang .6s cubic-bezier(.3, 1.5, .5, 1) .5s both; }
@keyframes wbHang { from { transform: translate(-50%, -110%); } to { transform: translate(-50%, 0); } }


.crytex-welcome-b--k .crytex-welcome-logo { margin-bottom: 20px; }
.wb-flap { --h: 34px; display: flex; align-items: center; gap: 12px; margin: 0 0 12px; }
.wb-flap > span { font: 600 11px/1.3 "Gilroy", sans-serif; letter-spacing: .3em; text-transform: uppercase; color: #8fb0d8; }
.wb-flap__d { display: flex; gap: 4px; }
.wb-flap__d i {
  position: relative;
  display: block;
  width: 26px;
  height: var(--h);
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid rgba(175, 202, 238, .22);
  background: linear-gradient(180deg, #14324d 0 50%, #0e263b 50% 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 6px 14px rgba(0, 0, 0, .3);
  font: 900 20px/var(--h) "Orbitron", monospace;
  font-style: normal;
  text-align: center;
  color: #ffc23d;
  text-shadow: 0 0 12px rgba(255, 190, 40, .6);
}
.wb-flap__d i::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(0, 0, 0, .5); }
.wb-r, .wb-r > span { display: block; }
.wb-r { transform: translateY(calc(-1 * var(--h))); } 
.crytex-airdrop-banner.is-visible .wb-flap__d i.roll .wb-r { animation: wbRoll .7s cubic-bezier(.5, 1.6, .4, 1) 1.4s both; }
.crytex-airdrop-banner.is-visible .wb-flap__d i.roll { animation: wbFlash .8s ease-out 1.6s both; }
@keyframes wbRoll { from { transform: none; } to { transform: translateY(calc(-1 * var(--h))); } }
@keyframes wbFlash { 0% { box-shadow: 0 0 0 0 rgba(255, 194, 61, .9), 0 0 30px rgba(255, 194, 61, .8); border-color: #ffc23d; } 100% { box-shadow: 0 0 0 10px rgba(255, 194, 61, 0), 0 6px 14px rgba(0, 0, 0, .3); } }


.wb-tapes { position: absolute; z-index: 3; left: 45%; right: 0; top: 0; bottom: 0; overflow: hidden; pointer-events: none; -webkit-mask-image: linear-gradient(90deg, transparent, #000 22%); mask-image: linear-gradient(90deg, transparent, #000 22%); }
.wb-tape { position: absolute; left: -10%; top: 84%; width: 140%; height: 30px; margin-top: -15px; overflow: hidden; transform-origin: 44% 50%; display: flex; align-items: center; }
.wb-tape--1 { transform: rotate(-15deg); background: linear-gradient(90deg, #6C92C2, #AFCAEE); box-shadow: 0 8px 20px rgba(0, 0, 0, .35); }
.wb-tape--2 { transform: rotate(11deg); background: #0b1b2b; border-top: 1px solid rgba(255, 194, 61, .55); border-bottom: 1px solid rgba(255, 194, 61, .55); box-shadow: 0 8px 20px rgba(0, 0, 0, .35); }
.wb-tape__in { display: flex; width: max-content; animation: wbRun 40s linear infinite; }
.wb-tape--2 .wb-tape__in { animation-direction: reverse; animation-duration: 46s; }
@keyframes wbRun { to { transform: translateX(-50%); } }
.wb-tape__in span { display: inline-flex; align-items: center; gap: 8px; padding-right: 22px; font: 700 11.5px/1 "Gilroy", sans-serif; letter-spacing: .26em; text-transform: uppercase; white-space: nowrap; }
.wb-tape__in span::after { content: "\2022"; margin-left: 14px; opacity: .6; }
.wb-tape--1 .wb-tape__in span { color: #0D1B29; }
.wb-tape--1 .wb-tape__in span b { font: 900 12.5px/1 "Orbitron", monospace; letter-spacing: .06em; }
.wb-tape--2 .wb-tape__in span { color: #DCECFF; }
.wb-tape--2 .wb-tape__in span b { font-size: 12.5px; letter-spacing: .06em; }
.crytex-airdrop-banner.is-visible .wb-tape--1 { animation: wbTape1 .7s cubic-bezier(.2, .8, .2, 1) .6s both; }
.crytex-airdrop-banner.is-visible .wb-tape--2 { animation: wbTape2 .7s cubic-bezier(.2, .8, .2, 1) .8s both; }
@keyframes wbTape1 { from { transform: rotate(-15deg) translateX(100%); } to { transform: rotate(-15deg); } }
@keyframes wbTape2 { from { transform: rotate(11deg) translateX(-100%); } to { transform: rotate(11deg); } }


.wb-year { position: absolute; z-index: 0; right: 1%; top: 7%; width: 50%; text-align: center; pointer-events: none; }
.wb-year span { display: block; margin-bottom: 6px; font: 600 12px/1 "Gilroy", sans-serif; letter-spacing: .5em; text-transform: uppercase; color: rgba(175, 202, 238, .75); }
.wb-year b {
  display: block;
  font: 900 112px/1 "Orbitron", monospace;
  letter-spacing: -.02em;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(175, 202, 238, .3);
  background: linear-gradient(105deg, rgba(220, 236, 255, 0) 40%, rgba(220, 236, 255, .5) 50%, rgba(220, 236, 255, 0) 60%) 120% 0 / 300% 100% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  animation: wbYearSweep 5s ease-in-out infinite;
}
@keyframes wbYearSweep { 0%, 40% { background-position: 120% 0; } 100% { background-position: -30% 0; } }
.crytex-airdrop-banner.is-visible .wb-year { animation: wbFade .8s ease-out .5s both; }
@keyframes wbFade { from { opacity: 0; } }

@media (max-width: 600px) {
  .wb-legend { padding: 6px 12px 7px; font-size: 9.5px; letter-spacing: .2em; }
  .wb-legend b { font-size: 11px; }
  .wb-flap { --h: 28px; gap: 9px; }
  .wb-flap > span { font-size: 9.5px; letter-spacing: .2em; }
  .wb-flap__d i { width: 21px; font-size: 16px; }
  .wb-tapes { z-index: 0; left: 25%; opacity: .5; }
  .wb-tape { top: 30%; }
  .wb-year { width: 70%; opacity: .6; }
  .wb-year b { font-size: 76px; }
}


@media (max-width: 600px) {
  .crytex-airdrop-banner.crytex-welcome-b--n .crytex-airdrop-card {
    display: grid;
    grid-template-areas: "logo" "art" "eyebrow" "amount" "sub" "actions" "hide" "tape";
    justify-items: center;
    padding: 26px 22px 0;
    text-align: center;
  }
  .crytex-welcome-b--n .crytex-welcome-copy { display: contents; }
  .crytex-welcome-b--n .crytex-welcome-copy > * { position: relative; z-index: 2; }
  .crytex-welcome-b--n .crytex-welcome-logo { grid-area: logo; width: 140px; margin: 0 0 4px; }
  .crytex-welcome-b--n .crytex-welcome-eyebrow { grid-area: eyebrow; }
  .crytex-welcome-b--n h2 { grid-area: amount; }
  .crytex-welcome-b--n .crytex-welcome-subtitle { grid-area: sub; }
  .crytex-welcome-b--n .crytex-welcome-actions { grid-area: actions; justify-content: center; }
  .crytex-welcome-b--n .airdrop-hide-link { grid-area: hide; }
  .crytex-welcome-b--n .wb-art { grid-area: art; position: relative; inset: auto; width: 240px; height: 150px; margin: 0 0 4px; opacity: 1; }
  .crytex-welcome-b--n .wb-tapes {
    grid-area: tape;
    position: relative;
    inset: auto;
    width: calc(100% + 44px);
    height: 26px;
    margin: 16px -22px 0;
    opacity: 1;
    overflow: hidden;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .crytex-welcome-b--n .wb-tape--1 { left: 0; top: 0; width: 100%; height: 26px; margin: 0; transform: none; box-shadow: none; }
  .crytex-welcome-b--n .wb-tape--2 { display: none; }

  
  html.main .crytex-airdrop-banner.crytex-welcome-b--n.is-visible .crytex-welcome-copy > * { animation: wbM9Up .55s cubic-bezier(.2, .8, .2, 1) both !important; }
  html.main .crytex-airdrop-banner.crytex-welcome-b--n.is-visible .crytex-welcome-copy > :nth-child(1) { animation-delay: .05s !important; }
  html.main .crytex-airdrop-banner.crytex-welcome-b--n.is-visible .crytex-welcome-copy > :nth-child(2) { animation-delay: .32s !important; }
  html.main .crytex-airdrop-banner.crytex-welcome-b--n.is-visible .crytex-welcome-copy > :nth-child(3) { animation-delay: .4s !important; }
  html.main .crytex-airdrop-banner.crytex-welcome-b--n.is-visible .crytex-welcome-copy > :nth-child(4) { animation-delay: .48s !important; }
  html.main .crytex-airdrop-banner.crytex-welcome-b--n.is-visible .crytex-welcome-copy > :nth-child(5) { animation-delay: .56s !important; }
  html.main .crytex-airdrop-banner.crytex-welcome-b--n.is-visible .crytex-welcome-copy > :nth-child(6) { animation-delay: .64s !important; }
  html.main .crytex-airdrop-banner.crytex-welcome-b--n.is-visible .wb-art { animation: wbM9Pop .75s cubic-bezier(.3, 1.35, .45, 1) .14s both !important; }
  html.main .crytex-airdrop-banner.crytex-welcome-b--n.is-visible .wb-tapes { animation: wbM9Up .5s ease-out .72s both !important; }
  
  html.main .crytex-airdrop-banner.crytex-welcome-b--n .wb-float { animation: wbFloat 5s ease-in-out .9s infinite !important; }
  html.main .crytex-airdrop-banner.crytex-welcome-b--n .wb-glow { animation: wbBreath 4s ease-in-out infinite !important; }
  html.main .crytex-airdrop-banner.crytex-welcome-b--n .wb-tw { animation: wbTwinkle 3.2s ease-in-out calc(1s + var(--i) * .45s) infinite !important; }
  html.main .crytex-airdrop-banner.crytex-welcome-b--n .wb-tape--1 .wb-tape__in { animation: wbRun 30s linear infinite !important; }
  html.main .crytex-airdrop-banner.crytex-welcome-b--n.is-visible .hero-btn-primary { animation: wbM9Nudge 3.6s ease-in-out 1.6s infinite !important; }
}
@keyframes wbM9Up { from { opacity: 0; transform: translateY(14px); } }
@keyframes wbM9Pop {
  0% { opacity: 0; transform: translateY(18px) scale(.6); }
  65% { opacity: 1; transform: translateY(-3px) scale(1.04); }
  100% { opacity: 1; transform: none; }
}
@keyframes wbM9Nudge {
  0%, 80%, 100% { transform: scale(1); }
  87% { transform: scale(1.05); }
  93% { transform: scale(.99); }
}
@media (max-width: 600px) and (prefers-reduced-motion: reduce) {
  html.main .crytex-airdrop-banner.crytex-welcome-b--n.crytex-welcome-b--n *,
  html.main .crytex-airdrop-banner.crytex-welcome-b--n.crytex-welcome-b--n.is-visible * { animation: none !important; }
}
