.animated-logout{display:inline-block}.animated-logout .logoutButton{--figure-duration:100ms;--transform-figure:none;--walking-duration:100ms;--transform-arm1:none;--transform-wrist1:none;--transform-arm2:none;--transform-wrist2:none;--transform-leg1:none;--transform-calf1:none;--transform-leg2:none;--transform-calf2:none;background:none;border:0;cursor:pointer;display:block;font-family:Quicksand,sans-serif;font-size:14px;font-weight:500;height:40px;outline:none;padding:0 0 0 20px;perspective:100px;position:relative;text-align:left;width:130px;-webkit-tap-highlight-color:transparent}.animated-logout .logoutButton:before{background-color:#f4f7ff;border-radius:5px;content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:none;transition:transform 50ms ease;width:100%;z-index:2}.animated-logout .logoutButton--light .button-text{color:#1f2335;position:relative;z-index:10}.animated-logout .logoutButton--light .door,.animated-logout .logoutButton--light .doorway{fill:#1f2335}.animated-logout .logoutButton:hover .door{transform:rotateY(20deg)}.animated-logout .logoutButton:active:before{transform:scale(.96)}.animated-logout .logoutButton:active .door{transform:rotateY(28deg)}.animated-logout .logoutButton.clicked:before{transform:none}.animated-logout .logoutButton.clicked .door{transform:rotateY(35deg)}.animated-logout .logoutButton.door-slammed .door{transform:none;transition:transform .1s ease-in .25s}.animated-logout .logoutButton.falling{animation:shake .2s linear}.animated-logout .logoutButton.falling .bang{animation:flash .3s linear}.animated-logout .logoutButton.falling .figure{animation:spin 1s linear infinite;bottom:-60px;opacity:0;right:1px;transition:transform calc(var(--figure-duration) * 1ms) linear,bottom calc(var(--figure-duration) * 1ms) cubic-bezier(.7,.1,1,1) .1s,opacity calc(var(--figure-duration) * .25ms) linear calc(var(--figure-duration) * .75ms);z-index:1}.animated-logout svg{display:block;position:absolute}.animated-logout .figure{bottom:5px;fill:#4371f7;right:18px;transform:var(--transform-figure);transition:transform calc(var(--figure-duration) * 1ms) cubic-bezier(.2,.1,.8,.9);width:30px;z-index:4}.animated-logout .door,.animated-logout .doorway{bottom:4px;right:12px;width:32px}.animated-logout .door{transform:rotateY(20deg);transform-origin:100% 50%;transform-style:preserve-3d;transition:transform .2s ease;z-index:5}.animated-logout .door path{fill:#4371f7;stroke:#4371f7;stroke-width:4}.animated-logout .doorway{z-index:3}.animated-logout .bang{opacity:0}.animated-logout .arm1,.animated-logout .arm2,.animated-logout .calf1,.animated-logout .calf2,.animated-logout .leg1,.animated-logout .leg2,.animated-logout .wrist1,.animated-logout .wrist2{transition:transform calc(var(--walking-duration) * 1ms) ease-in-out}.animated-logout .arm1{transform:var(--transform-arm1);transform-origin:52% 45%}.animated-logout .wrist1{transform:var(--transform-wrist1);transform-origin:59% 55%}.animated-logout .arm2{transform:var(--transform-arm2);transform-origin:47% 43%}.animated-logout .wrist2{transform:var(--transform-wrist2);transform-origin:35% 47%}.animated-logout .leg1{transform:var(--transform-leg1);transform-origin:47% 64.5%}.animated-logout .calf1{transform:var(--transform-calf1);transform-origin:55.5% 71.5%}.animated-logout .leg2{transform:var(--transform-leg2);transform-origin:43% 63%}.animated-logout .calf2{transform:var(--transform-calf2);transform-origin:41.5% 73%}@keyframes spin{0%{transform:rotate(0deg) scale(.94)}to{transform:rotate(359deg) scale(.94)}}@keyframes shake{0%{transform:rotate(-1deg)}50%{transform:rotate(2deg)}to{transform:rotate(-1deg)}}@keyframes flash{0%{opacity:.4}to{opacity:0}}