:root {
	/* --color:#935ff9; */
	/* --bg-color:linear-gradient(to right, #8252fa 0%, #eca2f1 100%), radial-gradient(circle at top left, #8252fa, #eca2f1); */
}

/* body { */
	/* font-family:"BPG Ingiri Arial"; */
/* } */

/* h1, h2, h3 { */
	/* font-family:"FiraGO"; */
/* } */


/* Modal Side */
.modal 
.modal-dialog-aside{
	/* width: 400px; */
	width: max-content;
	max-width:50%; 	
	min-width:30%; 	
	height: 100%; 
	margin:0;
	transform: translate(0); 
	transition: transform .2s;
}

.modal .modal-dialog-aside .modal-content{  height: inherit; border:0; border-radius: 0;}
.modal .modal-dialog-aside .modal-content .modal-body{ overflow-y: auto }
.modal.fixed-left .modal-dialog-aside{ margin-left:auto;  transform: translateX(100%); }
.modal.fixed-right .modal-dialog-aside{ margin-right:auto; transform: translateX(-100%); }

.modal.show .modal-dialog-aside{ transform: translateX(0);  }