body{color:#16191f;margin:0;font-family:system-ui,sans-serif}main{padding:1rem 1.5rem}.top-bar{color:#fff;background:#232f3e;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;display:flex}.top-bar h1{margin:0;font-size:1.1rem}.user-menu{position:relative}.user-menu__trigger,.user-menu__panel button{font:inherit;cursor:pointer}.user-menu__panel{color:#16191f;background:#fff;border:1px solid #d5dbdb;flex-direction:column;min-width:12rem;display:flex;position:absolute;right:0;box-shadow:0 2px 6px #0003}.user-menu__panel button{text-align:left;background:0 0;border:0;padding:.5rem .75rem}.user-menu__panel button:hover{background:#f2f3f3}.user-menu__identity{border-bottom:1px solid #d5dbdb;padding:.5rem .75rem}.user-menu__preferences{color:#16191f;background:#fff;border:1px solid #d5dbdb;padding:.75rem 1rem;position:fixed;top:4rem;right:1.5rem}