.mlps-card {
	--mlps-accent: #4b32e6;
	--mlps-border: #e2e2e2;
	--mlps-text: #2b2b2b;
	--mlps-muted: #7b7b7b;
	width: 100%;
	padding: 22px 20px;
	border: 1px solid var(--mlps-border);
	border-radius: 20px;
	background: #fff;
	color: var(--mlps-text);
	box-sizing: border-box;
	font-family: inherit;
}

.mlps-rates {
	display: grid;
	gap: 24px;
}

.mlps-rate {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: start;
}

.mlps-icon {
	display: flex;
	width: 24px;
	height: 24px;
	color: var(--mlps-accent);
}

.mlps-icon svg {
	width: 24px;
	height: 24px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mlps-copy {
	min-width: 0;
}

.mlps-label,
.mlps-price {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
}

.mlps-price {
	padding-left: 12px;
	color: var(--mlps-text);
	white-space: nowrap;
	text-align: right;
}

.mlps-rate--free_shipping .mlps-price,
.mlps-rate--local_pickup .mlps-price {
	color: var(--mlps-accent);
}

.mlps-description {
	margin-top: 6px;
	color: var(--mlps-muted);
	font-size: 14px;
	line-height: 1.55;
}

.mlps-loading,
.mlps-empty {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 28px;
	color: var(--mlps-muted);
	font-size: 14px;
	line-height: 1.5;
}

.mlps-spinner {
	width: 17px;
	height: 17px;
	border: 2px solid #dedede;
	border-top-color: var(--mlps-accent);
	border-radius: 50%;
	animation: mlps-spin .75s linear infinite;
}

.mlps-card.is-loading {
	opacity: .72;
}

@keyframes mlps-spin {
	to { transform: rotate(360deg); }
}

@media (max-width: 480px) {
	.mlps-card {
		padding: 18px 16px;
		border-radius: 16px;
	}

	.mlps-rate {
		grid-template-columns: 22px minmax(0, 1fr) auto;
		gap: 9px;
	}

	.mlps-label,
	.mlps-price {
		font-size: 14px;
	}

	.mlps-description {
		font-size: 13px;
	}
}