/*!
* Components/AppPartner
*/

.app-partner {
	color: inherit;
	display: inline-flex;
	flex-direction: column;
	gap: 1.25rem;
	max-width: 100%;
	opacity: 0.6;
	position: relative;
	transition-duration: var(--x-sys-motion-duration-medium2);
	transition-property: opacity;
	transition-timing-function: var(--x-sys-motion-easing-standard);
	z-index: 1;
}

@supports selector(:focus-visible) {
	.app-partner::after {
		content: "";
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		border: 0.125rem solid currentColor;
		border-radius: inherit;
		opacity: 0;
		pointer-events: none;
		transition: opacity var(--x-sys-motion-duration-short4) ease-in-out;
		content: "";
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.app-partner:focus-visible::after {
		opacity: calc(0.25 * var(--x-sys-overlay-multiplier));
	}

	@media (prefers-reduced-motion: reduce) {
		.app-partner::after,
		.app-partner:focus-visible::after {
			transition: none;
		}
	}
}

.app-partner[href]:hover {
	opacity: calc(1 - var(--x-sys-opacity-hover)) !important;
}

.app-partner[href]:focus {
	opacity: calc(1 - var(--x-sys-opacity-focus)) !important;
}

.app-partner__content {
	flex: 0 0 auto;
	text-align: start;
}

.app-partner__logo {
	flex-grow: 1;
	max-width: 18.25rem;
	width: 100%;
}