/* Default */
._c-modal.default > .inner{
	padding: 12px 25px;
	background-color: #fff;
	border-radius: var(--r-0);
	box-shadow: var(--box-shadow-1);
}

._c-modal.icon-info > .inner > i{ color: var(--green); }
._c-modal.icon-warn > .inner > i{ color: rgb(255,160,0); }
._c-modal.icon-error > .inner > i{ color: var(--red); }
._c-modal.icon-question > .inner > i{ color: var(--blue); }



/* Info */
._c-modal.info > .inner{
	display: grid;
	max-width: 500px;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 15px;
}

._c-modal.info > .inner > i{
	font-size: 35px;
}

._c-modal.info > .inner > button{
	width: 100px;
	grid-column: 1 / 3;
	justify-self: center;
}



/* Question */
._c-modal.question > .inner{
	display: grid;
	max-width: 500px;
	grid-template-columns: auto auto 50%;
	align-items: center;
	gap: 15px;
}

._c-modal.question > .inner > i{
	grid-column: 1;
	font-size: 35px;
}

._c-modal.question > .inner > div{
	grid-column: 2 / 4;
}

._c-modal.question > .inner > button{
	width: 100px;
}

._c-modal.question > .inner > button:first-of-type{
	grid-column: 1 / 3;
	justify-self: end;
}

._c-modal.question > .inner > button:last-of-type{
	grid-column: 3;
	justify-self: start;
}



/* Input */
._c-modal.input > .inner{
	display: grid;
	max-width: 500px;
	grid-template-columns: auto auto 50%;
	align-items: center;
	gap: 15px;
}

._c-modal.input > .inner > i{
	grid-column: 1;
	grid-row: 1 / 3;
	font-size: 35px;
}

._c-modal.input > .inner > div{
	grid-column: 2 / 4;
}

._c-modal.input > .inner > input{
	grid-column: 2 / 4;
	grid-row: 2;
}

._c-modal.input > .inner > button{
	width: 100px;
}

._c-modal.input > .inner > button:first-of-type{
	grid-column: 1 / 3;
	justify-self: end;
}

._c-modal.input > .inner > button:last-of-type{
	grid-column: 3;
	justify-self: start;
}