.msc-design-system .msc-shared-cart {
	position: fixed !important;
	right: 30px !important;
	bottom: 100px !important;
	z-index: 1000000001;
	margin: 0;
}

.msc-design-system .msc-shared-cart[hidden] {
	display: none !important;
}

/* Support Board adds this state to the body while its panel is open. Keep the
   cart above ordinary page content, but move it below the active chat surface. */
.msc-design-system.sb-chat-open .msc-shared-cart {
	z-index: 99990 !important;
}

.msc-design-system .msc-shared-cart__button {
	position: relative;
	display: grid;
	font-size: 18px;
	width: 3.5em;
	height: 3.5em;
	place-items: center;
	padding: 0;
	color: var(--msc-text);
	border: 0;
	border-radius: 50%;
	background: rgba(238,238,238,.3);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	box-shadow: none;
	text-align: center;
	text-decoration: none;
}

.msc-design-system .msc-shared-cart__button:hover,
.msc-design-system .msc-shared-cart__button:focus,
.msc-design-system .msc-shared-cart__button:active {
	color: var(--msc-text);
	background: rgba(238,238,238,.42);
	box-shadow: none;
	transform: none;
}

.msc-design-system .msc-shared-cart__button svg {
	display: block;
	width: 27px;
	height: 27px;
	fill: currentColor;
	stroke: none;
}

.msc-design-system .msc-shared-cart__count {
	position: absolute;
	top: 9px;
	right: auto;
	left: 33.125px;
	display: grid;
	min-width: 22.5px;
	height: 22.5px;
	padding: 0 3.9375px;
	place-items: center;
	color: var(--global-palette9, #fafbfd);
	border: 0;
	border-radius: 999px;
	background: var(--msc-red);
	font-size: .875em;
	font-weight: 400;
	line-height: 1;
}

@media (max-width: 767px) {
	.msc-design-system .msc-shared-cart {
		right: 30px !important;
		bottom: 100px !important;
	}
}
