/* components/_eidas.css */





.c-eidas {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: var(--gap-20);
}
@media ( min-width: 600px ) {
	.c-eidas {
		grid-template-columns: 
			calc( 100% * 3 / 8 - 10px ) 
			calc( 100% * 5 / 8 - 10px );
	}
}

.c-eidas__logo {
	display: inline-block;
	justify-self: start;
	width: clamp( 80px, 26vw, 260px );
	aspect-ratio: 260/300;
	position: relative;
}
	.c-eidas__logo::before,
	.c-eidas__logo::after {
		content: "";
		display: block;
		position: absolute;
		aspect-ratio: 1;
		background-color: var(--color-accent-template);
		z-index: -1;
		border-radius: clamp( 10px, 2vw, 20px );
		opacity: 10%;
	}
	.c-eidas__logo::before {
		width: calc( 100% * 180 / 260 );
		top: 0;
		left: 0;
	}

	.c-eidas__logo::after {
		width: calc( 100% * 80 / 260 );
		bottom: 0;
		right: 0;
	}
	.c-eidas__logo img {
		position: absolute;
		width: calc( 100% * 120 / 260 );
		bottom: clamp( 20px, 4vw, 40px );
		right: clamp( 15px, 3vw, 30px );
	}

.c-eidas__content {
	align-self: center;
}