/* @keyframes fade-in {
	from { opacity: 0; }
	}

	@keyframes fade-out {
	to { opacity: 0; }
	}

	@keyframes slide-from-right {
	from { transform: translateX(30px); }
	}

	@keyframes slide-to-left {
	to { transform: translateX(-30px); }
	}

	::view-transition-old(ps-alert) {
	animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-out,
		300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
	}

	::view-transition-new(ps-alert) {
	animation: 210ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in,
		300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
	}


::view-transition-group(ps-alert) {
	animation-timing-function: ease;
	animation-duration: 0.5s;
} */


/* This way of defining custom properties allows them to be more easily overridden */
@property --ps-alert-bar-default-icon-bg-color {
	syntax: "<color>";
	initial-value: black;
	inherits: true;
}
.pix_core_mp_alerts.is-single {
	display: block;
}
.pix_core_mp_alerts {
	display: flex;
	flex-wrap: wrap;
	padding-right: 30px;
	padding-left: 30px;
	margin-inline: auto;
	max-width: 1740px;
	view-transition-name: ps-alerts;
}
@media (min-width: 768px) {
	.pix_core_mp_alerts {
		align-items: center;
		display: grid;
		gap: 10px;
		grid-template-columns: auto 1fr;
	}
	.pix_core_mp_alerts.has-auto-slider {
		grid-template-columns: auto 1fr auto;
	}
}
.pix_core_mp_alerts--nav_label {
	display: block;
}
.pix_core_mp_alerts.is-single .pix_core_mp_alerts--nav_label {
	display: none;
}
.pix_core_mp_alerts--slider {
	width: 100%;
}
.pix_core_mp_alerts--slider .pix_core_alert_bar {
	pointer-events: none;
	position: absolute;
	visibility: hidden;
}
.pix_core_mp_alerts--slider .pix_core_alert_bar.is-visible {
	pointer-events: auto;
	position: relative;
	visibility: visible;
}
.pix_core_mp_alerts.is-single .pix_core_mp_alerts--util {
	display: none;
}
@media (max-width: 767.9px) {
	.pix_core_mp_alerts--util {
		display: flex;
		justify-content: space-between;
		order: 10;
		width: 100%;
	}
	.has-auto-slider .pix_core_mp_alerts--util{
		width: fit-content;
	}
}
.pix_core_mp_alerts--nav {
	display: flex;
}
.pix_core_mp_alerts--nav_item {
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0 5px;
}
.pix_core_mp_alerts--nav_item:first-child {
	padding-left: 0;
}
.pix_core_mp_alerts--nav_item.is-active {
	text-decoration: underline;
}
.pix_core_mp_alerts--nav_item.is-disabled {
	color: gray;
	pointer-events: none;
}
.pix_core_mp_alerts--nav_item.is-disabled:last-child {
	opacity: 0;
}
.pix_core_mp_alerts--play_pause {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	cursor: pointer;
	margin-left: 15px;
	order: 11;
	padding: 5px;
}
.pix_core_mp_alerts--play_pause.is-playing {
	background-image: url('data:image/svg+xml;utf8,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2.36841" width="13.816" height="2.36846" rx="1.18423" transform="rotate(90 2.36841 0)" fill="%23fff"/><rect x="8.73682" width="13.816" height="2.36846" rx="1.18423" transform="rotate(90 8.73682 0)" fill="%23fff"/></svg>');
}
.pix_core_mp_alerts--play_pause.is-paused {
	background-image: url('data:image/svg+xml;utf8,<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.05 6.87417C13.9167 7.37454 13.9167 8.62546 13.05 9.12583L1.95 15.5344C1.08333 16.0348 -7.60986e-07 15.4093 -7.17242e-07 14.4086L-1.56986e-07 1.59141C-1.13242e-07 0.590672 1.08333 -0.0347923 1.95 0.465578L13.05 6.87417Z" fill="%23fff"/></svg>');
}
@media (max-width: 767.9px) {
	.pix_core_mp_alerts--play_pause {
		align-self: center;
		margin-left: auto;
		margin-right: 15px;
	}
}
.pix_core_mp_alerts.is-single .pix_core_mp_alerts--see_all {
	display: none;
}
.pix_core_mp_alerts--nav_wrap {
	grid-column-end: span 2;
	display: flex;
	justify-content: space-between;
}
.pix_core_alert_bar {
	background-color: var(--ps-color-backgroundTertiary, #5F9BAF);
	border-top: 1px solid black;
	color: var(--ps-color-textPrimary, #000);
	position: relative;
}
.pix_core_alert_bar a:link,
.pix_core_alert_bar a:visited {
	color: var(--ps-color-textPrimary, #000);
	text-decoration: underline;
}
.pix_core_alert_bar.is-closed {
	display: none;
}
.pix_core_alert_bar--row {
	background-color: var(--ps-color-backgroundTertiary, #5F9BAF);
	border-radius: 10px;
	font-size: 14px;
	gap: 15px;
	padding: 10px 15px;
}
@media (min-width: 768px) {
	.pix_core_alert_bar--row {
		display: flex;
		padding-right: 40px;
	}
}
.pix_core_alert_bar--cat {
	align-items: center;
	display: flex;
	font-size: 20px;
	gap: 15px;
}
.pix_core_alert_bar--cat_icon {
	padding: 5px;
}
.pix_core_alert_bar--cat_icon svg {
	display: block;
}
.pix_core_alert_bar--cat_label {
	text-wrap: nowrap;
}
.pix_core_alert_bar--content {
	align-items: center;
	display: flex;
	flex-shrink: 200;
}
@media (max-width: 767.9px) {
	.pix_core_alert_bar--content {
		padding-top: 5px;
	}
}
.pix_core_alert_bar--content > :last-child {
	margin-bottom: 0;
}
.pix_core_alert_bar--close {
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: 15px;
	padding: 0;
	position: absolute;
	right: 15px;
	top: 28px;
	transform: translateY(-50%);
	width: 15px;
}
@media (min-width: 768px) {
	.pix_core_alert_bar--close {
		top: 50%;
	}
}
.pix_core_alert_bar--close svg {
	display: block;
}
.pix_core_alert_bar--close path {
	fill: var(--ps-color-textPrimary, #000);
}