/* bento.py: each picture's ink (alpha > 64) as fractions of the picture, its width in points (1 pt = 1 CSS px at
   1440) and its shape. The page places pictures by what's drawn, never by the clear margin their shadows need. */
.ink-markup { --l: 0.06116; --t: 0.02156; --w: 0.87768; --h: 0.96496; --pw: 1120; --ar: 0.66250; }
.ink-crop { --l: 0.03929; --t: 0.02089; --w: 0.92143; --h: 0.96563; --pw: 1120; --ar: 0.66250; }
.ink-frame-panel { --l: 0.05508; --t: 0.01486; --w: 0.88983; --h: 0.96261; --pw: 354; --ar: 2.94633; }
.ink-picker { --l: 0.05571; --t: 0.03613; --w: 0.89000; --h: 0.90909; --pw: 350; --ar: 1.22571; }
.ink-showcase-menu { --l: 0.07115; --t: 0.05761; --w: 0.85771; --h: 0.85185; --pw: 253; --ar: 0.96047; }
.ink-showcase-window { --l: 0.00000; --t: 0.00000; --w: 1.00000; --h: 1.00000; --pw: 1568; --ar: 0.67347; }
.ink-browser { --l: 0.08333; --t: 0.07207; --w: 0.83333; --h: 0.87725; --pw: 768; --ar: 1.15625; }
.ink-card-hover { --l: 0.07143; --t: 0.08380; --w: 0.85714; --h: 0.79050; --pw: 259; --ar: 0.69112; }
.ink-card-2 { --l: 0.07143; --t: 0.08380; --w: 0.85714; --h: 0.79050; --pw: 259; --ar: 0.69112; }
.ink-card-3 { --l: 0.07143; --t: 0.08380; --w: 0.85714; --h: 0.79050; --pw: 259; --ar: 0.69112; }
.ink-scroll-hud { --l: 0.05537; --t: 0.17284; --w: 0.88925; --h: 0.55556; --pw: 307; --ar: 0.26384; }
.ink-record { --l: 0.00167; --t: 0.00253; --w: 0.99667; --h: 0.99545; --pw: 1200; --ar: 0.82333; }
.ink-keys { --l: 0.08631; --t: 0.15964; --w: 0.82739; --h: 0.67688; --pw: 900; --ar: 0.54889; }