docs/rabbit-collaborator.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="none" overflow="visible">
  <style>
    @keyframes rabbit-head-14-move {
    0% {
    transform: translate(0, -1px);
    }
    50% {
    transform: translate(0, -2px);
    }
    100% {
    transform: translate(0, -1px);
    }
    }

    @keyframes rabbit-obj-14-move {
    0% {
    transform: translate(0, 0px);
    }
    15% {
    transform: translate(0, -5px);
    }
    30% {
    transform: translate(0, 0px);
    }
    100% {
    transform: translate(0, 0px);
    }
    }

    @keyframes rabbit-14-shadow-move {
    0% {
    transform: translate(-2px, 9px) scaleX(1);
    }
    15% {
    transform: translate(-2px, 9px) scaleX(1.2);
    }
    30% {
    transform: translate(-2px, 9px) scaleX(1);
    }
    100% {
    transform: translate(-2px, 9px) scaleX(1);
    }
    }

    #rabbit-head-14 {
    animation-name: rabbit-head-14-move;
    animation-duration:1s;
    animation-iteration-count:infinite;
    animation-timing-function: ease-in-out;
    }

    #rabbit-shadow-14 {
    animation-name: rabbit-14-shadow-move;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-timing-function: ease-in-out;
    }

    #rabbit-obj-14 {
    animation-name: rabbit-obj-14-move;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-timing-function: ease-in-out;
    }
  </style>

  <g id="rabbit-14" transform="translate(10, 20)">
    <svg width="600" height="300" viewBox="0 0 200 100" fill="none" overflow="visible">
      <g id="rabbit-shadow-14" transform="translate(-2, 9)">
        <rect width="8" height="1" transform="matrix(-1 0 0 1 8 0.5)" fill="#2B4447" fill-opacity="0.1"/>
        <rect width="6.76923" height="0.25" transform="matrix(-1 0 0 1 7.38452 0.25)" fill="#2B4447" fill-opacity="0.1"/>
        <rect width="6.76923" height="0.25" transform="matrix(-1 0 0 1 7.38452 1.5)" fill="#2B4447" fill-opacity="0.1"/>
        <rect width="5.53846" height="0.25" transform="matrix(-1 0 0 1 6.76929 0)" fill="#2B4447" fill-opacity="0.1"/>
        <rect width="5.53846" height="0.25" transform="matrix(-1 0 0 1 6.76929 1.75)" fill="#2B4447" fill-opacity="0.1"/>
      </g>
      <g id="rabbit-obj-14">
        <g id="rabbit-body-14" transform="translate(-4, 5)">
          <rect x="4" width="6" height="4" fill="#FBB3BE"/>
          <rect x="2" y="1" width="8" height="3" fill="#FBB3BE"/>
          <rect x="1" y="2" width="8" height="2" fill="#FBB3BE"/>
          <rect x="2" y="3" width="8" height="2" fill="#FBB3BE"/>
          <rect y="2" width="8" height="1" fill="#FBB3BE"/>
          <rect x="1" y="3" width="1" height="1" fill="#494949" fill-opacity="0.1"/>
          <rect x="2" y="4" width="2" height="1" fill="#494949" fill-opacity="0.1"/>
          <rect x="6" y="3" width="1" height="2" fill="#494949" fill-opacity="0.1"/>
          <rect x="8" y="3" width="1" height="2" fill="#494949" fill-opacity="0.1"/>
        </g>
        <g id="rabbit-head-14" transform="translate(0, -10)">
          <rect x="1" y="3" width="5" height="4" fill="#FBB3BE"/>
          <rect y="4" width="7" height="3" fill="#FBB3BE"/>
          <rect x="1" y="4" width="5" height="4" fill="#FBB3BE"/>
          <rect y="2" width="3" height="5" fill="#FBB3BE"/>
          <rect x="4" y="2" width="3" height="5" fill="#FBB3BE"/>
          <rect width="2" height="3" fill="#FBB3BE"/>
          <rect x="5" width="2" height="3" fill="#FBB3BE"/>
          <rect x="1" y="1" width="1" height="2" fill="#FFD0D7"/>
          <rect x="5" y="1" width="1" height="2" fill="#FFD0D7"/>
          <rect x="2" y="4" width="1" height="1" fill="black"/>
          <rect x="5" y="4" width="1" height="1" fill="black"/>
          <rect width="2" height="1" transform="matrix(-1 0 0 1 2 5)" fill="#FF758E"/>
          <rect width="2" height="1" transform="matrix(-1 0 0 1 8 5)" fill="#FF758E"/>
          <rect x="3" y="6" width="2" height="1" fill="black"/>
          <rect y="6" width="1" height="1" fill="#494949" fill-opacity="0.1"/>
          <rect x="1" y="7" width="1" height="1" fill="#494949" fill-opacity="0.1"/>
        </g>
      </g>
      <g id="notebook-14" transform="translate(2, 4)">
        <rect width="4.66667" height="3.33333" transform="matrix(-1 0 0 1 6.66699 0)" fill="#E4E4E4"/>
        <rect width="6" height="3.33333" transform="matrix(-1 0 0 1 7.3335 0.666626)" fill="#E4E4E4"/>
        <rect width="6" height="1.33333" transform="matrix(-1 0 0 1 6.66699 2.66663)" fill="#E4E4E4"/>
        <rect width="6" height="0.666667" transform="matrix(-1 0 0 1 6 3.33337)" fill="#E4E4E4"/>
        <rect width="0.666667" height="1.33333" transform="matrix(-1 0 0 1 1.3335 2.66663)" fill="black" fill-opacity="0.1"/>
        <rect width="0.666667" height="0.666667" transform="matrix(-1 0 0 1 0.666992 3.33337)" fill="black" fill-opacity="0.1"/>
        <rect width="6" height="0.666667" transform="matrix(-1 0 0 1 7.3335 3.33337)" fill="black" fill-opacity="0.1"/>
        <rect x="5.3335" y="2.33337" width="0.666667" height="0.333333" transform="rotate(180 5.3335 2.33337)" fill="#242427"/>
        <rect width="0.666667" height="0.333333" transform="matrix(-1 0 0 1 5 1.66675)" fill="#242427"/>
        <rect width="0.333333" height="1.33333" transform="matrix(-1 0 0 1 5.3335 1.33337)" fill="#242427"/>
        <rect width="1" height="0.333333" transform="matrix(-1 0 0 1 5.3335 2.33337)" fill="#242427"/>
      </g>
    </svg>
  </g>
</svg>