

.rooms-list {
	position: relative;

	overflow-x: hidden;
	overflow-y: auto;

	flex: 1 1 auto;

	height: 100%;

	&--embedded {
		margin-top: 2rem;
	}

	&__list:not(:last-child) {
		margin-bottom: 22px;
	}

	&__type {
		display: flex;

		flex-direction: row;

		padding: 0 var(--sidebar-default-padding) 1rem var(--sidebar-default-padding);

		color: var(--rooms-list-title-color);

		font-size: var(--rooms-list-title-text-size);
		align-items: center;
		justify-content: space-between;

		&-text--livechat {
			flex: 1;
		}
	}

	&__empty-room {
		padding: 0 var(--sidebar-default-padding);

		color: var(--rooms-list-empty-text-color);

		font-size: var(--rooms-list-empty-text-size);
	}

	&__toolbar-search {
		position: absolute;
		z-index: 1;

		left: 10px;

		overflow-y: scroll;

		background-color: var(--sidebar-background);
	}
}

@media (width <= 400px) {
	padding: 0 calc(var(--sidebar-small-default-padding) - 4px);

	.rooms-list {
		&__type,
		&__empty-room {
			padding: 0 calc(var(--sidebar-small-default-padding) - 4px) 0.5rem calc(var(--sidebar-small-default-padding) - 4px);
		}
	}
}
