.ublac-credit-bar {
	--ublac-credit-bg: #000000;
	--ublac-credit-color: #ffffff;
	--ublac-credit-height: 80px;
	--ublac-credit-font-size: 22px;
	--ublac-credit-font-family: inherit;
	--ublac-credit-text-transform: none;
	--ublac-credit-letter-spacing: 0px;
	--ublac-credit-word-spacing: 0px;
	--ublac-credit-font-weight: 400;
	box-sizing: border-box;
	position: relative;
	left: 50%;
	display: flex;
	width: 100vw;
	min-height: var(--ublac-credit-height);
	margin: 0 0 0 -50vw;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: var(--ublac-credit-bg);
	color: var(--ublac-credit-color);
	isolation: isolate;
}

.ublac-credit-bar__content {
	display: inline-flex;
	max-width: min(100% - 40px, 1200px);
	min-height: var(--ublac-credit-height);
	padding: 4px 20px;
	align-items: center;
	justify-content: center;
	gap: 12px;
	box-sizing: border-box;
	color: inherit;
	font-family: var(--ublac-credit-font-family);
	font-size: var(--ublac-credit-font-size);
	font-weight: var(--ublac-credit-font-weight);
	letter-spacing: var(--ublac-credit-letter-spacing);
	word-spacing: var(--ublac-credit-word-spacing);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: var(--ublac-credit-text-transform);
}

.ublac-credit-bar__message {
	margin: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.ublac-credit-bar__message > * {
	margin: 0;
	color: inherit;
	font-family: inherit;
	line-height: inherit;
}

.ublac-credit-bar__message p { font-size: 1em; }
.ublac-credit-bar__message h3 { font-size: 1.4em; }
.ublac-credit-bar__message h4 { font-size: 1.2em; }

.ublac-credit-bar__message ul,
.ublac-credit-bar__message ol {
	display: inline-block;
	margin: 0;
	padding-left: 1.25em;
	text-align: left;
}

a.ublac-credit-bar__content {
	transition: opacity 180ms ease;
}

a.ublac-credit-bar__content:hover,
a.ublac-credit-bar__content:focus-visible {
	color: inherit;
	opacity: 0.78;
	text-decoration: none;
}

a.ublac-credit-bar__content:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -8px;
}

.ublac-credit-bar__content img {
	display: block;
	width: auto;
	max-width: min(180px, 36vw);
	height: auto;
	max-height: 30px;
	object-fit: contain;
}

.ublac-credit-bar--slide {
	opacity: 0;
	clip-path: inset(100% 0 0);
	transform: translateY(24px);
	transition:
		opacity 650ms ease,
		clip-path 900ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.ublac-credit-bar--fade {
	opacity: 0;
	transition: opacity 750ms ease;
}

.ublac-credit-bar.is-visible {
	opacity: 1;
	clip-path: inset(0 0 0);
	transform: translateY(0);
}

@media (max-width: 640px) {
	.ublac-credit-bar[data-show-mobile="0"] {
		display: none;
	}

	.ublac-credit-bar__content {
		max-width: calc(100% - 24px);
		padding: 14px 12px;
		gap: 8px;
		font-size: min(var(--ublac-credit-font-size), 18px);
	}

	.ublac-credit-bar__content img {
		max-width: 34vw;
		max-height: 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ublac-credit-bar,
	.ublac-credit-bar__content {
		transition: none !important;
	}
}