.stracto-account-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:0;margin:0 0 16px;border:0;border-radius:0;background:transparent;color:#eef5ff;font:14px/1.5 system-ui,sans-serif;box-sizing:border-box}
.stracto-account-bar a{color:#b8dcff;text-decoration:none;margin:0;padding:0}
.stracto-account-bar a:hover{text-decoration:underline}
.stracto-account-bar .stracto-user-menu{position:relative;margin-left:auto;max-width:100%}
.stracto-account-bar .stracto-user-button{display:flex;align-items:center;gap:10px;min-height:46px;max-width:100%;border:1px solid #45617f;border-radius:10px;background:#112139;color:#eef5ff;padding:8px 12px;margin:0;cursor:pointer;font:inherit;text-align:left}
.stracto-account-bar .stracto-user-avatar{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#29486b;font-weight:700}
.stracto-account-bar .stracto-user-summary{min-width:0;overflow-wrap:anywhere}
.stracto-account-bar .stracto-user-summary strong,.stracto-account-bar .stracto-user-summary small{display:block}
.stracto-account-bar .stracto-user-summary small{color:#b3c7e0;font-size:12px}
.stracto-account-bar .stracto-user-panel{position:absolute;right:0;top:calc(100% + 8px);width:300px;max-width:calc(100vw - 48px);padding:16px;border:1px solid #45617f;border-radius:12px;background:#112139;color:#eef5ff;box-shadow:0 12px 28px #0004;z-index:100;box-sizing:border-box;overflow-wrap:anywhere}
.stracto-account-bar .stracto-user-panel[hidden]{display:none}
.stracto-account-bar .stracto-user-panel p{margin:0 0 12px;color:#eef5ff}
.stracto-account-bar .stracto-user-panel small{display:block;color:#b3c7e0;margin-top:12px}
.stracto-account-bar :focus-visible{outline:3px solid #63dcff;outline-offset:3px}
@media(max-width:600px){.stracto-account-bar{padding:0}.stracto-account-bar .stracto-user-menu{margin-left:auto}.stracto-account-bar .stracto-user-panel{left:auto;right:0}}