/* Time Zone Meeting Planner, the cabinet's side: the meridian divider between the tool and the guide (AppZoo tokens),
   and the three glyph masks the artifact's key and rows draw through (SVG files, so they take the artifact's ink).
   The artifact's own look is exhibits/time-zone-meeting-planner/artifact.css; nothing else of it lives here. */
.tz-divider { display: flex; color: var(--rule); align-items: center; gap: var(--space-3); margin: var(--space-8) auto var(--space-4); max-width: 24rem; }
.tz-divider-rule { --motif-size: 0.75rem; flex: 1 1 0; width: auto; }
.tz-divider-clock { --motif-size: 1.75rem; }

[data-artifact="time-zone-meeting-planner"] .tz-glyph { display: inline-block; flex: none; width: 1rem; height: 1rem; background: currentColor; -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; }
[data-artifact="time-zone-meeting-planner"] .tz-glyph-clock { -webkit-mask-image: url('tz-planner/clock.svg?v=eefbaf09c9'); mask-image: url('tz-planner/clock.svg?v=eefbaf09c9'); }
[data-artifact="time-zone-meeting-planner"] .tz-glyph-sun { -webkit-mask-image: url('tz-planner/sun.svg?v=aaf4fd5511'); mask-image: url('tz-planner/sun.svg?v=aaf4fd5511'); }
[data-artifact="time-zone-meeting-planner"] .tz-glyph-moon { -webkit-mask-image: url('tz-planner/moon.svg?v=b6e52d4726'); mask-image: url('tz-planner/moon.svg?v=b6e52d4726'); }