.topbar-right .clock.world-clocks {
  display:grid;
  grid-template-columns:repeat(4,max-content);
  gap:14px;
  flex-shrink:0;
}
.world-clock {display:flex;flex-direction:column;gap:3px;white-space:nowrap;line-height:1.3;}
.world-clock + .world-clock {border-left:1px solid var(--line);padding-left:14px;}
.world-clock-label {font-size:10px;letter-spacing:0;}
.world-clock time {font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:0;}
@media(max-width:1280px) {
  .topbar {min-height:78px;height:auto;gap:12px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;}
  .topbar-right {margin-left:auto;gap:12px;}
  .topbar-right .clock.world-clocks {gap:9px;}
  .world-clock + .world-clock {padding-left:9px;}
}
@media(max-width:980px) {
  .topbar-right {flex-wrap:wrap;}
  .topbar-right .clock.world-clocks {display:grid;}
}
@media(max-width:720px) {
  .topbar {padding:12px 20px;}
  .topbar-right {width:100%;}
  .topbar-right .clock.world-clocks {order:2;flex:1 0 100%;grid-template-columns:repeat(4,minmax(0,1fr));}
  .world-clock time {font-size:10px;}
}
@media(max-width:480px) {
  .topbar-right .clock.world-clocks {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;}
  .world-clock + .world-clock {border-left:0;padding-left:0;}
}