.logoutButton{cursor:pointer;color:#fff;background:#20263c;border:none;border-radius:12px;outline:none;width:160px;height:58px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000040,0 4px 10px #00000026}.logoutButton:hover{background:#2a3150;box-shadow:0 16px 35px #00000059,0 8px 18px #0003}.logoutButton:active{transform:scale(.97)}.button-text{letter-spacing:.4px;z-index:10;font-family:inherit;font-size:16px;font-weight:100;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.logoutButton svg{display:block;position:absolute;overflow:visible}.doorway{fill:#d7dce6;z-index:3;width:40px;bottom:10px;right:22px}.door{fill:#4d7cff;transform-origin:100%;width:50px;transform-style:preserve-3d;z-index:5;transition:all .45s;bottom:5px;right:21px;transform:rotateY(20deg)}.door path{fill:#4d7cff;stroke:#4371f7;stroke-width:4px}.door circle{fill:#fff}.figure{fill:#4e7bf8;transform-origin:50%;z-index:9;width:38px;transition:transform .8s linear,opacity .7s;position:absolute;bottom:11px;right:32px}.logoutButton:hover .door{transform:perspective(300px)rotateY(45deg)}.logoutButton.walk .figure{transform:translate(20px)}.logoutButton.walk .door{transform:perspective(300px)rotateY(75deg)}.logoutButton.fall{animation:.25s shake}.logoutButton.fall .figure{opacity:1;transition:bottom 1s ease-in,opacity .5s;animation:1s linear infinite spin;bottom:-1080px;right:1px}@keyframes spin{0%{transform:rotate(0)scale(.94)}to{transform:rotate(360deg)scale(.94)}}.bang{opacity:0;fill:#ffcf33}.logoutButton.fall .bang{animation:.85s .2s flash}@keyframes shake{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes flash{0%{opacity:1}to{opacity:0}}.logoutButton{--arm1:rotate(0deg);--wrist1:rotate(0deg);--arm2:rotate(0deg);--wrist2:rotate(0deg);--leg1:rotate(0deg);--calf1:rotate(0deg);--leg2:rotate(0deg);--calf2:rotate(0deg)}.arm1{transform:var(--arm1);transform-origin:52% 45%;transition:all .12s linear}.wrist1{transform:var(--wrist1);transform-origin:59% 55%;transition:all .12s linear}.arm2{transform:var(--arm2);transform-origin:47% 43%;transition:all .12s linear}.wrist2{transform:var(--wrist2);transform-origin:35% 47%;transition:all .12s linear}.leg1{transform:var(--leg1);transform-origin:47% 64.5%;transition:all .12s linear}.calf1{transform:var(--calf1);transform-origin:55.5% 71.5%;transition:all .12s linear}.leg2{transform:var(--leg2);transform-origin:43% 63%;transition:all .12s linear}.calf2{transform:var(--calf2);transform-origin:41.5% 73%;transition:all .12s linear}
