/* Automatic Top 50 cards and their detail panels share one flat color treatment. */
:root body.lists-page .lists-shell .lists-color-card{
  isolation:isolate;
  background:var(--widais-list-surface,#090909)!important;
  background-image:none!important;
  border-color:rgba(var(--widais-curated-accent,255,255,255),.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 52px rgba(0,0,0,.24)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
:root body.lists-page .lists-color-card::before,
:root body.lists-page .lists-color-card::after{content:none!important;display:none!important}
:root body.lists-page .lists-shell .lists-color-card:is(:hover,:focus-within){
  background:var(--widais-list-surface,#090909)!important;
  border-color:rgba(var(--widais-curated-accent,255,255,255),.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 24px 58px rgba(0,0,0,.30)!important;
}
body.lists-page .lists-card.lists-color-card:hover{transform:translateY(-2px)}
body.lists-page .lists-color-card>.lists-group-head,
body.lists-page .lists-color-card>header,
body.lists-page .lists-color-card>.lists-top,
body.lists-page .lists-color-card>.lists-card-empty{position:relative;z-index:1}
body.lists-page .lists-card.lists-color-card header{padding-right:118px}
body.lists-page .lists-card.lists-color-card header span{
  display:inline-block;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:rgba(255,255,255,.78);
}
:root body.lists-page .lists-color-card .lists-title-link{
  color:#fff!important;
  background-image:linear-gradient(90deg,rgba(var(--widais-curated-accent),.92),rgba(255,255,255,.72));
  text-shadow:none;
}
@media(prefers-reduced-motion:reduce){
  :root body.lists-page .lists-color-card{transition:none!important;transform:none!important}
}