.logoutButton{--figure-duration:.1s;--transform-figure:none;--walking-duration:.1s;--transform-arm1:none;--transform-wrist1:none;--transform-arm2:none;--transform-wrist2:none;--transform-leg1:none;--transform-calf1:none;--transform-leg2:none;--transform-calf2:none;color:#f4f7ff;cursor:pointer;perspective:100px;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;width:130px;height:40px;padding:0 0 0 20px;font-family:inherit;font-size:14px;font-weight:600;display:block;position:relative}.logoutButton--block{width:100%}.logoutButton:before{content:"";z-index:2;background-color:#124266;border-radius:8px;width:100%;height:100%;transition:transform 50ms;display:block;position:absolute;top:0;left:0;transform:none}.logoutButton:hover .door{transform:rotateY(20deg)}.logoutButton:active:before{transform:scale(.96)}.logoutButton:active .door{transform:rotateY(28deg)}.logoutButton.clicked:before{transform:none}.logoutButton.clicked .door{transform:rotateY(35deg)}.logoutButton.door-slammed .door{transition:transform .1s ease-in .25s;transform:none}.logoutButton.falling{animation:.2s linear lb-shake}.logoutButton.falling .bang{animation:.3s linear lb-flash}.logoutButton.falling .figure{opacity:0;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;animation:1s linear infinite lb-spin;bottom:-1080px;right:1px}.logoutButton--light:before{background-color:#f4f7ff;box-shadow:0 1px 2px #1242661f}.logoutButton--light .button-text{color:#124266}.logoutButton--light .door,.logoutButton--light .doorway{fill:#124266}.logoutButton .button-text{color:#f4f7ff;z-index:10;font-weight:700;position:relative}.logoutButton svg{display:block;position:absolute}.logoutButton .figure{fill:#2cb4c3;transform:var(--transform-figure);transition:transform calc(var(--figure-duration) * 1ms) cubic-bezier(.2, .1, .8, .9);z-index:4;width:30px;bottom:5px;right:18px}.logoutButton .door,.logoutButton .doorway{fill:#f4f7ff;width:32px;bottom:4px;right:12px}.logoutButton .door{transform-origin:100%;transform-style:preserve-3d;z-index:5;transition:transform .2s;transform:rotateY(20deg)}.logoutButton .door path{fill:#2cb4c3;stroke:#2cb4c3;stroke-width:4px}.logoutButton .doorway{z-index:3}.logoutButton .bang{opacity:0}.logoutButton .arm1,.logoutButton .wrist1,.logoutButton .arm2,.logoutButton .wrist2,.logoutButton .leg1,.logoutButton .calf1,.logoutButton .leg2,.logoutButton .calf2{transition:transform calc(var(--walking-duration) * 1ms) ease-in-out}.logoutButton .arm1{transform:var(--transform-arm1);transform-origin:52% 45%}.logoutButton .wrist1{transform:var(--transform-wrist1);transform-origin:59% 55%}.logoutButton .arm2{transform:var(--transform-arm2);transform-origin:47% 43%}.logoutButton .wrist2{transform:var(--transform-wrist2);transform-origin:35% 47%}.logoutButton .leg1{transform:var(--transform-leg1);transform-origin:47% 64.5%}.logoutButton .calf1{transform:var(--transform-calf1);transform-origin:55.5% 71.5%}.logoutButton .leg2{transform:var(--transform-leg2);transform-origin:43% 63%}.logoutButton .calf2{transform:var(--transform-calf2);transform-origin:41.5% 73%}@keyframes lb-spin{0%{transform:rotate(0)scale(.94)}to{transform:rotate(359deg)scale(.94)}}@keyframes lb-shake{0%{transform:rotate(-1deg)}50%{transform:rotate(2deg)}to{transform:rotate(-1deg)}}@keyframes lb-flash{0%{opacity:.4}to{opacity:0}}@media (prefers-reduced-motion:reduce){.logoutButton,.logoutButton *{transition:none!important;animation:none!important}}