/* teeming — Teeming mark. Wire: data-lm="teeming" on brand svg + link this file. */
[data-lm="teeming"] { transform-box: fill-box; transform-origin: center; }
[data-lm="teeming"] > rect:nth-of-type(2), [data-lm="teeming"] > rect:nth-of-type(3), [data-lm="teeming"] > rect:nth-of-type(4) { transform-box: fill-box; transform-origin: 50% 0; }
[data-lm="teeming"] > rect:nth-of-type(2) { animation: te-pour 2400ms ease-in-out infinite; }
[data-lm="teeming"] > rect:nth-of-type(3) { animation: te-pour 2400ms ease-in-out 130ms infinite; }
[data-lm="teeming"] > rect:nth-of-type(4) { animation: te-pour 2400ms ease-in-out 260ms infinite; }
@keyframes te-pour { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(1.14); } }
[data-lm="teeming"]:hover > rect:nth-of-type(2), [data-lm="teeming"]:hover > rect:nth-of-type(3), [data-lm="teeming"]:hover > rect:nth-of-type(4) { animation-play-state: paused; transform: translateY(1.2px); transition: transform 180ms var(--os-focus-motion-easing, ease-out); }
[data-lm="teeming"]:hover > rect:nth-of-type(3) { transition-delay: 40ms; }
[data-lm="teeming"]:hover > rect:nth-of-type(4) { transition-delay: 80ms; }
[data-lm="teeming"]:active { transform: scale(.985) translateY(1px); transition: transform 90ms ease-in; }
@media (prefers-reduced-motion: reduce) {
  [data-lm="teeming"] > rect { animation: none; }
  [data-lm="teeming"], [data-lm="teeming"] > rect { transition: none; transform: none; }
  [data-lm="teeming"] > rect:nth-of-type(2), [data-lm="teeming"] > rect:nth-of-type(3), [data-lm="teeming"] > rect:nth-of-type(4) { opacity: 1; }
}