.web-account-bar{position:relative;z-index:1000;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;min-height:54px;padding:8px 16px;background:#172936;color:#e8e6db;font:14px/1.5 system-ui,sans-serif}.web-account-status{font-weight:700;color:#f4d99d;overflow-wrap:anywhere}.web-account-hint{color:#c8d4d6}.web-account-links{display:flex;gap:8px}.web-account-links a,.web-account-links button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:4px 14px;border:1px solid #a99265;border-radius:5px;color:#f4d99d;text-decoration:none;background:transparent;font:inherit;cursor:pointer}.web-account-links [hidden]{display:none}.web-account-links a:focus-visible,.web-account-links button:focus-visible{outline:2px solid #fff;outline-offset:2px}body[data-web-account-bar=true] #app{height:calc(100dvh - var(--web-account-bar-height, 54px))}body[data-web-account-bar=true][data-astra-viewport-shell=true] #app{top:calc(env(safe-area-inset-top) + var(--web-account-bar-height, 54px));height:auto}html:fullscreen .web-account-bar{display:none}html:fullscreen body[data-web-account-bar=true] #app{height:100dvh}html:fullscreen body[data-web-account-bar=true][data-astra-viewport-shell=true] #app{top:env(safe-area-inset-top);height:auto}
