.topbar .top-icon-btn{appearance:none;display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:1px solid #d9e1ec;border-radius:11px;background:#fff;color:#435975;cursor:pointer;text-decoration:none;line-height:1;box-shadow:0 1px 2px #16294208;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
.topbar .top-icon-btn[hidden]{display:none!important}
.topbar .top-icon-btn:hover:not(:disabled){background:#f3f7ff;border-color:#bacbe6;color:#244f8e;box-shadow:0 2px 7px #18345212}
.topbar .top-icon-btn:focus-visible{outline:3px solid #6b94e8;outline-offset:2px}
.topbar .top-icon-btn:disabled{cursor:not-allowed;opacity:.5}
.topbar .top-icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar .top-icon-brand{background:#f2f6fc;color:#284f88}
.topbar .top-icon-btn[aria-pressed=true]{border-color:#c7d7ed;background:#f1f6ff;color:#285b9d}
.topbar .topbar-help{margin-left:0}
.topbar #picture-control{display:inline-flex;align-items:center}
.topbar #connection-status{display:grid;place-items:center;width:16px;min-width:16px;height:16px;min-height:16px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit}
.topbar #connection-status .connection-status-label{display:none}
.topbar #connection-status .connection-status-dot{width:9px;height:9px;flex-basis:9px}
.topbar .outlook-connection{min-width:46px;min-height:36px;gap:4px;padding:4px 7px;border-radius:11px}
.topbar .outlook-connection-state{width:14px;height:14px;flex-basis:14px}
.topbar .outlook-connection-state svg{width:14px;height:14px}
@media(max-width:650px){.topbar .top-icon-btn{width:34px;height:34px;min-width:34px;min-height:34px}.topbar .outlook-connection{min-width:43px;min-height:34px;padding:4px 6px}}