﻿div.v2-modal {
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.65);
	display: none;
}

	div.v2-modal.open {
		display: block;
	}

	div.v2-modal > div.v2-modal-content {
		position: absolute;
		top: 50%;
		left: 50%;
		box-sizing: border-box;
		transform: translate(-50%, -50%);
		background: var(--white);
		display: grid;
		gap: 3rem;
		padding: 1.5rem;
		border-radius: 1rem;
		box-shadow: 0px 8px 32px 0 rgba(0, 0, 0, 0.2);
	}

		div.v2-modal > div.v2-modal-content > div.header {
			display: grid;
			grid-template-columns: 1fr auto;
			gap: 3rem;
			align-items: center;
		}

			div.v2-modal > div.v2-modal-content > div.header > h1 {
				font-family: 'Bienvenue-Semibold', sans-serif;
				color: var(--primary-ar-brand);
				font-size: 1.5rem;
				line-height: 100%;
			}

			div.v2-modal > div.v2-modal-content > div.header > a {
				display: flex;
				cursor: pointer;
			}

				div.v2-modal > div.v2-modal-content > div.header > a > svg {
					height: 16px;
					pointer-events: none;
				}

				div.v2-modal > div.v2-modal-content > div.header > a:hover svg > path {
					stroke: var(--neutral-20);
				}

		div.v2-modal > div.v2-modal-content > div.main {
			display: grid;
			gap: 3rem;
		}

		div.v2-modal > div.v2-modal-content > div.footer {
			justify-items: end;
		}
