/* ============================================================
   RESULTADO DO CEP
   ============================================================ */

.leo-delivery-v20-results {

	display:
	flex;

	flex-direction:
	column;

	gap:
	10px;

	width:
	100%;

	margin:
	13px 0 0;

	padding:
	0;

	box-sizing:
	border-box;
}


.leo-delivery-v20-loading {

	display:
	flex;

	align-items:
	center;

	gap:
	8px;

	min-height:
	42px;

	padding:
	10px 12px;

	background:
	#f7f7f7;

	border:
	1px solid
	#e2e3e5;

	border-radius:
	8px;

	color:
	#666666;

	font-size:
	12px;

	box-sizing:
	border-box;
}


.leo-delivery-v20-spinner {

	display:
	block;

	flex:
	0 0 15px;

	width:
	15px;

	height:
	15px;

	border:
	2px solid
	#dddddd;

	border-top-color:
	#e8b300;

	border-radius:
	50%;

	animation:
	leo-delivery-v20-spin
	.7s linear infinite;
}


@keyframes leo-delivery-v20-spin {

	to {

		transform:
		rotate(360deg);
	}
}



/* ============================================================
   GRUPO
   ============================================================ */

.leo-delivery-v20-group {

	width:
	100%;

	padding:
	11px 12px;

	background:
	#ffffff;

	border:
	1px solid
	#e0e2e5;

	border-radius:
	9px;

	box-sizing:
	border-box;
}


.leo-delivery-v20-group-title {

	display:
	flex;

	align-items:
	center;

	gap:
	7px;

	margin:
	0 0 8px;

	color:
	#222222;

	font-size:
	12px;

	font-weight:
	700;
}


.leo-delivery-v20-group-icon {

	display:
	flex;

	align-items:
	center;

	justify-content:
	center;

	width:
	18px;

	height:
	18px;
}


.leo-delivery-v20-group-icon svg {

	width:
	17px;

	height:
	17px;

	fill:
	none;

	stroke:
	currentColor;

	stroke-width:
	1.7;

	stroke-linecap:
	round;

	stroke-linejoin:
	round;
}



/* ============================================================
   MÉTODO
   ============================================================ */

.leo-delivery-v20-rate {

	display:
	flex;

	align-items:
	center;

	justify-content:
	space-between;

	gap:
	12px;

	width:
	100%;

	min-height:
	40px;

	padding:
	8px 0;

	border-top:
	1px solid
	#eeeeee;

	box-sizing:
	border-box;
}


.leo-delivery-v20-rate:first-of-type {

	border-top:
	0;
}


.leo-delivery-v20-rate-name {

	min-width:
	0;

	color:
	#555555;

	font-size:
	12px;

	font-weight:
	500;

	line-height:
	1.35;
}


.leo-delivery-v20-rate-price {

	flex:
	0 0 auto;

	color:
	#222222;

	font-size:
	12px;

	font-weight:
	700;

	white-space:
	nowrap;
}


.leo-delivery-v20-rate-price.is-free {

	color:
	#19875c;
}



/* ============================================================
   INFORMATIVO
   ============================================================ */

.leo-delivery-v20-info {

	padding:
	10px 12px;

	background:
	#fff9e5;

	border:
	1px solid
	#f1d978;

	border-radius:
	8px;

	color:
	#665212;

	font-size:
	11px;

	line-height:
	1.45;

	box-sizing:
	border-box;
}



/* ============================================================
   ERRO
   ============================================================ */

.leo-delivery-v20-error {

	padding:
	11px 12px;

	background:
	#fff3f3;

	border:
	1px solid
	#f2c8c8;

	border-radius:
	8px;

	color:
	#c0392b;

	font-size:
	11px;

	line-height:
	1.45;

	box-sizing:
	border-box;
}



/* ============================================================
   CELULAR
   ============================================================ */

@media (max-width: 767px) {


	.leo-delivery-v20-group {

		padding:
		11px;
	}


	.leo-delivery-v20-rate {

		min-height:
		44px;
	}


	.leo-delivery-v20-rate-name,
	.leo-delivery-v20-rate-price {

		font-size:
		12px;
	}

}