.topbar-clock{width:210px;color:var(--foreground);box-sizing:border-box;flex:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;padding:4px 10px;display:grid}.topbar-clock-zone{grid-template-rows:14px 18px 12px;align-items:center;min-width:0;display:grid}.topbar-clock-selected{position:relative}.topbar-clock-selected:before{content:"";inset-inline-start:-10px;background:color-mix(in srgb, var(--border) 75%, transparent);pointer-events:none;width:1px;height:22px;position:absolute;top:50%;transform:translateY(-50%)}.topbar-clock-label,.topbar-clock-date{color:var(--muted-foreground);white-space:nowrap;font-size:10px}.topbar-clock-zone time{font-variant-numeric:tabular-nums;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:600;line-height:18px}.topbar-clock .virtual-select-field{gap:0}.topbar-clock .virtual-select-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar-clock .virtual-select-trigger{width:fit-content;max-width:100%;min-height:14px;color:var(--muted-foreground);background:0 0;border:0;border-radius:2px;justify-content:flex-start;gap:3px;padding:0;font-size:10px;line-height:14px}.topbar-clock .virtual-select-trigger:hover,.topbar-clock .virtual-select-trigger[aria-expanded=true]{color:var(--foreground)}.topbar-clock .virtual-select-trigger:focus-visible{outline-offset:2px}.topbar-clock .virtual-select-trigger .virtual-select-chevron{font-size:12px}@media (max-width:400px){.topbar-clock{column-gap:12px;width:174px;padding-inline:6px}.topbar-clock-selected:before{inset-inline-start:-6px}.topbar-clock-zone time{font-size:13px}}