/* SCOREBOOK_MARKET_IMAGES_PAGING_STYLE_BEGIN */
/* Score market thumbnails + no-reload client pagination. */
.scorebook-market-board .market_wrap,
.market_wrap{
  position:relative;
}

.scorebook-market-board .market_wrap > ul,
.market_wrap > ul{
  min-width:0;
}

.scorebook-market-board .market_wrap li[codename][hidden],
.market_wrap li[codename][hidden],
.scorebook-market-board .market_wrap li.scorebook-market-page-hidden,
.market_wrap li.scorebook-market-page-hidden{
  display:none!important;
}

.scorebook-market-board .market_wrap li[codename] .box > em,
.market_wrap li[codename] .box > em{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  border:1px solid #d9e3eb!important;
  border-radius:7px!important;
  background:#eef5f9!important;
  box-sizing:border-box!important;
}

.scorebook-market-board .market_wrap li[codename] .box > em > img,
.market_wrap li[codename] .box > em > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  background:#eef5f9!important;
}

.scorebook-market-board .market_wrap li[codename] .box > em > span,
.market_wrap li[codename] .box > em > span{
  box-sizing:border-box!important;
}

.scorebook-market-pagination{
  clear:both!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:56px!important;
  margin:18px 0 4px!important;
  padding:10px 8px 0!important;
  border-top:1px solid #e3eaf0!important;
  box-sizing:border-box!important;
}

.scorebook-market-pagination[hidden]{
  display:none!important;
}

.scorebook-market-pagination button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #cbd9e4!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#31506a!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

.scorebook-market-pagination button:hover:not(:disabled),
.scorebook-market-pagination button:focus-visible{
  border-color:#0878c9!important;
  color:#07588f!important;
  outline:2px solid rgba(8,120,201,.16)!important;
  outline-offset:1px!important;
}

.scorebook-market-pagination button[aria-current="page"]{
  border-color:#074b81!important;
  background:#074b81!important;
  color:#fff!important;
}

.scorebook-market-pagination button:disabled{
  opacity:.38!important;
  cursor:default!important;
}

.scorebook-market-page-summary{
  margin-left:6px!important;
  color:#7a8995!important;
  font-size:12px!important;
  white-space:nowrap!important;
}

@media (max-width:760px){
  .scorebook-market-pagination{
    gap:4px!important;
    min-height:52px!important;
    margin-top:14px!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    scrollbar-width:none;
  }
  .scorebook-market-pagination::-webkit-scrollbar{display:none}
  .scorebook-market-pagination button{
    min-width:32px!important;
    height:32px!important;
    padding:0 9px!important;
    flex:0 0 auto!important;
  }
  .scorebook-market-page-summary{
    flex:0 0 auto!important;
  }
}
/* SCOREBOOK_MARKET_IMAGES_PAGING_STYLE_END */