.dot-page .coloring-hero,
.dot-page .coloring-heading,
.dot-page .coloring-preview-heading {
  background: radial-gradient(circle at 88% 15%, rgba(69, 167, 184, .25), transparent 30%), linear-gradient(135deg, #151d21, #0b1013);
}

.dot-page .coloring-eyebrow,
.dot-page .coloring-category__copy em,
.dot-page .coloring-card small {
  color: #63c6d7 !important;
}

.dot-page .coloring-hero > strong {
  color: #63c6d7;
}

.dot-page .coloring-actions button {
  border-color: #318fa1;
  background: #318fa1;
}

.dot-page .coloring-related a:hover {
  border-color: #63c6d7;
  color: #63c6d7;
}

.dot-page .coloring-category__picture img {
  object-fit: contain;
  padding: 8px;
  box-sizing: border-box;
}

.dot-page .coloring-card img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 54%;
  filter: contrast(1.08);
}

.dot-page .coloring-card {
  border-color: rgba(99, 198, 215, .2);
}

.dot-page .coloring-card span {
  position: relative;
  border-top: 1px solid rgba(99, 198, 215, .16);
}

.dot-page .coloring-card__level {
  color: #8ea3a7;
}

.dot-page .dot-instruction {
  max-width: 760px;
  margin: 16px auto 0;
  color: #b8c1bd;
  text-align: center;
  line-height: 1.6;
}