.clockframe{background-color:#789;border:1px solid #000;box-sizing:border-box;display:inline-grid;padding:2px 3px;place-items:center}.clock{box-sizing:border-box;color:#fff;gap:6px;text-align:center;width:-moz-fit-content;width:fit-content}.clock,.clock>*{align-items:center;display:inline-flex;justify-content:center}.signtime,.timewrap{gap:0}.clockframe .logo,.signtime,.timewrap{align-items:center;display:inline-flex}.clockframe .logo{justify-content:center}.clockframe .logo svg{display:block;height:auto}.clock .atsign,.clock .beats,.clock .centibeats,.clock .time{display:inline-block}.clock .atsign{margin-right:0}.clock .beats{margin-left:6px}.clock .time{font-variant-numeric:tabular-nums}.clockframe--stacked .clock{align-items:center;display:flex;flex-direction:column;gap:.15em;justify-content:center;text-align:center}.clockframe--stacked .logo svg{display:block;height:1em;width:auto}.clockframe--stacked .signtime{align-items:baseline;display:inline-flex;flex-direction:row;gap:.05em}.clockframe--stacked .atsign,.clockframe--stacked .beats{margin-left:0!important}.clockframe--stacked .beats{display:block;font-size:.75em;line-height:1;margin-top:.15em}.clockframe--stacked .timewrap{align-items:baseline;display:inline-flex;gap:.05em}