@import url('../styles/margins.css');
@import url('../styles/flex.css');

:host {
	all: initial;
}

#posten-bring-checkout-summary {

	font-family: 'Posten Sans', Arial, sans-serif;
	font-weight: 400;
	color: #000000;

	.card {
		padding: 16px;
		background: #f2f2f2;
		border-radius: 5px;
	}

	.logo {
		width: 82px;
		vertical-align: top;
	}

	.text-0\.875r {
		font-size: .875em;
	}

	.text-1r {
		font-size: 1em;
	}
}

#posten-bring-checkout-summary.bring {

	.logo {
		width: 70px;
	}
}

#posten-bring-checkout-summary.dark {

	.card {
		background: #252525;
	}

	color: #B4B4B4;
}
