:root {
  --md-primary-fg-color:        #4f1fd4;
  --md-primary-fg-color--light: #3417c4;
  --md-primary-fg-color--dark:  #0b0c42;
  --md-default-bg-color: #EEEEEE;
}

#compact-cards
{
  grid-template-columns:
    repeat(
      auto-fit,
      minmax(
        min(100%, 4rem),
        1fr
      )
    );
}

#compact-cards > ul > li
{
  padding: 0;
  margin: 4px;
  border-color: transparent;
}

#compact-cards > * a
{
  padding: 8px;
}

.card_banner
{
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 8rem;
}

.card_banner > img
{
  width: 100%;
}