/* Screen 02 — "Corner 2" artwork composited on the 3840×2160 design canvas.
   Geometry comes from the delivered con2 assets: every .lyr / .tx carries its
   design-pixel origin in --x / --y, so 1 unit == 1 design px == var(--u).

   The con2 delivery is plates, not pages. One backdrop (BGContentC2) carries
   the HUD frame for all eight non-hub pages, one plate (imgC2P1) is the wheel,
   and one (ContentframeC2) is the heading banner, stretched per item. Placement
   for all three was measured by scripts/place-screen-02.py. */

:root {
  --font-art: "DB Heavent";
  /* Tracking of the body copy, in design pixels, and the knob that decides
     where its lines break. The deck's lines hold fewer words than the same
     text does untracked in the same column, so its copy is tracked, and the
     value is the one that reproduces its breaks. Fitted by comparing the last
     line of each run, which justification leaves alone. */
  --body-ls: 0;
  /* The wheel plate's own pixel box, which its labels are positioned in. */
  --plate-w: 1557;
  --plate-h: 1568;
}

.page--art {
  padding: 0;
  background: #04081c;
}

/* ---- Layer primitives (shared with screens 01 and 03) ---- */

.lyr {
  position: absolute;
  left: calc(var(--x) * var(--u));
  top: calc(var(--y) * var(--u));
  width: calc(var(--w) * var(--u));
  height: auto;
  pointer-events: none;
  user-select: none;
}

/* frame12C2 is an additive glow, so it is screened rather than composited:
   alpha-blending it smears the lobes either side of its bright core. */
.lyr--glow {
  mix-blend-mode: screen;
}

/* --y is the box top the line would have at line-height:1. Subtracting the
   half-leading keeps the first cap top at --y + 0.235em whatever --lh is. */
.tx {
  position: absolute;
  left: round(nearest, calc(var(--x) * var(--u)), 1px);
  top: round(
    nearest,
    calc((var(--y) - (var(--lh, var(--fs)) - var(--fs)) / 2) * var(--u)),
    1px
  );
  margin: 0;
  padding: 0;
  font-family: var(--font-art);
  font-size: round(nearest, calc(var(--fs) * var(--u)), 1px);
  line-height: round(nearest, calc(var(--lh, var(--fs)) * var(--u)), 1px);
  /* Tracking, in design pixels. The reference sets its copy with tracking, so
     matching a run's width by size alone lands the ends together and lets the
     middle drift; size comes from the cap height and --ls carries the rest. */
  letter-spacing: calc(var(--ls, 0) * var(--u));
  white-space: nowrap;
  color: #fff;
  z-index: 3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
  /* Live text is artwork, never a target: without this the wheel labels
     swallow every tap that lands on a glyph. */
  pointer-events: none;
}

/* ---- The wheel ----

   The wheel is on every page, at two scales only: full size on the hub and
   0.63 of it everywhere else. Rather than repeat the plate and its fourteen
   labels nine times, there is one wheel in the document that app.js moves and
   scales per page. Its children are positioned in plate pixels and the whole
   block is scaled, so the labels are measured once and hold at both sizes. */

.wheel {
  position: absolute;
  left: calc(var(--x) * var(--u));
  top: calc(var(--y) * var(--u));
  width: calc(var(--plate-w) * var(--u));
  height: calc(var(--plate-h) * var(--u));
  transform: scale(calc(var(--w) / var(--plate-w)));
  transform-origin: 0 0;
  z-index: 2;
  transition:
    left var(--motion-page) var(--ease-out),
    top var(--motion-page) var(--ease-out),
    transform var(--motion-page) var(--ease-out);
}

/* Plate, then labels, then the wash over both, then the hit targets. */
.wheel-plate {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  user-select: none;
}

.wheel svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* Every page but the hub draws the wheel under a wash, with only the wedge
   whose topic the page carries left lit. Comparing the hub against a select
   reference gives that wash: each channel is an affine function of the lit
   one, so it is a colour matrix rather than a blend mode, which could not add
   the offsets. The wash is a filtered copy of the plate and its labels, clipped
   to the wedges that stay dim, so the central disc and the lit wedge simply
   show the layer underneath. */
.wheel-lit,
.wheel-dim {
  position: absolute;
  inset: 0;
}

.wheel-lit {
  z-index: 0;
}

/* Bidirectional wash reveal: starts at the point opposite the lit wedge, then
   expands both ways until the circle is covered. Clip-path on .wheel-dim--N
   still decides which wedges stay washed. */
@property --wash-span {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

.wheel-dim {
  z-index: 1;
  filter: url(#wheelDim);
  opacity: 1;
  pointer-events: none;
  --wash-origin: 180deg;
  --wash-span: 0deg;
  -webkit-mask-image: conic-gradient(
    from calc(var(--wash-origin) - var(--wash-span) / 2) at 50% 50%,
    #000 0deg,
    #000 var(--wash-span),
    transparent var(--wash-span),
    transparent 360deg
  );
  mask-image: conic-gradient(
    from calc(var(--wash-origin) - var(--wash-span) / 2) at 50% 50%,
    #000 0deg,
    #000 var(--wash-span),
    transparent var(--wash-span),
    transparent 360deg
  );
  transition: --wash-span 520ms var(--ease-out);
}

.wheel.is-dimmed .wheel-dim {
  --wash-span: 360deg;
}

/* Hub plates crossfade instead of hard-cutting on wedge select. */
.hub-bgs .lyr {
  opacity: 0;
  transition: opacity var(--motion-page) var(--ease-out);
}

.hub-bgs .lyr.is-active {
  opacity: 1;
}

/* Page enter already lives in the design system; leave + stacking make the
   swap read as a crossfade rather than a hard cut under the moving wheel. */
.page.is-active {
  z-index: 1;
}

.page.is-leaving {
  display: block;
  z-index: 0;
  pointer-events: none;
  animation: page-leave var(--motion-page) var(--ease-out) forwards;
}

@keyframes page-leave {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(calc(-12 * var(--u)));
  }
}

@media (prefers-reduced-motion: reduce) {
  .wheel,
  .wheel-dim,
  .hub-bgs .lyr {
    transition: none;
  }

  .page.is-leaving {
    animation: none;
  }
}

.wheel-dim--0 {
  clip-path: polygon(
    9.245% 21.028%,
    10.293% 19.627%,
    11.391% 18.264%,
    12.536% 16.939%,
    13.727% 15.656%,
    14.963% 14.414%,
    16.242% 13.217%,
    17.562% 12.064%,
    18.923% 10.959%,
    20.321% 9.901%,
    21.756% 8.893%,
    23.226% 7.935%,
    24.729% 7.03%,
    26.262% 6.177%,
    27.825% 5.378%,
    29.416% 4.634%,
    31.031% 3.946%,
    32.67% 3.315%,
    34.33% 2.741%,
    36.01% 2.225%,
    37.706% 1.768%,
    39.418% 1.371%,
    41.143% 1.033%,
    42.878% 0.756%,
    44.622% 0.539%,
    46.373% 0.383%,
    48.129% 0.289%,
    49.886% 0.255%,
    51.644% 0.283%,
    53.399% 0.372%,
    55.151% 0.522%,
    56.896% 0.733%,
    58.632% 1.005%,
    60.358% 1.337%,
    62.071% 1.729%,
    63.769% 2.18%,
    65.45% 2.69%,
    67.112% 3.259%,
    68.753% 3.885%,
    70.371% 4.568%,
    71.964% 5.307%,
    73.529% 6.1%,
    75.066% 6.948%,
    76.572% 7.849%,
    78.044% 8.802%,
    79.483% 9.805%,
    80.885% 10.858%,
    82.249% 11.96%,
    83.573% 13.108%,
    84.856% 14.301%,
    86.096% 15.539%,
    87.291% 16.818%,
    88.44% 18.139%,
    89.542% 19.499%,
    90.596% 20.897%,
    91.599% 22.33%,
    92.551% 23.797%,
    93.451% 25.297%,
    94.297% 26.827%,
    95.088% 28.386%,
    95.824% 29.971%,
    96.504% 31.581%,
    97.126% 33.213%,
    97.69% 34.867%,
    98.195% 36.538%,
    98.641% 38.227%,
    99.027% 39.93%,
    99.353% 41.645%,
    99.617% 43.371%,
    99.821% 45.105%,
    99.963% 46.844%,
    100.044% 48.588%,
    100.063% 50.334%,
    100.02% 52.079%,
    99.916% 53.821%,
    99.75% 55.559%,
    99.523% 57.29%,
    99.235% 59.012%,
    98.887% 60.723%,
    98.478% 62.42%,
    98.009% 64.103%,
    97.481% 65.768%,
    96.895% 67.413%,
    96.251% 69.037%,
    95.549% 70.638%,
    94.792% 72.213%,
    93.98% 73.761%,
    93.113% 75.28%,
    92.193% 76.768%,
    91.222% 78.222%,
    90.199% 79.642%,
    89.127% 81.025%,
    88.007% 82.37%,
    86.839% 83.676%,
    85.627% 84.94%,
    84.37% 86.16%,
    83.072% 87.337%,
    81.732% 88.467%,
    80.353% 89.55%,
    78.937% 90.584%,
    77.485% 91.568%,
    76% 92.501%,
    74.482% 93.382%,
    72.934% 94.209%,
    71.358% 94.982%,
    69.756% 95.7%,
    68.129% 96.361%,
    66.479% 96.965%,
    64.81% 97.512%,
    63.122% 97.999%,
    61.418% 98.428%,
    59.7% 98.797%,
    57.97% 99.106%,
    56.23% 99.355%,
    54.482% 99.543%,
    52.729% 99.669%,
    50.972% 99.735%,
    49.214% 99.739%,
    47.457% 99.682%,
    45.704% 99.564%,
    43.955% 99.385%,
    42.214% 99.145%,
    40.482% 98.845%,
    38.762% 98.484%,
    37.056% 98.064%,
    35.366% 97.585%,
    33.693% 97.047%,
    32.041% 96.451%,
    30.411% 95.798%,
    28.805% 95.088%,
    27.225% 94.323%,
    25.673% 93.503%,
    24.151% 92.63%,
    22.66% 91.705%,
    21.203% 90.728%,
    19.782% 89.7%,
    18.398% 88.624%,
    17.053% 87.501%,
    15.748% 86.331%,
    14.485% 85.116%,
    13.267% 83.859%,
    12.093% 82.559%,
    10.966% 81.22%,
    9.887% 79.842%,
    8.857% 78.427%,
    7.878% 76.977%,
    6.951% 75.494%,
    6.076% 73.98%,
    5.256% 72.436%,
    4.491% 70.864%,
    3.782% 69.267%,
    3.129% 67.646%,
    2.535% 66.004%,
    1.999% 64.341%,
    1.521% 62.661%,
    1.104% 60.966%,
    0.747% 59.257%,
    0.45% 57.536%,
    0.214% 55.806%,
    0.039% 54.069%,
    -0.074% 52.327%,
    -0.125% 50.583%,
    -0.115% 48.837%,
    -0.043% 47.093%,
    0.091% 45.352%,
    0.286% 43.618%,
    0.542% 41.891%,
    0.859% 40.174%,
    1.236% 38.469%,
    1.673% 36.778%,
    2.17% 35.104%,
    2.726% 33.448%,
    3.34% 31.812%,
    4.011% 30.199%,
    4.739% 28.61%,
    5.523% 27.048%,
    6.361% 25.513%,
    7.253% 24.009%,
    8.198% 22.537%,
    9.194% 21.099%,
    30.888% 36.476%,
    30.422% 37.149%,
    29.98% 37.838%,
    29.562% 38.542%,
    29.17% 39.259%,
    28.803% 39.991%,
    28.463% 40.734%,
    28.148% 41.489%,
    27.861% 42.254%,
    27.601% 43.029%,
    27.369% 43.813%,
    27.164% 44.604%,
    26.987% 45.402%,
    26.839% 46.205%,
    26.719% 47.013%,
    26.628% 47.825%,
    26.565% 48.64%,
    26.532% 49.456%,
    26.527% 50.273%,
    26.551% 51.089%,
    26.604% 51.904%,
    26.686% 52.717%,
    26.796% 53.526%,
    26.935% 54.332%,
    27.102% 55.131%,
    27.297% 55.925%,
    27.521% 56.711%,
    27.772% 57.489%,
    28.05% 58.258%,
    28.355% 59.016%,
    28.687% 59.763%,
    29.045% 60.499%,
    29.429% 61.221%,
    29.838% 61.93%,
    30.272% 62.624%,
    30.73% 63.302%,
    31.212% 63.964%,
    31.717% 64.609%,
    32.244% 65.236%,
    32.794% 65.844%,
    33.364% 66.433%,
    33.955% 67.001%,
    34.565% 67.548%,
    35.195% 68.074%,
    35.843% 68.578%,
    36.508% 69.058%,
    37.189% 69.516%,
    37.887% 69.949%,
    38.599% 70.357%,
    39.325% 70.741%,
    40.065% 71.099%,
    40.816% 71.431%,
    41.579% 71.737%,
    42.352% 72.015%,
    43.135% 72.267%,
    43.926% 72.492%,
    44.724% 72.688%,
    45.529% 72.857%,
    46.339% 72.998%,
    47.154% 73.11%,
    47.972% 73.194%,
    48.793% 73.249%,
    49.615% 73.275%,
    50.438% 73.273%,
    51.26% 73.243%,
    52.08% 73.183%,
    52.898% 73.095%,
    53.712% 72.979%,
    54.522% 72.835%,
    55.326% 72.662%,
    56.123% 72.461%,
    56.913% 72.233%,
    57.694% 71.977%,
    58.466% 71.695%,
    59.227% 71.385%,
    59.977% 71.049%,
    60.715% 70.688%,
    61.439% 70.301%,
    62.149% 69.888%,
    62.845% 69.452%,
    63.524% 68.991%,
    64.187% 68.507%,
    64.832% 68.001%,
    65.459% 67.472%,
    66.067% 66.921%,
    66.654% 66.35%,
    67.222% 65.758%,
    67.768% 65.148%,
    68.292% 64.518%,
    68.794% 63.871%,
    69.272% 63.206%,
    69.727% 62.526%,
    70.158% 61.83%,
    70.563% 61.119%,
    70.943% 60.395%,
    71.298% 59.658%,
    71.626% 58.909%,
    71.927% 58.148%,
    72.202% 57.378%,
    72.449% 56.599%,
    72.668% 55.812%,
    72.859% 55.018%,
    73.023% 54.217%,
    73.157% 53.411%,
    73.264% 52.601%,
    73.341% 51.788%,
    73.39% 50.973%,
    73.41% 50.156%,
    73.401% 49.339%,
    73.363% 48.523%,
    73.297% 47.709%,
    73.201% 46.898%,
    73.077% 46.09%,
    72.925% 45.288%,
    72.744% 44.491%,
    72.536% 43.701%,
    72.299% 42.918%,
    72.035% 42.145%,
    71.744% 41.381%,
    71.426% 40.627%,
    71.082% 39.886%,
    70.711% 39.156%,
    70.316% 38.44%,
    69.895% 37.738%,
    69.449% 37.052%,
    68.98% 36.381%,
    68.487% 35.727%,
    67.971% 35.091%,
    67.433% 34.473%,
    66.874% 33.874%,
    66.294% 33.295%,
    65.693% 32.736%,
    65.074% 32.199%,
    64.435% 31.684%,
    63.779% 31.191%,
    63.106% 30.721%,
    62.417% 30.276%,
    61.712% 29.854%,
    60.993% 29.457%,
    60.261% 29.086%,
    59.516% 28.74%,
    58.758% 28.421%,
    57.991% 28.128%,
    57.213% 27.862%,
    56.426% 27.623%,
    55.632% 27.412%,
    54.83% 27.228%,
    54.022% 27.073%,
    53.21% 26.946%,
    52.393% 26.847%,
    51.574% 26.777%,
    50.752% 26.735%,
    49.93% 26.722%,
    49.107% 26.738%,
    48.286% 26.782%,
    47.467% 26.855%,
    46.65% 26.956%,
    45.838% 27.086%,
    45.031% 27.244%,
    44.23% 27.43%,
    43.436% 27.644%,
    42.65% 27.885%,
    41.873% 28.154%,
    41.106% 28.449%,
    40.351% 28.771%,
    39.606% 29.119%,
    38.875% 29.493%,
    38.157% 29.892%,
    37.454% 30.316%,
    36.766% 30.764%,
    36.095% 31.236%,
    35.44% 31.731%,
    34.804% 32.248%,
    34.186% 32.787%,
    33.587% 33.348%,
    33.009% 33.929%,
    32.452% 34.529%,
    31.916% 35.149%,
    31.402% 35.787%,
    30.912% 36.443%
  );
}

.wheel-dim--1 {
  clip-path: polygon(
    50.405% 0.257%,
    52.159% 0.303%,
    53.911% 0.409%,
    55.658% 0.577%,
    57.398% 0.805%,
    59.129% 1.094%,
    60.848% 1.443%,
    62.555% 1.851%,
    64.245% 2.318%,
    65.919% 2.844%,
    67.572% 3.428%,
    69.204% 4.069%,
    70.813% 4.766%,
    72.396% 5.519%,
    73.951% 6.326%,
    75.477% 7.187%,
    76.972% 8.101%,
    78.433% 9.066%,
    79.859% 10.081%,
    81.249% 11.145%,
    82.601% 12.257%,
    83.912% 13.415%,
    85.182% 14.618%,
    86.408% 15.865%,
    87.59% 17.153%,
    88.726% 18.482%,
    89.814% 19.849%,
    90.853% 21.254%,
    91.842% 22.693%,
    92.779% 24.167%,
    93.664% 25.672%,
    94.496% 27.206%,
    95.272% 28.769%,
    95.994% 30.358%,
    96.658% 31.971%,
    97.266% 33.606%,
    97.815% 35.261%,
    98.305% 36.934%,
    98.737% 38.624%,
    99.108% 40.327%,
    99.419% 42.042%,
    99.669% 43.767%,
    99.859% 45.5%,
    99.987% 47.238%,
    100.054% 48.979%,
    100.059% 50.722%,
    100.003% 52.464%,
    99.885% 54.203%,
    99.706% 55.936%,
    99.466% 57.663%,
    99.166% 59.38%,
    98.805% 61.085%,
    98.384% 62.777%,
    97.903% 64.453%,
    97.364% 66.112%,
    96.766% 67.75%,
    96.112% 69.367%,
    95.4% 70.96%,
    94.633% 72.528%,
    93.811% 74.067%,
    92.935% 75.577%,
    92.006% 77.056%,
    91.026% 78.502%,
    89.995% 79.912%,
    88.916% 81.286%,
    87.788% 82.622%,
    86.614% 83.917%,
    85.395% 85.171%,
    84.133% 86.382%,
    82.828% 87.548%,
    81.484% 88.668%,
    80.1% 89.74%,
    78.68% 90.764%,
    77.225% 91.737%,
    75.735% 92.66%,
    74.215% 93.53%,
    72.664% 94.347%,
    71.086% 95.109%,
    69.482% 95.816%,
    67.854% 96.466%,
    66.204% 97.06%,
    64.534% 97.596%,
    62.846% 98.073%,
    61.142% 98.492%,
    59.425% 98.851%,
    57.696% 99.149%,
    55.957% 99.388%,
    54.211% 99.566%,
    52.46% 99.683%,
    50.706% 99.739%,
    48.951% 99.735%,
    47.197% 99.669%,
    45.447% 99.542%,
    43.702% 99.354%,
    41.965% 99.106%,
    40.237% 98.798%,
    38.522% 98.429%,
    36.821% 98.001%,
    35.136% 97.515%,
    33.469% 96.969%,
    31.822% 96.367%,
    30.197% 95.707%,
    28.597% 94.991%,
    27.023% 94.221%,
    25.477% 93.395%,
    23.962% 92.517%,
    22.478% 91.586%,
    21.028% 90.604%,
    19.613% 89.573%,
    18.236% 88.493%,
    16.897% 87.366%,
    15.6% 86.192%,
    14.344% 84.975%,
    13.132% 83.714%,
    11.965% 82.412%,
    10.845% 81.071%,
    9.773% 79.691%,
    8.751% 78.274%,
    7.778% 76.823%,
    6.858% 75.34%,
    5.991% 73.825%,
    5.177% 72.28%,
    4.419% 70.709%,
    3.716% 69.112%,
    3.071% 67.491%,
    2.482% 65.849%,
    1.952% 64.188%,
    1.481% 62.509%,
    1.07% 60.815%,
    0.718% 59.108%,
    0.427% 57.389%,
    0.197% 55.661%,
    0.028% 53.927%,
    -0.08% 52.187%,
    -0.126% 50.445%,
    -0.111% 48.702%,
    -0.035% 46.961%,
    0.103% 45.224%,
    0.302% 43.492%,
    0.562% 41.769%,
    0.883% 40.056%,
    1.264% 38.354%,
    1.704% 36.668%,
    2.204% 34.997%,
    2.763% 33.345%,
    3.379% 31.713%,
    4.053% 30.104%,
    4.783% 28.519%,
    5.568% 26.961%,
    6.408% 25.431%,
    7.302% 23.93%,
    8.248% 22.462%,
    9.245% 21.028%,
    30.912% 36.443%,
    30.445% 37.114%,
    30.002% 37.801%,
    29.584% 38.503%,
    29.191% 39.219%,
    28.824% 39.948%,
    28.482% 40.69%,
    28.167% 41.443%,
    27.878% 42.206%,
    27.617% 42.979%,
    27.383% 43.761%,
    27.177% 44.55%,
    26.999% 45.347%,
    26.849% 46.148%,
    26.727% 46.955%,
    26.634% 47.765%,
    26.569% 48.578%,
    26.533% 49.393%,
    26.526% 50.208%,
    26.548% 51.023%,
    26.599% 51.837%,
    26.678% 52.649%,
    26.785% 53.458%,
    26.922% 54.262%,
    27.086% 55.061%,
    27.279% 55.854%,
    27.499% 56.639%,
    27.747% 57.417%,
    28.022% 58.185%,
    28.325% 58.943%,
    28.653% 59.691%,
    29.008% 60.426%,
    29.389% 61.149%,
    29.795% 61.858%,
    30.225% 62.552%,
    30.68% 63.231%,
    31.159% 63.894%,
    31.661% 64.539%,
    32.185% 65.167%,
    32.731% 65.776%,
    33.298% 66.366%,
    33.885% 66.936%,
    34.493% 67.485%,
    35.119% 68.013%,
    35.763% 68.518%,
    36.425% 69.001%,
    37.104% 69.46%,
    37.798% 69.896%,
    38.508% 70.307%,
    39.231% 70.693%,
    39.967% 71.054%,
    40.716% 71.389%,
    41.476% 71.697%,
    42.247% 71.979%,
    43.027% 72.234%,
    43.816% 72.462%,
    44.612% 72.662%,
    45.415% 72.835%,
    46.223% 72.979%,
    47.036% 73.095%,
    47.852% 73.183%,
    48.671% 73.242%,
    49.492% 73.273%,
    50.313% 73.276%,
    51.134% 73.249%,
    51.954% 73.194%,
    52.771% 73.111%,
    53.584% 72.999%,
    54.393% 72.86%,
    55.197% 72.692%,
    55.994% 72.496%,
    56.784% 72.272%,
    57.565% 72.022%,
    58.338% 71.744%,
    59.099% 71.439%,
    59.85% 71.109%,
    60.589% 70.752%,
    61.314% 70.37%,
    62.026% 69.963%,
    62.723% 69.531%,
    63.404% 69.075%,
    64.068% 68.596%,
    64.716% 68.094%,
    65.345% 67.57%,
    65.955% 67.025%,
    66.546% 66.458%,
    67.116% 65.872%,
    67.666% 65.265%,
    68.193% 64.64%,
    68.699% 63.997%,
    69.181% 63.337%,
    69.64% 62.661%,
    70.074% 61.969%,
    70.484% 61.262%,
    70.869% 60.542%,
    71.228% 59.808%,
    71.561% 59.063%,
    71.867% 58.306%,
    72.147% 57.539%,
    72.399% 56.763%,
    72.624% 55.979%,
    72.821% 55.187%,
    72.99% 54.389%,
    73.131% 53.586%,
    73.243% 52.778%,
    73.327% 51.967%,
    73.382% 51.153%,
    73.408% 50.338%,
    73.405% 49.522%,
    73.374% 48.707%,
    73.314% 47.894%,
    73.226% 47.083%,
    73.109% 46.276%,
    72.963% 45.474%,
    72.789% 44.677%,
    72.587% 43.886%,
    72.358% 43.103%,
    72.101% 42.328%,
    71.817% 41.563%,
    71.506% 40.809%,
    71.168% 40.065%,
    70.805% 39.334%,
    70.416% 38.616%,
    70.001% 37.911%,
    69.563% 37.222%,
    69.1% 36.548%,
    68.614% 35.891%,
    68.105% 35.251%,
    67.573% 34.629%,
    67.02% 34.026%,
    66.446% 33.443%,
    65.852% 32.88%,
    65.238% 32.338%,
    64.606% 31.818%,
    63.956% 31.32%,
    63.288% 30.845%,
    62.604% 30.393%,
    61.905% 29.966%,
    61.191% 29.563%,
    60.463% 29.185%,
    59.722% 28.833%,
    58.97% 28.506%,
    58.206% 28.207%,
    57.432% 27.933%,
    56.649% 27.687%,
    55.858% 27.469%,
    55.059% 27.278%,
    54.255% 27.114%,
    53.445% 26.979%,
    52.631% 26.873%,
    51.813% 26.794%,
    50.993% 26.744%,
    50.172% 26.723%
  );
}

.wheel-dim--2 {
  clip-path: polygon(
    91.064% 21.553%,
    92.044% 23.001%,
    92.971% 24.482%,
    93.845% 25.995%,
    94.666% 27.537%,
    95.432% 29.107%,
    96.141% 30.703%,
    96.794% 32.322%,
    97.389% 33.963%,
    97.927% 35.624%,
    98.405% 37.302%,
    98.823% 38.996%,
    99.182% 40.703%,
    99.48% 42.422%,
    99.717% 44.151%,
    99.893% 45.886%,
    100.007% 47.627%,
    100.06% 49.37%,
    100.052% 51.114%,
    99.982% 52.857%,
    99.85% 54.596%,
    99.657% 56.33%,
    99.403% 58.056%,
    99.088% 59.772%,
    98.713% 61.476%,
    98.278% 63.166%,
    97.783% 64.839%,
    97.23% 66.495%,
    96.619% 68.13%,
    95.95% 69.743%,
    95.225% 71.331%,
    94.444% 72.894%,
    93.608% 74.428%,
    92.719% 75.932%,
    91.777% 77.404%,
    90.784% 78.843%,
    89.74% 80.246%,
    88.648% 81.612%,
    87.508% 82.939%,
    86.322% 84.226%,
    85.091% 85.47%,
    83.817% 86.671%,
    82.502% 87.827%,
    81.146% 88.936%,
    79.753% 89.998%,
    78.322% 91.01%,
    76.857% 91.972%,
    75.359% 92.882%,
    73.829% 93.74%,
    72.27% 94.544%,
    70.684% 95.293%,
    69.072% 95.986%,
    67.437% 96.623%,
    65.78% 97.202%,
    64.104% 97.723%,
    62.41% 98.186%,
    60.701% 98.59%,
    58.979% 98.934%,
    57.246% 99.217%,
    55.504% 99.44%,
    53.755% 99.603%,
    52.001% 99.704%,
    50.245% 99.744%,
    48.489% 99.723%,
    46.734% 99.641%,
    44.984% 99.498%,
    43.239% 99.294%,
    41.503% 99.03%,
    39.777% 98.705%,
    38.064% 98.32%,
    36.365% 97.876%,
    34.683% 97.373%,
    33.02% 96.812%,
    31.378% 96.193%,
    29.758% 95.517%,
    28.164% 94.786%,
    26.596% 93.999%,
    25.057% 93.159%,
    23.548% 92.265%,
    22.072% 91.319%,
    20.631% 90.323%,
    19.225% 89.277%,
    17.857% 88.182%,
    16.529% 87.041%,
    15.242% 85.854%,
    13.997% 84.623%,
    12.797% 83.35%,
    11.643% 82.035%,
    10.535% 80.681%,
    9.476% 79.29%,
    8.467% 77.862%,
    7.509% 76.4%,
    6.603% 74.906%,
    5.75% 73.381%,
    4.952% 71.827%,
    4.209% 70.247%,
    3.522% 68.642%,
    2.893% 67.013%,
    2.321% 65.364%,
    1.808% 63.696%,
    1.354% 62.011%,
    0.96% 60.311%,
    0.626% 58.599%,
    0.352% 56.876%,
    0.14% 55.144%,
    -0.011% 53.407%,
    -0.1% 51.665%,
    -0.128% 49.921%,
    -0.095% 48.177%,
    0% 46.435%,
    0.157% 44.698%,
    0.375% 42.967%,
    0.654% 41.245%,
    0.993% 39.534%,
    1.393% 37.835%,
    1.852% 36.152%,
    2.37% 34.485%,
    2.947% 32.838%,
    3.582% 31.211%,
    4.274% 29.608%,
    5.022% 28.03%,
    5.825% 26.479%,
    6.683% 24.957%,
    7.594% 23.465%,
    8.557% 22.006%,
    9.57% 20.582%,
    10.634% 19.194%,
    11.746% 17.843%,
    12.905% 16.533%,
    14.109% 15.263%,
    15.357% 14.036%,
    16.648% 12.853%,
    17.98% 11.716%,
    19.352% 10.626%,
    20.761% 9.584%,
    22.205% 8.593%,
    23.684% 7.652%,
    25.196% 6.763%,
    26.737% 5.927%,
    28.308% 5.145%,
    29.905% 4.419%,
    31.526% 3.748%,
    33.171% 3.135%,
    34.836% 2.579%,
    36.519% 2.081%,
    38.219% 1.642%,
    39.934% 1.263%,
    41.66% 0.944%,
    43.398% 0.685%,
    45.143% 0.486%,
    46.894% 0.349%,
    48.649% 0.272%,
    50.405% 0.257%,
    50.172% 26.723%,
    49.351% 26.73%,
    48.529% 26.766%,
    47.71% 26.83%,
    46.893% 26.923%,
    46.08% 27.044%,
    45.272% 27.194%,
    44.47% 27.371%,
    43.675% 27.576%,
    42.887% 27.809%,
    42.108% 28.069%,
    41.338% 28.357%,
    40.579% 28.67%,
    39.832% 29.01%,
    39.097% 29.376%,
    38.376% 29.767%,
    37.669% 30.183%,
    36.976% 30.623%,
    36.3% 31.088%,
    35.641% 31.575%,
    34.999% 32.085%,
    34.376% 32.617%,
    33.772% 33.171%,
    33.188% 33.745%,
    32.624% 34.339%,
    32.082% 34.952%,
    31.562% 35.584%,
    31.064% 36.234%,
    30.59% 36.9%,
    30.139% 37.583%,
    29.713% 38.281%,
    29.312% 38.993%,
    28.936% 39.719%,
    28.586% 40.458%,
    28.262% 41.208%,
    27.965% 41.969%,
    27.695% 42.74%,
    27.452% 43.52%,
    27.237% 44.307%,
    27.05% 45.102%,
    26.891% 45.903%,
    26.761% 46.709%,
    26.659% 47.519%,
    26.586% 48.332%,
    26.541% 49.147%,
    26.525% 49.963%,
    26.538% 50.779%,
    26.58% 51.594%,
    26.651% 52.407%,
    26.75% 53.217%,
    26.878% 54.024%,
    27.035% 54.825%,
    27.219% 55.62%,
    27.431% 56.409%,
    27.671% 57.19%,
    27.939% 57.961%,
    28.234% 58.723%,
    28.555% 59.475%,
    28.903% 60.214%,
    29.276% 60.941%,
    29.675% 61.655%,
    30.099% 62.354%,
    30.548% 63.038%,
    31.02% 63.706%,
    31.515% 64.357%,
    32.034% 64.991%,
    32.574% 65.606%,
    33.136% 66.202%,
    33.718% 66.778%,
    34.32% 67.333%,
    34.942% 67.867%,
    35.582% 68.379%,
    36.24% 68.869%,
    36.914% 69.335%,
    37.605% 69.778%,
    38.311% 70.196%,
    39.031% 70.589%,
    39.765% 70.958%,
    40.511% 71.3%,
    41.269% 71.616%,
    42.037% 71.905%,
    42.815% 72.168%,
    43.602% 72.403%,
    44.397% 72.611%,
    45.199% 72.791%,
    46.007% 72.943%,
    46.819% 73.067%,
    47.635% 73.163%,
    48.455% 73.23%,
    49.276% 73.268%,
    50.098% 73.278%,
    50.919% 73.259%,
    51.74% 73.211%,
    52.558% 73.136%,
    53.374% 73.031%,
    54.185% 72.898%,
    54.99% 72.738%,
    55.79% 72.549%,
    56.583% 72.332%,
    57.367% 72.088%,
    58.142% 71.817%,
    58.908% 71.519%,
    59.662% 71.195%,
    60.404% 70.844%,
    61.134% 70.468%,
    61.849% 70.067%,
    62.551% 69.641%,
    63.236% 69.191%,
    63.906% 68.717%,
    64.558% 68.22%,
    65.192% 67.701%,
    65.808% 67.16%,
    66.404% 66.598%,
    66.98% 66.016%,
    67.535% 65.414%,
    68.068% 64.793%,
    68.579% 64.154%,
    69.068% 63.497%,
    69.532% 62.824%,
    69.973% 62.135%,
    70.389% 61.431%,
    70.78% 60.713%,
    71.146% 59.982%,
    71.485% 59.239%,
    71.798% 58.484%,
    72.084% 57.719%,
    72.343% 56.944%,
    72.574% 56.161%,
    72.778% 55.37%,
    72.954% 54.573%,
    73.101% 53.77%,
    73.22% 52.962%,
    73.31% 52.151%,
    73.372% 51.337%,
    73.405% 50.521%,
    73.409% 49.705%,
    73.384% 48.889%,
    73.33% 48.075%,
    73.248% 47.263%,
    73.137% 46.454%,
    72.997% 45.65%,
    72.83% 44.851%,
    72.634% 44.058%,
    72.41% 43.273%,
    72.159% 42.495%,
    71.88% 41.728%,
    71.575% 40.97%,
    71.243% 40.223%,
    70.884% 39.489%,
    70.5% 38.767%,
    70.091% 38.059%,
    69.657% 37.366%,
    69.199% 36.688%
  );
}

.wheel-dim--3 {
  clip-path: polygon(
    97.746% 64.959%,
    97.188% 66.614%,
    96.572% 68.249%,
    95.898% 69.861%,
    95.168% 71.449%,
    94.382% 73.01%,
    93.542% 74.544%,
    92.648% 76.046%,
    91.702% 77.517%,
    90.704% 78.954%,
    89.656% 80.356%,
    88.559% 81.72%,
    87.414% 83.045%,
    86.224% 84.329%,
    84.988% 85.571%,
    83.71% 86.769%,
    82.39% 87.922%,
    81.03% 89.028%,
    79.632% 90.086%,
    78.198% 91.095%,
    76.728% 92.053%,
    75.226% 92.959%,
    73.693% 93.813%,
    72.13% 94.612%,
    70.54% 95.357%,
    68.925% 96.046%,
    67.286% 96.678%,
    65.626% 97.252%,
    63.947% 97.769%,
    62.251% 98.226%,
    60.539% 98.625%,
    58.815% 98.963%,
    57.079% 99.241%,
    55.335% 99.459%,
    53.585% 99.615%,
    51.829% 99.711%,
    50.072% 99.745%,
    48.314% 99.718%,
    46.559% 99.63%,
    44.807% 99.48%,
    43.062% 99.27%,
    41.325% 98.999%,
    39.6% 98.668%,
    37.886% 98.277%,
    36.188% 97.826%,
    34.507% 97.317%,
    32.845% 96.749%,
    31.203% 96.123%,
    29.585% 95.441%,
    27.992% 94.703%,
    26.426% 93.91%,
    24.889% 93.063%,
    23.383% 92.163%,
    21.91% 91.211%,
    20.471% 90.208%,
    19.069% 89.155%,
    17.704% 88.055%,
    16.38% 86.907%,
    15.096% 85.715%,
    13.856% 84.478%,
    12.66% 83.198%,
    11.51% 81.878%,
    10.407% 80.519%,
    9.353% 79.122%,
    8.349% 77.689%,
    7.397% 76.222%,
    6.497% 74.723%,
    5.65% 73.193%,
    4.858% 71.635%,
    4.121% 70.05%,
    3.441% 68.44%,
    2.818% 66.808%,
    2.253% 65.155%,
    1.747% 63.484%,
    1.3% 61.795%,
    0.913% 60.093%,
    0.587% 58.377%,
    0.321% 56.652%,
    0.117% 54.918%,
    -0.026% 53.179%,
    -0.108% 51.435%,
    -0.127% 49.689%,
    -0.086% 47.944%,
    0.018% 46.202%,
    0.183% 44.464%,
    0.409% 42.733%,
    0.696% 41.011%,
    1.044% 39.3%,
    1.452% 37.602%,
    1.92% 35.92%,
    2.447% 34.254%,
    3.033% 32.609%,
    3.676% 30.984%,
    4.377% 29.383%,
    5.133% 27.808%,
    5.945% 26.259%,
    6.811% 24.74%,
    7.73% 23.252%,
    8.701% 21.797%,
    9.723% 20.377%,
    10.794% 18.993%,
    11.914% 17.647%,
    13.08% 16.342%,
    14.292% 15.077%,
    15.548% 13.856%,
    16.846% 12.679%,
    18.185% 11.548%,
    19.563% 10.465%,
    20.979% 9.43%,
    22.43% 8.445%,
    23.916% 7.511%,
    25.433% 6.63%,
    26.98% 5.801%,
    28.556% 5.028%,
    30.158% 4.31%,
    31.785% 3.648%,
    33.434% 3.043%,
    35.103% 2.496%,
    36.79% 2.007%,
    38.494% 1.577%,
    40.212% 1.207%,
    41.942% 0.898%,
    43.682% 0.648%,
    45.43% 0.46%,
    47.183% 0.332%,
    48.939% 0.266%,
    50.697% 0.26%,
    52.454% 0.316%,
    54.208% 0.434%,
    55.957% 0.612%,
    57.698% 0.851%,
    59.43% 1.15%,
    61.15% 1.51%,
    62.856% 1.93%,
    64.547% 2.408%,
    66.219% 2.945%,
    67.872% 3.54%,
    69.502% 4.193%,
    71.109% 4.902%,
    72.689% 5.666%,
    74.242% 6.485%,
    75.764% 7.357%,
    77.255% 8.282%,
    78.712% 9.258%,
    80.134% 10.285%,
    81.519% 11.36%,
    82.864% 12.483%,
    84.17% 13.652%,
    85.433% 14.866%,
    86.652% 16.123%,
    87.827% 17.422%,
    88.954% 18.761%,
    90.034% 20.139%,
    91.064% 21.553%,
    69.199% 36.688%,
    68.717% 36.026%,
    68.212% 35.382%,
    67.684% 34.755%,
    67.134% 34.147%,
    66.564% 33.559%,
    65.973% 32.991%,
    65.362% 32.444%,
    64.732% 31.919%,
    64.084% 31.415%,
    63.419% 30.935%,
    62.737% 30.478%,
    62.039% 30.045%,
    61.327% 29.637%,
    60.6% 29.254%,
    59.861% 28.896%,
    59.109% 28.565%,
    58.346% 28.259%,
    57.573% 27.981%,
    56.79% 27.729%,
    55.999% 27.505%,
    55.2% 27.309%,
    54.396% 27.141%,
    53.585% 27.001%,
    52.77% 26.889%,
    51.952% 26.805%,
    51.131% 26.751%,
    50.309% 26.724%,
    49.487% 26.727%,
    48.665% 26.758%,
    47.844% 26.818%,
    47.026% 26.906%,
    46.212% 27.023%,
    45.403% 27.168%,
    44.599% 27.341%,
    43.802% 27.542%,
    43.012% 27.77%,
    42.231% 28.026%,
    41.459% 28.309%,
    40.698% 28.619%,
    39.948% 28.955%,
    39.211% 29.317%,
    38.487% 29.705%,
    37.777% 30.117%,
    37.082% 30.554%,
    36.403% 31.015%,
    35.74% 31.499%,
    35.095% 32.006%,
    34.469% 32.536%,
    33.861% 33.086%,
    33.274% 33.658%,
    32.706% 34.25%,
    32.161% 34.861%,
    31.637% 35.49%,
    31.135% 36.138%,
    30.657% 36.803%,
    30.203% 37.483%,
    29.773% 38.18%,
    29.367% 38.891%,
    28.988% 39.615%,
    28.634% 40.352%,
    28.306% 41.102%,
    28.005% 41.862%,
    27.731% 42.632%,
    27.484% 43.411%,
    27.265% 44.198%,
    27.074% 44.993%,
    26.911% 45.794%,
    26.777% 46.599%,
    26.671% 47.409%,
    26.594% 48.223%,
    26.545% 49.038%,
    26.526% 49.855%,
    26.535% 50.671%,
    26.573% 51.487%,
    26.64% 52.302%,
    26.736% 53.113%,
    26.86% 53.92%,
    27.013% 54.723%,
    27.194% 55.52%,
    27.403% 56.31%,
    27.64% 57.092%,
    27.904% 57.865%,
    28.196% 58.629%,
    28.514% 59.382%,
    28.859% 60.124%,
    29.229% 60.853%,
    29.626% 61.569%,
    30.047% 62.271%,
    30.493% 62.957%,
    30.962% 63.628%,
    31.456% 64.281%,
    31.972% 64.917%,
    32.51% 65.535%,
    33.069% 66.134%,
    33.65% 66.713%,
    34.25% 67.271%,
    34.87% 67.808%,
    35.509% 68.323%,
    36.165% 68.815%,
    36.838% 69.284%,
    37.528% 69.73%,
    38.232% 70.151%,
    38.952% 70.548%,
    39.684% 70.919%,
    40.43% 71.264%,
    41.187% 71.583%,
    41.955% 71.876%,
    42.733% 72.142%,
    43.52% 72.38%,
    44.314% 72.591%,
    45.116% 72.774%,
    45.924% 72.929%,
    46.736% 73.056%,
    47.553% 73.154%,
    48.372% 73.224%,
    49.194% 73.265%,
    50.017% 73.278%,
    50.839% 73.262%,
    51.66% 73.217%,
    52.48% 73.144%,
    53.296% 73.042%,
    54.108% 72.912%,
    54.915% 72.754%,
    55.716% 72.568%,
    56.51% 72.353%,
    57.295% 72.112%,
    58.072% 71.843%,
    58.839% 71.547%,
    59.595% 71.225%,
    60.339% 70.876%,
    61.07% 70.502%,
    61.787% 70.103%,
    62.49% 69.679%,
    63.178% 69.23%,
    63.849% 68.758%,
    64.503% 68.263%,
    65.14% 67.745%,
    65.757% 67.206%,
    66.356% 66.645%,
    66.934% 66.064%,
    67.491% 65.463%,
    68.026% 64.843%,
    68.54% 64.205%,
    69.03% 63.549%,
    69.497% 62.877%,
    69.94% 62.188%,
    70.358% 61.485%,
    70.752% 60.768%,
    71.119% 60.037%,
    71.461% 59.294%,
    71.776% 58.539%,
    72.064% 57.774%,
    72.325% 57%
  );
}

.wheel-dim--4 {
  clip-path: polygon(
    70.248% 95.487%,
    68.63% 96.164%,
    66.989% 96.786%,
    65.326% 97.349%,
    63.645% 97.855%,
    61.948% 98.302%,
    60.235% 98.689%,
    58.51% 99.016%,
    56.774% 99.284%,
    55.03% 99.49%,
    53.28% 99.636%,
    51.526% 99.721%,
    49.77% 99.745%,
    48.014% 99.707%,
    46.26% 99.608%,
    44.511% 99.449%,
    42.769% 99.229%,
    41.035% 98.948%,
    39.313% 98.607%,
    37.603% 98.206%,
    35.909% 97.746%,
    34.232% 97.227%,
    32.575% 96.65%,
    30.938% 96.016%,
    29.326% 95.326%,
    27.738% 94.579%,
    26.178% 93.778%,
    24.647% 92.923%,
    23.148% 92.015%,
    21.681% 91.056%,
    20.249% 90.046%,
    18.853% 88.987%,
    17.496% 87.88%,
    16.179% 86.726%,
    14.903% 85.528%,
    13.67% 84.285%,
    12.482% 83.001%,
    11.34% 81.676%,
    10.246% 80.311%,
    9.2% 78.91%,
    8.205% 77.473%,
    7.261% 76.003%,
    6.369% 74.5%,
    5.531% 72.967%,
    4.747% 71.407%,
    4.019% 69.819%,
    3.348% 68.208%,
    2.734% 66.574%,
    2.178% 64.919%,
    1.68% 63.247%,
    1.242% 61.558%,
    0.864% 59.855%,
    0.547% 58.139%,
    0.29% 56.414%,
    0.094% 54.681%,
    -0.041% 52.942%,
    -0.114% 51.199%,
    -0.125% 49.455%,
    -0.075% 47.712%,
    0.036% 45.971%,
    0.209% 44.236%,
    0.443% 42.507%,
    0.738% 40.788%,
    1.094% 39.08%,
    1.509% 37.385%,
    1.984% 35.706%,
    2.518% 34.045%,
    3.111% 32.403%,
    3.761% 30.783%,
    4.468% 29.186%,
    5.23% 27.615%,
    6.048% 26.072%,
    6.92% 24.558%,
    7.844% 23.075%,
    8.821% 21.625%,
    9.848% 20.21%,
    10.924% 18.832%,
    12.048% 17.492%,
    13.219% 16.192%,
    14.435% 14.934%,
    15.695% 13.718%,
    16.997% 12.548%,
    18.339% 11.423%,
    19.721% 10.346%,
    21.139% 9.317%,
    22.593% 8.339%,
    24.081% 7.412%,
    25.6% 6.537%,
    27.149% 5.715%,
    28.727% 4.948%,
    30.33% 4.236%,
    31.958% 3.581%,
    33.608% 2.983%,
    35.278% 2.442%,
    36.966% 1.96%,
    38.67% 1.537%,
    40.387% 1.173%,
    42.117% 0.87%,
    43.856% 0.627%,
    45.603% 0.444%,
    47.355% 0.323%,
    49.11% 0.262%,
    50.867% 0.263%,
    52.622% 0.325%,
    54.374% 0.448%,
    56.121% 0.632%,
    57.86% 0.876%,
    59.589% 1.181%,
    61.307% 1.546%,
    63.01% 1.971%,
    64.698% 2.454%,
    66.367% 2.996%,
    68.016% 3.596%,
    69.644% 4.252%,
    71.246% 4.965%,
    72.823% 5.734%,
    74.372% 6.557%,
    75.89% 7.433%,
    77.377% 8.361%,
    78.83% 9.341%,
    80.248% 10.371%,
    81.628% 11.449%,
    82.97% 12.575%,
    84.271% 13.747%,
    85.53% 14.963%,
    86.745% 16.222%,
    87.914% 17.523%,
    89.038% 18.864%,
    90.113% 20.243%,
    91.139% 21.659%,
    92.114% 23.109%,
    93.037% 24.593%,
    93.908% 26.108%,
    94.724% 27.652%,
    95.486% 29.224%,
    96.191% 30.821%,
    96.84% 32.441%,
    97.431% 34.084%,
    97.963% 35.746%,
    98.437% 37.425%,
    98.851% 39.12%,
    99.205% 40.828%,
    99.499% 42.548%,
    99.732% 44.277%,
    99.903% 46.012%,
    100.013% 47.753%,
    100.062% 49.496%,
    100.049% 51.24%,
    99.974% 52.983%,
    99.838% 54.722%,
    99.641% 56.455%,
    99.382% 58.18%,
    99.063% 59.895%,
    98.684% 61.598%,
    98.244% 63.286%,
    97.746% 64.959%,
    72.325% 57%,
    72.559% 56.217%,
    72.764% 55.427%,
    72.942% 54.63%,
    73.091% 53.828%,
    73.212% 53.02%,
    73.305% 52.209%,
    73.368% 51.396%,
    73.403% 50.58%,
    73.409% 49.764%,
    73.386% 48.948%,
    73.335% 48.134%,
    73.255% 47.322%,
    73.146% 46.513%,
    73.009% 45.708%,
    72.843% 44.909%,
    72.649% 44.116%,
    72.427% 43.33%,
    72.178% 42.552%,
    71.902% 41.784%,
    71.598% 41.025%,
    71.268% 40.278%,
    70.912% 39.542%,
    70.529% 38.82%,
    70.122% 38.111%,
    69.69% 37.417%,
    69.234% 36.738%,
    68.754% 36.075%,
    68.251% 35.43%,
    67.725% 34.802%,
    67.178% 34.194%,
    66.609% 33.604%,
    66.02% 33.035%,
    65.411% 32.487%,
    64.783% 31.96%,
    64.137% 31.455%,
    63.474% 30.974%,
    62.794% 30.515%,
    62.098% 30.081%,
    61.388% 29.671%,
    60.663% 29.286%,
    59.925% 28.926%,
    59.175% 28.592%,
    58.414% 28.285%,
    57.642% 28.005%,
    56.861% 27.751%,
    56.071% 27.525%,
    55.274% 27.326%,
    54.47% 27.155%,
    53.661% 27.013%,
    52.847% 26.898%,
    52.03% 26.812%,
    51.21% 26.755%,
    50.389% 26.726%,
    49.567% 26.725%,
    48.745% 26.754%,
    47.925% 26.81%,
    47.108% 26.896%,
    46.294% 27.01%,
    45.485% 27.152%,
    44.681% 27.322%,
    43.883% 27.52%,
    43.094% 27.745%,
    42.312% 27.998%,
    41.54% 28.278%,
    40.779% 28.585%,
    40.028% 28.918%,
    39.29% 29.277%,
    38.565% 29.661%,
    37.854% 30.071%,
    37.158% 30.505%,
    36.478% 30.963%,
    35.814% 31.444%,
    35.167% 31.948%,
    34.539% 32.474%,
    33.93% 33.022%,
    33.34% 33.591%,
    32.771% 34.18%,
    32.224% 34.788%,
    31.697% 35.415%,
    31.194% 36.06%,
    30.713% 36.722%,
    30.256% 37.4%,
    29.824% 38.094%,
    29.416% 38.803%,
    29.033% 39.525%,
    28.676% 40.26%,
    28.345% 41.007%,
    28.041% 41.766%,
    27.764% 42.534%,
    27.514% 43.311%,
    27.292% 44.097%,
    27.097% 44.89%,
    26.931% 45.689%,
    26.793% 46.494%,
    26.683% 47.303%,
    26.602% 48.115%,
    26.55% 48.929%,
    26.527% 49.745%,
    26.532% 50.561%,
    26.566% 51.377%,
    26.629% 52.19%,
    26.721% 53.001%,
    26.841% 53.809%,
    26.99% 54.611%,
    27.167% 55.408%,
    27.372% 56.199%,
    27.605% 56.981%,
    27.865% 57.756%,
    28.152% 58.52%,
    28.466% 59.274%,
    28.807% 60.017%,
    29.174% 60.748%,
    29.566% 61.465%,
    29.983% 62.168%,
    30.425% 62.856%,
    30.891% 63.528%,
    31.38% 64.184%,
    31.892% 64.823%,
    32.427% 65.443%,
    32.983% 66.044%,
    33.559% 66.625%,
    34.156% 67.186%,
    34.773% 67.726%,
    35.408% 68.244%,
    36.061% 68.739%,
    36.731% 69.212%,
    37.417% 69.661%,
    38.119% 70.086%,
    38.836% 70.486%,
    39.566% 70.861%,
    40.308% 71.21%,
    41.063% 71.533%,
    41.829% 71.83%,
    42.604% 72.1%,
    43.389% 72.343%,
    44.182% 72.558%,
    44.982% 72.745%,
    45.788% 72.905%,
    46.599% 73.036%,
    47.414% 73.14%,
    48.233% 73.214%,
    49.053% 73.26%,
    49.875% 73.278%,
    50.697% 73.267%,
    51.518% 73.227%,
    52.337% 73.159%,
    53.153% 73.062%,
    53.965% 72.937%,
    54.772% 72.784%,
    55.574% 72.603%,
    56.368% 72.394%,
    57.155% 72.157%,
    57.933% 71.893%,
    58.701% 71.603%,
    59.458% 71.285%
  );
}

.wheel-dim--5 {
  clip-path: polygon(
    30.297% 95.75%,
    28.696% 95.038%,
    27.121% 94.271%,
    25.574% 93.449%,
    24.057% 92.574%,
    22.572% 91.648%,
    21.12% 90.67%,
    19.704% 89.642%,
    18.325% 88.565%,
    16.985% 87.442%,
    15.685% 86.272%,
    14.427% 85.058%,
    13.213% 83.801%,
    12.043% 82.502%,
    10.921% 81.164%,
    9.846% 79.787%,
    8.82% 78.374%,
    7.845% 76.926%,
    6.921% 75.445%,
    6.051% 73.933%,
    5.234% 72.391%,
    4.472% 70.823%,
    3.765% 69.228%,
    3.116% 67.61%,
    2.523% 65.97%,
    1.989% 64.311%,
    1.514% 62.634%,
    1.099% 60.942%,
    0.743% 59.236%,
    0.447% 57.519%,
    0.212% 55.793%,
    0.039% 54.06%,
    -0.074% 52.322%,
    -0.125% 50.58%,
    -0.115% 48.838%,
    -0.043% 47.098%,
    0.09% 45.361%,
    0.284% 43.63%,
    0.539% 41.907%,
    0.855% 40.193%,
    1.231% 38.492%,
    1.666% 36.804%,
    2.161% 35.133%,
    2.715% 33.48%,
    3.326% 31.848%,
    3.995% 30.237%,
    4.72% 28.651%,
    5.5% 27.091%,
    6.335% 25.559%,
    7.224% 24.057%,
    8.165% 22.587%,
    9.157% 21.151%,
    10.199% 19.749%,
    11.29% 18.385%,
    12.428% 17.06%,
    13.613% 15.775%,
    14.842% 14.532%,
    16.114% 13.333%,
    17.427% 12.178%,
    18.781% 11.07%,
    20.173% 10.01%,
    21.601% 8.999%,
    23.064% 8.037%,
    24.56% 7.128%,
    26.087% 6.271%,
    27.644% 5.467%,
    29.228% 4.719%,
    30.837% 4.025%,
    32.47% 3.388%,
    34.124% 2.809%,
    35.797% 2.287%,
    37.488% 1.823%,
    39.195% 1.419%,
    40.914% 1.074%,
    42.645% 0.789%,
    44.384% 0.565%,
    46.131% 0.401%,
    47.882% 0.298%,
    49.636% 0.256%,
    51.39% 0.275%,
    53.142% 0.355%,
    54.891% 0.496%,
    56.633% 0.697%,
    58.367% 0.959%,
    60.091% 1.281%,
    61.803% 1.663%,
    63.5% 2.104%,
    65.18% 2.604%,
    66.842% 3.162%,
    68.483% 3.777%,
    70.102% 4.449%,
    71.695% 5.177%,
    73.262% 5.96%,
    74.801% 6.797%,
    76.309% 7.687%,
    77.785% 8.628%,
    79.226% 9.621%,
    80.632% 10.663%,
    82% 11.753%,
    83.329% 12.89%,
    84.617% 14.073%,
    85.863% 15.299%,
    87.064% 16.569%,
    88.22% 17.879%,
    89.329% 19.228%,
    90.39% 20.616%,
    91.401% 22.039%,
    92.362% 23.496%,
    93.27% 24.987%,
    94.126% 26.507%,
    94.927% 28.057%,
    95.673% 29.633%,
    96.363% 31.235%,
    96.996% 32.859%,
    97.572% 34.505%,
    98.089% 36.169%,
    98.547% 37.851%,
    98.946% 39.547%,
    99.284% 41.256%,
    99.562% 42.976%,
    99.78% 44.705%,
    99.936% 46.44%,
    100.031% 48.179%,
    100.064% 49.921%,
    100.036% 51.662%,
    99.947% 53.402%,
    99.796% 55.137%,
    99.585% 56.866%,
    99.312% 58.587%,
    98.979% 60.297%,
    98.586% 61.995%,
    98.133% 63.678%,
    97.621% 65.344%,
    97.051% 66.991%,
    96.423% 68.618%,
    95.738% 70.221%,
    94.997% 71.8%,
    94.201% 73.352%,
    93.351% 74.876%,
    92.447% 76.369%,
    91.491% 77.83%,
    90.484% 79.256%,
    89.428% 80.647%,
    88.323% 82%,
    87.172% 83.314%,
    85.974% 84.587%,
    84.733% 85.817%,
    83.448% 87.004%,
    82.123% 88.145%,
    80.758% 89.24%,
    79.356% 90.286%,
    77.918% 91.283%,
    76.445% 92.229%,
    74.94% 93.124%,
    73.404% 93.966%,
    71.839% 94.754%,
    70.248% 95.487%,
    59.458% 71.285%,
    60.203% 70.942%,
    60.935% 70.574%,
    61.653% 70.18%,
    62.358% 69.761%,
    63.047% 69.318%,
    63.72% 68.852%,
    64.376% 68.362%,
    65.015% 67.85%,
    65.635% 67.316%,
    66.236% 66.761%,
    66.817% 66.185%,
    67.377% 65.589%,
    67.916% 64.974%,
    68.433% 64.341%,
    68.928% 63.69%,
    69.399% 63.023%,
    69.846% 62.339%,
    70.269% 61.641%,
    70.667% 60.928%,
    71.039% 60.201%,
    71.386% 59.463%,
    71.707% 58.712%,
    72% 57.951%,
    72.267% 57.18%,
    72.507% 56.401%,
    72.719% 55.613%,
    72.903% 54.819%,
    73.058% 54.018%,
    73.186% 53.213%,
    73.285% 52.404%,
    73.356% 51.592%,
    73.397% 50.778%,
    73.41% 49.963%,
    73.395% 49.148%,
    73.35% 48.334%,
    73.277% 47.522%,
    73.176% 46.713%,
    73.045% 45.908%,
    72.887% 45.109%,
    72.7% 44.315%,
    72.486% 43.528%,
    72.244% 42.749%,
    71.975% 41.979%,
    71.678% 41.219%,
    71.356% 40.469%,
    71.006% 39.732%,
    70.631% 39.007%,
    70.231% 38.295%,
    69.806% 37.598%,
    69.357% 36.916%,
    68.883% 36.25%,
    68.387% 35.6%,
    67.868% 34.969%,
    67.327% 34.356%,
    66.765% 33.762%,
    66.182% 33.188%,
    65.579% 32.634%,
    64.957% 32.102%,
    64.317% 31.592%,
    63.659% 31.105%,
    62.985% 30.64%,
    62.294% 30.2%,
    61.588% 29.783%,
    60.868% 29.392%,
    60.135% 29.025%,
    59.389% 28.685%,
    58.632% 28.37%,
    57.864% 28.082%,
    57.086% 27.821%,
    56.3% 27.587%,
    55.506% 27.381%,
    54.705% 27.202%,
    53.898% 27.051%,
    53.087% 26.929%,
    52.271% 26.835%,
    51.453% 26.769%,
    50.633% 26.731%,
    49.812% 26.722%,
    48.992% 26.742%,
    48.172% 26.79%,
    47.355% 26.867%,
    46.541% 26.972%,
    45.731% 27.105%,
    44.927% 27.267%,
    44.128% 27.456%,
    43.337% 27.673%,
    42.554% 27.917%,
    41.78% 28.188%,
    41.016% 28.486%,
    40.262% 28.811%,
    39.521% 29.161%,
    38.793% 29.537%,
    38.078% 29.938%,
    37.378% 30.364%,
    36.694% 30.813%,
    36.025% 31.287%,
    35.374% 31.783%,
    34.741% 32.301%,
    34.126% 32.842%,
    33.531% 33.403%,
    32.956% 33.985%,
    32.401% 34.586%,
    31.869% 35.206%,
    31.358% 35.844%,
    30.87% 36.5%,
    30.406% 37.172%,
    29.966% 37.86%,
    29.55% 38.563%,
    29.159% 39.28%,
    28.794% 40.01%,
    28.455% 40.752%,
    28.142% 41.506%,
    27.856% 42.27%,
    27.597% 43.043%,
    27.365% 43.825%,
    27.161% 44.615%,
    26.985% 45.411%,
    26.838% 46.213%,
    26.718% 47.019%,
    26.628% 47.829%,
    26.565% 48.642%,
    26.532% 49.456%,
    26.527% 50.272%,
    26.551% 51.086%,
    26.604% 51.9%,
    26.685% 52.711%,
    26.795% 53.519%,
    26.933% 54.322%,
    27.1% 55.12%,
    27.294% 55.912%,
    27.516% 56.697%,
    27.766% 57.473%,
    28.043% 58.241%,
    28.347% 58.998%,
    28.678% 59.744%,
    29.035% 60.478%,
    29.417% 61.199%,
    29.824% 61.907%,
    30.256% 62.6%,
    30.713% 63.278%,
    31.193% 63.939%,
    31.696% 64.583%,
    32.221% 65.209%,
    32.768% 65.817%,
    33.336% 66.405%,
    33.925% 66.973%,
    34.533% 67.521%,
    35.161% 68.047%,
    35.806% 68.55%,
    36.469% 69.031%,
    37.148% 69.489%,
    37.843% 69.923%,
    38.553% 70.332%,
    39.277% 70.716%,
    40.014% 71.075%,
    40.763% 71.408%
  );
}

.wheel-dim--6 {
  clip-path: polygon(
    2.222% 65.058%,
    1.721% 63.39%,
    1.278% 61.706%,
    0.896% 60.007%,
    0.573% 58.297%,
    0.311% 56.576%,
    0.11% 54.847%,
    -0.03% 53.112%,
    -0.109% 51.373%,
    -0.127% 49.633%,
    -0.083% 47.893%,
    0.021% 46.155%,
    0.187% 44.423%,
    0.414% 42.697%,
    0.702% 40.98%,
    1.05% 39.274%,
    1.458% 37.582%,
    1.925% 35.904%,
    2.451% 34.244%,
    3.035% 32.603%,
    3.677% 30.983%,
    4.375% 29.387%,
    5.129% 27.816%,
    5.938% 26.272%,
    6.801% 24.757%,
    7.717% 23.273%,
    8.684% 21.821%,
    9.702% 20.404%,
    10.77% 19.024%,
    11.885% 17.681%,
    13.047% 16.378%,
    14.254% 15.116%,
    15.505% 13.897%,
    16.798% 12.722%,
    18.131% 11.592%,
    19.504% 10.51%,
    20.914% 9.476%,
    22.359% 8.491%,
    23.838% 7.558%,
    25.35% 6.676%,
    26.891% 5.847%,
    28.461% 5.073%,
    30.057% 4.353%,
    31.677% 3.689%,
    33.32% 3.082%,
    34.983% 2.533%,
    36.664% 2.041%,
    38.362% 1.608%,
    40.074% 1.235%,
    41.798% 0.921%,
    43.532% 0.667%,
    45.274% 0.474%,
    47.022% 0.341%,
    48.773% 0.269%,
    50.526% 0.258%,
    52.278% 0.308%,
    54.027% 0.419%,
    55.771% 0.59%,
    57.508% 0.822%,
    59.236% 1.114%,
    60.953% 1.466%,
    62.656% 1.877%,
    64.343% 2.347%,
    66.014% 2.876%,
    67.664% 3.462%,
    69.293% 4.105%,
    70.898% 4.805%,
    72.477% 5.559%,
    74.029% 6.368%,
    75.551% 7.231%,
    77.042% 8.146%,
    78.5% 9.112%,
    79.923% 10.128%,
    81.31% 11.193%,
    82.658% 12.306%,
    83.966% 13.464%,
    85.232% 14.668%,
    86.455% 15.914%,
    87.634% 17.202%,
    88.766% 18.531%,
    89.851% 19.898%,
    90.887% 21.302%,
    91.873% 22.741%,
    92.808% 24.213%,
    93.69% 25.717%,
    94.519% 27.251%,
    95.293% 28.812%,
    96.012% 30.4%,
    96.674% 32.011%,
    97.279% 33.645%,
    97.826% 35.298%,
    98.315% 36.97%,
    98.744% 38.657%,
    99.114% 40.358%,
    99.424% 42.071%,
    99.673% 43.794%,
    99.861% 45.525%,
    99.988% 47.261%,
    100.054% 49%,
    100.059% 50.74%,
    100.002% 52.48%,
    99.884% 54.216%,
    99.705% 55.948%,
    99.465% 57.672%,
    99.164% 59.387%,
    98.804% 61.09%,
    98.383% 62.779%,
    97.903% 64.453%,
    97.365% 66.11%,
    96.768% 67.746%,
    96.114% 69.361%,
    95.404% 70.952%,
    94.638% 72.518%,
    93.817% 74.056%,
    92.943% 75.564%,
    92.016% 77.041%,
    91.038% 78.485%,
    90.009% 79.895%,
    88.931% 81.267%,
    87.806% 82.602%,
    86.634% 83.896%,
    85.418% 85.149%,
    84.158% 86.359%,
    82.856% 87.524%,
    81.514% 88.644%,
    80.133% 89.716%,
    78.715% 90.739%,
    77.262% 91.713%,
    75.776% 92.636%,
    74.258% 93.506%,
    72.711% 94.323%,
    71.135% 95.086%,
    69.534% 95.794%,
    67.909% 96.446%,
    66.261% 97.04%,
    64.594% 97.578%,
    62.909% 98.056%,
    61.208% 98.477%,
    59.493% 98.837%,
    57.767% 99.138%,
    56.031% 99.379%,
    54.288% 99.56%,
    52.539% 99.679%,
    50.787% 99.738%,
    49.035% 99.736%,
    47.283% 99.673%,
    45.535% 99.55%,
    43.792% 99.365%,
    42.056% 99.121%,
    40.331% 98.816%,
    38.617% 98.451%,
    36.917% 98.027%,
    35.233% 97.544%,
    33.567% 97.003%,
    31.921% 96.405%,
    30.297% 95.75%,
    40.763% 71.408%,
    41.523% 71.715%,
    42.293% 71.995%,
    43.073% 72.248%,
    43.861% 72.474%,
    44.656% 72.673%,
    45.458% 72.843%,
    46.266% 72.986%,
    47.078% 73.1%,
    47.893% 73.187%,
    48.711% 73.245%,
    49.531% 73.274%,
    50.351% 73.275%,
    51.171% 73.247%,
    51.989% 73.191%,
    52.805% 73.107%,
    53.617% 72.994%,
    54.425% 72.853%,
    55.228% 72.685%,
    56.024% 72.488%,
    56.812% 72.264%,
    57.592% 72.012%,
    58.363% 71.734%,
    59.124% 71.429%,
    59.873% 71.098%,
    60.61% 70.741%,
    61.335% 70.359%,
    62.045% 69.951%,
    62.74% 69.52%,
    63.42% 69.064%,
    64.084% 68.585%,
    64.73% 68.083%,
    65.358% 67.559%,
    65.967% 67.014%,
    66.556% 66.448%,
    67.126% 65.862%,
    67.674% 65.256%,
    68.201% 64.631%,
    68.705% 63.989%,
    69.186% 63.33%,
    69.644% 62.654%,
    70.078% 61.963%,
    70.487% 61.257%,
    70.871% 60.537%,
    71.23% 59.805%,
    71.562% 59.06%,
    71.868% 58.304%,
    72.147% 57.538%,
    72.399% 56.763%,
    72.624% 55.98%,
    72.82% 55.189%,
    72.989% 54.392%,
    73.13% 53.59%,
    73.242% 52.783%,
    73.326% 51.973%,
    73.381% 51.16%,
    73.408% 50.346%,
    73.406% 49.532%,
    73.375% 48.718%,
    73.315% 47.906%,
    73.227% 47.096%,
    73.111% 46.29%,
    72.966% 45.488%,
    72.793% 44.692%,
    72.592% 43.902%,
    72.363% 43.12%,
    72.107% 42.347%,
    71.824% 41.582%,
    71.514% 40.828%,
    71.178% 40.085%,
    70.815% 39.355%,
    70.428% 38.637%,
    70.015% 37.933%,
    69.577% 37.244%,
    69.116% 36.571%,
    68.631% 35.914%,
    68.123% 35.274%,
    67.594% 34.652%,
    67.042% 34.05%,
    66.47% 33.466%,
    65.877% 32.903%,
    65.265% 32.361%,
    64.634% 31.84%,
    63.986% 31.342%,
    63.32% 30.866%,
    62.637% 30.414%,
    61.94% 29.986%,
    61.227% 29.583%,
    60.501% 29.204%,
    59.762% 28.851%,
    59.011% 28.524%,
    58.249% 28.223%,
    57.476% 27.948%,
    56.695% 27.701%,
    55.905% 27.481%,
    55.108% 27.288%,
    54.305% 27.124%,
    53.496% 26.987%,
    52.683% 26.879%,
    51.867% 26.798%,
    51.049% 26.747%,
    50.229% 26.723%,
    49.409% 26.729%,
    48.589% 26.762%,
    47.771% 26.824%,
    46.956% 26.915%,
    46.145% 27.034%,
    45.338% 27.18%,
    44.537% 27.355%,
    43.742% 27.558%,
    42.956% 27.788%,
    42.177% 28.045%,
    41.409% 28.329%,
    40.65% 28.64%,
    39.904% 28.976%,
    39.169% 29.339%,
    38.448% 29.727%,
    37.741% 30.139%,
    37.048% 30.576%,
    36.372% 31.037%,
    35.712% 31.521%,
    35.07% 32.027%,
    34.446% 32.556%,
    33.841% 33.106%,
    33.256% 33.676%,
    32.691% 34.267%,
    32.147% 34.876%,
    31.625% 35.505%,
    31.126% 36.151%,
    30.649% 36.814%,
    30.197% 37.493%,
    29.768% 38.187%,
    29.364% 38.896%,
    28.986% 39.619%,
    28.633% 40.354%,
    28.306% 41.101%,
    28.006% 41.859%,
    27.732% 42.627%,
    27.486% 43.404%,
    27.268% 44.189%,
    27.077% 44.981%,
    26.914% 45.779%,
    26.779% 46.583%,
    26.673% 47.39%,
    26.595% 48.201%,
    26.546% 49.014%,
    26.526% 49.828%,
    26.534% 50.643%,
    26.571% 51.456%,
    26.637% 52.268%,
    26.731% 53.077%,
    26.854% 53.882%,
    27.005% 54.683%,
    27.184% 55.478%,
    27.391% 56.266%,
    27.625% 57.046%
  );
}

.wheel-dim--7 {
  clip-path: polygon(
    9.245% 21.028%,
    10.29% 19.631%,
    11.385% 18.271%,
    12.526% 16.95%,
    13.714% 15.67%,
    14.945% 14.431%,
    16.22% 13.236%,
    17.536% 12.087%,
    18.892% 10.983%,
    20.285% 9.927%,
    21.715% 8.921%,
    23.18% 7.964%,
    24.678% 7.059%,
    26.206% 6.207%,
    27.763% 5.408%,
    29.348% 4.664%,
    30.958% 3.976%,
    32.591% 3.343%,
    34.246% 2.768%,
    35.92% 2.251%,
    37.611% 1.792%,
    39.317% 1.392%,
    41.036% 1.052%,
    42.766% 0.772%,
    44.505% 0.552%,
    46.25% 0.392%,
    48% 0.293%,
    49.753% 0.256%,
    51.506% 0.279%,
    53.257% 0.362%,
    55.003% 0.507%,
    56.744% 0.712%,
    58.477% 0.978%,
    60.199% 1.303%,
    61.908% 1.689%,
    63.603% 2.133%,
    65.281% 2.636%,
    66.941% 3.197%,
    68.579% 3.815%,
    70.195% 4.49%,
    71.786% 5.221%,
    73.35% 6.006%,
    74.886% 6.845%,
    76.391% 7.738%,
    77.864% 8.681%,
    79.303% 9.676%,
    80.706% 10.72%,
    82.071% 11.812%,
    83.397% 12.95%,
    84.682% 14.134%,
    85.924% 15.362%,
    87.123% 16.633%,
    88.275% 17.944%,
    89.381% 19.294%,
    90.439% 20.682%,
    91.447% 22.106%,
    92.405% 23.564%,
    93.31% 25.055%,
    94.163% 26.576%,
    94.961% 28.125%,
    95.704% 29.702%,
    96.391% 31.303%,
    97.021% 32.927%,
    97.594% 34.573%,
    98.109% 36.237%,
    98.564% 37.918%,
    98.96% 39.613%,
    99.296% 41.322%,
    99.572% 43.041%,
    99.786% 44.768%,
    99.94% 46.502%,
    100.033% 48.24%,
    100.064% 49.981%,
    100.034% 51.721%,
    99.943% 53.459%,
    99.79% 55.193%,
    99.577% 56.921%,
    99.303% 58.64%,
    98.968% 60.349%,
    98.574% 62.045%,
    98.119% 63.726%,
    97.606% 65.39%,
    97.035% 67.036%,
    96.406% 68.661%,
    95.72% 70.263%,
    94.978% 71.84%,
    94.181% 73.39%,
    93.33% 74.912%,
    92.426% 76.403%,
    91.469% 77.862%,
    90.462% 79.286%,
    89.406% 80.675%,
    88.301% 82.027%,
    87.149% 83.339%,
    85.951% 84.61%,
    84.71% 85.839%,
    83.426% 87.024%,
    82.101% 88.164%,
    80.737% 89.257%,
    79.335% 90.301%,
    77.897% 91.297%,
    76.425% 92.242%,
    74.92% 93.135%,
    73.385% 93.976%,
    71.821% 94.762%,
    70.231% 95.494%,
    68.615% 96.17%,
    66.977% 96.79%,
    65.318% 97.352%,
    63.641% 97.856%,
    61.946% 98.302%,
    60.237% 98.689%,
    58.515% 99.016%,
    56.783% 99.282%,
    55.042% 99.489%,
    53.296% 99.635%,
    51.545% 99.72%,
    49.792% 99.745%,
    48.039% 99.708%,
    46.289% 99.611%,
    44.544% 99.452%,
    42.804% 99.234%,
    41.074% 98.955%,
    39.355% 98.616%,
    37.648% 98.217%,
    35.957% 97.76%,
    34.283% 97.244%,
    32.628% 96.67%,
    30.994% 96.039%,
    29.384% 95.352%,
    27.798% 94.609%,
    26.24% 93.811%,
    24.711% 92.96%,
    23.213% 92.056%,
    21.748% 91.101%,
    20.317% 90.096%,
    18.922% 89.041%,
    17.566% 87.939%,
    16.249% 86.79%,
    14.973% 85.596%,
    13.741% 84.358%,
    12.552% 83.079%,
    11.41% 81.758%,
    10.314% 80.4%,
    9.267% 79.003%,
    8.271% 77.572%,
    7.325% 76.106%,
    6.431% 74.609%,
    5.591% 73.081%,
    4.804% 71.525%,
    4.074% 69.943%,
    3.399% 68.336%,
    2.782% 66.707%,
    2.222% 65.058%,
    27.625% 57.046%,
    27.887% 57.818%,
    28.176% 58.581%,
    28.492% 59.332%,
    28.834% 60.073%,
    29.202% 60.801%,
    29.595% 61.516%,
    30.013% 62.216%,
    30.456% 62.902%,
    30.922% 63.572%,
    31.412% 64.225%,
    31.925% 64.861%,
    32.459% 65.479%,
    33.015% 66.078%,
    33.592% 66.657%,
    34.189% 67.216%,
    34.805% 67.753%,
    35.44% 68.269%,
    36.093% 68.763%,
    36.762% 69.233%,
    37.448% 69.68%,
    38.149% 70.103%,
    38.865% 70.501%,
    39.594% 70.875%,
    40.336% 71.222%,
    41.089% 71.544%,
    41.854% 71.839%,
    42.628% 72.108%,
    43.412% 72.349%,
    44.203% 72.563%,
    45.002% 72.75%,
    45.806% 72.908%,
    46.616% 73.039%,
    47.43% 73.141%,
    48.246% 73.215%,
    49.065% 73.261%,
    49.886% 73.278%,
    50.706% 73.267%,
    51.525% 73.227%,
    52.342% 73.158%,
    53.157% 73.062%,
    53.968% 72.937%,
    54.773% 72.784%,
    55.573% 72.603%,
    56.366% 72.394%,
    57.151% 72.158%,
    57.927% 71.895%,
    58.694% 71.605%,
    59.45% 71.289%,
    60.194% 70.946%,
    60.926% 70.578%,
    61.644% 70.185%,
    62.348% 69.767%,
    63.037% 69.325%,
    63.71% 68.859%,
    64.366% 68.37%,
    65.005% 67.859%,
    65.625% 67.325%,
    66.225% 66.771%,
    66.806% 66.196%,
    67.367% 65.601%,
    67.906% 64.987%,
    68.423% 64.354%,
    68.917% 63.705%,
    69.388% 63.038%,
    69.836% 62.355%,
    70.259% 61.657%,
    70.657% 60.945%,
    71.03% 60.22%,
    71.377% 59.482%,
    71.698% 58.732%,
    71.993% 57.972%,
    72.26% 57.202%,
    72.5% 56.423%,
    72.713% 55.636%,
    72.897% 54.843%,
    73.054% 54.043%,
    73.182% 53.239%,
    73.282% 52.43%,
    73.354% 51.619%,
    73.396% 50.805%,
    73.41% 49.991%,
    73.396% 49.177%,
    73.352% 48.363%,
    73.28% 47.552%,
    73.18% 46.743%,
    73.051% 45.939%,
    72.894% 45.139%,
    72.708% 44.346%,
    72.495% 43.559%,
    72.255% 42.781%,
    71.987% 42.011%,
    71.692% 41.251%,
    71.37% 40.502%,
    71.022% 39.764%,
    70.649% 39.039%,
    70.25% 38.327%,
    69.826% 37.629%,
    69.378% 36.947%,
    68.906% 36.281%,
    68.411% 35.631%,
    67.894% 34.999%,
    67.354% 34.386%,
    66.794% 33.791%,
    66.212% 33.217%,
    65.611% 32.663%,
    64.99% 32.13%,
    64.352% 31.619%,
    63.695% 31.13%,
    63.022% 30.665%,
    62.333% 30.223%,
    61.628% 29.806%,
    60.91% 29.413%,
    60.178% 29.046%,
    59.433% 28.704%,
    58.677% 28.388%,
    57.91% 28.099%,
    57.134% 27.836%,
    56.348% 27.601%,
    55.555% 27.393%,
    54.755% 27.213%,
    53.95% 27.06%,
    53.139% 26.936%,
    52.324% 26.84%,
    51.507% 26.772%,
    50.688% 26.733%,
    49.867% 26.722%,
    49.047% 26.74%,
    48.228% 26.786%,
    47.411% 26.861%,
    46.598% 26.964%,
    45.788% 27.095%,
    44.984% 27.254%,
    44.185% 27.441%,
    43.394% 27.656%,
    42.611% 27.898%,
    41.837% 28.167%,
    41.072% 28.463%,
    40.319% 28.785%,
    39.577% 29.133%,
    38.849% 29.507%,
    38.133% 29.906%,
    37.433% 30.329%,
    36.747% 30.777%,
    36.078% 31.248%,
    35.426% 31.742%,
    34.791% 32.258%,
    34.176% 32.797%,
    33.579% 33.356%,
    33.003% 33.935%,
    32.447% 34.534%,
    31.913% 35.153%,
    31.401% 35.789%,
    30.912% 36.443%
  );
}

.wheel-defs {
  position: absolute;
  visibility: hidden;
}

.wl {
  position: absolute;
  left: round(nearest, calc(var(--x) * var(--u)), 1px);
  top: round(
    nearest,
    calc((var(--y) - (var(--lh, var(--fs)) - var(--fs)) / 2) * var(--u)),
    1px
  );
  margin: 0;
  font-family: var(--font-art);
  font-size: round(nearest, calc(var(--fs) * var(--u)), 1px);
  line-height: round(nearest, calc(var(--lh, var(--fs)) * var(--u)), 1px);
  white-space: nowrap;
  color: #16181c;
  font-weight: 400;
  pointer-events: none;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

.wl--bold {
  font-weight: 700;
}

/* The central disc's lockup is the one label the plate does not carry, and the
   disc it sits on is never washed. */
.wl--core {
  color: #f5bb0c;
}

/* Hit targets, over everything so neither the labels nor the veil eat taps.
   Paths are input-only; the wash (.wheel-dim) carries the visual select state. */
.wheel-hit {
  z-index: 3;
}

.wheel-hit .wheel-seg {
  fill: transparent;
  cursor: pointer;
  pointer-events: auto;
}

/* The tab stop is the group, not the path, so this is where the ring has to be
   turned off: left on, Chrome draws its own around the group's bounding box,
   which is a rectangle standing well outside the wedge. */
.wheel-hit-seg:focus {
  outline: none;
}

/* Hub takes taps; detail and charters keep the wheel as a legend only. */
.wheel:not(.is-interactive) .wheel-hit {
  pointer-events: none;
}

/* ---- Title band, shared by pages 02-09 ---- */

.tx--title {
  font-weight: 700;
}

.tx--subtitle {
  font-weight: 400;
  color: #4bf7f9;
}

/* ---- Detail pages: a heading banner per item, with copy under it ---- */

/* bannerC2 is the banner as Illustrator draws it, flattened out of the deck:
   a detached chevron then a chevron-ended bar, whose right end fades out in
   the plate's own alpha. Its colours are far lighter than the reference's,
   because the layer is set to Overlay in the deck and its fill only means
   something once it is composited onto the panel behind it, so the blend mode
   is carried over here rather than the flattened colours being used directly.

   The plate is placed and scaled, never reshaped: the page's --h sets its
   height and its own 2518x146 sets the width that follows, so the chevron keeps
   the angle it was drawn at and the tail keeps its taper. Measured across all
   25 banners the fade ends 1505 design px along wherever --h is 145 and 1174
   wherever it is 113, and 113/145 is that same ratio, which is what says the
   deck scales one plate by height rather than stretching it per item.

   --w in the markup is the bar's drawn length, which is shorter than the plate
   and no longer sizes anything; sizing the box by it is what used to cut the
   plate off mid-taper and end the bar on a hard vertical edge.

   The fitted shift moves the box rather than the image inside it. Shifting the
   image left leaves the box where it was, so the plate's first column, which is
   the chevron's point, falls outside it and the point is clipped square. */
.banner {
  --plate-aspect: 17.247;
  --plate-dx: -40;
  position: absolute;
  left: calc((var(--x) + var(--plate-dx)) * var(--u));
  top: calc(var(--y) * var(--u));
  width: calc(var(--h) * var(--plate-aspect) * var(--u));
  height: calc(var(--h) * var(--u));
  z-index: 2;
  pointer-events: none;
  background-image: url("../assets/images/con2/bannerC2.webp");
  background-size: 100% 100%;
  background-position: left top;
  background-repeat: no-repeat;
  mix-blend-mode: overlay;
}

.tx--head {
  font-weight: 700;
  color: #05e2f9;
}

/* The deck justifies its body copy flush on both edges. --w is the column the
   reference justified to; if the glyphs are narrower than that, justify spreads
   the word gaps too wide. Size (--fs) and tracking (--ls) are fitted so the line
   nearly fills --w before justify adds its last few pixels between words. */
.tx--body {
  --fs: 60 !important;
  font-weight: 400;
  font-size: calc(var(--fs) * var(--u));
  white-space: normal;
  width: calc(var(--w) * var(--u));
  text-align: justify;
  text-justify: inter-character;
  --ls: var(--body-ls);
}

/* One line per .ln, broken by scripts/breaks-screen-02.mjs. Every line but the
   last is justified to --w; the last stays ragged, as the reference sets it. */
.tx--body .ln {
  display: block;
  white-space: nowrap;
  text-align-last: justify;
}

.tx--body .ln:last-child {
  text-align-last: auto;
}

.tx--single-line {
  white-space: nowrap;
}

/* ---- Page 09: seven charter clusters around the wheel ---- */

.tx--cluster {
  font-weight: 700;
  color: #4bf9fa;
  text-transform: uppercase;
}

.tx--bul {
  list-style: none;
  font-weight: 400;
  white-space: normal;
  width: calc(var(--w) * var(--u));
}

.tx--bul li {
  position: relative;
  padding-left: calc(var(--bul, 30) * var(--u));
}

.tx--bul li::before {
  content: "•";
  position: absolute;
  left: 0;
}

/* The cluster markers are solid cyan triangles in the reference, not glyphs. */
.cluster-mark {
  position: absolute;
  left: calc(var(--x) * var(--u));
  top: calc(var(--y) * var(--u));
  width: calc(var(--w) * var(--u));
  height: calc(var(--w) * 1.28 * var(--u));
  z-index: 3;
  fill: #4bf9fa;
}

/* ---- Navigation ---- */

.nav-chrome--cluster {
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: none;
  z-index: var(--nav-chrome-z, 40);
}

/* The reference draws Home only on pages 02-09, as a 103 px disc at (3525,
   1865): a flat pale face lit along its top rim, carrying a navy house. */
.nav-chrome--cluster #nav-home {
  position: absolute;
  left: calc(3525 * var(--u));
  top: calc(1865 * var(--u));
  width: calc(103 * var(--u));
  height: calc(104 * var(--u));
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(116, 139, 170, 0.94);
  box-shadow:
    inset 0 calc(6 * var(--u)) calc(8 * var(--u)) calc(-2 * var(--u))
      rgba(255, 255, 255, 0.95),
    inset 0 calc(-6 * var(--u)) calc(9 * var(--u)) calc(-3 * var(--u))
      rgba(255, 255, 255, 0.6),
    0 calc(5 * var(--u)) calc(16 * var(--u)) rgba(0, 6, 22, 0.3);
  color: #122851;
  display: grid;
  place-items: center;
  pointer-events: auto;
  cursor: pointer;
  touch-action: manipulation;
  appearance: none;
  -webkit-appearance: none;
}

.cluster-glyph {
  width: 50%;
  height: 44.23%;
  fill: none;
  stroke: currentColor;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#nav-home:focus-visible {
  outline: calc(4 * var(--u)) solid var(--color-focus, #4bf9fa);
  outline-offset: calc(6 * var(--u));
}

#nav-home:active,
#nav-home.is-pressed {
  transform: scale(0.97);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}