/* Compact Patreon comparison editor and transparent pack artwork library. */
.cx-admin-monetization-pane[data-monetization-pane="tiers"]{
  align-content:start;
}

.cx-admin-monetization-pane[data-monetization-pane="tiers"]>.cx-admin-tier-list{
  margin-top:0;
}

/* Hide the former descriptive eyebrow/copy even while an older cached renderer is active. */
.cx-admin-tier-comparison>header>div>span,
.cx-admin-tier-comparison>header>div>p{
  display:none!important;
}

.cx-admin-tier-comparison>header>div{
  display:contents;
}

/* Keep every red delete cross optically centered, independently of the glyph baseline. */
.cx-admin-tier-loot-grid [data-tier-loot-delete],
.cx-admin-tier-comparison [data-comparison-delete]{
  display:grid!important;
  padding:0!important;
  place-items:center!important;
  font-size:0!important;
  line-height:1!important;
}

.cx-admin-tier-loot-grid [data-tier-loot-delete]::before,
.cx-admin-tier-comparison [data-comparison-delete]::before{
  content:"\00d7";
  display:block;
  font:900 18px/1 Arial,sans-serif;
  transform:translateY(-1px);
}

.cx-admin-tier-comparison{
  overflow:hidden;
}

.cx-admin-tier-comparison>header{
  min-height:48px;
  padding:9px 12px;
}

.cx-admin-tier-comparison>header strong{
  color:#effcff;
  font:900 15px/1 Arial,sans-serif;
  letter-spacing:.09em;
}

.cx-admin-tier-comparison-scroll{
  overflow:auto;
}

.cx-admin-tier-comparison table{
  width:max-content;
  min-width:0;
  table-layout:fixed;
}

.cx-admin-tier-comparison th,
.cx-admin-tier-comparison td{
  height:52px;
  padding:6px;
}

.cx-admin-tier-comparison thead th{
  height:42px;
  font-size:11px;
  letter-spacing:.11em;
}

.cx-admin-tier-comparison thead th:first-child{
  width:250px;
}

.cx-admin-tier-comparison thead th:nth-child(2){
  width:92px;
}

.cx-admin-tier-comparison thead th:nth-child(n+3):not(:last-child){
  width:140px;
}

.cx-admin-tier-comparison thead th:last-child{
  width:44px;
}

.cx-admin-tier-comparison input[type="text"],
.cx-admin-tier-comparison input[type="number"],
.cx-admin-tier-comparison select{
  height:36px;
  font-size:10px;
}

.cx-admin-tier-comparison tbody th input{
  font-weight:800;
}

.cx-admin-comparison-check span{
  width:36px;
  height:36px;
  font-size:16px;
}

.cx-admin-tier-comparison [data-comparison-delete]{
  width:32px;
  height:32px;
}

/* Only transparent PNG artwork remains selectable; cards no longer add a black square. */
.cx-admin-pack-artwork-dialog{
  width:min(780px,calc(100vw - 42px));
}

.cx-admin-pack-artwork-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(128px,148px));
  justify-content:start;
  gap:14px;
}

.cx-admin-pack-artwork-grid button{
  display:grid;
  width:148px;
  height:148px;
  min-width:0;
  padding:8px;
  place-items:center;
  overflow:visible;
  border:1px solid rgba(70,202,229,.28);
  border-radius:48%;
  color:#dffaff;
  background:transparent!important;
}

.cx-admin-pack-artwork-grid button:hover{
  transform:translateY(-2px) scale(1.02);
  border-color:#54def7;
  background:rgba(11,47,61,.16)!important;
}

.cx-admin-pack-artwork-grid button.selected{
  border-color:#ff648c;
  background:rgba(93,18,48,.12)!important;
  box-shadow:inset 0 0 0 1px #ff648c,0 0 22px rgba(255,82,126,.18);
}

.cx-admin-pack-artwork-grid button>span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  overflow:visible;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.cx-admin-pack-artwork-grid img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  background:transparent!important;
  filter:drop-shadow(0 13px 13px rgba(0,0,0,.48));
}

.cx-admin-pack-artwork-grid b{
  color:#6e94a4;
  font-size:9px;
  letter-spacing:.08em;
}

.cx-admin-pack-artwork-grid strong{
  display:none!important;
}

.cx-admin-pack-artwork-picker{
  grid-template-columns:1fr;
  justify-items:center;
  text-align:center;
}

.cx-admin-pack-artwork-picker>span{
  font-size:8px;
}

@media(max-width:700px){
  .cx-admin-pack-artwork-grid{
    grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
  }

  .cx-admin-pack-artwork-grid button{
    width:100%;
    height:auto;
    aspect-ratio:1;
  }
}