html,body{margin:0;padding:0}*{box-sizing:border-box}.position-absolute{position:absolute;inset:0}.default-bg{background-color:var(--colorNeutralBackground1)}*::-webkit-scrollbar{height:20px}*::-webkit-scrollbar-track{background-color:transparent,}*::-webkit-scrollbar-thumb{background:var(--colorNeutralBackground1Hover);border-radius:1ex;border:4px solid transparent;background-clip:content-box}#app-root{position:absolute;inset:0;background-color:var(--colorNeutralBackground1);overflow:auto}.presence-display{margin:10px 20px}.layout-helper{display:grid;grid-template-areas:"header header header" "left center right" "footer footer footer";grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto}.layout-helper>*{position:relative}.layout-helper-header{grid-area:header}.layout-helper-footer{grid-area:footer}.layout-helper-left{grid-area:left}.layout-helper-right{grid-area:right}.layout-helper-center{grid-area:center;overflow:auto}.fields-container{display:flex;flex-direction:column;gap:var(--spacingVerticalL)}.drawer-content{margin:5px 25px}.input-group{display:flex;flex-direction:column;margin:10px auto}.input-group .divider{margin:5px 0}.user-action-card{margin:10px 0}.view-container .topbar{container-type:inline-size;overflow:hidden}.view-container .topbar .topbar-inner{margin:10px;display:grid;gap:10px;grid-template-columns:1fr auto}@container (max-width: 400px){.view-container .topbar .topbar-inner{grid-template-columns:1fr;grid-auto-flow:row}}.view-container .content{margin:10px}.users-group+.users-group{margin:20px 0}.users-group .users-list{margin-top:15px;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.user-status{background:var(--colorNeutralBackground2);width:300px;height:fit-content;border-left:6px solid transparent;border-radius:4px;display:grid;grid-template-areas:"avatar user-details" "avatar actions";grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:0px 5px;box-shadow:var(--shadow2Brand)}.user-status-minimal{width:210px;display:grid;grid-template-areas:"avatar user-details" "avatar actions";grid-template-columns:48px 1fr;grid-template-rows:1fr auto;justify-content:center}.user-status-minimal .avatar{border-radius:0}.user-status-normal .avatar{margin:4px}.user-status>.avatar{grid-area:avatar}.user-status>.user-details{grid-area:user-details;display:flex;flex-direction:column;justify-content:center}.user-status>.actions{grid-area:actions;display:flex;justify-content:space-between}.user-status.status-available{border-color:var(--colorPaletteLightGreenForeground3)}.user-status.status-idle{border-color:var(--colorPaletteMarigoldBackground3)}.user-status.status-busy{border-color:var(--colorPaletteRedBackground3)}.user-status.status-unknown{border-color:var(--colorNeutralBackground6);background:var(--colorNeutralBackground6)}