/* Cessna grid-search loader */
.plane-loader {
  --size: 240px;
  --path: 1;
  --lv-base: #f6f8fa;
  --lv-accent: #c8202f;
  --lv-trim: #1b2a5e;
  --lv-glass: #17233b;
  --lv-prop: #121a26;
  --lv-silver: #aeb6bf;
  display: block;
  flex: none;
  width: var(--size);
  height: var(--size);
  overflow: visible;
  color: #2f7fd6;
}

/* the full route, faint, and the part already flown */
.plane-loader .guide,
.plane-loader .track {
  fill: none;
  stroke: currentColor;
  stroke-linejoin: round;
}
.plane-loader .guide {
  stroke-width: 10;
  opacity: calc(0.22 * var(--path));
}
.plane-loader .track {
  stroke-width: 17;
  opacity: calc(0.6 * var(--path));
}

/* airplane livery: Civil Air Patrol colors */
.plane-loader .lv-base { fill: var(--lv-base); }
.plane-loader .lv-accent { fill: var(--lv-accent); }
.plane-loader .lv-trim { fill: var(--lv-trim); }
.plane-loader .lv-glass { fill: var(--lv-glass); }
.plane-loader .lv-prop { fill: var(--lv-prop); }
.plane-loader .lv-silver { fill: var(--lv-silver); }
.plane-loader .lv-disc { fill: currentColor; opacity: 0.14; }
.plane-loader .lv-spin { fill: var(--lv-accent); stroke: var(--lv-trim); stroke-width: 1.6; }
.plane-loader .lv-line {
  fill: none;
  stroke: var(--lv-trim);
  stroke-width: 2;
  stroke-linejoin: round;
}