.world-clock{--wc-black:#111;--wc-orange:var(--color-primary,#ff6b00);--wc-row-alt:var(--color-background-soft,#f3f4f6);--wc-border:var(--color-border,#e5e7eb);width:100%;min-width:0;color:var(--color-text,#171717);font-family:var(--font-family-base,Arial, sans-serif);font-size:14px}.world-clock *,.world-clock :before,.world-clock :after{box-sizing:border-box}.world-clock .world-clock__regions{background:var(--wc-black);color:#bdbdbd;border-bottom:1px solid #303030;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0;padding:10px 12px;line-height:1.7;display:flex}.world-clock .world-clock__regions-label{color:#fff;font-weight:700}.world-clock .world-clock__regions button{appearance:none;color:#f5f5f5;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0}.world-clock .world-clock__regions button:hover,.world-clock .world-clock__regions button.is-active{color:var(--wc-orange);text-underline-offset:3px;text-decoration:underline}.world-clock .world-clock__toolbar{border:1px solid var(--wc-black);background:var(--wc-black);color:#fff;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;margin:0;padding:12px 14px;display:flex}.world-clock .world-clock__heading{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.world-clock .world-clock__toolbar h2{color:#fff;margin:0;padding:0;font-family:inherit;font-size:17px;font-weight:600;line-height:1.35}.world-clock .world-clock__live{color:var(--wc-orange);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.world-clock .world-clock__live-dot{background:var(--wc-orange);border-radius:50%;flex:0 0 7px;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #ff6b0026}.world-clock .world-clock__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.world-clock .world-clock__controls label{color:#f5f5f5;margin:0 1px 0 4px;font-size:12px;font-weight:600}.world-clock .world-clock__controls input,.world-clock .world-clock__controls select{color:#171717;background:#fff;border:1px solid #bdbdbd;border-radius:3px;min-width:0;max-width:220px;min-height:34px;margin:0;padding:6px 9px;font-family:inherit;font-size:13px}.world-clock .world-clock__controls input:focus,.world-clock .world-clock__controls select:focus{border-color:var(--wc-orange);outline:2px solid var(--wc-orange);outline-offset:1px}.world-clock .world-clock__status{border-right:1px solid var(--wc-border);border-left:1px solid var(--wc-border);background:var(--color-surface,#fff);color:var(--color-text-secondary,#737373);margin:0;padding:9px 12px;font-size:12px;line-height:1.4}.world-clock .world-clock__table-wrap{border:1px solid var(--wc-border);background:#fff;border-radius:0;width:100%;max-width:100%;display:block;overflow-x:auto}.world-clock table.world-clock__table{table-layout:fixed;background:#fff;min-width:920px;border-collapse:collapse!important;border-spacing:0!important;border:0!important;width:100%!important;margin:0!important;padding:0!important;display:table!important}.world-clock table.world-clock__table tbody{border:0!important;margin:0!important;padding:0!important}.world-clock table.world-clock__table tbody tr{border:0!important;height:32px!important;margin:0!important;padding:0!important}.world-clock table.world-clock__table tbody tr.world-clock__row--light>td{background-color:#fff!important}.world-clock table.world-clock__table tbody tr.world-clock__row--shaded>td{background-color:var(--wc-row-alt,#f3f4f6)!important}.world-clock table.world-clock__table tbody tr:hover>td{background-color:#fff0e5!important}.world-clock table.world-clock__table tbody td{font-family:inherit;box-sizing:border-box!important;border:0!important;border-bottom:1px solid var(--wc-border,#e5e7eb)!important;vertical-align:middle!important;border-right:0!important;height:32px!important;margin:0!important;padding:6px 9px!important;font-size:13px!important;line-height:1.35!important}.world-clock table.world-clock__table tbody td.world-clock__time:not(:last-child){border-right:1px solid var(--wc-border,#e5e7eb)!important}.world-clock table.world-clock__table tbody td:last-child{border-right:0!important}.world-clock table.world-clock__table tbody tr:last-child>td{border-bottom:0!important}.world-clock table.world-clock__table tbody td.world-clock__city{width:12%;text-align:left!important}.world-clock table.world-clock__table tbody td.world-clock__time{white-space:nowrap;width:13%;text-align:right!important}.world-clock .world-clock__city-link{width:100%;color:var(--color-link,#526fb4);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0;font-family:inherit;font-size:13px;font-weight:400;line-height:1.35;text-decoration:none;display:block;overflow:hidden;text-align:left!important}.world-clock .world-clock__city-link:hover{color:var(--wc-orange);text-underline-offset:2px;text-decoration:underline}.world-clock .world-clock__city-link:focus-visible{outline:2px solid var(--wc-orange);outline-offset:2px;border-radius:2px}.world-clock .world-clock__time-value{width:100%;color:var(--color-text,#292929);white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;padding:0;font-family:inherit;font-size:13px;font-weight:400;line-height:1.35;display:block;text-align:right!important}.world-clock table.world-clock__table tbody td.world-clock__no-results{color:var(--color-text-secondary,#737373);text-align:center!important;background:#fff!important;padding:24px 12px!important}.world-clock .world-clock__note{color:var(--color-text-secondary,#737373);margin:10px 0 0;padding:0;font-size:12px;line-height:1.6}@media (width<=900px){.world-clock .world-clock__toolbar{flex-direction:column;align-items:flex-start}.world-clock .world-clock__controls{justify-content:flex-start;width:100%}}@media (width<=520px){.world-clock .world-clock__regions{gap:0 6px;padding:9px;font-size:12px}.world-clock .world-clock__toolbar{padding:11px}.world-clock .world-clock__toolbar h2{font-size:15px}.world-clock .world-clock__controls{justify-content:flex-start;gap:6px}.world-clock .world-clock__controls input{flex:140px;max-width:none}.world-clock .world-clock__controls select{max-width:150px}}