<span class="dropdown z-[11]" tabindex="0" id="lang-dropdown">
    <span class="button ~urge dropdown-button flex flex-row gap-2 h-full" title="{{ .strings.language }}" aria-label="{{ .strings.language }}">
        <i class="icon ri-global-line"></i>
        <i class="icon ri-arrow-down-s-line"></i>
    </span>
    <div class="dropdown-display">
        <div class="card ~neutral @low flex flex-col gap-2">
            <label class="switch">
                <input type="radio" name="lang-time" id="lang-12h">
                <span>{{ .strings.time12h }}</span>
            </label>
            <label class="switch">
                <input type="radio" name="lang-time" id="lang-24h">
                <span>{{ .strings.time24h }}</span>
            </label>
            <div id="lang-list" class="flex flex-col gap-2"></div>
        </div>
    </div>
</span>
