@font-face{
  font-family:'dropchan';
  src:
    url('/guide/assets/collab/font/dropchan.woff?gfv1t0') format('woff'),
    url('/guide/assets/collab/font/dropchan.ttf?gfv1t0') format('truetype');
  font-weight:normal;
  font-style:normal;
  font-display:block;
}

:root{
  --dc-cafe-bg:#d3d9f5;
  --dc-bithomp-bg:#c5e5eb;
  --dc-external-fg:#56517f;
}

.dc-external-btn,
.market-top,
.catalog-market-link,
.drop-action.market,
.drop-market,
.market.cafe,
.market.bithomp,
.small-link.dc-cafe{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  min-height:42px;
  padding:9px 42px 9px 16px;
  border:0 !important;
  border-radius:12px !important;
  box-shadow:none !important;
  color:var(--dc-external-fg) !important;
  font-weight:800;
  text-decoration:none !important;
  line-height:1.2;
}

.dc-external-btn.dc-cafe,
.market-top,
.catalog-market-link,
.drop-action.market,
.drop-market,
.market.cafe,
.small-link.dc-cafe{
  background:var(--dc-cafe-bg) !important;
}

.dc-external-btn.dc-bithomp,
.market.bithomp{
  background:var(--dc-bithomp-bg) !important;
}

.dc-external-btn::after,
.market-top::after,
.catalog-market-link::after,
.drop-market::after,
.small-link.dc-cafe::after{
  content:"\e900" !important;
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  margin:0;
  font-family:'dropchan' !important;
  font-size:13px;
  line-height:1;
  color:rgba(86,81,127,.72) !important;
}

.market.cafe .icon_arrow,
.market.bithomp .icon_arrow{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  margin:0 !important;
  color:rgba(86,81,127,.72) !important;
}
.market.cafe .icon_arrow::before,
.market.bithomp .icon_arrow::before{
  color:rgba(86,81,127,.72) !important;
}

.dc-external-btn:hover,
.market-top:hover,
.catalog-market-link:hover,
.drop-action.market:hover,
.drop-market:hover,
.market.cafe:hover,
.market.bithomp:hover,
.small-link.dc-cafe:hover{
  opacity:.82;
}

span.drop-action.market[aria-disabled="true"]{
  opacity:.45;
  cursor:default;
}


/* Detail buttons already contain .icon_arrow; avoid a duplicated arrow. */
.market.dc-external-btn::after{
  content:none !important;
  display:none !important;
}


/* Common list cards */
.drop-action.market{min-height:30px;padding:5px 14px !important;line-height:1.15;}
.drop-action.market::after{content:none !important;display:none !important;}