.timezone-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.timezone-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:150px;flex-shrink:0;font-size:12px;line-height:18px;max-width:100%;gap:0;border:1px solid #76612c;border-radius:99px;padding:3px;background:#131315;color:#ebca65;cursor:pointer;font-weight:600}.timezone-switch:focus-visible{outline:3px solid #e7c65c;outline-offset:3px}.timezone-switch span{position:relative;z-index:1;padding:3px 2px;white-space:nowrap;text-align:center}.timezone-switch:before{content:'';position:absolute;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);border-radius:99px;background:#c9a227;transition:transform .18s}.timezone-switch[data-mode=city]:before{transform:translateX(100%);width:calc(50% - 3px)}.timezone-switch[data-mode=zone] span:first-child,.timezone-switch[data-mode=city] span:last-child{color:#17130b}.timezone-control{display:block;width:100%;border:1px solid #414149;border-radius:12px;background:#111114;color:#eee;padding:12px}.timezone-city-result{display:block;text-align:left;width:100%;padding:10px 12px;border-bottom:1px solid #444;background:#171719;color:#eee}.timezone-city-result:hover,.timezone-city-result:focus-visible{background:#38301a;color:#f1d36f}.timezone-results{max-height:250px;overflow-y:auto;border-radius:10px}.timezone-help{font-size:13px;color:#a0a0ac;margin-top:8px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.timezone-switch:before{transition:none}}