.speeddial {
  align-items: center;
  display: flex;
  justify-content: center;
  transition: opacity 0.3s ease-out;
}

:host-context(html.gx.search-focus) .speeddial {
  opacity: 0;
}

:host-context(html.gx.search-focus) .speeddial .tile {
  cursor: default;
  pointer-events: none;
}