:root {
	--echo-z: 999999;
}

.echo-root,
[data-echo-root],
#echo-ui-wrapper {
	position: fixed;
	z-index: 999999;
	pointer-events: none;
}

.echo-root *,
[data-echo-root] *,
#echo-ui-wrapper * {
	box-sizing: border-box;
}

.echo-root .echo-toast__close,
[data-echo-root] .echo-toast__close,
#echo-ui-wrapper .echo-toast__close {
	display: grid;
	width: 1.9rem;
	height: 1.9rem;
	min-width: 1.9rem;
	min-height: 1.9rem;
	place-items: center;
	padding: 0;
	line-height: 1;
}

.echo-root .echo-toast__close svg,
[data-echo-root] .echo-toast__close svg,
#echo-ui-wrapper .echo-toast__close svg {
	display: block;
	width: 0.9rem;
	height: 0.9rem;
}

.echo-root .echo-toast--has-description,
[data-echo-root] .echo-toast--has-description,
#echo-ui-wrapper .echo-toast--has-description {
	cursor: pointer;
}

.echo-root .echo-toast__description,
[data-echo-root] .echo-toast__description,
#echo-ui-wrapper .echo-toast__description {
	display: -webkit-box;
	max-height: 2.9em;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.echo-root .echo-toast--has-description:hover .echo-toast__description,
.echo-root .echo-toast--has-description:focus-within .echo-toast__description,
.echo-root .echo-toast--has-description.echo-toast--expanded .echo-toast__description,
[data-echo-root] .echo-toast--has-description:hover .echo-toast__description,
[data-echo-root] .echo-toast--has-description:focus-within .echo-toast__description,
[data-echo-root] .echo-toast--has-description.echo-toast--expanded .echo-toast__description,
#echo-ui-wrapper .echo-toast--has-description:hover .echo-toast__description,
#echo-ui-wrapper .echo-toast--has-description:focus-within .echo-toast__description,
#echo-ui-wrapper .echo-toast--has-description.echo-toast--expanded .echo-toast__description {
	display: block;
	max-height: 14rem;
	overflow: auto;
	-webkit-line-clamp: unset;
}