/* @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--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%;
	}
}
.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.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);
}