.application-body.application-films {
  --app-colour: var(--app-colour-films, #6b46c1);
}
.application-body.application-films #app-content-films.injecting * {
  display: none;
}
@container preview-cards (min-width: 890px) {
.application-body.application-films #films-doc-featured-rows > tr:nth-child(-n+3) {
  flex-basis: calc((100% - 2 * var(--kik-card-gap)) / 3);
}
}
@container preview-cards (min-width: 890px) {
.application-body.application-films #films-doc-featured-rows > tr:nth-child(n+4):nth-child(-n+7) {
  flex-basis: calc((100% - 3 * var(--kik-card-gap)) / 4);
}
}
@container preview-cards (min-width: 890px) {
.application-body.application-films #films-doc-featured-rows > tr:nth-child(n+8) {
  flex-basis: calc((100% - 4 * var(--kik-card-gap)) / 5);
}
}
.application-body.application-films #films-doc-featured-rows > tr:not(.table-load-more) {
  flex-grow: 0;
}
.application-body.application-films #films-doc-featured-rows > tr a > figure.preview {
  position: relative;
}
.application-body.application-films #films-doc-featured-rows > tr a > figure.preview::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-video) center / 1em no-repeat;
  mask: var(--kik-svg-video) center / 1em no-repeat;
  font-size: 44px;
  color: color-mix(in srgb, var(--app-colour) 22%, white);
}