
/* =========================================================
   NEVA MYSTERY — PREMIUM TRADING CARD
   Responsive 3:4 collectible
   No PNG chassis
   ========================================================= */


/* =========================================================
   RARITY SYSTEM
   ========================================================= */

.live-discovery-card.rarity-common{
  --rarity:#d9e2e8;
  --rarity-rgb:217,226,232;
  --rarity-dark:#7b8992;
}

.live-discovery-card.rarity-uncommon{
  --rarity:#45df82;
  --rarity-rgb:69,223,130;
  --rarity-dark:#188d50;
}

.live-discovery-card.rarity-rare{
  --rarity:#38bfff;
  --rarity-rgb:56,191,255;
  --rarity-dark:#176da6;
}

.live-discovery-card.rarity-epic{
  --rarity:#c06cff;
  --rarity-rgb:192,108,255;
  --rarity-dark:#694293;
}

.live-discovery-card.rarity-legendary{
  --rarity:#ffc84a;
  --rarity-rgb:255,200,74;
  --rarity-dark:#a27118;
}


/* =========================================================
   CARD SIZE
   ========================================================= */

.mystery-card-reveal .flip-card-shell.live-discovery-card{
  width:min(94vw, 430px) !important;
  max-width:430px !important;

  margin:18px auto 46px !important;
  padding:0 !important;

  perspective:1400px !important;
}

.mystery-card-reveal .live-discovery-card .flip-card{
  position:relative !important;

  width:100% !important;
  height:auto !important;

  aspect-ratio:3 / 4 !important;

  margin:0 !important;
  padding:0 !important;

  transform-style:preserve-3d !important;
}

.mystery-card-reveal .live-discovery-card .flip-face{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

  backface-visibility:hidden !important;
}


/* =========================================================
   KILL OLD PNG SYSTEM
   ========================================================= */

.mystery-card-reveal .live-discovery-card .neva-frame-image{
  display:none !important;
}


/* =========================================================
   PHYSICAL CARD
   ========================================================= */

.mystery-card-reveal .live-discovery-card .neva-card{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:10px !important;

  box-sizing:border-box !important;

  overflow:hidden !important;

  border-radius:22px !important;

  border:1px solid rgba(var(--rarity-rgb),.70) !important;

  background:
    radial-gradient(
      circle at 50% -10%,
      rgba(var(--rarity-rgb),.12),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #101820 0%,
      #080d12 38%,
      #030507 100%
    ) !important;

  box-shadow:
    0 0 0 2px rgba(255,255,255,.05),
    0 0 0 4px rgba(var(--rarity-rgb),.12),
    0 15px 44px rgba(0,0,0,.55),
    0 0 24px rgba(var(--rarity-rgb),.16),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}


/* thin inner foil line */

.mystery-card-reveal .live-discovery-card .neva-card::before{
  content:"" !important;

  position:absolute !important;
  inset:6px !important;

  pointer-events:none !important;

  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:17px !important;

  box-shadow:
    inset 0 0 20px rgba(var(--rarity-rgb),.035) !important;

  z-index:50 !important;
}


/* subtle foil sheen */

.mystery-card-reveal .live-discovery-card .neva-card::after{
  content:"" !important;

  position:absolute !important;
  inset:0 !important;

  pointer-events:none !important;

  opacity:.22 !important;

  background:
    linear-gradient(
      115deg,
      transparent 0 32%,
      rgba(255,255,255,.10) 39%,
      transparent 46% 100%
    ) !important;

  z-index:49 !important;
}


/* =========================================================
   FRONT — REAL TRADING CARD STRUCTURE
   ========================================================= */

.mystery-card-reveal .live-discovery-card .neva-card-front{
  display:grid !important;

  grid-template-rows:
    9%
    58%
    19%
    14% !important;

  gap:0 !important;
}


/* =========================================================
   FRONT HEADER
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-front
.neva-card-header{
  position:relative !important;
  inset:auto !important;

  grid-row:1 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  padding:0 16px !important;
  margin:0 !important;

  z-index:10 !important;

  background:transparent !important;
  border:0 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-brand{
  font-family:Georgia,serif !important;
  font-size:18px !important;
  font-weight:700 !important;
  letter-spacing:.19em !important;

  color:#f3f5f6 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-brand span{
  color:var(--rarity) !important;

  text-shadow:
    0 0 9px rgba(var(--rarity-rgb),.55) !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-collection{
  font-size:5.5px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;

  color:#7f8e98 !important;
}


/* =========================================================
   FRONT ARTWORK
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-front
.neva-card-image{
  position:relative !important;
  inset:auto !important;

  grid-row:2 !important;

  width:auto !important;
  height:auto !important;

  margin:0 10px !important;
  padding:0 !important;

  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;

  border:1px solid rgba(var(--rarity-rgb),.52) !important;

  border-radius:4px !important;

  clip-path:polygon(
    3% 0,
    97% 0,
    100% 4%,
    100% 96%,
    97% 100%,
    3% 100%,
    0 96%,
    0 4%
  ) !important;

  box-shadow:
    0 8px 24px rgba(0,0,0,.34),
    0 0 12px rgba(var(--rarity-rgb),.10) !important;

  z-index:10 !important;
}


/* =========================================================
   FRONT TITLE BAND
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-front-copy{
  position:relative !important;
  inset:auto !important;

  grid-row:3 !important;

  width:auto !important;
  height:auto !important;

  margin:8px 10px 0 !important;
  padding:11px 18px !important;

  box-sizing:border-box !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  background:
    linear-gradient(
      180deg,
      rgba(var(--rarity-rgb),.075),
      rgba(4,8,11,.96)
    ) !important;

  border-top:1px solid rgba(var(--rarity-rgb),.42) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;

  clip-path:polygon(
    5% 0,
    95% 0,
    100% 50%,
    95% 100%,
    5% 100%,
    0 50%
  ) !important;

  z-index:10 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front-copy h2{
  margin:0 !important;

  font-family:Georgia,serif !important;
  font-size:30px !important;
  font-weight:800 !important;
  line-height:1 !important;

  color:#f7f3ed !important;

  white-space:nowrap !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-tagline{
  margin-top:7px !important;

  font-size:5.8px !important;
  font-weight:800 !important;
  letter-spacing:.20em !important;

  color:#aab6be !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-serial{
  margin-top:7px !important;

  font-size:9.5px !important;
  font-weight:900 !important;

  color:var(--rarity) !important;
}


/* =========================================================
   FRONT FOOTER
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-front
.neva-card-footer{
  position:relative !important;
  inset:auto !important;

  grid-row:4 !important;

  width:auto !important;
  height:auto !important;

  margin:0 10px !important;
  padding:0 14px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  box-sizing:border-box !important;

  background:transparent !important;

  border-top:1px solid rgba(255,255,255,.055) !important;

  z-index:10 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-place{
  text-align:left !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-place span{
  display:block !important;

  font-size:5.4px !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;

  color:#74848e !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-place strong{
  display:block !important;

  margin-top:4px !important;

  font-size:9px !important;

  color:#e3e8eb !important;
}


/* rarity badge */

.mystery-card-reveal
.live-discovery-card
.neva-card-rarity{
  padding:5px 9px !important;

  font-size:6.4px !important;
  font-weight:900 !important;
  letter-spacing:.15em !important;

  color:var(--rarity) !important;

  background:rgba(0,0,0,.30) !important;

  border:1px solid rgba(var(--rarity-rgb),.60) !important;
  border-radius:3px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 8px rgba(var(--rarity-rgb),.10) !important;
}


/* =========================================================
   BACK — TRADING CARD RECORD
   ========================================================= */

.mystery-card-reveal .live-discovery-card .neva-card-back{
  display:grid !important;

  grid-template-rows:
    22%
    18%
    31%
    22%
    7% !important;

  gap:0 !important;

  padding:16px 20px 12px !important;
}


/* =========================================================
   BACK HEADER
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-back-header{
  position:relative !important;
  inset:auto !important;

  grid-row:1 !important;

  width:auto !important;
  height:auto !important;

  margin:0 !important;
  padding:16px 8px 8px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  background:transparent !important;
  border:0 !important;

  z-index:10 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back-header > div:first-child{
  width:100% !important;
  text-align:center !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-kicker{
  display:block !important;

  font-size:5.5px !important;
  font-weight:800 !important;
  letter-spacing:.20em !important;

  color:#7a8992 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back-header h2{
  margin:9px 0 0 !important;

  font-family:Georgia,serif !important;
  font-size:28px !important;
  font-weight:800 !important;
  line-height:1 !important;

  color:#f7f3ed !important;

  white-space:nowrap !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back-header
.neva-card-serial{
  margin-top:8px !important;

  font-size:9.5px !important;
  font-weight:900 !important;

  color:var(--rarity) !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back-header
.neva-card-rarity{
  position:absolute !important;

  right:4px !important;
  top:13px !important;
}


/* =========================================================
   BACK LOCATION
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-location{
  position:relative !important;
  inset:auto !important;

  grid-row:2 !important;

  width:auto !important;
  height:auto !important;

  margin:0 !important;
  padding:8px 8px 13px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  border-top:1px solid rgba(255,255,255,.05) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;

  background:transparent !important;

  z-index:10 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-location span{
  font-size:5.5px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;

  color:#75858f !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-location strong{
  margin-top:7px !important;

  font-family:Georgia,serif !important;
  font-size:18px !important;

  color:#f0ede7 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-location small{
  margin-top:7px !important;

  font-size:7px !important;

  color:#687985 !important;
}


/* =========================================================
   BACK STATS
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-stats{
  position:relative !important;
  inset:auto !important;

  grid-row:3 !important;

  width:auto !important;
  height:auto !important;

  margin:0 !important;
  padding:0 !important;

  display:grid !important;

  grid-template-columns:repeat(3,1fr) !important;
  grid-template-rows:repeat(2,1fr) !important;

  gap:0 !important;

  background:transparent !important;

  border:0 !important;

  z-index:10 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats > div{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  margin:0 !important;
  padding:8px 5px !important;

  background:transparent !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats > div:not(:nth-child(3n)){
  border-right:1px solid rgba(255,255,255,.05) !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats > div:nth-child(-n+3){
  border-bottom:1px solid rgba(255,255,255,.05) !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats > div::before{
  margin-bottom:5px !important;

  font-size:13px !important;

  color:rgba(var(--rarity-rgb),.75) !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats span{
  font-size:5.4px !important;
  font-weight:800 !important;
  letter-spacing:.15em !important;

  color:#71828c !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats strong{
  margin-top:5px !important;

  font-family:Georgia,serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.05 !important;

  color:#e8ecef !important;

  text-align:center !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats > div:nth-child(3) strong{
  font-size:8.5px !important;

  white-space:nowrap !important;
}


/* =========================================================
   BACK NOTE
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-note{
  position:relative !important;
  inset:auto !important;

  grid-row:4 !important;

  width:auto !important;
  height:auto !important;

  margin:0 !important;
  padding:10px 0 0 !important;

  z-index:10 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-note label{
  display:block !important;

  margin-bottom:7px !important;

  text-align:center !important;

  font-size:5.5px !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;

  color:#778690 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-note textarea{
  width:100% !important;
  height:calc(100% - 20px) !important;

  box-sizing:border-box !important;

  padding:13px 14px !important;

  resize:none !important;

  color:#dce3e7 !important;

  background:
    rgba(0,0,0,.22) !important;

  border:1px solid rgba(255,255,255,.07) !important;
  border-top:1px solid rgba(var(--rarity-rgb),.18) !important;

  border-radius:4px !important;

  box-shadow:
    inset 0 8px 18px rgba(0,0,0,.28) !important;
}


/* =========================================================
   BACK FOOTER
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-back-footer{
  position:relative !important;
  inset:auto !important;

  grid-row:5 !important;

  width:auto !important;
  height:auto !important;

  margin:0 !important;
  padding:0 4px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  font-size:5px !important;
  letter-spacing:.13em !important;

  color:#596771 !important;

  z-index:10 !important;
}


/* =========================================================
   FLIP CUE
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.card-flip-cue{
  left:50% !important;

  transform:translateX(-50%) !important;

  margin-top:10px !important;
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media(max-width:460px){

  .mystery-card-reveal .flip-card-shell.live-discovery-card{
    width:95vw !important;
    max-width:95vw !important;
  }

  .mystery-card-reveal
  .live-discovery-card
  .neva-card-front-copy h2{
    font-size:26px !important;
  }

  .mystery-card-reveal
  .live-discovery-card
  .neva-card-back-header h2{
    font-size:24px !important;
  }

  .mystery-card-reveal
  .live-discovery-card
  .neva-card-location strong{
    font-size:16px !important;
  }
}


/* =========================================================
   NO DISTRACTING MOTION YET
   ========================================================= */

.live-discovery-card .neva-card{
  animation:none !important;
}


/* =========================================================
   NEVA — HARD LEGACY POSITION RESET
   LET THE NEW GRID ACTUALLY CONTROL THE CARD
   ========================================================= */

/* FRONT SECTIONS */
.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-header,

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-image,

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-front-copy,

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-footer{

  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;

  transform:none !important;

  max-width:none !important;

  box-sizing:border-box !important;
}


/* BACK SECTIONS */
.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-back-header,

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-location,

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-stats,

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-note,

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-back-footer{

  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;

  transform:none !important;

  max-width:none !important;

  box-sizing:border-box !important;
}


/* FRONT — REASSERT NORMAL GRID SIZING */

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-header{
  width:auto !important;
  height:auto !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-image{
  width:auto !important;
  height:auto !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-front-copy{
  width:auto !important;
  height:auto !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-footer{
  width:auto !important;
  height:auto !important;
}


/* BACK — REASSERT NORMAL GRID SIZING */

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-back-header{
  width:auto !important;
  height:auto !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-location{
  width:auto !important;
  height:auto !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-stats{
  width:auto !important;
  height:auto !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-note{
  width:auto !important;
  height:auto !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-back-footer{
  width:auto !important;
  height:auto !important;
}


/* Make sure hidden/old clipping isn't contaminating sections */

.mystery-card-reveal
.live-discovery-card
.neva-card-front-copy,

.mystery-card-reveal
.live-discovery-card
.neva-card-footer,

.mystery-card-reveal
.live-discovery-card
.neva-card-back-header,

.mystery-card-reveal
.live-discovery-card
.neva-card-location,

.mystery-card-reveal
.live-discovery-card
.neva-card-stats,

.mystery-card-reveal
.live-discovery-card
.neva-card-note,

.mystery-card-reveal
.live-discovery-card
.neva-card-back-footer{
  visibility:visible !important;
  opacity:1 !important;
}


/* =========================================================
   REASSERT TRADING CARD GRID AFTER RESET
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-front{
  display:grid !important;

  grid-template-rows:
    9%
    58%
    19%
    14% !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-header{
  grid-row:1 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-image{
  grid-row:2 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-front-copy{
  grid-row:3 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-footer{
  grid-row:4 !important;
}


.mystery-card-reveal
.live-discovery-card
.neva-card-back{
  display:grid !important;

  grid-template-rows:
    22%
    18%
    31%
    22%
    7% !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-back-header{
  grid-row:1 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-location{
  grid-row:2 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-stats{
  grid-row:3 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-note{
  grid-row:4 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back .neva-card-back-footer{
  grid-row:5 !important;
}


/* =========================================================
   NEVA — HEAVY PREMIUM FOIL EDGE
   Thick border + inside/outside rarity glow
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card{
  border:
    3px solid rgba(var(--rarity-rgb),.88) !important;

  box-shadow:

    /* tight exterior light */
    0 0 4px rgba(var(--rarity-rgb),.95),

    /* main outside glow */
    0 0 14px rgba(var(--rarity-rgb),.52),

    /* wide atmospheric glow */
    0 0 34px rgba(var(--rarity-rgb),.25),

    /* physical card shadow */
    0 22px 55px rgba(0,0,0,.68),

    /* bright inner edge */
    inset 0 0 5px rgba(var(--rarity-rgb),.82),

    /* inner rarity bloom */
    inset 0 0 18px rgba(var(--rarity-rgb),.24),

    /* deeper internal falloff */
    inset 0 0 42px rgba(var(--rarity-rgb),.08),

    /* tiny highlight across top */
    inset 0 2px 0 rgba(255,255,255,.13)

    !important;
}


/* =========================================================
   SECOND INNER FOIL LINE
   Gives the border physical depth
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card::before{
  content:"" !important;

  position:absolute !important;

  inset:7px !important;

  width:auto !important;
  height:auto !important;

  pointer-events:none !important;

  border:
    1px solid rgba(var(--rarity-rgb),.65) !important;

  border-radius:15px !important;

  background:transparent !important;

  box-shadow:

    /* light immediately inside the foil line */
    inset 0 0 7px rgba(var(--rarity-rgb),.38),

    /* faint internal aura */
    inset 0 0 18px rgba(var(--rarity-rgb),.10),

    /* slight light outside this inner rail */
    0 0 5px rgba(var(--rarity-rgb),.28)

    !important;

  z-index:40 !important;
}


/* =========================================================
   EDGE HIGHLIGHT
   Keep it feeling metallic rather than neon tubing
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card::after{
  content:"" !important;

  position:absolute !important;
  inset:3px !important;

  pointer-events:none !important;

  border-radius:18px !important;

  background:
    linear-gradient(
      115deg,

      rgba(255,255,255,.22) 0%,
      transparent 7%,

      transparent 31%,
      rgba(var(--rarity-rgb),.20) 38%,
      transparent 46%,

      transparent 74%,
      rgba(255,255,255,.13) 81%,
      transparent 89%

    ) !important;

  opacity:.55 !important;

  z-index:39 !important;
}

