/*
 * The bugs world's backdrop, ground and plants: a low, close-up garden at bug height.
 * Owner: bugs scenery (js/scenery-bugs.js). Loaded after css/style.css.
 * Everything is scoped to body[data-theme=bugs]; class names start with "bz-".
 */

body[data-theme=bugs] {
  --bz-u: min(1vh, .85vw); /* drawing unit of the big plants and far shapes: they narrow on tall screens */
}

/* ---------- sky, sun and moon ---------- */
body[data-theme=bugs] .sky-day { background: linear-gradient(#E2EAE3 0%, #EBEFE5 26%, #F2F2E5 50%, #EEF0E0 76%); }
body[data-theme=bugs] .sky-dusk { background: linear-gradient(#D6B391 0%, #E5C49B 26%, #EFD4A6 50%, #F2DCAE 76%); }
body[data-theme=bugs] .sky-night { background: linear-gradient(#0A1519 0%, #0E2026 30%, #14302F 55%, #1C3D39 80%, #22463F 100%); }

body[data-theme=bugs] #sun, body[data-theme=bugs].dusk #sun, body[data-theme=bugs].night #sun {
  top: 5vh; right: 12vw; width: 8vh; height: 8vh;
  background: none; box-shadow: none; opacity: 1; transition: none;
}
body[data-theme=bugs] #sun::before, body[data-theme=bugs] #sun::after { content: ''; position: absolute; border-radius: 50%; }
/* by day: hazy sunlight glowing over the top of the garden */
body[data-theme=bugs] #sun::before {
  inset: -15vh;
  background: radial-gradient(closest-side, rgba(255, 253, 242, .95), rgba(255, 250, 230, .65) 20%, rgba(252, 247, 224, .25) 50%, rgba(252, 247, 224, 0));
  transition: opacity 110s linear;
}
body[data-theme=bugs].dusk #sun::before { opacity: 0; }
/* at night: the moon, with soft grey seas */
body[data-theme=bugs] #sun::after {
  inset: 0; opacity: 0;
  background:
    radial-gradient(circle at 34% 42%, rgba(140, 148, 134, .32) 0 10%, rgba(140, 148, 134, 0) 19%),
    radial-gradient(circle at 60% 60%, rgba(140, 148, 134, .26) 0 11%, rgba(140, 148, 134, 0) 21%),
    radial-gradient(circle at 57% 31%, rgba(140, 148, 134, .2) 0 6%, rgba(140, 148, 134, 0) 13%),
    radial-gradient(circle at 40% 36%, #F5F3E8, #E3E0D0 60%, #D1CEBB);
  box-shadow: 0 0 5vh 1.2vh rgba(210, 228, 210, .14);
  transition: opacity 8s ease;
}
body[data-theme=bugs].night #sun::after { opacity: .95; }
/* the moving sun (js/sky.js, css/sky.css): by day its glow travels high over the garden, with a warmer
   core so you can see where it is, and sinks into the greenery on the right at sunset; at night the
   same element is the moon and keeps its own spot */
body[data-theme=bugs] { --horizon: 42vh; --arc-w: 40vw; --arc-h: 36vh; --haze-top: 28vh; --haze-mid: 44vh; --haze-bottom: 66vh; }
body[data-theme=bugs].sky-clock #sun::before {
  background: radial-gradient(closest-side, rgba(255, 252, 238, 1), rgba(255, 241, 206, .78) 18%, rgba(250, 232, 192, .32) 46%, rgba(250, 232, 192, 0));
  transition: opacity var(--dusk-dur, 110s) linear;
}
body[data-theme=bugs].sky-clock.dusk #sun { top: calc(var(--horizon) - var(--sun-sin, .3) * var(--arc-h)); right: auto; }
body[data-theme=bugs].sky-clock.night #sun { left: auto; right: 12vw; top: 5vh; translate: none; scale: 1; }
body[data-theme=bugs].sky-clock .bz-sunset { left: calc(50% - var(--sun-cos, -.85) * 40%); }

/* sunbeams through the garden (js/scenery-bugs.js): soft shafts of light that lean with the moving sun,
   from the upper left in the morning, upright at midday, from the upper right in the afternoon; they
   fade as the sun sets and leave the page at night. Only with the moving sun. */
body[data-theme=bugs] .bz-beams { position: absolute; inset: 0; overflow: hidden; pointer-events: none; display: none; }
body[data-theme=bugs].sky-clock .bz-beams { display: block; opacity: calc((.62 + .3 * var(--warm, 0)) * (1 - var(--setting, 0))); }
body[data-theme=bugs].sky-clock.night .bz-beams { display: none; }
body[data-theme=bugs] .bz-beam {
  position: absolute; top: 2vh; height: 76vh; translate: -50% 0;
  transform-origin: 50% 0; rotate: calc(var(--sun-cos, 0) * -32deg);
  background: linear-gradient(90deg, rgba(255, 250, 226, 0), rgba(255, 248, 218, .5) 30%, rgba(255, 249, 222, .8) 50%, rgba(255, 248, 218, .5) 70%, rgba(255, 250, 226, 0));
  -webkit-mask-image: linear-gradient(transparent 12%, #000 40%, #000 72%, transparent);
  mask-image: linear-gradient(transparent 12%, #000 40%, #000 72%, transparent);
}

/* ---------- back: the far garden, soft and out of focus ---------- */
body[data-theme=bugs].night #scenery-back { filter: none; } /* the greenery is dimmed below, so the fireflies can glow */
body[data-theme=bugs] .bz-far, body[data-theme=bugs] .bz-mid { position: absolute; inset: 0; transition: filter 8s ease; }
body[data-theme=bugs].night .bz-far { filter: brightness(.24) saturate(.5) sepia(.35) hue-rotate(125deg); }
body[data-theme=bugs].night .bz-mid { filter: brightness(.5) saturate(.5); }
body[data-theme=bugs] .bz-far > * { position: absolute; }

body[data-theme=bugs] .bz-hedge { left: 0; right: 0; top: 0; bottom: 18vh; }

/* a weathered picket fence far behind the greenery: soft pickets with rounded tops */
body[data-theme=bugs] .bz-fence {
  left: 26%; width: 48%; top: 43vh; height: 14vh;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
}
body[data-theme=bugs] .bz-pickets, body[data-theme=bugs] .bz-rail { position: absolute; left: 0; right: 0; }
body[data-theme=bugs] .bz-pickets {
  top: 0; bottom: 0;
  background: linear-gradient(90deg, rgba(172, 168, 152, 0) .3vh, rgba(172, 168, 152, .42) .9vh, rgba(180, 176, 160, .42) 2.5vh, rgba(180, 176, 160, 0) 3.1vh) 0 0 / 3.6vh 100% repeat-x;
  -webkit-mask: radial-gradient(1.25vh 1.7vh at 50% 1.9vh, #000 50%, transparent) 0 0 / 3.6vh 100% repeat-x, linear-gradient(transparent 1.6vh, #000 2.8vh);
  mask: radial-gradient(1.25vh 1.7vh at 50% 1.9vh, #000 50%, transparent) 0 0 / 3.6vh 100% repeat-x, linear-gradient(transparent 1.6vh, #000 2.8vh);
}
body[data-theme=bugs] .bz-rail { top: 4.4vh; height: 2.2vh; background: linear-gradient(rgba(170, 166, 150, 0), rgba(170, 166, 150, .4) 40%, rgba(170, 166, 150, .4) 60%, rgba(170, 166, 150, 0)); }

/* blurred grass and leaves rising out of the greenery */
body[data-theme=bugs] .bz-soft-blade {
  translate: -50% 0; transform-origin: 50% 100%;
  background: radial-gradient(closest-side, rgba(138, 164, 118, .95), rgba(138, 164, 118, .5) 55%, rgba(138, 164, 118, 0));
}

/* sunlight through the leaves: the world's one ambient motion by day */
/* at night the dapples fade out and then leave the page entirely: even paused, their animations would
   make the browser redo the far garden's night filter on every frame */
body[data-theme=bugs] .bz-dapples { inset: 0; transition: opacity 8s ease, display 8s allow-discrete; }
body[data-theme=bugs] .bz-dapple {
  position: absolute; translate: -50% -50%; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255, 253, 234, .7), rgba(255, 250, 224, .32) 50%, rgba(255, 250, 224, 0));
  animation: bzDapple 31s ease-in-out infinite;
}
@keyframes bzDapple {
  0%, 100% { opacity: .2; transform: translate(0, 0) scale(.92); }
  50% { opacity: .85; transform: translate(2.6vh, -1.2vh) scale(1.06); }
}
body[data-theme=bugs].night .bz-dapples { opacity: 0; display: none; }
body[data-theme=bugs].night .bz-dapple { animation-play-state: paused; }

/* haze where the ground meets the greenery, so far-away bugs stand out */
body[data-theme=bugs] .bz-mist {
  left: 0; right: 0; bottom: 22vh; height: 15vh;
  background: linear-gradient(to top, rgba(216, 222, 200, .9), rgba(216, 222, 200, .6) 30%, rgba(216, 222, 200, 0));
}
/* hazy grass on the far edge of the ground; its base hides behind the ground's soft top */
body[data-theme=bugs] .bz-fringe { left: 0; right: 0; bottom: 21.6vh; height: 7.6vh; }
body[data-theme=bugs] .bz-fringe svg { display: block; width: 100%; height: 100%; }

/* ---------- middle: daisies, buttercups and clover at bug scale ---------- */
body[data-theme=bugs] .bz-group { position: absolute; bottom: calc(24vh - 4 * var(--bz-u)); }
body[data-theme=bugs] .bz-group svg { display: block; width: 100%; height: 100%; overflow: visible; }
body[data-theme=bugs] .bz-left { left: 0; width: calc(48 * var(--bz-u)); height: calc(72 * var(--bz-u)); }
body[data-theme=bugs] .bz-right { right: 0; width: calc(46 * var(--bz-u)); height: calc(64 * var(--bz-u)); }
@media (max-aspect-ratio: 1/1) {
  body[data-theme=bugs] .bz-left { left: calc(-9 * var(--bz-u)); }
  body[data-theme=bugs] .bz-right { right: calc(-8 * var(--bz-u)); }
}

body[data-theme=bugs] .bz-soft { opacity: .8; }
body[data-theme=bugs] .bz-stem { fill: none; stroke: #7C985D; stroke-linecap: round; }
body[data-theme=bugs] .bz-stem-hl { fill: none; stroke: #ABC28C; stroke-linecap: round; opacity: .7; }
body[data-theme=bugs] .bz-rays path { stroke: rgba(118, 114, 90, .42); stroke-width: .8; vector-effect: non-scaling-stroke; }
body[data-theme=bugs] .bz-disc { stroke: rgba(146, 102, 32, .5); stroke-width: .8; vector-effect: non-scaling-stroke; }
body[data-theme=bugs] .bz-bud { fill: #A59F3C; opacity: .7; }
body[data-theme=bugs] .bz-floret { fill: #BE8826; opacity: .5; }
body[data-theme=bugs] .bz-bud-body { fill: #8DAA67; stroke: #6B8950; stroke-width: 1; }
body[data-theme=bugs] .bz-bud-tips { fill: #F2E6E2; stroke: #D3B4B1; stroke-width: .8; }
body[data-theme=bugs] .bz-bud-line { fill: none; stroke: #6B8950; stroke-width: 1; }
body[data-theme=bugs] .bz-sepal { fill: #86A260; stroke: #6A894E; stroke-width: .8; }
body[data-theme=bugs] .bz-bc-in { stroke: #C79D34; stroke-width: .9; }
body[data-theme=bugs] .bz-bc-out { stroke: #B38D30; stroke-width: .9; }
body[data-theme=bugs] .bz-petal-line { fill: none; stroke: rgba(176, 128, 36, .35); stroke-width: .8; }
body[data-theme=bugs] .bz-gloss { fill: #FFFDF0; opacity: .6; }
body[data-theme=bugs] .bz-stamen { fill: #D6A73A; stroke: #B0862A; stroke-width: .5; }
body[data-theme=bugs] .bz-carpel { fill: #A6B25E; }
body[data-theme=bugs] .bz-bc-bud { fill: #D8C35A; stroke: #A6973A; stroke-width: 1; }
body[data-theme=bugs] .bz-clover { fill: #C49AAE; }
body[data-theme=bugs] .bz-floret-pink { fill: none; stroke: #E5C4D1; stroke-width: 3.2; stroke-linecap: round; }
body[data-theme=bugs] .bz-floret-old { fill: none; stroke: #A5877C; stroke-width: 3; stroke-linecap: round; }
body[data-theme=bugs] .bz-clv { fill: #7F9D5E; stroke: #65834B; stroke-width: .8; }
body[data-theme=bugs] .bz-chev { fill: none; stroke: #CDDCB6; stroke-width: 2.2; opacity: .7; }
body[data-theme=bugs] .bz-leaf-a { fill: url(#bzgL1); stroke: #5D7B46; stroke-width: 1; }
body[data-theme=bugs] .bz-leaf-b { fill: #7E9C5E; stroke: #607E47; stroke-width: .8; }
body[data-theme=bugs] .bz-leaf-c { fill: #86A262; stroke: #66844B; stroke-width: .8; }
body[data-theme=bugs] .bz-vein { fill: none; stroke: #AEC58E; stroke-width: 1.3; opacity: .7; }
body[data-theme=bugs] .bz-midrib { stroke-width: 2.2; }
body[data-theme=bugs] .bz-blade-far { fill: #8EA973; opacity: .85; }
body[data-theme=bugs] .bz-rib { fill: none; stroke: rgba(196, 214, 164, .55); stroke-width: 1.4; }
body[data-theme=bugs] .bz-clock-glow { fill: #FBFAF2; opacity: .22; }
body[data-theme=bugs] .bz-clock-beak { fill: none; stroke: #E9E6D8; stroke-width: .7; opacity: .75; }
body[data-theme=bugs] .bz-clock-tuft { fill: #FFFEF6; opacity: .5; }
body[data-theme=bugs] .bz-clock-beak.far, body[data-theme=bugs] .bz-clock-tuft.far { opacity: .28; }
body[data-theme=bugs] .bz-clock-heart { fill: #B9A57C; }
body[data-theme=bugs] .bz-culm { fill: none; stroke: #8DA06C; stroke-width: 3; stroke-linecap: round; }
body[data-theme=bugs] .bz-spike { fill: #75684C; stroke: #5B5039; stroke-width: .8; }
body[data-theme=bugs] .bz-spike-dots { fill: none; stroke: #A39577; stroke-width: 2.2; stroke-linecap: round; }
body[data-theme=bugs] .bz-filament { fill: none; stroke: #DCD6BE; stroke-width: .7; }
body[data-theme=bugs] .bz-anther { fill: #F1EAD0; stroke: #C9BF9C; stroke-width: .5; }
body[data-theme=bugs] .bz-dew-shadow { fill: rgba(40, 60, 30, .16); }
body[data-theme=bugs] .bz-dew-body { fill: rgba(236, 244, 226, .32); stroke: rgba(58, 82, 46, .5); stroke-width: .9; }
body[data-theme=bugs] .bz-dew-light { fill: none; stroke: rgba(255, 255, 245, .65); stroke-width: 1.2; }
body[data-theme=bugs] .bz-dew-glint { fill: #FFFFFA; }

/* ---------- evening and night light over the scenery ---------- */
body[data-theme=bugs] .bz-glaze { position: absolute; inset: 0; pointer-events: none; opacity: 0; }
body[data-theme=bugs] .bz-glaze-dusk { transition: opacity var(--dusk-dur, 110s) linear; }
body[data-theme=bugs] #scenery-back .bz-glaze-dusk {
  background:
    radial-gradient(60vh 42vh at 68% 46vh, rgba(255, 204, 128, .36), rgba(255, 204, 128, 0)),
    linear-gradient(rgba(238, 170, 90, 0) 22vh, rgba(234, 166, 88, .22) 50vh, rgba(224, 152, 82, .3));
}
body[data-theme=bugs] .bz-ground .bz-glaze-dusk { background: linear-gradient(rgba(232, 160, 88, .22), rgba(200, 130, 70, .16)); }
body[data-theme=bugs].dusk .bz-glaze-dusk { opacity: 1; }
body[data-theme=bugs].night .bz-glaze-dusk { opacity: 0; transition-duration: 8s; }
body[data-theme=bugs] .bz-glaze-night { transition: opacity 8s ease; }
body[data-theme=bugs] #scenery-back .bz-glaze-night { background: linear-gradient(rgba(12, 44, 50, 0) 16vh, rgba(12, 44, 50, .3) 40vh, rgba(10, 40, 46, .42) 70vh, rgba(10, 40, 46, .46)); }
body[data-theme=bugs] .bz-ground .bz-glaze-night { background: rgba(14, 50, 56, .3); }
body[data-theme=bugs].night .bz-glaze-night { opacity: 1; }

/* the low evening sun, glowing through the far greenery */
body[data-theme=bugs] .bz-sunset {
  position: absolute; left: 68%; top: 46vh; width: 56vh; height: 56vh; translate: -50% -50%;
  background: radial-gradient(closest-side, rgba(255, 246, 214, .95), rgba(255, 228, 160, .85) 12%, rgba(252, 206, 132, .5) 34%, rgba(248, 190, 118, 0));
  opacity: 0; transition: opacity var(--dusk-dur, 110s) linear;
}
body[data-theme=bugs].dusk .bz-sunset { opacity: 1; }
body[data-theme=bugs].night .bz-sunset { opacity: 0; transition-duration: 8s; }

/* fireflies: a few soft lights drifting and glowing slowly */
body[data-theme=bugs] .bz-flies { position: absolute; inset: 0; opacity: 0; transition: opacity 6s ease 2s; }
body[data-theme=bugs].night .bz-flies { opacity: 1; }
body[data-theme=bugs] .bz-fly { position: absolute; width: 4vh; height: 4vh; translate: -50% 50%; animation: bzDrift 48s ease-in-out infinite alternate; }
body[data-theme=bugs] .bz-fly:nth-child(2n) { animation-name: bzDrift2; }
body[data-theme=bugs] .bz-fly i {
  display: block; width: 100%; height: 100%; border-radius: 50%;
  background: radial-gradient(closest-side, #FBFDE8, #EEF6BA 14%, rgba(222, 238, 140, .42) 34%, rgba(214, 232, 120, 0));
  animation: bzGlow 13s ease-in-out infinite;
}
body[data-theme=bugs]:not(.night) .bz-fly, body[data-theme=bugs]:not(.night) .bz-fly i { animation-play-state: paused; }
@keyframes bzDrift { 0% { transform: translate(0, 0); } 35% { transform: translate(3vh, -2.4vh); } 70% { transform: translate(6vh, .8vh); } 100% { transform: translate(2.4vh, 3vh); } }
@keyframes bzDrift2 { 0% { transform: translate(0, 0); } 30% { transform: translate(-2.6vh, 1.8vh); } 65% { transform: translate(-5vh, -1.6vh); } 100% { transform: translate(-1.6vh, -3.4vh); } }
@keyframes bzGlow { 0%, 100% { opacity: .08; } 40%, 58% { opacity: .95; } }

/* ---------- ground: soil, leaf litter, pebbles and moss ---------- */
/* the top of the ground fades in, so the far edge melts into the grass behind it */
body[data-theme=bugs] #ground { background: linear-gradient(rgba(200, 204, 174, 0) 0, #C8CCAE 2.2vh, #BAB797 3.6vh, #AA9C7E 6vh, #9E8A6E 11vh, #95806A 18vh, #8C7762 24vh); }
body[data-theme=bugs] .bz-ground .bz-glaze { -webkit-mask-image: linear-gradient(transparent, #000 2.4vh); mask-image: linear-gradient(transparent, #000 2.4vh); }
body[data-theme=bugs] .bz-soil { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
body[data-theme=bugs] .bz-prop { position: absolute; translate: -50% 0; }
body[data-theme=bugs] .bz-prop svg { height: 100%; width: auto; display: block; overflow: visible; }
body[data-theme=bugs] .bz-prop.flip { scale: -1 1; }
body[data-theme=bugs] .bz-crumb-d { fill: #5E4B39; opacity: .38; }
body[data-theme=bugs] .bz-crumb-l { fill: #D8CAA8; opacity: .42; }
body[data-theme=bugs] .bz-contact { fill: #4A3C2C; opacity: .16; }
body[data-theme=bugs] .bz-pebble-a { fill: #B5AD9D; stroke: #8E8676; stroke-width: .8; }
body[data-theme=bugs] .bz-pebble-b { fill: #A79C88; stroke: #857A68; stroke-width: .8; }
body[data-theme=bugs] .bz-pebble-c { fill: #C3B9A5; stroke: #978D7A; stroke-width: .8; }
body[data-theme=bugs] .bz-pebble-hl { fill: #F4F0E6; opacity: .45; }
body[data-theme=bugs] .bz-litter-a { fill: #B08A5C; stroke: #8A6A44; stroke-width: .8; }
body[data-theme=bugs] .bz-litter-b { fill: #C8A363; stroke: #9C7E44; stroke-width: .8; }
body[data-theme=bugs] .bz-litter-c { fill: #A27A52; stroke: #7E5E3E; stroke-width: .8; }
body[data-theme=bugs] .bz-litter-c2 { fill: #7E5E3E; }
body[data-theme=bugs] .bz-litter-vein { fill: none; stroke: #866844; stroke-width: .8; opacity: .7; }
body[data-theme=bugs] .bz-petal { fill: #F4F1E8; stroke: #CFC8B6; stroke-width: .6; }
body[data-theme=bugs] .bz-twig { fill: none; stroke: #7A6450; stroke-width: 2.6; stroke-linecap: round; }
body[data-theme=bugs] .bz-twig-hl { fill: none; stroke: #B5A38C; stroke-width: .9; opacity: .7; }
body[data-theme=bugs] .bz-moss { fill: #6F8449; }
body[data-theme=bugs] .bz-moss-a { fill: #86994F; }
body[data-theme=bugs] .bz-moss-b { fill: #A9BA6E; }
body[data-theme=bugs] .bz-moss-c { fill: #627A42; }
body[data-theme=bugs] .bz-shroom-stem { stroke: #B9AC90; stroke-width: 1; }
body[data-theme=bugs] .bz-gills { fill: #E2D2B4; stroke: #BFA988; stroke-width: .8; }
body[data-theme=bugs] .bz-gill-lines { fill: none; stroke: #BBA584; stroke-width: .8; }
body[data-theme=bugs] .bz-shroom-cap { stroke: #84603F; stroke-width: 1.2; }
body[data-theme=bugs] .bz-shroom-hl { fill: #F2DEC0; opacity: .4; }
body[data-theme=bugs] .track { color: #5C4A36; }

/* ---------- plants along the horizon and in the corners ---------- */
body[data-theme=bugs] .bz-plant svg { overflow: visible; }
body[data-theme=bugs] .bz-stalk { fill: none; stroke: #7C985C; stroke-width: 2.2; stroke-linecap: round; }
body[data-theme=bugs] .bz-stalk.thin { stroke-width: 1.6; }
body[data-theme=bugs] .bz-speedwell circle { fill: #8EA5CC; stroke: #6F86AE; stroke-width: .5; }
body[data-theme=bugs] .bz-speedwell .bz-speedwell-eye { fill: #F4F3EC; stroke: none; }
body[data-theme=bugs] .bz-wclover { fill: #F1ECE0; stroke: #CEC5B1; stroke-width: .8; }
body[data-theme=bugs] .bz-wclover-fl { fill: none; stroke: #DCD3C2; stroke-width: 1.4; stroke-linecap: round; }
body[data-theme=bugs] .bz-wclover-old { fill: #C8B6A2; }
body[data-theme=bugs] .bz-wclover-hl { fill: #FFFFFA; opacity: .6; }
body[data-theme=bugs] .bz-front-a { fill: url(#bzF1); }
body[data-theme=bugs] .bz-front-b { fill: url(#bzF2); }
body[data-theme=bugs] .bz-front-leaf { fill: url(#bzF3); stroke: #4E6D3A; stroke-width: 1; }

/* ---------- front: a soft blade at the very edge ---------- */
body[data-theme=bugs] .bz-edge-blade { position: absolute; left: -1.2vh; bottom: -3vh; height: 34vh; }
body[data-theme=bugs] .bz-edge-blade svg { height: 100%; width: auto; display: block; overflow: visible; }

@media (prefers-reduced-motion: reduce) {
  body[data-theme=bugs] .bz-dapples .bz-dapple { animation: none; opacity: .5; }
  body[data-theme=bugs] .bz-flies .bz-fly, body[data-theme=bugs] .bz-flies .bz-fly i { animation: none; }
  body[data-theme=bugs] .bz-flies .bz-fly i { opacity: .75; }
}