#wc-clocks{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}#wc-format{align-self:start}.wc-card{display:flex;flex-direction:column;gap:var(--tb-space-1);padding:var(--tb-space-3) var(--tb-space-4);background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius-lg);transition:border-color var(--tb-transition-fast),background-color var(--tb-transition-fast)}.wc-card--reference{background:var(--tb-color-white);border-color:var(--tb-accent)}.wc-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--tb-space-2)}.wc-card__place{display:flex;flex-direction:column;min-width:0}.wc-card__city{margin:0;overflow:hidden;color:var(--tb-text-primary);font-size:var(--tb-font-size-sm);font-weight:var(--tb-weight-semibold);line-height:var(--tb-leading-tight);white-space:nowrap;text-overflow:ellipsis}.wc-card__country{margin:0;overflow:hidden;color:var(--tb-muted);font-size:var(--tb-font-size-2xs);line-height:var(--tb-leading-tight);white-space:nowrap;text-overflow:ellipsis}.wc-card__remove{flex:none;opacity:.45;transition:opacity var(--tb-transition-fast)}.wc-card:hover .wc-card__remove,.wc-card__remove:focus-visible{opacity:1}.wc-card__time{display:block;color:var(--tb-text-primary);font-family:var(--tb-font-mono);font-size:var(--tb-font-size-2xl);font-weight:var(--tb-weight-semibold);line-height:var(--tb-leading-none);font-variant-numeric:tabular-nums}.wc-card__date{display:flex;align-items:baseline;gap:var(--tb-space-2);margin:0;color:var(--tb-text-secondary);font-size:var(--tb-font-size-xs);line-height:var(--tb-leading-tight)}.wc-card__dayshift{padding:1px var(--tb-space-1-5);font-size:var(--tb-font-size-3xs)}.wc-card__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--tb-space-1) var(--tb-space-2);margin:0;font-size:var(--tb-font-size-2xs);line-height:var(--tb-leading-tight)}.wc-card__diff{color:var(--tb-text-primary);font-weight:var(--tb-weight-semibold)}.wc-card__offset{color:var(--tb-muted);font-family:var(--tb-font-mono)}.wc-card__phase{display:inline-flex;align-items:center;gap:var(--tb-space-1);color:var(--tb-muted)}.wc-card__phase:before{width:8px;height:8px;border-radius:50%;background:var(--tb-color-indigo);content:""}.wc-card[data-phase=morning] .wc-card__phase:before{background:var(--tb-color-orange)}.wc-card[data-phase=day] .wc-card__phase:before{background:var(--tb-color-amber)}.wc-card[data-phase=evening] .wc-card__phase:before{background:var(--tb-color-violet)}.wc-clocks--shifted .wc-card{border-style:dashed}.wc-clocks--shifted .wc-card__time{color:var(--tb-color-primary)}#wc-shift{flex:1}@media(max-width:639px){.wc-card__time{font-size:var(--tb-font-size-xl)}}