.account-access-clock{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0}
.account-access-clock .access-clock-part,.account-access-clock .access-clock-status{flex:1 1 200px;min-width:0;padding:18px 20px;border:1px solid #d7e0e8;border-radius:14px;background:#fff;color:#07152d}
.account-access-clock small,.account-access-clock .access-clock-queue{display:block;font:13px/1.5 Inter,Arial,sans-serif;color:#5f6f82}
.account-access-clock strong{display:block;font:650 clamp(27px,3vw,36px)/1.35 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:5px 0}
.account-access-clock .access-clock-status p{font:13px/1.5 Inter,Arial,sans-serif;color:#5f6f82;margin:6px 0 0}
.workspace-clock{display:flex;justify-content:center;align-items:center;flex:0 0 auto;text-decoration:none;color:#07152d;padding:0 8px;min-height:28px;max-width:112px;border-inline:1px solid #d7e0e8}
.workspace-clock .access-clock-part,.workspace-clock .access-clock-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.workspace-clock small{--gw-type-body:11px;--font-text:11px;--font-hint:11px;font:11px/1.1 Inter,Arial,sans-serif;color:#5f6f82}
.workspace-clock strong{--gw-type-body:13px;--font-text:13px;font:600 13px/1.1 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
/* The workspace's global typography sets an important line-height on every small/strong. */
html body:not(.landing-open) main.map-app .workspace-clock :is(small,strong){line-height:1.1!important}
.workspace-clock:focus-visible{outline:3px solid #3979a8;outline-offset:2px;border-radius:6px}
.workspace-clock[hidden],.account-access-clock[hidden]{display:none}
@media(max-width:600px){.workspace-clock{padding:0 7px}.workspace-clock small{font-size:10px}.workspace-clock strong{font-size:12px}.account-access-clock .access-clock-part,.account-access-clock .access-clock-status{padding:16px}}