/* The rules of the device pf-tp7 (src/devices/pf-tp7.js). index.html loads this file after src/tokens.css, so at the same
   specificity a rule of this file wins over a rule of tokens.css. */
/* The case: a soft round edge. Each edge, rendered under the light of the house, gave its light across the sides of the
   case; this one is the nearest to the picture (RMSE of luma 6.9; the sharp edge 15.6), docs/picture-to-device.md. */
pf-tp7 { --edge-shape: round; --edge-width: .12; --edge-depth: .2; }
pf-tp7 .pf-label.title { --label-size: 1.5; font-weight: 300; letter-spacing: 0; }   /* TP-7 */
pf-tp7 .mic { --keybed: #0c0c0d; --edge-width: .04; --edge-depth: .04; }
pf-tp7 pf-led.rec { --color: #ff3b1f; }
pf-tp7 .window { --radius: .6; --gap: .04; --edge-shape: chamfer; --edge-width: .04; --edge-depth: .04; }
pf-tp7 .screen[variant] { --ink: #eef3fb; --radius: .55; --resolution: 74 40; --subpixels: mono; --pixel-fill: .9; --pixel-glow: .4; }   /* a white OLED of 74 by 40 */
pf-tp7 .mark { --mark: #f7f7f7; }   /* the white arrows and the R by the lever */
pf-tp7 .badge { --mark: var(--accent); }
pf-tp7 .badge-text { --mark: #fbe9df; }
pf-tp7 .pad { --keybed: #8f8f90; --edge-shape: chamfer; --edge-width: .06; --edge-depth: .05; }
pf-tp7 .cross { --mark: #3e3e40; }
pf-tp7 .slot { --radius: 99; --keybed: #3a3a3c; }
/* The LED bars: a frosted cover (pf-frost) over a meter of 13 chips (pf-meter variant=bar), which shine through it. The
   chips show as a ladder of soft rungs while they are off, as in the picture. level sets the lit chips. */
pf-tp7 .led-glass { --color: #c9c9cb; --glass-veil: .3; --frost-blur: .5; --radius-device: 99; --rim: 0; }
pf-tp7 .levels { --color: #c8ccd6; --meter-gap: .365; }
pf-tp7 .levels > pf-led { --radius: .02; }
pf-tp7 .bay { --keybed: #333335; }   /* the dark bay under the edge of the face, where the keys go in */
pf-tp7 .transport { --color: #adadad; --radius: .1; --height: .15; --edge-shape: round; --edge-width: .12; --edge-depth: .3; --edge-sides: 7 1 1 1; --light-az: 265; --mark: #1e1e1f; --icon-y: .23; }
/* The transport keys roll over a long round at their top side (--edge-sides), under the slot, and that round catches the
   light of the picture, which falls more from the top than the light of the house: the keys take a light of their own. */
pf-tp7 .transport.rec { --icon-color: var(--accent); --icon-size: .33; }
pf-tp7 .transport.play { --icon-size: .25; }
pf-tp7 .transport.stop { --icon-size: .28; }
pf-tp7 .lever { --color: #d0d0d0; --radius: 99; --height: .5; --groove: 0; --edge-shape: round; --edge-width: .15; --edge-depth: .15; }
pf-tp7 .lever-arm { --color: #d0d0d0; --radius-device: 0; --height: .45; --hairline: 0; --edge-shape: round; --edge-width: .9; --edge-depth: .45; --edge-sides: 1 0 1 0; }   /* the neck from the lobe of the lever to the side of the case: round across, as a bar */
pf-tp7 .pivot { --color: #a4a4a6; }   /* a polished rivet, darker than the lever */
pf-tp7 pf-key[side] { --color: #d0d0d0; --travel: .06; --edge-shape: round; --edge-width: .1; --edge-depth: .2; }
/* A side key is a bar out of the side of the case: flat ends with small corners out of the case and square ones at the case,
   a long round at each end, a short one on its outer side, and none on the side in the case (--edge-sides). The keys on
   the right lie in the shadow of the case, which the case does not cast over a part in the edge slot: their color takes it. */
pf-tp7 pf-key[side=right] { --color: #808082; --radius: 0 .1 .1 0; --edge-sides: 6 1 6 0; }
pf-tp7 pf-key[side=left] { --radius: .1 0 0 .1; --edge-sides: 6 0 6 1; }
pf-tp7 pf-key[side=top] { --radius: .1 .1 0 0; --edge-sides: 2.5 1 0 1; }
/* The 6.35 to 3.5 mm adapter in the main out, made as the pieces of a roller (pf-roller in tokens.css) in the steel of
   the TP-7: a dark neck and a knurled grip, which point out of the bottom of the case and cast no shadow of their own.
   The ends of the grip are round, as in the picture. The shade and the seam are those of the roller, in units. */
pf-tp7 :is(.adapter-neck, .adapter) { --steel: #9a9b9d; --cylinder-angle: 90; --spec: .35; --gloss: 10; --height: 0; --shadow-alpha: 0; }
pf-tp7 .adapter-neck { --cylinder-width: 3.125; --color: rgb(from var(--steel) calc(r * .5) calc(g * .5) calc(b * .5)); --spec: .3; --cylinder-shade: .35 .556; --cylinder-seam: .45 .062; }
pf-tp7 .adapter { --cylinder-width: 4.35; --cylinder-fillet: .12; --color: color-mix(in srgb, var(--steel), black 35%); --texture: pyramids 1 .5; --texture-amount: 1; --cylinder-shade: .4 .217; --cylinder-seam: .3 .087; }   /* a coarse knurl, as in the picture */