<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.macrolibrarsi {
  container-type: inline-size;
}

.icc-card-macrolibrarsi {
  display: grid;
  gap: var(--icc-spacing-4);
  background-color: var(--icc-secondary-100);
  border-radius: var(--icc-spacing-3);
  padding: var(--icc-spacing-4);
  margin-block: var(--icc-spacing-4);
  grid-auto-rows: min-content;
}
.icc-card-macrolibrarsi img {
  margin-inline: auto;
  max-width: 140px;
}
.icc-card-macrolibrarsi .titolo {
  color: var(--icc-tertiary-950);
  font-size: var(--icc-text-2xl);
  font-weight: var(--icc-font-bold);
}
.icc-card-macrolibrarsi .autori {
  color: var(--icc-secondary-500);
  font-size: var(--icc-text-sm);
  text-transform: var(--icc-uppercase);
}
.icc-card-macrolibrarsi .sottotitolo {
  color: var(--icc-gray-800);
  font-size: var(--icc-text-md);
}
.icc-card-macrolibrarsi a {
  text-align: center;
}

@container (width &gt; 500px) {
  .icc-card-macrolibrarsi {
    width: 75%;
    margin-inline: auto;
    grid-template-columns: max-content 1fr;
  }
  .icc-card-macrolibrarsi img {
    grid-row: span 4;
  }
}
.macrolibrarsi a:not([href*="icc.local"]) {
  position: relative;
}
.macrolibrarsi a:not([href*="icc.local"]):after {
  content: url("../../assets/icon/arrow-up-left.svg");
}
</pre></body></html>