/*

All frame animation styles are embedded directly inside cow-loader.svg
so they work when the SVG is loaded via <object> or used inline.

Colour theming
--------------
The SVG uses three CSS custom properties you can override at :root or
on any ancestor element:

  --cow-primary   - body outline, spots, hooves  (default: #006663)
  --cow-secondary - body fill, belly             (default: #D0EFED)
  --cow-shadow    - tail shadow detail, grass    (default: #004C4C)

  If using with access to the themed variables, the defaults are set to:
    --cow-primary:   var(--geaui-primary);
    --cow-secondary: var(--geaui-vibrant-blue-180);
    --cow-shadow:    var(--geaui-night-blue);

Example - Alt theme:
  :root {
    --cow-primary:   #004C4C;
    --cow-secondary: #A8DDD9;
    --cow-shadow:    #003333;
  }

Important Note! CSS variable overrides only apply when the SVG is inlined in HTML
(not via <object>). For <object> use, edit the :root block inside
cow-loader.svg directly.
*/

img[src*='cow-loader'] {
    width: 129px;
    height: 110px;
    display: block; /* prevents inline baseline gap adding unwanted height */
}