div#charmHover{position:fixed;right:0;bottom:0;width:110px;height:110px;background:0 0;border-radius:75px 0 0 0;filter:drop-shadow(0px 0px 10px black);pointer-events:all;opacity:1;z-index:50;transition-property:opacity,background-color;transition-duration:.25s}body:not([data-page]),body[data-page=login] div#charmHover{opacity:0;pointer-events:none}div#charm{position:fixed;width:20px;height:20px;border-radius:10px;background:#70c;right:30px;bottom:30px}button.charm.action{background-color:#70c;background-size:24px 24px;background-position:center center;background-repeat:no-repeat;transform:scaleX(-1);width:48px;height:48px;position:fixed;bottom:18px;right:18px;border-radius:24px;border:none;opacity:0;pointer-events:none;z-index:-1;transition-duration:.3s;transition-property:transform,opacity,z-index}button.charm.action:focus{outline:0;border:1px solid #000}button.charm.action:active{background-color:#fff}button.charm.settings.action{background-image:url(svg/settings.svg)}button.charm.logout.action{background-image:url(svg/exit.svg)}button.charm.manual.action{background-image:url(svg/manual.svg)}div#charm[data-active] button.charm.settings.action{transform:translateY(-70px) scaleX(-1);opacity:1;pointer-events:all}div#charm[data-active] button.charm.logout.action{transform:translateX(-50px) translateY(-50px) scaleX(-1);opacity:1;pointer-events:all}div#charm[data-active] button.charm.manual.action{transform:translateX(-70px) scaleX(-1);opacity:1;pointer-events:all}div#charm div.charm{position:absolute;width:20px;height:20px;top:0;left:0;background:#fff;border-radius:10px}div#charm[data-active] div.charm.minimize{left:-35px;top:0;opacity:1;pointer-events:all}div#charm[data-active] div.charm.exit{left:0;top:35px;opacity:1;pointer-events:all}