.tool[data-tool=world-clock] .wc-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));margin:0;padding:0;list-style:none;display:grid}.tool[data-tool=world-clock] .wc-card{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--r-md);background:var(--c-primary-soft);border-inline-start:4px solid var(--c-border);flex-direction:column;display:flex}.tool[data-tool=world-clock] .wc-card.is-day{border-inline-start-color:var(--c-accent)}.tool[data-tool=world-clock] .wc-card.is-night{background:var(--c-surface-2)}.tool[data-tool=world-clock] .wc-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.tool[data-tool=world-clock] .wc-city{overflow-wrap:anywhere}.tool[data-tool=world-clock] .wc-x{min-inline-size:var(--tap);min-block-size:var(--tap);padding:0}.tool[data-tool=world-clock] .wc-time{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:700}.tool[data-tool=world-clock] .wc-date,.tool[data-tool=world-clock] .wc-off{font-size:var(--fs-sm);color:var(--c-text-2)}