/* Outside the React Cart root; no cart or payment layout overrides. */
.gh-shipping-reward {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0 0 24px;
	padding: 20px 22px;
	border: 1px solid #e6e6e6;
	border-radius: 12px;
	background: #fff;
	color: #171717;
}
.gh-shipping-reward[hidden] { display: none !important; }
.gh-shipping-reward-top { display: flex; align-items: center; gap: 10px; }
.gh-shipping-reward-top svg { flex: 0 0 24px; }
.gh-shipping-reward .gh-shipping-reward-message { margin: 0; font: 600 15px/1.45 Arial, Helvetica, sans-serif; overflow-wrap: anywhere; }
.gh-shipping-reward-track { height: 6px; margin: 16px 0 10px; background: #ededed; border-radius: 999px; overflow: hidden; }
.gh-shipping-reward-track > span { display: block; height: 100%; max-width: 100%; background: #171717; border-radius: inherit; transition: width .25s ease; }
.gh-shipping-reward .gh-shipping-reward-note { margin: 0; color: #737373; font: 400 12px/1.5 Arial, Helvetica, sans-serif; }
.gh-shipping-reward.is-unlocked .gh-shipping-reward-track > span { background: #315c3a; }
@media (max-width: 480px) { .gh-shipping-reward { padding: 16px; margin-bottom: 18px; } }
@media (prefers-reduced-motion: reduce) { .gh-shipping-reward-track > span { transition: none; } }