/* =========================================================
   CoinASX V153 - Assets Mini Banner
   四个快捷按钮下方的小轮播图
   ========================================================= */

.assetsCenter .cx153-mini-banner{
  position:relative!important;
  width:calc(100% - 28px)!important;
  margin:14px auto 0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}

.assetsCenter .cx153-mini-banner-track{
  position:relative!important;
  width:100%!important;
  aspect-ratio:3.2 / 1!important;
  min-height:82px!important;
  max-height:118px!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:var(--cx-panel,rgba(127,127,127,.08))!important;
}

.assetsCenter .cx153-mini-banner-slide{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .35s ease!important;
}

.assetsCenter .cx153-mini-banner-slide.active{
  opacity:1!important;
  pointer-events:auto!important;
}

.assetsCenter .cx153-mini-banner-slide img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:12px!important;
}

/* 小圆点 */
.assetsCenter .cx153-mini-banner-dots{
  position:absolute!important;
  left:50%!important;
  bottom:7px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  z-index:3!important;
}

.assetsCenter .cx153-mini-banner-dot{
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.45)!important;
  transition:width .18s ease,background-color .18s ease!important;
}

.assetsCenter .cx153-mini-banner-dot.active{
  width:14px!important;
  border-radius:4px!important;
  background:#fff!important;
}

/* 只有1张图时隐藏圆点 */
.assetsCenter .cx153-mini-banner.single .cx153-mini-banner-dots{
  display:none!important;
}

@media(max-width:390px){
  .assetsCenter .cx153-mini-banner{
    width:calc(100% - 24px)!important;
    margin-top:12px!important;
  }

  .assetsCenter .cx153-mini-banner-track{
    min-height:76px!important;
    max-height:108px!important;
    border-radius:10px!important;
  }

  .assetsCenter .cx153-mini-banner-slide img{
    border-radius:10px!important;
  }
}