.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:500;display:block;position:relative}.logoutButton:before{content:"";z-index:2;background-color:#1f2335;border-radius:5px;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 shake}.logoutButton.falling .bang{animation:.3s linear 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 spin;bottom:-1080px;right:1px}.logoutButton--light:before{background-color:#f4f7ff}.logoutButton--light .button-text{color:#1f2335}.logoutButton--light .door,.logoutButton--light .doorway{fill:#1f2335}.button-text{color:#f4f7ff;z-index:10;font-weight:500;position:relative}.logoutButton svg{display:block;position:absolute}.logoutButton .figure{fill:#4371f7;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:#4371f7;stroke:#4371f7;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 spin{0%{transform:rotate(0)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}}.logoutButton--printa4{justify-content:center;align-items:center;width:100%;height:48px;padding:0;display:flex}.logoutButton--printa4:before{background-color:#0000;border:1px solid #fee2e2;border-radius:12px}.logoutButton--printa4:hover:before{background-color:#fef2f2}.logoutButton--printa4 .button-text{color:#dc2626;margin-right:24px;font-weight:600}.logoutButton--printa4 .door,.logoutButton--printa4 .doorway{fill:#dc2626;right:16px}.logoutButton--printa4 .figure{fill:#ef4444;right:22px}.logoutButton--printa4 .door path{fill:#ef4444;stroke:#ef4444}