:root {
  --main-color: #6300FF;
	--bg-color: #3C3C3B;
}

a[href*='https://github.com/Chainlit/chainlit'] {
	visibility: hidden;
}

/* interno */
.MuiStack-root.css-uijbxl {

}

.css-1s3oi5q {
	background-color: transparent!important;
}

.css-ugcix4  .css-11osj3t {
	background-color: transparent!important;
	border: solid 1px black!important;
}

.css-ugcix4 img {
display: none;
}

/* bubble */
.MuiStack-root.css-1iykgd7 {
	background-color: var(--bg-color);
	padding: 20px 25px;
	border-radius:  0px 8px 8px 8px;
	font: normal normal normal 15px / 24px "Montserrat";
	letter-spacing: 0px;
	/* box-shadow: 0px 5px 10px #00000099; */
	margin: 10px;
	/* width: calc(50% - 38px); */
	border: 1px solid rgb(66, 66, 66);
}

/* left */
.step.MuiBox-root.css-7kdxxp {
	background-color: transparent;
}

/* right */
.step.MuiBox-root.css-1e7z9eq {
	
}
.step.MuiBox-root.css-1e7z9eq .css-1iykgd7 {
	border-radius: 15px 0px 15px 15px;
}
.css-19mvntf .css-1iykgd7, .css-1s3oi5q .css-1iykgd7{
	background-color: transparent;
}

.css-19mvntf .css-1bu3wmx, .css-1e7z9eq .css-1bu3wmx {
	flex-direction: row-reverse;
}

.css-w0cywo  {
	flex-direction: row!important;
	flex-wrap: wrap;
}

.css-4ip17j {
	margin-bottom: 20px;
}

.css-1g7yjtc {
	width: auto;
	max-width: 20%;
}


.css-1mzerio {
	flex-wrap: wrap;
}
.css-1mzerio > :not(style):not(style) {
	margin-right: 8px !important;
	margin-bottom: 8px !important;
}
.css-1mzerio > :not(style) ~ :not(style) {
	margin-left: 0 !important;
	margin-right: 8px !important;
	margin-bottom: 8px !important;
}

.css-14lr528 {
	background: transparent!important;
	border: solid 1px var(--main-color)!important;
	transition: all .3s;
}
.css-14lr528:hover {
	background-color: #FF005C!important;
}

.css-2n4y0m {
	display: none!important;
	}
	.css-12hxhao {
	display: none!important;
	}
	.css-qsb7md {
	background: transparent!important;
	border-bottom: 0!important;
	}

	.MuiAvatar-root.css-1b3b7c7 {
		background-image: url('avatars/copilot_for_mobility.png');
    background-color: transparent;
    padding: 5px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
	}

.MuiAvatar-root.css-1vl023k {
	background-image: url('avatars/user_da.png');
	background-color: transparent;
	padding: 5px;
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	color: transparent;
}