/* MiKO Active NFT Preview v26 — show the NFT avatar and active PNG frame as real previews */
body.page-id-24563 .mp14-nft-identity{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
}
body.page-id-24563 .mp14-nft-identity-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:112px!important;
  padding:12px 38px 12px 12px!important;
  overflow:hidden!important;
}
body.page-id-24563 .mp14-nft-identity-item:after{
  right:13px!important;
  z-index:4!important;
}
body.page-id-24563 .mp14-nft-identity-preview{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  border:1px solid color-mix(in srgb,var(--nft-accent,#58a8ff) 22%,#dbe8f3)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 22%,rgba(111,188,255,.18),transparent 44%),
    linear-gradient(145deg,#f6fbff,#edf6ff)!important;
  overflow:visible!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(26,76,125,.07)!important;
}
body.page-id-24563 .mp14-nft-identity-preview img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
body.page-id-24563 .mp14-nft-preview-avatar{
  position:relative!important;
  z-index:1!important;
  width:58px!important;
  height:58px!important;
  object-fit:cover!important;
  border-radius:50%!important;
  border:3px solid #fff!important;
  box-shadow:0 5px 14px rgba(20,68,113,.12)!important;
}
body.page-id-24563 .mp14-nft-preview-avatar.is-nft{
  width:66px!important;
  height:66px!important;
  border-radius:16px!important;
  border:0!important;
  object-fit:cover!important;
  box-shadow:none!important;
}
body.page-id-24563 .mp14-nft-preview-frame{
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:50%!important;
  width:76px!important;
  height:76px!important;
  max-width:none!important;
  max-height:none!important;
  transform:translate(-50%,-50%)!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
body.page-id-24563 .mp14-nft-identity-copy{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:4px 8px!important;
  min-width:0!important;
}
body.page-id-24563 .mp14-nft-identity-copy>b{
  grid-column:1 / -1!important;
  display:block!important;
  margin:0!important;
  color:#173f68!important;
  font-size:12px!important;
  line-height:1.25!important;
}
body.page-id-24563 .mp14-nft-identity-copy>i{
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--nft-accent,#6d6eff) 10%,#fff)!important;
  color:var(--nft-accent,#6d6eff)!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:900!important;
}
body.page-id-24563 .mp14-nft-identity-copy>em,
body.page-id-24563 .mp14-nft-identity-copy>small{
  min-width:0!important;
  color:#657f98!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:750!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Give active frame preview enough room for transparent PNG ornaments */
body.page-id-24563 .mp14-nft-identity-item.is-frame .mp14-nft-identity-preview{
  overflow:visible!important;
}
body.page-id-24563 .mp14-nft-identity-item.is-frame .mp14-nft-preview-frame{
  width:88px!important;
  height:88px!important;
}

/* Tablet */
@media(max-width:900px){
  body.page-id-24563 .mp14-nft-identity-item{
    grid-template-columns:68px minmax(0,1fr)!important;
    min-height:100px!important;
    gap:10px!important;
  }
  body.page-id-24563 .mp14-nft-identity-preview{
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    border-radius:16px!important;
  }
  body.page-id-24563 .mp14-nft-preview-avatar{
    width:50px!important;
    height:50px!important;
  }
  body.page-id-24563 .mp14-nft-preview-avatar.is-nft{
    width:58px!important;
    height:58px!important;
    border-radius:14px!important;
  }
  body.page-id-24563 .mp14-nft-preview-frame{
    width:74px!important;
    height:74px!important;
  }
  body.page-id-24563 .mp14-nft-identity-item.is-frame .mp14-nft-preview-frame{
    width:78px!important;
    height:78px!important;
  }
}

/* Mobile */
@media(max-width:430px){
  body.page-id-24563 .mp14-nft-identity{
    grid-template-columns:1fr!important;
  }
  body.page-id-24563 .mp14-nft-identity-item{
    grid-template-columns:62px minmax(0,1fr)!important;
    min-height:86px!important;
    padding:9px 29px 9px 9px!important;
    gap:9px!important;
  }
  body.page-id-24563 .mp14-nft-identity-preview{
    width:60px!important;
    height:60px!important;
    min-width:60px!important;
    border-radius:14px!important;
  }
  body.page-id-24563 .mp14-nft-preview-avatar{
    width:46px!important;
    height:46px!important;
  }
  body.page-id-24563 .mp14-nft-preview-avatar.is-nft{
    width:52px!important;
    height:52px!important;
    border-radius:12px!important;
  }
  body.page-id-24563 .mp14-nft-preview-frame,
  body.page-id-24563 .mp14-nft-identity-item.is-frame .mp14-nft-preview-frame{
    width:70px!important;
    height:70px!important;
  }
}