/* A film's times in the time picker's parts of the day (showtime-periods.js), with its glyphs
   (time-filter.css's .time-part, each in its own light, --ink-g), in place of the late shows' moon */

/* no moon of its own on a film's times: the headings say it */
.st-one .st-time[data-night] .st-dot { opacity: 0; }

/* the heading: the part's glyph (in the dot column, over the times' dots) and its name, small
   capitals in the headings' grey; a little air above, none of the row line under it (the first
   time after it has none) */
.st-period {
  display: flex; align-items: center; padding: 18px 0 4px; pointer-events: none;
  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-soft);
}
.st-period.first { padding-top: 6px; }
.st-period > .time-part { width: 13px; height: 13px; margin: 0 9px 0 -3px; translate: 0 -0.5px; background: var(--ink-g); }
.st-one.period-first:not([hidden]) .st-time { background-image: none; } /* (as specific as cards.css's line between, and later, so it wins under every heading, not just the first) */