.closer{
	z-index: 1 !important;
	font-size:var(--s4);
	margin: 0;
}

.balloon{
	position:absolute;
	bottom:var(--h16);
	right:var(--w4);
	max-width:80%;
	max-height:80%;
	animation:fadein var(--durationOff);
	z-index: 2;
	scrollbar-color: var(--neutraldarkest) var(--secondarychiaroscuro);
}

.baloon-content{
	flex-direction:row;
	justify-content:flex-start;
	background-color:var(--neutrallightest);
	border-top:var(--h1) solid var(--primarychiaroscuro);
	padding:var(--h2) var(--w2) var(--h2) var(--w2);
	align-items:center;
	overflow-y: auto;
	scrollbar-width: thin;
}

.baloon-content .subtitle{
	margin-left:var(--w1);
	padding:var(--h1)	var(--w1)	var(--h1)	var(--w1);	
	min-width:calc(var(--w4) + 30px);
	background-color:var(--neutrallight);
	overflow-y: auto;
	scrollbar-width: thin;
	max-height: var(--h64);
}