.OUTBRAIN {
 	--fs-outbrain-header: 1.5625rem;
 	--mb-outbrain: 0.9375rem;
 }
 
 .OUTBRAIN .ob-widget {
 	border-top: none !important;
 	padding-top: 0 !important;
 }
 
 .OUTBRAIN .ob-widget .ob-dynamic-rec-link .ob-rec-image {
 	transition: opacity var(--t-duration) var(--t-easing);
 }
 
 .OUTBRAIN .ob-widget .ob-dynamic-rec-link:hover .ob-rec-image,
 .OUTBRAIN .ob-widget .ob-dynamic-rec-link:focus .ob-rec-image,
 .OUTBRAIN .ob-widget .ob-dynamic-rec-link:active .ob-rec-image {
 	opacity: var(--o-opacity);
 }
 
 .OUTBRAIN .ob-widget .ob-unit.ob-rec-text {
 	font-family: var(--f-primary) !important;
 	font-size: var(--fs-medium) !important;
 	line-height: normal !important;
 	max-height: 100% !important;
 	-webkit-tap-highlight-color: transparent;
 	transition: color var(--t-duration) var(--t-easing) !important;
 }
 
 .OUTBRAIN .ob-widget .ob-unit.ob-rec-text:hover,
 .OUTBRAIN .ob-widget .ob-unit.ob-rec-text:focus,
 .OUTBRAIN .ob-widget .ob-unit.ob-rec-text:active {
 	color: var(--c-red) !important;
 	text-decoration: none !important;
 }
 
 .OUTBRAIN .ob-widget .ob-rec-source {
 	font-family: var(--f-tertiary) !important;
 }
 
 .OUTBRAIN li {
 	padding-left: 0 !important;
 }
 
 .OUTBRAIN li::before {
 	display: none !important;
 }
 
 .OUTBRAIN .ob-widget-header {
 	color: var(--c-black) !important;
 	font-family: var(--f-primary) !important;
 	font-size: var(--fs-outbrain-header) !important;
 	font-weight: 700 !important;
 	margin-bottom: var(--fs-outbrain-header) !important;
 	max-height: 40px !important;
 	padding-bottom: 0 !important;
 }
 
 .outbrain-wrapper,
 .bdc-ob-wrapper {
 	position: relative;
 }
 
 .outbrain-wrapper .outbrain-preloader,
 .bdc-ob-wrapper .bdc-ob-preloader {
 	align-items: center;
 	background: transparent;
 	display: flex;
 	inset: 0;
 	justify-content: center;
 	opacity: 0;
 	position: absolute;
 	transition: opacity var(--t-duration, 0.3s) var(--t-easing, ease);
 	visibility: hidden;
 }
 
 .outbrain-wrapper.is-initializing .outbrain-preloader,
 .bdc-ob-wrapper.is-initializing .bdc-ob-preloader {
 	opacity: 1;
 	visibility: visible;
 }
 
 .outbrain-wrapper.is-loaded .outbrain-preloader,
 .bdc-ob-wrapper.is-loaded .bdc-ob-preloader {
 	opacity: 0;
 	pointer-events: none;
 	visibility: hidden;
 }
 
 .outbrain-preloader .spinner,
 .bdc-ob-preloader .bdc-ob-spinner {
 	animation: ob-bars-scale 0.9s ease-in-out infinite;
 	animation-delay: 0.1s;
 	background: var(--c-red);
 	display: inline-block;
 	height: 28px;
 	position: relative;
 	width: 8px;
 }
 
 .outbrain-preloader .spinner::before,
 .outbrain-preloader .spinner::after,
 .bdc-ob-preloader .bdc-ob-spinner::before,
 .bdc-ob-preloader .bdc-ob-spinner::after {
 	animation: ob-bars-scale 0.9s ease-in-out infinite;
 	background: var(--c-red);
 	bottom: 0;
 	content: "";
 	height: 100%;
 	position: absolute;
 	width: 8px;
 }
 
 .outbrain-preloader .spinner::before,
 .bdc-ob-preloader .bdc-ob-spinner::before {
 	animation-delay: 0s;
 	left: -16px;
 }
 
 .outbrain-preloader .spinner::after,
 .bdc-ob-preloader .bdc-ob-spinner::after {
 	animation-delay: 0.2s;
 	left: 16px;
 }
 
 .bdc-ob-visually-hidden {
 	border: 0;
 	clip: rect(0, 0, 0, 0);
 	height: 1px;
 	margin: -1px;
 	overflow: hidden;
 	padding: 0;
 	position: absolute !important;
 	white-space: nowrap;
 	width: 1px;
 }
 
 @keyframes ob-bars-scale {
 	to {
 		/* noop to enable keyframes in some engines */
 	}
 
 	0%,
 	80%,
 	100% {
 		transform: scaleY(0.45);
 	}
 
 	40% {
 		transform: scaleY(1);
 	}
 }