.grow {
  flex-grow: 1;
}
.grow-rest {
  flex-grow: 1e9;
}

sl-alert[data-local-storage-key] {
  display: none;
}

body {
  font-family: var(--sl-font-sans);
}

body > header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card-grid {
  margin-top: var(--sl-spacing-large);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 2rem;
  padding: 2rem;

  & sl-card {
    position: relative;
    box-shadow: var(--sl-shadow-large);

    .thumbnail {
      height: 200px;
    }

    & sl-divider {
      position: absolute;
      left: 0;
      right: 0;
    }

    & section {
      margin-top: var(--sl-spacing-3x-large);
    }

    & [slot='footer'] {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }
}