.time-zone-clock-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.time-zone-clock{gap:2px;min-width:0;display:grid}.time-zone-clock h3{color:var(--color-muted);font-size:var(--font-size-small)}.time-zone-clock output{font:var(--font-size-title)/1.6 var(--font-mono);color:var(--color-primary)}.time-zone-clock span{color:var(--color-muted);font-size:var(--font-size-small)}.time-zone-clock.is-accent output{color:var(--color-accent)}.custom-clock-list{gap:4px;display:grid}.custom-clock{align-items:center;gap:4px;display:flex}.custom-clock-select{text-align:left;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;width:100%;padding:4px 8px;display:grid}.custom-clock-select strong{overflow-wrap:anywhere;font-weight:400}.custom-clock-select small{grid-column:1/-1}.custom-clock-select[aria-pressed=true],.time-zone-option[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary)}.time-zone-list{overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-height:270px;margin-top:8px;padding:2px;display:grid;overflow-y:auto}.time-zone-option{overflow-wrap:anywhere;text-align:left;font-size:var(--font-size-small);justify-content:flex-start}[data-page=world-clock] main>.panel{margin-bottom:12px}@media (width<=640px){.time-zone-clock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.time-zone-list{grid-template-columns:repeat(2,minmax(0,1fr))}}