/*
 * https://github.com/morethanwords/tweb
 * Copyright (C) 2019-2021 Eduard Kuzmenko
 * https://github.com/morethanwords/tweb/blob/master/LICENSE
 */

.autocomplete-helper {
  --border-radius: #{$border-radius-medium};
  position: absolute !important;
	bottom: calc(100% + .625rem);
	overflow: hidden;
	padding: 0 !important;
  border-radius: var(--border-radius) !important;
	max-width: 100%;
	left: 0;
  width: auto !important;

  &:not(.is-visible) {
		display: none;
	}

	@include animation-level(2) {
		&.is-visible {
			animation: fade-out-opacity .2s ease-in-out forwards;

			&:not(.backwards) {
				animation-name: fade-in-opacity;
			}
		}
	}
}
