Анализ сайта onlinecountdowns.com
Основное Готовность: 100%
Домен
onlinecountdowns.com
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Длина домена велика. Но если вы продвигаете запрос, входящий в название домена, то это хорошо.
Домен второго уровня идеален для продвижения.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Цепочка редиректов:
http://onlinecountdowns.com
301 MovedPermanently
https://countingdownto.com/
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
Не настроен HSTS (Strict-Transport-Security) — рекомендуется включить.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 04.10.2026 22:45:22.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~0,46сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 0,46сек оптимальна.
Объем документа
329Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 329Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 4
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 4 достаточно.
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | /cdt2-static/assets/css/app-918b501d1f0a328533f2a87ac9cc446e.css?vsn=d | |
| js | text/javascript | /cdt2-static/assets/js/app-552cfe68e8846e3fb4c719636b5db77f.js?vsn=d |
| js | https://browser.sentry-cdn.com/8.40.0/bundle.min.js | |
| js | https://www.googletagmanager.com/gtag/js?id=G-0RFXQ24QH9 |
Серверные заголовки
Кол-во: 16
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 16шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Date | Sat, 22 Aug 2026 02:47:56 GMT |
| report-to | {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=BmcjNfDWj06xVmoVQ9jOALz%2FHh3Te0TC7PBr%2B6l0bQJqvgDMQerov0%2BJY9cRdB7TFKZml0z%2Fn03Ac4J%2BKqR04dw06cVG9gu7K9l%2F6zPlxL%2F1SSww5ximlpDNupJvRO7mR1qaSw%3D%3D"}]} |
| Vary | accept-encoding |
| Set-Cookie | cdt_ab=JH5W6wbzWFDsF098VGw6CA; path=/; expires=Sun, 26 Sep 2027 02:47:56 GMT; max-age=34560000; HttpOnly; SameSite=Lax |
| x-permitted-cross-domain-policies | none |
| X-Content-Type-Options | nosniff |
| Content-Security-Policy | base-uri 'self'; frame-ancestors 'self'; |
| Referrer-Policy | strict-origin-when-cross-origin |
| X-Request-ID | GM4AtDWkmN2c5w8AAKTB |
| Cache-Control | no-store |
| Server | cloudflare |
| Via | 1.1 fly.io |
| fly-request-id | 01M0KNW8WKDCPCQDPKNA5KW8SK-arn |
| nel | {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800} |
| cf-cache-status | BYPASS |
| cf-ray | a2ee8e3f0f6f9d40-DME |
CMS
Не определена
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер
Cloudflare
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере Cloudflare.
Мета-теги Готовность: 48%
Title
Create a Countdown Clock
| CountingDownTo
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Необходимо уменьшить число символов в title (текущее значение: 53, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Description
Create a free animated countdown clock to any date in just a few clicks. Customize the design, then share it or embed it on your website or in emails.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо уменьшить число символов в description (текущее значение: 150, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
https://countingdownto.com/
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Канонический Url прописан корректно.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
width=device-width, initial-scale=1
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 6
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:site_name | CountingDownTo |
| og:title | Create a Countdown Clock | CountingDownTo |
| og:description | Create a free animated countdown clock to any date in just a few clicks. Customize the design, then share it or embed it on your website or in emails. |
| og:image | https://countingdownto.com/cdt2-static/images/og/countingdownto-og-01.jpg |
| og:type | website |
| og:url | https://countingdownto.com/ |
Все мета-теги
Кол-во: 15
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 15шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1 |
| name | csrf-token | BlssBzwtYCg6DQYCPR5rBXNRXmcfAXtSM4jWrb3dHjsnUPYS76hQ2S5c |
| name | websocket-base-url | wss://fly.countingdownto.com |
| name | description | Create a free animated countdown clock to any date in just a few clicks. Customize the design, then share it or embed it on your website or in emails. |
| name | twitter:card | summary_large_image |
| name | twitter:title | Create a Countdown Clock | CountingDownTo |
| name | twitter:description | Create a free animated countdown clock to any date in just a few clicks. Customize the design, then share it or embed it on your website or in emails. |
| name | twitter:image | https://countingdownto.com/cdt2-static/images/og/countingdownto-og-01.jpg |
| name | theme-color | #ffffff |
| property | og:site_name | CountingDownTo |
| property | og:title | Create a Countdown Clock | CountingDownTo |
| property | og:description | Create a free animated countdown clock to any date in just a few clicks. Customize the design, then share it or embed it on your website or in emails. |
| property | og:image | https://countingdownto.com/cdt2-static/images/og/countingdownto-og-01.jpg |
| property | og:type | website |
| property | og:url | https://countingdownto.com/ |
Оптимизация Готовность: 82%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют в единственном экземпляре).
Контент
Ошибок нет
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 4 встречаются в тексте достаточно.
Абзацев с текстом 22 достаточно.
Среднее число слов в абзаце 59 достаточно.
Кол-во знаков контента 20967 на странице оптимально.
Кол-во слов 2941 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 1. Это прекрасно.
На странице присутствуют заголовки <h3> 1.
Тошнота
11,27
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 5. Измените текст страницы!
Академич. тошнота
10,17%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота страницы в пределах нормы.
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| standard | 127 | 4,32% |
| central | 60 | 2,04% |
| eastern | 46 | 1,56% |
| european | 46 | 1,56% |
| gmt-03:00 | 34 | 1,16% |
| countdown | 32 | 1,09% |
| gmt-04:00 | 32 | 1,09% |
| gmt+02:00 | 30 | 1,02% |
| gmt+03:00 | 30 | 1,02% |
| gmt-06:00 | 23 | 0,78% |
| gmt-05:00 | 22 | 0,75% |
| countdowns | 19 | 0,65% |
| gmt+05:00 | 17 | 0,58% |
| gmt+08:00 | 15 | 0,51% |
| argentina | 12 | 0,41% |
| gmt+01:00 | 12 | 0,41% |
| gmt+07:00 | 12 | 0,41% |
| website | 11 | 0,37% |
| gmt-07:00 | 11 | 0,37% |
| mountain | 11 | 0,37% |
Индексация Готовность: 30%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 60 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 337075 байт. Загружен за: 0сек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://onlinecountdowns.com/robots.txt
301 MovedPermanently
https://countingdownto.com/
200 OK
Показать содержимое robots.txt
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<link rel="preconnect" href="https://rany-fly.countingdownto.com">
<link rel="preconnect" href="https://browser.sentry-cdn.com" crossorigin>
<link rel="alternate" href="https://countingdownto.com/de/" hreflang="de">
<link rel="alternate" href="https://countingdownto.com/" hreflang="en">
<link rel="alternate" href="https://countingdownto.com/es/" hreflang="es">
<link rel="alternate" href="https://countingdownto.com/fr/" hreflang="fr">
<link rel="alternate" href="https://countingdownto.com/it/" hreflang="it">
<link rel="alternate" href="https://countingdownto.com/ja/" hreflang="ja">
<link rel="alternate" href="https://countingdownto.com/ru/" hreflang="ru">
<link rel="alternate" href="https://countingdownto.com/zh/" hreflang="zh-hans">
<link rel="alternate" href="https://countingdownto.com/" hreflang="x-default">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="PS8hOwxQODV1VxRnBRM0M2waQBALQFAiyCXYe9PY6zzV5RE_8mvWx73a">
<meta name="websocket-base-url" content="wss://fly.countingdownto.com">
<link rel="canonical" href="https://countingdownto.com/">
<title data-default="CountingDownTo" data-suffix=" | CountingDownTo">
Create a Countdown Clock
| CountingDownTo</title>
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","logo":"https:\/\/countingdownto.com\/cdt2-static\/images\/countingdownto-logo.svg","name":"CountingDownTo","url":"https:\/\/countingdownto.com\/"},{"@type":"WebSite","name":"CountingDownTo","url":"https:\/\/countingdownto.com\/"}]}</script>
<meta name="description" content="Create a free animated countdown clock to any date in just a few clicks. Customize the design, then share it or embed it on your website or in emails.">
<meta property="og:site_name" content="CountingDownTo">
<meta property="og:title" content="Create a Countdown Clock | CountingDownTo">
<meta property="og:description" content="Create a free animated countdown clock to any date in just a few clicks. Customize the design, then share it or embed it on your website or in emails.">
<meta property="og:image" content="https://countingdownto.com/cdt2-static/images/og/countingdownto-og-01.jpg">
<meta property="og:type" content="website">
<meta property="og:url" content="https://countingdownto.com/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Create a Countdown Clock | CountingDownTo">
<meta name="twitter:description" content="Create a free animated countdown clock to any date in just a few clicks. Customize the design, then share it or embed it on your website or in emails.">
<meta name="twitter:image" content="https://countingdownto.com/cdt2-static/images/og/countingdownto-og-01.jpg">
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicons/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/favicons/apple-touch-icon.png">
<link rel="manifest" href="/favicons/manifest.json">
<meta name="theme-color" content="#ffffff">
<link phx-track-static rel="stylesheet" href="/cdt2-static/assets/css/app-918b501d1f0a328533f2a87ac9cc446e.css?vsn=d">
<script defer phx-track-static type="text/javascript" src="/cdt2-static/assets/js/app-552cfe68e8846e3fb4c719636b5db77f.js?vsn=d">
</script>
<script>
/*
(() => {
const setTheme = (theme) => {
if (theme === "system") {
localStorage.removeItem("phx:theme");
document.documentElement.removeAttribute("data-theme");
} else {
localStorage.setItem("phx:theme", theme);
document.documentElement.setAttribute("data-theme", theme);
}
};
if (!document.documentElement.hasAttribute("data-theme")) {
setTheme(localStorage.getItem("phx:theme") || "system");
}
window.addEventListener("storage", (e) => e.key === "phx:theme" && setTheme(e.newValue || "system"));
window.addEventListener("phx:set-theme", ({ detail: { theme } }) => setTheme(theme));
})();
*/
</script>
<script async src="https://browser.sentry-cdn.com/8.40.0/bundle.min.js" crossorigin="anonymous" onload="Sentry.init({"environment":"production","dsn":"https://aef2c923bd1c4b0a95ddf9926126b599@blue-dragonfly.pikapod.net/2","denyUrls":["chrome-extension://","moz-extension://","safari-extension://","safari-web-extension://"],"ignoreErrors":["runtime.sendMessage","Error invoking postEvent","zaloJSV2"]})">
</script>
<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0RFXQ24QH9">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
// #1703: confirmation_token is a 24h capability. Override
// page_location before the automatic page_view. Leave the
// address bar alone: PayPal arrivals use this token as the
// only grant (#1371 credential b), and the session cookie cannot
// hold a redeemed grant (#1359). Keep in lockstep with
// assets/js/ga_page_location.js.
(function () {
var param = "confirmation_token";
var url = new URL(window.location.href);
if (url.searchParams.has(param)) {
url.searchParams.delete(param);
gtag('config', 'G-0RFXQ24QH9', { page_location: url.href });
} else {
gtag('config', 'G-0RFXQ24QH9');
}
})();
</script>
</head>
<body class="flex flex-col min-h-screen">
<div id="phx-GM4AtDXF-85cTx6D" data-phx-main data-phx-session="SFMyNTY.g2gDaAJhBnQAAAAIdwJpZG0AAAAUcGh4LUdNNEF0RFhGLTg1Y1R4NkR3B3Nlc3Npb250AAAAAHcEdmlld3cmRWxpeGlyLkNkdFdlYi5Db3VudGRvd25XaWRnZXRMaXZlLkZvcm13CnBhcmVudF9waWR3A25pbHcGcm91dGVydxRFbGl4aXIuQ2R0V2ViLlJvdXRlcncIcm9vdF9waWR3A25pbHcRbGl2ZV9zZXNzaW9uX25hbWV3B2RlZmF1bHR3CXJvb3Rfdmlld3cmRWxpeGlyLkNkdFdlYi5Db3VudGRvd25XaWRnZXRMaXZlLkZvcm1uBgDOI14noAFiAAFRgA.R3_U79N5brq279LPxO-N2mTgVkn8Dx8SnSilc_AMXyo" data-phx-static="SFMyNTY.g2gDaAJhBnQAAAADdwJpZG0AAAAUcGh4LUdNNEF0RFhGLTg1Y1R4NkR3BWZsYXNodAAAAAB3CmFzc2lnbl9uZXdsAAAABXcRZnVubmVsX3Byb2JlX3NlZWR3C2Z1bm5lbF9zZWVkdw5mdW5uZWxfZW1pdHRlZHcOY2R0X3VzZXJfdG9rZW53DWN1cnJlbnRfc2NvcGVqbgYAziNeJ6ABYgABUYA.aYpIqmh9uA1RFLZnMdAKXa1IjZITjfLHknfRfS8R5WA"><div class="min-h-screen flex flex-col">
<!-- NAvbar -->
<div class="bg-white shadow-sm">
<header class="navbar mx-auto max-w-[1140px] xl:px-0">
<div class="navbar-start">
<div class="dropdown">
<div tabindex="0" role="button" aria-label="Open navigation menu" class="btn btn-ghost lg:hidden">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16"></path>
</svg>
</div>
<ul tabindex="0" class="menu menu-md dropdown-content bg-white rounded-box z-1 mt-3 w-52 p-2 shadow text-lg">
<li>
<a href="/create-countdown" class="menu-active" aria-current="page">
Website Countdowns
</a>
</li>
<li>
<a href="/countdown-pages" class="">
Countdown Pages
</a>
</li>
<li>
<a href="/email-countdowns/new" class="">
Email Countdowns
</a>
</li>
<li>
<a href="/countdown-timer" class="">
Timer
</a>
</li>
<li>
<a href="/pricing" class="">
Pricing
</a>
</li>
</ul>
</div>
<a href="/" class="hidden lg:block">
<img src="/cdt2-static/images/countingdownto-logo-3a84e306891f6ae34a7818eb28eec5c6.svg?vsn=d" width="138" alt="Counting Down To Logo">
</a>
</div>
<div class="navbar-center lg:hidden">
<a href="/">
<img src="/cdt2-static/images/countingdownto-logo-3a84e306891f6ae34a7818eb28eec5c6.svg?vsn=d" width="138" alt="Counting Down To Logo">
</a>
</div>
<div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1" data-testid="desktop-nav">
<li>
<a href="/create-countdown" class="menu-active" aria-current="page">
Website Countdowns
</a>
</li>
<li>
<a href="/countdown-pages" class="">
Countdown Pages
</a>
</li>
<li>
<a href="/email-countdowns/new" class="">
Email Countdowns
</a>
</li>
<li>
<a href="/countdown-timer" class="">
Timer
</a>
</li>
<li>
<a href="/pricing" class="">
Pricing
</a>
</li>
</ul>
</div>
<div class="navbar-end">
<button type="button" id="nav-support" data-testid="nav-support" data-helpscout-toggle phx-hook="HelpScoutBeacon" class="support-beacon-button flex h-11 w-11 shrink-0 items-center justify-center gap-2 rounded-full text-left hover:bg-base-200" aria-label="Help">
<span class="relative flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-cdt-600 text-white">
<span class="hero-lifebuoy size-5 bg-white"></span>
<span class="absolute right-0 top-0 h-2.5 w-2.5 rounded-full bg-green-400 ring-2 ring-white" aria-hidden="true">
</span>
</span>
<span class="support-beacon-button-label pr-2 leading-tight">
<span class="text-sm font-semibold">Help</span>
<span class="text-xs text-base-content">~2 hours</span>
</span>
</button>
<div class="hidden lg:block">
<div class="dropdown dropdown-end ">
<div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar p-0 h-[42px] w-[42px] min-h-[42px] min-w-[42px]" aria-label="Language: English">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-5 w-5" fill="currentColor" aria-hidden="true">
<path d="M73.394,26.606c-6.248-6.248-14.556-9.689-23.393-9.689s-17.146,3.441-23.394,9.69c-0.686,0.686-1.331,1.4-1.948,2.133c-0.016,0.02-0.035,0.034-0.05,0.054c-0.003,0.004-0.005,0.009-0.009,0.014C19.629,34.745,16.917,42.162,16.917,50c-0.001,8.837,3.44,17.146,9.689,23.394c6.248,6.248,14.556,9.689,23.393,9.689s17.146-3.441,23.394-9.69c6.249-6.248,9.69-14.556,9.69-23.393S79.643,32.854,73.394,26.606z M73.888,66.587c-2.54-1.666-5.459-3.04-8.638-4.084c1.009-3.361,1.615-6.884,1.777-10.505h11.98C78.651,57.283,76.885,62.291,73.888,66.587z M20.992,51.998h13.062c0.157,3.509,0.728,6.926,1.681,10.191c-3.563,1.077-6.822,2.561-9.623,4.398C23.114,62.292,21.348,57.284,20.992,51.998z M26.6,32.722c2.775,1.841,5.929,3.313,9.354,4.382c-1.082,3.478-1.73,7.133-1.899,10.895H20.993C21.369,42.43,23.304,37.166,26.6,32.722z M52,39.133c3.26-0.108,6.348-0.485,9.236-1.114c1.015,3.18,1.623,6.53,1.794,9.979H52V39.133z M52,35.106V22.921c3.304,3.247,5.937,7.087,7.806,11.318C57.365,34.732,54.745,35.009,52,35.106z M48,35.099c-2.325-0.098-4.586-0.359-6.754-0.788c1.662-3.783,3.938-7.249,6.754-10.267V35.099z M48,39.125v8.873h-9.949c0.169-3.415,0.77-6.732,1.766-9.884C42.438,38.674,45.179,39.016,48,39.125z M38.051,51.998H48v8.187c-2.877,0.109-5.69,0.456-8.383,1.019C38.745,58.255,38.207,55.17,38.051,51.998z M48,64.188v11.768c-2.982-3.196-5.35-6.901-7.033-10.948C43.229,64.566,45.586,64.287,48,64.188z M52,64.188c2.771,0.113,5.469,0.461,8.031,1.023C58.15,69.659,55.444,73.693,52,77.079V64.188z M52,60.185v-8.187h11.03c-0.16,3.253-0.72,6.415-1.633,9.432C58.4,60.734,55.242,60.308,52,60.185z M67.027,47.998c-0.171-3.803-0.831-7.496-1.934-11.008c3.141-1.004,5.986-2.348,8.484-4.019c3.186,4.391,5.06,9.561,5.43,15.026H67.027z M70.977,29.867c-2.142,1.382-4.578,2.499-7.27,3.346c-1.81-4.273-4.316-8.197-7.447-11.616c5.378,1.174,10.319,3.853,14.306,7.838C70.707,29.576,70.839,29.723,70.977,29.867z M45.06,21.341c-3.272,3.512-5.882,7.567-7.74,11.997c-2.96-0.908-5.678-2.151-8.086-3.69c0.068-0.069,0.133-0.143,0.202-0.212C33.745,25.126,39.171,22.344,45.06,21.341z M28.631,69.722c2.448-1.56,5.288-2.825,8.396-3.752c1.873,4.701,4.59,8.995,8.033,12.689c-5.89-1.002-11.315-3.784-15.626-8.094C29.159,70.29,28.894,70.006,28.631,69.722z M56.26,78.403c3.258-3.558,5.849-7.657,7.672-12.132c2.734,0.892,5.243,2.052,7.437,3.449c-0.263,0.284-0.528,0.568-0.804,0.844C66.579,74.55,61.638,77.229,56.26,78.403z"></path>
</svg>
</div>
<ul tabindex="0" class="dropdown-content menu bg-base-100 border border-gray-300 rounded-box z-1 w-52 p-2 shadow-sm">
<li>
<a href="/de/" class="text-nowrap ">
Deutsch
</a>
</li><li>
<a href="/" class="text-nowrap bg-primary">
English
</a>
</li><li>
<a href="/es/" class="text-nowrap ">
español
</a>
</li><li>
<a href="/fr/" class="text-nowrap ">
français
</a>
</li><li>
<a href="/it/" class="text-nowrap ">
italiano
</a>
</li><li>
<a href="/ja/" class="text-nowrap ">
日本語
</a>
</li><li>
<a href="/ru/" class="text-nowrap ">
русский
</a>
</li><li>
<a href="/zh/" class="text-nowrap ">
普通话（简体）
</a>
</li>
</ul>
</div>
<a href="https://thenounproject.com/creator/amante_de_icono/" class="sr-only" tabindex="-1">
Globe icon by amante de icono from the Noun Project
</a>
</div>
<div class="dropdown dropdown-end">
<div tabindex="0" role="button" aria-label="Account menu" data-testid="user-menu-trigger" class="btn btn-ghost btn-circle avatar p-0">
<div class="w-10 rounded-full bg-gray-300 flex items-center justify-center pt-1">
<span class="hero-user size-5 my-auto"></span>
</div>
</div>
<ul tabindex="0" class="menu menu-md dropdown-content bg-base-100 rounded-box z-1 mt-2 p-2 shadow border border-gray-300">
<li>
<a href="/my-countdown-widgets">My countdowns</a>
</li>
<li>
<a href="/users/register">Register</a>
</li>
<li>
<a href="/users/login">Log in</a>
</li>
</ul>
</div>
</div>
</header>
</div>
<!-- End Navbar -->
<main class="flex-1 px-4 pb-20 pt-8 lg:pt-12 sm:px-6 lg:px-8">
<div class="mx-auto max-w-[1140px] space-y-4">
<div class=" m-auto">
<style>
.editor-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
/* Fixed-width sides */
.editor-container .side {
flex-shrink: 0;
}
/* Flexible center */
.editor-container .center-column {
flex: 1;
min-width: 300px;
padding: 10px;
box-sizing: border-box;
}
/* Stacked layout */
.editor-container.stacked {
/* keep row direction to allow side-by-side sides */
flex-wrap: wrap;
justify-content: space-between;
}
.editor-container.stacked .center-column {
flex: 0 0 100%;
order: -1;
}
.editor-container.stacked .side {
}
.editor-container:not(.stacked) .hidden-unless-stacked{
display: none;
}
.editor-container.stacked .hidden-when-stacked{
display: none;
}
</style>
<!--script>
function checkLayout() {
const editorContainer = document.getElementById('editor-container');
const centerColumn = document.getElementById('editor-container-center-column');
// Reset to horizontal layout
editorContainer.classList.remove('stacked');
// Check if center content overflows
if (centerColumn.scrollWidth > centerColumn.offsetWidth) {
editorContainer.classList.add('stacked');
}
}
// Check on resize and load
window.addEventListener('resize', checkLayout);
window.addEventListener('load', checkLayout);
</script-->
<div class="page-header text-center ">
<h1 class="">Create a Countdown Clock</h1>
<p class="text-lg text-base-content/70 max-w-3xl mx-auto">
Instantly create a beautiful, animated countdown clock, to share or embed in your website. Count down to a date with your own unique countdown timer.
</p>
</div>
<div class="hidden lg:block mt-8 lg:mt-10">
<div role="tablist" class="tabs tabs-lift tabs-lg">
<a role="tab" class="tab tab-active" href="/countdown-widgets/new">
Website countdowns
</a>
<a role="tab" class="tab " href="/countdown-pages">
Countdown pages
</a>
<a role="tab" class="tab " href="/email-countdowns/new">
Email countdowns
</a>
</div>
</div>
<form data-jsns="window.oc_new" phx-submit="save" phx-change="validate" class="mt-8 w-full max-w-[1400px] mx-auto" id="countdown_widget-form" method="post">
<div class="xxxgrid xxxgrid-cols-3 xxxgap-8 editor-container flex-col lg:flex-row items-center! lg:items-start! " id="editor-container">
<!-- Left Column - First half of form inputs -->
<div class="space-y-2 left-column side w-[320px] lg:w-[212px] xl:w-[266px] order-2 lg:order-1">
<fieldset class="fieldset mb-2">
<label>
<span class="label mb-1">Countdown title</span>
<input type="text" name="countdown_widget[title]" id="countdown_widget_title" value="Event Name" class="w-full input" maxlength="250" phx-debounce="200">
</label>
</fieldset>
<!--script src="https://cdn.jsdelivr.net/npm/pikaday/pikaday.js"></script-->
<label for="date-display" class="label mb-0">
Countdown to date
</label>
<div data-date="2026-09-22" phx-hook="DatePicker" id="datepicker-ou8kiu">
<div phx-update="ignore" id="gfdgfd">
<input type="hidden" name="countdown_widget[date]" id="countdown_widget_date" value="2026-09-22" data-datepicker-role="hidden">
<fieldset class="fieldset mb-2">
<label>
<input type="text" name="__date_display__" id="date-display" value="Sep 22, 2026" class="pika-single input" data-datepicker-role="display" data-localization="{"months":["January","February","March","April","May","June","July","August","September","October","November","December"],"locale":"en","first_day":0,"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"date_format":"MMM d, yyyy","next_month":"Next Month","months_short":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"previous_month":"Previous Month","weekdays_short":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}">
</label>
</fieldset>
</div>
</div>
<script>
//var picker = new Pikaday({ field: document.getElementById('countdown_widget_date') });
</script>
<style>
</style>
<fieldset class="fieldset mb-2">
<label>
<span class="label mb-1">Event time</span>
<input type="time" name="countdown_widget[time]" id="countdown_widget_time" value="00:00:00" class="w-full input">
</label>
</fieldset>
<div id="timezone-picker-countdown_widget_timezone" phx-hook="TimezonePicker" data-field-name="countdown_widget[timezone]" data-current-value="" class="timezone-picker-container ">
<!-- Label and Timezone Button -->
<div class="timezone-button-row">
<label class="label">
Timezone
</label>
<button type="button" class="timezone-button" data-action="toggle-picker" aria-label="Open timezone picker for Timezone">
<span class="timezone-display-text">---</span>
<svg class="timezone-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</button>
<!-- Hidden form input -->
<input type="hidden" name="countdown_widget[timezone]" id="countdown_widget_timezone" value="" data-action="hidden-input">
</div>
<!-- Timezone Picker Modal Panel (hidden by default) -->
<div class="timezone-picker-modal hidden" data-panel="timezone-picker">
<div class="timezone-picker-content">
<!-- Search Input -->
<div class="timezone-search-container">
<input type="text" class="timezone-search-input" data-action="search-input" placeholder="Search timezones..." autocomplete="off">
</div>
<!-- Timezone List -->
<div class="timezone-list-container" data-container="timezone-list">
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Los_Angeles:Pacific" data-display="Pacific Time - US & Canada (GMT-07:00)" title="Pacific Time - US & Canada (GMT-07:00)">
<span class="timezone-option-text">Pacific Time - US & Canada</span>
<span class="timezone-option-text text-gray-400">
(GMT-07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Denver:Mountain" data-display="Mountain Time - US & Canada (GMT-06:00)" title="Mountain Time - US & Canada (GMT-06:00)">
<span class="timezone-option-text">Mountain Time - US & Canada</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Chicago:Central" data-display="Central Time - US & Canada (GMT-05:00)" title="Central Time - US & Canada (GMT-05:00)">
<span class="timezone-option-text">Central Time - US & Canada</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/New_York:Eastern" data-display="Eastern Time - US & Canada (GMT-04:00)" title="Eastern Time - US & Canada (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - US & Canada</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Anchorage:Alaska" data-display="Alaska Time (GMT-08:00)" title="Alaska Time (GMT-08:00)">
<span class="timezone-option-text">Alaska Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Honolulu:Hawaii" data-display="Hawaii Time (GMT-10:00)" title="Hawaii Time (GMT-10:00)">
<span class="timezone-option-text">Hawaii Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Niue" data-display="Niue Time (GMT-11:00)" title="Niue Time (GMT-11:00)">
<span class="timezone-option-text">Niue Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-11:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Pago_Pago" data-display="Samoa Standard Time (GMT-11:00)" title="Samoa Standard Time (GMT-11:00)">
<span class="timezone-option-text">Samoa Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-11:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Rarotonga" data-display="Cook Islands Standard Time (GMT-10:00)" title="Cook Islands Standard Time (GMT-10:00)">
<span class="timezone-option-text">Cook Islands Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Honolulu" data-display="Hawaii-Aleutian Standard Time (GMT-10:00)" title="Hawaii-Aleutian Standard Time (GMT-10:00)">
<span class="timezone-option-text">Hawaii-Aleutian Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Tahiti" data-display="Tahiti Time (GMT-10:00)" title="Tahiti Time (GMT-10:00)">
<span class="timezone-option-text">Tahiti Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Marquesas" data-display="Marquesas Time (GMT-09:30)" title="Marquesas Time (GMT-09:30)">
<span class="timezone-option-text">Marquesas Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-09:30)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Gambier" data-display="Gambier Time (GMT-09:00)" title="Gambier Time (GMT-09:00)">
<span class="timezone-option-text">Gambier Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-09:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Adak" data-display="Hawaii-Aleutian Time (GMT-09:00)" title="Hawaii-Aleutian Time (GMT-09:00)">
<span class="timezone-option-text">Hawaii-Aleutian Time </span>
<span class="timezone-option-text text-gray-400">
(GMT-09:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Anchorage" data-display="Alaska Time - Anchorage (GMT-08:00)" title="Alaska Time - Anchorage (GMT-08:00)">
<span class="timezone-option-text">Alaska Time - Anchorage</span>
<span class="timezone-option-text text-gray-400">
(GMT-08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Juneau" data-display="Alaska Time - Juneau (GMT-08:00)" title="Alaska Time - Juneau (GMT-08:00)">
<span class="timezone-option-text">Alaska Time - Juneau</span>
<span class="timezone-option-text text-gray-400">
(GMT-08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Metlakatla" data-display="Alaska Time - Metlakatla (GMT-08:00)" title="Alaska Time - Metlakatla (GMT-08:00)">
<span class="timezone-option-text">Alaska Time - Metlakatla</span>
<span class="timezone-option-text text-gray-400">
(GMT-08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Nome" data-display="Alaska Time - Nome (GMT-08:00)" title="Alaska Time - Nome (GMT-08:00)">
<span class="timezone-option-text">Alaska Time - Nome</span>
<span class="timezone-option-text text-gray-400">
(GMT-08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Sitka" data-display="Alaska Time - Sitka (GMT-08:00)" title="Alaska Time - Sitka (GMT-08:00)">
<span class="timezone-option-text">Alaska Time - Sitka</span>
<span class="timezone-option-text text-gray-400">
(GMT-08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Yakutat" data-display="Alaska Time - Yakutat (GMT-08:00)" title="Alaska Time - Yakutat (GMT-08:00)">
<span class="timezone-option-text">Alaska Time - Yakutat</span>
<span class="timezone-option-text text-gray-400">
(GMT-08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Pitcairn" data-display="Pitcairn Time (GMT-08:00)" title="Pitcairn Time (GMT-08:00)">
<span class="timezone-option-text">Pitcairn Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Hermosillo" data-display="Mexican Pacific Standard Time - Hermosillo (GMT-07:00)" title="Mexican Pacific Standard Time - Hermosillo (GMT-07:00)">
<span class="timezone-option-text">Mexican Pacific Standard Time - Hermosillo</span>
<span class="timezone-option-text text-gray-400">
(GMT-07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Mazatlan" data-display="Mexican Pacific Standard Time - Mazatlan (GMT-07:00)" title="Mexican Pacific Standard Time - Mazatlan (GMT-07:00)">
<span class="timezone-option-text">Mexican Pacific Standard Time - Mazatlan</span>
<span class="timezone-option-text text-gray-400">
(GMT-07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Dawson_Creek" data-display="Mountain Standard Time - Dawson Creek (GMT-07:00)" title="Mountain Standard Time - Dawson Creek (GMT-07:00)">
<span class="timezone-option-text">Mountain Standard Time - Dawson Creek</span>
<span class="timezone-option-text text-gray-400">
(GMT-07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Fort_Nelson" data-display="Mountain Standard Time - Fort Nelson (GMT-07:00)" title="Mountain Standard Time - Fort Nelson (GMT-07:00)">
<span class="timezone-option-text">Mountain Standard Time - Fort Nelson</span>
<span class="timezone-option-text text-gray-400">
(GMT-07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Phoenix" data-display="Mountain Standard Time - Phoenix (GMT-07:00)" title="Mountain Standard Time - Phoenix (GMT-07:00)">
<span class="timezone-option-text">Mountain Standard Time - Phoenix</span>
<span class="timezone-option-text text-gray-400">
(GMT-07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Los_Angeles" data-display="Pacific Time - Los Angeles (GMT-07:00)" title="Pacific Time - Los Angeles (GMT-07:00)">
<span class="timezone-option-text">Pacific Time - Los Angeles</span>
<span class="timezone-option-text text-gray-400">
(GMT-07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Tijuana" data-display="Pacific Time - Tijuana (GMT-07:00)" title="Pacific Time - Tijuana (GMT-07:00)">
<span class="timezone-option-text">Pacific Time - Tijuana</span>
<span class="timezone-option-text text-gray-400">
(GMT-07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Vancouver" data-display="Pacific Time - Vancouver (GMT-07:00)" title="Pacific Time - Vancouver (GMT-07:00)">
<span class="timezone-option-text">Pacific Time - Vancouver</span>
<span class="timezone-option-text text-gray-400">
(GMT-07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Dawson" data-display="Yukon Time - Dawson (GMT-07:00)" title="Yukon Time - Dawson (GMT-07:00)">
<span class="timezone-option-text">Yukon Time - Dawson</span>
<span class="timezone-option-text text-gray-400">
(GMT-07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Whitehorse" data-display="Yukon Time - Whitehorse (GMT-07:00)" title="Yukon Time - Whitehorse (GMT-07:00)">
<span class="timezone-option-text">Yukon Time - Whitehorse</span>
<span class="timezone-option-text text-gray-400">
(GMT-07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Bahia_Banderas" data-display="Central Standard Time - Bahía de Banderas (GMT-06:00)" title="Central Standard Time - Bahía de Banderas (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - Bahía de Banderas</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Belize" data-display="Central Standard Time - Belize (GMT-06:00)" title="Central Standard Time - Belize (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - Belize</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Chihuahua" data-display="Central Standard Time - Chihuahua (GMT-06:00)" title="Central Standard Time - Chihuahua (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - Chihuahua</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Costa_Rica" data-display="Central Standard Time - Costa Rica (GMT-06:00)" title="Central Standard Time - Costa Rica (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - Costa Rica</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/El_Salvador" data-display="Central Standard Time - El Salvador (GMT-06:00)" title="Central Standard Time - El Salvador (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - El Salvador</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Guatemala" data-display="Central Standard Time - Guatemala (GMT-06:00)" title="Central Standard Time - Guatemala (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - Guatemala</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Managua" data-display="Central Standard Time - Managua (GMT-06:00)" title="Central Standard Time - Managua (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - Managua</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Merida" data-display="Central Standard Time - Mérida (GMT-06:00)" title="Central Standard Time - Mérida (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - Mérida</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Mexico_City" data-display="Central Standard Time - Mexico City (GMT-06:00)" title="Central Standard Time - Mexico City (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - Mexico City</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Monterrey" data-display="Central Standard Time - Monterrey (GMT-06:00)" title="Central Standard Time - Monterrey (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - Monterrey</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Regina" data-display="Central Standard Time - Regina (GMT-06:00)" title="Central Standard Time - Regina (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - Regina</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Swift_Current" data-display="Central Standard Time - Swift Current (GMT-06:00)" title="Central Standard Time - Swift Current (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - Swift Current</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Tegucigalpa" data-display="Central Standard Time - Tegucigalpa (GMT-06:00)" title="Central Standard Time - Tegucigalpa (GMT-06:00)">
<span class="timezone-option-text">Central Standard Time - Tegucigalpa</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Easter" data-display="Easter Island Time (GMT-06:00)" title="Easter Island Time (GMT-06:00)">
<span class="timezone-option-text">Easter Island Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Galapagos" data-display="Galapagos Time (GMT-06:00)" title="Galapagos Time (GMT-06:00)">
<span class="timezone-option-text">Galapagos Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Boise" data-display="Mountain Time - Boise (GMT-06:00)" title="Mountain Time - Boise (GMT-06:00)">
<span class="timezone-option-text">Mountain Time - Boise</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Cambridge_Bay" data-display="Mountain Time - Cambridge Bay (GMT-06:00)" title="Mountain Time - Cambridge Bay (GMT-06:00)">
<span class="timezone-option-text">Mountain Time - Cambridge Bay</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Ciudad_Juarez" data-display="Mountain Time - Ciudad Juárez (GMT-06:00)" title="Mountain Time - Ciudad Juárez (GMT-06:00)">
<span class="timezone-option-text">Mountain Time - Ciudad Juárez</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Denver" data-display="Mountain Time - Denver (GMT-06:00)" title="Mountain Time - Denver (GMT-06:00)">
<span class="timezone-option-text">Mountain Time - Denver</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Edmonton" data-display="Mountain Time - Edmonton (GMT-06:00)" title="Mountain Time - Edmonton (GMT-06:00)">
<span class="timezone-option-text">Mountain Time - Edmonton</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Yellowknife" data-display="Mountain Time - Edmonton (Yellowknife) (GMT-06:00)" title="Mountain Time - Edmonton (Yellowknife) (GMT-06:00)">
<span class="timezone-option-text">Mountain Time - Edmonton (Yellowknife)</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Inuvik" data-display="Mountain Time - Inuvik (GMT-06:00)" title="Mountain Time - Inuvik (GMT-06:00)">
<span class="timezone-option-text">Mountain Time - Inuvik</span>
<span class="timezone-option-text text-gray-400">
(GMT-06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Eirunepe" data-display="Acre Standard Time - Eirunepe (GMT-05:00)" title="Acre Standard Time - Eirunepe (GMT-05:00)">
<span class="timezone-option-text">Acre Standard Time - Eirunepe</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Rio_Branco" data-display="Acre Standard Time - Rio Branco (GMT-05:00)" title="Acre Standard Time - Rio Branco (GMT-05:00)">
<span class="timezone-option-text">Acre Standard Time - Rio Branco</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/North_Dakota/Beulah" data-display="Central Time - Beulah, North Dakota (GMT-05:00)" title="Central Time - Beulah, North Dakota (GMT-05:00)">
<span class="timezone-option-text">Central Time - Beulah, North Dakota</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/North_Dakota/Center" data-display="Central Time - Center, North Dakota (GMT-05:00)" title="Central Time - Center, North Dakota (GMT-05:00)">
<span class="timezone-option-text">Central Time - Center, North Dakota</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Chicago" data-display="Central Time - Chicago (GMT-05:00)" title="Central Time - Chicago (GMT-05:00)">
<span class="timezone-option-text">Central Time - Chicago</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Indiana/Knox" data-display="Central Time - Knox, Indiana (GMT-05:00)" title="Central Time - Knox, Indiana (GMT-05:00)">
<span class="timezone-option-text">Central Time - Knox, Indiana</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Matamoros" data-display="Central Time - Matamoros (GMT-05:00)" title="Central Time - Matamoros (GMT-05:00)">
<span class="timezone-option-text">Central Time - Matamoros</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Menominee" data-display="Central Time - Menominee (GMT-05:00)" title="Central Time - Menominee (GMT-05:00)">
<span class="timezone-option-text">Central Time - Menominee</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/North_Dakota/New_Salem" data-display="Central Time - New Salem, North Dakota (GMT-05:00)" title="Central Time - New Salem, North Dakota (GMT-05:00)">
<span class="timezone-option-text">Central Time - New Salem, North Dakota</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Ojinaga" data-display="Central Time - Ojinaga (GMT-05:00)" title="Central Time - Ojinaga (GMT-05:00)">
<span class="timezone-option-text">Central Time - Ojinaga</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Rankin_Inlet" data-display="Central Time - Rankin Inlet (GMT-05:00)" title="Central Time - Rankin Inlet (GMT-05:00)">
<span class="timezone-option-text">Central Time - Rankin Inlet</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Resolute" data-display="Central Time - Resolute (GMT-05:00)" title="Central Time - Resolute (GMT-05:00)">
<span class="timezone-option-text">Central Time - Resolute</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Indiana/Tell_City" data-display="Central Time - Tell City, Indiana (GMT-05:00)" title="Central Time - Tell City, Indiana (GMT-05:00)">
<span class="timezone-option-text">Central Time - Tell City, Indiana</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Rainy_River" data-display="Central Time - Winnipeg (Rainy River) (GMT-05:00)" title="Central Time - Winnipeg (Rainy River) (GMT-05:00)">
<span class="timezone-option-text">Central Time - Winnipeg (Rainy River)</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Winnipeg" data-display="Central Time - Winnipeg (GMT-05:00)" title="Central Time - Winnipeg (GMT-05:00)">
<span class="timezone-option-text">Central Time - Winnipeg</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Bogota" data-display="Colombia Standard Time (GMT-05:00)" title="Colombia Standard Time (GMT-05:00)">
<span class="timezone-option-text">Colombia Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Cancun" data-display="Eastern Standard Time - Cancún (GMT-05:00)" title="Eastern Standard Time - Cancún (GMT-05:00)">
<span class="timezone-option-text">Eastern Standard Time - Cancún</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Jamaica" data-display="Eastern Standard Time - Jamaica (GMT-05:00)" title="Eastern Standard Time - Jamaica (GMT-05:00)">
<span class="timezone-option-text">Eastern Standard Time - Jamaica</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Panama" data-display="Eastern Standard Time - Panama (GMT-05:00)" title="Eastern Standard Time - Panama (GMT-05:00)">
<span class="timezone-option-text">Eastern Standard Time - Panama</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Guayaquil" data-display="Ecuador Time (GMT-05:00)" title="Ecuador Time (GMT-05:00)">
<span class="timezone-option-text">Ecuador Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Lima" data-display="Peru Standard Time (GMT-05:00)" title="Peru Standard Time (GMT-05:00)">
<span class="timezone-option-text">Peru Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Boa_Vista" data-display="Amazon Standard Time - Boa Vista (GMT-04:00)" title="Amazon Standard Time - Boa Vista (GMT-04:00)">
<span class="timezone-option-text">Amazon Standard Time - Boa Vista</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Campo_Grande" data-display="Amazon Standard Time - Campo Grande (GMT-04:00)" title="Amazon Standard Time - Campo Grande (GMT-04:00)">
<span class="timezone-option-text">Amazon Standard Time - Campo Grande</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Cuiaba" data-display="Amazon Standard Time - Cuiaba (GMT-04:00)" title="Amazon Standard Time - Cuiaba (GMT-04:00)">
<span class="timezone-option-text">Amazon Standard Time - Cuiaba</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Manaus" data-display="Amazon Standard Time - Manaus (GMT-04:00)" title="Amazon Standard Time - Manaus (GMT-04:00)">
<span class="timezone-option-text">Amazon Standard Time - Manaus</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Porto_Velho" data-display="Amazon Standard Time - Porto Velho (GMT-04:00)" title="Amazon Standard Time - Porto Velho (GMT-04:00)">
<span class="timezone-option-text">Amazon Standard Time - Porto Velho</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Barbados" data-display="Atlantic Standard Time - Barbados (GMT-04:00)" title="Atlantic Standard Time - Barbados (GMT-04:00)">
<span class="timezone-option-text">Atlantic Standard Time - Barbados</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Martinique" data-display="Atlantic Standard Time - Martinique (GMT-04:00)" title="Atlantic Standard Time - Martinique (GMT-04:00)">
<span class="timezone-option-text">Atlantic Standard Time - Martinique</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Puerto_Rico" data-display="Atlantic Standard Time - Puerto Rico (GMT-04:00)" title="Atlantic Standard Time - Puerto Rico (GMT-04:00)">
<span class="timezone-option-text">Atlantic Standard Time - Puerto Rico</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Santo_Domingo" data-display="Atlantic Standard Time - Santo Domingo (GMT-04:00)" title="Atlantic Standard Time - Santo Domingo (GMT-04:00)">
<span class="timezone-option-text">Atlantic Standard Time - Santo Domingo</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/La_Paz" data-display="Bolivia Time (GMT-04:00)" title="Bolivia Time (GMT-04:00)">
<span class="timezone-option-text">Bolivia Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Santiago" data-display="Chile Time (GMT-04:00)" title="Chile Time (GMT-04:00)">
<span class="timezone-option-text">Chile Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Havana" data-display="Cuba Time (GMT-04:00)" title="Cuba Time (GMT-04:00)">
<span class="timezone-option-text">Cuba Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Detroit" data-display="Eastern Time - Detroit (GMT-04:00)" title="Eastern Time - Detroit (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Detroit</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Grand_Turk" data-display="Eastern Time - Grand Turk (GMT-04:00)" title="Eastern Time - Grand Turk (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Grand Turk</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Indiana/Indianapolis" data-display="Eastern Time - Indianapolis (GMT-04:00)" title="Eastern Time - Indianapolis (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Indianapolis</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Iqaluit" data-display="Eastern Time - Iqaluit (GMT-04:00)" title="Eastern Time - Iqaluit (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Iqaluit</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Pangnirtung" data-display="Eastern Time - Iqaluit (Pangnirtung) (GMT-04:00)" title="Eastern Time - Iqaluit (Pangnirtung) (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Iqaluit (Pangnirtung)</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Kentucky/Louisville" data-display="Eastern Time - Louisville (GMT-04:00)" title="Eastern Time - Louisville (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Louisville</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Indiana/Marengo" data-display="Eastern Time - Marengo, Indiana (GMT-04:00)" title="Eastern Time - Marengo, Indiana (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Marengo, Indiana</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Kentucky/Monticello" data-display="Eastern Time - Monticello, Kentucky (GMT-04:00)" title="Eastern Time - Monticello, Kentucky (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Monticello, Kentucky</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/New_York" data-display="Eastern Time - New York (GMT-04:00)" title="Eastern Time - New York (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - New York</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Indiana/Petersburg" data-display="Eastern Time - Petersburg, Indiana (GMT-04:00)" title="Eastern Time - Petersburg, Indiana (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Petersburg, Indiana</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Port-au-Prince" data-display="Eastern Time - Port-au-Prince (GMT-04:00)" title="Eastern Time - Port-au-Prince (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Port-au-Prince</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Nipigon" data-display="Eastern Time - Toronto (Nipigon) (GMT-04:00)" title="Eastern Time - Toronto (Nipigon) (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Toronto (Nipigon)</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Thunder_Bay" data-display="Eastern Time - Toronto (Thunder Bay) (GMT-04:00)" title="Eastern Time - Toronto (Thunder Bay) (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Toronto (Thunder Bay)</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Toronto" data-display="Eastern Time - Toronto (GMT-04:00)" title="Eastern Time - Toronto (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Toronto</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Indiana/Vevay" data-display="Eastern Time - Vevay, Indiana (GMT-04:00)" title="Eastern Time - Vevay, Indiana (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Vevay, Indiana</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Indiana/Vincennes" data-display="Eastern Time - Vincennes, Indiana (GMT-04:00)" title="Eastern Time - Vincennes, Indiana (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Vincennes, Indiana</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Indiana/Winamac" data-display="Eastern Time - Winamac, Indiana (GMT-04:00)" title="Eastern Time - Winamac, Indiana (GMT-04:00)">
<span class="timezone-option-text">Eastern Time - Winamac, Indiana</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Guyana" data-display="Guyana Time (GMT-04:00)" title="Guyana Time (GMT-04:00)">
<span class="timezone-option-text">Guyana Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Asuncion" data-display="Paraguay Time (GMT-03:00)" title="Paraguay Time (GMT-03:00)">
<span class="timezone-option-text">Paraguay Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Caracas" data-display="Venezuela Time (GMT-04:00)" title="Venezuela Time (GMT-04:00)">
<span class="timezone-option-text">Venezuela Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Argentina/Buenos_Aires" data-display="Argentina Standard Time - Buenos Aires (GMT-03:00)" title="Argentina Standard Time - Buenos Aires (GMT-03:00)">
<span class="timezone-option-text">Argentina Standard Time - Buenos Aires</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Argentina/Catamarca" data-display="Argentina Standard Time - Catamarca (GMT-03:00)" title="Argentina Standard Time - Catamarca (GMT-03:00)">
<span class="timezone-option-text">Argentina Standard Time - Catamarca</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Argentina/Cordoba" data-display="Argentina Standard Time - Cordoba (GMT-03:00)" title="Argentina Standard Time - Cordoba (GMT-03:00)">
<span class="timezone-option-text">Argentina Standard Time - Cordoba</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Argentina/Jujuy" data-display="Argentina Standard Time - Jujuy (GMT-03:00)" title="Argentina Standard Time - Jujuy (GMT-03:00)">
<span class="timezone-option-text">Argentina Standard Time - Jujuy</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Argentina/La_Rioja" data-display="Argentina Standard Time - La Rioja (GMT-03:00)" title="Argentina Standard Time - La Rioja (GMT-03:00)">
<span class="timezone-option-text">Argentina Standard Time - La Rioja</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Argentina/Mendoza" data-display="Argentina Standard Time - Mendoza (GMT-03:00)" title="Argentina Standard Time - Mendoza (GMT-03:00)">
<span class="timezone-option-text">Argentina Standard Time - Mendoza</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Argentina/Rio_Gallegos" data-display="Argentina Standard Time - Rio Gallegos (GMT-03:00)" title="Argentina Standard Time - Rio Gallegos (GMT-03:00)">
<span class="timezone-option-text">Argentina Standard Time - Rio Gallegos</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Argentina/Salta" data-display="Argentina Standard Time - Salta (GMT-03:00)" title="Argentina Standard Time - Salta (GMT-03:00)">
<span class="timezone-option-text">Argentina Standard Time - Salta</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Argentina/San_Juan" data-display="Argentina Standard Time - San Juan (GMT-03:00)" title="Argentina Standard Time - San Juan (GMT-03:00)">
<span class="timezone-option-text">Argentina Standard Time - San Juan</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Argentina/San_Luis" data-display="Argentina Standard Time - San Luis (GMT-03:00)" title="Argentina Standard Time - San Luis (GMT-03:00)">
<span class="timezone-option-text">Argentina Standard Time - San Luis</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Argentina/Tucuman" data-display="Argentina Standard Time - Tucuman (GMT-03:00)" title="Argentina Standard Time - Tucuman (GMT-03:00)">
<span class="timezone-option-text">Argentina Standard Time - Tucuman</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Argentina/Ushuaia" data-display="Argentina Standard Time - Ushuaia (GMT-03:00)" title="Argentina Standard Time - Ushuaia (GMT-03:00)">
<span class="timezone-option-text">Argentina Standard Time - Ushuaia</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Atlantic/Bermuda" data-display="Atlantic Time - Bermuda (GMT-03:00)" title="Atlantic Time - Bermuda (GMT-03:00)">
<span class="timezone-option-text">Atlantic Time - Bermuda</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Glace_Bay" data-display="Atlantic Time - Glace Bay (GMT-03:00)" title="Atlantic Time - Glace Bay (GMT-03:00)">
<span class="timezone-option-text">Atlantic Time - Glace Bay</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Goose_Bay" data-display="Atlantic Time - Goose Bay (GMT-03:00)" title="Atlantic Time - Goose Bay (GMT-03:00)">
<span class="timezone-option-text">Atlantic Time - Goose Bay</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Halifax" data-display="Atlantic Time - Halifax (GMT-03:00)" title="Atlantic Time - Halifax (GMT-03:00)">
<span class="timezone-option-text">Atlantic Time - Halifax</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Moncton" data-display="Atlantic Time - Moncton (GMT-03:00)" title="Atlantic Time - Moncton (GMT-03:00)">
<span class="timezone-option-text">Atlantic Time - Moncton</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Thule" data-display="Atlantic Time - Thule (GMT-03:00)" title="Atlantic Time - Thule (GMT-03:00)">
<span class="timezone-option-text">Atlantic Time - Thule</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Araguaina" data-display="Brasilia Standard Time - Araguaina (GMT-03:00)" title="Brasilia Standard Time - Araguaina (GMT-03:00)">
<span class="timezone-option-text">Brasilia Standard Time - Araguaina</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Bahia" data-display="Brasilia Standard Time - Bahia (GMT-03:00)" title="Brasilia Standard Time - Bahia (GMT-03:00)">
<span class="timezone-option-text">Brasilia Standard Time - Bahia</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Belem" data-display="Brasilia Standard Time - Belem (GMT-03:00)" title="Brasilia Standard Time - Belem (GMT-03:00)">
<span class="timezone-option-text">Brasilia Standard Time - Belem</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Fortaleza" data-display="Brasilia Standard Time - Fortaleza (GMT-03:00)" title="Brasilia Standard Time - Fortaleza (GMT-03:00)">
<span class="timezone-option-text">Brasilia Standard Time - Fortaleza</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Maceio" data-display="Brasilia Standard Time - Maceio (GMT-03:00)" title="Brasilia Standard Time - Maceio (GMT-03:00)">
<span class="timezone-option-text">Brasilia Standard Time - Maceio</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Recife" data-display="Brasilia Standard Time - Recife (GMT-03:00)" title="Brasilia Standard Time - Recife (GMT-03:00)">
<span class="timezone-option-text">Brasilia Standard Time - Recife</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Santarem" data-display="Brasilia Standard Time - Santarem (GMT-03:00)" title="Brasilia Standard Time - Santarem (GMT-03:00)">
<span class="timezone-option-text">Brasilia Standard Time - Santarem</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Sao_Paulo" data-display="Brasilia Standard Time - Sao Paulo (GMT-03:00)" title="Brasilia Standard Time - Sao Paulo (GMT-03:00)">
<span class="timezone-option-text">Brasilia Standard Time - Sao Paulo</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Atlantic/Stanley" data-display="Falkland Islands Standard Time (GMT-03:00)" title="Falkland Islands Standard Time (GMT-03:00)">
<span class="timezone-option-text">Falkland Islands Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Cayenne" data-display="French Guiana Time (GMT-03:00)" title="French Guiana Time (GMT-03:00)">
<span class="timezone-option-text">French Guiana Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Antarctica/Palmer" data-display="Palmer Time (GMT-03:00)" title="Palmer Time (GMT-03:00)">
<span class="timezone-option-text">Palmer Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Punta_Arenas" data-display="Punta Arenas Time (GMT-03:00)" title="Punta Arenas Time (GMT-03:00)">
<span class="timezone-option-text">Punta Arenas Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Antarctica/Rothera" data-display="Rothera Time (GMT-03:00)" title="Rothera Time (GMT-03:00)">
<span class="timezone-option-text">Rothera Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Paramaribo" data-display="Suriname Time (GMT-03:00)" title="Suriname Time (GMT-03:00)">
<span class="timezone-option-text">Suriname Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Montevideo" data-display="Uruguay Standard Time (GMT-03:00)" title="Uruguay Standard Time (GMT-03:00)">
<span class="timezone-option-text">Uruguay Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/St_Johns" data-display="Newfoundland Time (GMT-02:30)" title="Newfoundland Time (GMT-02:30)">
<span class="timezone-option-text">Newfoundland Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-02:30)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Noronha" data-display="Fernando de Noronha Standard Time (GMT-02:00)" title="Fernando de Noronha Standard Time (GMT-02:00)">
<span class="timezone-option-text">Fernando de Noronha Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Atlantic/South_Georgia" data-display="South Georgia Time (GMT-02:00)" title="South Georgia Time (GMT-02:00)">
<span class="timezone-option-text">South Georgia Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Miquelon" data-display="St. Pierre & Miquelon Time (GMT-02:00)" title="St. Pierre & Miquelon Time (GMT-02:00)">
<span class="timezone-option-text">St. Pierre & Miquelon Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Atlantic/Cape_Verde" data-display="Cape Verde Standard Time (GMT-01:00)" title="Cape Verde Standard Time (GMT-01:00)">
<span class="timezone-option-text">Cape Verde Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Scoresbysund" data-display="East Greenland Time (GMT-01:00)" title="East Greenland Time (GMT-01:00)">
<span class="timezone-option-text">East Greenland Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Nuuk" data-display="West Greenland Time (GMT-01:00)" title="West Greenland Time (GMT-01:00)">
<span class="timezone-option-text">West Greenland Time</span>
<span class="timezone-option-text text-gray-400">
(GMT-01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Atlantic/Azores" data-display=" Azores Time (GMT+00:00)" title=" Azores Time (GMT+00:00)">
<span class="timezone-option-text"> Azores Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+00:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="UTC" data-display=" Coordinated Universal Time (GMT+00:00)" title=" Coordinated Universal Time (GMT+00:00)">
<span class="timezone-option-text"> Coordinated Universal Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+00:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Etc/GMT" data-display=" Greenwich Mean Time (GMT+00:00)" title=" Greenwich Mean Time (GMT+00:00)">
<span class="timezone-option-text"> Greenwich Mean Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+00:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Abidjan" data-display=" Greenwich Mean Time - Abidjan (GMT+00:00)" title=" Greenwich Mean Time - Abidjan (GMT+00:00)">
<span class="timezone-option-text"> Greenwich Mean Time - Abidjan</span>
<span class="timezone-option-text text-gray-400">
(GMT+00:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Bissau" data-display=" Greenwich Mean Time - Bissau (GMT+00:00)" title=" Greenwich Mean Time - Bissau (GMT+00:00)">
<span class="timezone-option-text"> Greenwich Mean Time - Bissau</span>
<span class="timezone-option-text text-gray-400">
(GMT+00:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="America/Danmarkshavn" data-display=" Greenwich Mean Time - Danmarkshavn (GMT+00:00)" title=" Greenwich Mean Time - Danmarkshavn (GMT+00:00)">
<span class="timezone-option-text"> Greenwich Mean Time - Danmarkshavn</span>
<span class="timezone-option-text text-gray-400">
(GMT+00:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Monrovia" data-display=" Greenwich Mean Time - Monrovia (GMT+00:00)" title=" Greenwich Mean Time - Monrovia (GMT+00:00)">
<span class="timezone-option-text"> Greenwich Mean Time - Monrovia</span>
<span class="timezone-option-text text-gray-400">
(GMT+00:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Atlantic/Reykjavik" data-display=" Greenwich Mean Time - Reykjavik (GMT+00:00)" title=" Greenwich Mean Time - Reykjavik (GMT+00:00)">
<span class="timezone-option-text"> Greenwich Mean Time - Reykjavik</span>
<span class="timezone-option-text text-gray-400">
(GMT+00:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Sao_Tome" data-display=" Greenwich Mean Time - São Tomé (GMT+00:00)" title=" Greenwich Mean Time - São Tomé (GMT+00:00)">
<span class="timezone-option-text"> Greenwich Mean Time - São Tomé</span>
<span class="timezone-option-text text-gray-400">
(GMT+00:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Algiers" data-display=" Central European Standard Time - Algiers (GMT+01:00)" title=" Central European Standard Time - Algiers (GMT+01:00)">
<span class="timezone-option-text"> Central European Standard Time - Algiers</span>
<span class="timezone-option-text text-gray-400">
(GMT+01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Tunis" data-display=" Central European Standard Time - Tunis (GMT+01:00)" title=" Central European Standard Time - Tunis (GMT+01:00)">
<span class="timezone-option-text"> Central European Standard Time - Tunis</span>
<span class="timezone-option-text text-gray-400">
(GMT+01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Dublin" data-display=" Ireland Time (GMT+01:00)" title=" Ireland Time (GMT+01:00)">
<span class="timezone-option-text"> Ireland Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Casablanca" data-display=" Morocco Time (GMT+01:00)" title=" Morocco Time (GMT+01:00)">
<span class="timezone-option-text"> Morocco Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/London" data-display=" United Kingdom Time (GMT+01:00)" title=" United Kingdom Time (GMT+01:00)">
<span class="timezone-option-text"> United Kingdom Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Lagos" data-display=" West Africa Standard Time - Lagos (GMT+01:00)" title=" West Africa Standard Time - Lagos (GMT+01:00)">
<span class="timezone-option-text"> West Africa Standard Time - Lagos</span>
<span class="timezone-option-text text-gray-400">
(GMT+01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Ndjamena" data-display=" West Africa Standard Time - Ndjamena (GMT+01:00)" title=" West Africa Standard Time - Ndjamena (GMT+01:00)">
<span class="timezone-option-text"> West Africa Standard Time - Ndjamena</span>
<span class="timezone-option-text text-gray-400">
(GMT+01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Atlantic/Canary" data-display=" Western European Time - Canary (GMT+01:00)" title=" Western European Time - Canary (GMT+01:00)">
<span class="timezone-option-text"> Western European Time - Canary</span>
<span class="timezone-option-text text-gray-400">
(GMT+01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Atlantic/Faroe" data-display=" Western European Time - Faroe (GMT+01:00)" title=" Western European Time - Faroe (GMT+01:00)">
<span class="timezone-option-text"> Western European Time - Faroe</span>
<span class="timezone-option-text text-gray-400">
(GMT+01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Lisbon" data-display=" Western European Time - Lisbon (GMT+01:00)" title=" Western European Time - Lisbon (GMT+01:00)">
<span class="timezone-option-text"> Western European Time - Lisbon</span>
<span class="timezone-option-text text-gray-400">
(GMT+01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Atlantic/Madeira" data-display=" Western European Time - Madeira (GMT+01:00)" title=" Western European Time - Madeira (GMT+01:00)">
<span class="timezone-option-text"> Western European Time - Madeira</span>
<span class="timezone-option-text text-gray-400">
(GMT+01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/El_Aaiun" data-display=" Western Sahara Time (GMT+01:00)" title=" Western Sahara Time (GMT+01:00)">
<span class="timezone-option-text"> Western Sahara Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+01:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Juba" data-display=" Central Africa Time - Juba (GMT+02:00)" title=" Central Africa Time - Juba (GMT+02:00)">
<span class="timezone-option-text"> Central Africa Time - Juba</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Khartoum" data-display=" Central Africa Time - Khartoum (GMT+02:00)" title=" Central Africa Time - Khartoum (GMT+02:00)">
<span class="timezone-option-text"> Central Africa Time - Khartoum</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Maputo" data-display=" Central Africa Time - Maputo (GMT+02:00)" title=" Central Africa Time - Maputo (GMT+02:00)">
<span class="timezone-option-text"> Central Africa Time - Maputo</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Windhoek" data-display=" Central Africa Time - Windhoek (GMT+02:00)" title=" Central Africa Time - Windhoek (GMT+02:00)">
<span class="timezone-option-text"> Central Africa Time - Windhoek</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Amsterdam" data-display=" Central European Time - Amsterdam (GMT+02:00)" title=" Central European Time - Amsterdam (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Amsterdam</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Andorra" data-display=" Central European Time - Andorra (GMT+02:00)" title=" Central European Time - Andorra (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Andorra</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Belgrade" data-display=" Central European Time - Belgrade (GMT+02:00)" title=" Central European Time - Belgrade (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Belgrade</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Berlin" data-display=" Central European Time - Berlin (GMT+02:00)" title=" Central European Time - Berlin (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Berlin</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Brussels" data-display=" Central European Time - Brussels (GMT+02:00)" title=" Central European Time - Brussels (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Brussels</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Budapest" data-display=" Central European Time - Budapest (GMT+02:00)" title=" Central European Time - Budapest (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Budapest</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Ceuta" data-display=" Central European Time - Ceuta (GMT+02:00)" title=" Central European Time - Ceuta (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Ceuta</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Copenhagen" data-display=" Central European Time - Copenhagen (GMT+02:00)" title=" Central European Time - Copenhagen (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Copenhagen</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Gibraltar" data-display=" Central European Time - Gibraltar (GMT+02:00)" title=" Central European Time - Gibraltar (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Gibraltar</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Luxembourg" data-display=" Central European Time - Luxembourg (GMT+02:00)" title=" Central European Time - Luxembourg (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Luxembourg</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Madrid" data-display=" Central European Time - Madrid (GMT+02:00)" title=" Central European Time - Madrid (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Madrid</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Malta" data-display=" Central European Time - Malta (GMT+02:00)" title=" Central European Time - Malta (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Malta</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Monaco" data-display=" Central European Time - Monaco (GMT+02:00)" title=" Central European Time - Monaco (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Monaco</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Oslo" data-display=" Central European Time - Oslo (GMT+02:00)" title=" Central European Time - Oslo (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Oslo</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Paris" data-display=" Central European Time - Paris (GMT+02:00)" title=" Central European Time - Paris (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Paris</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Prague" data-display=" Central European Time - Prague (GMT+02:00)" title=" Central European Time - Prague (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Prague</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Rome" data-display=" Central European Time - Rome (GMT+02:00)" title=" Central European Time - Rome (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Rome</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Stockholm" data-display=" Central European Time - Stockholm (GMT+02:00)" title=" Central European Time - Stockholm (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Stockholm</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Tirane" data-display=" Central European Time - Tirane (GMT+02:00)" title=" Central European Time - Tirane (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Tirane</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Vienna" data-display=" Central European Time - Vienna (GMT+02:00)" title=" Central European Time - Vienna (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Vienna</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Warsaw" data-display=" Central European Time - Warsaw (GMT+02:00)" title=" Central European Time - Warsaw (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Warsaw</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Zurich" data-display=" Central European Time - Zurich (GMT+02:00)" title=" Central European Time - Zurich (GMT+02:00)">
<span class="timezone-option-text"> Central European Time - Zurich</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Kaliningrad" data-display=" Eastern European Standard Time - Kaliningrad (GMT+02:00)" title=" Eastern European Standard Time - Kaliningrad (GMT+02:00)">
<span class="timezone-option-text"> Eastern European Standard Time - Kaliningrad</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Tripoli" data-display=" Eastern European Standard Time - Tripoli (GMT+02:00)" title=" Eastern European Standard Time - Tripoli (GMT+02:00)">
<span class="timezone-option-text"> Eastern European Standard Time - Tripoli</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Cairo" data-display="Eastern European Time (Cairo) (GMT+03:00)" title="Eastern European Time (Cairo) (GMT+03:00)">
<span class="timezone-option-text">Eastern European Time (Cairo)</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Gaza" data-display="Eastern European Time (Gaza) (GMT+03:00)" title="Eastern European Time (Gaza) (GMT+03:00)">
<span class="timezone-option-text">Eastern European Time (Gaza)</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Hebron" data-display="Eastern European Time (Hebron) (GMT+03:00)" title="Eastern European Time (Hebron) (GMT+03:00)">
<span class="timezone-option-text">Eastern European Time (Hebron)</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Johannesburg" data-display=" South Africa Standard Time (GMT+02:00)" title=" South Africa Standard Time (GMT+02:00)">
<span class="timezone-option-text"> South Africa Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Antarctica/Troll" data-display=" Troll Time (GMT+02:00)" title=" Troll Time (GMT+02:00)">
<span class="timezone-option-text"> Troll Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+02:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Baghdad" data-display=" Arabian Standard Time - Baghdad (GMT+03:00)" title=" Arabian Standard Time - Baghdad (GMT+03:00)">
<span class="timezone-option-text"> Arabian Standard Time - Baghdad</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Qatar" data-display=" Arabian Standard Time - Qatar (GMT+03:00)" title=" Arabian Standard Time - Qatar (GMT+03:00)">
<span class="timezone-option-text"> Arabian Standard Time - Qatar</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Riyadh" data-display=" Arabian Standard Time - Riyadh (GMT+03:00)" title=" Arabian Standard Time - Riyadh (GMT+03:00)">
<span class="timezone-option-text"> Arabian Standard Time - Riyadh</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Africa/Nairobi" data-display=" East Africa Time (GMT+03:00)" title=" East Africa Time (GMT+03:00)">
<span class="timezone-option-text"> East Africa Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Athens" data-display=" Eastern European Time - Athens (GMT+03:00)" title=" Eastern European Time - Athens (GMT+03:00)">
<span class="timezone-option-text"> Eastern European Time - Athens</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Beirut" data-display=" Eastern European Time - Beirut (GMT+03:00)" title=" Eastern European Time - Beirut (GMT+03:00)">
<span class="timezone-option-text"> Eastern European Time - Beirut</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Bucharest" data-display=" Eastern European Time - Bucharest (GMT+03:00)" title=" Eastern European Time - Bucharest (GMT+03:00)">
<span class="timezone-option-text"> Eastern European Time - Bucharest</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Chisinau" data-display=" Eastern European Time - Chisinau (GMT+03:00)" title=" Eastern European Time - Chisinau (GMT+03:00)">
<span class="timezone-option-text"> Eastern European Time - Chisinau</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Helsinki" data-display=" Eastern European Time - Helsinki (GMT+03:00)" title=" Eastern European Time - Helsinki (GMT+03:00)">
<span class="timezone-option-text"> Eastern European Time - Helsinki</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Kiev" data-display="Eastern European Time - Kyiv (Kiev) (GMT+03:00)" title="Eastern European Time - Kyiv (Kiev) (GMT+03:00)">
<span class="timezone-option-text">Eastern European Time - Kyiv (Kiev)</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Uzhgorod" data-display="Eastern European Time - Kyiv (Uzhgorod) (GMT+03:00)" title="Eastern European Time - Kyiv (Uzhgorod) (GMT+03:00)">
<span class="timezone-option-text">Eastern European Time - Kyiv (Uzhgorod)</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Zaporozhye" data-display="Eastern European Time - Kyiv (Zaporozhye) (GMT+03:00)" title="Eastern European Time - Kyiv (Zaporozhye) (GMT+03:00)">
<span class="timezone-option-text">Eastern European Time - Kyiv (Zaporozhye)</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Nicosia" data-display=" Eastern European Time - Nicosia (GMT+03:00)" title=" Eastern European Time - Nicosia (GMT+03:00)">
<span class="timezone-option-text"> Eastern European Time - Nicosia</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Riga" data-display=" Eastern European Time - Riga (GMT+03:00)" title=" Eastern European Time - Riga (GMT+03:00)">
<span class="timezone-option-text"> Eastern European Time - Riga</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Sofia" data-display=" Eastern European Time - Sofia (GMT+03:00)" title=" Eastern European Time - Sofia (GMT+03:00)">
<span class="timezone-option-text"> Eastern European Time - Sofia</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Tallinn" data-display=" Eastern European Time - Tallinn (GMT+03:00)" title=" Eastern European Time - Tallinn (GMT+03:00)">
<span class="timezone-option-text"> Eastern European Time - Tallinn</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Vilnius" data-display=" Eastern European Time - Vilnius (GMT+03:00)" title=" Eastern European Time - Vilnius (GMT+03:00)">
<span class="timezone-option-text"> Eastern European Time - Vilnius</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Famagusta" data-display=" Famagusta Time (GMT+03:00)" title=" Famagusta Time (GMT+03:00)">
<span class="timezone-option-text"> Famagusta Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Jerusalem" data-display=" Israel Time (GMT+03:00)" title=" Israel Time (GMT+03:00)">
<span class="timezone-option-text"> Israel Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Amman" data-display=" Jordan Time (GMT+03:00)" title=" Jordan Time (GMT+03:00)">
<span class="timezone-option-text"> Jordan Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Kirov" data-display=" Kirov Time (GMT+03:00)" title=" Kirov Time (GMT+03:00)">
<span class="timezone-option-text"> Kirov Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Minsk" data-display=" Moscow Standard Time - Minsk (GMT+03:00)" title=" Moscow Standard Time - Minsk (GMT+03:00)">
<span class="timezone-option-text"> Moscow Standard Time - Minsk</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Moscow" data-display=" Moscow Standard Time - Moscow (GMT+03:00)" title=" Moscow Standard Time - Moscow (GMT+03:00)">
<span class="timezone-option-text"> Moscow Standard Time - Moscow</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Simferopol" data-display=" Moscow Standard Time - Simferopol (GMT+03:00)" title=" Moscow Standard Time - Simferopol (GMT+03:00)">
<span class="timezone-option-text"> Moscow Standard Time - Simferopol</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Damascus" data-display=" Syria Time (GMT+03:00)" title=" Syria Time (GMT+03:00)">
<span class="timezone-option-text"> Syria Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Istanbul" data-display=" Türkiye Time (GMT+03:00)" title=" Türkiye Time (GMT+03:00)">
<span class="timezone-option-text"> Türkiye Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Volgograd" data-display=" Volgograd Standard Time (GMT+03:00)" title=" Volgograd Standard Time (GMT+03:00)">
<span class="timezone-option-text"> Volgograd Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Tehran" data-display=" Iran Standard Time (GMT+03:30)" title=" Iran Standard Time (GMT+03:30)">
<span class="timezone-option-text"> Iran Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+03:30)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Yerevan" data-display=" Armenia Standard Time (GMT+04:00)" title=" Armenia Standard Time (GMT+04:00)">
<span class="timezone-option-text"> Armenia Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Astrakhan" data-display=" Astrakhan Time (GMT+04:00)" title=" Astrakhan Time (GMT+04:00)">
<span class="timezone-option-text"> Astrakhan Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Baku" data-display=" Azerbaijan Standard Time (GMT+04:00)" title=" Azerbaijan Standard Time (GMT+04:00)">
<span class="timezone-option-text"> Azerbaijan Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Tbilisi" data-display=" Georgia Standard Time (GMT+04:00)" title=" Georgia Standard Time (GMT+04:00)">
<span class="timezone-option-text"> Georgia Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Dubai" data-display=" Gulf Standard Time (GMT+04:00)" title=" Gulf Standard Time (GMT+04:00)">
<span class="timezone-option-text"> Gulf Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Indian/Mauritius" data-display=" Mauritius Standard Time (GMT+04:00)" title=" Mauritius Standard Time (GMT+04:00)">
<span class="timezone-option-text"> Mauritius Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Indian/Reunion" data-display=" Réunion Time (GMT+04:00)" title=" Réunion Time (GMT+04:00)">
<span class="timezone-option-text"> Réunion Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Samara" data-display=" Samara Standard Time (GMT+04:00)" title=" Samara Standard Time (GMT+04:00)">
<span class="timezone-option-text"> Samara Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Saratov" data-display=" Saratov Time (GMT+04:00)" title=" Saratov Time (GMT+04:00)">
<span class="timezone-option-text"> Saratov Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Indian/Mahe" data-display=" Seychelles Time (GMT+04:00)" title=" Seychelles Time (GMT+04:00)">
<span class="timezone-option-text"> Seychelles Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Europe/Ulyanovsk" data-display=" Ulyanovsk Time (GMT+04:00)" title=" Ulyanovsk Time (GMT+04:00)">
<span class="timezone-option-text"> Ulyanovsk Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+04:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Kabul" data-display=" Afghanistan Time (GMT+04:30)" title=" Afghanistan Time (GMT+04:30)">
<span class="timezone-option-text"> Afghanistan Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+04:30)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Indian/Kerguelen" data-display=" French Southern & Antarctic Time (GMT+05:00)" title=" French Southern & Antarctic Time (GMT+05:00)">
<span class="timezone-option-text"> French Southern & Antarctic Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Indian/Maldives" data-display=" Maldives Time (GMT+05:00)" title=" Maldives Time (GMT+05:00)">
<span class="timezone-option-text"> Maldives Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Antarctica/Mawson" data-display=" Mawson Time (GMT+05:00)" title=" Mawson Time (GMT+05:00)">
<span class="timezone-option-text"> Mawson Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Karachi" data-display=" Pakistan Standard Time (GMT+05:00)" title=" Pakistan Standard Time (GMT+05:00)">
<span class="timezone-option-text"> Pakistan Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Dushanbe" data-display=" Tajikistan Time (GMT+05:00)" title=" Tajikistan Time (GMT+05:00)">
<span class="timezone-option-text"> Tajikistan Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Ashgabat" data-display=" Turkmenistan Standard Time (GMT+05:00)" title=" Turkmenistan Standard Time (GMT+05:00)">
<span class="timezone-option-text"> Turkmenistan Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Samarkand" data-display=" Uzbekistan Standard Time - Samarkand (GMT+05:00)" title=" Uzbekistan Standard Time - Samarkand (GMT+05:00)">
<span class="timezone-option-text"> Uzbekistan Standard Time - Samarkand</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Tashkent" data-display=" Uzbekistan Standard Time - Tashkent (GMT+05:00)" title=" Uzbekistan Standard Time - Tashkent (GMT+05:00)">
<span class="timezone-option-text"> Uzbekistan Standard Time - Tashkent</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Antarctica/Vostok" data-display=" Vostok Time (GMT+05:00)" title=" Vostok Time (GMT+05:00)">
<span class="timezone-option-text"> Vostok Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Almaty" data-display=" West Kazakhstan Time - Almaty (GMT+05:00)" title=" West Kazakhstan Time - Almaty (GMT+05:00)">
<span class="timezone-option-text"> West Kazakhstan Time - Almaty</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Aqtau" data-display=" West Kazakhstan Time - Aqtau (GMT+05:00)" title=" West Kazakhstan Time - Aqtau (GMT+05:00)">
<span class="timezone-option-text"> West Kazakhstan Time - Aqtau</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Aqtobe" data-display=" West Kazakhstan Time - Aqtobe (GMT+05:00)" title=" West Kazakhstan Time - Aqtobe (GMT+05:00)">
<span class="timezone-option-text"> West Kazakhstan Time - Aqtobe</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Atyrau" data-display=" West Kazakhstan Time - Atyrau (GMT+05:00)" title=" West Kazakhstan Time - Atyrau (GMT+05:00)">
<span class="timezone-option-text"> West Kazakhstan Time - Atyrau</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Qostanay" data-display=" West Kazakhstan Time - Kostanay (GMT+05:00)" title=" West Kazakhstan Time - Kostanay (GMT+05:00)">
<span class="timezone-option-text"> West Kazakhstan Time - Kostanay</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Oral" data-display=" West Kazakhstan Time - Oral (GMT+05:00)" title=" West Kazakhstan Time - Oral (GMT+05:00)">
<span class="timezone-option-text"> West Kazakhstan Time - Oral</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Qyzylorda" data-display=" West Kazakhstan Time - Qyzylorda (GMT+05:00)" title=" West Kazakhstan Time - Qyzylorda (GMT+05:00)">
<span class="timezone-option-text"> West Kazakhstan Time - Qyzylorda</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Yekaterinburg" data-display=" Yekaterinburg Standard Time (GMT+05:00)" title=" Yekaterinburg Standard Time (GMT+05:00)">
<span class="timezone-option-text"> Yekaterinburg Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Colombo" data-display=" India Standard Time - Colombo (GMT+05:30)" title=" India Standard Time - Colombo (GMT+05:30)">
<span class="timezone-option-text"> India Standard Time - Colombo</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:30)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Kolkata" data-display=" India Standard Time - Kolkata (GMT+05:30)" title=" India Standard Time - Kolkata (GMT+05:30)">
<span class="timezone-option-text"> India Standard Time - Kolkata</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:30)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Kathmandu" data-display=" Nepal Time (GMT+05:45)" title=" Nepal Time (GMT+05:45)">
<span class="timezone-option-text"> Nepal Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+05:45)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Dhaka" data-display=" Bangladesh Standard Time (GMT+06:00)" title=" Bangladesh Standard Time (GMT+06:00)">
<span class="timezone-option-text"> Bangladesh Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Thimphu" data-display=" Bhutan Time (GMT+06:00)" title=" Bhutan Time (GMT+06:00)">
<span class="timezone-option-text"> Bhutan Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Indian/Chagos" data-display=" Indian Ocean Time (GMT+06:00)" title=" Indian Ocean Time (GMT+06:00)">
<span class="timezone-option-text"> Indian Ocean Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Bishkek" data-display=" Kyrgyzstan Time (GMT+06:00)" title=" Kyrgyzstan Time (GMT+06:00)">
<span class="timezone-option-text"> Kyrgyzstan Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Omsk" data-display=" Omsk Standard Time (GMT+06:00)" title=" Omsk Standard Time (GMT+06:00)">
<span class="timezone-option-text"> Omsk Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Urumqi" data-display=" Urumqi Time (GMT+06:00)" title=" Urumqi Time (GMT+06:00)">
<span class="timezone-option-text"> Urumqi Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+06:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Indian/Cocos" data-display=" Cocos Islands Time (GMT+06:30)" title=" Cocos Islands Time (GMT+06:30)">
<span class="timezone-option-text"> Cocos Islands Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+06:30)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Yangon" data-display=" Myanmar Time (GMT+06:30)" title=" Myanmar Time (GMT+06:30)">
<span class="timezone-option-text"> Myanmar Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+06:30)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Barnaul" data-display=" Barnaul Time (GMT+07:00)" title=" Barnaul Time (GMT+07:00)">
<span class="timezone-option-text"> Barnaul Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Indian/Christmas" data-display=" Christmas Island Time (GMT+07:00)" title=" Christmas Island Time (GMT+07:00)">
<span class="timezone-option-text"> Christmas Island Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Antarctica/Davis" data-display=" Davis Time (GMT+07:00)" title=" Davis Time (GMT+07:00)">
<span class="timezone-option-text"> Davis Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Hovd" data-display=" Hovd Standard Time (GMT+07:00)" title=" Hovd Standard Time (GMT+07:00)">
<span class="timezone-option-text"> Hovd Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Bangkok" data-display=" Indochina Time - Bangkok (GMT+07:00)" title=" Indochina Time - Bangkok (GMT+07:00)">
<span class="timezone-option-text"> Indochina Time - Bangkok</span>
<span class="timezone-option-text text-gray-400">
(GMT+07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Ho_Chi_Minh" data-display=" Indochina Time - Ho Chi Minh City (GMT+07:00)" title=" Indochina Time - Ho Chi Minh City (GMT+07:00)">
<span class="timezone-option-text"> Indochina Time - Ho Chi Minh City</span>
<span class="timezone-option-text text-gray-400">
(GMT+07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Krasnoyarsk" data-display=" Krasnoyarsk Standard Time - Krasnoyarsk (GMT+07:00)" title=" Krasnoyarsk Standard Time - Krasnoyarsk (GMT+07:00)">
<span class="timezone-option-text"> Krasnoyarsk Standard Time - Krasnoyarsk</span>
<span class="timezone-option-text text-gray-400">
(GMT+07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Novokuznetsk" data-display=" Krasnoyarsk Standard Time - Novokuznetsk (GMT+07:00)" title=" Krasnoyarsk Standard Time - Novokuznetsk (GMT+07:00)">
<span class="timezone-option-text"> Krasnoyarsk Standard Time - Novokuznetsk</span>
<span class="timezone-option-text text-gray-400">
(GMT+07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Novosibirsk" data-display=" Novosibirsk Standard Time (GMT+07:00)" title=" Novosibirsk Standard Time (GMT+07:00)">
<span class="timezone-option-text"> Novosibirsk Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Tomsk" data-display=" Tomsk Time (GMT+07:00)" title=" Tomsk Time (GMT+07:00)">
<span class="timezone-option-text"> Tomsk Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Jakarta" data-display=" Western Indonesia Time - Jakarta (GMT+07:00)" title=" Western Indonesia Time - Jakarta (GMT+07:00)">
<span class="timezone-option-text"> Western Indonesia Time - Jakarta</span>
<span class="timezone-option-text text-gray-400">
(GMT+07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Pontianak" data-display=" Western Indonesia Time - Pontianak (GMT+07:00)" title=" Western Indonesia Time - Pontianak (GMT+07:00)">
<span class="timezone-option-text"> Western Indonesia Time - Pontianak</span>
<span class="timezone-option-text text-gray-400">
(GMT+07:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Australia/Perth" data-display=" Australian Western Standard Time (GMT+08:00)" title=" Australian Western Standard Time (GMT+08:00)">
<span class="timezone-option-text"> Australian Western Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Brunei" data-display=" Brunei Darussalam Time (GMT+08:00)" title=" Brunei Darussalam Time (GMT+08:00)">
<span class="timezone-option-text"> Brunei Darussalam Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Antarctica/Casey" data-display=" Casey Time (GMT+08:00)" title=" Casey Time (GMT+08:00)">
<span class="timezone-option-text"> Casey Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Makassar" data-display=" Central Indonesia Time (GMT+08:00)" title=" Central Indonesia Time (GMT+08:00)">
<span class="timezone-option-text"> Central Indonesia Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Macau" data-display=" China Standard Time - Macao (GMT+08:00)" title=" China Standard Time - Macao (GMT+08:00)">
<span class="timezone-option-text"> China Standard Time - Macao</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Shanghai" data-display=" China Standard Time - Shanghai (GMT+08:00)" title=" China Standard Time - Shanghai (GMT+08:00)">
<span class="timezone-option-text"> China Standard Time - Shanghai</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Hong_Kong" data-display=" Hong Kong Standard Time (GMT+08:00)" title=" Hong Kong Standard Time (GMT+08:00)">
<span class="timezone-option-text"> Hong Kong Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Irkutsk" data-display=" Irkutsk Standard Time (GMT+08:00)" title=" Irkutsk Standard Time (GMT+08:00)">
<span class="timezone-option-text"> Irkutsk Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Kuala_Lumpur" data-display=" Malaysia Time - Kuala Lumpur (GMT+08:00)" title=" Malaysia Time - Kuala Lumpur (GMT+08:00)">
<span class="timezone-option-text"> Malaysia Time - Kuala Lumpur</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Kuching" data-display=" Malaysia Time - Kuching (GMT+08:00)" title=" Malaysia Time - Kuching (GMT+08:00)">
<span class="timezone-option-text"> Malaysia Time - Kuching</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Manila" data-display=" Philippine Standard Time (GMT+08:00)" title=" Philippine Standard Time (GMT+08:00)">
<span class="timezone-option-text"> Philippine Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Singapore" data-display=" Singapore Standard Time (GMT+08:00)" title=" Singapore Standard Time (GMT+08:00)">
<span class="timezone-option-text"> Singapore Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Taipei" data-display=" Taipei Standard Time (GMT+08:00)" title=" Taipei Standard Time (GMT+08:00)">
<span class="timezone-option-text"> Taipei Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Choibalsan" data-display=" Ulaanbaatar Standard Time - Choibalsan (GMT+08:00)" title=" Ulaanbaatar Standard Time - Choibalsan (GMT+08:00)">
<span class="timezone-option-text"> Ulaanbaatar Standard Time - Choibalsan</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Ulaanbaatar" data-display=" Ulaanbaatar Standard Time - Ulaanbaatar (GMT+08:00)" title=" Ulaanbaatar Standard Time - Ulaanbaatar (GMT+08:00)">
<span class="timezone-option-text"> Ulaanbaatar Standard Time - Ulaanbaatar</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Australia/Eucla" data-display=" Australian Central Western Standard Time (GMT+08:45)" title=" Australian Central Western Standard Time (GMT+08:45)">
<span class="timezone-option-text"> Australian Central Western Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+08:45)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Dili" data-display=" East Timor Time (GMT+09:00)" title=" East Timor Time (GMT+09:00)">
<span class="timezone-option-text"> East Timor Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+09:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Jayapura" data-display=" Eastern Indonesia Time (GMT+09:00)" title=" Eastern Indonesia Time (GMT+09:00)">
<span class="timezone-option-text"> Eastern Indonesia Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+09:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Tokyo" data-display=" Japan Standard Time (GMT+09:00)" title=" Japan Standard Time (GMT+09:00)">
<span class="timezone-option-text"> Japan Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+09:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Pyongyang" data-display=" Korean Standard Time - Pyongyang (GMT+09:00)" title=" Korean Standard Time - Pyongyang (GMT+09:00)">
<span class="timezone-option-text"> Korean Standard Time - Pyongyang</span>
<span class="timezone-option-text text-gray-400">
(GMT+09:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Seoul" data-display=" Korean Standard Time - Seoul (GMT+09:00)" title=" Korean Standard Time - Seoul (GMT+09:00)">
<span class="timezone-option-text"> Korean Standard Time - Seoul</span>
<span class="timezone-option-text text-gray-400">
(GMT+09:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Palau" data-display=" Palau Time (GMT+09:00)" title=" Palau Time (GMT+09:00)">
<span class="timezone-option-text"> Palau Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+09:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Chita" data-display=" Yakutsk Standard Time - Chita (GMT+09:00)" title=" Yakutsk Standard Time - Chita (GMT+09:00)">
<span class="timezone-option-text"> Yakutsk Standard Time - Chita</span>
<span class="timezone-option-text text-gray-400">
(GMT+09:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Khandyga" data-display=" Yakutsk Standard Time - Khandyga (GMT+09:00)" title=" Yakutsk Standard Time - Khandyga (GMT+09:00)">
<span class="timezone-option-text"> Yakutsk Standard Time - Khandyga</span>
<span class="timezone-option-text text-gray-400">
(GMT+09:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Yakutsk" data-display=" Yakutsk Standard Time - Yakutsk (GMT+09:00)" title=" Yakutsk Standard Time - Yakutsk (GMT+09:00)">
<span class="timezone-option-text"> Yakutsk Standard Time - Yakutsk</span>
<span class="timezone-option-text text-gray-400">
(GMT+09:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Australia/Darwin" data-display=" Australian Central Standard Time (GMT+09:30)" title=" Australian Central Standard Time (GMT+09:30)">
<span class="timezone-option-text"> Australian Central Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+09:30)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Australia/Adelaide" data-display=" Central Australia Time - Adelaide (GMT+09:30)" title=" Central Australia Time - Adelaide (GMT+09:30)">
<span class="timezone-option-text"> Central Australia Time - Adelaide</span>
<span class="timezone-option-text text-gray-400">
(GMT+09:30)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Australia/Broken_Hill" data-display=" Central Australia Time - Broken Hill (GMT+09:30)" title=" Central Australia Time - Broken Hill (GMT+09:30)">
<span class="timezone-option-text"> Central Australia Time - Broken Hill</span>
<span class="timezone-option-text text-gray-400">
(GMT+09:30)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Australia/Brisbane" data-display=" Australian Eastern Standard Time - Brisbane (GMT+10:00)" title=" Australian Eastern Standard Time - Brisbane (GMT+10:00)">
<span class="timezone-option-text"> Australian Eastern Standard Time - Brisbane</span>
<span class="timezone-option-text text-gray-400">
(GMT+10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Australia/Lindeman" data-display=" Australian Eastern Standard Time - Lindeman (GMT+10:00)" title=" Australian Eastern Standard Time - Lindeman (GMT+10:00)">
<span class="timezone-option-text"> Australian Eastern Standard Time - Lindeman</span>
<span class="timezone-option-text text-gray-400">
(GMT+10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Guam" data-display=" Chamorro Standard Time (GMT+10:00)" title=" Chamorro Standard Time (GMT+10:00)">
<span class="timezone-option-text"> Chamorro Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Chuuk" data-display=" Chuuk Time (GMT+10:00)" title=" Chuuk Time (GMT+10:00)">
<span class="timezone-option-text"> Chuuk Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Australia/Hobart" data-display=" Eastern Australia Time - Hobart (GMT+10:00)" title=" Eastern Australia Time - Hobart (GMT+10:00)">
<span class="timezone-option-text"> Eastern Australia Time - Hobart</span>
<span class="timezone-option-text text-gray-400">
(GMT+10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Antarctica/Macquarie" data-display=" Eastern Australia Time - Macquarie (GMT+10:00)" title=" Eastern Australia Time - Macquarie (GMT+10:00)">
<span class="timezone-option-text"> Eastern Australia Time - Macquarie</span>
<span class="timezone-option-text text-gray-400">
(GMT+10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Australia/Melbourne" data-display=" Eastern Australia Time - Melbourne (GMT+10:00)" title=" Eastern Australia Time - Melbourne (GMT+10:00)">
<span class="timezone-option-text"> Eastern Australia Time - Melbourne</span>
<span class="timezone-option-text text-gray-400">
(GMT+10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Australia/Sydney" data-display=" Eastern Australia Time - Sydney (GMT+10:00)" title=" Eastern Australia Time - Sydney (GMT+10:00)">
<span class="timezone-option-text"> Eastern Australia Time - Sydney</span>
<span class="timezone-option-text text-gray-400">
(GMT+10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Port_Moresby" data-display=" Papua New Guinea Time (GMT+10:00)" title=" Papua New Guinea Time (GMT+10:00)">
<span class="timezone-option-text"> Papua New Guinea Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Ust-Nera" data-display=" Vladivostok Standard Time - Ust-Nera (GMT+10:00)" title=" Vladivostok Standard Time - Ust-Nera (GMT+10:00)">
<span class="timezone-option-text"> Vladivostok Standard Time - Ust-Nera</span>
<span class="timezone-option-text text-gray-400">
(GMT+10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Vladivostok" data-display=" Vladivostok Standard Time - Vladivostok (GMT+10:00)" title=" Vladivostok Standard Time - Vladivostok (GMT+10:00)">
<span class="timezone-option-text"> Vladivostok Standard Time - Vladivostok</span>
<span class="timezone-option-text text-gray-400">
(GMT+10:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Australia/Lord_Howe" data-display=" Lord Howe Time (GMT+10:30)" title=" Lord Howe Time (GMT+10:30)">
<span class="timezone-option-text"> Lord Howe Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+10:30)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Bougainville" data-display=" Bougainville Time (GMT+11:00)" title=" Bougainville Time (GMT+11:00)">
<span class="timezone-option-text"> Bougainville Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+11:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Kosrae" data-display=" Kosrae Time (GMT+11:00)" title=" Kosrae Time (GMT+11:00)">
<span class="timezone-option-text"> Kosrae Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+11:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Magadan" data-display=" Magadan Standard Time (GMT+11:00)" title=" Magadan Standard Time (GMT+11:00)">
<span class="timezone-option-text"> Magadan Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+11:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Noumea" data-display=" New Caledonia Standard Time (GMT+11:00)" title=" New Caledonia Standard Time (GMT+11:00)">
<span class="timezone-option-text"> New Caledonia Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+11:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Norfolk" data-display=" Norfolk Island Time (GMT+11:00)" title=" Norfolk Island Time (GMT+11:00)">
<span class="timezone-option-text"> Norfolk Island Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+11:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Pohnpei" data-display=" Ponape Time (GMT+11:00)" title=" Ponape Time (GMT+11:00)">
<span class="timezone-option-text"> Ponape Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+11:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Sakhalin" data-display=" Sakhalin Standard Time (GMT+11:00)" title=" Sakhalin Standard Time (GMT+11:00)">
<span class="timezone-option-text"> Sakhalin Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+11:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Guadalcanal" data-display=" Solomon Islands Time (GMT+11:00)" title=" Solomon Islands Time (GMT+11:00)">
<span class="timezone-option-text"> Solomon Islands Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+11:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Srednekolymsk" data-display=" Srednekolymsk Time (GMT+11:00)" title=" Srednekolymsk Time (GMT+11:00)">
<span class="timezone-option-text"> Srednekolymsk Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+11:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Efate" data-display=" Vanuatu Standard Time (GMT+11:00)" title=" Vanuatu Standard Time (GMT+11:00)">
<span class="timezone-option-text"> Vanuatu Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+11:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Anadyr" data-display=" Anadyr Standard Time (GMT+12:00)" title=" Anadyr Standard Time (GMT+12:00)">
<span class="timezone-option-text"> Anadyr Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+12:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Fiji" data-display=" Fiji Standard Time (GMT+12:00)" title=" Fiji Standard Time (GMT+12:00)">
<span class="timezone-option-text"> Fiji Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+12:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Tarawa" data-display=" Gilbert Islands Time (GMT+12:00)" title=" Gilbert Islands Time (GMT+12:00)">
<span class="timezone-option-text"> Gilbert Islands Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+12:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Kwajalein" data-display=" Marshall Islands Time - Kwajalein (GMT+12:00)" title=" Marshall Islands Time - Kwajalein (GMT+12:00)">
<span class="timezone-option-text"> Marshall Islands Time - Kwajalein</span>
<span class="timezone-option-text text-gray-400">
(GMT+12:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Majuro" data-display=" Marshall Islands Time - Majuro (GMT+12:00)" title=" Marshall Islands Time - Majuro (GMT+12:00)">
<span class="timezone-option-text"> Marshall Islands Time - Majuro</span>
<span class="timezone-option-text text-gray-400">
(GMT+12:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Nauru" data-display=" Nauru Time (GMT+12:00)" title=" Nauru Time (GMT+12:00)">
<span class="timezone-option-text"> Nauru Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+12:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Auckland" data-display=" New Zealand Time (GMT+12:00)" title=" New Zealand Time (GMT+12:00)">
<span class="timezone-option-text"> New Zealand Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+12:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Asia/Kamchatka" data-display=" Petropavlovsk-Kamchatski Standard Time (GMT+12:00)" title=" Petropavlovsk-Kamchatski Standard Time (GMT+12:00)">
<span class="timezone-option-text"> Petropavlovsk-Kamchatski Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+12:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Funafuti" data-display=" Tuvalu Time (GMT+12:00)" title=" Tuvalu Time (GMT+12:00)">
<span class="timezone-option-text"> Tuvalu Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+12:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Wake" data-display=" Wake Island Time (GMT+12:00)" title=" Wake Island Time (GMT+12:00)">
<span class="timezone-option-text"> Wake Island Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+12:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Wallis" data-display=" Wallis & Futuna Time (GMT+12:00)" title=" Wallis & Futuna Time (GMT+12:00)">
<span class="timezone-option-text"> Wallis & Futuna Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+12:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Chatham" data-display=" Chatham Time (GMT+12:45)" title=" Chatham Time (GMT+12:45)">
<span class="timezone-option-text"> Chatham Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+12:45)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Apia" data-display=" Apia Standard Time (GMT+13:00)" title=" Apia Standard Time (GMT+13:00)">
<span class="timezone-option-text"> Apia Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+13:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Kanton" data-display=" Phoenix Islands Time (GMT+13:00)" title=" Phoenix Islands Time (GMT+13:00)">
<span class="timezone-option-text"> Phoenix Islands Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+13:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Fakaofo" data-display=" Tokelau Time (GMT+13:00)" title=" Tokelau Time (GMT+13:00)">
<span class="timezone-option-text"> Tokelau Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+13:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Tongatapu" data-display=" Tonga Standard Time (GMT+13:00)" title=" Tonga Standard Time (GMT+13:00)">
<span class="timezone-option-text"> Tonga Standard Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+13:00)
</span>
</button>
<button type="button" class="timezone-option flex justify-between" data-action="select-timezone" data-timezone="Pacific/Kiritimati" data-display=" Line Islands Time (GMT+14:00)" title=" Line Islands Time (GMT+14:00)">
<span class="timezone-option-text"> Line Islands Time</span>
<span class="timezone-option-text text-gray-400">
(GMT+14:00)
</span>
</button>
</div>
<!-- Bottom Controls -->
<div class="timezone-picker-controls">
<!-- Cancel Button -->
<button type="button" class="cancel-picker-btn" data-action="close-picker">
Cancel
</button>
</div>
</div>
</div>
</div>
<fieldset class="fieldset mb-2">
<label>
<span class="label mb-1">Language</span>
<select id="countdown_widget_locale" name="countdown_widget[locale]" class="w-full select">
<option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="bn">Bangla</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh">Chinese</option><option value="zh-Hant">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option selected value="en">English</option><option value="en-GB">English (United Kingdom)</option><option value="fil">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="de">German</option><option value="el">Greek</option><option value="he">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="lv">Latvian</option><option value="ms">Malay</option><option value="nb">Norwegian Bokmål</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="es">Spanish</option><option value="sv">Swedish</option><option value="ta">Tamil</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option>
</select>
</label>
</fieldset>
<fieldset class="fieldset mb-2">
<label>
<span class="label mb-1">Repeat</span>
<select id="countdown_widget_repeat_mode" name="countdown_widget[repeat_mode]" class="w-full select">
<option selected value="0">None</option><option value="5">Hourly</option><option value="1">Daily</option><option value="2">Weekly</option><option value="3">Monthly</option><option value="4">Yearly</option>
</select>
</label>
</fieldset>
<fieldset class="fieldset mb-2">
<label>
<span class="label mb-1">Link</span>
<input type="text" name="countdown_widget[link]" id="countdown_widget_link" value="" class="w-full input">
</label>
</fieldset>
</div>
<!-- Middle Column - Countdown Widget Display -->
<div class="xxxflex xxxflex-col xxxitems-center center-column order-1 lg:order-2" id="editor-container-center-column" class="center-column">
<div xxx-phx-update="ignore" id="countdown_widget_display" class="w-full mt-0">
<div>
<div class="">
<div id="countdown-widget-" class="widget-wrapper">
<style>
html, body {
margin: 0px;
padding: 0px;
}
#countdown-widget-{
a img { border: 0; }
.demo{
position: absolute;
right: 0;
top: 0;
z-index: 999;
}
#ie-fix {
display: none;
}
.digit {
background-image: url(https://rany-fly.countingdownto.com/oc-sprite?bg_color=006699FF&date_label=September+22%2C+2026&encoding=png&font=Helvetica+Neue+LT+Com+77+Bold+Condensed&font_push_down=0.34&height=154&hlines=YYYY&overlay=reflection-09.png&overlay_size=350%2C180&quality=0.95&renderer=v1&scale=0.856&shadow=1&shadow_blur=1&shadow_color=00000077&shadow_y=1&style=TemplateCdt3&text_align=center&text_effect=0&text_effect_strength=0.25&title=Event+Name&txt_color=FFFFFFFF&unit_labels=days%2Chours%2Cminutes%2Cseconds&use_overlay=0&width=300);
background-repeat: no-repeat;
width: 24px;
}
.digit-0 {
background-position: -300px -64px;;
}
.digit-1 {
background-position: -324px -64px;;
}
.digit-2 {
background-position: -348px -64px;;
}
.digit-3 {
background-position: -372px -64px;;
}
.digit-4 {
background-position: -396px -64px;;
}
.digit-5 {
background-position: -420px -64px;;
}
.digit-6 {
background-position: -444px -64px;;
}
.digit-7 {
background-position: -468px -64px;;
}
.digit-8 {
background-position: -492px -64px;;
}
.digit-9 {
background-position: -516px -64px;;
}
.digit-x {
width: 21px;
background-position: -574px -64px;;
}
.digit-p {
width: 9px;
background-position: -550px -64px;
}
.spr.digit-b {
width: 9px;
background-image: none;
display: none;
}
&.widget-wrapper {
width: 300px;
height: 154px;
background-color: #006699;
position: relative;
margin:auto;
}
.content-wrapper {
width: 100%;
height: 100%;
}
.spr {
background-image: url(https://rany-fly.countingdownto.com/oc-sprite?bg_color=006699FF&date_label=September+22%2C+2026&encoding=png&font=Helvetica+Neue+LT+Com+77+Bold+Condensed&font_push_down=0.34&height=154&hlines=YYYY&overlay=reflection-09.png&overlay_size=350%2C180&quality=0.95&renderer=v1&scale=0.856&shadow=1&shadow_blur=1&shadow_color=00000077&shadow_y=1&style=TemplateCdt3&text_align=center&text_effect=0&text_effect_strength=0.25&title=Event+Name&txt_color=FFFFFFFF&unit_labels=days%2Chours%2Cminutes%2Cseconds&use_overlay=0&width=300);
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx),
(min-resolution: 192dpi)
{
.spr {
background-image: url(https://rany-fly.countingdownto.com/oc-sprite?bg_color=006699FF&date_label=September+22%2C+2026&encoding=png&font=Helvetica+Neue+LT+Com+77+Bold+Condensed&font_push_down=0.34&height=154&hlines=YYYY&overlay=reflection-09.png&overlay_size=350%2C180&quality=0.95&renderer=v1&scale=0.856&shadow=1&shadow_blur=1&shadow_color=00000077&shadow_y=1&style=TemplateCdt3&text_align=center&text_effect=0&text_effect_strength=0.25&title=Event+Name&txt_color=FFFFFFFF&unit_labels=days%2Chours%2Cminutes%2Cseconds&use_overlay=0&width=300&retina=1);
background-size: 685px 154px;
}
}
.counter-wrapper {
width: 288px;
height: 77.0px;
margin-left: 12px;
}
.counter-wrapper .counter-item {
height: 34px;
float:left;
}
.counter-wrapper .counter-group {
height: 45px;
float:left;
position: relative;
overflow: hidden;
}
.counter-group .unit-label{
position: absolute;
height: 13px;
width:51px;
left: 0;
top:33px;
}
.days .unit-label {
background-position: -300px -98px;;
}
.hours .unit-label {
background-position: -351px -98px;;
}
.minutes .unit-label {
background-position: -402px -98px;;
}
.seconds .unit-label {
background-position: -454px -98px;;
}
.header {
height: 64px;
width: 100%;
}
}
</style>
<div id="ie-fix"> </div>
<div class="content-wrapper spr">
<div class="header"></div>
<div class="counter-wrapper">
<div class="days counter-group">
<div class="counter-item"></div>
<div class="counter-item"></div>
<div class="counter-item"></div>
<div class="unit-label spr"></div>
</div>
<div class="counter-item"></div>
<div class="hours counter-group">
<div class="counter-item"></div>
<div class="counter-item"></div>
<div class="unit-label spr"></div>
</div>
<div class="counter-item"></div>
<div class="minutes counter-group">
<div class="counter-item"></div>
<div class="counter-item"></div>
<div class="unit-label spr"></div>
</div>
<div class="counter-item"></div>
<div class="seconds counter-group">
<div class="counter-item"></div>
<div class="counter-item"></div>
<div class="unit-label spr"></div>
</div>
<div class="counter-item"></div>
<div class="counter-item"></div>
</div>
</div>
<div id="window.oc_new" phx-hook="ScriptReloader" data-time-remaining="NO_TZ">
<script>
window.$=window.jquip=function(){function U(a,b){var c;for(var e=0,g=V.length;e<g;e++)if(V[e].apply(this,arguments))return this;return a?bD(a)?(h?a():f.push(a),this):bE(a)?this.make(a):a.nodeType||bG(a)?this.make([a]):a=="body"&&!b&&d.body?(this.context=a.context,this[0]=d.body,this.length=1,this.selector=a,this):a.selector!==undefined?(this.context=a.context,this.selector=a.selector,this.make(a)):(a=bB(a)&&a.charAt(0)==="<"?(c=s.exec(a))?(a=[d.createElement(c[1])])&&bI(b)?_.fn.attr.call(a,b)&&a:a:bM(a).childNodes:bi(a,b),this.make(a)):this}function _(a,b){return new U(a,b)}function ba(a){return!a||!a.parentNode||a.parentNode.nodeType==11}function bb(a,b,c){b=b||0;if(bD(b))return bv(a,function(a,d){return!!b.call(a,d,a)===c});if(b.nodeType)return bv(a,function(a){return a===b===c});if(bB(b)){var d=b.charAt(0)==":"&&_.Expr[b.substring(1)];return bv(a,function(a){return d?d(a):a.parentNode&&bq(bi(b,a.parentNode),a)>=0})}return bv(a,function(a){return bq(b,a)>=0===c})}function bc(a,b,c){var d=_.data(a,"_J");return typeof c=="undefined"?d&&Y[d]&&Y[d][b]:(d||_.data(a,"_J",d=++Y.id),(Y[d]||(Y[d]={}))[b]=c)}function bd(a){if(!Z[a]){var b=_("<"+a+">").appendTo(d.body),c=_.css&&_.css(b[0],"display")||b[0].style.display;b.remove(),Z[a]=c}return Z[a]}function be(a,b){a.length=b&&b.length||0;if(a.length==0)return a;for(var c=0,d=b.length;c<d;c++)a[c]=b[c];return a}function bf(a,b){var b=" "+b+" ";for(var c=0,d=a.length;c<d;c++)if(bg(a[c],b))return!0;return!1}function bg(a,b){return a.nodeType===1&&(" "+a.className+" ").replace(n," ").indexOf(b)>-1}function bh(a,b,c){b=b||d,c=c||[],b.nodeType==1&&a(b)&&c.push(b);var e=b.childNodes;for(var f=0,g=e.length;f<g;f++){var h=e[f];h.nodeType==1&&bh(a,h,c)}return c}function bi(a,b,c){if(a&&bB(a)){b instanceof _&&(b=b[0]),b=b||d,c=c||_.query;var e=a.charAt(0),f=a.substring(1),g=I.test(f),h;try{return g?O.call(c(a,b)):g?O.call(c(a,b)):e=="#"?(h=d.getElementById(f))?[h]:J:bL(e=="."?b.getElementsByClassName?b.getElementsByClassName(f):c(a,b):b.getElementsByTagName(a))}catch(i){bl(i)}}return a.nodeType==1||a.nodeType==9?[a]:J}function bk(a,b,c){var f=d.head||d.getElementsByTagName("head")[0]||e,g=d.createElement("script"),h;c&&(g.async="async"),g.onreadystatechange=function(){if(!(h=g.readyState)||h=="loaded"||h=="complete")g.onload=g.onreadystatechange=null,f&&g.parentNode&&f.removeChild(g),g=undefined,b&&b()},g.onload=b,g.src=a,f.insertBefore(g,f.firstChild)}function bl(b){a.console&&a.console.warn(arguments)}function bm(a,b,c){if(a==null)return;if(R&&a.forEach===R)a.forEach(b,c);else if(a.length===+a.length){for(var d=0,e=a.length;d<e;d++)if(d in a&&b.call(c,a[d],d,a)===K)return}else for(var f in a)if(N.call(a,f)&&b.call(c,a[f],f,a)===K)return}function bn(a,b){return a&&a.nodeName==="INPUT"&&a.type==="text"&&b==="value"?a.value:a?a.getAttribute(b)||(b in a?a[b]:undefined):null}function bp(a,b){var c=[],d,e,f,g,h;for(d=0,f=bo.length;d<f;d++)if(h=bo[d].exec(a))break;if(d<bo.length)for(e=0;g=b[e];e++)(d==0&&h[1]==g.id||d==1&&bz(h[1],g.tagName)||d==2&&bg(g,h[1])||d==3&&h[2]==bn(g,h[1]))&&c.push(g);else bl(a+" not supported");return c}function bq(a,b){if(a==null)return-1;var c,d;if(T&&a.indexOf===T)return a.indexOf(b);for(c=0,d=a.length;c<d;c++)if(a[c]===b)return c;return-1}function br(a,b,c){var d=[];return a==null?d:S&&a.filter===S?a.filter(b,c):(bm(a,function(a,e,f){b.call(c,a,e,f)&&(d[d.length]=a)}),d)}function bs(a,b,c){var d=[],e=a[b];while(e&&e.nodeType!==9&&(c===undefined||e.nodeType!==1||!_(e).is(c)))e.nodeType===1&&d.push(e),e=e[b];return d}function bt(a,b,c){b=b||1;var d=0;for(;a;a=a[c])if(a.nodeType===1&&++d===b)break;return a}function bu(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}function bv(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d}function bw(a,b,c){var d,e,f=[],g=0,h=a.length,i=a instanceof _||typeof h=="number"&&(h>0&&a[0]&&a[h-1]||h===0||bE(a));if(i)for(;g<h;g++)d=b(a[g],g,c),d!=null&&(f[f.length]=d);else for(e in a)d=b(a[e],e,c),d!=null&&(f[f.length]=d);return f.concat.apply([],f)}function bx(a,b,c){if(!a)return{};if(b&&c)return a.setAttribute(b,c),null;var d={};return bm(by(a),function(a,b){if(b.indexOf("data-")!==0||!a)return;d[b.substr("data-".length)]=a}),bB(b)?d[b]:d}function by(a){var b={};for(var c=0,d=a.attributes,e=d.length;c<e;c++)b[d.item(c).nodeName]=d.item(c).nodeValue;return b}function bz(a,b){return!a||!b?a==b:a.toLowerCase()===b.toLowerCase()}function bA(a){return a==null?String(a):E[D.call(a)]||"object"}function bB(a){return typeof a=="string"}function bC(a){return typeof a=="object"}function bD(a){return typeof a=="function"||bA(a)==="function"}function bE(a){return bA(a)==="array"}function bF(a){return!bB(a)&&typeof a.length=="number"}function bG(a){return a&&typeof a=="object"&&"setInterval"in a}function bH(a){return a==null||!p.test(a)||isNaN(a)}function bI(a){if(!a||bA(a)!=="object"||a.nodeType||bG(a))return!1;try{if(a.constructor&&!N.call(a,"constructor")&&!N.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(b){return!1}var c;for(c in a);return c===undefined||N.call(a,c)}function bJ(a,b){var c=a.length,d=0;if(typeof b.length=="number")for(var e=b.length;d<e;d++)a[c++]=b[d];else while(b[d]!==undefined)a[c++]=b[d++];return a.length=c,a}function bK(){var a,b,c,d,e,f,g=arguments,h=g[0]||{},i=1,j=g.length,k=!1;typeof h=="boolean"&&(k=h,h=g[1]||{},i=2),typeof h!="object"&&!bD(h)&&(h={}),j===i&&(h=this,--i);for(;i<j;i++)if((a=g[i])!=null)for(b in a){c=h[b],d=a[b];if(h===d)continue;k&&d&&(bI(d)||(e=bE(d)))?(e?(e=!1,f=c&&bE(c)?c:[]):f=c&&bI(c)?c:{},h[b]=bK(k,f,d)):d!==undefined&&(h[b]=d)}return h}function bL(a,b){var c=b||[];if(a!=null){var d=bA(a);a.length==null||d=="string"||d=="function"||d==="regexp"||bG(a)?P.call(c,a):bJ(c,a)}return c}function bM(a,b,c){b=b||d||b.ownerDocument||b[0]&&b[0].ownerDocument||d,c=c||b.createDocumentFragment();if(bF(a))return bO(a,b,c)&&c;var e=bN(a);while(e.firstChild)c.appendChild(e.firstChild);return c}function bN(a,b){var c=(b||d).createElement("div"),e=(m.exec(a)||["",""])[1].toLowerCase(),f=H[e]||H._default,g=f[0];c.innerHTML=f[1]+a+f[2];while(g--)c=c.lastChild;return c}function bO(a,b,c){var d=[],e,f;for(e=0;(f=a[e])!=null;e++)bB(f)&&(f=bN(f,b)),f.nodeType?d.push(f):d=bJ(d,f);if(c)for(e=0;e<d.length;e++)d[e].nodeType&&c.appendChild(d[e]);return d}function bQ(a){if(B){F=G,a.sort(B);if(F)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a}function bR(){if(!d.body)return null;var a=d.createElement("div");d.body.appendChild(a),a.style.width="20px",a.style.padding="10px";var b=a.offsetWidth;return d.body.removeChild(a),b==40}function bS(a,b){g.push({url:a,cb:b})}function bT(){bm(f,function(a){a()}),h=!0}var a=window,b="https://cdnjs.cloudflare.com/ajax/libs/sizzle/1.4.4/sizzle.min.js",c=function(){return a.Sizzle||a.qwery},d=document,e=d.documentElement,f=[],g=[],h,i=/Until$/,j=/,/,k=/^(?:parents|prevUntil|prevAll)/,m=/<([\w:]+)/,n=/[\n\t\r]/g,o=/\s+/,p=/\d/,q=/\S/,r=/\r\n/g,s=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,t=/\r?\n/g,u=/^(?:select|textarea)/i,v=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,w=String.prototype.trim,x,y=/^\s+/,z=/\s+$/,A,B,C={children:!0,contents:!0,next:!0,prev:!0},D=Object.prototype.toString,E={},F=!1,G=!0,H={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]},I=/[,\s.#\[>+]/,J=[],K={},L=Array.prototype,M=Object.prototype,N=M.hasOwnProperty,O=L.slice,P=L.push,Q=L.indexOf,R=L.forEach,S=L.filter,T=L.indexOf;q.test(" ")&&(y=/^[\s\xA0]+/,z=/[\s\xA0]+$/);var V=[],W={},X=0,Y={_id:0},Z={},$;$=U.prototype=_.prototype=_.fn={constructor:_,selector:"",length:0,dm:function(a,b,c){var d=a[0],e,f,g,h,i;if(d&&this[0]){if(!(f=d.nodeType===3&&d)){e=d&&d.parentNode,f=e&&e.nodeType===11&&e.childNodes.length===this.length?e:bM(d),g=f.firstChild,f.childNodes.length===1&&(f=g);if(!g)return this}for(i=0,h=this.length;i<h;i++)c.call(this[i],f)}return this},ps:function(a,b,c){var d=this.constructor();return bE(a)?P.apply(d,a):bJ(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")"),d}},$.make=function(a){return be(this,a),this},$.toArray=function(){return O.call(this,0)},$.get=function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},$.add=function(a,b){var c=typeof a=="string"?_(a,b):bL(a&&a.nodeType?[a]:a),d=bJ(this.get(),c);return this.ps(ba(c[0])||ba(d[0])?d:bQ(d))},$.each=function(a){if(!bD(a))return this;for(var b=0,c=this.length;b<c;b++)a.call(this[b],b,this[b]);return this},$.attr=function(a,b){var c=this[0];return bB(a)&&b===undefined?bn(c,a):this.each(function(c){var d=this.nodeType;if(d!==3&&d!==8&&d!==2)if(bC(a))for(var e in a)b===null?this.removeAttribute(a):this.setAttribute(e,a[e]);else this.setAttribute(a,bD(b)?b.call(this,c,this.getAttribute(a)):b)})},$.removeAttr=function(a){return this.each(function(){this.removeAttribute(a)})},$.data=function(a,b){return bx(this[0],a,b)},$.append=function(){return this.dm(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},$.prepend=function(){return this.dm(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},$.before=function(){return this.dm(arguments,!1,function(a){this.parentNode.insertBefore(a,this)})},$.after=function(){return this[0]&&this[0].parentNode?this.dm(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)}):this},$.hide=function(){return this.each(function(){bc(this,"display",this.style.display),this.style.display="none"})},$.show=function(){return this.each(function(){this.style.display=bc(this,"display")||bd(this.tagName)})},$.toggle=function(){return this.each(function(){this.style.display=_.Expr.hidden(this)?bc(this,"display")||bd(this.tagName):(bc(this,"display",this.style.display),"none")})},$.eq=function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},$.first=function(){return this.eq(0)},$.last=function(){return this.eq(-1)},$.slice=function(){return this.ps(O.apply(this,arguments),"slice",O.call(arguments).join(","))},$.map=function(a){return this.ps(bw(this,function(b,c){return a.call(b,c,b)}))},$.find=function(a){var b=this,c,d;if(!bB(a))return _(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(A(b[c],this))return!0});var e=this.ps("","find",a),f,g,h;for(c=0,d=this.length;c<d;c++){f=e.length,bJ(e,_(a,this[c]));if(c==0)for(g=f;g<e.length;g++)for(h=0;h<f;h++)if(e[h]===e[g]){e.splice(g--,1);break}}return e},$.not=function(a){return this.ps(bb(this,a,!1),"not",a)},$.filter=function(a){return this.ps(bb(this,a,!0),"filter",a)},$.indexOf=function(a){return bq(this,a)},$.is=function(a){return this.length>0&&_(this[0]).filter(a).length>0},$.remove=function(){for(var a=0,b;(b=this[a])!=null;a++)b.parentNode&&b.parentNode.removeChild(b);return this},$.closest=function(a,b){var c=[],d;for(d=0,l=this.length;d<l;d++){cur=this[d];while(cur){if(bp(a,[cur]).length>0){c.push(cur);break}cur=cur.parentNode;if(!cur||!cur.ownerDocument||cur===b||cur.nodeType===11)break}}return c=c.length>1?bQ(c):c,this.ps(c,"closest",a)},$.val=function(a){return a==null?this[0]&&this[0].value||"":this.each(function(){this.value=a})},$.html=function(a){return a==null?this[0]&&this[0].innerHTML||"":this.each(function(){this.innerHTML=a})},$.text=function(a){var b=this[0],c;return typeof a=="undefined"?b&&(c=b.nodeType)?c===1||c===9?typeof b.textContent=="string"?b.textContent:b.innerText.replace(r,""):c===3||c===4?b.nodeValue:null:null:this.empty().append((b&&b.ownerDocument||d).createTextNode(a))},$.empty=function(){for(var a=0,b;(b=this[a])!=null;a++)while(b.firstChild)b.removeChild(b.firstChild);return this},$.addClass=function(a){var b,c,d,e,f,g,h;if(bD(a))return this.each(function(b){_(this).addClass(a.call(this,b,this.className))});if(a&&bB(a)){b=a.split(o);for(c=0,d=this.length;c<d;c++){e=this[c];if(e&&e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{f=" "+e.className+" ";for(g=0,h=b.length;g<h;g++)~f.indexOf(" "+b[g]+" ")||(f+=b[g]+" ");e.className=x(f)}}}return this},$.removeClass=function(a){var b,c,d,e,f,g,h;if(bD(a))return this.each(function(b){_(this).removeClass(a.call(this,b,this.className))});if(a&&bB(a)||a===undefined){b=(a||"").split(o);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1&&e.className)if(a){f=(" "+e.className+" ").replace(n," ");for(g=0,h=b.length;g<h;g++)f=f.replace(" "+b[g]+" "," ");e.className=x(f)}else e.className=""}}return this},$.hasClass=function(a){return bf(this,a)},$.fadeIn=function(){this.each(function(){_(this).show()})},$.fadeOut=function(){this.each(function(){_(this).hide()})},$.serializeArray=function(){return this.map(function(){return this.elements?bL(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||u.test(this.nodeName)||v.test(this.type))}).map(function(a,b){var c=_(this).val();return c==null||bE(c)?bw(c,function(a){return{name:b.name,value:a.replace(t,"\r\n")}}):{name:b.name,value:c.replace(t,"\r\n")}}).get()},_.Expr={hidden:function(a){return a.offsetWidth===0||a.offsetHeight==0||(_.css&&_.css(a,"display")||a.style.display)==="none"},visible:function(a){return!_.Expr.hidden(a)}},_.hasClass=bf,_.walk=bh,_.$$=bi,_.setQuery=function(a){_.query=function(b,c){return bi(b,c,a||function(a,b){return b.querySelectorAll(a)})}};var bj=c();_.setQuery(bj||function(a,b){return d.querySelectorAll?bL((b||d).querySelectorAll(a)):[]}),_.loadScript=bk,_.each=function(a,b,c){var d,e=0,f=a.length,g=f===undefined||bD(a);if(c){if(g){for(d in a)if(b.apply(a[d],c)===!1)break}else for(;e<f;)if(b.apply(a[e++],c)===!1)break}else if(g){for(d in a)if(b.call(a[d],d,a[d])===!1)break}else for(;e<f;)if(b.call(a[e],e,a[e++])===!1)break;return a},_._each=bm;var bo=[/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/];_.filter=bp,_._indexOf=bq,_._defaults=function(a){return bm(O.call(arguments,1),function(b){for(var c in b)a[c]==null&&(a[c]=b[c])}),a},_._filter=br,_.proxy=function(a,b){if(typeof b=="string"){var c=a[b];b=a,a=c}if(bD(a)){var d=O.call(arguments,2),e=function(){return a.apply(b,d.concat(O.call(arguments)))};return e.guid=a.guid=a.guid||e.guid||X++,e}},_.dir=bs,_.nth=bt,_.sibling=bu,_.grep=bv,_.map=bw,_.data=bx,_.attrs=by,_.eqSI=bz,_.trim=x=w?function(a){return a==null?"":w.call(a)}:function(a){return a==null?"":a.toString().replace(y,"").replace(z,"")},_.indexOf=_.inArray=function(a,b){if(!b)return-1;if(Q)return Q.call(b,a);for(var c=0,d=b.length;c<d;c++)if(b[c]===a)return c;return-1},bm("Boolean Number String Function Array Date RegExp Object".split(" "),function(a){return E["[object "+a+"]"]=a.toLowerCase(),this}),_.type=bA,_.isFunction=bD,_.isArray=Array.isArray||bE,_.isWindow=bG,_.isNaN=bH,_.merge=bJ,_.extend=_.fn.extend=bK,_.makeArray=bL,_.htmlFrag=bM;var bP=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1};return A=_.contains=e.contains?function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:function(){return!1},B=e.compareDocumentPosition?(A=function(a,b){return!!(a.compareDocumentPosition(b)&16)})&&function(a,b){return a===b?(F=!0,0):!a.compareDocumentPosition||!b.compareDocumentPosition?a.compareDocumentPosition?-1:1:a.compareDocumentPosition(b)&4?-1:1}:function(a,b){if(a===b)return F=!0,0;if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],g=a.parentNode,h=b.parentNode,i=g;if(g===h)return bP(a,b);if(!g)return-1;if(!h)return 1;while(i)e.unshift(i),i=i.parentNode;i=h;while(i)f.unshift(i),i=i.parentNode;c=e.length,d=f.length;for(var j=0;j<c&&j<d;j++)if(e[j]!==f[j])return bP(e[j],f[j]);return j===c?bP(a,f[j],-1):bP(e[j],b,1)},_.unique=bQ,bm({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return bs(a,"parentNode")},parentsUntil:function(a,b,c){return bs(a,"parentNode",c)},next:function(a){return bt(a,2,"nextSibling")},prev:function(a){return bt(a,2,"previousSibling")},nextAll:function(a){return bs(a,"nextSibling")},prevAll:function(a){return bs(a,"previousSibling")},nextUntil:function(a,b,c){return bs(a,"nextSibling",c)},prevUntil:function(a,b,c){return bs(a,"previousSibling",c)},siblings:function(a){return bu(a.parentNode.firstChild,a)},children:function(a){return bu(a.firstChild)},contents:function(a){return a.nodeName==="iframe"?a.contentDocument||a.contentWindow["document "]:bL(a.childNodes)}},function(a,b){_.fn[b]=function(c,d){var e=bw(this,a,c),f=O.call(arguments);return i.test(b)||(d=c),typeof d=="string"&&(e=bp(d,e)),e=this.length>1&&!C[b]?bQ(e):e,(this.length>1||j.test(d))&&k.test(b)&&(e=e.reverse()),this.ps(e,b,f.join(","))}}),bm({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after"},function(a,b){_.fn[b]=function(c){var d=[],e=_(c),f,g,h,i=this.length===1&&this[0].parentNode;if(i&&i.nodeType===11&&i.childNodes.length===1&&e.length===1)return e[a](this[0]),this;for(f=0,h=e.length;f<h;f++)g=(f>0?this.clone(!0):this).get(),_(e[f])[a](g),d=d.concat(g);return this.ps(d,b,e.selector)}}),function(){var a=document.createElement("div");a.style.display="none",a.innerHTML=" <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";var b=a.getElementsByTagName("a")[0];_.support={boxModel:null,opacity:/^0.55$/.test(b.style.opacity),cssFloat:!!b.style.cssFloat};var c=/(webkit)[ \/]([\w.]+)/,d=/(opera)(?:.*version)?[ \/]([\w.]+)/,e=/(msie) ([\w.]+)/,f=/(mozilla)(?:.*? rv:([\w.]+))?/,g=navigator.userAgent.toLowerCase(),h=c.exec(g)||d.exec(g)||e.exec(g)||g.indexOf("compatible")<0&&f.exec(g)||[],i;i=_.browser={version:h[2]||"0"},i[h[1]||""]=!0}(),_.scriptsLoaded=function(a){bD(a)&&f.push(a)},_.loadAsync=bS,!bj&&!d.querySelectorAll&&bS(b,function(){_.setQuery(c())}),_.init=!1,_.onload=function(){if(!_.init)try{_.support.boxModel=bR();var a=0;bm(g,function(b){a++,bk(b.url,function(){try{b.cb&&b.cb()}catch(c){}--a||bT()})}),_.init=!0,a||bT()}catch(b){bl(b)}},d.body&&!_.init&&setTimeout(_.onload,1),_.hook=function(a){V.push(a)},_.plug=function(a,b){var c=bB(a)?a:a.name;b=bD(a)?a:b;if(!bD(b))throw"Plugin fn required";c&&b&&(W[c]=b),b(_)},_}();$.plug("css",function(a){function r(b,c,d){var e=c==="width"?b.offsetWidth:b.offsetHeight,f=c==="width"?l:m;return e>0?(d!=="border"&&a.each(f,function(){d||(e-=parseFloat(t(b,"padding"+this))||0),d==="margin"?e+=parseFloat(t(b,d+this))||0:e-=parseFloat(t(b,"border"+this+"Width"))||0}),e+"px"):""}function s(b,c,d,e){if(!b||b.nodeType===3||b.nodeType===8||!b.style)return;var f,g=v(c),h=b.style,i=a.cssHooks[g];c=a.cssProps[g]||g;if(d===undefined)return i&&"get"in i&&(f=i.get(b,!1,e))!==undefined?f:h[c];if(typeof d=="number"&&isNaN(d)||d==null)return;typeof d=="number"&&!a.cssNumber[g]&&(d+="px");if(!i||!("set"in i)||(d=i.set(b,d))!==undefined)try{h[c]=d}catch(j){}}function t(b,c,d){var e,f=v(c),g=a.cssHooks[f];c=a.cssProps[f]||f;if(g&&"get"in g&&(e=g.get(b,!0,d))!==undefined)return e;if(n)return n(b,c,f)}function u(a,b,c){var d={},e;for(var e in b)d[e]=a.style[e],a.style[e]=b[e];c.call(a);for(e in b)a.style[e]=d[e]}function v(a){return a.replace(f,q)}function w(b,c,d,e,f,g){var h=b.length;if(typeof c=="object"){for(var i in c)w(b,i,c[i],e,f,d);return b}if(d!==undefined){e=!g&&e&&a.isFunction(d);for(var j=0;j<h;j++)f(b[j],c,e?d.call(b[j],j,f(b[j],c)):d,g);return b}return h?f(b[0],c):undefined}function F(b){return a.isWindow(b)?b:b.nodeType===9?b.defaultView||b.parentWindow:!1}var b=document,c=b.documentElement,d=/alpha\([^)]*\)/i,e=/opacity=([^)]*)/,f=/-([a-z])/ig,g=/([A-Z])/g,h=/^-?\d+(?:px)?$/i,i=/^-?\d/,j=/^(?:body|html)$/i,k={position:"absolute",visibility:"hidden",display:"block"},l=["Left","Right"],m=["Top","Bottom"],n,o,p,q=function(a,b){return b.toUpperCase()};a.cssHooks={opacity:{get:function(a,b){if(!b)return a.style.opacity;var c=n(a,"opacity","opacity");return c===""?"1":c}}},a._each(["height","width"],function(b){a.cssHooks[b]={get:function(a,c,d){var e;if(c)return a.offsetWidth!==0?r(a,b,d):(u(a,k,function(){e=r(a,b,d)}),e)},set:function(a,b){if(!h.test(b))return b;b=parseFloat(b);if(b>=0)return b+"px"}}}),a.support.opacity||(a.support.opacity={get:function(a,b){return e.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(b,c){var e=b.style;e.zoom=1;var f=a.isNaN(c)?"":"alpha(opacity="+c*100+")",g=e.filter||"";e.filter=d.test(g)?g.replace(d,f):e.filter+" "+f}}),b.defaultView&&b.defaultView.getComputedStyle&&(o=function(b,c,d){var e,f,h;d=d.replace(g,"-$1").toLowerCase();if(!(f=b.ownerDocument.defaultView))return undefined;if(h=f.getComputedStyle(b,null))e=h.getPropertyValue(d),e===""&&!a.contains(b.ownerDocument.documentElement,b)&&(e=a.style(b,d));return e}),b.documentElement.currentStyle&&(p=function(a,b){var c,d=a.currentStyle&&a.currentStyle[b],e=a.runtimeStyle&&a.runtimeStyle[b],f=a.style;return!h.test(d)&&i.test(d)&&(c=f.left,e&&(a.runtimeStyle.left=a.currentStyle.left),f.left=b==="fontSize"?"1em":d||0,d=f.pixelLeft+"px",f.left=c,e&&(a.runtimeStyle.left=e)),d===""?"auto":d}),n=o||p,a.fn.css=function(a,b){return arguments.length===2&&b===undefined?this:w(this,a,b,!0,function(a,b,c){return c!==undefined?s(a,b,c):t(a,b)})},a.cssNumber={zIndex:!0,fontWeight:!0,opacity:!0,zoom:!0,lineHeight:!0},a.cssProps={"float":a.support.cssFloat?"cssFloat":"styleFloat"},a.style=s,a.css=t,a.swap=u,a.camelCase=v;var x,y,z,A,B,C,D=function(){if(x)return;var c=b.body,d=b.createElement("div"),e,f,g,h,i=parseFloat(t(c,"marginTop"))||0,j="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";a.extend(d.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"}),d.innerHTML=j,c.insertBefore(d,c.firstChild),e=d.firstChild,f=e.firstChild,h=e.nextSibling.firstChild.firstChild,B=f.offsetTop!==5,C=h.offsetTop===5,f.style.position="fixed",f.style.top="20px",A=f.offsetTop===20||f.offsetTop===15,f.style.position=f.style.top="",e.style.overflow="hidden",e.style.position="relative",z=f.offsetTop===-5,y=c.offsetTop!==i,c.removeChild(d),x=!0},E=function(a){var b=a.offsetTop,c=a.offsetLeft;return D(),y&&(b+=parseFloat(t(a,"marginTop"))||0,c+=parseFloat(t(a,"marginLeft"))||0),{top:b,left:c}};a.fn.offset=function(){var d=this[0],e;if(!d||!d.ownerDocument)return null;if(d===d.ownerDocument.body)return E(d);try{e=d.getBoundingClientRect()}catch(f){}if(!e||!a.contains(c,d))return e?{top:e.top,left:e.left}:{top:0,left:0};var g=b.body,h=F(b),i=c.clientTop||g.clientTop||0,j=c.clientLeft||g.clientLeft||0,k=h.pageYOffset||a.support.boxModel&&c.scrollTop||g.scrollTop,l=h.pageXOffset||a.support.boxModel&&c.scrollLeft||g.scrollLeft,m=e.top+k-i,n=e.left+l-j;return{top:m,left:n}},a.fn.position=function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=j.test(b[0].nodeName)?{top:0,left:0}:b.offset();return c.top-=parseFloat(t(a,"marginTop"))||0,c.left-=parseFloat(t(a,"marginLeft"))||0,d.top+=parseFloat(t(b[0],"borderTopWidth"))||0,d.left+=parseFloat(t(b[0],"borderLeftWidth"))||0,{top:c.top-d.top,left:c.left-d.left}},a.fn.offsetParent=function(){return this.map(function(){var a=this.offsetParent||b.body;while(a&&!j.test(a.nodeName)&&t(a,"position")==="static")a=a.offsetParent;return a})},a._each(["Height","Width"],function(b,c){var d=b.toLowerCase();a.fn["inner"+b]=function(){var a=this[0];return a&&a.style?parseFloat(t(a,d,"padding")):null},a.fn["outer"+b]=function(a){var b=this[0];return b&&b.style?parseFloat(t(b,d,a?"margin":"border")):null},a.fn[d]=function(c){var e=this[0];if(!e)return c==null?null:this;if(a.isFunction(c))return this.each(function(b){var e=a(this);e[d](c.call(this,b,e[d]()))});if(a.isWindow(e)){var f=e.document.documentElement["client"+b],g=e.document.body;return e.document.compatMode==="CSS1Compat"&&f||g&&g["client"+b]||f}if(e.nodeType===9)return Math.max(e.documentElement["client"+b],e.body["scroll"+b],e.documentElement["scroll"+b],e.body["offset"+b],e.documentElement["offset"+b]);if(c===undefined){var h=t(e,d),i=parseFloat(h);return a.isNaN(i)?h:i}return this.css(d,typeof c=="string"?c:c+"px")}}),a._each(["Left","Top"],function(b,c){var d="scroll"+b;a.fn[d]=function(b){var e,f;return b===undefined?(e=this[0],e?(f=F(e),f?"pageXOffset"in f?f[c?"pageYOffset":"pageXOffset"]:a.support.boxModel&&f.document.documentElement[d]||f.document.body[d]:e[d]):null):this.each(function(){f=F(this),f?f.scrollTo(c?a(f).scrollLeft():b,c?b:a(f).scrollTop()):this[d]=b})}})});
</script>
<script type="text/javascript">
if(window.oc_new == undefined)
{
window.oc_new = {};
}
//if(window.oc_new.remainingTimeAtStartTime === undefined)
//{
window.oc_new.remainingTimeAtStartTime=document.getElementById("window.oc_new").dataset.timeRemaining;
if(window.oc_new.remainingTimeAtStartTime == "NO_TZ")
{
var now = new Date().getTime() / 1000;
var eventTime = new Date("2026-09-22 00:00:00Z".replace('Z', '')).getTime() / 1000;
window.oc_new.remainingTimeAtStartTime = eventTime - now;
}
//}
!(function(){
window.oc_new.startTime=new Date().getTime() / 1000;
window.oc_new.countDirection=1;
window.oc_new.scale=0.856;
window.oc_new.repeatMode=0;
window.oc_new.showMilliseconds=false;
window.oc_new.countdownExpired=function()
{
if(window.oc_new.repeatMode > 0 && window.oc_new.countDirection !== -1)
{
console.log("countdown_expired Wait for server-side to refresh us. ");
}
}
}).call(this);
</script>
<script id="inner_js_window.oc_new">
!(function(){
var __scope_oc = window.oc_new;
var $__container_oc = $("#countdown-widget-");
var periods = {
d: 60 * 60 * 24,
h: 60 * 60,
m: 60
};
function pad(n) {
while (n.toString().length < 2) {
n = "0" + n;
}
return n;
}
function update() {
var $__container_oc = $("#countdown-widget-");
var now = new Date().getTime() / 1000;
var elapsedTime = now - __scope_oc.startTime;
elapsedTime *= __scope_oc.countDirection;
var prox = Math.max(0, Math.floor(__scope_oc.remainingTimeAtStartTime - elapsedTime));
var fractionalSeconds = Math.floor((__scope_oc.remainingTimeAtStartTime - elapsedTime - prox) * 10);
if (prox === 0) {
__scope_oc.countdownExpired();
fractionalSeconds = 0;
}
var days = prox - (prox % periods.d);
var hours = prox - days - (prox % periods.h);
var minutes = prox - days - hours - (prox % periods.m);
var seconds = prox - days - hours - minutes;
var label = [
days / periods.d,
pad(hours / periods.h),
pad(minutes / periods.m),
pad(seconds)
].join("x");
if (__scope_oc.showMilliseconds) {
label = label + "p" + fractionalSeconds;
} else {
label = label + "bb";
}
var items = $__container_oc.find('.counter-item');
var index = items.length;
var numBlanks = index - label.length;
while (index--) {
var element = items[index];
$(element).removeClass();
$(element).addClass("counter-item");
if ((index - numBlanks) >= 0) {
$(element).addClass("spr digit item-0 digit-" + label.charAt(index - numBlanks));
}
}
var pos = Math.round(($__container_oc.find(".days").innerWidth() - 60 * __scope_oc.scale) / 2);
$__container_oc.find(".days .unit-label").css("left", pos + "px");
var extraSpacing = numBlanks * 26 * __scope_oc.scale;
$__container_oc.find(".digit-x").css("margin", "0 " + Math.round(extraSpacing / 6) + "px");
}
update();
if (__scope_oc.timerRef) {
clearInterval(__scope_oc.timerRef);
}
__scope_oc.timerRef = setInterval(update, 100);
__scope_oc.updateCountdownClock = update;
}).call(this)
</script>
</div>
</div>
</div>
</div>
</div>
<div class="mt-6 flex justify-center gap-2 hidden-when-stacked">
<div class="">
<button type="submit" phx-disable-with="Saving..." class="btn btn-accent" name="submit_action" value="share">
Share
</button>
<button type="submit" phx-disable-with="Saving..." class="btn btn-accent" name="submit_action" value="embed">
Embed
</button>
</div>
</div>
</div>
<div class="mt-6 flex flex-col items-center justify-center gap-2 mb-4 hidden-unless-stacked actions-when-stacked order-1">
<div class="">
<button type="submit" phx-disable-with="Saving..." class="btn btn-accent" name="submit_action" value="share">
Share
</button>
<button type="submit" phx-disable-with="Saving..." class="btn btn-accent" name="submit_action" value="embed">
Embed
</button>
</div>
</div>
<!-- Right Column - Second half of form inputs -->
<div class="space-y-2 right-column side w-[320px] lg:w-[212px] xl:w-[266px] relative order-3">
<fieldset class="fieldset mb-2">
<label>
<span class="label mb-1">Style</span>
<select id="countdown_widget_widget_style" name="countdown_widget[widget_style]" class="w-full select">
<option value="18">Animated</option><option selected value="20">Horizontal</option><option value="22">Hyper</option><option value="19">Inline (experimental)</option><option value="11">Minimal</option><option value="17">Sketch</option><option value="24">Standard</option><option value="12">Textured</option><option value="15">Thin</option><option value="25">Vertical</option>
</select>
</label>
</fieldset>
<fieldset class="fieldset mb-2">
<label>
<span class="label mb-1">Size 300x154</span>
<input type="range" name="countdown_widget[scale]" id="countdown_widget_scale" value="0.856" class="range" max="2" min="0.5" step="any">
</label>
</fieldset>
<fieldset class="fieldset mb-2">
<label>
<span class="label mb-1">Corner radius</span>
<input type="range" name="countdown_widget[corner_radius]" id="countdown_widget_corner_radius" value="0" class="range" max="120" min="0">
</label>
</fieldset>
<!-- Text Color Picker -->
<label class="label mb-0">
Colors
</label>
<div class="flex justify-betweenx gap-6 mt-1 mb-5">
<div id="color-picker-countdown_widget_txt_color" phx-hook="ColorPicker" data-field-name="countdown_widget[txt_color]" data-current-value="FFFFFF" class="color-picker-container ">
<!-- Label and Color Square -->
<div class="color-square-row">
<button type="button" class="color-square-button" data-action="toggle-picker" style="background-color: #FFFFFF" aria-label="Open color picker for Text color">
<span class="sr-only">Current color: #FFFFFF</span>
</button>
<label class="label">
Text color
</label>
<!-- Hidden form input -->
<input type="hidden" name="countdown_widget[txt_color]" id="countdown_widget_txt_color" value="FFFFFF" data-action="hidden-input">
</div>
<!-- Color Picker Modal Panel (hidden by default) -->
<div class="color-picker-modal hidden" data-panel="color-picker">
<div class="color-picker-content">
<!-- Color Grid -->
<div class="color-grid" style="width: 320px;">
<button type="button" class="color-swatch" data-action="select-color" data-color="ffffff" style="background-color: #ffffff" title="#ffffff" aria-label="Select color #ffffff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f1f5f9" style="background-color: #f1f5f9" title="#f1f5f9" aria-label="Select color #f1f5f9"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e2e8f0" style="background-color: #e2e8f0" title="#e2e8f0" aria-label="Select color #e2e8f0"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="cbd5e1" style="background-color: #cbd5e1" title="#cbd5e1" aria-label="Select color #cbd5e1"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="94a3b8" style="background-color: #94a3b8" title="#94a3b8" aria-label="Select color #94a3b8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="64748b" style="background-color: #64748b" title="#64748b" aria-label="Select color #64748b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="475569" style="background-color: #475569" title="#475569" aria-label="Select color #475569"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="334155" style="background-color: #334155" title="#334155" aria-label="Select color #334155"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1e293b" style="background-color: #1e293b" title="#1e293b" aria-label="Select color #1e293b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0f172a" style="background-color: #0f172a" title="#0f172a" aria-label="Select color #0f172a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="000000" style="background-color: #000000" title="#000000" aria-label="Select color #000000"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fafafa" style="background-color: #fafafa" title="#fafafa" aria-label="Select color #fafafa"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f4f4f5" style="background-color: #f4f4f5" title="#f4f4f5" aria-label="Select color #f4f4f5"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e4e4e7" style="background-color: #e4e4e7" title="#e4e4e7" aria-label="Select color #e4e4e7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d4d4d8" style="background-color: #d4d4d8" title="#d4d4d8" aria-label="Select color #d4d4d8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a1a1aa" style="background-color: #a1a1aa" title="#a1a1aa" aria-label="Select color #a1a1aa"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="71717a" style="background-color: #71717a" title="#71717a" aria-label="Select color #71717a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="52525b" style="background-color: #52525b" title="#52525b" aria-label="Select color #52525b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="3f3f46" style="background-color: #3f3f46" title="#3f3f46" aria-label="Select color #3f3f46"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="27272a" style="background-color: #27272a" title="#27272a" aria-label="Select color #27272a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="18181b" style="background-color: #18181b" title="#18181b" aria-label="Select color #18181b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="09090b" style="background-color: #09090b" title="#09090b" aria-label="Select color #09090b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fafaf9" style="background-color: #fafaf9" title="#fafaf9" aria-label="Select color #fafaf9"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f5f5f4" style="background-color: #f5f5f4" title="#f5f5f4" aria-label="Select color #f5f5f4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e7e5e4" style="background-color: #e7e5e4" title="#e7e5e4" aria-label="Select color #e7e5e4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d6d3d1" style="background-color: #d6d3d1" title="#d6d3d1" aria-label="Select color #d6d3d1"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a8a29e" style="background-color: #a8a29e" title="#a8a29e" aria-label="Select color #a8a29e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="78716c" style="background-color: #78716c" title="#78716c" aria-label="Select color #78716c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="57534e" style="background-color: #57534e" title="#57534e" aria-label="Select color #57534e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="44403c" style="background-color: #44403c" title="#44403c" aria-label="Select color #44403c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="292524" style="background-color: #292524" title="#292524" aria-label="Select color #292524"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1c1917" style="background-color: #1c1917" title="#1c1917" aria-label="Select color #1c1917"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0c0a09" style="background-color: #0c0a09" title="#0c0a09" aria-label="Select color #0c0a09"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fef2f2" style="background-color: #fef2f2" title="#fef2f2" aria-label="Select color #fef2f2"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fee2e2" style="background-color: #fee2e2" title="#fee2e2" aria-label="Select color #fee2e2"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fecaca" style="background-color: #fecaca" title="#fecaca" aria-label="Select color #fecaca"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fca5a5" style="background-color: #fca5a5" title="#fca5a5" aria-label="Select color #fca5a5"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f87171" style="background-color: #f87171" title="#f87171" aria-label="Select color #f87171"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ef4444" style="background-color: #ef4444" title="#ef4444" aria-label="Select color #ef4444"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="dc2626" style="background-color: #dc2626" title="#dc2626" aria-label="Select color #dc2626"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="b91c1c" style="background-color: #b91c1c" title="#b91c1c" aria-label="Select color #b91c1c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="991b1b" style="background-color: #991b1b" title="#991b1b" aria-label="Select color #991b1b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="7f1d1d" style="background-color: #7f1d1d" title="#7f1d1d" aria-label="Select color #7f1d1d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="450a0a" style="background-color: #450a0a" title="#450a0a" aria-label="Select color #450a0a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fff7ed" style="background-color: #fff7ed" title="#fff7ed" aria-label="Select color #fff7ed"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ffedd5" style="background-color: #ffedd5" title="#ffedd5" aria-label="Select color #ffedd5"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fed7aa" style="background-color: #fed7aa" title="#fed7aa" aria-label="Select color #fed7aa"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fdba74" style="background-color: #fdba74" title="#fdba74" aria-label="Select color #fdba74"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fb923c" style="background-color: #fb923c" title="#fb923c" aria-label="Select color #fb923c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f97316" style="background-color: #f97316" title="#f97316" aria-label="Select color #f97316"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ea580c" style="background-color: #ea580c" title="#ea580c" aria-label="Select color #ea580c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="c2410c" style="background-color: #c2410c" title="#c2410c" aria-label="Select color #c2410c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="9a3412" style="background-color: #9a3412" title="#9a3412" aria-label="Select color #9a3412"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="7c2d12" style="background-color: #7c2d12" title="#7c2d12" aria-label="Select color #7c2d12"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="431407" style="background-color: #431407" title="#431407" aria-label="Select color #431407"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fffbeb" style="background-color: #fffbeb" title="#fffbeb" aria-label="Select color #fffbeb"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fef3c7" style="background-color: #fef3c7" title="#fef3c7" aria-label="Select color #fef3c7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fde68a" style="background-color: #fde68a" title="#fde68a" aria-label="Select color #fde68a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fcd34d" style="background-color: #fcd34d" title="#fcd34d" aria-label="Select color #fcd34d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fbbf24" style="background-color: #fbbf24" title="#fbbf24" aria-label="Select color #fbbf24"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f59e0b" style="background-color: #f59e0b" title="#f59e0b" aria-label="Select color #f59e0b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d97706" style="background-color: #d97706" title="#d97706" aria-label="Select color #d97706"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="b45309" style="background-color: #b45309" title="#b45309" aria-label="Select color #b45309"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="92400e" style="background-color: #92400e" title="#92400e" aria-label="Select color #92400e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="78350f" style="background-color: #78350f" title="#78350f" aria-label="Select color #78350f"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="451a03" style="background-color: #451a03" title="#451a03" aria-label="Select color #451a03"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fefce8" style="background-color: #fefce8" title="#fefce8" aria-label="Select color #fefce8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fef9c3" style="background-color: #fef9c3" title="#fef9c3" aria-label="Select color #fef9c3"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fef08a" style="background-color: #fef08a" title="#fef08a" aria-label="Select color #fef08a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fde047" style="background-color: #fde047" title="#fde047" aria-label="Select color #fde047"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="facc15" style="background-color: #facc15" title="#facc15" aria-label="Select color #facc15"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="eab308" style="background-color: #eab308" title="#eab308" aria-label="Select color #eab308"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ca8a04" style="background-color: #ca8a04" title="#ca8a04" aria-label="Select color #ca8a04"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a16207" style="background-color: #a16207" title="#a16207" aria-label="Select color #a16207"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="854d0e" style="background-color: #854d0e" title="#854d0e" aria-label="Select color #854d0e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="713f12" style="background-color: #713f12" title="#713f12" aria-label="Select color #713f12"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="422006" style="background-color: #422006" title="#422006" aria-label="Select color #422006"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f7fee7" style="background-color: #f7fee7" title="#f7fee7" aria-label="Select color #f7fee7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ecfccb" style="background-color: #ecfccb" title="#ecfccb" aria-label="Select color #ecfccb"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d9f99d" style="background-color: #d9f99d" title="#d9f99d" aria-label="Select color #d9f99d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="bef264" style="background-color: #bef264" title="#bef264" aria-label="Select color #bef264"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a3e635" style="background-color: #a3e635" title="#a3e635" aria-label="Select color #a3e635"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="84cc16" style="background-color: #84cc16" title="#84cc16" aria-label="Select color #84cc16"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="65a30d" style="background-color: #65a30d" title="#65a30d" aria-label="Select color #65a30d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4d7c0f" style="background-color: #4d7c0f" title="#4d7c0f" aria-label="Select color #4d7c0f"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="3f6212" style="background-color: #3f6212" title="#3f6212" aria-label="Select color #3f6212"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="365314" style="background-color: #365314" title="#365314" aria-label="Select color #365314"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1a2e05" style="background-color: #1a2e05" title="#1a2e05" aria-label="Select color #1a2e05"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f0fdf4" style="background-color: #f0fdf4" title="#f0fdf4" aria-label="Select color #f0fdf4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="dcfce7" style="background-color: #dcfce7" title="#dcfce7" aria-label="Select color #dcfce7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="bbf7d0" style="background-color: #bbf7d0" title="#bbf7d0" aria-label="Select color #bbf7d0"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="86efac" style="background-color: #86efac" title="#86efac" aria-label="Select color #86efac"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4ade80" style="background-color: #4ade80" title="#4ade80" aria-label="Select color #4ade80"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="22c55e" style="background-color: #22c55e" title="#22c55e" aria-label="Select color #22c55e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="16a34a" style="background-color: #16a34a" title="#16a34a" aria-label="Select color #16a34a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="15803d" style="background-color: #15803d" title="#15803d" aria-label="Select color #15803d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="166534" style="background-color: #166534" title="#166534" aria-label="Select color #166534"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="14532d" style="background-color: #14532d" title="#14532d" aria-label="Select color #14532d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="052e16" style="background-color: #052e16" title="#052e16" aria-label="Select color #052e16"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ecfdf5" style="background-color: #ecfdf5" title="#ecfdf5" aria-label="Select color #ecfdf5"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d1fae5" style="background-color: #d1fae5" title="#d1fae5" aria-label="Select color #d1fae5"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a7f3d0" style="background-color: #a7f3d0" title="#a7f3d0" aria-label="Select color #a7f3d0"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="6ee7b7" style="background-color: #6ee7b7" title="#6ee7b7" aria-label="Select color #6ee7b7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="34d399" style="background-color: #34d399" title="#34d399" aria-label="Select color #34d399"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="10b981" style="background-color: #10b981" title="#10b981" aria-label="Select color #10b981"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="059669" style="background-color: #059669" title="#059669" aria-label="Select color #059669"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="047857" style="background-color: #047857" title="#047857" aria-label="Select color #047857"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="065f46" style="background-color: #065f46" title="#065f46" aria-label="Select color #065f46"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="064e3b" style="background-color: #064e3b" title="#064e3b" aria-label="Select color #064e3b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="022c22" style="background-color: #022c22" title="#022c22" aria-label="Select color #022c22"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f0fdfa" style="background-color: #f0fdfa" title="#f0fdfa" aria-label="Select color #f0fdfa"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ccfbf1" style="background-color: #ccfbf1" title="#ccfbf1" aria-label="Select color #ccfbf1"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="99f6e4" style="background-color: #99f6e4" title="#99f6e4" aria-label="Select color #99f6e4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="5eead4" style="background-color: #5eead4" title="#5eead4" aria-label="Select color #5eead4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="2dd4bf" style="background-color: #2dd4bf" title="#2dd4bf" aria-label="Select color #2dd4bf"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="14b8a6" style="background-color: #14b8a6" title="#14b8a6" aria-label="Select color #14b8a6"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0d9488" style="background-color: #0d9488" title="#0d9488" aria-label="Select color #0d9488"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0f766e" style="background-color: #0f766e" title="#0f766e" aria-label="Select color #0f766e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="115e59" style="background-color: #115e59" title="#115e59" aria-label="Select color #115e59"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="134e4a" style="background-color: #134e4a" title="#134e4a" aria-label="Select color #134e4a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="042f2e" style="background-color: #042f2e" title="#042f2e" aria-label="Select color #042f2e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ecfeff" style="background-color: #ecfeff" title="#ecfeff" aria-label="Select color #ecfeff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="cffafe" style="background-color: #cffafe" title="#cffafe" aria-label="Select color #cffafe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a5f3fc" style="background-color: #a5f3fc" title="#a5f3fc" aria-label="Select color #a5f3fc"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="67e8f9" style="background-color: #67e8f9" title="#67e8f9" aria-label="Select color #67e8f9"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="22d3ee" style="background-color: #22d3ee" title="#22d3ee" aria-label="Select color #22d3ee"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="06b6d4" style="background-color: #06b6d4" title="#06b6d4" aria-label="Select color #06b6d4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0891b2" style="background-color: #0891b2" title="#0891b2" aria-label="Select color #0891b2"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0e7490" style="background-color: #0e7490" title="#0e7490" aria-label="Select color #0e7490"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="155e75" style="background-color: #155e75" title="#155e75" aria-label="Select color #155e75"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="164e63" style="background-color: #164e63" title="#164e63" aria-label="Select color #164e63"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="083344" style="background-color: #083344" title="#083344" aria-label="Select color #083344"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f0f9ff" style="background-color: #f0f9ff" title="#f0f9ff" aria-label="Select color #f0f9ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e0f2fe" style="background-color: #e0f2fe" title="#e0f2fe" aria-label="Select color #e0f2fe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="bae6fd" style="background-color: #bae6fd" title="#bae6fd" aria-label="Select color #bae6fd"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="7dd3fc" style="background-color: #7dd3fc" title="#7dd3fc" aria-label="Select color #7dd3fc"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="38bdf8" style="background-color: #38bdf8" title="#38bdf8" aria-label="Select color #38bdf8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0ea5e9" style="background-color: #0ea5e9" title="#0ea5e9" aria-label="Select color #0ea5e9"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0284c7" style="background-color: #0284c7" title="#0284c7" aria-label="Select color #0284c7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0369a1" style="background-color: #0369a1" title="#0369a1" aria-label="Select color #0369a1"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="075985" style="background-color: #075985" title="#075985" aria-label="Select color #075985"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0c4a6e" style="background-color: #0c4a6e" title="#0c4a6e" aria-label="Select color #0c4a6e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="082f49" style="background-color: #082f49" title="#082f49" aria-label="Select color #082f49"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="eff6ff" style="background-color: #eff6ff" title="#eff6ff" aria-label="Select color #eff6ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="dbeafe" style="background-color: #dbeafe" title="#dbeafe" aria-label="Select color #dbeafe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="bfdbfe" style="background-color: #bfdbfe" title="#bfdbfe" aria-label="Select color #bfdbfe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="93c5fd" style="background-color: #93c5fd" title="#93c5fd" aria-label="Select color #93c5fd"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="60a5fa" style="background-color: #60a5fa" title="#60a5fa" aria-label="Select color #60a5fa"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="3b82f6" style="background-color: #3b82f6" title="#3b82f6" aria-label="Select color #3b82f6"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="2563eb" style="background-color: #2563eb" title="#2563eb" aria-label="Select color #2563eb"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1d4ed8" style="background-color: #1d4ed8" title="#1d4ed8" aria-label="Select color #1d4ed8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1e40af" style="background-color: #1e40af" title="#1e40af" aria-label="Select color #1e40af"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1e3a8a" style="background-color: #1e3a8a" title="#1e3a8a" aria-label="Select color #1e3a8a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="172554" style="background-color: #172554" title="#172554" aria-label="Select color #172554"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="eef2ff" style="background-color: #eef2ff" title="#eef2ff" aria-label="Select color #eef2ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e0e7ff" style="background-color: #e0e7ff" title="#e0e7ff" aria-label="Select color #e0e7ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="c7d2fe" style="background-color: #c7d2fe" title="#c7d2fe" aria-label="Select color #c7d2fe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a5b4fc" style="background-color: #a5b4fc" title="#a5b4fc" aria-label="Select color #a5b4fc"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="818cf8" style="background-color: #818cf8" title="#818cf8" aria-label="Select color #818cf8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="6366f1" style="background-color: #6366f1" title="#6366f1" aria-label="Select color #6366f1"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4f46e5" style="background-color: #4f46e5" title="#4f46e5" aria-label="Select color #4f46e5"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4338ca" style="background-color: #4338ca" title="#4338ca" aria-label="Select color #4338ca"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="3730a3" style="background-color: #3730a3" title="#3730a3" aria-label="Select color #3730a3"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="312e81" style="background-color: #312e81" title="#312e81" aria-label="Select color #312e81"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1e1b4b" style="background-color: #1e1b4b" title="#1e1b4b" aria-label="Select color #1e1b4b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f5f3ff" style="background-color: #f5f3ff" title="#f5f3ff" aria-label="Select color #f5f3ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ede9fe" style="background-color: #ede9fe" title="#ede9fe" aria-label="Select color #ede9fe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ddd6fe" style="background-color: #ddd6fe" title="#ddd6fe" aria-label="Select color #ddd6fe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="c4b5fd" style="background-color: #c4b5fd" title="#c4b5fd" aria-label="Select color #c4b5fd"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a78bfa" style="background-color: #a78bfa" title="#a78bfa" aria-label="Select color #a78bfa"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="8b5cf6" style="background-color: #8b5cf6" title="#8b5cf6" aria-label="Select color #8b5cf6"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="7c3aed" style="background-color: #7c3aed" title="#7c3aed" aria-label="Select color #7c3aed"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="6d28d9" style="background-color: #6d28d9" title="#6d28d9" aria-label="Select color #6d28d9"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="5b21b6" style="background-color: #5b21b6" title="#5b21b6" aria-label="Select color #5b21b6"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4c1d95" style="background-color: #4c1d95" title="#4c1d95" aria-label="Select color #4c1d95"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="2e1065" style="background-color: #2e1065" title="#2e1065" aria-label="Select color #2e1065"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="faf5ff" style="background-color: #faf5ff" title="#faf5ff" aria-label="Select color #faf5ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f3e8ff" style="background-color: #f3e8ff" title="#f3e8ff" aria-label="Select color #f3e8ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e9d5ff" style="background-color: #e9d5ff" title="#e9d5ff" aria-label="Select color #e9d5ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d8b4fe" style="background-color: #d8b4fe" title="#d8b4fe" aria-label="Select color #d8b4fe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="c084fc" style="background-color: #c084fc" title="#c084fc" aria-label="Select color #c084fc"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a855f7" style="background-color: #a855f7" title="#a855f7" aria-label="Select color #a855f7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="9333ea" style="background-color: #9333ea" title="#9333ea" aria-label="Select color #9333ea"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="7e22ce" style="background-color: #7e22ce" title="#7e22ce" aria-label="Select color #7e22ce"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="6b21a8" style="background-color: #6b21a8" title="#6b21a8" aria-label="Select color #6b21a8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="581c87" style="background-color: #581c87" title="#581c87" aria-label="Select color #581c87"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="3b0764" style="background-color: #3b0764" title="#3b0764" aria-label="Select color #3b0764"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fdf4ff" style="background-color: #fdf4ff" title="#fdf4ff" aria-label="Select color #fdf4ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fae8ff" style="background-color: #fae8ff" title="#fae8ff" aria-label="Select color #fae8ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f5d0fe" style="background-color: #f5d0fe" title="#f5d0fe" aria-label="Select color #f5d0fe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f0abfc" style="background-color: #f0abfc" title="#f0abfc" aria-label="Select color #f0abfc"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e879f9" style="background-color: #e879f9" title="#e879f9" aria-label="Select color #e879f9"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d946ef" style="background-color: #d946ef" title="#d946ef" aria-label="Select color #d946ef"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="c026d3" style="background-color: #c026d3" title="#c026d3" aria-label="Select color #c026d3"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a21caf" style="background-color: #a21caf" title="#a21caf" aria-label="Select color #a21caf"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="86198f" style="background-color: #86198f" title="#86198f" aria-label="Select color #86198f"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="701a75" style="background-color: #701a75" title="#701a75" aria-label="Select color #701a75"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4a044e" style="background-color: #4a044e" title="#4a044e" aria-label="Select color #4a044e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fdf2f8" style="background-color: #fdf2f8" title="#fdf2f8" aria-label="Select color #fdf2f8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fce7f3" style="background-color: #fce7f3" title="#fce7f3" aria-label="Select color #fce7f3"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fbcfe8" style="background-color: #fbcfe8" title="#fbcfe8" aria-label="Select color #fbcfe8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f9a8d4" style="background-color: #f9a8d4" title="#f9a8d4" aria-label="Select color #f9a8d4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f472b6" style="background-color: #f472b6" title="#f472b6" aria-label="Select color #f472b6"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ec4899" style="background-color: #ec4899" title="#ec4899" aria-label="Select color #ec4899"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="db2777" style="background-color: #db2777" title="#db2777" aria-label="Select color #db2777"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="be185d" style="background-color: #be185d" title="#be185d" aria-label="Select color #be185d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="9d174d" style="background-color: #9d174d" title="#9d174d" aria-label="Select color #9d174d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="831843" style="background-color: #831843" title="#831843" aria-label="Select color #831843"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="500724" style="background-color: #500724" title="#500724" aria-label="Select color #500724"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fff1f2" style="background-color: #fff1f2" title="#fff1f2" aria-label="Select color #fff1f2"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ffe4e6" style="background-color: #ffe4e6" title="#ffe4e6" aria-label="Select color #ffe4e6"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fecdd3" style="background-color: #fecdd3" title="#fecdd3" aria-label="Select color #fecdd3"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fda4af" style="background-color: #fda4af" title="#fda4af" aria-label="Select color #fda4af"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fb7185" style="background-color: #fb7185" title="#fb7185" aria-label="Select color #fb7185"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f43f5e" style="background-color: #f43f5e" title="#f43f5e" aria-label="Select color #f43f5e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e11d48" style="background-color: #e11d48" title="#e11d48" aria-label="Select color #e11d48"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="be123c" style="background-color: #be123c" title="#be123c" aria-label="Select color #be123c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="9f1239" style="background-color: #9f1239" title="#9f1239" aria-label="Select color #9f1239"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="881337" style="background-color: #881337" title="#881337" aria-label="Select color #881337"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4c0519" style="background-color: #4c0519" title="#4c0519" aria-label="Select color #4c0519"></button>
</div>
<!-- Bottom Controls -->
<div class="color-picker-controls">
<!-- Hex Input -->
<div class="hex-input-container">
<span class="hex-prefix">#</span>
<input type="text" class="hex-input" data-action="hex-input" placeholder="FFFFFF" maxlength="6" pattern="[0-9A-Fa-f]{6}">
</div>
<!-- Cancel Button -->
<button type="button" class="cancel-picker-btn" data-action="close-picker">
Cancel
</button>
</div>
</div>
</div>
</div>
<div id="color-picker-countdown_widget_bg_color" phx-hook="ColorPicker" data-field-name="countdown_widget[bg_color]" data-current-value="006699" class="color-picker-container ">
<!-- Label and Color Square -->
<div class="color-square-row">
<button type="button" class="color-square-button" data-action="toggle-picker" style="background-color: #006699" aria-label="Open color picker for Background color">
<span class="sr-only">Current color: #006699</span>
</button>
<label class="label">
Background color
</label>
<!-- Hidden form input -->
<input type="hidden" name="countdown_widget[bg_color]" id="countdown_widget_bg_color" value="006699" data-action="hidden-input">
</div>
<!-- Color Picker Modal Panel (hidden by default) -->
<div class="color-picker-modal hidden" data-panel="color-picker">
<div class="color-picker-content">
<!-- Color Grid -->
<div class="color-grid" style="width: 320px;">
<button type="button" class="color-swatch" data-action="select-color" data-color="ffffff" style="background-color: #ffffff" title="#ffffff" aria-label="Select color #ffffff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f1f5f9" style="background-color: #f1f5f9" title="#f1f5f9" aria-label="Select color #f1f5f9"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e2e8f0" style="background-color: #e2e8f0" title="#e2e8f0" aria-label="Select color #e2e8f0"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="cbd5e1" style="background-color: #cbd5e1" title="#cbd5e1" aria-label="Select color #cbd5e1"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="94a3b8" style="background-color: #94a3b8" title="#94a3b8" aria-label="Select color #94a3b8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="64748b" style="background-color: #64748b" title="#64748b" aria-label="Select color #64748b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="475569" style="background-color: #475569" title="#475569" aria-label="Select color #475569"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="334155" style="background-color: #334155" title="#334155" aria-label="Select color #334155"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1e293b" style="background-color: #1e293b" title="#1e293b" aria-label="Select color #1e293b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0f172a" style="background-color: #0f172a" title="#0f172a" aria-label="Select color #0f172a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="000000" style="background-color: #000000" title="#000000" aria-label="Select color #000000"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fafafa" style="background-color: #fafafa" title="#fafafa" aria-label="Select color #fafafa"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f4f4f5" style="background-color: #f4f4f5" title="#f4f4f5" aria-label="Select color #f4f4f5"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e4e4e7" style="background-color: #e4e4e7" title="#e4e4e7" aria-label="Select color #e4e4e7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d4d4d8" style="background-color: #d4d4d8" title="#d4d4d8" aria-label="Select color #d4d4d8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a1a1aa" style="background-color: #a1a1aa" title="#a1a1aa" aria-label="Select color #a1a1aa"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="71717a" style="background-color: #71717a" title="#71717a" aria-label="Select color #71717a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="52525b" style="background-color: #52525b" title="#52525b" aria-label="Select color #52525b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="3f3f46" style="background-color: #3f3f46" title="#3f3f46" aria-label="Select color #3f3f46"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="27272a" style="background-color: #27272a" title="#27272a" aria-label="Select color #27272a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="18181b" style="background-color: #18181b" title="#18181b" aria-label="Select color #18181b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="09090b" style="background-color: #09090b" title="#09090b" aria-label="Select color #09090b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fafaf9" style="background-color: #fafaf9" title="#fafaf9" aria-label="Select color #fafaf9"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f5f5f4" style="background-color: #f5f5f4" title="#f5f5f4" aria-label="Select color #f5f5f4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e7e5e4" style="background-color: #e7e5e4" title="#e7e5e4" aria-label="Select color #e7e5e4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d6d3d1" style="background-color: #d6d3d1" title="#d6d3d1" aria-label="Select color #d6d3d1"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a8a29e" style="background-color: #a8a29e" title="#a8a29e" aria-label="Select color #a8a29e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="78716c" style="background-color: #78716c" title="#78716c" aria-label="Select color #78716c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="57534e" style="background-color: #57534e" title="#57534e" aria-label="Select color #57534e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="44403c" style="background-color: #44403c" title="#44403c" aria-label="Select color #44403c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="292524" style="background-color: #292524" title="#292524" aria-label="Select color #292524"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1c1917" style="background-color: #1c1917" title="#1c1917" aria-label="Select color #1c1917"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0c0a09" style="background-color: #0c0a09" title="#0c0a09" aria-label="Select color #0c0a09"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fef2f2" style="background-color: #fef2f2" title="#fef2f2" aria-label="Select color #fef2f2"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fee2e2" style="background-color: #fee2e2" title="#fee2e2" aria-label="Select color #fee2e2"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fecaca" style="background-color: #fecaca" title="#fecaca" aria-label="Select color #fecaca"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fca5a5" style="background-color: #fca5a5" title="#fca5a5" aria-label="Select color #fca5a5"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f87171" style="background-color: #f87171" title="#f87171" aria-label="Select color #f87171"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ef4444" style="background-color: #ef4444" title="#ef4444" aria-label="Select color #ef4444"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="dc2626" style="background-color: #dc2626" title="#dc2626" aria-label="Select color #dc2626"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="b91c1c" style="background-color: #b91c1c" title="#b91c1c" aria-label="Select color #b91c1c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="991b1b" style="background-color: #991b1b" title="#991b1b" aria-label="Select color #991b1b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="7f1d1d" style="background-color: #7f1d1d" title="#7f1d1d" aria-label="Select color #7f1d1d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="450a0a" style="background-color: #450a0a" title="#450a0a" aria-label="Select color #450a0a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fff7ed" style="background-color: #fff7ed" title="#fff7ed" aria-label="Select color #fff7ed"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ffedd5" style="background-color: #ffedd5" title="#ffedd5" aria-label="Select color #ffedd5"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fed7aa" style="background-color: #fed7aa" title="#fed7aa" aria-label="Select color #fed7aa"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fdba74" style="background-color: #fdba74" title="#fdba74" aria-label="Select color #fdba74"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fb923c" style="background-color: #fb923c" title="#fb923c" aria-label="Select color #fb923c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f97316" style="background-color: #f97316" title="#f97316" aria-label="Select color #f97316"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ea580c" style="background-color: #ea580c" title="#ea580c" aria-label="Select color #ea580c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="c2410c" style="background-color: #c2410c" title="#c2410c" aria-label="Select color #c2410c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="9a3412" style="background-color: #9a3412" title="#9a3412" aria-label="Select color #9a3412"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="7c2d12" style="background-color: #7c2d12" title="#7c2d12" aria-label="Select color #7c2d12"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="431407" style="background-color: #431407" title="#431407" aria-label="Select color #431407"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fffbeb" style="background-color: #fffbeb" title="#fffbeb" aria-label="Select color #fffbeb"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fef3c7" style="background-color: #fef3c7" title="#fef3c7" aria-label="Select color #fef3c7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fde68a" style="background-color: #fde68a" title="#fde68a" aria-label="Select color #fde68a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fcd34d" style="background-color: #fcd34d" title="#fcd34d" aria-label="Select color #fcd34d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fbbf24" style="background-color: #fbbf24" title="#fbbf24" aria-label="Select color #fbbf24"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f59e0b" style="background-color: #f59e0b" title="#f59e0b" aria-label="Select color #f59e0b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d97706" style="background-color: #d97706" title="#d97706" aria-label="Select color #d97706"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="b45309" style="background-color: #b45309" title="#b45309" aria-label="Select color #b45309"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="92400e" style="background-color: #92400e" title="#92400e" aria-label="Select color #92400e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="78350f" style="background-color: #78350f" title="#78350f" aria-label="Select color #78350f"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="451a03" style="background-color: #451a03" title="#451a03" aria-label="Select color #451a03"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fefce8" style="background-color: #fefce8" title="#fefce8" aria-label="Select color #fefce8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fef9c3" style="background-color: #fef9c3" title="#fef9c3" aria-label="Select color #fef9c3"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fef08a" style="background-color: #fef08a" title="#fef08a" aria-label="Select color #fef08a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fde047" style="background-color: #fde047" title="#fde047" aria-label="Select color #fde047"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="facc15" style="background-color: #facc15" title="#facc15" aria-label="Select color #facc15"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="eab308" style="background-color: #eab308" title="#eab308" aria-label="Select color #eab308"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ca8a04" style="background-color: #ca8a04" title="#ca8a04" aria-label="Select color #ca8a04"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a16207" style="background-color: #a16207" title="#a16207" aria-label="Select color #a16207"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="854d0e" style="background-color: #854d0e" title="#854d0e" aria-label="Select color #854d0e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="713f12" style="background-color: #713f12" title="#713f12" aria-label="Select color #713f12"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="422006" style="background-color: #422006" title="#422006" aria-label="Select color #422006"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f7fee7" style="background-color: #f7fee7" title="#f7fee7" aria-label="Select color #f7fee7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ecfccb" style="background-color: #ecfccb" title="#ecfccb" aria-label="Select color #ecfccb"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d9f99d" style="background-color: #d9f99d" title="#d9f99d" aria-label="Select color #d9f99d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="bef264" style="background-color: #bef264" title="#bef264" aria-label="Select color #bef264"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a3e635" style="background-color: #a3e635" title="#a3e635" aria-label="Select color #a3e635"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="84cc16" style="background-color: #84cc16" title="#84cc16" aria-label="Select color #84cc16"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="65a30d" style="background-color: #65a30d" title="#65a30d" aria-label="Select color #65a30d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4d7c0f" style="background-color: #4d7c0f" title="#4d7c0f" aria-label="Select color #4d7c0f"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="3f6212" style="background-color: #3f6212" title="#3f6212" aria-label="Select color #3f6212"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="365314" style="background-color: #365314" title="#365314" aria-label="Select color #365314"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1a2e05" style="background-color: #1a2e05" title="#1a2e05" aria-label="Select color #1a2e05"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f0fdf4" style="background-color: #f0fdf4" title="#f0fdf4" aria-label="Select color #f0fdf4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="dcfce7" style="background-color: #dcfce7" title="#dcfce7" aria-label="Select color #dcfce7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="bbf7d0" style="background-color: #bbf7d0" title="#bbf7d0" aria-label="Select color #bbf7d0"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="86efac" style="background-color: #86efac" title="#86efac" aria-label="Select color #86efac"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4ade80" style="background-color: #4ade80" title="#4ade80" aria-label="Select color #4ade80"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="22c55e" style="background-color: #22c55e" title="#22c55e" aria-label="Select color #22c55e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="16a34a" style="background-color: #16a34a" title="#16a34a" aria-label="Select color #16a34a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="15803d" style="background-color: #15803d" title="#15803d" aria-label="Select color #15803d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="166534" style="background-color: #166534" title="#166534" aria-label="Select color #166534"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="14532d" style="background-color: #14532d" title="#14532d" aria-label="Select color #14532d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="052e16" style="background-color: #052e16" title="#052e16" aria-label="Select color #052e16"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ecfdf5" style="background-color: #ecfdf5" title="#ecfdf5" aria-label="Select color #ecfdf5"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d1fae5" style="background-color: #d1fae5" title="#d1fae5" aria-label="Select color #d1fae5"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a7f3d0" style="background-color: #a7f3d0" title="#a7f3d0" aria-label="Select color #a7f3d0"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="6ee7b7" style="background-color: #6ee7b7" title="#6ee7b7" aria-label="Select color #6ee7b7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="34d399" style="background-color: #34d399" title="#34d399" aria-label="Select color #34d399"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="10b981" style="background-color: #10b981" title="#10b981" aria-label="Select color #10b981"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="059669" style="background-color: #059669" title="#059669" aria-label="Select color #059669"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="047857" style="background-color: #047857" title="#047857" aria-label="Select color #047857"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="065f46" style="background-color: #065f46" title="#065f46" aria-label="Select color #065f46"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="064e3b" style="background-color: #064e3b" title="#064e3b" aria-label="Select color #064e3b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="022c22" style="background-color: #022c22" title="#022c22" aria-label="Select color #022c22"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f0fdfa" style="background-color: #f0fdfa" title="#f0fdfa" aria-label="Select color #f0fdfa"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ccfbf1" style="background-color: #ccfbf1" title="#ccfbf1" aria-label="Select color #ccfbf1"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="99f6e4" style="background-color: #99f6e4" title="#99f6e4" aria-label="Select color #99f6e4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="5eead4" style="background-color: #5eead4" title="#5eead4" aria-label="Select color #5eead4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="2dd4bf" style="background-color: #2dd4bf" title="#2dd4bf" aria-label="Select color #2dd4bf"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="14b8a6" style="background-color: #14b8a6" title="#14b8a6" aria-label="Select color #14b8a6"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0d9488" style="background-color: #0d9488" title="#0d9488" aria-label="Select color #0d9488"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0f766e" style="background-color: #0f766e" title="#0f766e" aria-label="Select color #0f766e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="115e59" style="background-color: #115e59" title="#115e59" aria-label="Select color #115e59"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="134e4a" style="background-color: #134e4a" title="#134e4a" aria-label="Select color #134e4a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="042f2e" style="background-color: #042f2e" title="#042f2e" aria-label="Select color #042f2e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ecfeff" style="background-color: #ecfeff" title="#ecfeff" aria-label="Select color #ecfeff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="cffafe" style="background-color: #cffafe" title="#cffafe" aria-label="Select color #cffafe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a5f3fc" style="background-color: #a5f3fc" title="#a5f3fc" aria-label="Select color #a5f3fc"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="67e8f9" style="background-color: #67e8f9" title="#67e8f9" aria-label="Select color #67e8f9"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="22d3ee" style="background-color: #22d3ee" title="#22d3ee" aria-label="Select color #22d3ee"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="06b6d4" style="background-color: #06b6d4" title="#06b6d4" aria-label="Select color #06b6d4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0891b2" style="background-color: #0891b2" title="#0891b2" aria-label="Select color #0891b2"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0e7490" style="background-color: #0e7490" title="#0e7490" aria-label="Select color #0e7490"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="155e75" style="background-color: #155e75" title="#155e75" aria-label="Select color #155e75"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="164e63" style="background-color: #164e63" title="#164e63" aria-label="Select color #164e63"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="083344" style="background-color: #083344" title="#083344" aria-label="Select color #083344"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f0f9ff" style="background-color: #f0f9ff" title="#f0f9ff" aria-label="Select color #f0f9ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e0f2fe" style="background-color: #e0f2fe" title="#e0f2fe" aria-label="Select color #e0f2fe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="bae6fd" style="background-color: #bae6fd" title="#bae6fd" aria-label="Select color #bae6fd"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="7dd3fc" style="background-color: #7dd3fc" title="#7dd3fc" aria-label="Select color #7dd3fc"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="38bdf8" style="background-color: #38bdf8" title="#38bdf8" aria-label="Select color #38bdf8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0ea5e9" style="background-color: #0ea5e9" title="#0ea5e9" aria-label="Select color #0ea5e9"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0284c7" style="background-color: #0284c7" title="#0284c7" aria-label="Select color #0284c7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0369a1" style="background-color: #0369a1" title="#0369a1" aria-label="Select color #0369a1"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="075985" style="background-color: #075985" title="#075985" aria-label="Select color #075985"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="0c4a6e" style="background-color: #0c4a6e" title="#0c4a6e" aria-label="Select color #0c4a6e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="082f49" style="background-color: #082f49" title="#082f49" aria-label="Select color #082f49"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="eff6ff" style="background-color: #eff6ff" title="#eff6ff" aria-label="Select color #eff6ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="dbeafe" style="background-color: #dbeafe" title="#dbeafe" aria-label="Select color #dbeafe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="bfdbfe" style="background-color: #bfdbfe" title="#bfdbfe" aria-label="Select color #bfdbfe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="93c5fd" style="background-color: #93c5fd" title="#93c5fd" aria-label="Select color #93c5fd"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="60a5fa" style="background-color: #60a5fa" title="#60a5fa" aria-label="Select color #60a5fa"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="3b82f6" style="background-color: #3b82f6" title="#3b82f6" aria-label="Select color #3b82f6"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="2563eb" style="background-color: #2563eb" title="#2563eb" aria-label="Select color #2563eb"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1d4ed8" style="background-color: #1d4ed8" title="#1d4ed8" aria-label="Select color #1d4ed8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1e40af" style="background-color: #1e40af" title="#1e40af" aria-label="Select color #1e40af"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1e3a8a" style="background-color: #1e3a8a" title="#1e3a8a" aria-label="Select color #1e3a8a"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="172554" style="background-color: #172554" title="#172554" aria-label="Select color #172554"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="eef2ff" style="background-color: #eef2ff" title="#eef2ff" aria-label="Select color #eef2ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e0e7ff" style="background-color: #e0e7ff" title="#e0e7ff" aria-label="Select color #e0e7ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="c7d2fe" style="background-color: #c7d2fe" title="#c7d2fe" aria-label="Select color #c7d2fe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a5b4fc" style="background-color: #a5b4fc" title="#a5b4fc" aria-label="Select color #a5b4fc"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="818cf8" style="background-color: #818cf8" title="#818cf8" aria-label="Select color #818cf8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="6366f1" style="background-color: #6366f1" title="#6366f1" aria-label="Select color #6366f1"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4f46e5" style="background-color: #4f46e5" title="#4f46e5" aria-label="Select color #4f46e5"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4338ca" style="background-color: #4338ca" title="#4338ca" aria-label="Select color #4338ca"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="3730a3" style="background-color: #3730a3" title="#3730a3" aria-label="Select color #3730a3"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="312e81" style="background-color: #312e81" title="#312e81" aria-label="Select color #312e81"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="1e1b4b" style="background-color: #1e1b4b" title="#1e1b4b" aria-label="Select color #1e1b4b"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f5f3ff" style="background-color: #f5f3ff" title="#f5f3ff" aria-label="Select color #f5f3ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ede9fe" style="background-color: #ede9fe" title="#ede9fe" aria-label="Select color #ede9fe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ddd6fe" style="background-color: #ddd6fe" title="#ddd6fe" aria-label="Select color #ddd6fe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="c4b5fd" style="background-color: #c4b5fd" title="#c4b5fd" aria-label="Select color #c4b5fd"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a78bfa" style="background-color: #a78bfa" title="#a78bfa" aria-label="Select color #a78bfa"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="8b5cf6" style="background-color: #8b5cf6" title="#8b5cf6" aria-label="Select color #8b5cf6"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="7c3aed" style="background-color: #7c3aed" title="#7c3aed" aria-label="Select color #7c3aed"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="6d28d9" style="background-color: #6d28d9" title="#6d28d9" aria-label="Select color #6d28d9"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="5b21b6" style="background-color: #5b21b6" title="#5b21b6" aria-label="Select color #5b21b6"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4c1d95" style="background-color: #4c1d95" title="#4c1d95" aria-label="Select color #4c1d95"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="2e1065" style="background-color: #2e1065" title="#2e1065" aria-label="Select color #2e1065"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="faf5ff" style="background-color: #faf5ff" title="#faf5ff" aria-label="Select color #faf5ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f3e8ff" style="background-color: #f3e8ff" title="#f3e8ff" aria-label="Select color #f3e8ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e9d5ff" style="background-color: #e9d5ff" title="#e9d5ff" aria-label="Select color #e9d5ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d8b4fe" style="background-color: #d8b4fe" title="#d8b4fe" aria-label="Select color #d8b4fe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="c084fc" style="background-color: #c084fc" title="#c084fc" aria-label="Select color #c084fc"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a855f7" style="background-color: #a855f7" title="#a855f7" aria-label="Select color #a855f7"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="9333ea" style="background-color: #9333ea" title="#9333ea" aria-label="Select color #9333ea"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="7e22ce" style="background-color: #7e22ce" title="#7e22ce" aria-label="Select color #7e22ce"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="6b21a8" style="background-color: #6b21a8" title="#6b21a8" aria-label="Select color #6b21a8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="581c87" style="background-color: #581c87" title="#581c87" aria-label="Select color #581c87"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="3b0764" style="background-color: #3b0764" title="#3b0764" aria-label="Select color #3b0764"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fdf4ff" style="background-color: #fdf4ff" title="#fdf4ff" aria-label="Select color #fdf4ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fae8ff" style="background-color: #fae8ff" title="#fae8ff" aria-label="Select color #fae8ff"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f5d0fe" style="background-color: #f5d0fe" title="#f5d0fe" aria-label="Select color #f5d0fe"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f0abfc" style="background-color: #f0abfc" title="#f0abfc" aria-label="Select color #f0abfc"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e879f9" style="background-color: #e879f9" title="#e879f9" aria-label="Select color #e879f9"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="d946ef" style="background-color: #d946ef" title="#d946ef" aria-label="Select color #d946ef"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="c026d3" style="background-color: #c026d3" title="#c026d3" aria-label="Select color #c026d3"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="a21caf" style="background-color: #a21caf" title="#a21caf" aria-label="Select color #a21caf"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="86198f" style="background-color: #86198f" title="#86198f" aria-label="Select color #86198f"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="701a75" style="background-color: #701a75" title="#701a75" aria-label="Select color #701a75"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4a044e" style="background-color: #4a044e" title="#4a044e" aria-label="Select color #4a044e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fdf2f8" style="background-color: #fdf2f8" title="#fdf2f8" aria-label="Select color #fdf2f8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fce7f3" style="background-color: #fce7f3" title="#fce7f3" aria-label="Select color #fce7f3"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fbcfe8" style="background-color: #fbcfe8" title="#fbcfe8" aria-label="Select color #fbcfe8"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f9a8d4" style="background-color: #f9a8d4" title="#f9a8d4" aria-label="Select color #f9a8d4"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f472b6" style="background-color: #f472b6" title="#f472b6" aria-label="Select color #f472b6"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ec4899" style="background-color: #ec4899" title="#ec4899" aria-label="Select color #ec4899"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="db2777" style="background-color: #db2777" title="#db2777" aria-label="Select color #db2777"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="be185d" style="background-color: #be185d" title="#be185d" aria-label="Select color #be185d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="9d174d" style="background-color: #9d174d" title="#9d174d" aria-label="Select color #9d174d"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="831843" style="background-color: #831843" title="#831843" aria-label="Select color #831843"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="500724" style="background-color: #500724" title="#500724" aria-label="Select color #500724"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fff1f2" style="background-color: #fff1f2" title="#fff1f2" aria-label="Select color #fff1f2"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="ffe4e6" style="background-color: #ffe4e6" title="#ffe4e6" aria-label="Select color #ffe4e6"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fecdd3" style="background-color: #fecdd3" title="#fecdd3" aria-label="Select color #fecdd3"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fda4af" style="background-color: #fda4af" title="#fda4af" aria-label="Select color #fda4af"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="fb7185" style="background-color: #fb7185" title="#fb7185" aria-label="Select color #fb7185"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="f43f5e" style="background-color: #f43f5e" title="#f43f5e" aria-label="Select color #f43f5e"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="e11d48" style="background-color: #e11d48" title="#e11d48" aria-label="Select color #e11d48"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="be123c" style="background-color: #be123c" title="#be123c" aria-label="Select color #be123c"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="9f1239" style="background-color: #9f1239" title="#9f1239" aria-label="Select color #9f1239"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="881337" style="background-color: #881337" title="#881337" aria-label="Select color #881337"></button>
<button type="button" class="color-swatch" data-action="select-color" data-color="4c0519" style="background-color: #4c0519" title="#4c0519" aria-label="Select color #4c0519"></button>
</div>
<!-- Bottom Controls -->
<div class="color-picker-controls">
<!-- Hex Input -->
<div class="hex-input-container">
<span class="hex-prefix">#</span>
<input type="text" class="hex-input" data-action="hex-input" placeholder="FFFFFF" maxlength="6" pattern="[0-9A-Fa-f]{6}">
</div>
<!-- Cancel Button -->
<button type="button" class="cancel-picker-btn" data-action="close-picker">
Cancel
</button>
</div>
</div>
</div>
</div>
</div>
<fieldset class="fieldset mb-2">
<label>
<input type="hidden" name="countdown_widget[reflective]" value="0">
<span class="label">
<input type="checkbox" id="countdown_widget_reflective" name="countdown_widget[reflective]" value="1" class="toggle toggle-lg">Reflective
</span>
</label>
</fieldset>
<fieldset class="fieldset mb-2">
<label>
<input type="hidden" name="countdown_widget[transparency]" value="0">
<span class="label">
<input type="checkbox" id="countdown_widget_transparency" name="countdown_widget[transparency]" value="1" class="toggle toggle-lg">Transparent background
</span>
</label>
</fieldset>
<fieldset class="fieldset mb-2">
<label>
<input type="hidden" name="countdown_widget[show_milliseconds]" value="0">
<span class="label">
<input type="checkbox" id="countdown_widget_show_milliseconds" name="countdown_widget[show_milliseconds]" value="1" class="toggle toggle-lg">Show 10ths of seconds
</span>
</label>
</fieldset>
<fieldset class="fieldset mb-2">
<label>
<input type="hidden" name="countdown_widget[hide_date_title]" value="0">
<span class="label">
<input type="checkbox" id="countdown_widget_hide_date_title" name="countdown_widget[hide_date_title]" value="1" class="toggle toggle-lg">Hide date and title
</span>
</label>
</fieldset>
<fieldset class="fieldset mb-2">
<label>
<input type="hidden" name="countdown_widget[count_direction]" value="1">
<span class="label">
<input type="checkbox" id="countdown_widget_count_direction" name="countdown_widget[count_direction]" value="-1" class="toggle toggle-lg">Count up
</span>
</label>
</fieldset>
<fieldset class="fieldset mb-2">
<label>
<span class="label mb-1">Text alignment</span>
<select id="countdown_widget_text_align" name="countdown_widget[text_align]" class="w-full select">
<option value="left">Left</option><option selected value="center">Center</option><option value="right">Right</option>
</select>
</label>
</fieldset>
<fieldset class="fieldset mb-2">
<label>
<span class="label mb-1">Text effect</span>
<select id="countdown_widget_text_effect" name="countdown_widget[text_effect]" class="w-full select">
<option selected value="0">None</option><option value="1">Embossed</option><option value="2">Shadow</option><option value="3">Glow</option>
</select>
</label>
</fieldset>
</div>
</div>
</form>
<div class="bg-white border border-1 border-gray-300 mt-40 rounded-lg px-10 xl:px-40 m-auto">
<div class=" prose prose-base m-auto">
<h3 class="text-center mt-12! mb-12! text-gray-500!">Features and Benefits</h3>
<div class="fb-row flex flex-col gap-6 md:flex-row mt-8">
<div style="">
<h4>Create excitement, focus and urgency</h4>
<p>
<em>Anticipation is contagious!</em>
If you're excited (or nervous) about an upcoming event, odds are, you're not the only one. Why not use our simple but powerful countdown generator to create a countdown clock, displaying the days, hours, minutes and seconds until the date of
the event. You can share your newly created countdown, so it becomes a focal point for everyone involved.
</p>
<p>
We've seen countdown timers used to generate buzz and anticipation around a party or vacation. Teams use them to stay on track and focussed,
by ensuring team members have a sense of the time remaining until a critical milestone date. Event promoters and online marketers have reported
<a href="https://conversionxl.com/blog/creating-urgency/" rel="nofollow">
significant boosts
</a>
in conversion rates by using an
online contdown timer to create urgency and drive action. Even NASA, uses a
<a rel="nofollow" href="https://www.nasa.gov/mission_pages/launch/countdown101_prt.htm">
giant outdoor countdown clock
</a>
to build anticipation and focus.
</p>
</div>
</div>
<div class="fb-row flex flex-col gap-6 md:flex-row mt-8">
<div style="">
<h4>Promote online sharing</h4>
<p>
Countdowns are "sharing magnets"! A countdown to a date that means something to you and your network of friends or customers is something you want to share, right? Well guess what, so do your friends, and their friends.
</p>
<p>
We run a relatively small website but we see 200-500 social shares per day of countdowns that are displayed on our website.
That does not including the thousands of our countdowns that have been shared around and embedded on other websites.
</p>
<p>
Recently a Seattle household
<a rel="nofollow" href="https://www.newsweek.com/president-trump-countdown-clock-showing-days-until-his-term-ends-goes-viral-1007945">
made the news
</a>
and
<a rel="nofollow" href="https://www.instagram.com/trump_counter/">
went "viral" on Instagram
</a>
with a simple display of the number of days remaining in Trump's current presidency term. Tom Petty fans
were
<a rel="nofollow" href="http://ultimateclassicrock.com/tom-petty-countdown-clock/">
intruiged by a countdown
</a>
that appeared on the official Tom Petty website in early 2018. The hugely popular video game,
Fortnite received a huge amount of attention and press coverage after introducing mysterious, in-game counters, leaving fans fascinated as to what they were counting down to.
</p>
</div>
</div>
<div class="fb-row flex flex-col gap-6 md:flex-row mt-8">
<div style="">
<h4>Increase conversion rates using the magic of urgency</h4>
<p>
As an online marketer or e-commerce company what's your worst enemy? For many it's customer procrastination. They want what you offer but they can always buy it later.
Maybe they'll wait until they have more information, more money or more time. There are a million reasons to "do it later".
</p>
<p>
Dominant and successful online businesses such as Ebay, Amazon and Booking.com make extensive use of urgency as a means to drive action and increase conversions. You can barely visit a
successful online store, or ticketing/booking website without being exposed to urgency or scarcity-based marketing tactics.
"Less than 5 tickets left at this price", "Hurry, only 3 days until sale ends" or "Order by 5pm to receive next day shipping".
These companies are ruthlessly analytical and their tactics are driven by data and experimentation. They use these tactics because they have proven to be effective.
Countdown timers are a crucial tool in your urgency-marketing toolbox.
</p>
</div>
</div>
<div class="fb-row flex flex-col gap-6 md:flex-row mt-8">
<div style="">
<h4>Busy? It won't take a moment with our simple but powerful countdown maker!</h4>
<p>
I made
<a href="https://www.youtube.com/watch?v=w-OHg6DHSQQ" target="_blank" rel="noopener noreferrer">
this quick video
</a>
to show how simple it is to create a countdown and embed in it a blog or website.
</p>
<!-- Show iframe only on lg screens and above -->
<iframe class="hidden lg:block" width="560" height="315" src="https://www.youtube.com/embed/w-OHg6DHSQQ?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
</iframe>
</div>
</div>
<div class="fb-row flex flex-col gap-6 md:flex-row mt-8">
<div class="fb-col w-full md:w-1/2 left-area">
<h4>Mobile-friendly countdown clocks</h4>
<img src="/cdt2-static/images/legacy/features-and-benefits/mobile-friendly-countdown-clock-4e2dbc37dad7d5cacbc64e6a6c39fda8.png?vsn=d" alt="">
</div>
<div class="fb-col w-full md:w-1/2 right-area">
<p>
Mobile web browsing has exploded - if you run a website you may find that more than half your visitors are using smartphones or tablets. Our countdown clocks use mobile friendly code and run very little code on the user's device meaning they won't slow down or otherwise interfere with the user experience. We go beyond mobile-friendly by auto-generating a double-resolution version of your countdown to take advantage of Retina®, and other high-resolution displays that are common on many of today's most popular devices.
</p>
</div>
</div>
<div class="fb-row flex flex-col gap-6 md:flex-row mt-8">
<div class="fb-col w-full md:w-1/2 left-area">
<p>
You wouldn't put just any code into your website. Invalid or incompatible code can break the layout of your web page or display error messages to your visitors. Worse than that, malicious JavaScript code can jeopordize your visitor's security and privacy.
</p>
<p>
We have two layers of protection built in. Firstly, the code we issue is contained in an iframe, the browser's
<a rel="nofollow" href="http://en.wikipedia.org/wiki/Same-origin_policy ">
same-origin policy
</a>
prevents the iframe content from accessing code in your page, effectivly isolating our code from your website's code. Secondly we serve all our countdowns over an encrypted connection, this prevents hackers from altering the countdown before it loads into your page.
</p>
</div>
<div class="fb-col w-full md:w-1/2 right-area">
<h4>Security for you and your visitors</h4>
<img src="/cdt2-static/images/legacy/features-and-benefits/countdown-clock-security-2215732ddf22e2daa061ae2e4dc29b6c.png?vsn=d" alt="">
</div>
</div>
<div class="fb-row flex flex-col gap-6 md:flex-row mt-8">
<div class="fb-col w-full md:w-1/2 left-area">
<h4>Pre-rendered to pixel-perfection</h4>
<img src="/cdt2-static/images/legacy/features-and-benefits/countdown-clock-renderers-a44036a2c28f33f8704ac5b5389a1744.png?vsn=d" alt="">
</div>
<div class="fb-col w-full md:w-1/2 right-area">
<p>
We want your countdown clock to look great, always. Every browser and operating system displays web content a little differently though. Assuming that every browser will render our countdowns with the antialiasing-level, font leading and kerning and effect compositing we want was unthinkable. That's why all our countdowns are pre-rendered by our team of Mac® OS X® servers so they look just right. We then cache the rendered content at edge locations all over the world so the can be delivered to your visitor, fast.
</p>
</div>
</div>
<div class="fb-row flex flex-col gap-6 md:flex-row mt-8">
<div class="fb-col w-full md:w-1/2 left-area">
<p>
Page load time is an important factor in visitor satisfaction as well as in search engine ranking algorithms. Be careful when using third party widgets as some of them contain blocking JavaScript code or large files which can negatively impact page load times. Because our countdowns are pre-rendered the code download is very small. We also use edge caching strategies to deliver your countdowns from the location nearest to each user. When we do need to load content from the main server we use sophisticated in-memory caching to pull the data directly from RAM which is faster than reading from a hard disc.
</p>
</div>
<div class="fb-col w-full md:w-1/2 right-area">
<h4>Fast page loads</h4>
<img src="/cdt2-static/images/legacy/features-and-benefits/countdown-fast-page-loads-3e59eff930d3d958349b9a9baeb377cc.png?vsn=d" alt="">
</div>
</div>
</div>
</div>
<script>
!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init Ie Ts Ms Ee Es Rs capture Ge calculateEventProperties Os register register_once register_for_session unregister unregister_for_session js getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Ds Fs createPersonProfile Ls Ps opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing Cs debug I As getPageViewId captureTraceFeedback captureTraceMetric".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
posthog.init('phc_cLf6i2jMaLLwx9xdCIH68UdcoU3q80pWAY1vXXMYqiL', {
api_host: 'https://pphh.countingdownto.com',
autocapture: false,
defaults: '2025-05-24',
person_profiles: 'identified_only', // or 'always' to create profiles for anonymous users as well
});
const match = document.cookie.match(/(?:^|;\s*)cdt_exp_group=([^;]*)/);
const group = match ? match[1] : undefined;
if (group) {
posthog.register({ experiment_group: group });
}
window.addEventListener("phx:navigate", ({ detail: { href } }) =>
posthog.capture('$pageview', {
'$current_url': href
})
);
const dateInput = document.getElementById('date-display');
const form = document.getElementById('countdown_widget-form');
if (form) {
let hasFocussedDatePicker = false;
if (dateInput) {
dateInput.addEventListener('focus', function() {
console.log("date focus");
hasFocussedDatePicker = true
});
}
form.addEventListener('submit', function(event) {
const submitAction = event.submitter && event.submitter.value;
if (!submitAction) return;
console.log("submit", submitAction);
posthog.capture('edit_countdown_widget_form_submit:' + submitAction);
})
// Set to track events that have already been sent (send once only)
const sentEvents = new Set();
form.addEventListener('input', function(event) {
const target = event.target;
console.log("hasFocussedDatePicker", hasFocussedDatePicker)
if(target.name === "countdown_widget[date]" && !hasFocussedDatePicker) return;
if(target.name === "") return;
// Check if we've already sent this event
if (sentEvents.has(target.name)) {
return;
}
// Record that we've sent this event and send it
sentEvents.add(target.name);
posthog.capture('edit_' + target.name, {
'value': target.value,
'app': 'cdt2'
});
});
posthog.capture('edit_countdown_widget_form_displayed')
}
</script>
</div>
</div>
</main>
<footer class="footerx sm:footer-horizontal bg-neutral-800 text-neutral-content py-10">
<div class="mx-auto max-w-[1140px] footer sm:footer-horizontal">
<nav>
<p class="footer-title">Upcoming Events</p>
<a class="link link-hover" href="/countdown-to-superbowl-liii">
Countdown to Superbowl LIII
</a>
<a class="link link-hover" href="/countdown/christmas">
Christmas Countdown Timer
</a>
<a class="link link-hover" href="/countdown/2018-nfl-preseason-countdown-clock">
NFL Preseason Countdown
</a>
<a class="link link-hover" href="/countdown/nfl-season-2018-countdown-clock">
NFL Regular Season Countdown
</a>
</nav>
<nav>
<p class="footer-title">Information</p>
<a class="link link-hover" href="/pricing">
Pricing
</a>
<a class="link link-hover" href="/faq">FAQ</a>
<a class="link link-hover" href="/about">About</a>
<a class="link link-hover" href="/countdown-clocks-event-promotion">
Countdown Clocks for Event Promotion
</a>
<a class="link link-hover" href="/urgency-scarcity-marketing">
Urgency & Scarcity Marketing
</a>
<a class="link link-hover" href="/countdowns/tags/gaming">
Gaming Countdowns
</a>
<a class="link link-hover" href="/countdowns/tags/vacation">
Vacation Countdowns
</a>
<a class="link link-hover" href="/countdowns/tags/school">
School Countdowns
</a>
<a class="link link-hover" href="/countdown/christmas">
Christmas Countdown
</a>
<a class="link link-hover" href="/countdowns/tags/president-trump">
Trump's Presidency Countdown
</a>
</nav>
<nav>
<p class="footer-title">Featured Countdowns</p>
<a class="link link-hover" href="/video-games-countdowns">
Video Games
</a><a class="link link-hover" href="/sports-countdowns">
Sports Events
</a><a class="link link-hover" href="/tv-countdowns">
TV & Streaming
</a><a class="link link-hover" href="/movies-countdowns">
Movies
</a><a class="link link-hover" href="/festivals-countdowns">
Festivals
</a><a class="link link-hover" href="/holidays-countdowns">
Holidays
</a>
</nav>
<nav>
<p class="footer-title">Support</p>
<a class="link link-hover" href="/help">Help</a>
<a class="link link-hover" href="/contact">Contact us</a>
<a class="link link-hover" href="/help-embed">
How to embed countdown widgets
</a>
<a class="link link-hover" href="/security">Security</a>
<a class="link link-hover" href="/privacy-policy">Privacy policy</a>
<a class="link link-hover" href="/terms-of-use">Terms of use</a>
</nav>
</div>
<div class="text-center text-sm py-4 mt-6 text-neutral-500 border-t border-neutral-700">
CountingDownTo - The Ultimate Countdown Clock Generator - © 2011 to 2026 - V127
</div>
</footer>
</div>
<div id="flash-group" aria-live="polite">
<div id="client-error" phx-click="[["push",{"value":{"key":"error"},"event":"lv:clear-flash"}],["hide",{"time":200,"to":"#client-error","transition":[["transition-all","ease-in","duration-200"],["opacity-100","translate-y-0","sm:scale-100"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"]]}]]" role="alert" class="toast toast-top toast-end z-50" hidden phx-connected="[["hide",{"time":200,"to":"#client-error","transition":[["transition-all","ease-in","duration-200"],["opacity-100","translate-y-0","sm:scale-100"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"]]}],["set_attr",{"attr":["hidden",""]}]]" phx-disconnected="[["show",{"time":300,"to":".phx-client-error #client-error","transition":[["transition-all","ease-out","duration-300"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"],["opacity-100","translate-y-0","sm:scale-100"]]}],["remove_attr",{"attr":"hidden"}]]">
<div class="alert w-80 sm:w-96 max-w-80 sm:max-w-96 text-wrap alert-error">
<span class="hero-exclamation-circle size-5 shrink-0"></span>
<div>
<p class="font-semibold">We can't find the internet</p>
<p>
Attempting to reconnect
<span class="hero-arrow-path ml-1 size-3 motion-safe:animate-spin"></span>
</p>
</div>
<div class="flex-1"></div>
<button type="button" class="group self-start cursor-pointer" aria-label="close">
<span class="hero-x-mark size-5 opacity-40 group-hover:opacity-70"></span>
</button>
</div>
</div>
<div id="server-error" phx-click="[["push",{"value":{"key":"error"},"event":"lv:clear-flash"}],["hide",{"time":200,"to":"#server-error","transition":[["transition-all","ease-in","duration-200"],["opacity-100","translate-y-0","sm:scale-100"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"]]}]]" role="alert" class="toast toast-top toast-end z-50" hidden phx-connected="[["hide",{"time":200,"to":"#server-error","transition":[["transition-all","ease-in","duration-200"],["opacity-100","translate-y-0","sm:scale-100"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"]]}],["set_attr",{"attr":["hidden",""]}]]" phx-disconnected="[["show",{"time":300,"to":".phx-server-error #server-error","transition":[["transition-all","ease-out","duration-300"],["opacity-0","translate-y-4","sm:translate-y-0","sm:scale-95"],["opacity-100","translate-y-0","sm:scale-100"]]}],["remove_attr",{"attr":"hidden"}]]">
<div class="alert w-80 sm:w-96 max-w-80 sm:max-w-96 text-wrap alert-error">
<span class="hero-exclamation-circle size-5 shrink-0"></span>
<div>
<p class="font-semibold">Something went wrong!</p>
<p>
Attempting to reconnect
<span class="hero-arrow-path ml-1 size-3 motion-safe:animate-spin"></span>
</p>
</div>
<div class="flex-1"></div>
<button type="button" class="group self-start cursor-pointer" aria-label="close">
<span class="hero-x-mark size-5 opacity-40 group-hover:opacity-70"></span>
</button>
</div>
</div>
</div></div>
<!-- Help scout -->
<script type="text/javascript">
!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});
</script>
<script type="text/javascript">
window.Beacon('init', '047ee03b-7b27-44d3-a24d-af2a6347e476')
window.Beacon('config', { display: { style: 'manual' } })
</script>
</body>
</html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 50
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 50 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 2.
Показать внутренние ссылки
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| /create-countdown |
Website Countdowns
|
|
Анализировать url |
| /countdown-pages |
Countdown Pages
|
|
Анализировать url |
| /email-countdowns/new |
Email Countdowns
|
|
Анализировать url |
| /countdown-timer |
Timer
|
|
Анализировать url |
| /pricing |
Pricing
|
|
Анализировать url |
| /create-countdown |
Website Countdowns
|
|
Анализировать url |
| /countdown-pages |
Countdown Pages
|
|
Анализировать url |
| /email-countdowns/new |
Email Countdowns
|
|
Анализировать url |
| /countdown-timer |
Timer
|
|
Анализировать url |
| /pricing |
Pricing
|
|
Анализировать url |
| /de/ |
Deutsch
|
|
Анализировать url |
| / |
English
|
|
Анализировать url |
| /es/ |
español
|
|
Анализировать url |
| /fr/ |
français
|
|
Анализировать url |
| /it/ |
italiano
|
|
Анализировать url |
| /ja/ |
日本語
|
|
Анализировать url |
| /ru/ |
русский
|
|
Анализировать url |
| /zh/ |
普通话（简体）
|
|
Анализировать url |
| /my-countdown-widgets |
My countdowns
|
|
Анализировать url |
| /users/register |
Register
|
|
Анализировать url |
| /users/login |
Log in
|
|
Анализировать url |
| /countdown-widgets/new |
Website countdowns
|
|
Анализировать url |
| /countdown-pages |
Countdown pages
|
|
Анализировать url |
| /email-countdowns/new |
Email countdowns
|
|
Анализировать url |
| /countdown-to-superbowl-liii |
Countdown to Superbowl LIII
|
|
Анализировать url |
| /countdown/christmas |
Christmas Countdown Timer
|
|
Анализировать url |
| /countdown/2018-nfl-preseason-countdown-clock |
NFL Preseason Countdown
|
|
Анализировать url |
| /countdown/nfl-season-2018-countdown-clock |
NFL Regular Season Countdown
|
|
Анализировать url |
| /pricing |
Pricing
|
|
Анализировать url |
| /faq |
FAQ
|
|
Анализировать url |
| /about |
About
|
|
Анализировать url |
| /countdown-clocks-event-promotion |
Countdown Clocks for Event Promotion
|
|
Анализировать url |
| /urgency-scarcity-marketing |
Urgency & Scarcity Marketing
|
|
Анализировать url |
| /countdowns/tags/gaming |
Gaming Countdowns
|
|
Анализировать url |
| /countdowns/tags/vacation |
Vacation Countdowns
|
|
Анализировать url |
| /countdowns/tags/school |
School Countdowns
|
|
Анализировать url |
| /countdown/christmas |
Christmas Countdown
|
|
Анализировать url |
| /countdowns/tags/president-trump |
Trump's Presidency Countdown
|
|
Анализировать url |
| /video-games-countdowns |
Video Games
|
|
Анализировать url |
| /sports-countdowns |
Sports Events
|
|
Анализировать url |
| /tv-countdowns |
TV & Streaming
|
|
Анализировать url |
| /movies-countdowns |
Movies
|
|
Анализировать url |
| /festivals-countdowns |
Festivals
|
|
Анализировать url |
| /holidays-countdowns |
Holidays
|
|
Анализировать url |
| /help |
Help
|
|
Анализировать url |
| /contact |
Contact us
|
|
Анализировать url |
| /help-embed |
How to embed countdown widgets
|
|
Анализировать url |
| /security |
Security
|
|
Анализировать url |
| /privacy-policy |
Privacy policy
|
|
Анализировать url |
| /terms-of-use |
Terms of use
|
|
Анализировать url |
Внешние ссылки
Кол-во: 8
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 8 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
На странице ссылки с атрибутом rel='nofollow' 6.
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| thenounproject.com |
Globe icon by amante de icono from the Noun Project
|
Анализировать url |
| conversionxl.com |
significant boosts
|
Анализировать url |
| nasa.gov |
giant outdoor countdown clock
|
Анализировать url |
| newsweek.com |
made the news
|
Анализировать url |
| instagram.com |
went "viral" on Instagram
|
|
| ultimateclassicrock.com |
intruiged by a countdown
|
Анализировать url |
| youtube.com |
this quick video
|
Анализировать url |
| en.wikipedia.org |
same-origin policy
|
Анализировать url |
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Сайт onlinecountdowns.com не совсем готов к продвижению (процент готовности лишь 65%). Для попадания в ТОПы поисковых систем нужно:
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: