День рождения на чистом CSS
Два кролика отмечают день рождения и рассказывают друг другу шутки. Анимационная картина сделанная на чистом CSS. Поражает своей детальной проработкой во всех аспектах.
HTML
<div class="bar">
<div class="background-1"></div>
<div class="background-2"></div>
<div class="background-3"></div>
<div class="background-4"></div>
<div class="background-5"></div>
<div class="background-6"></div>
<div class="tree-1"></div>
<div class="tree-2"></div>
<div class="tree-3"></div>
<div class="tree-4"></div>
<div class="tree-5"></div>
<div class="tree-6"></div>
<div class="tree-7"></div>
<div class="tree-8"></div>
<div class="tree-9"></div>
<div class="tree-10"></div>
<div class="tree-11"></div>
<div class="tree-12"></div>
<div class="tree-13"></div>
<div class="tree-14"></div>
<div class="tree-15"></div>
<div class="tree-16"></div>
<div class="tree-17"></div>
<div class="tree-18"></div>
<div class="tree-19"></div>
<div class="tree-20"></div>
<div class="tree-21"></div>
<div class="tree-22"></div>
<div class="tree-23"></div>
<div class="tree-24"></div>
<div class="tree-25"></div>
<div class="tree-26"></div>
<div class="tree-27"></div>
<div class="tree-28"></div>
<div class="tree-29"></div>
<div class="balcony"></div>
<div class="back-sofa">
<div></div>
<div></div>
<div></div>
<div class="coctail">
<div></div>
</div>
<div class="rabbit-1">
<div class="rabbit-1__back-leg"></div>
<div class="rabbit-1__body"></div>
<div class="rabbit-1__arm1"></div>
<div class="rabbit-1__head">
<div class="rabbit-1__ear1"></div>
<div class="rabbit-1__ear2">
<div></div>
</div>
<div class="rabbit-1__mouth">
<div></div>
</div>
<div class="rabbit-1__nose"></div>
<div class="rabbit-1__eye1"></div>
<div class="rabbit-1__eye2"></div>
</div>
<div class="rabbit-1__leg"></div>
<div class="rabbit-1__arm2"></div>
</div>
<div></div>
</div>
<div class="table">
<div></div>
<div class="lightning">
<div></div>
<div></div>
</div>
</div>
<div class="front-sofa">
<div class="rabbit-2">
<div class="rabbit-2__body"></div>
<div class="rabbit-2__arm1"></div>
<div class="rabbit-2__head">
<div class="rabbit-2__ear1">
<div></div>
</div>
<div class="rabbit-2__ear2"></div>
<div class="rabbit-2__mouth">
<div></div>
</div>
<div class="rabbit-2__nose"></div>
<div class="rabbit-2__eye1"></div>
<div class="rabbit-2__eye2"></div>
</div>
<div class="rabbit-2__leg"></div>
<div class="rabbit-2__arm2">
<div class="coctail">
<div></div>
</div>
</div>
</div>
<div></div>
</div>
</div>
Post CSS
@use postcss-nested;
:root {
--animation: 6s infinite ease;
}
html, body {
padding: 0; margin: 0;
}
.bar {
width: 800px; height: 600px;
position: relative;
background: #283242;
overflow: hidden;
}
.bar *, .bar *:before, .bar *:after {
content: '';
position: absolute;
}
.background-1 {
top: 0px; left: 0;
width: 294px; height: 127px;
box-sizing: border-box;
background: #3b4558;
border-right: 14px solid #2e394c;
&:before {
top: 61px; left: 246px;
width: 55px; height: 66px;
box-sizing: border-box;
background: #384550;
border-top: 8px solid #315153;
border-right: 14px solid #2c3646;
}
&:after {
top: 0px; left: 15px;
width: 9px; height: 61px;
background: #ffc836;
box-shadow: -18px 0 #ffc836, 18px 0 #ffc836, 35px 0 #ffc836, 53px 0 #ffc836, 71px 0 #ffc836, 88px 0 #ffc836, 106px 0 #ffc836, 124px 0 #ffc836, 142px 0 #ffc836, 158px 0 #ffc836, 176px 0 #ffc836, 212px 0 #ffc836, 230px -5px #ffc836, 247px -5px #ffc836, 236px 76px #ffc836, 254px 76px #ffc836;
}
}
.background-2 {
top: 61px; left: 0px;
width: 239px; height: 66px;
box-sizing: border-box;
background: #27303c;
border-top: 9px solid #27454d;
border-right: 22px solid #1a2032;
&:before {
top: 26px; left: 3px;
width: 19px; height: 27px;
background: #ffc42f;
box-shadow: 66px 0 #ffc42f, 133px 0 #ffc42f;
}
&:after {
top: -70px; left: 342px;
width: 43px; height: 127px;
background: #384550;
box-shadow: 363px 0 #384550, 372px 0 #384550;
}
}
.background-3 {
top: 0px;
left: 348px;
width: 3px;
height: 8px;
background: #ffc833;
box-shadow: 7px 0 #ffc833, 14px 0 #ffc833, 21px 0 #ffc833, 28px 0 #ffc833,
0 14px #ffc833, 7px 14px #ffc833, 14px 14px #ffc833, 21px 14px #ffc833, 28px 14px #ffc833,
0 28px #ffc833, 7px 28px #ffc833, 14px 28px #ffc833, 21px 28px #ffc833, 28px 28px #ffc833,
0 42px #ffc833, 7px 42px #ffc833, 14px 42px #ffc833, 21px 42px #ffc833, 28px 42px #ffc833,
0 56px #ffc833, 7px 56px #ffc833, 14px 56px #ffc833, 21px 56px #ffc833, 28px 56px #ffc833,
0 70px #ffc833, 7px 70px #ffc833, 14px 70px #ffc833, 21px 70px #ffc833, 28px 70px #ffc833,
0 84px #ffc833, 7px 84px #ffc833, 14px 84px #ffc833, 21px 84px #ffc833, 28px 84px #ffc833,
0 98px #ffc833, 7px 98px #ffc833, 14px 98px #ffc833, 21px 98px #ffc833, 28px 98px #ffc833,
0 112px #ffc833, 7px 112px #ffc833, 14px 112px #ffc833, 21px 112px #ffc833, 28px 112px #ffc833,
0 126px #ffc833, 7px 126px #ffc833, 14px 126px #ffc833, 21px 126px #ffc833, 28px 126px #ffc833;
&:before {
top: 0px; left: 55px;
width: 29px; height: 4px;
background: #ffc833;
box-shadow: 34px 0 #ffc833, 68px 0 #ffc833,
0 10px #ffc833, 34px 10px #ffc833, 68px 10px #ffc833,
0 20px #ffc833, 34px 20px #ffc833, 68px 20px #ffc833,
0 30px #ffc833, 34px 30px #ffc833, 68px 30px #ffc833,
0 40px #ffc833, 34px 40px #ffc833, 68px 40px #ffc833,
0 50px #ffc833, 34px 50px #ffc833, 68px 50px #ffc833,
0 60px #ffc833, 34px 60px #ffc833, 68px 60px #ffc833,
0 70px #ffc833, 34px 70px #ffc833, 68px 70px #ffc833,
0 80px #ffc833, 34px 80px #ffc833, 68px 80px #ffc833,
0 90px #ffc833, 34px 90px #ffc833, 68px 90px #ffc833,
0 100px #ffc833, 34px 100px #ffc833, 68px 100px #ffc833,
0 110px #ffc833, 34px 110px #ffc833, 68px 110px #ffc833,
0 120px #ffc833, 34px 120px #ffc833, 68px 120px #ffc833;
}
&:after {
top: -5px; left: 281px;
width: 4px; height: 8px;
background: #ffc833;
box-shadow: 8px 0 #ffc833, 16px 0 #ffc833, 24px 0 #ffc833, 32px 0 #ffc833, 40px 0 #ffc833, 48px 0 #ffc833, 56px 0 #ffc833,
0 12px #ffc833, 8px 12px #ffc833, 16px 12px #ffc833, 24px 12px #ffc833, 32px 12px #ffc833, 40px 12px #ffc833, 48px 12px #ffc833, 56px 12px #ffc833,
0 24px #ffc833, 8px 24px #ffc833, 16px 24px #ffc833, 24px 24px #ffc833, 32px 24px #ffc833, 40px 24px #ffc833, 48px 24px #ffc833, 56px 24px #ffc833,
0 36px #ffc833, 8px 36px #ffc833, 16px 36px #ffc833, 24px 36px #ffc833, 32px 36px #ffc833, 40px 36px #ffc833, 48px 36px #ffc833, 56px 36px #ffc833,
0 48px #ffc833, 8px 48px #ffc833, 16px 48px #ffc833, 24px 48px #ffc833, 32px 48px #ffc833, 40px 48px #ffc833, 48px 48px #ffc833, 56px 48px #ffc833,
0 60px #ffc833, 8px 60px #ffc833, 16px 60px #ffc833, 24px 60px #ffc833, 32px 60px #ffc833, 40px 60px #ffc833, 48px 60px #ffc833, 56px 60px #ffc833,
0 72px #ffc833, 8px 72px #ffc833, 16px 72px #ffc833, 24px 72px #ffc833, 32px 72px #ffc833, 40px 72px #ffc833, 48px 72px #ffc833, 56px 72px #ffc833,
0 84px #ffc833, 8px 84px #ffc833, 16px 84px #ffc833, 24px 84px #ffc833, 32px 84px #ffc833, 40px 84px #ffc833, 48px 84px #ffc833, 56px 84px #ffc833,
0 96px #ffc833, 8px 96px #ffc833, 16px 96px #ffc833, 24px 96px #ffc833, 32px 96px #ffc833, 40px 96px #ffc833, 48px 96px #ffc833, 56px 96px #ffc833,
0 108px #ffc833, 8px 108px #ffc833, 16px 108px #ffc833, 24px 108px #ffc833, 32px 108px #ffc833, 40px 108px #ffc833, 48px 108px #ffc833, 56px 108px #ffc833,
0 120px #ffc833, 8px 120px #ffc833, 16px 120px #ffc833, 24px 120px #ffc833, 32px 120px #ffc833, 40px 120px #ffc833, 48px 120px #ffc833;
}
}
.background-4 {
top: 0px; left: 549px;
width: 73px; height: 127px;
box-sizing: border-box;
background: #3b495a;
border-left: 4px solid #3b495a;
overflow: hidden;
&:before {
top: -1px; left: 4px;
width: 18px; height: 3px;
background: #ffc839;
box-shadow: 21px 0 #ffc839, 42px 0 #ffc839, 63px 0 #ffc839,
-11px 8px #ffc839, 10px 8px #ffc839, 31px 8px #ffc839, 52px 8px #ffc839,
0px 16px #ffc839, 21px 16px #ffc839, 42px 16px #ffc839, 63px 16px #ffc839,
-11px 24px #ffc839, 10px 24px #ffc839, 31px 24px #ffc839, 52px 24px #ffc839,
0px 32px #ffc839, 21px 32px #ffc839, 42px 32px #ffc839, 63px 32px #ffc839,
-11px 40px #ffc839, 10px 40px #ffc839, 31px 40px #ffc839, 52px 40px #ffc839,
0px 48px #ffc839, 21px 48px #ffc839, 42px 48px #ffc839, 63px 48px #ffc839,
-11px 56px #ffc839, 10px 56px #ffc839, 31px 56px #ffc839, 52px 56px #ffc839,
0px 64px #ffc839, 21px 64px #ffc839, 42px 64px #ffc839, 63px 64px #ffc839,
-11px 72px #ffc839, 10px 72px #ffc839, 31px 72px #ffc839, 52px 72px #ffc839,
0px 80px #ffc839, 21px 80px #ffc839, 42px 80px #ffc839, 63px 80px #ffc839,
-11px 88px #ffc839, 10px 88px #ffc839, 31px 88px #ffc839, 52px 88px #ffc839,
0px 96px #ffc839, 21px 96px #ffc839, 42px 96px #ffc839, 63px 96px #ffc839,
-11px 104px #ffc839, 10px 104px #ffc839, 31px 104px #ffc839, 52px 104px #ffc839,
0px 112px #ffc839, 21px 112px #ffc839, 42px 112px #ffc839, 63px 112px #ffc839,
-11px 120px #ffc839, 10px 120px #ffc839, 31px 120px #ffc839, 52px 120px #ffc839,
0px 128px #ffc839, 21px 128px #ffc839, 42px 128px #ffc839, 63px 128px #ffc839,
-11px 136px #ffc839, 10px 136px #ffc839, 31px 136px #ffc839, 52px 136px #ffc839,
0px 144px #ffc839, 21px 144px #ffc839, 42px 144px #ffc839, 63px 144px #ffc839;
}
}
.background-5 {
top: 10px; left: 712px;
width: 4px; height: 11px;
background: #ffc839;
box-shadow: 6px 0 #ffc839, 19px 0 #ffc839, 25px 0 #ffc839, 38px 0 #ffc839,
0 22px #ffc839, 6px 22px #ffc839, 19px 22px #ffc839, 25px 22px #ffc839, 38px 22px #ffc839,
0 44px #ffc839, 6px 44px #ffc839, 19px 44px #ffc839, 25px 44px #ffc839, 38px 44px #ffc839,
0 66px #ffc839, 6px 66px #ffc839, 19px 66px #ffc839, 25px 66px #ffc839, 38px 66px #ffc839,
0 88px #ffc839, 6px 88px #ffc839, 19px 88px #ffc839, 25px 88px #ffc839, 38px 88px #ffc839,
0 110px #ffc839, 6px 110px #ffc839, 19px 110px #ffc839, 25px 110px #ffc839, 38px 110px #ffc839;
&:before {
top: 2px; left: 52px;
width: 6px; height: 6px;
background: #ffc839;
box-shadow: 13px 0 #ffc839, 26px 0 #ffc839,
0 17px #ffc839, 13px 17px #ffc839, 26px 17px #ffc839,
0 34px #ffc839, 13px 34px #ffc839, 26px 34px #ffc839,
0 51px #ffc839, 13px 51px #ffc839, 26px 51px #ffc839,
0 68px #ffc839, 13px 68px #ffc839, 26px 68px #ffc839,
0 85px #ffc839, 13px 85px #ffc839, 26px 85px #ffc839,
0 102px #ffc839, 13px 102px #ffc839, 26px 102px #ffc839;
}
&:after {
top: 12px; left: 53px;
width: 4px; height: 2px;
background: #ffc839;
box-shadow: 13px 0 #ffc839, 26px 0 #ffc839,
0 17px #ffc839, 13px 17px #ffc839, 26px 17px #ffc839,
0 34px #ffc839, 13px 34px #ffc839, 26px 34px #ffc839,
0 51px #ffc839, 13px 51px #ffc839, 26px 51px #ffc839,
0 68px #ffc839, 13px 68px #ffc839, 26px 68px #ffc839,
0 85px #ffc839, 13px 85px #ffc839, 26px 85px #ffc839,
0 102px #ffc839, 13px 102px #ffc839, 26px 102px #ffc839;
}
}
.background-6 {
top: 127px; left: 0px;
width: 800px; height: 300px;
border-top: 29px solid #375552;
background: #1d232f;
&:before {
top: 45px; left: 285px;
width: 48px; height: 60px;
background: #ffbc1f;
border-radius: 30px 30px 0 0;
box-shadow: 74px 0 #ffbc1f, -92px 0 #ffbc1f, 260px 0 #ffbc1f, 500px 0 #ffbc1f;
}
&:after {
top: 40px; left: 216px;
width: 3px; height: 70px;
background: #1d232f;
box-shadow: 91px 0 #1d232f, 351px 0 #1d232f;
}
}
.tree-1 {
top: 188px; left: 338px;
width: 125px; height: 240px;
border-radius: 60% 40% 0 0;
background: #46a678;
&:before {
top: 36px; left: -66px;
width: 80px; height: 160px;
background: #46a678;
border-radius: 60% 40% 0 0;
}
&:after {
top: 44px; left: -3px;
width: 25px; height: 30px;
border-radius: 50%;
background: transparent;
box-shadow: inset 0 -20px #46a678;
}
}
.tree-2 {
top: 174px; left: 550px;
width: 168px; height: 250px;
background: #46a678;
border-radius: 50% 50% 0 0;
&:before {
top: -2px; left: 79px;
width: 190px; height: 252px;
background: #46a678;
border-radius: 50% 50% 0 0;
}
&:after {
top: -1px; left: 90px;
width: 70px; height: 50px;
border-radius: 50%;
background: transparent;
box-shadow: inset 0 -41px #46a678;
}
}
.tree-3 {
top: 249px; left: 502px;
width: 60px; height: 175px;
background: #46a678;
border-radius: 100% 0 0 0;
&:before {
top: -43px; left: -330px;
width: 103px; height: 220px;
background: #2f936c;
border-radius: 30% 70px 0 0;
}
&:after {
top: -57px; left: -513px;
width: 160px; height: 160px;
background: #2f936c;
border-radius: 50%;
box-shadow: -110px -27px #2f936c;
}
}
.tree-4 {
top: 207px; left: 2px;
width: 200px; height: 220px;
background: #46a678;
border-radius: 50%;
box-shadow: -120px 55px #46a678;
&:before {
top: 1px; left: 117px;
width: 150px; height: 270px;
background: #46a678;
border-radius: 50%;
}
&:after {
top: 3px; left: 128px;
width: 50px; height: 50px;
background: transparent;
border-radius: 50%;
box-shadow: inset 0 -40px #46a678;
}
}
.tree-5 {
top: 217px; left: 503px;
width: 15px; height: 30px;
border-radius: 100%;
background: #1d8360;
transform: rotate(20deg);
&:before {
top: 11px; left: 2px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-15deg);
}
&:after {
top: 3px; left: 5px;
width: 12px; height: 47px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-2deg);
}
}
.tree-6 {
top: 212px; left: 485px;
width: 13px; height: 30px;
border-radius: 100%;
background: #1d8360;
transform: rotate(0deg);
&:before {
top: 11px; left: 2px;
width: 8px; height: 36px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-14deg);
}
&:after {
top: 4px; left: 6px;
width: 8px; height: 42px;
border-radius: 100%;
background: #1d8360;
transform: rotate(0deg);
}
}
.tree-7 {
top: 187px; left: 455px;
width: 18px; height: 35px;
border-radius: 100%;
background: #1d8360;
transform: rotate(9deg);
&:before {
top: 15px; left: 4px;
width: 10px; height: 48px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-18deg);
}
&:after {
top: 4px; left: 9px;
width: 11px; height: 57px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-2deg);
}
}
.tree-8 {
top: 245px; left: 477px;
width: 14px; height: 32px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-5deg);
&:before {
top: 11px; left: 2px;
width: 10px; height: 37px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-14deg);
}
&:after {
top: 8px; left: 8px;
width: 7px; height: 39px;
border-radius: 100%;
background: #1d8360;
transform: rotate(1deg);
}
}
.tree-9 {
top: 265px; left: 463px;
width: 15px; height: 30px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-17deg);
&:before {
top: 11px; left: 3px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-14deg);
}
&:after {
top: 4px; left: 5px;
width: 12px; height: 46px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-2deg);
}
}
.tree-10 {
top: 314px; left: 465px;
width: 17px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-32deg);
&:before {
top: 11px; left: 3px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-14deg);
}
&:after {
top: 5px; left: 5px;
width: 12px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-2deg);
}
}
.tree-11 {
top: 240px; left: 516px;
width: 15px; height: 30px;
border-radius: 100%;
background: #1d8360;
transform: rotate(20deg);
&:before {
top: 11px; left: 3px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-18deg);
}
&:after {
top: 5px; left: 6px;
width: 10px; height: 30px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-2deg);
}
}
.tree-12 {
top: 274px; left: 496px;
width: 18px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(0deg);
&:before {
top: 15px; left: 2px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-14deg);
}
&:after {
top: 8px; left: 8px;
width: 10px; height: 46px;
border-radius: 100%;
background: #1d8360;
transform: rotate(3deg);
}
}
.tree-13 {
top: 304px; left: 484px;
width: 15px; height: 36px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-11deg);
&:before {
top: 11px; left: 1px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-11deg);
}
&:after {
top: 2px; left: 4px;
width: 12px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-2deg);
}
}
.tree-14 {
top: 259px; left: 521px;
width: 18px; height: 42px;
border-radius: 100%;
background: #1d8360;
transform: rotate(39deg);
&:before {
top: 10px; left: 1px;
width: 14px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-10deg);
}
&:after {
top: 5px; left: 6px;
width: 13px; height: 50px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-1deg);
}
}
.tree-15 {
top: 306px; left: 518px;
width: 15px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(29deg);
&:before {
top: 11px; left: 3px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-14deg);
}
&:after {
top: 5px; left: 4px;
width: 12px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-2deg);
}
}
.tree-16 {
top: 175px; left: 344px;
width: 15px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(12deg);
&:before {
top: 19px; left: 2px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-14deg);
}
&:after {
top: 5px; left: 5px;
width: 12px; height: 53px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-2deg);
}
}
.tree-17 {
top: 182px; left: 322px;
width: 13px; height: 32px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-7deg);
&:before {
top: 11px; left: 2px;
width: 10px; height: 39px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-14deg);
}
&:after {
top: 5px; left: 4px;
width: 11px; height: 43px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-2deg);
}
}
.tree-18 {
top: 253px; left: 263px;
width: 13px; height: 34px;
border-radius: 100%;
background: #1d8360;
transform: rotate(2deg);
&:before {
top: 11px; left: 1px;
width: 10px; height: 30px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-9deg);
}
&:after {
top: 2px; left: 4px;
width: 9px; height: 34px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-2deg);
}
}
.tree-19 {
top: 275px; left: 283px;
width: 13px; height: 30px;
border-radius: 100%;
background: #1d8360;
transform: rotate(50deg);
&:before {
top: 16px; left: 4px;
width: 10px; height: 30px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-22deg);
}
&:after {
top: 2px; left: 5px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-8deg);
}
}
.tree-20 {
top: 293px; left: 296px;
width: 14px; height: 34px;
border-radius: 100%;
background: #1d8360;
transform: rotate(31deg);
&:before {
top: 11px; left: 1px;
width: 10px; height: 36px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-11deg);
}
&:after {
top: 5px; left: 4px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(0deg);
}
}
.tree-21 {
top: 316px; left: 302px;
width: 15px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(38deg);
}
.tree-22 {
top: 316px; left: 266px;
width: 15px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(24deg);
}
.tree-23 {
top: 283px; left: 251px;
width: 14px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-3deg);
&:before {
top: 13px; left: 1px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-9deg);
}
&:after {
top: 2px; left: 3px;
width: 11px; height: 48px;
border-radius: 100%;
background: #1d8360;
transform: rotate(0deg);
}
}
.tree-24 {
top: 272px; left: 236px;
width: 14px; height: 30px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-17deg);
&:before {
top: 11px; left: 2px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-14deg);
}
&:after {
top: 5px; left: 2px;
width: 12px; height: 30px;
border-radius: 100%;
background: #1d8360;
transform: rotate(8deg);
}
}
.tree-25 {
top: 270px; left: 221px;
width: 12px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-25deg);
}
.tree-26 {
top: 247px; left: 786px;
width: 15px; height: 30px;
border-radius: 100%;
background: #1d8360;
transform: rotate(5deg);
&:before {
top: 9px; left: 1px;
width: 10px; height: 33px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-8deg);
}
&:after {
top: 5px; left: 5px;
width: 9px; height: 37px;
border-radius: 100%;
background: #1d8360;
transform: rotate(3deg);
}
}
.tree-27 {
top: 288px; left: 774px;
width: 15px; height: 30px;
border-radius: 100%;
background: #1d8360;
transform: rotate(1deg);
&:before {
top: 11px; left: 3px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-14deg);
}
&:after {
top: 5px; left: 5px;
width: 12px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(-2deg);
}
}
.tree-28 {
top: 271px; left: 796px;
width: 10px; height: 40px;
border-radius: 100%;
background: #1d8360;
transform: rotate(10deg);
}
.tree-29 {
top: 197px; left: 185px;
width: 6px; height: 6px;
border-radius: 50%;
background: #e19c46;
box-shadow: 12px -2px #e19c46, 66px 52px #e19c46, 62px 65px #e19c46, 95px 49px #e19c46, 111px 61px #e19c46, 100px 69px #e19c46, 99px 112px #e19c46, 141px -28px #e19c46, 152px -21px #e19c46, 259px 43px #e19c46, 263px 54px 0 1px #e19c46, 288px 34px #e19c46, 278px 105px #e19c46, 317px -16px #e19c46, 341px 28px 0 1px #e19c46, 352px 39px #e19c46, 354px 54px 0 1px #e19c46, 363px 102px 0 1px #e19c46, 580px 75px #e19c46, 589px 81px #e19c46, 582px 86px #e19c46;
}
.balcony {
bottom: 0; left: 0px;
width: 800px; height: 243px;
background: #03060b;
border-top: 17px solid #3c4156;
}
.back-sofa {
top: 345px; left: 462px;
width: 210px; height: 200px;
box-shadow: inset 22px 0 #242839, inset 0 -164px #131824, inset 0 -175px #242839;
&:before {
top: -24px; left: 286px;
width: 50px; height: 50px;
background: #2d2e41;
border-radius: 14px 37px 10px 0;
}
& > div:nth-child(1) {
top: 24px; left: 35px;
width: 80px; height: 60px;
background: #2d2e41;
border-radius: 100% 0 0 22px;
&:before {
top: -40px; left: 29px;
width: 120px; height: 100px;
background: #2d2e41;
border-radius: 80px 0 0 0;
}
&:after {
top: -55px; left: 180px;
width: 170px; height: 101px;
background: #2d2e41;
border-radius: 20px 0 0 0;
border-bottom: 3px solid #fdec66;
transform-origin: bottom left;
transform: skewY(21deg);
}
}
& > div:nth-child(2) {
top: 77px; left: 13px;
width: 310px; height: 68px;
box-sizing: border-box;
background: #303447;
border-radius: 18px 70% 0 6px;
&:before {
top: 68px; left: 5px;
width: 240px; height: 110px;
background: #303447;
transform-origin: top left;
transform: skewX(62deg);
}
&:after {
top: 100px; left: 225px;
width: 20px; height: 80px;
background: #383b53;
border-radius: 5px 0 0 0;
}
}
& > div:nth-child(3) {
top: 77px; left: 22px;
width: 240px; height: 20px;
box-sizing: border-box;
background-image: linear-gradient(-152deg, #2d2e41 89%, transparent 89%);
border-top: 1px solid #fdec66;
border-right: 0;
border-radius: 5px 0 0 0;
transform-origin: top left;
&:before {
top: 0; left: -13px;
width: 228px; height: 98px;
background: #2d2e41;
border-radius: 9% 0 0 5px;
border-left: 3px solid #fdec66;
border-right: 3px solid #fdec66;
border-bottom: 1px solid #fdec66;
transform-origin: top left;
transform: skewX(66.5deg);
}
}
& > div:nth-child(6) {
top: 90px; left: 253px;
width: 100px; height: 170px;
box-shadow: inset 25px 0 #202335, inset 0 -62px #111521, inset 0 -73px #202335, inset 0 -140px #111521, inset 0 -152px #202335;
z-index: 1;
}
& .coctail {
top: -43px; left: 108px;
width: 3px; height: 38px;
background: #fffff8;
&:before {
top: -41px; left: -17px;
width: 36px; height: 36px;
background-image: linear-gradient(-45deg, transparent 4%, #e16858 4%, #e16858 31%, #fffff8 31%, #fffff8 50%, transparent 50%);
transform: rotate(45deg);
}
&:after {
top: -44px; left: 4px;
width: 3px; height: 31px;
background: #fef76c;
transform-origin: bottom left;
transform: skewX(-22deg);
}
& > div {
top: -34px; left: 6px;
width: 10px; height: 14px;
background: #67ce6f;
border-radius: 50%;
box-shadow: inset -1px 0px 0 3px #5ca348;
transform: rotate(30deg);
z-index: 1;
}
}
}
.table {
top: 491px; left: 234px;
z-index: 1;
&:before {
top: 58px; left: -10px;
width: 173px; height: 60px;
border-radius: 20px 0 0 0;
background-image: linear-gradient(70deg, #2a2c3d 92%, transparent 92%);
transform-origin: top left;
transform: skewX(54deg);
box-shadow: inset 117px 0 0 -100px #141829;
z-index: -1;
}
&:after {
top: 0px; left: 0px;
width: 15px; height: 110px;
background: #141829;
box-shadow: 98px 67px #141829, 275px 67px #141829;
}
& > div:nth-child(1) {
top: -40px; left: -19px;
width: 202px; height: 80px;
border-radius: 0 0 5px 4px;
background-image: linear-gradient(65deg, #2d2e41 84%, transparent 0%);
transform-origin: top left;
transform: skewX(57deg);
z-index: 1;
&:before {
top: 0px; left: 0px;
width: 124px; height: 41px;
background: #141829;
transform-origin: top left;
transform: skewX(-57deg) skewY(32.6deg);
z-index: -1;
}
&:after {
top: 80px; left: -31px;
width: 199px; height: 40px;
background: #141829;
transform: skewX(-57deg);
z-index: -1;
}
}
}
.lightning {
top: -26px; left: 105px;
width: 22px; height: 28px;
background: #d1742f;
box-shadow: 2px -42px 0 3px #f9e753, 12px -42px 0 3px #f9e753;
border-bottom: 2px solid #aa6337;
z-index: 1;
&:before {
top: -5px; left: -8px;
width: 8px; height: 28px;
background: #e19c46;
border-bottom: 2px solid #d1742f;
transform-origin: top left;
transform: skewY(33deg);
}
&:after {
top: -166px; left: -124px;
width: 260px; height: 250px;
border-radius: 50%;
background-image: radial-gradient(#fdf690 0%, transparent 65%);
animation: lightning 5s ease infinite;
opacity: 0.4;
}
& > div:nth-child(1) {
top: 31px; left: 0px;
width: 25px; height: 3px;
background: #aa6337;
&:before {
top: -36px; left: -8px;
width: 22px; height: 5px;
background: #eebf4f;
transform-origin: top left;
transform: skewX(57deg);
}
&:after {
top: -7px; left: -11px;
width: 11px; height: 3px;
background: #aa6337;
transform-origin: top left;
transform: skewY(33deg);
}
}
& > div:nth-child(2) {
top: -9px; left: 5px;
width: 4px; height: 7px;
background: #f9edbe;
&:before {
top: -49px; left: -27px;
width: 21px; height: 36px;
background: #fdec66;
transform-origin: top left;
transform: skewY(32deg);
}
&:after {
top: -49px; left: -27px;
width: 38px; height: 13px;
background: #f7dc4b;
transform-origin: top left;
transform: skewX(58deg);
}
}
}
.rabbit-1 {
top: 0px; left: 0px;
z-index: 1;
&__body {
top: -32px; left: 107px;
width: 193px; height: 182px;
background: #ece1b4;
border-radius: 50%;
animation: rabbit1Body var(--animation);
z-index: 2;
&:before {
top: -6px; left: 126px;
width: 65px; height: 140px;
background: #ece1b4;
border-radius: 0 30% 50% 0;
transform-origin: bottom left;
transform: rotate(11deg);
animation: rabbit1BodyBefore var(--animation);
}
&:after {
top: 10px; left: 0px;
width: 158px; height: 163px;
background: #f9edbe;
border-radius: 47% 53% 50% 50%;
animation: rabbit1BodyAfter var(--animation);
z-index: 1;
}
}
&__back-leg {
top: 41px; left: 66px;
width: 70px; height: 36px;
background: #e7dca3;
border-radius: 100% 0 0 10%;
transform-origin: top right;
transform: rotate(-8deg);
animation: rabbit1BackLeg var(--animation);
&:before {
top: 33px; left: -3px;
width: 70px; height: 36px;
background: #e7dca3;
border-radius: 0 0 0 33%;
}
&:after {
top: 12px; left: 0px;
width: 18px; height: 59px;
background: #e7dca3;
border-radius: 14px 50% 0 20px;
transform-origin: left bottom;
transform: rotate(-18deg);
animation: rabbit1BackLegAfter var(--animation);
}
}
&__leg {
top: 50px; left: 166px;
width: 110px; height: 75px;
background: #ece1b4;
border-radius: 54% 100% 38% 54%;
transform-origin: bottom right;
transform: rotate(-27deg);
animation: rabbit1Leg var(--animation);
z-index: 2;
&:before {
top: 0px; left: -4px;
width: 20px; height: 62px;
background: #ece1b4;
border-radius: 70% 130% 10% 30px;
transform-origin: bottom right;
transform: rotate(-9deg);
animation: rabbit1LegBefore var(--animation);
}
&:after {
bottom: 0px; left: -6px;
width: 40px; height: 50px;
background: #ece1b4;
border-radius: 50% 0 0 50%;
transform-origin: bottom right;
transform: rotate(0deg);
}
}
&__arm1 {
top: -22px; left: 109px;
width: 55px; height: 25px;
background: #f9edbe;
border-radius: 100% 2px 2px 100%;
transform-origin: top right;
transform: rotate(-11deg);
animation: rabbit1Arm1 var(--animation);
z-index: 1;
&:before {
top: 0px; left: -19px;
width: 46px; height: 23px;
background: #f9edbe;
border-radius: 100% 2px 2px 40%;
transform-origin: right center;
transform: rotate(8deg);
animation: rabbit1Arm1Before var(--animation);
}
}
&__arm2 {
top: -18px; left: 301px;
width: 36px; height: 25px;
background: #f9edbe;
border-radius: 50% 50% 50% 50%;
animation: rabbit1Arm2 var(--animation);
z-index: 2;
&:before {
top: 5px; left: 21px;
width: 19px; height: 42px;
border-radius: 100%;
background: #f9edbe;
transform-origin: top center;
transform: rotate(10deg);
animation: rabbit1Arm2Before var(--animation);
}
}
&__head {
top: -109px; left: 162px;
animation: rabbit1Head var(--animation);
z-index: 2;
&:before {
top: 0; left: 0;
width: 154px; height: 106px;
background: #ece1b4;
border-radius: 74px 80px 10px 32px;
}
&:after {
top: 38px; left: 142px;
width: 70px; height: 50px;
border-radius: 0 100%;
background: #ece1b4;
transform: rotate(48deg);
transform-origin: top left;
animation: rabbit1HeadAfter var(--animation);
}
}
&__ear1 {
top: -69px; left: 53px;
width: 20px; height: 80px;
background: #eda294;
border-radius: 5px 19px 100% 10px;
box-shadow: inset -9px 2px #ece0b1;
transform-origin: bottom center;
transform: rotate(-40deg);
animation: rabbit1Ear1 var(--animation);
z-index: -1;
&:before {
top: -8px; right: 3px;
width: 89px; height: 25px;
background: #ece0b1;
border-radius: 100%;
transform-origin: center right;
transform: rotate(-20deg);
animation: rabbit1Ear1Before var(--animation);
}
}
&__ear2 {
top: -57px; left: 93px;
width: 22px; height: 76px;
background: #eda294;
border-radius: 10px 50% 90% 0;
box-shadow: inset -10px 7px #ece1b4;
transform-origin: bottom center;
transform: rotate(8deg);
animation: rabbit1Ear2 var(--animation);
z-index: -1;
& > div {
top: -72px; left: 1px;
width: 26px; height: 84px;
background: #ece1b4;
border-radius: 100%;
transform-origin: 22px 80px;
transform: rotate(-34deg);
overflow: hidden;
animation: rabbit1Ear2Div var(--animation);
&:before {
top: 6px; left: -39px;
width: 50px; height: 80px;
background: #eda294;
transform: rotate(5deg);
border-radius: 0 14% 15px 0;
animation: rabbit1Ear2DivBefore var(--animation);
}
}
}
&__mouth {
top: 66px; left: 38px;
animation: rabbit1Mouth var(--animation);
&:before {
top: 0px; left: 4px;
width: 11px; height: 7px;
background: #555458;
border-radius: 0 0 3px 3px;
box-shadow: inset 55px 50px 0 -50px #fffff8, inset -55px 50px 0 -50px #fffff8;
z-index: 1;
}
&:after {
top: -7px; left: -9px;
width: 41px; height: 7px;
background: #ebe2b3;
border-radius: 50%;
z-index: 1;
animation: rabbit1MouthAfter var(--animation);
}
& > div {
top: 0; left: 0;
width: 22px; height: 23px;
background: #555458;
border-radius: 4px 4px 12px 10px;
overflow: hidden;
animation: rabbit1MouthDiv var(--animation);
&:before {
top: 13px; left: 9px;
width: 15px; height: 20px;
border-radius: 50%;
background: #e16858;
}
}
}
&__eye1 {
top: 39px; left: 18px;
width: 6px; height: 12px;
background: #555458;
border-radius: 50%;
transform-origin: bottom center;
transform: rotate(13deg);
animation: rabbit1Eye1 var(--animation);
&:before {
top: -15px; left: 0px;
width: 13px; height: 7px;
border-radius: 50%;
box-shadow: inset -1px 2px 0 0 #555458;
transform: rotate(-39deg);
animation: rabbit1Eye1Before var(--animation);
}
&:after {
top: -7px; left: -5px;
width: 14px; height: 7px;
border-radius: 50%;
background: #ebe2b3;
transform: rotate(-9deg);
animation: rabbit1Eye1After var(--animation);
}
}
&__eye2 {
top: 50px; left: 69px;
width: 6px; height: 12px;
background: #555458;
border-radius: 50%;
transform-origin: bottom center;
transform: rotate(13deg);
animation: rabbit1Eye2 var(--animation);
&:before {
top: -21px; left: 0px;
width: 14px; height: 12px;
border-radius: 50%;
box-shadow: inset -1px 8px 0 -5px #555458;
transform: rotate(21deg);
animation: rabbit1Eye2Before var(--animation);
}
&:after {
top: -7px; left: -5px;
width: 14px; height: 7px;
border-radius: 50%;
background: #ebe2b3;
transform: rotate(-9deg);
animation: rabbit1Eye2After var(--animation);
}
}
&__nose {
top: 50px; left: 37px;
width: 17px; height: 6px;
background: #ff908c;
border-radius: 50%;
transform: rotate(11deg);
animation: rabbit1Nose var(--animation);
&:before {
top: -4px; left: 1px;
width: 14px; height: 14px;
background-image: linear-gradient(-45deg, #ff908c 50%, transparent 50%);
border-radius: 4px;
transform: rotate(45deg);
}
}
}
.front-sofa {
top: 345px; left: 0;
width: 30px; height: 260px;
background: #303045;
&:before {
top: 0; left: 0;
width: 30px; height: 260px;
background: #303045;
z-index: 2;
}
&:after {
top: 77px; left: -5px;
width: 245px; height: 170px;
box-shadow: inset 25px 0 #202335, inset -22px 0 #202335, inset 0 -42px #111521, inset 0 -52px #202335, inset 0 -119px #111521, inset 0 -131px #202335;
z-index: 2;
}
& > div:nth-child(2) {
top: -40px; left: -29px;
width: 67px; height: 66px;
background: #303447;
border-right: 3px solid #fdec66;
border-radius: 0 0 5px 0;
transform: skewX(52deg);
z-index: 2;
&:before {
top: 61px; left: -59px;
width: 72px; height: 100px;
background: #3c4156;
border-radius: 7px 17px 0 0;
transform: skewX(-51deg);
}
&:after {
top: 61px; left: -91px;
width: 51px; height: 101px;
background: #3c4156;
border-radius: 0 9px 0 0;
border-right: 2px solid #fdec66;
transform-origin: bottom left;
transform: skewX(-48deg);
}
}
& .coctail {
top: -17px; left: 57px;
width: 3px; height: 48px;
background: #fffff8;
transform: rotate(-24deg);
transform-origin: bottom center;
&:before {
top: -32px; left: -15px;
width: 12px; height: 14px;
background: #67ce6f;
border-radius: 50%;
box-shadow: inset 1px -2px 0 4px #5ca348;
transform: rotate(-20deg);
animation: frontSofaCoctailBefore var(--animation);
}
&:after {
top: 44px; left: -10px;
border-bottom: 7px solid #fffff8;
border-right: 11px solid transparent;
border-left: 11px solid transparent;
}
& > div:nth-child(1) {
top: -75px; left: -32px;
width: 46px; height: 46px;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 40%, transparent 40%);
transform-origin: bottom left;
transform: rotate(45deg);
overflow: hidden;
&:after {
top: 13px; left: 19px;
width: 3px; height: 40px;
background: #fef76c;
transform: rotate(-67deg);
z-index: -1;
animation: frontSofaCoctailDiv1After var(--animation);
}
&:before {
top: 27px; left: 27px;
width: 50px; height: 50px;
background: #e16858;
transform: rotate(45deg);
animation: frontSofaCoctailDiv1Before var(--animation);
}
}
}
}
.rabbit-2 {
&__body {
top: -59px; left: 12px;
width: 215px; height: 215px;
background: #f9edbe;
background: #ece1b4;
border-radius: 50%;
overflow: hidden;
z-index: 1;
animation: rabbit2Body var(--animation);
&:before {
top: 31px; left: 128px;
width: 172px; height: 172px;
background: #f9edbe;
border-radius: 50%;
z-index: 2;
animation: rabbit2BodyBefore var(--animation);
}
}
&__arm2 {
top: -1px; left: 83px;
width: 27px; height: 24px;
background: #fbf0c2;
border-radius: 50% 6px 6px 50%;
transform-origin: left center;
transform: rotate(24deg);
z-index: 2;
animation: rabbit2Arm2 var(--animation);
&:before {
top: 0px; left: 19px;
width: 42px; height: 24px;
background-image: linear-gradient(-209deg, #fbf0c2 67%, transparent 67%);
border-radius: 4px 71% 0 4px;
z-index: 1;
}
&:after {
top: 0px; left: 19px;
width: 40px; height: 24px;
background-image: linear-gradient(17deg, #fbf0c2 71%, transparent 71%);
border-radius: 4px 0 76% 4px;
}
}
&__head {
top: -112px; left: 24px;
width: 111px; height: 122px;
background: #ece1b4;
border-radius: 94px 17px 0px 0px / 102px 32px 0 0;
transform-origin: bottom left;
z-index: 1;
animation: rabbit2Head var(--animation);
&:before {
top: 0px; left: 80px;
width: 96px; height: 100px;
border-radius: 10px 74px 10px 0;
background: #ece1b4;
}
}
&__ear1 {
top: -46px; left: 86px;
width: 20px; height: 53px;
background: #eda294;
border-radius: 50% 50% 0 0;
box-shadow: inset 9px 2px #ece0b1;
transform-origin: bottom center;
transform: rotate(13deg);
z-index: -1;
animation: rabbit2Ear1 var(--animation);
& > div {
bottom: 35px; right: 1px;
height: 84px; width: 20px;
background: #eda294;
border-radius: 100% 100% 0 70%;
box-shadow: inset 116px 22px 0 -100px #ece0b1;
transform-origin: 10px 77px;
transform: rotate(31deg);
overflow: hidden;
animation: rabbit2Ear1Div var(--animation);
&:before {
top: 13px; left: 11px;
width: 20px; height: 80px;
background: #eda294;
border-radius: 0 0 0 100%;
transform: rotate(13deg);
animation: rabbit2Ear1DivBefore var(--animation);
}
}
}
&__ear2 {
top: -38px; left: 130px;
width: 20px; height: 64px;
background: #eda294;
border-radius: 50% 10px 0 50%;
box-shadow: inset 9px 5px #ece1b4;
transform-origin: bottom center;
transform: rotate(36deg);
z-index: -1;
animation: rabbit2Ear2 var(--animation);
&:before {
top: -66px; left: 3px;
width: 20px; height: 76px;
background: #ece0b1;
border-radius: 100% 100% 0% 100%;
transform-origin: 10px 70px;
transform: rotate(106deg);
animation: rabbit2Ear2Before var(--animation);
}
}
&__mouth {
top: 71px; left: 120px;
transform-origin: top center;
transform: rotate(6deg) translate(0px, 0px);
animation: rabbit2Mouth var(--animation);
z-index: 2;
&:before {
top: 0px; left: 7px;
width: 11px; height: 7px;
background: #555458;
border-radius: 0 0 3px 3px;
box-shadow: inset 55px 50px 0 -50px #fffff8, inset -55px 50px 0 -50px #fffff8;
z-index: 1;
}
&:after {
top: -7px; left: -9px;
width: 41px; height: 7px;
background: #ebe2b3;
border-radius: 50%;
transform: scale(0.7, 3.5) translate(0px, -2px);
animation: rabbit2MouthAfter var(--animation);
}
& > div {
top: 0; left: 0;
width: 22px; height: 23px;
background: #555458;
border-radius: 4px 4px 10px 12px;
overflow: hidden;
transform: translate(0px, -17px) scaleY(0.8);
animation: rabbit2MouthDiv var(--animation);
&:before {
top: 9px; left: 0px;
width: 15px; height: 20px;
border-radius: 50%;
background: #e16858;
transform: rotate(0deg) translate(-1px, 1px);
}
}
}
&__eye1 {
top: 40px; left: 104px;
width: 6px; height: 12px;
background: #555458;
border-radius: 50%;
transform-origin: bottom center;
transform: rotate(5deg);
animation: rabbit2Eye1 var(--animation);
z-index: 2;
&:before {
top: -14px; left: -3px;
width: 14px; height: 7px;
border-radius: 50%;
box-shadow: inset -1px 2px 0 0 #555458;
transform: rotate(-32deg);
animation: rabbit2Eye1Before var(--animation);
}
&:after {
top: -7px; left: -5px;
width: 14px; height: 7px;
border-radius: 50%;
background: #ebe2b3;
transform: rotate(-9deg);
animation: rabbit2Eye1After var(--animation);
}
}
&__eye2 {
top: 44px; left: 157px;
width: 6px; height: 12px;
background: #555458;
border-radius: 50%;
transform-origin: bottom center;
transform: rotate(3deg);
animation: rabbit2Eye2 var(--animation);
z-index: 2;
&:before {
top: -18px; left: -2px;
width: 12px; height: 12px;
border-radius: 50%;
box-shadow: inset -1px 8px 0 -5px #555458;
transform: rotate(11deg);
animation: rabbit2Eye2Before var(--animation);
}
&:after {
top: -7px; left: -5px;
width: 14px; height: 7px;
border-radius: 50%;
background: #ebe2b3;
transform: rotate(-9deg);
animation: rabbit2Eye2After var(--animation);
}
}
&__nose {
top: 50px; left: 127px;
width: 17px; height: 6px;
background: #ff908c;
border-radius: 50%;
transform: rotate(3deg);
animation: rabbit2Nose var(--animation);
z-index: 2;
&:before {
top: -4px; left: 1px;
width: 14px; height: 14px;
background-image: linear-gradient(-45deg, #ff908c 50%, transparent 50%);
border-radius: 4px;
transform: rotate(45deg);
}
}
}
@keyframes rabbit2Body {
2.7% { transform: translate(0px, 0px) scaleY(1) }
3.6% { transform: translate(1px, 0px) scaleY(1); }
4.5% { transform: translate(1px, 0px) scaleY(1); }
5.4% { transform: translate(3px, 1px) scaleY(1); }
8.1% { transform: translate(3px, 1px) scaleY(1); }
9.0% { transform: translate(2px, -2px) scaleY(1); }
16.2% { transform: translate(2px, -2px) scaleY(1); }
17.1% { transform: translate(3px, 0px) scaleY(1); }
18.0% { transform: translate(3px, 0px) scaleY(1); }
18.9% { transform: translate(2px, 0px) scaleY(1); }
19.8% { transform: translate(2px, 0px) scaleY(1); }
20.7% { transform: translate(0px, 0px) scaleY(1); }
21.6% { transform: translate(0px, 0px) scaleY(1); }
22.5% { transform: translate(-1px, -1px) scaleY(1); }
23.4% { transform: translate(-1px, -1px) scaleY(1); }
24.3% { transform: translate(-4px, -1px) scaleY(1.1); }
27.0% { transform: translate(-4px, -1px) scaleY(1.1); }
27.9% { transform: translate(-5px, -1px) scaleY(1.1); }
39.6% { transform: translate(-5px, -1px) scaleY(1.1); }
40.5% { transform: translate(-2px, 0px) scaleY(1.05); }
43.2% { transform: translate(-2px, 0px) scaleY(1.05); }
44.1% { transform: translate(1px, 0px) scaleY(1); }
45.0% { transform: translate(1px, 0px) scaleY(1); }
45.9% { transform: translate(3px, -2px) scaleY(1); }
46.8% { transform: translate(3px, -2px) scaleY(1); }
47.7% { transform: translate(4px, -3px) scaleY(1); }
64.8% { transform: translate(4px, -3px) scaleY(1); }
65.7% { transform: translate(6px, 0px) scaleY(1); }
66.6% { transform: translate(6px, 0px) scaleY(1); }
67.5% { transform: translate(8px, 4px) scaleY(1); }
68.4% { transform: translate(8px, 4px) scaleY(1); }
69.3% { transform: translate(8px, -3px) scaleY(1.05); }
70.2% { transform: translate(8px, -3px) scaleY(1.05); }
71.1% { transform: translate(8px, -10px) scaleY(1.1); }
72.9% { transform: translate(8px, -10px) scaleY(1.1); }
73.8% { transform: translate(14px, 3px) scaleY(1); }
75.6% { transform: translate(14px, 3px) scaleY(1); }
76.5% { transform: translate(11px, 31px) scaleY(1.3); }
78.3% { transform: translate(11px, 31px) scaleY(1.3); }
79.2% { transform: translate(13px, 5px) scaleY(1); }
81.0% { transform: translate(13px, 5px) scaleY(1); }
81.9% { transform: translate(10px, 20px) scaleY(1.2); }
83.7% { transform: translate(10px, 20px) scaleY(1.2); }
84.6% { transform: translate(15px, 7px) scaleY(1); }
83.5% { transform: translate(15px, 7px) scaleY(1); }
84.4% { transform: translate(25px, 30px) scaleY(1); }
85.3% { transform: translate(25px, 30px) scaleY(1); }
86.2% { transform: translate(30px, 56px) scaleY(1); }
87.1% { transform: translate(30px, 56px) scaleY(1); }
90.0% { transform: translate(36px, 56px) scaleY(0.9); }
90.9% { transform: translate(36px, 56px) scaleY(0.9); }
91.8% { transform: translate(38px, 59px) scaleY(0.9); }
100% { transform: translate(38px, 59px) scaleY(0.9); }
}
@keyframes rabbit2BodyBefore {
2.7% { transform: translate(0px, 0px) scale(1); }
3.6% { transform: translate(1px, 4px) scale(1); }
19.8% { transform: translate(1px, 4px) scale(1); }
20.7% { transform: translate(-6px, 4px) scale(1); }
23.4% { transform: translate(-6px, 4px) scale(1); }
24.3% { transform: translate(-25px, -3px) scale(0.8); }
32.4% { transform: translate(-25px, -3px) scale(0.8); }
33.3% { transform: translate(-25px, -3px) scale(0.8); }
39.6% { transform: translate(-25px, -3px) scale(0.8); }
40.5% { transform: translate(-7px, -1px) scale(1, 0.95); }
43.2% { transform: translate(-7px, -1px) scale(1, 0.95); }
44.1% { transform: translate(-10px, 4px) scale(0.9, 0.95); }
66.6% { transform: translate(-10px, 4px) scale(0.9, 0.95); }
67.5% { transform: translate(-9px, 8px) scale(0.9, 0.95); }
68.4% { transform: translate(-9px, 8px) scale(0.9, 0.95); }
69.3% { transform: translate(-3px, 5px) scale(0.9, 0.95); }
75.6% { transform: translate(-15px, -14px) scale(0.9, 1.2); }
76.5% { transform: translate(-11px, -38px) scale(0.9, 1); }
83.7% { transform: translate(-11px, -38px) scale(0.9, 1); }
84.6% { transform: translate(-17px, -13px) scale(0.9, 1.2); }
83.5% { transform: translate(-17px, -13px) scale(0.9, 1.2); }
84.4% { transform: translate(-17px, -28px) scale(0.9, 1.3); }
85.3% { transform: translate(-17px, -28px) scale(0.9, 1.3); }
86.2% { transform: translate(-17px, -68px) scale(0.9, 1.3); }
87.1% { transform: translate(-17px, -68px) scale(0.9, 1.3); }
90.0% { transform: translate(-23px, -67px) scale(0.9, 1.3); }
100% { transform: translate(-23px, -67px) scale(0.9, 1.3); }
}
@keyframes rabbit2Head {
2.7% { transform: translate(0px, 0px) rotate(0deg); }
3.6% { transform: translate(1px, 2px) rotate(0deg); }
4.5% { transform: translate(1px, 2px) rotate(0deg); }
5.4% { transform: translate(2px, 4px) rotate(0deg); }
6.3% { transform: translate(2px, 4px) rotate(0deg); }
7.2% { transform: translate(3px, 2px) rotate(0deg); }
8.1% { transform: translate(3px, 2px) rotate(0deg); }
9.0% { transform: translate(3px, 1px) rotate(0deg); }
16.2% { transform: translate(3px, 1px) rotate(0deg); }
17.1% { transform: translate(2px, 4px) rotate(0deg); }
18.0% { transform: translate(2px, 4px) rotate(0deg); }
18.9% { transform: translate(1px, 2px) rotate(0deg); }
19.8% { transform: translate(1px, 2px) rotate(0deg); }
20.7% { transform: translate(0px, 1px) rotate(0deg); }
21.6% { transform: translate(0px, 1px) rotate(0deg); }
22.5% { transform: translate(0px, -1px) rotate(0deg); }
23.4% { transform: translate(0px, -1px) rotate(0deg); }
24.3% { transform: translate(-1px, -4px) rotate(0deg); }
27.0% { transform: translate(-1px, -4px) rotate(0deg); }
27.9% { transform: translate(-2px, -7px) rotate(0deg); }
28.8% { transform: translate(-2px, -7px) rotate(0deg); }
29.7% { transform: translate(-2px, -3px) rotate(-2deg); }
39.6% { transform: translate(-2px, -3px) rotate(-2deg); }
40.5% { transform: translate(-1px, -1px) rotate(0deg); }
41.4% { transform: translate(-1px, -1px) rotate(0deg); }
42.3% { transform: translate(0px, 1px) rotate(0deg); }
43.2% { transform: translate(0px, 1px) rotate(0deg); }
44.1% { transform: translate(1px, 2px) rotate(0deg); }
45.0% { transform: translate(1px, 2px) rotate(0deg); }
45.9% { transform: translate(6px, 2px) rotate(0deg); }
46.8% { transform: translate(6px, 2px) rotate(0deg); }
47.7% { transform: translate(6px, -1px) rotate(1deg); }
48.6% { transform: translate(6px, -1px) rotate(1deg); }
49.5% { transform: translate(6px, -2px) rotate(1deg); }
64.8% { transform: translate(6px, -2px) rotate(1deg); }
65.7% { transform: translate(9px, 8px) rotate(0deg); }
66.6% { transform: translate(9px, 8px) rotate(0deg); }
67.5% { transform: translate(9px, 8px) rotate(5deg); }
68.4% { transform: translate(9px, 8px) rotate(5deg); }
69.3% { transform: translate(8px, 8px) rotate(-3deg); }
70.2% { transform: translate(8px, 8px) rotate(-3deg); }
71.1% { transform: translate(29px, 31px) rotate(-30deg); }
72.9% { transform: translate(29px, 31px) rotate(-30deg); }
73.8% { transform: translate(18px, 55px) rotate(-37deg); }
75.6% { transform: translate(18px, 55px) rotate(-37deg); }
76.5% { transform: translate(16px, 42px) rotate(-33deg); }
78.3% { transform: translate(16px, 42px) rotate(-33deg); }
79.2% { transform: translate(16px, 51px) rotate(-33deg); }
81.0% { transform: translate(16px, 51px) rotate(-33deg); }
81.9% { transform: translate(11px, 40px) rotate(-33deg); }
83.7% { transform: translate(11px, 40px) rotate(-33deg); }
84.6% { transform: translate(21px, 58px) rotate(-37deg); }
83.5% { transform: translate(21px, 58px) rotate(-37deg); }
84.4% { transform: translate(24px, 84px) rotate(-37deg); }
85.3% { transform: translate(24px, 84px) rotate(-37deg); }
86.2% { transform: translate(-2px, 86px) rotate(-23deg); }
87.1% { transform: translate(-2px, 86px) rotate(-23deg); }
90.0% { transform: translate(-4px, 91px) rotate(-21deg); }
90.9% { transform: translate(-4px, 91px) rotate(-21deg); }
91.8% { transform: translate(-7px, 91px) rotate(-20deg); }
100% { transform: translate(-7px, 91px) rotate(-20deg); }
}
@keyframes rabbit2Ear1 {
4.5% { transform: rotate(13deg) translate(0px, 0px); }
5.4% { transform: rotate(12deg) translate(0px, 0px); }
8.1% { transform: rotate(12deg) translate(0px, 0px); }
9.0% { transform: rotate(14deg) translate(0px, 0px); }
16.2% { transform: rotate(14deg) translate(0px, 0px); }
17.1% { transform: rotate(12deg) translate(0px, 0px); }
18.0% { transform: rotate(12deg) translate(0px, 0px); }
18.9% { transform: rotate(11deg) translate(0px, 0px); }
21.6% { transform: rotate(11deg) translate(0px, 0px); }
22.5% { transform: rotate(9deg) translate(-5px, 0px); }
23.4% { transform: rotate(9deg) translate(-5px, 0px); }
24.3% { transform: rotate(7deg) translate(-7px, 0px); }
25.2% { transform: rotate(7deg) translate(-7px, 0px); }
26.1% { transform: rotate(7deg) translate(-9px, 0px); }
27.0% { transform: rotate(7deg) translate(-9px, 0px); }
27.9% { transform: rotate(9deg) translate(-9px, 0px); }
28.8% { transform: rotate(9deg) translate(-9px, 0px); }
29.7% { transform: rotate(6deg) translate(-5px, 0px); }
30.6% { transform: rotate(6deg) translate(-5px, 0px); }
31.5% { transform: rotate(5deg) translate(-7px, -1px); }
36.0% { transform: rotate(5deg) translate(-7px, -1px); }
36.9% { transform: rotate(7deg) translate(-7px, -1px); }
37.8% { transform: rotate(7deg) translate(-7px, -1px); }
38.7% { transform: rotate(7deg) translate(-5px, 1px); }
39.6% { transform: rotate(7deg) translate(-5px, 1px); }
40.5% { transform: rotate(5deg) translate(-6px, -3px); }
41.4% { transform: rotate(5deg) translate(-6px, -3px); }
42.3% { transform: rotate(14deg) translate(-4px, -1px); }
43.2% { transform: rotate(14deg) translate(-4px, -1px); }
44.1% { transform: rotate(15deg) translate(0px, -1px); }
45.0% { transform: rotate(15deg) translate(0px, -1px); }
45.9% { transform: rotate(15deg) translate(1px, -1px); }
46.8% { transform: rotate(15deg) translate(1px, -1px); }
47.7% { transform: rotate(14deg) translate(0px, -3px); }
64.8% { transform: rotate(14deg) translate(0px, -3px); }
65.7% { transform: rotate(14deg) translate(1px, 0px); }
66.6% { transform: rotate(14deg) translate(1px, 0px); }
67.5% { transform: rotate(5deg) translate(-5px, 0px); }
68.4% { transform: rotate(5deg) translate(-5px, 0px); }
69.3% { transform: rotate(25deg) translate(-19px, 11px); }
70.2% { transform: rotate(25deg) translate(-19px, 11px); }
71.1% { transform: rotate(55deg) translate(-4px, 11px); }
75.6% { transform: rotate(55deg) translate(-4px, 11px); }
76.5% { transform: rotate(25deg) translate(-10px, 5px); }
78.3% { transform: rotate(25deg) translate(-10px, 5px); }
79.2% { transform: rotate(50deg) translate(-7px, 13px); }
81.0% { transform: rotate(50deg) translate(-7px, 13px); }
81.9% { transform: rotate(25deg) translate(-5px, 3px); }
83.7% { transform: rotate(25deg) translate(-5px, 3px); }
84.6% { transform: rotate(50deg) translate(-3px, 8px); }
83.5% { transform: rotate(50deg) translate(-3px, 8px); }
84.4% { transform: rotate(34deg) translate(-3px, 4px); }
85.3% { transform: rotate(34deg) translate(-3px, 4px); }
86.2% { transform: rotate(11deg) translate(-7px, 0px); }
87.1% { transform: rotate(11deg) translate(-7px, 0px); }
90.0% { transform: rotate(2deg) translate(-9px, 0px); }
90.9% { transform: rotate(2deg) translate(-9px, 0px); }
91.8% { transform: rotate(1deg) translate(-9px, 0px); }
100% { transform: rotate(1deg) translate(-9px, 0px); }
}
@keyframes rabbit2Ear1Div {
2.7% { transform: rotate(31deg) translate(0px, 0px); }
3.6% { transform: rotate(30deg) translate(0px, 0px); }
4.5% { transform: rotate(30deg) translate(0px, 0px); }
5.4% { transform: rotate(29deg) translate(0px, 0px); }
8.1% { transform: rotate(29deg) translate(0px, 0px); }
9.0% { transform: rotate(26deg) translate(0px, 0px); }
9.9% { transform: rotate(26deg) translate(0px, 0px); }
10.8% { transform: rotate(29deg) translate(0px, 0px); }
11.7% { transform: rotate(29deg) translate(0px, 0px); }
12.6% { transform: rotate(31deg) translate(0px, 0px); }
13.5% { transform: rotate(31deg) translate(0px, 0px); }
14.4% { transform: rotate(33deg) translate(0px, 0px); }
16.2% { transform: rotate(33deg) translate(0px, 0px); }
17.1% { transform: rotate(34deg) translate(0px, 0px); }
18.0% { transform: rotate(34deg) translate(0px, 0px); }
18.9% { transform: rotate(38deg) translate(0px, 0px); }
19.8% { transform: rotate(38deg) translate(0px, 0px); }
20.7% { transform: rotate(41deg) translate(0px, 0px); }
21.6% { transform: rotate(41deg) translate(0px, 0px); }
22.5% { transform: rotate(45deg) translate(0px, 0px); }
23.4% { transform: rotate(45deg) translate(0px, 0px); }
24.3% { transform: rotate(49deg) translate(0px, 0px); }
25.2% { transform: rotate(49deg) translate(0px, 0px); }
26.1% { transform: rotate(47deg) translate(0px, 0px); }
27.0% { transform: rotate(47deg) translate(0px, 0px); }
27.9% { transform: rotate(44deg) translate(0px, 0px); }
28.8% { transform: rotate(44deg) translate(0px, 0px); }
29.7% { transform: rotate(45deg) translate(0px, 0px); }
30.6% { transform: rotate(45deg) translate(0px, 0px); }
31.5% { transform: rotate(43deg) translate(0px, 0px); }
36.0% { transform: rotate(43deg) translate(0px, 0px); }
36.9% { transform: rotate(38deg) translate(1px, 2px); }
37.8% { transform: rotate(38deg) translate(1px, 2px); }
38.7% { transform: rotate(33deg) translate(1px, 2px); }
39.6% { transform: rotate(33deg) translate(1px, 2px); }
40.5% { transform: rotate(46deg) translate(0px, -2px); }
41.4% { transform: rotate(46deg) translate(0px, -2px); }
42.3% { transform: rotate(40deg) translate(0px, -1px); }
45.0% { transform: rotate(40deg) translate(0px, -1px); }
45.9% { transform: rotate(43deg) translate(0px, -1px); }
46.8% { transform: rotate(43deg) translate(0px, -1px); }
47.7% { transform: rotate(46deg) translate(0px, -1px); }
48.6% { transform: rotate(46deg) translate(0px, -1px); }
49.5% { transform: rotate(48deg) translate(0px, -1px); }
50.4% { transform: rotate(48deg) translate(0px, -1px); }
51.3% { transform: rotate(50deg) translate(0px, -1px); }
52.2% { transform: rotate(50deg) translate(0px, -1px); }
53.1% { transform: rotate(53deg) translate(-1px, -2px); }
64.8% { transform: rotate(53deg) translate(-1px, -2px); }
65.7% { transform: rotate(40deg) translate(0px, -2px); }
66.6% { transform: rotate(40deg) translate(0px, -2px); }
67.5% { transform: rotate(33deg) translate(0px, -2px); }
68.4% { transform: rotate(33deg) translate(0px, -2px); }
69.3% { transform: rotate(37deg) translate(0px, -2px); }
72.9% { transform: rotate(37deg) translate(0px, -2px); }
73.8% { transform: rotate(44deg) translate(0px, -2px); }
75.6% { transform: rotate(44deg) translate(0px, -2px); }
76.5% { transform: rotate(74deg) translate(-4px, -5px); }
78.3% { transform: rotate(74deg) translate(-4px, -5px); }
79.2% { transform: rotate(50deg) translate(-2px, -5px); }
81.0% { transform: rotate(50deg) translate(-2px, -5px); }
81.9% { transform: rotate(99deg) translate(-6px, -5px); }
83.7% { transform: rotate(99deg) translate(-6px, -5px); }
84.6% { transform: rotate(54deg) translate(-3px, -7px); }
85.3% { transform: rotate(54deg) translate(-3px, -7px); }
86.2% { transform: rotate(64deg) translate(-4px, -7px); }
87.1% { transform: rotate(64deg) translate(-4px, -7px); }
90.0% { transform: rotate(77deg) translate(-5px, -7px); }
91.8% { transform: rotate(77deg) translate(-5px, -7px); }
92.7% { transform: rotate(82deg) translate(-6px, -7px); }
100% { transform: rotate(82deg) translate(-6px, -7px); }
}
@keyframes rabbit2Ear1DivBefore {
4.5% { transform: rotate(13deg); }
5.4% { transform: rotate(14deg); }
11.7% { transform: rotate(14deg); }
12.6% { transform: rotate(13deg); }
13.5% { transform: rotate(13deg); }
14.4% { transform: rotate(12deg); }
18.0% { transform: rotate(12deg); }
18.9% { transform: rotate(11deg); }
19.8% { transform: rotate(11deg); }
20.7% { transform: rotate(10deg); }
21.6% { transform: rotate(10deg); }
22.5% { transform: rotate(8deg); }
23.4% { transform: rotate(8deg); }
24.3% { transform: rotate(6deg); }
25.2% { transform: rotate(6deg); }
26.1% { transform: rotate(8deg); }
36.0% { transform: rotate(8deg); }
36.9% { transform: rotate(10deg); }
39.6% { transform: rotate(10deg); }
40.5% { transform: rotate(11deg); }
48.6% { transform: rotate(11deg); }
49.5% { transform: rotate(9deg); }
50.4% { transform: rotate(9deg); }
51.3% { transform: rotate(8deg); }
64.8% { transform: rotate(8deg); }
65.7% { transform: rotate(12deg); }
66.6% { transform: rotate(12deg); }
67.5% { transform: rotate(14deg); }
72.9% { transform: rotate(14deg); }
73.8% { transform: rotate(11deg); }
75.6% { transform: rotate(11deg); }
76.5% { transform: rotate(3deg); }
78.3% { transform: rotate(3deg); }
79.2% { transform: rotate(10deg); }
81.0% { transform: rotate(10deg); }
81.9% { transform: rotate(1deg); }
83.7% { transform: rotate(1deg); }
84.6% { transform: rotate(10deg); }
85.3% { transform: rotate(10deg); }
86.2% { transform: rotate(8deg); }
87.1% { transform: rotate(8deg); }
90.0% { transform: rotate(4deg); }
91.8% { transform: rotate(4deg); }
92.7% { transform: rotate(3deg); }
100% { transform: rotate(3deg); }
}
@keyframes rabbit2Ear2 {
2.7% { transform: rotate(36deg) translate(0px, 0px); }
3.6% { transform: rotate(34deg) translate(0px, 0px); }
16.2% { transform: rotate(34deg) translate(0px, 0px); }
17.1% { transform: rotate(32deg) translate(0px, 0px); }
21.6% { transform: rotate(32deg) translate(0px, 0px); }
22.5% { transform: rotate(25deg) translate(0px, 0px); }
23.4% { transform: rotate(25deg) translate(0px, 0px); }
24.3% { transform: rotate(14deg) translate(4px, 6px); }
25.2% { transform: rotate(14deg) translate(4px, 6px); }
26.1% { transform: rotate(14deg) translate(3px, 6px); }
27.0% { transform: rotate(14deg) translate(3px, 6px); }
27.9% { transform: rotate(15deg) translate(2px, 7px); }
28.8% { transform: rotate(15deg) translate(2px, 7px); }
29.7% { transform: rotate(15deg) translate(5px, 7px); }
30.6% { transform: rotate(15deg) translate(5px, 7px); }
31.5% { transform: rotate(12deg) translate(5px, 7px); }
36.0% { transform: rotate(12deg) translate(5px, 7px); }
36.9% { transform: rotate(15deg) translate(5px, 8px); }
37.8% { transform: rotate(15deg) translate(5px, 8px); }
38.7% { transform: rotate(16deg) translate(6px, 10px); }
39.6% { transform: rotate(16deg) translate(6px, 10px); }
40.5% { transform: rotate(17deg) translate(2px, 4px); }
41.4% { transform: rotate(17deg) translate(2px, 4px); }
42.3% { transform: rotate(27deg) translate(2px, 4px); }
43.2% { transform: rotate(27deg) translate(2px, 4px); }
44.1% { transform: rotate(29deg) translate(6px, 2px); }
45.0% { transform: rotate(29deg) translate(6px, 2px); }
45.9% { transform: rotate(29deg) translate(8px, 2px); }
46.8% { transform: rotate(29deg) translate(8px, 2px); }
47.7% { transform: rotate(29deg) translate(6px, 1px); }
64.8% { transform: rotate(29deg) translate(6px, 1px); }
65.7% { transform: rotate(29deg) translate(6px, 0px); }
66.6% { transform: rotate(29deg) translate(6px, 0px); }
67.5% { transform: rotate(26deg) translate(-4px, -5px); }
68.4% { transform: rotate(26deg) translate(-4px, -5px); }
69.3% { transform: rotate(47deg) translate(-24px, 11px); }
70.2% { transform: rotate(47deg) translate(-24px, 11px); }
71.1% { transform: rotate(88deg) translate(-16px, 17px); }
72.9% { transform: rotate(88deg) translate(-16px, 17px); }
73.8% { transform: rotate(88deg) translate(-13px, 13px); }
75.6% { transform: rotate(88deg) translate(-13px, 13px); }
76.5% { transform: rotate(40deg) translate(-5px, 7px); }
78.3% { transform: rotate(40deg) translate(-5px, 7px); }
79.2% { transform: rotate(84deg) translate(-21px, 23px); }
81.0% { transform: rotate(84deg) translate(-21px, 23px); }
81.9% { transform: rotate(36deg) translate(2px, 10px); }
83.7% { transform: rotate(36deg) translate(2px, 10px); }
84.6% { transform: rotate(83deg) translate(-10px, 16px); }
83.5% { transform: rotate(83deg) translate(-10px, 16px); }
84.4% { transform: rotate(51deg) translate(-12px, 9px); }
85.3% { transform: rotate(51deg) translate(-12px, 9px); }
86.2% { transform: rotate(17deg) translate(-19px, 4px); }
87.1% { transform: rotate(17deg) translate(-19px, 4px); }
90.0% { transform: rotate(5deg) translate(-19px, 0px); }
100% { transform: rotate(5deg) translate(-19px, 0px); }
}
@keyframes rabbit2Ear2Before {
2.7% { transform: rotate(106deg) translate(0px, 0px); }
3.6% { transform: rotate(107deg) translate(0px, 0px); }
6.3% { transform: rotate(107deg) translate(0px, 0px); }
7.2% { transform: rotate(105deg) translate(0px, 0px); }
8.1% { transform: rotate(105deg) translate(0px, 0px); }
9.0% { transform: rotate(103deg) translate(0px, 0px); }
9.9% { transform: rotate(103deg) translate(0px, 0px); }
10.8% { transform: rotate(102deg) translate(-1px, 1px); }
11.7% { transform: rotate(102deg) translate(-1px, 1px); }
12.6% { transform: rotate(98deg) translate(-1px, 1px); }
16.2% { transform: rotate(98deg) translate(-1px, 1px); }
17.1% { transform: rotate(91deg) translate(-1px, 1px); }
18.0% { transform: rotate(91deg) translate(-1px, 1px); }
18.9% { transform: rotate(99deg) translate(0px, 0px); }
19.8% { transform: rotate(99deg) translate(0px, 0px); }
20.7% { transform: rotate(108deg) translate(0px, 0px); }
21.6% { transform: rotate(108deg) translate(0px, 0px); }
22.5% { transform: rotate(117deg) translate(0px, 0px); }
23.4% { transform: rotate(117deg) translate(0px, 0px); }
24.3% { transform: rotate(123deg) translate(0px, 0px); }
25.2% { transform: rotate(123deg) translate(0px, 0px); }
26.1% { transform: rotate(119deg) translate(0px, 0px); }
27.0% { transform: rotate(119deg) translate(0px, 0px); }
27.9% { transform: rotate(116deg) translate(0px, 0px); }
28.8% { transform: rotate(116deg) translate(0px, 0px); }
29.7% { transform: rotate(113deg) translate(0px, 0px); }
30.6% { transform: rotate(113deg) translate(0px, 0px); }
31.5% { transform: rotate(112deg) translate(0px, 0px); }
32.4% { transform: rotate(112deg) translate(0px, 0px); }
33.3% { transform: rotate(111deg) translate(0px, 0px); }
34.2% { transform: rotate(111deg) translate(0px, 0px); }
35.1% { transform: rotate(109deg) translate(0px, 0px); }
36.0% { transform: rotate(109deg) translate(0px, 0px); }
36.9% { transform: rotate(102deg) translate(0px, 0px); }
37.8% { transform: rotate(102deg) translate(0px, 0px); }
38.7% { transform: rotate(97deg) translate(-1px, 0px); }
39.6% { transform: rotate(97deg) translate(-1px, 0px); }
40.5% { transform: rotate(92deg) translate(-1px, 0px); }
41.4% { transform: rotate(92deg) translate(-1px, 0px); }
42.3% { transform: rotate(82deg) translate(-1px, 0px); }
43.2% { transform: rotate(82deg) translate(-1px, 0px); }
44.1% { transform: rotate(89deg) translate(-1px, 0px); }
45.0% { transform: rotate(89deg) translate(-1px, 0px); }
45.9% { transform: rotate(100deg) translate(-1px, 0px); }
46.8% { transform: rotate(100deg) translate(-1px, 0px); }
47.7% { transform: rotate(105deg) translate(-1px, 0px); }
48.6% { transform: rotate(105deg) translate(-1px, 0px); }
49.5% { transform: rotate(109deg) translate(0px, 0px); }
50.4% { transform: rotate(109deg) translate(0px, 0px); }
51.3% { transform: rotate(112deg) translate(0px, 0px); }
52.2% { transform: rotate(112deg) translate(0px, 0px); }
53.1% { transform: rotate(115deg) translate(0px, 0px); }
54.0% { transform: rotate(115deg) translate(0px, 0px); }
54.9% { transform: rotate(112deg) translate(0px, 0px); }
55.8% { transform: rotate(112deg) translate(0px, 0px); }
56.7% { transform: rotate(111deg) translate(0px, 0px); }
64.8% { transform: rotate(111deg) translate(0px, 0px); }
65.7% { transform: rotate(104deg) translate(0px, 0px); }
66.6% { transform: rotate(104deg) translate(0px, 0px); }
67.5% { transform: rotate(98deg) translate(0px, 1px); }
68.4% { transform: rotate(98deg) translate(0px, 1px); }
69.3% { transform: rotate(81deg) translate(0px, 1px); }
70.2% { transform: rotate(81deg) translate(0px, 1px); }
71.1% { transform: rotate(63deg) translate(-1px, 1px); }
72.9% { transform: rotate(63deg) translate(-1px, 1px); }
73.8% { transform: rotate(46deg) translate(-2px, 4px); }
75.6% { transform: rotate(46deg) translate(-2px, 4px); }
76.5% { transform: rotate(106deg) translate(-2px, 2px); }
78.3% { transform: rotate(106deg) translate(-2px, 2px); }
79.2% { transform: rotate(56deg) translate(-2px, 2px); }
81.0% { transform: rotate(56deg) translate(-2px, 2px); }
81.9% { transform: rotate(109deg) translate(0px, 0px); }
83.7% { transform: rotate(109deg) translate(0px, 0px); }
84.6% { transform: rotate(52deg) translate(-1px, 3px); }
83.5% { transform: rotate(52deg) translate(-1px, 3px); }
84.4% { transform: rotate(50deg) translate(-1px, 3px); }
85.3% { transform: rotate(50deg) translate(-1px, 3px); }
86.2% { transform: rotate(61deg) translate(-1px, 3px); }
87.1% { transform: rotate(61deg) translate(-1px, 3px); }
90.0% { transform: rotate(71deg) translate(-1px, 1px); }
90.9% { transform: rotate(71deg) translate(-1px, 1px); }
91.8% { transform: rotate(74deg) translate(-1px, 1px); }
91.8% { transform: rotate(74deg) translate(-1px, 1px); }
92.7% { transform: rotate(81deg) translate(-1px, 1px); }
95.4% { transform: rotate(81deg) translate(-1px, 1px); }
96.3% { transform: rotate(87deg) translate(-1px, 1px); }
97.2% { transform: rotate(87deg) translate(-1px, 1px); }
98.1% { transform: rotate(91deg) translate(-1px, 1px); }
100% { transform: rotate(91deg) translate(-1px, 1px); }
}
@keyframes rabbit2Mouth {
2.7% { transform: rotate(6deg) translate(0px, 0px); }
3.6% { transform: rotate(8deg) translate(0px, -1px); }
4.5% { transform: rotate(8deg) translate(0px, -1px); }
5.4% { transform: rotate(8deg) translate(0px, -2px); }
8.1% { transform: rotate(8deg) translate(0px, -2px); }
9.0% { transform: rotate(8deg) translate(0px, -5px); }
16.2% { transform: rotate(8deg) translate(0px, -5px); }
17.1% { transform: rotate(8deg) translate(0px, -4px); }
18.0% { transform: rotate(8deg) translate(0px, -4px); }
18.9% { transform: rotate(8deg) translate(-3px, 2px); }
19.8% { transform: rotate(8deg) translate(-3px, 2px); }
20.7% { transform: rotate(11deg) translate(-6px, 5px); }
21.6% { transform: rotate(11deg) translate(-6px, 5px); }
22.5% { transform: rotate(4deg) translate(-11px, 7px); }
23.4% { transform: rotate(4deg) translate(-11px, 7px); }
24.3% { transform: rotate(-2deg) translate(-16px, 11px); }
25.2% { transform: rotate(-2deg) translate(-16px, 11px); }
26.1% { transform: rotate(-2deg) translate(-17px, 7px); }
27.0% { transform: rotate(-2deg) translate(-17px, 7px); }
27.9% { transform: rotate(-2deg) translate(-18px, 8px); }
28.8% { transform: rotate(-2deg) translate(-18px, 8px); }
29.7% { transform: rotate(-2deg) translate(-16px, 8px); }
37.8% { transform: rotate(-2deg) translate(-16px, 8px); }
38.7% { transform: rotate(-2deg) translate(-15px, 9px); }
39.6% { transform: rotate(-2deg) translate(-15px, 9px); }
40.5% { transform: rotate(-3deg) translate(-16px, 7px); }
41.4% { transform: rotate(-3deg) translate(-16px, 7px); }
42.3% { transform: rotate(0deg) translate(-7px, 6px); }
43.2% { transform: rotate(0deg) translate(-7px, 6px); }
44.1% { transform: rotate(14deg) translate(1px, -3px); }
45.0% { transform: rotate(14deg) translate(1px, -3px); }
45.9% { transform: rotate(6deg) translate(0px, -3px); }
46.8% { transform: rotate(6deg) translate(0px, -3px); }
47.7% { transform: rotate(6deg) translate(-1px, -4px); }
48.6% { transform: rotate(6deg) translate(-1px, -4px); }
49.5% { transform: rotate(7deg) translate(-1px, -4px); }
64.8% { transform: rotate(7deg) translate(-1px, -4px); }
65.7% { transform: rotate(4deg) translate(-2px, -7px); }
66.6% { transform: rotate(4deg) translate(-2px, -7px); }
67.5% { transform: rotate(4deg) translate(-6px, -6px); }
68.4% { transform: rotate(4deg) translate(-6px, -6px); }
69.3% { transform: rotate(-14deg) translate(0px, -6px); }
70.2% { transform: rotate(-14deg) translate(0px, -6px); }
71.1% { transform: rotate(7deg) translate(4px, -1px); }
72.9% { transform: rotate(7deg) translate(4px, -1px); }
73.8% { transform: rotate(1deg) translate(9px, 5px); }
75.6% { transform: rotate(1deg) translate(9px, 5px); }
76.5% { transform: rotate(7deg) translate(-5px, 5px); }
78.3% { transform: rotate(7deg) translate(-5px, 5px); }
79.2% { transform: rotate(7deg) translate(-2px, -3px); }
81.0% { transform: rotate(7deg) translate(-2px, -3px); }
81.9% { transform: rotate(10deg) translate(-4px, 2px); }
83.7% { transform: rotate(10deg) translate(-4px, 2px); }
84.6% { transform: rotate(16deg) translate(-3px, -3px); }
83.5% { transform: rotate(16deg) translate(-3px, -3px); }
84.4% { transform: rotate(21deg) translate(-3px, -11px); }
85.3% { transform: rotate(21deg) translate(-3px, -11px); }
86.2% { transform: rotate(21deg) translate(1px, -8px); }
87.1% { transform: rotate(21deg) translate(1px, -8px); }
90.0% { transform: rotate(12deg) translate(6px, -5px); }
100% { transform: rotate(12deg) translate(6px, -5px); }
}
@keyframes rabbit2MouthAfter {
83.7% { transform: scale(0.7, 3.5) translate(0px, -2px); }
84.6% { transform: scale(1.7, 3.5) translate(0px, -2px); }
87.1% { transform: scale(1.7, 3.5) translate(0px, -2px); }
90.0% { transform: scale(1, 3.9) translate(-1px, -2px); }
100% { transform: scale(1, 3.9) translate(-1px, -2px); }
}
@keyframes rabbit2MouthDiv {
19.8% { transform: translate(0px, -17px) scaleY(0.8) scaleX(1); }
20.7% { transform: translate(0px, -12px) scaleY(0.8) scaleX(0.9); }
21.6% { transform: translate(0px, -12px) scaleY(0.8) scaleX(0.9); }
22.5% { transform: translate(0px, -8px) scaleY(0.8) scaleX(0.8); }
37.8% { transform: translate(0px, -8px) scaleY(0.8) scaleX(0.8); }
38.7% { transform: translate(0px, -13px) scaleY(0.8) scaleX(0.8); }
39.6% { transform: translate(0px, -13px) scaleY(0.8) scaleX(0.8); }
40.5% { transform: translate(0px, -17px) scaleY(0.8) scaleX(1); }
46.8% { transform: translate(0px, -17px) scaleY(0.8) scaleX(1); }
47.7% { transform: translate(1px, -11px) scaleY(0.8) scaleX(0.9); }
48.6% { transform: translate(1px, -11px) scaleY(0.8) scaleX(0.9); }
49.5% { transform: translate(1px, -7px) scaleY(0.8) scaleX(0.9); }
64.8% { transform: translate(1px, -7px) scaleY(0.8) scaleX(0.9); }
65.7% { transform: translate(1px, -12px) scaleY(0.8) scaleX(0.9); }
66.6% { transform: translate(1px, -12px) scaleY(0.8) scaleX(0.9); }
67.5% { transform: translate(0px, -17px) scaleY(0.8) scaleX(1.1); }
68.4% { transform: translate(0px, -17px) scaleY(0.8) scaleX(1.1); }
69.3% { transform: translate(0px, 2px) scaleY(1.2) skew(17deg) scaleX(1.4); }
70.2% { transform: translate(0px, 2px) scaleY(1.2) skew(17deg) scaleX(1.4); }
71.1% { transform: translate(2px, 11px) scaleY(2) skew(17deg) scaleX(1.4); }
72.9% { transform: translate(2px, 11px) scaleY(2) skew(17deg) scaleX(1.4); }
73.8% { transform: translate(2px, 7px) scaleY(1.6) skew(17deg) scaleX(1.4); }
75.6% { transform: translate(2px, 7px) scaleY(1.6) skew(17deg) scaleX(1.4); }
76.5% { transform: translate(2px, 10px) scaleY(1.9) skew(17deg) scaleX(1.4); }
78.3% { transform: translate(2px, 10px) scaleY(1.9) skew(17deg) scaleX(1.4); }
79.2% { transform: translate(2px, 6px) scaleY(1.5) skew(17deg) scaleX(1.4); }
83.7% { transform: translate(2px, 6px) scaleY(1.5) skew(17deg) scaleX(1.4); }
84.6% { transform: translate(-1px, -4px) scaleY(1) skew(17deg) scaleX(1.4); }
85.3% { transform: translate(-1px, -4px) scaleY(1) skew(17deg) scaleX(1.4); }
86.2% { transform: translate(-1px, -9px) scaleY(1) skew(17deg) scaleX(1.4); }
87.1% { transform: translate(-1px, -9px) scaleY(1) skew(17deg) scaleX(1.4); }
90.0% { transform: translate(-1px, -19px) scaleY(1) skew(0deg) scaleX(1.7); }
100% { transform: translate(-1px, -19px) scaleY(1) skew(0deg) scaleX(1.7); }
}
@keyframes rabbit2Eye1 {
2.7% { transform: rotate(5deg) translate(0px, 0px); }
3.6% { transform: rotate(5deg) translate(-1px, -1px); }
4.5% { transform: rotate(5deg) translate(-1px, -1px); }
5.4% { transform: rotate(5deg) translate(-1px, -2px); }
8.1% { transform: rotate(5deg) translate(-1px, -2px); }
9.0% { transform: rotate(5deg) translate(0px, -4px); }
16.2% { transform: rotate(5deg) translate(0px, -4px); }
17.1% { transform: rotate(5deg) translate(-1px, -2px); }
18.0% { transform: rotate(5deg) translate(-1px, -2px); }
18.9% { transform: rotate(5deg) translate(-2px, 3px); }
19.8% { transform: rotate(5deg) translate(-2px, 3px); }
20.7% { transform: rotate(5deg) translate(-7px, 4px); }
21.6% { transform: rotate(5deg) translate(-7px, 4px); }
22.5% { transform: rotate(5deg) translate(-13px, 6px); }
23.4% { transform: rotate(5deg) translate(-13px, 6px); }
24.3% { transform: rotate(5deg) translate(-18px, 7px); }
25.2% { transform: rotate(5deg) translate(-18px, 7px); }
26.1% { transform: rotate(5deg) translate(-20px, 5px); }
27.0% { transform: rotate(5deg) translate(-20px, 5px); }
27.9% { transform: rotate(1deg) translate(-22px, 5px); }
28.8% { transform: rotate(1deg) translate(-22px, 5px); }
29.7% { transform: rotate(1deg) translate(-19px, 3px); }
30.6% { transform: rotate(1deg) translate(-19px, 3px); }
31.5% { transform: rotate(1deg) translate(-20px, 2px); }
37.8% { transform: rotate(1deg) translate(-20px, 2px); }
38.7% { transform: rotate(1deg) translate(-19px, 4px); }
39.6% { transform: rotate(1deg) translate(-19px, 4px); }
40.5% { transform: rotate(1deg) translate(-19px, 3px); }
41.4% { transform: rotate(1deg) translate(-19px, 3px); }
42.3% { transform: rotate(1deg) translate(-6px, 4px); }
43.2% { transform: rotate(1deg) translate(-6px, 4px); }
44.1% { transform: rotate(1deg) translate(0px, 0px); }
45.0% { transform: rotate(1deg) translate(0px, 0px); }
45.9% { transform: rotate(4deg) translate(1px, -2px); }
46.8% { transform: rotate(4deg) translate(1px, -2px); }
47.7% { transform: rotate(4deg) translate(0px, -1px); }
64.8% { transform: rotate(4deg) translate(0px, -1px); }
65.7% { transform: rotate(3deg) translate(-2px, -8px); }
66.6% { transform: rotate(3deg) translate(-2px, -8px); }
67.5% { transform: rotate(3deg) translate(-9px, -4px); }
68.4% { transform: rotate(3deg) translate(-9px, -4px); }
69.3% { transform: rotate(-8deg) translate(-16px, -4px); }
70.2% { transform: rotate(-8deg) translate(-16px, -4px); }
71.1% { transform: rotate(11deg) translate(-4px, -5px); }
72.9% { transform: rotate(11deg) translate(-4px, -5px); }
73.8% { transform: rotate(5deg) translate(0px, 2px); }
75.6% { transform: rotate(5deg) translate(0px, 2px); }
76.5% { transform: rotate(5deg) translate(-12px, -8px); }
78.3% { transform: rotate(5deg) translate(-12px, -8px); }
79.2% { transform: rotate(5deg) translate(-7px, -8px); }
81.0% { transform: rotate(5deg) translate(-7px, -8px); }
81.9% { transform: rotate(5deg) translate(-9px, -2px); }
83.7% { transform: rotate(5deg) translate(-9px, -2px); }
84.6% { transform: rotate(5deg) translate(-3px, -2px); }
83.5% { transform: rotate(5deg) translate(-3px, -2px); }
84.4% { transform: rotate(5deg) translate(1px, -10px); }
85.3% { transform: rotate(5deg) translate(1px, -10px); }
86.2% { transform: rotate(18deg) translate(0px, -7px); }
87.1% { transform: rotate(18deg) translate(0px, -7px); }
90.0% { transform: rotate(20deg) translate(1px, -4px); }
90.9% { transform: rotate(20deg) translate(1px, -4px); }
91.8% { transform: rotate(20deg) translate(2px, -3px); }
100% { transform: rotate(20deg) translate(2px, -3px); }
}
@keyframes rabbit2Eye1Before {
2.7% { transform: rotate(-32deg) translate(0px, 0px); }
3.6% { transform: rotate(-36deg) translate(1px, 1px); }
4.5% { transform: rotate(-36deg) translate(1px, 1px); }
8.1% { transform: rotate(-36deg) translate(1px, 1px); }
9.0% { transform: rotate(-36deg) translate(3px, -3px); }
9.9% { transform: rotate(-36deg) translate(3px, -3px); }
10.8% { transform: rotate(-27deg) translate(4px, -6px); }
16.2% { transform: rotate(-27deg) translate(4px, -6px); }
17.1% { transform: rotate(-31deg) translate(1px, 1px); }
18.0% { transform: rotate(-31deg) translate(1px, 1px); }
18.9% { transform: rotate(-31deg) translate(-1px, -3px); }
21.6% { transform: rotate(-31deg) translate(-1px, -3px); }
22.5% { transform: rotate(-31deg) translate(1px, -7px); }
23.4% { transform: rotate(-31deg) translate(1px, -7px); }
24.3% { transform: rotate(-31deg) translate(1px, -9px); }
25.2% { transform: rotate(-31deg) translate(1px, -9px); }
26.1% { transform: rotate(-40deg) translate(4px, -11px); }
27.0% { transform: rotate(-40deg) translate(4px, -11px); }
27.9% { transform: rotate(-40deg) translate(7px, -12px); }
28.8% { transform: rotate(-40deg) translate(7px, -12px); }
29.7% { transform: rotate(-33deg) translate(6px, -11px); }
30.6% { transform: rotate(-33deg) translate(6px, -11px); }
31.5% { transform: rotate(-36deg) translate(7px, -12px); }
39.6% { transform: rotate(-36deg) translate(7px, -12px); }
40.5% { transform: rotate(-32deg) translate(3px, -9px); }
41.4% { transform: rotate(-32deg) translate(3px, -9px); }
42.3% { transform: rotate(-27deg) translate(0px, -5px); }
43.2% { transform: rotate(-27deg) translate(0px, -5px); }
44.1% { transform: rotate(-36deg) translate(1px, 2px); }
45.0% { transform: rotate(-36deg) translate(1px, 2px); }
45.9% { transform: rotate(-36deg) translate(4px, -5px); }
46.8% { transform: rotate(-36deg) translate(4px, -5px); }
47.7% { transform: rotate(-33deg) translate(5px, -6px); }
64.8% { transform: rotate(-33deg) translate(5px, -6px); }
65.7% { transform: rotate(-33deg) translate(5px, -3px); }
66.6% { transform: rotate(-33deg) translate(5px, -3px); }
67.5% { transform: rotate(-38deg) translate(6px, -11px); }
68.4% { transform: rotate(-38deg) translate(6px, -11px); }
69.3% { transform: rotate(-18deg) translate(-1px, -13px); }
70.2% { transform: rotate(-18deg) translate(-1px, -13px); }
71.1% { transform: rotate(-18deg) translate(-1px, -12px); }
72.9% { transform: rotate(-18deg) translate(-1px, -12px); }
73.8% { transform: rotate(-16deg) translate(1px, -16px); }
75.6% { transform: rotate(-16deg) translate(1px, -16px); }
76.5% { transform: rotate(-16deg) translate(0px, -12px); }
78.3% { transform: rotate(-16deg) translate(0px, -12px); }
79.2% { transform: rotate(-14deg) translate(3px, -17px); }
83.7% { transform: rotate(-14deg) translate(3px, -17px); }
84.6% { transform: rotate(-14deg) translate(4px, -23px); }
85.3% { transform: rotate(-14deg) translate(4px, -23px); }
86.2% { transform: rotate(-38deg) translate(-9px, -9px); }
87.1% { transform: rotate(-38deg) translate(-9px, -9px); }
90.0% { transform: rotate(-38deg) translate(-9px, -10px); }
100% { transform: rotate(-38deg) translate(-9px, -10px); }
}
@keyframes rabbit2Eye1After {
2.7% { transform: rotate(-9deg) translate(0px, 0px) scale(1);
box-shadow: none; }
3.6% { transform: rotate(-9deg) translate(1px, 3px) scale(1);
box-shadow: none; }
4.5% { transform: rotate(-9deg) translate(1px, 3px) scale(1);
box-shadow: none; }
5.4% { transform: rotate(13deg) translate(2px, 8px) scale(1, 1.5);
box-shadow: 0 1px; }
6.3% { transform: rotate(13deg) translate(2px, 8px) scale(1, 1.5);
box-shadow: 0 1px; }
7.2% { transform: rotate(13deg) translate(1px, 7px) scale(1, 1.5);
box-shadow: none; }
8.1% { transform: rotate(13deg) translate(1px, 7px) scale(1, 1.5);
box-shadow: none; }
9.0% { transform: rotate(13deg) translate(1px, 0px) scale(1, 1);
box-shadow: none; }
16.2% { transform: rotate(13deg) translate(1px, 0px) scale(1, 1);
box-shadow: none; }
17.1% { transform: rotate(2deg) translate(1px, 8px) scale(1, 1.5);
box-shadow: 0 1px; }
18.0% { transform: rotate(2deg) translate(1px, 8px) scale(1, 1.5);
box-shadow: 0 1px; }
18.9% { transform: rotate(2deg) translate(0px, 5px) scale(1, 1.5);
box-shadow: none; }
19.8% { transform: rotate(2deg) translate(0px, 5px) scale(1, 1.5);
box-shadow: none; }
20.7% { transform: rotate(2deg) translate(0px, -2px) scale(1, 1.5);
box-shadow: none; }
43.2% { transform: rotate(2deg) translate(0px, -2px) scale(1, 1.5);
box-shadow: none; }
44.1% { transform: rotate(11deg) translate(3px, 8px) scale(1, 1.5);
box-shadow: 0 1px; }
45.0% { transform: rotate(11deg) translate(3px, 8px) scale(1, 1.5);
box-shadow: 0 1px; }
45.9% { transform: rotate(11deg) translate(3px, -3px) scale(1, 1.5);
box-shadow: none; }
64.8% { transform: rotate(11deg) translate(3px, -3px) scale(1, 1.5);
box-shadow: none; }
65.7% { transform: rotate(11deg) translate(0px, 2px) scale(1, 1.5);
box-shadow: none; }
66.6% { transform: rotate(11deg) translate(0px, 2px) scale(1, 1.5);
box-shadow: none; }
67.5% { transform: rotate(-1deg) translate(0px, 8px) scale(1, 1.5);
box-shadow: 0 1px; }
68.4% { transform: rotate(-1deg) translate(0px, 8px) scale(1, 1.5);
box-shadow: 0 1px; }
69.3% { transform: rotate(-1deg) translate(0px, -2px) scale(1, 1.5);
box-shadow: none; }
83.7% { transform: rotate(-1deg) translate(0px, -2px) scale(1, 1.5);
box-shadow: none; }
84.6% { transform: rotate(-1deg) translate(0px, 11px) scale(1, 1.5);
box-shadow: 0 -1px; }
85.3% { transform: rotate(-1deg) translate(0px, 11px) scale(1, 1.5);
box-shadow: 0 -1px; }
86.2% { transform: rotate(-1deg) translate(0px, 2px) scale(1, 1.5);
box-shadow: none; }
87.1% { transform: rotate(-1deg) translate(0px, 2px) scale(1, 1.5);
box-shadow: none; }
90.0% { transform: rotate(-1deg) translate(0px, -2px) scale(1, 1.5);
box-shadow: none; }
100% { transform: rotate(-1deg) translate(0px, -2px) scale(1, 1.5);
box-shadow: none; }
}
@keyframes rabbit2Eye2 {
2.7% { transform: rotate(3deg) translate(0px, 0px); }
3.6% { transform: rotate(3deg) translate(-2px, 0px); }
4.5% { transform: rotate(3deg) translate(-2px, 0px); }
5.4% { transform: rotate(3deg) translate(-4px, -2px); }
8.1% { transform: rotate(3deg) translate(-4px, -2px); }
9.0% { transform: rotate(3deg) translate(0px, -1px); }
16.2% { transform: rotate(3deg) translate(0px, -1px); }
17.1% { transform: rotate(3deg) translate(-4px, -2px); }
18.0% { transform: rotate(3deg) translate(-4px, -2px); }
18.9% { transform: rotate(3deg) translate(-5px, 3px); }
19.8% { transform: rotate(3deg) translate(-5px, 3px); }
20.7% { transform: rotate(3deg) translate(-8px, 4px); }
21.6% { transform: rotate(3deg) translate(-8px, 4px); }
22.5% { transform: rotate(3deg) translate(-13px, 4px); }
23.4% { transform: rotate(3deg) translate(-13px, 4px); }
24.3% { transform: rotate(3deg) translate(-16px, 5px); }
25.2% { transform: rotate(3deg) translate(-16px, 5px); }
26.1% { transform: rotate(3deg) translate(-18px, 0px); }
27.0% { transform: rotate(3deg) translate(-18px, 0px); }
27.9% { transform: rotate(-2deg) translate(-18px, 0px); }
28.8% { transform: rotate(-2deg) translate(-18px, 0px); }
29.7% { transform: rotate(-2deg) translate(-16px, 1px); }
30.6% { transform: rotate(-2deg) translate(-16px, 1px); }
31.5% { transform: rotate(-2deg) translate(-16px, -1px); }
37.8% { transform: rotate(-2deg) translate(-16px, -1px); }
38.7% { transform: rotate(-2deg) translate(-15px, 0px); }
41.4% { transform: rotate(-2deg) translate(-15px, 0px); }
42.3% { transform: rotate(7deg) translate(-7px, 3px); }
43.2% { transform: rotate(7deg) translate(-7px, 3px); }
44.1% { transform: rotate(7deg) translate(-3px, 0px); }
45.0% { transform: rotate(7deg) translate(-3px, 0px); }
45.9% { transform: rotate(7deg) translate(-1px, -2px); }
46.8% { transform: rotate(7deg) translate(-1px, -2px); }
47.7% { transform: rotate(7deg) translate(-2px, -2px); }
64.8% { transform: rotate(7deg) translate(-2px, -2px); }
65.7% { transform: rotate(3deg) translate(-3px, -7px); }
66.6% { transform: rotate(3deg) translate(-3px, -7px); }
67.5% { transform: rotate(3deg) translate(-12px, -9px); }
68.4% { transform: rotate(3deg) translate(-12px, -9px); }
69.3% { transform: rotate(-7deg) translate(-13px, -13px); }
70.2% { transform: rotate(-7deg) translate(-13px, -13px); }
71.1% { transform: rotate(13deg) translate(-2px, 5px); }
72.9% { transform: rotate(13deg) translate(-2px, 5px); }
73.8% { transform: rotate(3deg) translate(1px, 4px); }
75.6% { transform: rotate(3deg) translate(1px, 4px); }
76.5% { transform: rotate(7deg) translate(-11px, -2px); }
78.3% { transform: rotate(7deg) translate(-11px, -2px); }
79.2% { transform: rotate(7deg) translate(-8px, -2px); }
81.0% { transform: rotate(7deg) translate(-8px, -2px); }
81.9% { transform: rotate(7deg) translate(-9px, 4px); }
83.7% { transform: rotate(7deg) translate(-9px, 4px); }
84.6% { transform: rotate(7deg) translate(-1px, 14px); }
83.5% { transform: rotate(7deg) translate(-1px, 14px); }
84.4% { transform: rotate(7deg) translate(1px, 10px); }
85.3% { transform: rotate(7deg) translate(1px, 10px); }
86.2% { transform: rotate(14deg) translate(0px, 4px); }
87.1% { transform: rotate(14deg) translate(0px, 4px); }
90.0% { transform: rotate(19deg) translate(2px, 7px); }
90.9% { transform: rotate(19deg) translate(2px, 7px); }
91.8% { transform: rotate(19deg) translate(3px, 7px); }
100% { transform: rotate(19deg) translate(3px, 7px); }
}
@keyframes rabbit2Eye2Before {
2.7% { transform: rotate(11deg) translate(0px, 0px); }
3.6% { transform: rotate(5deg) translate(1px, -1px); }
4.5% { transform: rotate(5deg) translate(1px, -1px); }
5.4% { transform: rotate(5deg) translate(3px, 0px); }
8.1% { transform: rotate(5deg) translate(3px, 0px); }
9.0% { transform: rotate(25deg) translate(-2px, -4px); }
9.9% { transform: rotate(25deg) translate(-2px, -4px); }
10.8% { transform: rotate(30deg) translate(-3px, -6px); }
16.2% { transform: rotate(30deg) translate(-3px, -6px); }
17.1% { transform: rotate(9deg) translate(4px, 0px); }
18.0% { transform: rotate(9deg) translate(4px, 0px); }
18.9% { transform: rotate(6deg) translate(0px, -2px); }
19.8% { transform: rotate(6deg) translate(0px, -2px); }
20.7% { transform: rotate(6deg) translate(-2px, -2px); }
21.6% { transform: rotate(6deg) translate(-2px, -2px); }
22.5% { transform: rotate(6deg) translate(0px, -4px); }
23.4% { transform: rotate(6deg) translate(0px, -4px); }
24.3% { transform: rotate(6deg) translate(0px, -7px); }
25.2% { transform: rotate(6deg) translate(0px, -7px); }
26.1% { transform: rotate(6deg) translate(-1px, -7px); }
27.0% { transform: rotate(6deg) translate(-1px, -7px); }
27.9% { transform: rotate(6deg) translate(0px, -10px); }
28.8% { transform: rotate(6deg) translate(0px, -10px); }
29.7% { transform: rotate(6deg) translate(2px, -10px); }
30.6% { transform: rotate(6deg) translate(2px, -10px); }
31.5% { transform: rotate(6deg) translate(1px, -10px); }
39.6% { transform: rotate(6deg) translate(1px, -10px); }
40.5% { transform: rotate(6deg) translate(2px, -7px); }
41.4% { transform: rotate(6deg) translate(2px, -7px); }
42.3% { transform: rotate(6deg) translate(-5px, -1px); }
43.2% { transform: rotate(6deg) translate(-5px, -1px); }
44.1% { transform: rotate(-4deg) translate(2px, 1px); }
45.0% { transform: rotate(-4deg) translate(2px, 1px); }
45.9% { transform: rotate(19deg) translate(-1px, -4px); }
64.8% { transform: rotate(19deg) translate(-1px, -4px); }
65.7% { transform: rotate(9deg) translate(0px, -2px); }
66.6% { transform: rotate(9deg) translate(0px, -2px); }
67.5% { transform: rotate(31deg) translate(-2px, 0px); }
68.4% { transform: rotate(31deg) translate(-2px, 0px); }
69.3% { transform: rotate(11deg) translate(-13px, -4px); }
72.9% { transform: rotate(11deg) translate(-13px, -4px); }
73.8% { transform: rotate(11deg) translate(-9px, -6px); }
75.6% { transform: rotate(11deg) translate(-9px, -6px); }
78.3% { transform: rotate(11deg) translate(-11px, -3px); }
79.2% { transform: rotate(11deg) translate(-7px, -1px); }
83.7% { transform: rotate(11deg) translate(-7px, -1px); }
84.6% { transform: rotate(20deg) translate(-15px, -11px); }
83.5% { transform: rotate(20deg) translate(-15px, -11px); }
84.4% { transform: rotate(20deg) translate(-15px, -15px); }
85.3% { transform: rotate(20deg) translate(-15px, -15px); }
86.2% { transform: rotate(9deg) translate(-5px, 4px); }
87.1% { transform: rotate(9deg) translate(-5px, 4px); }
90.0% { transform: rotate(2deg) translate(-11px, 0px); }
100% { transform: rotate(2deg) translate(-11px, 0px); }
}
@keyframes rabbit2Eye2After {
2.7% { transform: rotate(-9deg) translate(0px, 0px) scale(1, 1);
box-shadow: none; }
3.6% { transform: rotate(-9deg) translate(1px, 4px) scale(1, 1);
box-shadow: none; }
4.5% { transform: rotate(-9deg) translate(1px, 4px) scale(1, 1);
box-shadow: none; }
5.4% { transform: rotate(12deg) translate(3px, 8px) scale(0.8, 1.45);
box-shadow: 0 1px; }
6.3% { transform: rotate(12deg) translate(3px, 8px) scale(0.8, 1.45);
box-shadow: 0 1px; }
7.2% { transform: rotate(12deg) translate(2px, 7px) scale(0.8, 1.45);
box-shadow: none; }
8.1% { transform: rotate(12deg) translate(2px, 7px) scale(0.8, 1.45);
box-shadow: none; }
9.0% { transform: rotate(12deg) translate(2px, -1px) scale(0.8, 1);
box-shadow: none; }
16.2% { transform: rotate(12deg) translate(2px, -1px) scale(0.8, 1);
box-shadow: none; }
17.1% { transform: rotate(12deg) translate(3px, 8px) scale(0.7, 1.4);
box-shadow: 0 1px; }
18.0% { transform: rotate(12deg) translate(3px, 8px) scale(0.7, 1.4);
box-shadow: 0 1px; }
18.9% { transform: rotate(12deg) translate(1px, 5px) scale(1, 1.4);
box-shadow: none; }
19.8% { transform: rotate(12deg) translate(1px, 5px) scale(1, 1.4);
box-shadow: none; }
20.7% { transform: rotate(12deg) translate(1px, -2px) scale(1, 1.4);
box-shadow: none; }
43.2% { transform: rotate(12deg) translate(1px, -2px) scale(1, 1.4);
box-shadow: none; }
44.1% { transform: rotate(3deg) translate(1px, 8px) scale(0.8, 1.4);
box-shadow: 0 1px; }
45.0% { transform: rotate(3deg) translate(1px, 8px) scale(0.8, 1.4);
box-shadow: 0 1px; }
45.9% { transform: rotate(3deg) translate(-2px, -2px) scale(0.8, 1.4);
box-shadow: none; }
64.8% { transform: rotate(3deg) translate(-2px, -2px) scale(0.8, 1.4);
box-shadow: none; }
65.7% { transform: rotate(3deg) translate(1px, 2px) scale(0.8, 1.4);
box-shadow: none; }
66.6% { transform: rotate(3deg) translate(1px, 2px) scale(0.8, 1.4);
box-shadow: none; }
67.5% { transform: rotate(3deg) translate(2px, 9px) scale(0.8, 1.5);
box-shadow: 0 1px; }
68.4% { transform: rotate(3deg) translate(2px, 9px) scale(0.8, 1.5);
box-shadow: 0 1px; }
69.3% { transform: rotate(3deg) translate(2px, -2px) scale(0.8, 1.5);
box-shadow: none; }
83.7% { transform: rotate(3deg) translate(2px, -2px) scale(0.8, 1.5);
box-shadow: none; }
84.6% { transform: rotate(14deg) translate(3px, 10px) scale(1, 1.5);
box-shadow: 0 -1px; }
85.3% { transform: rotate(14deg) translate(3px, 10px) scale(1, 1.5);
box-shadow: 0 -1px; }
86.2% { transform: rotate(14deg) translate(1px, 3px) scale(1, 1.5);
box-shadow: none; }
87.1% { transform: rotate(14deg) translate(1px, 3px) scale(1, 1.5);
box-shadow: none; }
90.0% { transform: rotate(14deg) translate(-1px, -2px) scale(1, 1.5);
box-shadow: none; }
100% { transform: rotate(14deg) translate(-1px, -2px) scale(1, 1.5);
box-shadow: none; }
}
@keyframes rabbit2Nose {
2.7% { transform: rotate(3deg) translate(0, 0); }
3.6% { transform: rotate(3deg) translate(0px, -1px); }
4.5% { transform: rotate(3deg) translate(0px, -1px); }
5.4% { transform: rotate(4deg) translate(0px, -2px); }
18.0% { transform: rotate(4deg) translate(0px, -2px); }
18.9% { transform: rotate(4deg) translate(-2px, 2px); }
19.8% { transform: rotate(4deg) translate(-2px, 2px); }
20.7% { transform: rotate(4deg) translate(-6px, 5px); }
21.6% { transform: rotate(4deg) translate(-6px, 5px); }
22.5% { transform: rotate(1deg) translate(-12px, 5px); }
23.4% { transform: rotate(1deg) translate(-12px, 5px); }
24.3% { transform: rotate(1deg) translate(-18px, 9px); }
25.2% { transform: rotate(1deg) translate(-18px, 9px); }
26.1% { transform: rotate(1deg) translate(-20px, 6px); }
27.0% { transform: rotate(1deg) translate(-20px, 6px); }
27.9% { transform: rotate(0deg) translate(-21px, 6px); }
28.8% { transform: rotate(0deg) translate(-21px, 6px); }
29.7% { transform: rotate(-2deg) translate(-19px, 6px); }
30.6% { transform: rotate(-2deg) translate(-19px, 6px); }
31.5% { transform: rotate(-2deg) translate(-19px, 5px); }
37.8% { transform: rotate(-2deg) translate(-19px, 5px); }
38.7% { transform: rotate(-1deg) translate(-18px, 6px); }
41.4% { transform: rotate(-1deg) translate(-18px, 6px); }
42.3% { transform: rotate(1deg) translate(-6px, 4px); }
43.2% { transform: rotate(1deg) translate(-6px, 4px); }
44.1% { transform: rotate(1deg) translate(1px, 0px); }
64.8% { transform: rotate(1deg) translate(1px, 0px); }
65.7% { transform: rotate(1deg) translate(-1px, -8px); }
66.6% { transform: rotate(1deg) translate(-1px, -8px); }
67.5% { transform: rotate(1deg) translate(-7px, -7px); }
68.4% { transform: rotate(1deg) translate(-7px, -7px); }
69.3% { transform: rotate(-11deg) translate(-7px, -4px); }
70.2% { transform: rotate(-11deg) translate(-7px, -4px); }
71.1% { transform: rotate(9deg) translate(4px, 6px); }
72.9% { transform: rotate(9deg) translate(4px, 6px); }
73.8% { transform: rotate(9deg) translate(8px, 6px); }
75.6% { transform: rotate(9deg) translate(8px, 6px); }
76.5% { transform: rotate(16deg) translate(-6px, 8px); }
78.3% { transform: rotate(16deg) translate(-6px, 8px); }
79.2% { transform: rotate(11deg) translate(-1px, 2px); }
81.0% { transform: rotate(11deg) translate(-1px, 2px); }
81.9% { transform: rotate(14deg) translate(-2px, 8px); }
83.7% { transform: rotate(14deg) translate(-2px, 8px); }
84.6% { transform: rotate(14deg) translate(-1px, 3px); }
83.5% { transform: rotate(14deg) translate(-1px, 3px); }
84.4% { transform: rotate(14deg) translate(3px, -2px); }
85.3% { transform: rotate(14deg) translate(3px, -2px); }
86.2% { transform: rotate(17deg) translate(4px, 2px); }
87.1% { transform: rotate(17deg) translate(4px, 2px); }
90.0% { transform: rotate(17deg) translate(6px, 2px); }
90.9% { transform: rotate(17deg) translate(6px, 2px); }
91.8% { transform: rotate(17deg) translate(7px, 2px); }
100% { transform: rotate(17deg) translate(7px, 2px); }
}
@keyframes rabbit2Arm2 {
4.5% { transform: rotate(24deg) translate(0, 0); }
5.4% { transform: rotate(24deg) translate(3px, 0px); }
6.3% { transform: rotate(24deg) translate(3px, 0px); }
7.2% { transform: rotate(24deg) translate(4px, -1px); }
8.1% { transform: rotate(24deg) translate(4px, -1px); }
9.0% { transform: rotate(22deg) translate(5px, -1px); }
16.2% { transform: rotate(22deg) translate(5px, -1px); }
17.1% { transform: rotate(22deg) translate(5px, 1px); }
18.0% { transform: rotate(22deg) translate(5px, 1px); }
18.9% { transform: rotate(23deg) translate(7px, -2px); }
19.8% { transform: rotate(23deg) translate(7px, -2px); }
20.7% { transform: rotate(24deg) translate(8px, -5px); }
21.6% { transform: rotate(24deg) translate(8px, -5px); }
22.5% { transform: rotate(17deg) translate(12px, -5px); }
23.4% { transform: rotate(17deg) translate(12px, -5px); }
24.3% { transform: rotate(11deg) translate(17px, -5px); }
25.2% { transform: rotate(11deg) translate(17px, -5px); }
26.1% { transform: rotate(6deg) translate(19px, -6px); }
27.0% { transform: rotate(6deg) translate(19px, -6px); }
27.9% { transform: rotate(2deg) translate(21px, -8px); }
28.8% { transform: rotate(2deg) translate(21px, -8px); }
29.7% { transform: rotate(0deg) translate(22px, -9px); }
30.6% { transform: rotate(0deg) translate(22px, -9px); }
31.5% { transform: rotate(0deg) translate(23px, -12px); }
32.4% { transform: rotate(0deg) translate(23px, -12px); }
33.3% { transform: rotate(-1deg) translate(22px, -12px); }
34.2% { transform: rotate(-1deg) translate(22px, -12px); }
35.1% { transform: rotate(-1deg) translate(22px, -11px); }
36.0% { transform: rotate(-1deg) translate(22px, -11px); }
36.9% { transform: rotate(1deg) translate(23px, -8px); }
37.8% { transform: rotate(1deg) translate(23px, -8px); }
38.7% { transform: rotate(4deg) translate(22px, -8px); }
39.6% { transform: rotate(4deg) translate(22px, -8px); }
40.5% { transform: rotate(14deg) translate(17px, -6px); }
41.4% { transform: rotate(14deg) translate(17px, -6px); }
42.3% { transform: rotate(21deg) translate(10px, -2px); }
43.2% { transform: rotate(21deg) translate(10px, -2px); }
44.1% { transform: rotate(23deg) translate(7px, -2px); }
45.0% { transform: rotate(23deg) translate(7px, -2px); }
45.9% { transform: rotate(23deg) translate(5px, -2px); }
46.8% { transform: rotate(23deg) translate(5px, -2px); }
47.7% { transform: rotate(23deg) translate(6px, -2px); }
64.8% { transform: rotate(23deg) translate(6px, -2px); }
65.7% { transform: rotate(22deg) translate(5px, -1px); }
68.4% { transform: rotate(22deg) translate(5px, -1px); }
69.3% { transform: rotate(35deg) translate(9px, 1px); }
70.2% { transform: rotate(35deg) translate(9px, 1px); }
71.1% { transform: rotate(49deg) translate(14px, -3px); }
72.9% { transform: rotate(49deg) translate(14px, -3px); }
73.8% { transform: rotate(45deg) translate(16px, 0px); }
75.6% { transform: rotate(45deg) translate(16px, 0px); }
76.5% { transform: rotate(49deg) translate(16px, 0px); }
78.3% { transform: rotate(49deg) translate(16px, 0px); }
79.2% { transform: rotate(55deg) translate(17px, 0px); }
81.0% { transform: rotate(55deg) translate(17px, 0px); }
81.9% { transform: rotate(47deg) translate(17px, 0px); }
83.7% { transform: rotate(47deg) translate(17px, 0px); }
84.6% { transform: rotate(57deg) translate(17px, -4px); }
83.5% { transform: rotate(57deg) translate(17px, -4px); }
84.4% { transform: rotate(48deg) translate(44px, 14px); }
85.3% { transform: rotate(48deg) translate(44px, 14px); }
86.2% { transform: rotate(80deg) translate(61px, -19px); }
87.1% { transform: rotate(80deg) translate(61px, -19px); }
90.0% { transform: rotate(80deg) translate(65px, -16px); }
100% { transform: rotate(80deg) translate(65px, -16px); }
}
@keyframes frontSofaCoctailBefore {
23.4% { transform: rotate(-20deg) translate(0, 0); }
24.3% { transform: rotate(-43deg) translate(-4px, -2px); }
27.0% { transform: rotate(-43deg) translate(-4px, -2px); }
27.9% { transform: rotate(-53deg) translate(-5px, -8px); }
30.6% { transform: rotate(-53deg) translate(-5px, -8px); }
31.5% { transform: rotate(-63deg) translate(-6px, -11px); }
39.6% { transform: rotate(-63deg) translate(-6px, -11px); }
40.5% { transform: rotate(-45deg) translate(-5px, -7px); }
41.4% { transform: rotate(-45deg) translate(-5px, -7px); }
42.3% { transform: rotate(-15deg) translate(1px, -2px); }
68.4% { transform: rotate(-15deg) translate(1px, -2px); }
69.3% { transform: rotate(-65deg) translate(7px, -10px); }
70.2% { transform: rotate(-65deg) translate(7px, -10px); }
71.1% { transform: rotate(-93deg) translate(9px, -6px); }
72.9% { transform: rotate(-93deg) translate(9px, -6px); }
73.8% { transform: rotate(-113deg) translate(13px, 0px); }
75.6% { transform: rotate(-113deg) translate(13px, 0px); }
76.5% { transform: rotate(-163deg) translate(2px, 9px); }
78.3% { transform: rotate(-163deg) translate(2px, 9px); }
79.2% { transform: rotate(-203deg) translate(-4px, -6px); }
81.0% { transform: rotate(-203deg) translate(-4px, -6px); }
81.9% { transform: rotate(-133deg) translate(-21px, 6px); }
100% { transform: rotate(-133deg) translate(-21px, 6px); }
}
@keyframes frontSofaCoctailDiv1After {
23.4% { transform: rotate(-67deg) translate(0, 0); }
24.3% { transform: rotate(-83deg) translate(-4px, -1px); }
27.0% { transform: rotate(-83deg) translate(-4px, -1px); }
27.9% { transform: rotate(-97deg) translate(-4px, 0px); }
30.6% { transform: rotate(-97deg) translate(-4px, 0px); }
31.5% { transform: rotate(-98deg) translate(-7px, -0.9px); }
39.6% { transform: rotate(-98deg) translate(-7px, -0.9px); }
40.5% { transform: rotate(-87deg) translate(-5px, -0.9px); }
41.4% { transform: rotate(-87deg) translate(-5px, -0.9px); }
42.3% { transform: rotate(-71deg) translate(1px, 4px); }
68.4% { transform: rotate(-71deg) translate(1px, 4px); }
69.3% { transform: rotate(-101deg) translate(6px, 3px); }
70.2% { transform: rotate(-101deg) translate(6px, 3px); }
71.1% { transform: rotate(-140deg) translate(11px, 3px); }
72.9% { transform: rotate(-140deg) translate(11px, 3px); }
73.8% { transform: rotate(-176deg) translate(13px, 3px); }
75.6% { transform: rotate(-176deg) translate(13px, 3px); }
76.5% { transform: rotate(-216deg) translate(1px, 11px); }
78.3% { transform: rotate(-216deg) translate(1px, 11px); }
79.2% { transform: rotate(-65deg) translate(4px, -4px); }
81.0% { transform: rotate(-65deg) translate(4px, -4px); }
81.9% { transform: rotate(-5deg) translate(21px, -8px); }
100% { transform: rotate(-5deg) translate(21px, -8px); }
}
@keyframes frontSofaCoctailDiv1Before {
21.6% { transform: rotate(45deg) translate(0, 0); }
22.5% { transform: rotate(49deg) translate(0, 0); }
23.4% { transform: rotate(49deg) translate(0, 0); }
24.3% { transform: rotate(52deg) translate(0, 0); }
27.0% { transform: rotate(52deg) translate(0, 0); }
27.9% { transform: rotate(52deg) translate(2px, 0px); }
28.8% { transform: rotate(52deg) translate(2px, 0px); }
29.7% { transform: rotate(52deg) translate(3px, 0px); }
30.6% { transform: rotate(52deg) translate(3px, 0px); }
31.5% { transform: rotate(61deg) translate(9px, 0px); }
32.4% { transform: rotate(61deg) translate(9px, 0px); }
33.3% { transform: rotate(61deg) translate(18px, 0px); }
100% { transform: rotate(61deg) translate(18px, 0px); }
}
@keyframes rabbit1Body {
2.7% { transform: translate(0, 0) scale(1, 1) rotate(0deg); }
3.6% { transform: translate(2px, 1px) scale(1, 1) rotate(0deg); }
4.5% { transform: translate(2px, 1px) scale(1, 1) rotate(0deg); }
5.4% { transform: translate(1px, 1px) scale(0.99, 1) rotate(0deg); }
27.0% { transform: translate(1px, 1px) scale(0.99, 1) rotate(0deg); }
27.9% { transform: translate(-2px, 0px) scale(1, 1) rotate(0deg); }
28.8% { transform: translate(-2px, 0px) scale(1, 1) rotate(0deg); }
29.7% { transform: translate(-1px, 0px) scale(1, 1) rotate(0deg); }
30.6% { transform: translate(-1px, 0px) scale(1, 1) rotate(0deg); }
31.5% { transform: translate(-5px, 1px) scale(1, 1) rotate(0deg); }
32.4% { transform: translate(-5px, 1px) scale(1, 1) rotate(0deg); }
33.3% { transform: translate(-7px, 0px) scale(1, 1) rotate(0deg); }
37.8% { transform: translate(-7px, 0px) scale(1, 1) rotate(0deg); }
38.7% { transform: translate(-9px, 0px) scale(1, 1) rotate(0deg); }
49.5% { transform: translate(-9px, 0px) scale(1, 1) rotate(0deg); }
50.4% { transform: translate(-3px, 0px) scale(1, 1) rotate(0deg); }
51.3% { transform: translate(-3px, 0px) scale(1, 1) rotate(0deg); }
52.2% { transform: translate(5px, 1px) scale(1, 1) rotate(0deg); }
53.1% { transform: translate(5px, 1px) scale(1, 1) rotate(0deg); }
54.0% { transform: translate(-3px, 1px) scale(1, 1) rotate(0deg); }
54.9% { transform: translate(-3px, 1px) scale(1, 1) rotate(0deg); }
55.8% { transform: translate(-5px, -8px) scale(0.95, 1.1) rotate(0deg); }
56.7% { transform: translate(-5px, -8px) scale(0.95, 1.1) rotate(0deg); }
57.6% { transform: translate(-6px, 1px) scale(0.95, 1) rotate(0deg); }
72.0% { transform: translate(-6px, 1px) scale(0.95, 1) rotate(0deg); }
72.9% { transform: translate(0px, 1px) scale(1, 1) rotate(0deg); }
73.8% { transform: translate(0px, 1px) scale(1, 1) rotate(0deg); }
74.7% { transform: translate(2px, 1px) scale(1, 1) rotate(0deg); }
75.6% { transform: translate(7px, -3px) scale(0.95, 1) rotate(5deg); }
76.5% { transform: translate(7px, -3px) scale(0.95, 1) rotate(5deg); }
77.4% { transform: translate(6px, 0px) scale(0.97, 1) rotate(7deg); }
87.3% { transform: translate(6px, 0px) scale(0.97, 1) rotate(7deg); }
88.2% { transform: translate(7px, -8px) scale(0.97, 1) rotate(12deg); }
81.0% { transform: translate(7px, -8px) scale(0.97, 1) rotate(12deg); }
81.9% { transform: translate(4px, 0px) scale(0.95, 1) rotate(18deg); }
82.8% { transform: translate(4px, 0px) scale(0.95, 1) rotate(18deg); }
84.6% { transform: translate(4px, 0px) scale(0.95, 1) rotate(20deg); }
85.5% { transform: translate(4px, 0px) scale(0.95, 1) rotate(20deg); }
87.3% { transform: translate(7px, -10px) scale(1, 1) rotate(0deg); }
90.9% { transform: translate(7px, -10px) scale(1, 1) rotate(0deg); }
92.7% { transform: rotate(5deg) translate(3px, 4px) scale(1, 1); }
95.4% { transform: rotate(5deg) translate(3px, 4px) scale(1, 1); }
96.3% { transform: translate(6px, -10px) scale(1, 1) rotate(0deg); }
100% { transform: translate(6px, -10px) scale(1, 1) rotate(0deg); }
}
@keyframes rabbit1BodyBefore {
27.0% { transform: rotate(11deg) translate(0, 0) scale(1, 1); }
27.9% { transform: rotate(5deg) translate(8px, 3px) scale(1, 1); }
28.8% { transform: rotate(5deg) translate(8px, 3px) scale(1, 1); }
29.7% { transform: rotate(-11deg) translate(12px, 5px) scale(1, 1.2); }
30.6% { transform: rotate(-11deg) translate(12px, 5px) scale(1, 1.2); }
31.5% { transform: rotate(-18deg) translate(20px, 8px) scale(1, 1.2); }
32.4% { transform: rotate(-18deg) translate(20px, 8px) scale(1, 1.2); }
33.3% { transform: rotate(-30deg) translate(28px, 8px) scale(1, 1.2); }
49.5% { transform: rotate(-30deg) translate(28px, 8px) scale(1, 1.2); }
50.4% { transform: rotate(-37deg) translate(35px, 8px) scale(1, 1.2); }
51.3% { transform: rotate(-37deg) translate(35px, 8px) scale(1, 1.2); }
52.2% { transform: rotate(-46deg) translate(44px, 8px) scale(1, 1.2); }
53.1% { transform: rotate(-46deg) translate(44px, 8px) scale(1, 1.2); }
54.0% { transform: rotate(-29deg) translate(34px, -8px) scale(1, 1.2); }
56.7% { transform: rotate(-29deg) translate(34px, -8px) scale(1, 1.2); }
57.6% { transform: rotate(-15deg) translate(16px, 1px) scale(1, 1.2); }
72.0% { transform: rotate(-15deg) translate(16px, 1px) scale(1, 1.2); }
72.9% { transform: rotate(-31deg) translate(28px, -12px) scale(1.1, 1.1); }
73.8% { transform: rotate(-31deg) translate(28px, -12px) scale(1.1, 1.1); }
87.3% { transform: rotate(0deg) translate(5px, 14px) scale(1, 1.4); }
88.2% { transform: rotate(-7deg) translate(16px, -14px) scale(1, 1); }
85.5% { transform: rotate(-7deg) translate(16px, -14px) scale(1, 1); }
87.3% { transform: rotate(10deg) translate(0px, 1px) scale(1, 1); }
100% { transform: rotate(10deg) translate(0px, 1px) scale(1, 1); }
}
@keyframes rabbit1BodyAfter {
25.2% { transform: translate(0, 0) scale(1, 1); }
26.1% { transform: translate(-5px, 0px) scale(1, 0.9); }
27.0% { transform: translate(-5px, 0px) scale(1, 0.9); }
27.9% { transform: translate(-6px, 5px) scale(1, 0.9); }
28.8% { transform: translate(-6px, 5px) scale(1, 0.9); }
29.7% { transform: translate(-12px, -2px) scale(1, 1); }
30.6% { transform: translate(-12px, -2px) scale(1, 1); }
31.5% { transform: translate(-14px, -2px) scale(1, 1); }
32.4% { transform: translate(-14px, -2px) scale(1, 1); }
33.3% { transform: translate(-21px, -2px) scale(1, 1); }
49.5% { transform: translate(-21px, -2px) scale(1, 1); }
50.4% { transform: translate(-30px, 4px) scale(1, 0.9); }
51.3% { transform: translate(-30px, 4px) scale(1, 0.9); }
52.2% { transform: translate(-41px, 7px) scale(1, 0.85); }
53.1% { transform: translate(-41px, 7px) scale(1, 0.85); }
54.0% { transform: translate(-30px, 1px) scale(1, 0.9); }
54.9% { transform: translate(-30px, 1px) scale(1, 0.9); }
55.8% { transform: translate(-31px, -7px) scale(1, 1); }
56.7% { transform: translate(-31px, -7px) scale(1, 1); }
57.6% { transform: translate(-30px, -6px) scale(1, 0.95); }
70.2% { transform: translate(-30px, -6px) scale(1, 0.95); }
71.1% { transform: translate(-29px, -2px) scale(1, 0.95); }
73.8% { transform: translate(-29px, -2px) scale(1, 0.95); }
87.3% { transform: translate(-12px, -7px) scale(0.9, 1); }
88.2% { transform: translate(-16px, 15px) scale(0.9, 0.9); }
100% { transform: translate(-16px, 15px) scale(0.9, 0.9); }
}
@keyframes rabbit1Head {
4.5% { transform: translate(0, 0) rotate(0deg) scale(1, 1); }
5.4% { transform: translate(0px, -1px) rotate(0deg) scale(1, 1); }
6.3% { transform: translate(0px, -1px) rotate(0deg) scale(1, 1); }
7.2% { transform: translate(-1px, -1px) rotate(0deg) scale(1, 1); }
11.7% { transform: translate(-1px, -1px) rotate(0deg) scale(1, 1); }
12.6% { transform: translate(0px, -1px) rotate(0deg) scale(1, 1); }
25.2% { transform: translate(0px, -1px) rotate(0deg) scale(1, 1); }
26.1% { transform: translate(-7px, 2px) rotate(0deg) scale(1, 1); }
27.0% { transform: translate(-7px, 2px) rotate(0deg) scale(1, 1); }
27.9% { transform: translate(-17px, 5px) rotate(0deg) scale(1, 1); }
28.8% { transform: translate(-17px, 5px) rotate(0deg) scale(1, 1); }
29.7% { transform: translate(-47px, -6px) rotate(-4deg) scale(1, 1); }
30.6% { transform: translate(-47px, -6px) rotate(-4deg) scale(1, 1); }
31.5% { transform: translate(-59px, -1px) rotate(-4deg) scale(1, 1); }
32.4% { transform: translate(-59px, -1px) rotate(-4deg) scale(1, 1); }
33.3% { transform: translate(-74px, 3px) rotate(-4deg) scale(1, 1); }
34.2% { transform: translate(-74px, 3px) rotate(-4deg) scale(1, 1); }
35.1% { transform: translate(-77px, 4px) rotate(-4deg) scale(1, 1); }
36.0% { transform: translate(-77px, 4px) rotate(-4deg) scale(1, 1); }
36.9% { transform: translate(-78px, 5px) rotate(-4deg) scale(1, 1); }
49.5% { transform: translate(-78px, 5px) rotate(-4deg) scale(1, 1); }
50.4% { transform: translate(-80px, 13px) rotate(-4deg) scale(1, 1); }
51.3% { transform: translate(-80px, 13px) rotate(-4deg) scale(1, 1); }
52.2% { transform: translate(-80px, 23px) rotate(-4deg) scale(1, 1); }
53.1% { transform: translate(-80px, 23px) rotate(-4deg) scale(1, 1); }
54.0% { transform: translate(-65px, -1px) rotate(-4deg) scale(1, 1); }
54.9% { transform: translate(-65px, -1px) rotate(-4deg) scale(1, 1); }
55.8% { transform: translate(-57px, -22px) rotate(-4deg) scale(0.95, 1.1); }
56.7% { transform: translate(-57px, -22px) rotate(-4deg) scale(0.95, 1.1); }
57.6% { transform: translate(-55px, -17px) rotate(-4deg) scale(1, 1.1); }
70.2% { transform: translate(-55px, -17px) rotate(-4deg) scale(1, 1.1); }
71.1% { transform: translate(-56px, -13px) rotate(-4deg) scale(1, 1.1); }
72.0% { transform: translate(-56px, -13px) rotate(-4deg) scale(1, 1.1); }
72.9% { transform: translate(-65px, 5px) rotate(-5deg) scale(1, 1); }
73.8% { transform: translate(-65px, 5px) rotate(-5deg) scale(1, 1); }
74.7% { transform: translate(-8px, -35px) rotate(5deg) scale(1, 1); }
75.6% { transform: translate(2px, -41px) rotate(5deg) scale(0.95, 1); }
76.5% { transform: translate(2px, -41px) rotate(5deg) scale(0.95, 1); }
77.4% { transform: translate(2px, -22px) rotate(5deg) scale(0.95, 1); }
87.3% { transform: translate(2px, -22px) rotate(5deg) scale(0.95, 1); }
88.2% { transform: translate(4px, -3px) rotate(9deg) scale(1, 1); }
80.1% { transform: translate(4px, -3px) rotate(9deg) scale(1, 1); }
81.0% { transform: translate(8px, -4px) rotate(7deg) scale(0.97, 1); }
81.9% { transform: translate(12px, -6px) rotate(8deg) scale(0.97, 1); }
82.8% { transform: translate(12px, -6px) rotate(8deg) scale(0.97, 1); }
84.6% { transform: translate(6px, 4px) rotate(8deg) scale(1, 1); }
85.5% { transform: translate(6px, 4px) rotate(8deg) scale(1, 1); }
87.3% { transform: translate(11px, -6px) rotate(8deg) scale(0.97, 1); }
88.2% { transform: translate(11px, -6px) rotate(8deg) scale(0.97, 1); }
90.0% { transform: translate(4px, 7px) rotate(3deg) scale(1, 1); }
90.9% { transform: translate(4px, 7px) rotate(3deg) scale(1, 1); }
92.7% { transform: translate(-2px, 2px) rotate(0deg) scale(1, 1); }
95.4% { transform: translate(-2px, 2px) rotate(0deg) scale(1, 1); }
96.3% { transform: translate(-5px, 2px) rotate(0deg) scale(1, 1); }
100% { transform: translate(-5px, 2px) rotate(0deg) scale(1, 1); }
}
@keyframes rabbit1HeadBefore {
73.8% { transform: rotate(10deg) scale(0, 0) translate(0, 0); }
76.5% { transform: rotate(10deg) scale(1, 1) translate(0, 0); }
77.4% { transform: rotate(71deg) scale(1, 1) translate(4px, 10px); }
87.3% { transform: rotate(71deg) scale(1, 1) translate(4px, 10px); }
88.2% { transform: rotate(71deg) scale(0, 0) translate(4px, 10px); }
81.0% { transform: rotate(71deg) scale(0, 0) translate(4px, 10px); }
81.9% { transform: rotate(71deg) scale(1, 1) translate(-1px, 12px); }
82.8% { transform: rotate(71deg) scale(1, 1) translate(-1px, 12px); }
84.6% { transform: rotate(71deg) scale(0, 0) translate(-1px, 12px); }
100% { transform: rotate(71deg) scale(0, 0) translate(-1px, 12px); }
}
@keyframes rabbit1HeadAfter {
56.7% { transform: rotate(48deg); }
57.6% { transform: rotate(58deg); }
100% { transform: rotate(58deg); }
}
@keyframes rabbit1BackLeg {
25.2% { transform: rotate(-8deg) translate(0, 0); }
26.1% { transform: rotate(-12deg) translate(-1px, -4px); }
27.0% { transform: rotate(-12deg) translate(-1px, -4px); }
27.9% { transform: rotate(-11deg) translate(2px, -2px); }
28.8% { transform: rotate(-11deg) translate(2px, -2px); }
29.7% { transform: rotate(-4deg) translate(3px, 0px); }
30.6% { transform: rotate(-4deg) translate(3px, 0px); }
31.5% { transform: rotate(4deg) translate(7px, 4px); }
32.4% { transform: rotate(4deg) translate(7px, 4px); }
33.3% { transform: rotate(1deg) translate(7px, 3px); }
34.2% { transform: rotate(1deg) translate(7px, 3px); }
35.1% { transform: rotate(-9deg) translate(5px, -3px); }
36.0% { transform: rotate(-9deg) translate(5px, -3px); }
36.9% { transform: rotate(-17deg) translate(-3px, -16px); }
37.8% { transform: rotate(-17deg) translate(-3px, -16px); }
38.7% { transform: rotate(-20deg) translate(-7px, -21px); }
49.5% { transform: rotate(-20deg) translate(-7px, -21px); }
50.4% { transform: rotate(-17deg) translate(-3px, -16px); }
51.3% { transform: rotate(-17deg) translate(-3px, -16px); }
52.2% { transform: rotate(3deg) translate(9px, 6px); }
53.1% { transform: rotate(3deg) translate(9px, 6px); }
54.0% { transform: rotate(0deg) translate(8px, 6px); }
54.9% { transform: rotate(0deg) translate(8px, 6px); }
55.8% { transform: rotate(-7deg) translate(3px, -7px); }
70.2% { transform: rotate(-7deg) translate(3px, -7px); }
71.1% { transform: rotate(-3deg) translate(7px, -7px); }
72.0% { transform: rotate(-3deg) translate(7px, -7px); }
72.9% { transform: rotate(13deg) translate(20px, 5px); }
73.8% { transform: rotate(13deg) translate(20px, 5px); }
74.7% { transform: rotate(-11deg) translate(6px, 6px); }
75.6% { transform: rotate(-25deg) translate(-9px, -1px); }
76.5% { transform: rotate(-25deg) translate(-9px, -1px); }
77.4% { transform: rotate(-22deg) translate(-8px, -5px); }
87.3% { transform: rotate(-22deg) translate(-8px, -5px); }
88.2% { transform: rotate(-8deg) translate(-2px, -1px); }
80.1% { transform: rotate(-8deg) translate(-2px, -1px); }
81.0% { transform: rotate(-15deg) translate(-5px, -3px); }
82.8% { transform: rotate(-15deg) translate(-5px, -3px); }
84.6% { transform: rotate(-8deg) translate(0px, 0px); }
85.5% { transform: rotate(-8deg) translate(0px, 0px); }
87.3% { transform: rotate(-19deg) translate(-8px, -4px); }
88.2% { transform: rotate(-19deg) translate(-8px, -4px); }
90.0% { transform: rotate(-8deg) translate(-2px, 0px); }
90.9% { transform: rotate(-8deg) translate(-2px, 0px); }
92.7% { transform: rotate(-16deg) translate(-6px, -2px); }
93.6% { transform: rotate(-16deg) translate(-6px, -2px); }
94.5% { transform: rotate(-20deg) translate(-6px, -2px); }
95.4% { transform: rotate(-20deg) translate(-6px, -2px); }
96.3% { transform: rotate(-20deg) translate(-3px, 1px); }
100% { transform: rotate(-20deg) translate(-3px, 1px); }
}
@keyframes rabbit1BackLegAfter {
25.2% { transform: rotate(-18deg); }
26.1% { transform: rotate(-20deg); }
27.0% { transform: rotate(-20deg); }
27.9% { transform: rotate(-24deg); }
28.8% { transform: rotate(-24deg); }
29.7% { transform: rotate(-19deg); }
30.6% { transform: rotate(-19deg); }
31.5% { transform: rotate(-18deg); }
32.4% { transform: rotate(-18deg); }
33.3% { transform: rotate(-20deg); }
37.8% { transform: rotate(-20deg); }
38.7% { transform: rotate(-24deg); }
39.6% { transform: rotate(-24deg); }
40.5% { transform: rotate(-20deg); }
49.5% { transform: rotate(-20deg); }
50.4% { transform: rotate(-15deg); }
53.1% { transform: rotate(-15deg); }
54.0% { transform: rotate(-20deg); }
70.2% { transform: rotate(-20deg); }
71.1% { transform: rotate(-13deg); }
87.3% { transform: rotate(-13deg); }
88.2% { transform: rotate(-15deg); }
100% { transform: rotate(-15deg); }
}
@keyframes rabbit1Leg {
25.2% { transform: rotate(-27deg) translate(0, 0) scale(1, 1); }
26.1% { transform: rotate(-23deg) translate(-3px, 3px) scale(1, 1); }
27.0% { transform: rotate(-23deg) translate(-3px, 3px) scale(1, 1); }
27.9% { transform: rotate(-23deg) translate(-3px, 2px) scale(1, 1); }
28.8% { transform: rotate(-23deg) translate(-3px, 2px) scale(1, 1); }
29.7% { transform: rotate(-14deg) translate(-7px, 10px) scale(1, 1); }
30.6% { transform: rotate(-14deg) translate(-7px, 10px) scale(1, 1); }
31.5% { transform: rotate(-14deg) translate(-6px, 10px) scale(1, 1); }
36.0% { transform: rotate(-14deg) translate(-6px, 10px) scale(1, 1); }
36.9% { transform: rotate(-15deg) translate(-5px, 9px) scale(1, 1); }
39.6% { transform: rotate(-15deg) translate(-5px, 9px) scale(1, 1); }
40.5% { transform: rotate(-15deg) translate(-8px, 9px) scale(1, 1); }
51.3% { transform: rotate(-15deg) translate(-8px, 9px) scale(1, 1); }
52.2% { transform: rotate(-13deg) translate(-12px, 12px) scale(1, 1); }
53.1% { transform: rotate(-13deg) translate(-12px, 12px) scale(1, 1); }
54.0% { transform: rotate(-13deg) translate(-10px, 12px) scale(1, 1); }
72.0% { transform: rotate(-13deg) translate(-10px, 12px) scale(1, 1); }
72.9% { transform: rotate(-16deg) translate(-23px, 9px) scale(0.9, 1.2); }
73.8% { transform: rotate(-16deg) translate(-23px, 9px) scale(0.9, 1.2); }
74.7% { transform: rotate(-27deg) translate(1px, 3px) scale(0.9, 1); }
75.6% { transform: rotate(-38deg) translate(14px, -1px) scale(0.9, 1); }
76.5% { transform: rotate(-38deg) translate(14px, -1px) scale(0.9, 1); }
77.4% { transform: rotate(-32deg) translate(1px, -2px) scale(0.9, 1); }
87.3% { transform: rotate(-32deg) translate(1px, -2px) scale(0.9, 1); }
88.2% { transform: rotate(-26deg) translate(-14px, -2px) scale(0.9, 1); }
80.1% { transform: rotate(-26deg) translate(-14px, -2px) scale(0.9, 1); }
81.0% { transform: rotate(-30deg) translate(-8px, -1px) scale(0.9, 1); }
82.8% { transform: rotate(-30deg) translate(-8px, -1px) scale(0.9, 1); }
84.6% { transform: rotate(-21deg) translate(-12px, 5px) scale(0.9, 1); }
85.5% { transform: rotate(-21deg) translate(-12px, 5px) scale(0.9, 1); }
87.3% { transform: rotate(-31deg) translate(-3px, -1px) scale(0.9, 1); }
88.2% { transform: rotate(-31deg) translate(-3px, -1px) scale(0.9, 1); }
90.0% { transform: rotate(-28deg) translate(-10px, -1px) scale(0.9, 1); }
93.6% { transform: rotate(-28deg) translate(-10px, -1px) scale(0.9, 1); }
94.5% { transform: rotate(-25deg) translate(-10px, 5px) scale(0.9, 1); }
100% { transform: rotate(-25deg) translate(-10px, 5px) scale(0.9, 1); }
}
@keyframes rabbit1LegBefore {
28.8% { transform: rotate(-9deg) translate(0, 0); }
29.7% { transform: rotate(2deg) translate(-3px, 0px); }
30.6% { transform: rotate(2deg) translate(-3px, 0px); }
31.5% { transform: rotate(-10deg) translate(0px, 0px); }
32.4% { transform: rotate(-10deg) translate(0px, 0px); }
33.3% { transform: rotate(-23deg) translate(2px, 0px); }
36.0% { transform: rotate(-23deg) translate(2px, 0px); }
36.9% { transform: rotate(-29deg) translate(3px, 3px); }
39.6% { transform: rotate(-29deg) translate(3px, 3px); }
40.5% { transform: rotate(-23deg) translate(2px, 3px); }
49.5% { transform: rotate(-23deg) translate(2px, 3px); }
50.4% { transform: rotate(-19deg) translate(1px, 3px); }
51.3% { transform: rotate(-19deg) translate(1px, 3px); }
52.2% { transform: rotate(-10deg) translate(-1px, -1px); }
81.0% { transform: rotate(-10deg) translate(-1px, -1px); }
81.9% { transform: rotate(-21deg) translate(1px, -1px); }
88.2% { transform: rotate(-21deg) translate(1px, -1px); }
90.0% { transform: rotate(-16deg) translate(1px, -1px); }
100% { transform: rotate(-16deg) translate(1px, -1px); }
}
@keyframes rabbit1Arm1 {
4.5% { transform: rotate(-11deg) translate(0, 0); }
5.4% { transform: rotate(-1deg) translate(2px, -1px); }
6.3% { transform: rotate(-1deg) translate(2px, -1px); }
7.2% { transform: rotate(18deg) translate(18px, -1px); }
8.1% { transform: rotate(18deg) translate(18px, -1px); }
9.0% { transform: rotate(24deg) translate(18px, -1px); }
9.9% { transform: rotate(24deg) translate(18px, -1px); }
10.8% { transform: rotate(39deg) translate(8px, -5px); }
11.7% { transform: rotate(39deg) translate(8px, -5px); }
12.6% { transform: rotate(52deg) translate(15px, -3px); }
13.5% { transform: rotate(52deg) translate(15px, -3px); }
14.4% { transform: rotate(67deg) translate(18px, 0px); }
15.3% { transform: rotate(67deg) translate(18px, 0px); }
16.2% { transform: rotate(73deg) translate(30px, 3px); }
17.1% { transform: rotate(73deg) translate(30px, 3px); }
18.0% { transform: rotate(53deg) translate(33px, 7px); }
25.2% { transform: rotate(53deg) translate(33px, 7px); }
26.1% { transform: rotate(41deg) translate(29px, 13px); }
27.0% { transform: rotate(41deg) translate(29px, 13px); }
27.9% { transform: rotate(31deg) translate(27px, 22px); }
28.8% { transform: rotate(31deg) translate(27px, 22px); }
29.7% { transform: rotate(50deg) translate(17px, 38px); }
30.6% { transform: rotate(50deg) translate(17px, 38px); }
31.5% { transform: rotate(17deg) translate(-16px, 32px); }
32.4% { transform: rotate(17deg) translate(-16px, 32px); }
33.3% { transform: rotate(7deg) translate(-34px, 33px); }
34.2% { transform: rotate(7deg) translate(-34px, 33px); }
35.1% { transform: rotate(-15deg) translate(-48px, 9px); }
36.0% { transform: rotate(-15deg) translate(-48px, 9px); }
36.9% { transform: rotate(-39deg) translate(-54px, -24px); }
37.8% { transform: rotate(-39deg) translate(-54px, -24px); }
38.7% { transform: rotate(-37deg) translate(-55px, -23px); }
39.6% { transform: rotate(-37deg) translate(-55px, -23px); }
40.5% { transform: rotate(-14deg) translate(-56px, 5px); }
41.4% { transform: rotate(-14deg) translate(-56px, 5px); }
42.3% { transform: rotate(-4deg) translate(-53px, 18px); }
44.1% { transform: rotate(-4deg) translate(-53px, 18px); }
45.0% { transform: rotate(0deg) translate(-53px, 22px); }
49.5% { transform: rotate(0deg) translate(-53px, 22px); }
50.4% { transform: rotate(5deg) translate(-44px, 28px); }
51.3% { transform: rotate(5deg) translate(-44px, 28px); }
52.2% { transform: rotate(5deg) translate(-37px, 27px); }
53.1% { transform: rotate(5deg) translate(-37px, 27px); }
54.0% { transform: rotate(35deg) translate(1px, 49px); }
54.9% { transform: rotate(35deg) translate(1px, 49px); }
55.8% { transform: rotate(35deg) translate(-1px, 43px); }
56.7% { transform: rotate(35deg) translate(-1px, 43px); }
57.6% { transform: rotate(65deg) translate(28px, 54px); }
72.0% { transform: rotate(65deg) translate(28px, 54px); }
72.9% { transform: rotate(-13deg) translate(-25px, -20px); }
73.8% { transform: rotate(-13deg) translate(-25px, -20px); }
74.7% { transform: rotate(-14deg) translate(-22px, -12px); }
75.6% { transform: rotate(-6deg) translate(-16px, 0px); }
76.5% { transform: rotate(-6deg) translate(-16px, 0px); }
77.4% { transform: rotate(-21deg) translate(-8px, -7px); }
87.3% { transform: rotate(-21deg) translate(-8px, -7px); }
88.2% { transform: rotate(-31deg) translate(-2px, -6px); }
80.1% { transform: rotate(-31deg) translate(-2px, -6px); }
81.0% { transform: rotate(-31deg) translate(8px, -6px); }
81.9% { transform: rotate(-21deg) translate(10px, 0px); }
90.9% { transform: rotate(-21deg) translate(10px, 0px); }
92.7% { transform: rotate(-21deg) translate(-5px, 0px); }
93.6% { transform: rotate(-21deg) translate(-5px, 0px); }
94.5% { transform: rotate(-21deg) translate(-9px, -2px); }
100% { transform: rotate(-21deg) translate(-9px, -2px); }
}
@keyframes rabbit1Arm1Before {
4.5% { transform: rotate(8deg) translate(0, 0) scale(1, 1);
border-radius: 100% 2px 2px 40%; }
5.4% { transform: rotate(-5deg) translate(-3px, -1px) scale(0.8, 0.8);
border-radius: 100% 2px 2px 40%; }
6.3% { transform: rotate(-5deg) translate(-3px, -1px) scale(0.8, 0.8);
border-radius: 100% 2px 2px 40%; }
7.2% { transform: rotate(-33deg) translate(-11px, -8px) scale(0.8, 0.8);
border-radius: 100% 2px 2px 40%; }
8.1% { transform: rotate(-33deg) translate(-11px, -8px) scale(0.8, 0.8);
border-radius: 100% 2px 2px 40%; }
9.0% { transform: rotate(-21deg) translate(-14px, -5px) scale(0.5, 0.8);
border-radius: 100% 2px 2px 40%; }
9.9% { transform: rotate(-21deg) translate(-14px, -5px) scale(0.5, 0.8);
border-radius: 100% 2px 2px 40%; }
10.8% { transform: rotate(9deg) translate(-3px, 2px) scale(0.5, 0.8);
border-radius: 100% 2px 2px 40%; }
11.7% { transform: rotate(9deg) translate(-3px, 2px) scale(0.5, 0.8);
border-radius: 100% 2px 2px 40%; }
12.6% { transform: rotate(11deg) translate(-10px, 2px) scale(0.5, 0.8);
border-radius: 40% 2px 2px 100%; }
13.5% { transform: rotate(11deg) translate(-10px, 2px) scale(0.5, 0.8);
border-radius: 40% 2px 2px 100%; }
14.4% { transform: rotate(11deg) translate(-10px, 3px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
15.3% { transform: rotate(11deg) translate(-10px, 3px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
16.2% { transform: rotate(27deg) translate(-10px, 6px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
17.1% { transform: rotate(27deg) translate(-10px, 6px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
18.0% { transform: rotate(27deg) translate(-8px, 7px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
28.8% { transform: rotate(27deg) translate(-8px, 7px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
29.7% { transform: rotate(7deg) translate(-9px, 3px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
30.6% { transform: rotate(7deg) translate(-9px, 3px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
31.5% { transform: rotate(7deg) translate(2px, 3px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
53.1% { transform: rotate(7deg) translate(2px, 3px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
54.0% { transform: rotate(62deg) translate(-6px, 14px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
56.7% { transform: rotate(62deg) translate(-6px, 14px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
57.6% { transform: rotate(56deg) translate(-9px, 14px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
72.0% { transform: rotate(56deg) translate(-9px, 14px) scale(0.5, 0.9);
border-radius: 40% 2px 2px 100%; }
72.9% { transform: rotate(-40deg) translate(-15px, -9px) scale(0.5, 0.9);
border-radius: 100% 2px 2px 40%; }
73.8% { transform: rotate(-40deg) translate(-15px, -9px) scale(0.5, 0.9);
border-radius: 100% 2px 2px 40%; }
74.7% { transform: rotate(5deg) translate(-1px, 1px) scale(0.5, 0.9);
border-radius: 100% 2px 2px 40%; }
100% { transform: rotate(5deg) translate(-1px, 1px) scale(0.5, 0.9);
border-radius: 100% 2px 2px 40%; }
}
@keyframes rabbit1Arm2 {
25.2% { transform: translate(0, 0) rotate(0deg); }
26.1% { transform: translate(-13px, 5px) rotate(22deg); }
27.0% { transform: translate(-13px, 5px) rotate(22deg); }
27.9% { transform: translate(-26px, 4px) rotate(22deg); }
28.8% { transform: translate(-26px, 4px) rotate(22deg); }
29.7% { transform: translate(-44px, 3px) rotate(15deg); }
30.6% { transform: translate(-44px, 3px) rotate(15deg); }
31.5% { transform: translate(-64px, 3px) rotate(26deg); }
32.4% { transform: translate(-64px, 3px) rotate(26deg); }
33.3% { transform: translate(-88px, 7px) rotate(50deg); }
34.2% { transform: translate(-88px, 7px) rotate(50deg); }
35.1% { transform: translate(-87px, 12px) rotate(50deg); }
36.0% { transform: translate(-87px, 12px) rotate(50deg); }
36.9% { transform: translate(-87px, 15px) rotate(70deg); }
37.8% { transform: translate(-87px, 15px) rotate(70deg); }
38.7% { transform: translate(-85px, 18px) rotate(70deg); }
49.5% { transform: translate(-85px, 18px) rotate(70deg); }
50.4% { transform: translate(-86px, 19px) rotate(49deg); }
51.3% { transform: translate(-86px, 19px) rotate(49deg); }
52.2% { transform: translate(-83px, 22px) rotate(12deg); }
53.1% { transform: translate(-83px, 22px) rotate(12deg); }
54.0% { transform: translate(-89px, 14px) rotate(122deg); }
54.9% { transform: translate(-89px, 14px) rotate(122deg); }
55.8% { transform: translate(-92px, 12px) rotate(152deg); }
73.8% { transform: translate(-92px, 12px) rotate(152deg); }
74.7% { transform: translate(-52px, 19px) rotate(112deg); }
75.6% { transform: translate(-42px, 24px) rotate(72deg); }
76.5% { transform: translate(-42px, 24px) rotate(72deg); }
77.4% { transform: translate(-34px, 25px) rotate(60deg); }
87.3% { transform: translate(-34px, 25px) rotate(60deg); }
88.2% { transform: translate(-25px, 27px) rotate(50deg); }
80.1% { transform: translate(-25px, 27px) rotate(50deg); }
81.0% { transform: translate(-30px, 28px) rotate(80deg); }
81.9% { transform: translate(-33px, 28px) rotate(91deg); }
82.8% { transform: translate(-33px, 28px) rotate(91deg); }
84.6% { transform: translate(-24px, 26px) rotate(41deg); }
85.5% { transform: translate(-24px, 26px) rotate(41deg); }
87.3% { transform: translate(-31px, 28px) rotate(75deg); }
88.2% { transform: translate(-31px, 28px) rotate(75deg); }
90.0% { transform: translate(-31px, 28px) rotate(74deg); }
93.6% { transform: translate(-31px, 28px) rotate(74deg); }
94.5% { transform: translate(-30px, 37px) rotate(84deg); }
100% { transform: translate(-30px, 37px) rotate(84deg); }
}
@keyframes rabbit1Arm2Before {
25.2% { transform: rotate(10deg) translate(0, 0); }
26.1% { transform: rotate(-50deg) translate(-7px, -13px); }
27.0% { transform: rotate(-50deg) translate(-7px, -13px); }
27.9% { transform: rotate(-98deg) translate(-5px, -27px); }
28.8% { transform: rotate(-98deg) translate(-5px, -27px); }
29.7% { transform: rotate(-102deg) translate(-4px, -24px); }
30.6% { transform: rotate(-102deg) translate(-4px, -24px); }
31.5% { transform: rotate(-109deg) translate(-4px, -22px); }
34.2% { transform: rotate(-109deg) translate(-4px, -22px); }
35.1% { transform: rotate(-87deg) translate(-4px, -19px); }
49.5% { transform: rotate(-87deg) translate(-4px, -19px); }
50.4% { transform: rotate(-81deg) translate(-2px, -12px); }
51.3% { transform: rotate(-81deg) translate(-2px, -12px); }
52.2% { transform: rotate(-64deg) translate(-4px, -12px); }
53.1% { transform: rotate(-64deg) translate(-4px, -12px); }
54.0% { transform: rotate(-159deg) translate(-1px, -18px); }
54.9% { transform: rotate(-159deg) translate(-1px, -18px); }
55.8% { transform: rotate(-88deg) translate(-2px, -18px); }
74.7% { transform: rotate(-88deg) translate(-2px, -18px); }
75.6% { transform: rotate(-118deg) translate(-9px, -20px); }
87.3% { transform: rotate(-118deg) translate(-9px, -20px); }
88.2% { transform: rotate(-68deg) translate(-9px, -16px); }
80.1% { transform: rotate(-68deg) translate(-9px, -16px); }
81.0% { transform: rotate(-128deg) translate(-6px, -16px); }
82.8% { transform: rotate(-128deg) translate(-6px, -16px); }
84.6% { transform: rotate(-71deg) translate(-6px, -14px); }
85.5% { transform: rotate(-71deg) translate(-6px, -14px); }
87.3% { transform: rotate(-111deg) translate(-10px, -21px); }
100% { transform: rotate(-111deg) translate(-10px, -21px); }
}
@keyframes rabbit1Ear1 {
2.7% { transform: rotate(-40deg) translate(0, 0); }
3.6% { transform: rotate(-38deg) translate(-3px, 2px); }
6.3% { transform: rotate(-38deg) translate(-3px, 2px); }
7.2% { transform: rotate(-38deg) translate(-3px, 4px); }
25.2% { transform: rotate(-38deg) translate(-3px, 4px); }
26.1% { transform: rotate(-31deg) translate(-3px, 4px); }
27.0% { transform: rotate(-31deg) translate(-3px, 4px); }
27.9% { transform: rotate(-19deg) translate(-3px, 7px); }
28.8% { transform: rotate(-19deg) translate(-3px, 7px); }
29.7% { transform: rotate(-9deg) translate(18px, 14px); }
30.6% { transform: rotate(-9deg) translate(18px, 14px); }
31.5% { transform: rotate(11deg) translate(-2px, 7px); }
32.4% { transform: rotate(11deg) translate(-2px, 7px); }
33.3% { transform: rotate(23deg) translate(-10px, 8px); }
34.2% { transform: rotate(23deg) translate(-10px, 8px); }
35.1% { transform: rotate(3deg) translate(-6px, 6px); }
36.0% { transform: rotate(3deg) translate(-6px, 6px); }
36.9% { transform: rotate(-19deg) translate(-2px, 6px); }
37.8% { transform: rotate(-19deg) translate(-2px, 6px); }
38.7% { transform: rotate(-24deg) translate(-2px, 6px); }
39.6% { transform: rotate(-24deg) translate(-2px, 6px); }
40.5% { transform: rotate(-26deg) translate(-2px, 6px); }
41.4% { transform: rotate(-26deg) translate(-2px, 6px); }
42.3% { transform: rotate(-21deg) translate(-2px, 6px); }
45.0% { transform: rotate(-21deg) translate(-2px, 6px); }
45.9% { transform: rotate(-18deg) translate(-2px, 5px); }
49.5% { transform: rotate(-18deg) translate(-2px, 5px); }
50.4% { transform: rotate(-5deg) translate(-11px, 10px); }
51.3% { transform: rotate(-5deg) translate(-11px, 10px); }
52.2% { transform: rotate(6deg) translate(-19px, 12px); }
53.1% { transform: rotate(6deg) translate(-19px, 12px); }
54.0% { transform: rotate(-4deg) translate(-22px, 10px); }
54.9% { transform: rotate(-4deg) translate(-22px, 10px); }
55.8% { transform: rotate(-21deg) translate(-15px, 10px); }
56.7% { transform: rotate(-21deg) translate(-15px, 10px); }
57.6% { transform: rotate(-17deg) translate(-16px, 10px); }
58.5% { transform: rotate(-17deg) translate(-16px, 10px); }
59.4% { transform: rotate(-14deg) translate(-16px, 10px); }
63.9% { transform: rotate(-14deg) translate(-16px, 10px); }
64.8% { transform: rotate(-12deg) translate(-16px, 10px); }
70.2% { transform: rotate(-12deg) translate(-16px, 10px); }
71.1% { transform: rotate(-12deg) translate(-15px, 7px); }
72.0% { transform: rotate(-12deg) translate(-15px, 7px); }
72.9% { transform: rotate(17deg) translate(-21px, 30px); }
73.8% { transform: rotate(17deg) translate(-21px, 30px); }
74.7% { transform: rotate(-57deg) translate(-9px, 10px); }
75.6% { transform: rotate(-39deg) translate(1px, 4px); }
76.5% { transform: rotate(-39deg) translate(1px, 4px); }
77.4% { transform: rotate(-13deg) translate(-4px, 10px); }
87.3% { transform: rotate(-13deg) translate(-4px, 10px); }
88.2% { transform: rotate(-22deg) translate(-17px, 17px); }
80.1% { transform: rotate(-22deg) translate(-17px, 17px); }
81.0% { transform: rotate(-26deg) translate(-13px, 9px); }
81.9% { transform: rotate(-29deg) translate(-14px, 9px); }
82.8% { transform: rotate(-29deg) translate(-14px, 9px); }
84.6% { transform: rotate(-23deg) translate(-11px, 4px); }
85.5% { transform: rotate(-23deg) translate(-11px, 4px); }
87.3% { transform: rotate(-31deg) translate(-11px, 4px); }
88.2% { transform: rotate(-31deg) translate(-11px, 4px); }
90.0% { transform: rotate(-19deg) translate(-4px, 3px); }
90.9% { transform: rotate(-19deg) translate(-4px, 3px); }
92.7% { transform: rotate(2deg) translate(-9px, 7px); }
93.6% { transform: rotate(2deg) translate(-9px, 7px); }
94.5% { transform: rotate(-1deg) translate(-9px, 7px); }
95.4% { transform: rotate(-1deg) translate(-9px, 7px); }
96.3% { transform: rotate(-15deg) translate(0px, 1px); }
100% { transform: rotate(-15deg) translate(0px, 1px); }
}
@keyframes rabbit1Ear1Before {
2.7% { transform: rotate(-20deg) translate(0, 0); }
3.6% { transform: rotate(-26deg) translate(-1px, -2px); }
6.3% { transform: rotate(-26deg) translate(-1px, -2px); }
7.2% { transform: rotate(-25deg) translate(-1px, -2px); }
25.2% { transform: rotate(-25deg) translate(-1px, -2px); }
26.1% { transform: rotate(-28deg) translate(-2px, -3px); }
27.0% { transform: rotate(-28deg) translate(-2px, -3px); }
27.9% { transform: rotate(-35deg) translate(-3px, -5px); }
28.8% { transform: rotate(-35deg) translate(-3px, -5px); }
29.7% { transform: rotate(-25deg) translate(-1px, -2px); }
30.6% { transform: rotate(-25deg) translate(-1px, -2px); }
31.5% { transform: rotate(-29deg) translate(-1px, -3px); }
32.4% { transform: rotate(-29deg) translate(-1px, -3px); }
33.3% { transform: rotate(-18deg) translate(-1px, 0px); }
36.0% { transform: rotate(-18deg) translate(-1px, 0px); }
36.9% { transform: rotate(-11deg) translate(-1px, 0px); }
37.8% { transform: rotate(-11deg) translate(-1px, 0px); }
38.7% { transform: rotate(-26deg) translate(-1px, -2px); }
39.6% { transform: rotate(-26deg) translate(-1px, -2px); }
40.5% { transform: rotate(-41deg) translate(-2px, -6px); }
41.4% { transform: rotate(-41deg) translate(-2px, -6px); }
42.3% { transform: rotate(-44deg) translate(-3px, -8px); }
45.9% { transform: rotate(-44deg) translate(-3px, -8px); }
46.8% { transform: rotate(-42deg) translate(-3px, -8px); }
49.5% { transform: rotate(-42deg) translate(-3px, -8px); }
50.4% { transform: rotate(-38deg) translate(-3px, -6px); }
51.3% { transform: rotate(-38deg) translate(-3px, -6px); }
52.2% { transform: rotate(-31deg) translate(-2px, -3px); }
53.1% { transform: rotate(-31deg) translate(-2px, -3px); }
54.0% { transform: rotate(-35deg) translate(-1px, -4px); }
54.9% { transform: rotate(-35deg) translate(-1px, -4px); }
55.8% { transform: rotate(-29deg) translate(-3px, -4px); }
56.7% { transform: rotate(-29deg) translate(-3px, -4px); }
57.6% { transform: rotate(-20deg) translate(-3px, -3px); }
58.5% { transform: rotate(-20deg) translate(-3px, -3px); }
59.4% { transform: rotate(-21deg) translate(-3px, -3px); }
63.9% { transform: rotate(-21deg) translate(-3px, -3px); }
64.8% { transform: rotate(-23deg) translate(-3px, -3px); }
72.0% { transform: rotate(-23deg) translate(-3px, -3px); }
72.9% { transform: rotate(-8deg) translate(0px, 1px); }
73.8% { transform: rotate(-8deg) translate(0px, 1px); }
74.7% { transform: rotate(37deg) translate(7px, 6px); }
75.6% { transform: rotate(8deg) translate(2px, 4px); }
87.3% { transform: rotate(8deg) translate(2px, 4px); }
88.2% { transform: rotate(38deg) translate(5px, 5px); }
80.1% { transform: rotate(38deg) translate(5px, 5px); }
81.0% { transform: rotate(28deg) translate(5px, 5px); }
81.9% { transform: rotate(26deg) translate(5px, 5px); }
82.8% { transform: rotate(26deg) translate(5px, 5px); }
84.6% { transform: rotate(23deg) translate(5px, 5px); }
90.9% { transform: rotate(23deg) translate(5px, 5px); }
92.7% { transform: rotate(-1deg) translate(1px, 2px); }
93.6% { transform: rotate(-1deg) translate(1px, 2px); }
94.5% { transform: rotate(-6deg) translate(1px, 2px); }
100% { transform: rotate(-6deg) translate(1px, 2px); }
}
@keyframes rabbit1Ear2 {
4.5% { transform: rotate(8deg) translate(0, 0); }
5.4% { transform: rotate(5deg) translate(3px, 0px); }
6.3% { transform: rotate(5deg) translate(3px, 0px); }
7.2% { transform: rotate(5deg) translate(4px, 0px); }
13.5% { transform: rotate(5deg) translate(4px, 0px); }
14.4% { transform: rotate(7deg) translate(1px, 3px); }
17.1% { transform: rotate(7deg) translate(1px, 3px); }
18.0% { transform: rotate(9deg) translate(-1px, 3px); }
25.2% { transform: rotate(9deg) translate(-1px, 3px); }
26.1% { transform: rotate(14deg) translate(-3px, 3px); }
27.0% { transform: rotate(14deg) translate(-3px, 3px); }
27.9% { transform: rotate(17deg) translate(0px, -1px); }
28.8% { transform: rotate(17deg) translate(0px, -1px); }
29.7% { transform: rotate(22deg) translate(14px, 11px); }
30.6% { transform: rotate(22deg) translate(14px, 11px); }
31.5% { transform: rotate(22deg) translate(4px, 0px); }
32.4% { transform: rotate(22deg) translate(4px, 0px); }
33.3% { transform: rotate(28deg) translate(0px, 0px); }
34.2% { transform: rotate(28deg) translate(0px, 0px); }
35.1% { transform: rotate(13deg) translate(4px, -3px); }
36.0% { transform: rotate(13deg) translate(4px, -3px); }
36.9% { transform: rotate(-1deg) translate(7px, -3px); }
37.8% { transform: rotate(-1deg) translate(7px, -3px); }
38.7% { transform: rotate(-4deg) translate(7px, -3px); }
39.6% { transform: rotate(-4deg) translate(7px, -3px); }
40.5% { transform: rotate(-8deg) translate(7px, -3px); }
41.4% { transform: rotate(-8deg) translate(7px, -3px); }
42.3% { transform: rotate(-5deg) translate(7px, -3px); }
45.0% { transform: rotate(-5deg) translate(7px, -3px); }
45.9% { transform: rotate(-2deg) translate(7px, -1px); }
49.5% { transform: rotate(-2deg) translate(7px, -1px); }
50.4% { transform: rotate(2deg) translate(4px, -1px); }
51.3% { transform: rotate(2deg) translate(4px, -1px); }
52.2% { transform: rotate(2deg) translate(4px, 1px); }
53.1% { transform: rotate(2deg) translate(4px, 1px); }
54.0% { transform: rotate(5deg) translate(-2px, -1px); }
54.9% { transform: rotate(5deg) translate(-2px, -1px); }
55.8% { transform: rotate(4deg) translate(3px, 2px); }
56.7% { transform: rotate(4deg) translate(3px, 2px); }
57.6% { transform: rotate(7deg) translate(-2px, -1px); }
58.5% { transform: rotate(7deg) translate(-2px, -1px); }
59.4% { transform: rotate(9deg) translate(-3px, -1px); }
61.2% { transform: rotate(9deg) translate(-3px, -1px); }
63.0% { transform: rotate(11deg) translate(-3px, -1px); }
70.2% { transform: rotate(11deg) translate(-3px, -1px); }
71.1% { transform: rotate(13deg) translate(-5px, -4px); }
72.0% { transform: rotate(13deg) translate(-5px, -4px); }
72.9% { transform: rotate(20deg) translate(-7px, 10px); }
73.8% { transform: rotate(20deg) translate(-7px, 10px); }
74.7% { transform: rotate(-60deg) translate(8px, 1px); }
75.6% { transform: rotate(-29deg) translate(19px, 20px); }
76.5% { transform: rotate(-29deg) translate(19px, 20px); }
77.4% { transform: rotate(-11deg) translate(8px, 10px); }
87.3% { transform: rotate(-11deg) translate(8px, 10px); }
88.2% { transform: rotate(0deg) translate(-11px, -1px); }
80.1% { transform: rotate(0deg) translate(-11px, -1px); }
81.0% { transform: rotate(-8deg) translate(5px, -1px); }
81.9% { transform: rotate(-12deg) translate(7px, -1px); }
82.8% { transform: rotate(-12deg) translate(7px, -1px); }
84.6% { transform: rotate(-7deg) translate(5px, -1px); }
85.5% { transform: rotate(-7deg) translate(5px, -1px); }
87.3% { transform: rotate(-12deg) translate(8px, -1px); }
88.2% { transform: rotate(-12deg) translate(8px, -1px); }
90.0% { transform: rotate(-4deg) translate(11px, 5px); }
90.9% { transform: rotate(-4deg) translate(11px, 5px); }
92.7% { transform: rotate(10deg) translate(11px, 5px); }
95.4% { transform: rotate(10deg) translate(11px, 5px); }
96.3% { transform: rotate(5deg) translate(16px, 7px); }
100% { transform: rotate(5deg) translate(16px, 7px); }
}
@keyframes rabbit1Ear2Div {
2.7% { transform: rotate(-34deg) translate(0, 0); }
3.6% { transform: rotate(-32deg) translate(0, 0); }
4.5% { transform: rotate(-32deg) translate(0, 0); }
5.4% { transform: rotate(-31deg) translate(0, 0); }
17.1% { transform: rotate(-31deg) translate(0, 0); }
18.0% { transform: rotate(-34deg) translate(0, 0); }
25.2% { transform: rotate(-34deg) translate(0, 0); }
26.1% { transform: rotate(-33deg) translate(0, 0); }
27.0% { transform: rotate(-33deg) translate(0, 0); }
27.9% { transform: rotate(-25deg) translate(-1px, 0px); }
28.8% { transform: rotate(-25deg) translate(-1px, 0px); }
29.7% { transform: rotate(-13deg) translate(-2px, 5px); }
30.6% { transform: rotate(-13deg) translate(-2px, 5px); }
31.5% { transform: rotate(-2deg) translate(-2px, 18px); }
32.4% { transform: rotate(-2deg) translate(-2px, 18px); }
33.3% { transform: rotate(-15deg) translate(-4px, 14px); }
34.2% { transform: rotate(-15deg) translate(-4px, 14px); }
35.1% { transform: rotate(-30deg) translate(-4px, 9px); }
36.0% { transform: rotate(-30deg) translate(-4px, 9px); }
36.9% { transform: rotate(-62deg) translate(6px, -7px); }
37.8% { transform: rotate(-62deg) translate(6px, -7px); }
38.7% { transform: rotate(-66deg) translate(6px, -7px); }
39.6% { transform: rotate(-66deg) translate(6px, -7px); }
40.5% { transform: rotate(-69deg) translate(7px, -7px); }
41.4% { transform: rotate(-69deg) translate(7px, -7px); }
42.3% { transform: rotate(-74deg) translate(8px, -8px); }
45.9% { transform: rotate(-74deg) translate(8px, -8px); }
46.8% { transform: rotate(-72deg) translate(8px, -8px); }
51.3% { transform: rotate(-72deg) translate(8px, -8px); }
52.2% { transform: rotate(-61deg) translate(5px, -6px); }
53.1% { transform: rotate(-61deg) translate(5px, -6px); }
54.0% { transform: rotate(-81deg) translate(10px, -8px); }
54.9% { transform: rotate(-81deg) translate(10px, -8px); }
55.8% { transform: rotate(-96deg) translate(14px, -8px); }
56.7% { transform: rotate(-96deg) translate(14px, -8px); }
57.6% { transform: rotate(-94deg) translate(14px, -9px); }
58.5% { transform: rotate(-94deg) translate(14px, -9px); }
59.4% { transform: rotate(-88deg) translate(12px, -9px); }
60.3% { transform: rotate(-88deg) translate(12px, -9px); }
61.2% { transform: rotate(-86deg) translate(12px, -9px); }
63.0% { transform: rotate(-88deg) translate(12px, -9px); }
70.2% { transform: rotate(-88deg) translate(12px, -9px); }
71.1% { transform: rotate(-89deg) translate(12px, -9px); }
72.0% { transform: rotate(-89deg) translate(12px, -9px); }
72.9% { transform: rotate(-66deg) translate(8px, -9px); }
73.8% { transform: rotate(-66deg) translate(8px, -9px); }
74.7% { transform: rotate(-43deg) translate(3px, -5px); }
75.6% { transform: rotate(-58deg) translate(7px, -8px); }
76.5% { transform: rotate(-58deg) translate(7px, -8px); }
77.4% { transform: rotate(-40deg) translate(1px, -3px); }
87.3% { transform: rotate(-40deg) translate(1px, -3px); }
88.2% { transform: rotate(-33deg) translate(0px, -2px); }
81.0% { transform: rotate(-33deg) translate(0px, -2px); }
81.9% { transform: rotate(-36deg) translate(0px, -2px); }
82.8% { transform: rotate(-36deg) translate(0px, -2px); }
84.6% { transform: rotate(-34deg) translate(0px, -2px); }
85.5% { transform: rotate(-34deg) translate(0px, -2px); }
87.3% { transform: rotate(-44deg) translate(1px, -3px); }
88.2% { transform: rotate(-44deg) translate(1px, -3px); }
90.0% { transform: rotate(-32deg) translate(0px, 0px); }
90.9% { transform: rotate(-32deg) translate(0px, 0px); }
92.7% { transform: rotate(-59deg) translate(5px, -7px); }
93.6% { transform: rotate(-59deg) translate(5px, -7px); }
94.5% { transform: rotate(-68deg) translate(7px, -7px); }
100% { transform: rotate(-68deg) translate(7px, -7px); }
}
@keyframes rabbit1Ear2DivBefore {
17.1% { transform: rotate(5deg) translate(0, 0); }
18.0% { transform: rotate(4deg) translate(0, 0); }
25.2% { transform: rotate(4deg) translate(0, 0); }
26.1% { transform: rotate(5deg) translate(0, 0); }
27.0% { transform: rotate(5deg) translate(0, 0); }
27.9% { transform: rotate(4deg) translate(0px, 4px); }
28.8% { transform: rotate(4deg) translate(0px, 4px); }
29.7% { transform: rotate(1deg) translate(0px, 7px); }
30.6% { transform: rotate(1deg) translate(0px, 7px); }
31.5% { transform: rotate(-5deg) translate(0px, 7px); }
32.4% { transform: rotate(-5deg) translate(0px, 7px); }
33.3% { transform: rotate(0deg) translate(1px, 4px); }
34.2% { transform: rotate(0deg) translate(1px, 4px); }
35.1% { transform: rotate(7deg) translate(1px, 4px); }
36.0% { transform: rotate(7deg) translate(1px, 4px); }
36.9% { transform: rotate(5deg) translate(-3px, 3px); }
39.6% { transform: rotate(5deg) translate(-3px, 3px); }
40.5% { transform: rotate(-1deg) translate(-2px, -5px); }
53.1% { transform: rotate(-1deg) translate(-2px, -5px); }
54.0% { transform: rotate(2deg) translate(-2px, -5px); }
54.9% { transform: rotate(2deg) translate(-2px, -5px); }
55.8% { transform: rotate(1deg) translate(-4px, -5px); }
56.7% { transform: rotate(1deg) translate(-4px, -5px); }
57.6% { transform: rotate(0deg) translate(-4px, -5px); }
58.5% { transform: rotate(0deg) translate(-4px, -5px); }
59.4% { transform: rotate(0deg) translate(-4px, -3px); }
72.0% { transform: rotate(0deg) translate(-4px, -3px); }
72.9% { transform: rotate(-3deg) translate(-4px, -3px); }
73.8% { transform: rotate(-3deg) translate(-4px, -3px); }
74.7% { transform: rotate(0deg) translate(-4px, 2px); }
75.6% { transform: rotate(3deg) translate(-4px, 2px); }
76.5% { transform: rotate(3deg) translate(-4px, 2px); }
77.4% { transform: rotate(3deg) translate(-2px, 2px); }
87.3% { transform: rotate(3deg) translate(-2px, 2px); }
88.2% { transform: rotate(1deg) translate(-1px, 2px); }
88.2% { transform: rotate(1deg) translate(-1px, 2px); }
90.0% { transform: rotate(4deg) translate(-1px, 2px); }
90.9% { transform: rotate(4deg) translate(-1px, 2px); }
92.7% { transform: rotate(3deg) translate(-3px, 2px); }
93.6% { transform: rotate(3deg) translate(-3px, 2px); }
94.5% { transform: rotate(5deg) translate(-3px, 2px); }
100% { transform: rotate(5deg) translate(-3px, 2px); }
}
@keyframes rabbit1Mouth {
0.9% { transform: rotate(0deg) translate(0, 0); }
1.8% { transform: rotate(-1deg) translate(-1px, 3px); }
2.7% { transform: rotate(-1deg) translate(-1px, 3px); }
3.6% { transform: rotate(-1deg) translate(-1px, 2px); }
4.5% { transform: rotate(-1deg) translate(-1px, 2px); }
5.4% { transform: rotate(-1deg) translate(0px, 2px); }
6.3% { transform: rotate(-1deg) translate(0px, 2px); }
7.2% { transform: rotate(-1deg) translate(8px, -1px); }
8.1% { transform: rotate(-1deg) translate(8px, -1px); }
9.0% { transform: rotate(-1deg) translate(8px, 0px); }
9.9% { transform: rotate(-1deg) translate(8px, 0px); }
10.8% { transform: rotate(-7deg) translate(8px, 2px); }
11.7% { transform: rotate(-7deg) translate(8px, 2px); }
12.6% { transform: rotate(1deg) translate(-1px, 3px); }
13.5% { transform: rotate(1deg) translate(-1px, 3px); }
14.4% { transform: rotate(1deg) translate(-3px, 2px); }
15.3% { transform: rotate(1deg) translate(-3px, 2px); }
16.2% { transform: rotate(0deg) translate(0px, 1px); }
17.1% { transform: rotate(0deg) translate(0px, 1px); }
18.0% { transform: rotate(0deg) translate(-2px, 2px); }
25.2% { transform: rotate(0deg) translate(-2px, 2px); }
26.1% { transform: rotate(0deg) translate(-8px, 9px); }
27.0% { transform: rotate(0deg) translate(-8px, 9px); }
27.9% { transform: rotate(1deg) translate(-9px, 17px); }
28.8% { transform: rotate(1deg) translate(-9px, 17px); }
29.7% { transform: rotate(-9deg) translate(-12px, 10px); }
30.6% { transform: rotate(-9deg) translate(-12px, 10px); }
31.5% { transform: rotate(-5deg) translate(-19px, 8px); }
32.4% { transform: rotate(-5deg) translate(-19px, 8px); }
33.3% { transform: rotate(3deg) translate(-13px, 7px); }
34.2% { transform: rotate(3deg) translate(-13px, 7px); }
35.1% { transform: rotate(3deg) translate(-11px, 7px); }
36.0% { transform: rotate(3deg) translate(-11px, 7px); }
36.9% { transform: rotate(-1deg) translate(-10px, 8px); }
37.8% { transform: rotate(-1deg) translate(-10px, 8px); }
38.7% { transform: rotate(-1deg) translate(-10px, 7px); }
39.6% { transform: rotate(-1deg) translate(-10px, 7px); }
40.5% { transform: rotate(-4deg) translate(-9px, 6px); }
41.4% { transform: rotate(-4deg) translate(-9px, 6px); }
42.3% { transform: rotate(4deg) translate(-11px, 6px); }
43.2% { transform: rotate(4deg) translate(-11px, 6px); }
44.1% { transform: rotate(4deg) translate(-12px, 6px); }
46.8% { transform: rotate(4deg) translate(-12px, 6px); }
49.5% { transform: rotate(4deg) translate(-15px, 6px); }
50.4% { transform: rotate(2deg) translate(-15px, 11px); }
51.3% { transform: rotate(2deg) translate(-15px, 11px); }
52.2% { transform: rotate(2deg) translate(-15px, 10px); }
53.1% { transform: rotate(2deg) translate(-15px, 10px); }
54.0% { transform: rotate(5deg) translate(-15px, 4px); }
54.9% { transform: rotate(5deg) translate(-15px, 4px); }
55.8% { transform: rotate(5deg) translate(-6px, 3px); }
56.7% { transform: rotate(5deg) translate(-6px, 3px); }
57.6% { transform: rotate(5deg) translate(-6px, 2px); }
60.3% { transform: rotate(5deg) translate(-6px, 2px); }
61.2% { transform: rotate(5deg) translate(-6px, 0px); }
63.0% { transform: rotate(5deg) translate(-7px, -4px); }
70.2% { transform: rotate(5deg) translate(-7px, -4px); }
71.1% { transform: rotate(5deg) translate(-6px, -5px); }
72.0% { transform: rotate(5deg) translate(-6px, -5px); }
72.9% { transform: rotate(5deg) translate(-18px, 7px); }
73.8% { transform: rotate(5deg) translate(-18px, 7px); }
74.7% { transform: rotate(9deg) translate(0px, -20px); }
75.6% { transform: rotate(3deg) translate(3px, -19px); }
76.5% { transform: rotate(3deg) translate(3px, -19px); }
77.4% { transform: rotate(10deg) translate(1px, -24px); }
87.3% { transform: rotate(10deg) translate(1px, -24px); }
88.2% { transform: rotate(9deg) translate(1px, -25px); }
80.1% { transform: rotate(9deg) translate(1px, -25px); }
81.0% { transform: rotate(9deg) translate(-3px, -31px); }
81.9% { transform: rotate(9deg) translate(-6px, -31px); }
82.8% { transform: rotate(9deg) translate(-6px, -31px); }
84.6% { transform: rotate(1deg) translate(0px, -23px); }
85.5% { transform: rotate(1deg) translate(0px, -23px); }
87.3% { transform: rotate(8deg) translate(-7px, -20px); }
88.2% { transform: rotate(8deg) translate(-7px, -20px); }
90.0% { transform: rotate(8deg) translate(-4px, -22px); }
90.9% { transform: rotate(8deg) translate(-4px, -22px); }
92.7% { transform: rotate(0deg) translate(0px, -15px); }
93.6% { transform: rotate(0deg) translate(0px, -15px); }
94.5% { transform: rotate(-1deg) translate(-6px, -12px); }
95.4% { transform: rotate(-1deg) translate(-6px, -12px); }
96.3% { transform: rotate(-1deg) translate(-7px, -9px); }
100% { transform: rotate(-1deg) translate(-7px, -9px); }
}
@keyframes rabbit1MouthAfter {
0.9% { transform: scale(1, 1) translate(0, 0) rotate(0deg); }
1.8% { transform: scale(1, 1.3) translate(0px, -1px) rotate(-3deg); }
2.7% { transform: scale(1, 1.3) translate(0px, -1px) rotate(-3deg); }
3.6% { transform: scale(0.7, 2.5) translate(-1px, -1px) rotate(-3deg); }
11.7% { transform: scale(0.7, 2.5) translate(-1px, -1px) rotate(-3deg); }
12.6% { transform: scale(0.7, 3.2) translate(-1px, -2px) rotate(0deg); }
13.5% { transform: scale(0.7, 3.2) translate(-1px, -2px) rotate(0deg); }
14.4% { transform: scale(1, 3.2) translate(-4px, -1px) rotate(0deg); }
15.3% { transform: scale(1, 3.2) translate(-4px, -1px) rotate(0deg); }
16.2% { transform: scale(1.5, 3) translate(-2px, -2px) rotate(0deg); }
25.2% { transform: scale(1.5, 3) translate(-2px, -2px) rotate(0deg); }
26.1% { transform: scale(1, 3.3) translate(-2px, -1.5px) rotate(0deg); }
27.0% { transform: scale(1, 3.3) translate(-2px, -1.5px) rotate(0deg); }
27.9% { transform: scale(0.7, 3.7) translate(2px, -1.5px) rotate(0deg); }
28.8% { transform: scale(0.7, 3.7) translate(2px, -1.5px) rotate(0deg); }
29.7% { transform: scale(1.2, 3) translate(-1px, -1.5px) rotate(0deg); }
30.6% { transform: scale(1.2, 3) translate(-1px, -1.5px) rotate(0deg); }
31.5% { transform: scale(1.2, 3) translate(-3px, -2px) rotate(0deg); }
34.2% { transform: scale(1.2, 3) translate(-3px, -2px) rotate(0deg); }
35.1% { transform: scale(1.2, 3) translate(-6px, -1.7px) rotate(0deg); }
41.4% { transform: scale(1.2, 3) translate(-6px, -1.7px) rotate(0deg); }
42.3% { transform: scale(1.2, 3) translate(-9px, -1.5px) rotate(0deg); }
46.8% { transform: scale(1.2, 3) translate(-9px, -1.5px) rotate(0deg); }
51.3% { transform: scale(0.7, 3) translate(-2px, -1.8px) rotate(0deg); }
52.2% { transform: scale(0.6, 3) translate(-4px, -1.8px) rotate(0deg); }
60.3% { transform: scale(0.6, 3) translate(-4px, -1.8px) rotate(0deg); }
61.2% { transform: scale(0.6, 1) translate(-4px, 3px) rotate(0deg); }
63.0% { transform: scale(1, 1) translate(-4px, 2px) rotate(0deg); }
63.9% { transform: scale(1, 1) translate(-4px, 2px) rotate(0deg); }
64.8% { transform: scale(1, 1) translate(-4px, 1px) rotate(0deg); }
72.0% { transform: scale(1, 1) translate(-4px, 1px) rotate(0deg); }
72.9% { transform: scale(0.8, 2.7) translate(0px, -1.5px) rotate(0deg); }
73.8% { transform: scale(0.8, 2.7) translate(0px, -1.5px) rotate(0deg); }
74.7% { transform: scale(0.8, 2.7) translate(-1px, -1.5px) rotate(1deg); }
93.6% { transform: scale(0.8, 2.7) translate(-1px, -1.5px) rotate(1deg); }
94.5% { transform: scale(1.2, 2.7) translate(-2px, -1.5px) rotate(1deg); }
100% { transform: scale(1.2, 2.7) translate(-2px, -1.5px) rotate(1deg); }
}
@keyframes rabbit1MouthDiv {
0.9% { transform: translate(0px, 0) scale(1, 1) skew(0deg); }
1.8% { transform: translate(0px, -8px) scale(1, 1) skew(0deg); }
2.7% { transform: translate(0px, -8px) scale(1, 1) skew(0deg); }
3.6% { transform: translate(0px, -12px) scale(1, 1) skew(0deg); }
4.5% { transform: translate(0px, -12px) scale(1, 1) skew(0deg); }
5.4% { transform: translate(-1px, -8px) scale(0.7, 1) skew(0deg); }
6.3% { transform: translate(-1px, -8px) scale(0.7, 1) skew(0deg); }
7.2% { transform: translate(1px, -12px) scale(0.9, 1) skew(0deg); }
8.1% { transform: translate(1px, -12px) scale(0.9, 1) skew(0deg); }
9.0% { transform: translate(1px, -10px) scale(1, 1) skew(0deg); }
9.9% { transform: translate(1px, -10px) scale(1, 1) skew(0deg); }
10.8% { transform: translate(1px, -4px) scale(1, 1) skew(0deg); }
11.7% { transform: translate(1px, -4px) scale(1, 1) skew(0deg); }
12.6% { transform: translate(1px, -18px) scale(1.1, 0.9) skew(0deg); }
13.5% { transform: translate(1px, -18px) scale(1.1, 0.9) skew(0deg); }
14.4% { transform: translate(0px, -12px) scale(0.8, 0.9) skew(0deg); }
15.3% { transform: translate(0px, -12px) scale(0.8, 0.9) skew(0deg); }
16.2% { transform: translate(0px, -2px) scale(0.9, 0.8) skew(0deg); }
17.1% { transform: translate(0px, -2px) scale(0.9, 0.8) skew(0deg); }
18.0% { transform: translate(0px, 0px) scale(0.9, 1) skew(0deg); }
20.7% { transform: translate(0px, 0px) scale(0.9, 1) skew(0deg); }
21.6% { transform: translate(0px, -11px) scale(1, 1) skew(0deg); }
22.5% { transform: translate(0px, -11px) scale(1, 1) skew(0deg); }
23.4% { transform: translate(0px, -17px) scale(1.2, 1) skew(0deg); }
27.0% { transform: translate(0px, -17px) scale(1.2, 1) skew(0deg); }
27.9% { transform: translate(2px, -17px) scale(1.2, 1) skew(0deg); }
28.8% { transform: translate(2px, -17px) scale(1.2, 1) skew(0deg); }
29.7% { transform: translate(2px, -11px) scale(1.2, 1) skew(0deg); }
30.6% { transform: translate(2px, -11px) scale(1.2, 1) skew(0deg); }
31.5% { transform: translate(2px, -6px) scale(1, 1) skew(0deg); }
32.4% { transform: translate(2px, -6px) scale(1, 1) skew(0deg); }
33.3% { transform: translate(1px, -4px) scale(1, 1) skew(0deg); }
34.2% { transform: translate(1px, -4px) scale(1, 1) skew(0deg); }
35.1% { transform: translate(1px, -6px) scale(0.8, 1) skew(0deg); }
36.0% { transform: translate(1px, -6px) scale(0.8, 1) skew(0deg); }
36.9% { transform: translate(-1px, -6px) scale(0.5, 0.6) skew(0deg); }
37.8% { transform: translate(-1px, -6px) scale(0.5, 0.6) skew(0deg); }
38.7% { transform: translate(1px, -6px) scale(0.7, 0.6) skew(0deg); }
39.6% { transform: translate(1px, -6px) scale(0.7, 0.6) skew(0deg); }
40.5% { transform: translate(2px, -9px) scale(1.1, 1) skew(0deg); }
41.4% { transform: translate(2px, -9px) scale(1.1, 1) skew(0deg); }
42.3% { transform: translate(-1px, -15px) scale(1.1, 1) skew(0deg); }
43.2% { transform: translate(-1px, -15px) scale(1.1, 1) skew(0deg); }
44.1% { transform: translate(-1px, -11px) scale(0.8, 1) skew(0deg); }
46.8% { transform: translate(-1px, -11px) scale(0.8, 1) skew(0deg); }
49.5% { transform: translate(0px, -17px) scale(1.1, 0.8) skew(0deg); }
50.4% { transform: translate(0px, -17px) scale(0.9, 0.8) skew(0deg); }
53.1% { transform: translate(0px, -17px) scale(0.9, 0.8) skew(0deg); }
54.0% { transform: translate(0px, -7px) scale(0.6, 0.8) skew(0deg); }
54.9% { transform: translate(0px, -7px) scale(0.6, 0.8) skew(0deg); }
55.8% { transform: translate(0px, -3px) scale(0.6, 0.8) skew(0deg); }
56.7% { transform: translate(0px, -3px) scale(0.6, 0.8) skew(0deg); }
57.6% { transform: translate(-1px, -7px) scale(0.5, 0.5) skew(0deg); }
60.3% { transform: translate(-1px, -7px) scale(0.5, 0.5) skew(0deg); }
61.2% { transform: translate(-1px, -4px) scale(0.9, 0.4) skew(0deg); }
63.0% { transform: translate(2px, -2px) scale(2.3, 0.7) skew(0deg); }
63.9% { transform: translate(2px, -2px) scale(2.3, 0.7) skew(0deg); }
64.8% { transform: translate(2px, -2px) scale(2.6, 0.8) skew(0deg); }
70.2% { transform: translate(2px, -2px) scale(2.6, 0.8) skew(0deg); }
71.1% { transform: translate(1px, -3px) scale(2, 0.6) skew(0deg); }
72.0% { transform: translate(1px, -3px) scale(2, 0.6) skew(0deg); }
72.9% { transform: translate(1px, -16px) scale(1.3, 0.8) skew(0deg); }
73.8% { transform: translate(1px, -16px) scale(1.3, 0.8) skew(0deg); }
74.7% { transform: translate(-3px, 10px) scale(1.3, 1.7) skew(-14deg); }
75.6% { transform: translate(-3px, 12px) scale(1.3, 1.9) skew(-14deg); }
87.3% { transform: translate(-3px, 12px) scale(1.3, 1.9) skew(-14deg); }
88.2% { transform: translate(-3px, 10px) scale(1.3, 1.8) skew(-14deg); }
80.1% { transform: translate(-3px, 10px) scale(1.3, 1.8) skew(-14deg); }
81.0% { transform: translate(-3px, 13px) scale(1.5, 2.1) skew(-14deg); }
81.9% { transform: translate(-4px, 17px) scale(1.5, 2.3) skew(-20deg); }
82.8% { transform: translate(-4px, 17px) scale(1.5, 2.3) skew(-20deg); }
84.6% { transform: translate(-4px, 9px) scale(1.3, 1.7) skew(-15deg); }
85.5% { transform: translate(-4px, 9px) scale(1.3, 1.7) skew(-15deg); }
87.3% { transform: translate(-3px, 15px) scale(1.3, 2.2) skew(-13deg); }
88.2% { transform: translate(-3px, 15px) scale(1.3, 2.2) skew(-13deg); }
90.0% { transform: translate(-3px, 12px) scale(1.3, 1.9) skew(-13deg); }
90.9% { transform: translate(-3px, 12px) scale(1.3, 1.9) skew(-13deg); }
92.7% { transform: translate(-2px, 4px) scale(1.3, 1.2) skew(-9deg); }
93.6% { transform: translate(-2px, 4px) scale(1.3, 1.2) skew(-9deg); }
94.5% { transform: translate(3px, -5px) scale(1.4, 1.2) skew(0deg); }
95.4% { transform: translate(3px, -5px) scale(1.4, 1.2) skew(0deg); }
96.3% { transform: translate(3px, -11px) scale(1.4, 1.2) skew(0deg); }
100% { transform: translate(3px, -11px) scale(1.4, 1.2) skew(0deg); }
}
@keyframes rabbit1Eye1 {
2.7% { transform: rotate(13deg) translate(0, 0); }
3.6% { transform: rotate(12deg) translate(0px, -1px); }
4.5% { transform: rotate(12deg) translate(0px, -1px); }
5.4% { transform: rotate(8deg) translate(4px, -3px); }
6.3% { transform: rotate(8deg) translate(4px, -3px); }
7.2% { transform: rotate(4deg) translate(11px, -4px); }
9.9% { transform: rotate(4deg) translate(11px, -4px); }
10.8% { transform: rotate(4deg) translate(7px, 0px); }
11.7% { transform: rotate(4deg) translate(7px, 0px); }
12.6% { transform: rotate(15deg) translate(0px, -1px); }
13.5% { transform: rotate(15deg) translate(0px, -1px); }
14.4% { transform: rotate(15deg) translate(0px, 1px); }
25.2% { transform: rotate(15deg) translate(0px, 1px); }
26.1% { transform: rotate(15deg) translate(-1px, 8px); }
27.0% { transform: rotate(15deg) translate(-1px, 8px); }
27.9% { transform: rotate(11deg) translate(1px, 14px); }
28.8% { transform: rotate(11deg) translate(1px, 14px); }
29.7% { transform: rotate(11deg) translate(-9px, 16px); }
30.6% { transform: rotate(11deg) translate(-9px, 16px); }
31.5% { transform: rotate(11deg) translate(-11px, 14px); }
32.4% { transform: rotate(11deg) translate(-11px, 14px); }
33.3% { transform: rotate(11deg) translate(-9px, 11px); }
34.2% { transform: rotate(11deg) translate(-9px, 11px); }
35.1% { transform: rotate(11deg) translate(-8px, 10px); }
51.3% { transform: rotate(11deg) translate(-8px, 10px); }
52.2% { transform: rotate(11deg) translate(-8px, 13px); }
53.1% { transform: rotate(11deg) translate(-8px, 13px); }
54.0% { transform: rotate(11deg) translate(-6px, 3px); }
54.9% { transform: rotate(11deg) translate(-6px, 3px); }
55.8% { transform: rotate(11deg) translate(-3px, -4px); }
56.7% { transform: rotate(11deg) translate(-3px, -4px); }
57.6% { transform: rotate(11deg) translate(-2px, -6px); }
70.2% { transform: rotate(11deg) translate(-2px, -6px); }
71.1% { transform: rotate(11deg) translate(-3px, -7px); }
72.0% { transform: rotate(11deg) translate(-3px, -7px); }
72.9% { transform: rotate(11deg) translate(-9px, 12px); }
73.8% { transform: rotate(11deg) translate(-9px, 12px); }
74.7% { transform: rotate(11deg) translate(10px, -22px); }
75.6% { transform: rotate(11deg) translate(5px, -20px); }
76.5% { transform: rotate(11deg) translate(5px, -20px); }
77.4% { transform: rotate(11deg) translate(8px, -25px); }
87.3% { transform: rotate(11deg) translate(8px, -25px); }
88.2% { transform: rotate(11deg) translate(8px, -27px); }
80.1% { transform: rotate(11deg) translate(8px, -27px); }
81.0% { transform: rotate(11deg) translate(9px, -31px); }
81.9% { transform: rotate(11deg) translate(10px, -32px); }
82.8% { transform: rotate(11deg) translate(10px, -32px); }
84.6% { transform: rotate(11deg) translate(9px, -27px); }
85.5% { transform: rotate(11deg) translate(9px, -27px); }
87.3% { transform: rotate(11deg) translate(4px, -26px); }
88.2% { transform: rotate(11deg) translate(4px, -26px); }
90.0% { transform: rotate(11deg) translate(3px, -22px); }
90.9% { transform: rotate(11deg) translate(3px, -22px); }
92.7% { transform: rotate(7deg) translate(0px, -12px); }
93.6% { transform: rotate(7deg) translate(0px, -12px); }
94.5% { transform: rotate(7deg) translate(-3px, -8px); }
95.4% { transform: rotate(7deg) translate(-3px, -8px); }
96.3% { transform: rotate(7deg) translate(-4px, -4px); }
100% { transform: rotate(7deg) translate(-4px, -4px); }
}
@keyframes rabbit1Eye1Before {
2.7% { transform: rotate(-39deg) translate(0, 0); }
3.6% { transform: rotate(-43deg) translate(0px, -1px); }
6.3% { transform: rotate(-43deg) translate(0px, -1px); }
7.2% { transform: rotate(-38deg) translate(-1px, -4px); }
9.9% { transform: rotate(-38deg) translate(-1px, -4px); }
10.8% { transform: rotate(-38deg) translate(1px, -4px); }
11.7% { transform: rotate(-38deg) translate(1px, -4px); }
12.6% { transform: rotate(-38deg) translate(0px, -1px); }
13.5% { transform: rotate(-38deg) translate(0px, -1px); }
14.4% { transform: rotate(-47deg) translate(7px, -5px); }
15.3% { transform: rotate(-47deg) translate(7px, -5px); }
16.2% { transform: rotate(-47deg) translate(10px, -6px); }
17.1% { transform: rotate(-47deg) translate(10px, -6px); }
18.0% { transform: rotate(-47deg) translate(11px, -6px); }
20.7% { transform: rotate(-47deg) translate(11px, -6px); }
21.6% { transform: rotate(-41deg) translate(8px, -6px); }
22.5% { transform: rotate(-41deg) translate(8px, -6px); }
23.4% { transform: rotate(-41deg) translate(6px, -5px); }
25.2% { transform: rotate(-41deg) translate(6px, -5px); }
26.1% { transform: rotate(-35deg) translate(2px, -7px); }
28.8% { transform: rotate(-35deg) translate(2px, -7px); }
29.7% { transform: rotate(-45deg) translate(10px, -3px); }
32.4% { transform: rotate(-45deg) translate(10px, -3px); }
33.3% { transform: rotate(-40deg) translate(7px, -5px); }
34.2% { transform: rotate(-40deg) translate(7px, -5px); }
35.1% { transform: rotate(-50deg) translate(8px, -3px); }
37.8% { transform: rotate(-50deg) translate(8px, -3px); }
38.7% { transform: rotate(-50deg) translate(8px, -4px); }
45.0% { transform: rotate(-50deg) translate(8px, -4px); }
45.9% { transform: rotate(-50deg) translate(8px, -5px); }
49.5% { transform: rotate(-50deg) translate(8px, -5px); }
50.4% { transform: rotate(-20deg) translate(2px, -5px); }
51.3% { transform: rotate(-20deg) translate(2px, -5px); }
52.2% { transform: rotate(0deg) translate(-3px, -3px); }
53.1% { transform: rotate(0deg) translate(-3px, -3px); }
54.0% { transform: rotate(-27deg) translate(1px, -4px); }
54.9% { transform: rotate(-27deg) translate(1px, -4px); }
55.8% { transform: rotate(-41deg) translate(2px, -2px); }
56.7% { transform: rotate(-41deg) translate(2px, -2px); }
57.6% { transform: rotate(-38deg) translate(1px, -1px); }
72.0% { transform: rotate(-38deg) translate(1px, -1px); }
72.9% { transform: rotate(2deg) translate(-2px, -3px); }
73.8% { transform: rotate(2deg) translate(-2px, -3px); }
74.7% { transform: rotate(-58deg) translate(7px, -2px); }
75.6% { transform: rotate(-58deg) translate(7px, -1px); }
76.5% { transform: rotate(-58deg) translate(7px, -1px); }
77.4% { transform: rotate(-53deg) translate(7px, -1px); }
80.1% { transform: rotate(-53deg) translate(7px, -1px); }
81.0% { transform: rotate(-53deg) translate(8px, 1px); }
81.9% { transform: rotate(-41deg) translate(6px, 1px); }
82.8% { transform: rotate(-41deg) translate(6px, 1px); }
84.6% { transform: rotate(-56deg) translate(7px, 0px); }
88.2% { transform: rotate(-56deg) translate(7px, 0px); }
90.0% { transform: rotate(-56deg) translate(8px, 5px); }
90.9% { transform: rotate(-56deg) translate(8px, 5px); }
92.7% { transform: rotate(-46deg) translate(-1px, -1px); }
95.4% { transform: rotate(-46deg) translate(-1px, -1px); }
96.3% { transform: rotate(-46deg) translate(4px, -1px); }
100% { transform: rotate(-46deg) translate(4px, -1px); }
}
@keyframes rabbit1Eye1After {
4.5% { transform: rotate(-9deg) translate(0, 0) scale(1, 1);
box-shadow: none; }
5.4% { transform: rotate(-9deg) translate(0px, 3px) scale(1, 1);
box-shadow: none; }
9.9% { transform: rotate(-9deg) translate(0px, 3px) scale(1, 1);
box-shadow: none; }
10.8% { transform: rotate(-9deg) translate(-1px, 8px) scale(1, 1.4);
box-shadow: 0 1px; }
11.7% { transform: rotate(-9deg) translate(-1px, 8px) scale(1, 1.4);
box-shadow: 0 1px; }
12.6% { transform: rotate(-9deg) translate(-1px, 0px) scale(1, 1);
box-shadow: none; }
28.8% { transform: rotate(-9deg) translate(-1px, 0px) scale(1, 1);
box-shadow: none; }
29.7% { transform: rotate(-9deg) translate(1px, 0px) scale(1, 1);
box-shadow: none; }
30.6% { transform: rotate(-9deg) translate(1px, 0px) scale(1, 1);
box-shadow: none; }
31.5% { transform: rotate(-9deg) translate(3px, 0px) scale(1, 1);
box-shadow: none; }
49.5% { transform: rotate(-9deg) translate(3px, 0px) scale(1, 1);
box-shadow: none; }
50.4% { transform: rotate(-9deg) translate(-3px, 16px) scale(1, 1);
box-shadow: none; }
51.3% { transform: rotate(-9deg) translate(-3px, 16px) scale(1, 1);
box-shadow: none; }
52.2% { transform: rotate(-9deg) translate(-1px, 11px) scale(0.7, 1.5);
box-shadow: 0 -1px; }
53.1% { transform: rotate(-9deg) translate(-1px, 11px) scale(0.7, 1.5);
box-shadow: 0 -1px; }
54.0% { transform: rotate(-9deg) translate(-2px, 18px) scale(0.7, 1.5);
box-shadow: none; }
54.9% { transform: rotate(-9deg) translate(-2px, 18px) scale(0.7, 1.5);
box-shadow: none; }
55.8% { transform: rotate(-9deg) translate(-2px, 21px) scale(0.7, 1.5);
box-shadow: none; }
72.0% { transform: rotate(-9deg) translate(-2px, 21px) scale(0.7, 1.5);
box-shadow: none; }
72.9% { transform: rotate(-9deg) translate(0px, 11px) scale(0.6, 1.4);
box-shadow: 0 -1px; }
90.9% { transform: rotate(-9deg) translate(0px, 11px) scale(0.6, 1.4);
box-shadow: 0 -1px; }
92.7% { transform: rotate(-9deg) translate(0px, 21px) scale(0.6, 1.4);
box-shadow: none; }
100% { transform: rotate(-9deg) translate(0px, 21px) scale(0.6, 1.4);
box-shadow: none; }
}
@keyframes rabbit1Eye2 {
2.7% { transform: rotate(13deg) translate(0, 0); }
3.6% { transform: rotate(13deg) translate(0px, -8px); }
4.5% { transform: rotate(13deg) translate(0px, -8px); }
5.4% { transform: rotate(4deg) translate(6px, -12px); }
6.3% { transform: rotate(4deg) translate(6px, -12px); }
7.2% { transform: rotate(3deg) translate(14px, -16px); }
9.9% { transform: rotate(3deg) translate(14px, -16px); }
10.8% { transform: rotate(3deg) translate(8px, -14px); }
11.7% { transform: rotate(3deg) translate(8px, -14px); }
12.6% { transform: rotate(14deg) translate(0px, -7px); }
13.5% { transform: rotate(14deg) translate(0px, -7px); }
14.4% { transform: rotate(14deg) translate(1px, 1px); }
25.2% { transform: rotate(14deg) translate(1px, 1px); }
26.1% { transform: rotate(6deg) translate(-1px, 5px); }
27.0% { transform: rotate(6deg) translate(-1px, 5px); }
27.9% { transform: rotate(9deg) translate(-4px, 9px); }
28.8% { transform: rotate(9deg) translate(-4px, 9px); }
29.7% { transform: rotate(13deg) translate(-8px, 9px); }
30.6% { transform: rotate(13deg) translate(-8px, 9px); }
31.5% { transform: rotate(8deg) translate(-10px, 7px); }
32.4% { transform: rotate(8deg) translate(-10px, 7px); }
33.3% { transform: rotate(8deg) translate(-12px, 7px); }
34.2% { transform: rotate(8deg) translate(-12px, 7px); }
35.1% { transform: rotate(10deg) translate(-10px, 7px); }
39.6% { transform: rotate(10deg) translate(-10px, 7px); }
40.5% { transform: rotate(10deg) translate(-11px, 6px); }
49.5% { transform: rotate(10deg) translate(-11px, 6px); }
50.4% { transform: rotate(10deg) translate(-11px, 7px); }
53.1% { transform: rotate(10deg) translate(-11px, 7px); }
54.0% { transform: rotate(10deg) translate(-9px, 0px); }
54.9% { transform: rotate(10deg) translate(-9px, 0px); }
55.8% { transform: rotate(13deg) translate(-1px, -11px); }
56.7% { transform: rotate(13deg) translate(-1px, -11px); }
57.6% { transform: rotate(13deg) translate(-3px, -12px); }
70.2% { transform: rotate(13deg) translate(-3px, -12px); }
71.1% { transform: rotate(9deg) translate(-2px, -13px); }
72.0% { transform: rotate(9deg) translate(-2px, -13px); }
72.9% { transform: rotate(6deg) translate(-14px, 7px); }
73.8% { transform: rotate(6deg) translate(-14px, 7px); }
74.7% { transform: rotate(6deg) translate(16px, -27px); }
75.6% { transform: rotate(6deg) translate(15px, -26px); }
76.5% { transform: rotate(6deg) translate(15px, -26px); }
77.4% { transform: rotate(6deg) translate(18px, -27px); }
87.3% { transform: rotate(6deg) translate(18px, -27px); }
88.2% { transform: rotate(6deg) translate(16px, -28px); }
80.1% { transform: rotate(6deg) translate(16px, -28px); }
81.0% { transform: rotate(9deg) translate(9px, -33px); }
81.9% { transform: rotate(9deg) translate(5px, -34px); }
82.8% { transform: rotate(9deg) translate(5px, -34px); }
84.6% { transform: rotate(9deg) translate(3px, -35px); }
85.5% { transform: rotate(9deg) translate(3px, -35px); }
87.3% { transform: rotate(9deg) translate(0px, -33px); }
88.2% { transform: rotate(9deg) translate(0px, -33px); }
90.0% { transform: rotate(9deg) translate(3px, -29px); }
90.9% { transform: rotate(9deg) translate(3px, -29px); }
92.7% { transform: rotate(9deg) translate(0px, -19px); }
93.6% { transform: rotate(9deg) translate(0px, -19px); }
94.5% { transform: rotate(9deg) translate(-3px, -16px); }
95.4% { transform: rotate(9deg) translate(-3px, -16px); }
96.3% { transform: rotate(9deg) translate(-4px, -14px); }
100% { transform: rotate(9deg) translate(-4px, -14px); }
}
@keyframes rabbit1Eye2Before {
2.7% { transform: rotate(21deg) translate(0, 0); }
3.6% { transform: rotate(3deg) translate(-3px, -1px); }
4.5% { transform: rotate(3deg) translate(-3px, -1px); }
5.4% { transform: rotate(-2deg) translate(-2px, -3px); }
6.3% { transform: rotate(-2deg) translate(-2px, -3px); }
7.2% { transform: rotate(-2deg) translate(-7px, -4px); }
9.9% { transform: rotate(-2deg) translate(-7px, -4px); }
10.8% { transform: rotate(-1deg) translate(-3px, -2px); }
13.5% { transform: rotate(-1deg) translate(-3px, -2px); }
14.4% { transform: rotate(-1deg) translate(0px, -12px); }
15.3% { transform: rotate(-1deg) translate(0px, -12px); }
16.2% { transform: rotate(-1deg) translate(3px, -13px); }
17.1% { transform: rotate(-1deg) translate(3px, -13px); }
18.0% { transform: rotate(-1deg) translate(3px, -15px); }
20.7% { transform: rotate(-1deg) translate(3px, -15px); }
21.6% { transform: rotate(9deg) translate(1px, -13px); }
22.5% { transform: rotate(9deg) translate(1px, -13px); }
23.4% { transform: rotate(14deg) translate(-1px, -11px); }
25.2% { transform: rotate(14deg) translate(-1px, -11px); }
26.1% { transform: rotate(7deg) translate(1px, -8px); }
27.0% { transform: rotate(7deg) translate(1px, -8px); }
27.9% { transform: rotate(-22deg) translate(-2px, -5px); }
28.8% { transform: rotate(-22deg) translate(-2px, -5px); }
29.7% { transform: rotate(8deg) translate(-4px, -7px); }
30.6% { transform: rotate(8deg) translate(-4px, -7px); }
31.5% { transform: rotate(15deg) translate(-2px, -8px); }
32.4% { transform: rotate(15deg) translate(-2px, -8px); }
33.3% { transform: rotate(5deg) translate(-2px, -8px); }
37.8% { transform: rotate(5deg) translate(-2px, -8px); }
38.7% { transform: rotate(1deg) translate(-7px, -7px); }
45.0% { transform: rotate(1deg) translate(-7px, -7px); }
45.9% { transform: rotate(1deg) translate(-7px, -6px); }
49.5% { transform: rotate(1deg) translate(-7px, -6px); }
50.4% { transform: rotate(-10deg) translate(-4px, -5px); }
51.3% { transform: rotate(-10deg) translate(-4px, -5px); }
52.2% { transform: rotate(-10deg) translate(-4px, 1px); }
53.1% { transform: rotate(-10deg) translate(-4px, 1px); }
54.0% { transform: rotate(-16deg) translate(-1px, -4px); }
54.9% { transform: rotate(-16deg) translate(-1px, -4px); }
55.8% { transform: rotate(14deg) translate(-2px, -2px); }
56.7% { transform: rotate(14deg) translate(-2px, -2px); }
57.6% { transform: rotate(4deg) translate(-3px, -2px); }
72.0% { transform: rotate(4deg) translate(-3px, -2px); }
72.9% { transform: rotate(-9deg) translate(-2px, 0px); }
73.8% { transform: rotate(-9deg) translate(-2px, 0px); }
74.7% { transform: rotate(13deg) translate(-2px, -5px); }
81.0% { transform: rotate(13deg) translate(-2px, -5px); }
81.9% { transform: rotate(16deg) translate(-4px, -6px); }
90.9% { transform: rotate(16deg) translate(-4px, -6px); }
92.7% { transform: rotate(16deg) translate(-4px, 0px); }
100% { transform: rotate(16deg) translate(-4px, 0px); }
}
@keyframes rabbit1Eye2After {
4.5% { transform: rotate(-9deg) translate(0, 0) scale(1, 1);
box-shadow: none; }
5.4% { transform: rotate(-9deg) translate(1px, 3px) scale(1, 1);
box-shadow: none; }
9.9% { transform: rotate(-9deg) translate(1px, 3px) scale(1, 1);
box-shadow: none; }
10.8% { transform: rotate(-9deg) translate(-1px, 8px) scale(1, 1.4);
box-shadow: 0 1px; }
11.7% { transform: rotate(-9deg) translate(-1px, 8px) scale(1, 1.4);
box-shadow: 0 1px; }
12.6% { transform: rotate(-9deg) translate(-1px, -1px) scale(1, 1.4);
box-shadow: none; }
49.5% { transform: rotate(-9deg) translate(-1px, -1px) scale(1, 1.4);
box-shadow: none; }
50.4% { transform: rotate(-9deg) translate(-1px, 16px) scale(1, 1);
box-shadow: none; }
51.3% { transform: rotate(-9deg) translate(-1px, 16px) scale(1, 1);
box-shadow: none; }
52.2% { transform: rotate(-9deg) translate(0px, 11px) scale(1, 1.5);
box-shadow: 0 -1px; }
53.1% { transform: rotate(-9deg) translate(0px, 11px) scale(1, 1.5);
box-shadow: 0 -1px; }
54.0% { transform: rotate(-9deg) translate(-2px, 18px) scale(1, 1.5);
box-shadow: none; }
54.9% { transform: rotate(-9deg) translate(-2px, 18px) scale(1, 1.5);
box-shadow: none; }
55.8% { transform: rotate(-9deg) translate(-2px, 22px) scale(1, 1.5);
box-shadow: none; }
72.0% { transform: rotate(-9deg) translate(-2px, 22px) scale(1, 1.5);
box-shadow: none; }
72.9% { transform: rotate(-9deg) translate(-1px, 11px) scale(0.9, 1.5);
box-shadow: 0 -1px; }
90.9% { transform: rotate(-9deg) translate(-1px, 11px) scale(0.9, 1.5);
box-shadow: 0 -1px; }
92.7% { transform: rotate(-9deg) translate(-1px, 21px) scale(0.9, 1.5);
box-shadow: none; }
100% { transform: rotate(-9deg) translate(-1px, 21px) scale(0.9, 1.5);
box-shadow: none; }
}
@keyframes rabbit1Nose {
2.7% { transform: rotate(11deg) translate(0, 0); }
3.6% { transform: rotate(4deg) translate(0px, -1px); }
4.5% { transform: rotate(4deg) translate(0px, -1px); }
5.4% { transform: rotate(2deg) translate(7px, -2px); }
6.3% { transform: rotate(2deg) translate(7px, -2px); }
7.2% { transform: rotate(-2deg) translate(11px, -3px); }
9.9% { transform: rotate(-2deg) translate(11px, -3px); }
10.8% { transform: rotate(-5deg) translate(7px, -1px); }
11.7% { transform: rotate(-5deg) translate(7px, -1px); }
12.6% { transform: rotate(0deg) translate(-1px, -1px); }
13.5% { transform: rotate(0deg) translate(-1px, -1px); }
14.4% { transform: rotate(7deg) translate(-1px, 1px); }
25.2% { transform: rotate(7deg) translate(-1px, 1px); }
26.1% { transform: rotate(13deg) translate(-2px, 8px); }
27.0% { transform: rotate(13deg) translate(-2px, 8px); }
27.9% { transform: rotate(8deg) translate(-3px, 18px); }
28.8% { transform: rotate(8deg) translate(-3px, 18px); }
29.7% { transform: rotate(2deg) translate(-11px, 11px); }
30.6% { transform: rotate(2deg) translate(-11px, 11px); }
31.5% { transform: rotate(4deg) translate(-12px, 9px); }
32.4% { transform: rotate(4deg) translate(-12px, 9px); }
33.3% { transform: rotate(4deg) translate(-14px, 8px); }
34.2% { transform: rotate(4deg) translate(-14px, 8px); }
35.1% { transform: rotate(4deg) translate(-12px, 8px); }
37.8% { transform: rotate(4deg) translate(-12px, 8px); }
38.7% { transform: rotate(4deg) translate(-13px, 7px); }
53.1% { transform: rotate(4deg) translate(-13px, 7px); }
54.0% { transform: rotate(4deg) translate(-10px, 1px); }
54.9% { transform: rotate(4deg) translate(-10px, 1px); }
55.8% { transform: rotate(1deg) translate(-3px, -2px); }
63.9% { transform: rotate(1deg) translate(-3px, -2px); }
64.8% { transform: rotate(6deg) translate(-3px, -3px); }
70.2% { transform: rotate(6deg) translate(-3px, -3px); }
71.1% { transform: rotate(2deg) translate(-3px, -4px); }
72.0% { transform: rotate(2deg) translate(-3px, -4px); }
72.9% { transform: rotate(7deg) translate(-15px, 6px); }
73.8% { transform: rotate(7deg) translate(-15px, 6px); }
74.7% { transform: rotate(5deg) translate(9px, -22px); }
75.6% { transform: rotate(1deg) translate(6px, -20px); }
76.5% { transform: rotate(1deg) translate(6px, -20px); }
77.4% { transform: rotate(1deg) translate(9px, -23px); }
87.3% { transform: rotate(1deg) translate(9px, -23px); }
88.2% { transform: rotate(5deg) translate(7px, -26px); }
80.1% { transform: rotate(5deg) translate(7px, -26px); }
81.0% { transform: rotate(5deg) translate(5px, -31px); }
81.9% { transform: rotate(5deg) translate(1px, -31px); }
82.8% { transform: rotate(5deg) translate(1px, -31px); }
84.6% { transform: rotate(-3deg) translate(3px, -28px); }
85.5% { transform: rotate(-3deg) translate(3px, -28px); }
87.3% { transform: rotate(-3deg) translate(-1px, -27px); }
88.2% { transform: rotate(-3deg) translate(-1px, -27px); }
90.0% { transform: rotate(-3deg) translate(2px, -23px); }
90.9% { transform: rotate(-3deg) translate(2px, -23px); }
92.7% { transform: rotate(2deg) translate(0px, -15px); }
93.6% { transform: rotate(2deg) translate(0px, -15px); }
94.5% { transform: rotate(2deg) translate(-4px, -12px); }
95.4% { transform: rotate(2deg) translate(-4px, -12px); }
96.3% { transform: rotate(2deg) translate(-5px, -9px); }
100% { transform: rotate(2deg) translate(-5px, -9px); }
}
@keyframes lightning {
0% { transform: scale(1); }
20% { transform: scale(0.9); }
40% { transform: scale(1); }
70% { transform: scale(0.8); }
}