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

.chat-search {
	position: absolute !important;
	top: 0;
  right: 0;
  left: 0;
	z-index: 2;

	&-footer {
		height: 46px;
		padding: 0 8px;
		flex: 0 0 auto;
		width: 100%;
		background-color: var(--surface-color);
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-shadow: 0px -1px 5px -1px rgba(0, 0, 0, .21);
		overflow: hidden;

		.chat-search-count {
			margin-left: 8px;
			color: var(--secondary-text-color);
		}
	
		& + .chat-input {
			display: none;
		}
	}

	&-count {
		&:empty {
			display: none;
		}

		&:not(:empty) + .btn-icon {
			display: none;
		}
	}

	&-controls {
		display: flex;
	}

	&-results {
		width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		visibility: hidden;
		opacity: 0;
		background-color: var(--surface-color);
		transition: .2s ease;

		body.animation-level-0 & {
			transition: none;
		}

		&.active {
			opacity: 1;
			visibility: visible;
		}
	}

	.tgico-up {
		margin-right: 2px;
	}
}