:root {
  /* 52px cross-stitch tiles. Same star as on the Hyperion Origin and Voyager Origin canopy bands. */
  --stitch-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cpath d='M24 8h4v4h-4zM12 12h4v4h-4zM24 12h4v4h-4zM36 12h4v4h-4zM16 16h4v4h-4zM24 16h4v4h-4zM32 16h4v4h-4zM20 20h4v4h-4zM24 20h4v4h-4zM28 20h4v4h-4zM8 24h4v4h-4zM12 24h4v4h-4zM16 24h4v4h-4zM20 24h4v4h-4zM28 24h4v4h-4zM32 24h4v4h-4zM36 24h4v4h-4zM40 24h4v4h-4zM20 28h4v4h-4zM24 28h4v4h-4zM28 28h4v4h-4zM16 32h4v4h-4zM24 32h4v4h-4zM32 32h4v4h-4zM12 36h4v4h-4zM24 36h4v4h-4zM36 36h4v4h-4zM24 40h4v4h-4zM0 24h4v4h-4zM48 24h4v4h-4zM24 0h4v4h-4zM24 48h4v4h-4z' fill='%23ffffff'/%3E%3Cpath d='M0 24h4v4h-4zM48 24h4v4h-4zM24 0h4v4h-4zM24 48h4v4h-4z' fill='%238cc4ec'/%3E%3C/svg%3E");
  --stitch-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cpath d='M24 8h4v4h-4zM12 12h4v4h-4zM24 12h4v4h-4zM36 12h4v4h-4zM16 16h4v4h-4zM24 16h4v4h-4zM32 16h4v4h-4zM20 20h4v4h-4zM24 20h4v4h-4zM28 20h4v4h-4zM8 24h4v4h-4zM12 24h4v4h-4zM16 24h4v4h-4zM20 24h4v4h-4zM28 24h4v4h-4zM32 24h4v4h-4zM36 24h4v4h-4zM40 24h4v4h-4zM20 28h4v4h-4zM24 28h4v4h-4zM28 28h4v4h-4zM16 32h4v4h-4zM24 32h4v4h-4zM32 32h4v4h-4zM12 36h4v4h-4zM24 36h4v4h-4zM36 36h4v4h-4zM24 40h4v4h-4zM0 24h4v4h-4zM48 24h4v4h-4zM24 0h4v4h-4zM24 48h4v4h-4z' fill='%231a679d'/%3E%3Cpath d='M0 24h4v4h-4zM48 24h4v4h-4zM24 0h4v4h-4zM24 48h4v4h-4z' fill='%23479dd8'/%3E%3C/svg%3E");
  --stitch-sky: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cpath d='M24 8h4v4h-4zM12 12h4v4h-4zM24 12h4v4h-4zM36 12h4v4h-4zM16 16h4v4h-4zM24 16h4v4h-4zM32 16h4v4h-4zM20 20h4v4h-4zM24 20h4v4h-4zM28 20h4v4h-4zM8 24h4v4h-4zM12 24h4v4h-4zM16 24h4v4h-4zM20 24h4v4h-4zM28 24h4v4h-4zM32 24h4v4h-4zM36 24h4v4h-4zM40 24h4v4h-4zM20 28h4v4h-4zM24 28h4v4h-4zM28 28h4v4h-4zM16 32h4v4h-4zM24 32h4v4h-4zM32 32h4v4h-4zM12 36h4v4h-4zM24 36h4v4h-4zM36 36h4v4h-4zM24 40h4v4h-4zM0 24h4v4h-4zM48 24h4v4h-4zM24 0h4v4h-4zM24 48h4v4h-4z' fill='%23479dd8'/%3E%3Cpath d='M0 24h4v4h-4zM48 24h4v4h-4zM24 0h4v4h-4zM24 48h4v4h-4z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.stitch { height: 52px; background-color: #1a679d; background-image: var(--stitch-white); background-size: 52px 52px; background-position: center; background-repeat: repeat-x; }