/* The rules of the device pf-dial (src/devices/pf-dial.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. */
pf-dial { --color: var(--bone); }
/* The LCD, as pf-lcd on showed it on the devices page: the glass of the palette with 22 % white (pf-lcd added 30 %, and its
   dot grid made it darker), the ink .268 of the glass (the ink of pf-lcd at .86 over it), a faint grid between the pixels,
   and the rim of its window shading it. */
pf-dial .screen[variant] { --color: color-mix(in srgb, var(--glass), white 22%); --ink: color-mix(in srgb, var(--glass), white 22%); --radius: .45; --resolution: 231 86; --subpixels: mono; --black-level: .268; --pixel-fill: .92; --pixel-gap: color-mix(in srgb, var(--glass), white 15%); --pixel-glow: 0; --sink: .35; }