.bot {
    filter: drop-shadow(-50px -15px 5px rgba(0, 0, 0, 0.05));
    position: relative;
}
.bot-wrapper {
    transform: translateY(25px);
}
/* ------------------- */
.bot-hat,
.bot-antenna {
    display: none;
}
.bot--winter .bot-hat {
    display: block !important;
}
.bot--summer .bot-antenna {
    display: block !important;
}
/* ------------------- */
.bot-hat {
    display: none;
}
/* ------------------- */
.bot-top {
    transform-box: fill-box;
    transform-origin: center;
    transition: 0.1s;
}
.bot-top.jump {
    transform: translateY(-25px);
}
.bot-top.rotate-to-right {
    transform: rotate(-15deg) translate(-15px, -5px);
}
/* ------------------- */
.bot-body {
    transform-box: fill-box;
    transform-origin: center;
    transition: 0.1s;
}
.bot-body.jump {
    transform: translateY(-30px);
}
.bot-body.rotate-to-right {
    transform: rotate(-15deg) translate(-2px, -5px);
}
/* ------------------- */
.bot-legs.jump {
    transform: translateY(-30px);
}
.bot-legs.jump .bot-leg--right {
    transform: rotate(10deg) translate(0);
}
.bot-legs.jump .bot-leg--left {
    transform: rotate(-10deg) translate(0);
}
.bot-leg {
    transform-box: fill-box;
    transform-origin: top;
    transition: 0.1s;
}
.bot-leg--left.rotate-to-right {
    transform: rotate(-10deg) translate(3px, -3px);
}
/* ------------------- */
.bot-head {
    transform-box: fill-box;
    transform-origin: center;
    transition: 0.1s;
}
.bot-head.to-left {
    transform: rotate(-15deg) translate(-15px);
}
.bot-head.to-right {
    transform: rotate(10deg) translate(15px);
}
/* ------------------- */
.bot-pupil {
    transition: 0.1s;
    transform-box: fill-box;
    transform-origin: center;
}
.bot-pupil.closed {
    ry: 0.2;
    transform: translateY(3px);
}

.bot-pupil.to-left {
    transform: translate(-5px, -1px);
}
.bot-pupil.to-right {
    transform: translate(5px, 0px);
}
.bot-pupil.to-bottom {
    transform: translate(0, 4px);
}
.bot-pupil.to-top {
    transform: translate(0, -4px);
}
/* ------------------- */
.bot-hand {
    transform-box: fill-box;
    transform-origin: bottom;
}
.bot-hand,
.bot-hand .bot-palm,
.bot-hand .bot-shoulder {
    transition: 0.2s;
}

.bot-hand--right.to-top .bot-shoulder--right {
    d: path(
        'm 4.6108395,83.882574 3.192,1.29 c -5.904,14.621 -4.557,29.010996 4.0060005,42.767996 6.463,10.381 14.828,16.492 14.911,16.553 l -2.013,2.794 c -0.362,-0.261 -8.93,-6.502 -15.7560005,-17.423 -6.349,-10.157 -12.256,-26.379 -4.34,-45.981996 z'
    );
}
.bot-hand--right.to-top .bot-palm--base {
    d: path(
        'm -3.8262621,74.51237 c -2.994,7.641 -0.869,15.659 4.865,18.062 5.8460004,2.448 13.2230011,-1.865 16.4790011,-9.636 0.474,-1.134 0.832,-2.278 1.084,-3.414 -2.447,1.374 -5.42,2.181 -8.6250003,2.181 -6.1380008,-0.001 -11.4170008,-2.952 -13.8030008,-7.193 z'
    );
}
.bot-hand--right.to-top .bot-palm--1 {
    d: path(
        'm 2.7387379,80.21437 c 2.1510002,0.948 4.6140004,1.49 7.2370008,1.49 3.2050003,0 6.1780003,-0.807 8.6250003,-2.181 1.475,-6.649 -0.783,-12.996 -5.775,-15.088 -0.241,-0.102 -0.488,-0.174 -0.734,-0.252 -2.5860003,2.429 -7.3180009,7.798 -9.3530011,16.031 z'
    );
}
.bot-hand--right.to-top .bot-palm--2 {
    d: path(
        'm -3.6512621,74.07137 c -0.061,0.147 -0.116,0.294 -0.175,0.441 1.365,2.429 3.68399999,4.431 6.565,5.702 2.0340002,-8.233 6.7670008,-13.603 9.3530011,-16.03 -5.7150007,-1.818 -12.62300114,2.437 -15.7430011,9.887 z'
    );
}
.bot-hand--left.to-top .bot-shoulder--left {
    d: path(
        'm 145.98134,87.262582 -3.193,1.29 c 5.905,14.620998 0.60776,28.256588 -7.95424,42.013588 -6.462,10.381 -14.828,16.492 -14.911,16.553 l 2.013,2.794 c 0.361,-0.261 8.931,-6.502 15.757,-17.423 6.348,-10.157 16.20424,-25.62459 8.28824,-45.227588 z'
    );
}
.bot-hand--left.to-top .bot-palm--base {
    d: path(
        'm 152.71736,74.827273 c 2.994,7.641 0.869,15.659 -4.866,18.062 -5.845,2.448 -13.223,-1.865 -16.478,-9.636 -0.475,-1.134 -0.833,-2.278 -1.085,-3.414 2.448,1.374 5.421,2.181 8.626,2.181 6.137,-0.001 11.417,-2.952 13.803,-7.193 z'
    );
}
.bot-hand--left.to-top .bot-palm--1 {
    d: path(
        'm 146.15036,80.529273 c -2.15,0.948 -4.613,1.49 -7.236,1.49 -3.205,0 -6.178,-0.807 -8.626,-2.181 -1.475,-6.649 0.784,-12.996 5.775,-15.088 0.241,-0.102 0.488,-0.174 0.733,-0.252 2.589,2.429 7.32,7.798 9.354,16.031 z'
    );
}
.bot-hand--left.to-top .bot-palm--2 {
    d: path(
        'm 152.54236,74.386273 c 0.061,0.147 0.115,0.294 0.175,0.441 -1.367,2.429 -3.685,4.431 -6.566,5.702 -2.034,-8.233 -6.766,-13.603 -9.354,-16.03 5.714,-1.818 12.624,2.437 15.745,9.887 z'
    );
}
.bot-hand--right.raising .bot-shoulder--right {
    d: path(
        'm -26.134003,187.96588 3.395651,0.56791 c 2.605464,-15.55129 11.272725,-27.11697 25.7618954,-34.37259 10.9346706,-5.47435 21.2599946,-6.31413 21.3626356,-6.32278 l -0.256504,-3.43406 c -0.445027,0.0334 -11.011362,0.87795 -22.5376895,6.62306 -10.7204306,5.34292 -24.2329485,16.08805 -27.7259885,36.93846 z'
    );
}
.bot-hand--right.raising .bot-palm--base {
    d: path(
        'm -37.134759,197.39429 c 1.439606,-8.07938 7.44086,-13.80554 13.585463,-12.85843 6.263611,0.96727 10.300001,8.49918 9.015861,16.8263 -0.188362,1.21456 -0.480855,2.37703 -0.859548,3.4773 -1.368498,-2.45008 -3.481741,-4.69155 -6.214452,-6.36616 -5.234028,-3.20624 -11.277009,-3.44837 -15.527324,-1.07901 z'
    );
}
.bot-hand--right.raising .bot-palm--1 {
    d: path(
        'm -28.55789,195.96274 c 2.329357,0.31559 4.712604,1.14038 6.949079,2.51089 2.732712,1.67461 4.845955,3.91608 6.214452,6.36616 -2.216448,6.43989 -7.458008,10.6718 -12.807454,9.84721 -0.258782,-0.039 -0.507004,-0.10662 -0.757508,-0.16865 -0.935778,-3.42225 -2.165177,-10.47254 0.401431,-18.55561 z'
    );
}
.bot-hand--right.raising .bot-palm--2 {
    d: path(
        'm -37.215969,197.86175 c 0.0248,-0.15721 0.05471,-0.31129 0.08121,-0.46746 2.433002,-1.35785 5.456317,-1.85316 8.576869,-1.43155 -2.567461,8.08255 -1.337732,15.13422 -0.400908,18.55475 -5.822741,-1.43598 -9.489548,-8.67338 -8.257171,-16.65574 z'
    );
}

.bot-hand--left.raising .bot-shoulder--left {
    d: path(
        'm 173.48112,185.58121 -3.39651,0.56843 c -2.60461,-15.55181 -11.27272,-27.11697 -25.76104,-34.37311 -10.93382,-5.47487 -21.25999,-6.31413 -21.36264,-6.32278 l 0.25651,-3.43406 c 0.44417,0.0339 11.01221,0.87743 22.53854,6.62254 10.71958,5.34344 24.2321,16.08857 27.72514,36.93898 z'
    );
}
.bot-hand--left.raising .bot-palm--base {
    d: path(
        'm 184.00375,195.3493 c -1.4396,-8.07938 -7.44086,-13.80554 -13.58631,-12.85791 -6.26276,0.96674 -10.3,8.49917 -9.01501,16.82577 0.18751,1.21508 0.48,2.37756 0.85869,3.47783 1.36935,-2.45061 3.4826,-4.69207 6.21531,-6.36668 5.23317,-3.20572 11.27701,-3.44838 15.52732,-1.07901 z'
    );
}
.bot-hand--left.raising .bot-palm--1 {
    d: path(
        'm 175.42518,193.91879 c -2.32851,0.31507 -4.71175,1.13986 -6.94823,2.51037 -2.73271,1.67461 -4.84595,3.91608 -6.2153,6.36668 2.21645,6.43989 7.45886,10.67127 12.80745,9.84721 0.25878,-0.039 0.50701,-0.10662 0.75666,-0.16813 0.93833,-3.42381 2.16688,-10.47358 -0.40058,-18.55613 z'
    );
}
.bot-hand--left.raising .bot-palm--2 {
    d: path(
        'm 184.08496,195.81675 c -0.0248,-0.15721 -0.0556,-0.31076 -0.0812,-0.46745 -2.4347,-1.35681 -5.45717,-1.85264 -8.57772,-1.43103 2.56746,8.08255 1.33859,15.13369 0.40006,18.55528 5.82189,-1.43546 9.4904,-8.67391 8.25887,-16.6568 z'
    );
}
.bot-hand.swing-to-left {
    transform: rotateZ(-8deg);
}
.bot-hand.swing-to-right {
    transform: rotateZ(8deg);
}
/* ------------------- */

.bot-smile {
    transition: 0.1s;
}
.bot-smile.smiled {
    d: path('m 43.556919,95.037916 c 0,0 19.588,36.997014 59.181001,16.623234 0,0 -37.607001,32.2393 -59.181001,-16.623234 z');
}

/* ------------------- */
.bot-hooray {
    transform: scale(0.5) translate(50px, 150px);
    transition: all 0.2s;
    opacity: 0;
}
.bot-hooray.is-visible {
    transform: scale(1) translate(-100px, -25px);
    opacity: 1 !important;
}
/* ------------------- */
.bot-push-to-btn {
    transform: scale(0.5) translate(100px, 150px);
    opacity: 0;
    cursor: pointer;
    transition: all 0.2s;
}
.bot-push-to-btn.is-visible {
    transform: scale(1) translate(130px, 5px);
    opacity: 1 !important;
}
/* ------------------- */
.bot-btn {
    cursor: pointer;
}