/* Variables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
	--color-primary: 329 97% 71%;
	--color-secondary: 188 56% 58%;
}

#headerHTML2 {
	display: inline;
	float: none; }

.disabled {
	opacity: 0.5; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul.list {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	margin-top: 1em;
	list-style: disc;
}

.txt-center ul.list,
ul.list-inline {
	display: inline-flex;
	text-align: left;
}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn-outline {
	--color: var(--color-secondary);
	padding: .5em 1em;
	border: 1px solid hsl(var(--color) / .75);
	box-shadow: 
		0 0 .25em hsl(var(--color) / .5),
		inset 0 0 .25em hsl(var(--color) / .5),
		0 0 .5em hsl(var(--color) / .5),
		inset 0 0 .5em hsl(var(--color) / .5);
	font-weight: bold;
	color: hsl(var(--color)) !important;
	text-decoration: none;
	transition: all .2s ease;
}

.btn-outline:not([aria-disabled]):hover {
	border: 1px solid hsl(var(--color));
	box-shadow: 
		0 0 .5em hsl(var(--color)),
		inset 0 0 .5em hsl(var(--color)),
		0 0 1em hsl(var(--color)),
		inset 0 0 1em hsl(var(--color));
	color: hsl(var(--color)) !important;
	text-shadow:
		0 0 .25em hsl(var(--color)),
		0 0 .5em hsl(var(--color) / .5);
	filter: brightness(1.1);
}

.btn-solid {
	--color: var(--color-primary);
	padding: .5em 1em;
	background-color: hsl(var(--color));
	border: 0;
	filter: brightness(1);
	font-weight: bold;
	color: #000 !important;
	text-decoration: none;
	cursor: pointer;
	transition: all .2s ease;
}

.btn-solid:not([aria-disabled]):hover {
	box-shadow: 0 0 1em hsl(var(--color));
	color: #000 !important;
	filter: brightness(1.1);
}

.btn-color-secondary {
	--color: var(--color-secondary);
}

.btn-color-muted {
	--color: none;
	box-shadow: none;
	color: rgb(255,255,255) !important;
}

.btn-color-muted:not([aria-disabled]):hover {
	box-shadow: none;
	color: rgb(255,255,255,0.8) !important;
	filter: none;
}

.btn-size-big {
	padding: 1em 2em;
}


/* Icon Masks
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.icon-mask {
	-webkit-mask-image: var(--icon);
	mask-image: var(--icon);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.form-field + .form-field,
.multi-field .btn-add {
	margin-top: 1em;
}

.label-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .5em;
}

[class*="input-text"],
.styled-select,
.textarea,
input[type="file"] {
	padding: .7em;
	background-color: rgb(0,0,0,0.4);
	border: 0;
	border-left: 2px solid hsl(var(--color-secondary));
	font: inherit;
	color: #fff;
}

.textarea {
	height: 12em;
	resize: vertical;
}

.input-text-full,
.textarea,
input[type="file"],
.size-full {
	width: 100%;
}

input[type="file"] {
	cursor: pointer;
}

button[type="submit"].btn-solid {
	min-width: 7em;
}


/* Styled select
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.styled-select input[type="text"] {
	width: auto;
	margin: 0 !important;
	color: #fff;
}

.styled-select .ts-control,
.styled-select .ts-control input,
.styled-select .ts-dropdown {
	font-size: 1em !important;
}

.styled-select .ts-control {
	gap: .5em;
	padding: 0 !important;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: #fff;
}

	.ts-control, .ts-wrapper.single.input-active .ts-control {
		background-color: transparent;
	}

	.styled-select.ts-wrapper.multi .ts-control > div {
		padding: .25em .5em;
		margin: 0;
		background: hsl(var(--color-primary));
		border-radius: .2em;
		font-size: .9em;
		font-weight: bold;
		color: #000;
	}

	.styled-select.ts-wrapper.plugin-remove_button .item .remove {
		padding: 0 .5em;
		border-radius: 0;
	}
	
	.styled-select.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
		margin-inline-start: .5em;
		border-left-color: #000;
	}

.styled-select .ts-dropdown {
	background-color: #1d153b;
	border-color: hsl(var(--color-secondary));
	color: #fff;
}

	.styled-select .ts-dropdown .active {
		background-color: rgb(255,255,255,0.1);
		color: #fff;
	}

.styled-select.basic.ts-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.5em;
}

.styled-select.basic.ts-wrapper::after {
	content: "";
	display: block;
	border-top: 0.45em solid hsl(var(--color-secondary));
	border-right: 0.45em solid transparent;
	border-left: 0.45em solid transparent;
}


/* Multi fields
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.multi-field .fields {
	padding: 0;
	margin: 0;
	list-style: decimal;
	counter-reset: fields-counter;
}

.multi-field[data-linked]:not([data-linked=""]) .fields .form-field {
	counter-increment: fields-counter;
}

.multi-field[data-linked]:not([data-linked=""]) .fields .form-field::before {
	content: counter(fields-counter);
	aspect-ratio: 2 / 1;
	display: block;
	padding: .7em 0 .7em .7em;
	background-color: rgb(0,0,0,0.4);
	border-left: 2px solid hsl(var(--color-secondary));
	font-weight: bold;
	color: hsl(var(--color-secondary));
	text-align: center;
}

.multi-field[data-linked]:not([data-linked=""]) .fields .form-field:focus-within {
	outline: auto;
}

.multi-field .fields .form-field {
	display: flex;
	align-items: center;
}

.multi-field .btn-remove {
	display: block;
	padding: .7em 1em;
	background-color: rgb(0,0,0,0.4);
	border: 0;
	font-weight: bold;
	color: hsl(var(--color-primary));
	cursor: pointer;
}

.multi-field[data-linked]:not([data-linked=""]) .fields [class*="input-text"] {
	border-left: 0;
}

.multi-field[data-linked]:not([data-linked=""]) .fields [class*="input-text"]:focus {
	outline: none;
}


/* Info bubbles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.info-bubble button {
	max-width: 1.75em;
	max-height: 1.75em;
	padding: 0;
	margin: 0;
	background: none;
	border: 1px solid hsl(var(--color-secondary));
	border-radius: 50%;
	cursor: pointer;
}

	.info-bubble button svg {
		fill: hsl(var(--color-secondary));
	}

.info-bubble .text-wrap {
	width: 26em;
	min-height: 1px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	font-size: 0.8125em;
	text-shadow: 0 0 1em #000;
	pointer-events: none;
	animation: showInfoBubble 1s ease forwards;
}

.info-bubble.hide-text .text-wrap {
	display: none;
	animation: none;
}

.info-bubble .text {
	width: 100%;
	position: absolute;
	top: 0;
	right: auto;
	left: 0;
	padding: 1.5em 1.5em 3em;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.info-bubble .align-left .text {
	right: 100%;
	left: auto;
}

.hide {
	display: none; 
}

@media (max-width: 600px) {

	.info-bubble .text-wrap {
		width: auto;
		position: fixed;
		inset: 2em;
		top: auto;
		z-index: 10;
	}

	.info-bubble .text {
		position: static;
		padding: 2em;
		background: rgb(0,0,0,0.85);
	}

}


/* Tooltips
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[data-tooltip] {
	position: relative;
}

[data-tooltip]::after {
	content: attr(data-tooltip);
	width: 15rem;
	position: absolute;
	bottom: 100%;
	left: 50%;
	padding: 0.5rem;
	background-color: #0b031b;
	border-bottom: 1px solid hsl(var(--color-secondary));
	border-radius: 0.25rem;
	font-size: 0.75rem;
	font-style: normal;
	color: #fff;
	text-align: center;
	pointer-events: none;
	user-select: none;
	opacity: 0;
	transform: translateX(-50%);
	transition: 0.2s ease all;
}

[data-tooltip]:hover::after {
	bottom: calc(100% + 0.75rem);
	opacity: 1;
}


/* Tabs
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tabs-horizontal {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin-bottom: 4em;
	border-bottom: 2px solid rgb(255,255,255,0.2);
	list-style: none;
	text-align: center;
}

	.tabs-horizontal a {
		display: block;
		padding: 0.75em 1em;
		margin-bottom: -2px;
		font-size: 0.875em;
		color: #fff;
		text-decoration: none;
		opacity: 0.6;
	}

	.tabs-horizontal a:hover,
	.tabs-horizontal a:focus {
		color: hsl(var(--color-secondary));
		opacity: 1;
	}

	.tabs-horizontal .is-active {
		border-bottom: 2px solid currentColor;
		color: hsl(var(--color-secondary));
		opacity: 1;
	}


/* Inner Loader
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#loader_inner {
	display: none;
	z-index: 2147483647;
	width: 100%; 
	height: 100%;
	background-color:rgba(0, 0, 0, 0.5);
	position: fixed;
}


/* Glide fullscreen carousel
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.glide-fullscreen {
	position: fixed;
	inset: 0;
	z-index: 10;
	background: url(../images/bg_home.jpg) center / cover fixed no-repeat #0b031c;
	color: #fff;
}

.glide-fullscreen::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgb(0, 0, 0, 0.5);
}

.glide-fullscreen.hide-glide {
	animation: fade-out 0.7s ease forwards;
}

	.glide-fullscreen > div {
		width: 100%;
		height: 100%;
		opacity: 0;
	}

	.glide-fullscreen.is-loaded > div {
		opacity: 1;
		transition: 1s ease opacity;
	}

	.glide-fullscreen .glide__track {
		width: 100%;
		height: 100%;
	}

	.glide-fullscreen .glide__slides {
		height: 100%;
	}

	.glide-fullscreen .glide__slide {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 8rem 4rem;
	}

		.glide-fullscreen .glide__slide section {
			max-width: 60rem;
			font-size: 1.5rem;
			text-align: center;
		}

			.glide-fullscreen .glide__slide section > * {
				margin-top: 0;
			}

	.glide-fullscreen .glide__bullets {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		position: absolute;
		bottom: 6rem;
		left: 50%;
		transform: translateX(-50%);
	}

	.glide-fullscreen .glide__bullet {
		width: 0.75rem;
		height: 0.75rem;
		position: relative;
		background-color: rgb(255, 255, 255);
		border: 0;
		border-radius: 1rem;
		overflow: hidden;
		opacity: 0.3;
		cursor: pointer;
		transition: 0.2s ease all;
	}
	
	.glide-fullscreen .glide__bullet:hover {
		opacity: 0.8;
	}

	.glide-fullscreen .glide__bullet--active {
		opacity: 1;
	}

	/* .glide-fullscreen .glide__bullet::before {
		content: "";
		width: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		background-color: #fff;
	}

	.glide-fullscreen .glide__bullet--active {
		width: 2.5rem;
		height: 0.5rem;
	}

	.glide-fullscreen .glide__bullet--active::before {
		width: 100%;
		transition: 10s linear width;
	} */

	.glide-fullscreen .title {
		position: absolute;
		top: 3rem;
		left: 50%;
		transform: translateX(-50%);
		text-transform: uppercase;
		letter-spacing: 0.1em;
		opacity: 0.3;
	}

		.glide-fullscreen .title svg {
			width: 2.5rem;
			margin: 0 auto 1rem;
			fill: #fff;
		}

	.glide-fullscreen .skip {
		position: absolute;
		bottom: 3rem;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
		text-decoration: none;
		opacity: 0.3;
	}

	.glide-fullscreen .skip:hover,
	.glide-fullscreen .skip:focus,
	.glide-fullscreen .skip.is-active {
		opacity: 1;
	}

/* 600px */
@media (max-width: 37.5em) {

	.glide-fullscreen .glide__slide section {
		font-size: 1.2rem;
	}

}


/* Animations
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.anim-fadein-start {
	opacity: 0;
	pointer-events: none;
}

.anim-fadein-end {
	opacity: 1;
	pointer-events: all;
	transition: opacity 1s ease;
}

@keyframes blink1 {
	0%, 15% {
		opacity: 0;
	}
	25%, 100% {
		opacity: 1;
	}
}

@keyframes blink2 {
	0%, 25% {
		opacity: 0;
	}
	50%, 100% {
		opacity: 1;
	}
}

@keyframes blink3 {
	0%, 50% {
		opacity: 0;
	}
	75%, 100% {
		opacity: 1;
	}
}

@keyframes loader {
	0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
		filter: drop-shadow(0 0 0.5em rgb(255 255 255)) drop-shadow(0 0 2em rgb(255, 255, 255, 0.5));
	}
	20%, 24%, 55% {
		filter: drop-shadow(0 0 0 rgb(255 255 255));
	}
}

@keyframes loader-text {
	0%, 100% {
		text-shadow: none;
	}
	50% {
		text-shadow:
			0 0 .25em #fff,
			0 0 .5em rgb(255,255,255,0.5);
	}
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgb(255,94,96,0.7);
		transform: scale(0.9);
	}
	70% {
		box-shadow: 0 0 0 0.5em rgb(255,94,96,0);
		transform: scale(1);
	}
	100% {
		box-shadow: 0 0 0 0 rgb(255,94,96,0);
		transform: scale(0.9);
	}
}

@keyframes changeBg {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 0;
		transform: scale(1.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes showInfoBubble {
	0% {
		display: none;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}

@keyframes fade-out {
	0% {
		opacity: 1;
	}
	100% {
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		user-select: none;
	}
}


/* Structure
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
	min-height: 100%;
	position: relative;
	background: rgb(9,5,23);
	overflow-x: hidden;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-color: #000;
	background-image: var(--bg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body.change-bg::before {
	animation: changeBg 1s ease forwards;
}

body.default::before {
	--bg: url(../images/bg_home.jpg);
}

body.biomedical-arena::before,
body.logged-in.default::before {
	--bg: url(../images/bg_biomedicalArena.jpg);
}

body.proposition::before {
	--bg: url(../images/bg_proposition.jpg);
}

body.hivemind::before {
	--bg: url(../images/bg_hivemind.jpg);
}

body.ground-rules::before {
	--bg: url(../images/bg_groundRules.jpg);
}

#loader {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	inset: 0;
	z-index: 10;
	padding: 4rem;
	background-color: rgb(0,0,0,0.75);
	text-align: center;
	font-weight: bold;
}

	#loader svg {
		width: 10rem;
		fill: #fff;
		animation: loader 1.5s infinite alternate;
	}

	#loader .text {
		margin-top: 3rem;
		transition: all .2s ease;
		animation: loader-text 1.5s infinite;
	}

		#loader .text span {
			opacity: 0;
		}

		#loader .text span:nth-child(1) {
			animation: blink1 2s infinite linear;
		}

		#loader .text span:nth-child(2) {
			animation: blink2 2s infinite linear;
		}

		#loader .text span:nth-child(3) {
			animation: blink3 2s infinite linear;
		}

#page {
	width: 100%;
	min-height: 100%;
	display: flex;
	position: relative;
	padding: 1.5rem;
}

#frame {
	position: absolute;
	inset: 1.5rem;
	z-index: 2;
	border: 1px solid rgb(255,255,255,0.1);
	pointer-events: none;
	user-select: none;
}

	#frame div {
		width: 100%;
		height: 100%;
	}

	#frame::before,
	#frame::after,
	#frame div::before,
	#frame div::after {
		content: "";
		width: 10px;
		height: 10px;
		position: absolute;
	}

	#frame::before,
	#frame::after {
		top: -1px;
		border-top: 1px solid #fff;
	}

	#frame div::before,
	#frame div::after {
		bottom: -1px;
		border-bottom: 1px solid #fff;
	}

	#frame::before,
	#frame div::before {
		left: -1px;
		border-left: 1px solid #fff;
	}

	#frame::after,
	#frame div::after {
		right: -1px;
		border-right: 1px solid #fff;
	}

#content {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	flex-direction: column;
	padding-top: 10rem;
	padding-bottom: 4rem;
}

	#content [class*="content-wrap"] {
		width: 90%;
		max-width: 100rem;
		margin: 0 auto;
	}

	#content .content-wrap-medium {
		max-width: 80rem;
	}

	#content .content-wrap-small {
		max-width: 65rem;
	}

	#content [class*="content-wrap"] [class*="content-wrap"] {
		width: 100%;
	}

.wrapper {
	max-width: 80rem;
	padding-inline: 2rem;
	margin: 0 auto;
}

/* 600px */
@media (max-width: 37.5em) {

	.wrapper {
		padding-inline: 1.5rem;
	}

}


/* Utility classes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.is-hidden {
	display: none !important;
}

.is-disabled,
.is-disabled * {
	pointer-events: none !important;
	user-select: none !important;
}

.is-disabled {
	opacity: 0.6;
}

.clearfix::before,
.clearfix::after {
	content: "";
	display: block;
}

.clearfix::after {
	clear: both;
}


/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#header-main {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 2rem;
	position: absolute;
	inset: 1.5rem;
	z-index: 2;
	bottom: auto;
	padding: 1.5rem 2rem;
	font-size: 0.875rem;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

	#header-main .logo {
		display: block;
		position: relative;
	}

		#header-main .logo svg {
			width: 13rem;
			fill: #fff;
		}

		#header-main .logo::after {
			content: "THE HOME OF \A BIOMEDICAL INNOVATION";
			width: max-content;
			display: none;
			position: absolute;
			left: calc(100% + 1em);
			bottom: -4.2%;
			font-weight: normal;
			font-style: italic;
			white-space: pre-wrap;
			pointer-events: none;
		}

	#header-main a {
		color: #fff;
		text-decoration: none;
	}

	#header-main .login {
		color: hsl(var(--color-secondary));
	}

	#header-main .btn-volume {
		--display: block;
		width: 1.5rem;
		height: 1.5rem;
		padding: 0;
		background: transparent;
		border: 0;
		cursor: pointer;
	}

	#header-main .btn-volume.is-off {
		--display: none;
	}
	
		#header-main .btn-volume svg {
			fill: #fff;
		}

#header-nav {
	padding-top: 1rem;
}

	#header-nav div {
		display: flex;
		align-items: center;
		gap: 1.75rem;
	}

	#header-nav ul {
		display: flex;
		gap: 2rem;
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#header-nav li a {
		display: block;
		opacity: .7;
		transition: all .2s ease;
	}

	#header-nav li a:hover {
		opacity: 1;
		text-shadow:
			0 0 .25em #fff,
			0 0 .5em rgb(255,255,255,0.5);
	}

	.username {
		gap: 0.75rem;
	}

		.username span {
			max-width: 10rem;
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.username i {
			width: 2.25rem;
			height: 2.25rem;
			display: block;
			border: 1px solid;
			border-radius: 50%;
			overflow: hidden;
		}

		.username .archetype {
			border-color: hsl(var(--color-primary));
		}

			.username .archetype svg {
				fill: hsl(var(--color-secondary));
			}

		.username .epitope {
			border-color: #000;
		}

/* 1280px */
@media (max-width: 80em) {

	#header-main .logo::after {
		display: none;
	}

}

/* 768px */
@media (max-width: 48em) {

	#header-main {
		padding: 1rem 1.5rem;
	}

}


/* Mobile Nav
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width: 64em) {

	#username_div {
		display: none !important; }

	.js-nav-open {
		overflow: hidden;
	}

	#header-main [class^="mobile-nav"] {
		width: 2rem;
		height: 2rem;
		display: block;
		position: relative;
	}

	#header-main [class^="mobile-nav"]::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		transform: scale(125%);
	}

	#header-nav > .mobile-nav-close::before {
		display: none;
	}

	#header-main .mobile-nav-open {
		--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E");
		margin-top: 1.1rem;
		background-color: #fff;
	}

	#header-nav > div > .mobile-nav-close {
		--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
		position: absolute;
		top: 1.6rem;
		right: 1rem;
		background-color: #fff;
	}
	
	#header-nav {
		width: 20rem;
		max-width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
		padding: 1rem;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
	}

		#header-nav > div {
			display: block;
			position: relative;
			padding: 5rem 1.6rem 1.6rem;
			background-color: #0b031b;
			border: 1px solid rgb(255,255,255,0.1);
			overflow-y: auto;
			transition: .7s ease all;
		}

		#header-nav ul {
			flex-direction: column;
			gap: 1rem;
			margin-bottom: 2rem;
		}

		#header-nav .right {
			justify-content: space-between;
		}

		.username {
			display: none;
		}

	#header-nav:target,
	.js-nav-open #header-nav {
		z-index: 2;
		opacity: 1;
		visibility: visible;
	}

		:is(#header-nav:target, .js-nav-open #header-nav) > .mobile-nav-close {
			content: "";
			width: 100vw;
			height: 100%;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: -1;
			cursor: default;
		}
	
}

/* 768px */
@media (max-width: 48em) {

	#header-nav {
		padding: .5rem;
	}

}


/* Home
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.content-home {
	text-align: center;
}

	.content-home .choices {
		width: 100%;
		display: inline-grid;
		gap: 1em;
		transition: 0.2s ease opacity;
	}

	.content-home .choices[data-columns="2"] {
		grid-template-columns: 1fr 1fr;
	}

	.content-home .choices[data-columns="3"] {
		grid-template-columns: 1fr 1fr 1fr;
	}

		.content-home .choices a {
			display: block;
			padding: 0;
		}

		.content-home .choices a:not([aria-disabled]):hover {
			transform: scale(1.025);
		}

		.content-home .choices img {
			width: 100%;
			max-height: 20.125em;
		}

		.content-home .choices a[aria-disabled] {
			position: relative;
			border-color: hsl(var(--color) / .4);
			box-shadow: 0 0 .25em hsl(var(--color) / .2), inset 0 0 .25em hsl(var(--color) / .2), 0 0 .5em hsl(var(--color) / .2), inset 0 0 .5em hsl(var(--color) / .2);
		}
	
		.content-home .choices a[aria-disabled]::after {
			--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 300 300'%3E%3Cpath fill='none' d='M.01-.004h300v300H.01z'/%3E%3Cpath d='M214.505 118.099c16.223 1.303 29 14.898 29 31.454v90.888c0 17.417-14.14 31.556-31.555 31.556H88.06c-17.415 0-31.555-14.14-31.555-31.556v-90.888c0-16.556 12.777-30.151 29-31.454V92.497c0-35.599 28.902-64.5 64.5-64.5s64.5 28.901 64.5 64.5zm-2.555 7.898H88.06c-13 0-23.555 10.555-23.555 23.556v90.888c0 13 10.555 23.555 23.556 23.555h123.89c13 0 23.554-10.554 23.554-23.555v-90.888c0-13-10.555-23.556-23.555-23.556zm-5.445-8v-25.5c0-31.183-25.317-56.5-56.5-56.5s-56.5 25.317-56.5 56.5v25.5h18.5v-23.5c0-20.973 17.028-38 38-38s38 17.027 38 38v23.5zm-86.5 0h60v-23.5c0-16.558-13.442-30-30-30s-30 13.442-30 30zm26 85.74c-10.814-1.896-19.043-11.343-19.043-22.697 0-12.717 10.325-23.043 23.043-23.043s23.044 10.326 23.044 23.043c0 11.354-8.23 20.801-19.044 22.697v24.26a4 4 0 1 1-8 0zm4-37.74c-8.303 0-15.043 6.74-15.043 15.043s6.74 15.044 15.043 15.044 15.044-6.741 15.044-15.044-6.74-15.044-15.044-15.044z'/%3E%3C/svg%3E");
			content: "";
			width: 3rem;
			height: 3rem;
			position: absolute;
			top: 0.5rem;
			right: 0.5rem;
			-webkit-mask-image: var(--icon);
			mask-image: var(--icon);
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
			-webkit-mask-size: cover;
			mask-size: cover;
			background-color: hsl(var(--color-primary));
		}
	
			.content-home .choices a[aria-disabled] img {
				opacity: 0.4;
				filter: saturate(0.1);
			}

	.content-home .choices.js-fade-out {
		opacity: 0;
	}

		.content-home .choices.js-fade-out .is-active {
			transform: scale(1.5);
		}

	.content-home .choices.js-fade-in {
		display: inline-grid !important;
	}

	.content-home .btn-join {
		display: inline-block;
		margin-top: 2.5rem;
		font-size: 1.2rem;
	}

/* 1024px */
@media (max-width: 64em) {

	.content-home .choices {
		max-width: 30rem;
		grid-template-columns: 1fr !important;
	}

	.content-home .btn-join {
		max-width: 30rem;
		display: block;
		margin-inline: auto;
	}

}


/* Create profile
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.content-create-profile .tabs {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
	padding: 0;
	margin-bottom: 3em;
	font-size: 0.875em;
	text-align: center;
	list-style: none;
	counter-reset: tabs-counter;
}

	.content-create-profile .tabs li {
		position: relative;
		margin: 0;
		counter-increment: tabs-counter;
	}

	.content-create-profile .tabs li + li::before {
		content: "";
		width: 1em;
		position: absolute;
		top: 50%;
		right: 100%;
		border-top: 1px solid hsl(var(--color-secondary));
	}

	.content-create-profile .tabs a {
		display: flex;
		align-items: center;
		gap: 0.75em;
		padding-right: 1.25em;
		border: 1px solid hsl(var(--color-secondary));
		border-radius: 5em;
		color: rgb(255,255,255,0.5);
		text-decoration: none;
	}

	.content-create-profile .tabs a::before {
		content: counter(tabs-counter);
		width: 2.5em;
		height: 2.5em;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: hsl(var(--color-secondary));
		border-radius: 50%;
		font-weight: bold;
		color: #111;
	}

	.content-create-profile .tabs .is-active a {
		color: #fff;
	}

	.content-create-profile .tabs .is-active span::after {
		content: " Specifications";
	}

.content-create-profile .form {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	font-size: 0.875em;
}

	.content-create-profile .form > div {
		--highlight: 57,138,196;
		height: 25em;
		flex: 23em 1 1;
		padding: 2em 1.5em 2.5em;
		background: rgb(55,40,108,0.81);
		background: -o-radial-gradient(center 120%, circle, rgb(var(--highlight),0.8) 0%, rgb(55,40,108,0.81) 60%);
		background: radial-gradient(circle at center 120%, rgb(var(--highlight),0.8) 0%, rgb(55,40,108,0.81) 60%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#398ac4",endColorstr="#37286c",GradientType=1);
		border: 1px solid rgb(214,108,217,0.15);
		overflow-x: hidden;
		overflow-y: auto;
		scrollbar-color: rgb(255,255,255,0.4) transparent;
  		scrollbar-width: thin;
	}

	.content-create-profile .form .h6 {
		margin-bottom: 2em;
	}

	.content-create-profile .form p {
		margin-bottom: 1em;
	}

	.content-create-profile .form .continue {
		--highlight: 140,57,196;
		display: flex;
		align-items: center;
		position: relative;
	}

		.content-create-profile .form .continue a {
			display: block;
			font-size: 1.2857em;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
		}

		.content-create-profile .form .continue a::before {
			content: "";
			position: absolute;
			inset: 0;
		}

		.content-create-profile .form .continue a:hover svg {
			left: .5em;
		}

		.content-create-profile .form .continue svg {
			width: 2.5em;
			display: block;
			position: relative;
			left: 0;
			margin-top: 1.5em;
			fill: hsl(var(--color-primary));
			transition: .3s ease left;
		}

.create-profile-epitope-choose {
	display: flex;
	align-items: center;
	gap: 1em;
}

	.create-profile-epitope-choose .img {
		width: 3.5em;
		height: 3.5em;
		display: block;
		border: 1px solid #000;
		border-radius: 50%;
		overflow: hidden;
	}


/* Biomedical arena
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.triforce-user-type {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1em;
	margin: 0 auto;
}

.triforce-user-type [class*="triforce-tab-btn"] {
	position: absolute;
	top: 10%;
	filter: saturate(0);
}

.triforce-user-type [class*="triforce-tab-btn"].is-active,
.triforce-user-type [class*="triforce-tab-btn"]:hover {
	filter: saturate(1);
}

.triforce-user-type .triforce-tab-btn-left {
	right: 70%;
}

.triforce-user-type .triforce-tab-btn-right {
	left: 70%;
}

	.triforce-user-type [class*="triforce-tab-btn"] img {
		width: 18.75em;
	}

/* 600px */
@media (max-width: 37.5em) {

	.triforce-user-type {
		margin-bottom: 2.5em;
	}

	.triforce-user-type [class*="triforce-tab-btn"] {
		position: static;
	}

}

/* Triforce */
/* .content-biomedical-arena {
	height: calc(100vh - 3rem);
	min-height: 40rem;
}

	.content-biomedical-arena .content-wrap {
		max-height: 100%;
		display: flex;
		flex-direction: column;
	}

.content-biomedical-arena .triforce {
	position: relative;
	overflow: hidden;
}

	.content-biomedical-arena .triforce .sections {
		max-width: 55em;
		max-height: 100%;
		aspect-ratio: 4 / 3;
		margin: 0 auto;
	}

	.content-biomedical-arena .triforce section {
		height: 50%;
		aspect-ratio: 4 / 3;
		float: left;
		position: relative;
	}

	.content-biomedical-arena .triforce section:last-child {
		margin: 0 25%;
	}

	.content-biomedical-arena .triforce .shape {
		--highlight: 57,138,196;
		aspect-ratio: 4 / 3;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		padding-bottom: 8%;
		font-family: 'Orbitron', sans-serif;
		font-size: 1.2em;
		font-weight: 600;
		text-align: center;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		background: rgb(55,40,108,0.81);
		background: -o-radial-gradient(center 120%, circle, rgb(var(--highlight),0.8) 0%, rgb(55,40,108,0.81) 60%);
		background: radial-gradient(circle at center 120%, rgb(var(--highlight),0.8) 0%, rgb(55,40,108,0.81) 60%);
		transition: 0.2s ease transform;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#398ac4",endColorstr="#37286c",GradientType=1);
	} */

.content-biomedical-arena .triforce {
	position: relative;
}

	.content-biomedical-arena .triforce .sections {
		width: 100%;
		max-width: 55em;
		margin: 0 auto;
	}

	.content-biomedical-arena .triforce section {
		width: 50%;
		float: left;
		position: relative;
	}

	.content-biomedical-arena .triforce section:last-child {
		margin: 0 25%;
	}

	.content-biomedical-arena .triforce .shape {
		--highlight: 57,138,196;
		aspect-ratio: 1 / 0.75;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		padding-bottom: 8%;
		font-family: 'Orbitron', sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		background: rgb(55,40,108,0.81);
		background: -o-radial-gradient(center 120%, circle, rgb(var(--highlight),0.8) 0%, rgb(55,40,108,0.81) 60%);
		background: radial-gradient(circle at center 120%, rgb(var(--highlight),0.8) 0%, rgb(55,40,108,0.81) 60%);
		transition: 0.2s ease transform;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#398ac4",endColorstr="#37286c",GradientType=1);
	}

	.content-biomedical-arena .triforce .shape:hover {
		z-index: 2;
		transform: scale(1.05);
	}

	.content-biomedical-arena .triforce .shape:not(.coming-soon):hover {
		filter: brightness(1.2);
	}

	/* .content-biomedical-arena .triforce section.has-notification .shape::before {
		content: "";
		width: 3%;
		aspect-ratio: 1 / 1;
		position: absolute;
		bottom: 12%;
		right: auto;
		left: auto;
		background-color: rgb(255,94,96);
		box-shadow: 0 0 0 0 rgb(255,94,96);
		border-radius: 50%;
		animation: pulse 2s infinite;
		transform: scale(1);
	} */

	.content-biomedical-arena .triforce .icon-notification {
		width: 5%;
		max-width: 0.9em;
		display: none;
		position: absolute;
		bottom: 12%;
		left: 50%;
		z-index: 3;
		transform: translateX(-50%);
	}

	.content-biomedical-arena .triforce section.has-notification .icon-notification {
		display: block;
	}

	.content-biomedical-arena .triforce .icon-notification::before {
		content: "";
		width: 100%;
		aspect-ratio: 1 / 1;
		display: block;
		background-color: rgb(255,94,96);
		box-shadow: 0 0 0 0 rgb(255,94,96);
		border-radius: 50%;
		animation: pulse 2s infinite;
		transform: scale(1);
	}

		.content-biomedical-arena .triforce .shape > div {
			width: 75%;
		}

	.content-biomedical-arena .triforce .section-icon {
		width: 27%;
		margin: 10% auto 0;
		fill: hsl(var(--color-primary));
	}

	.content-biomedical-arena .triforce .section-border {
		width: 100%;
		height: 100%;
		position: absolute;
		inset: 0;
		z-index: 1;
		fill: none;
		pointer-events: none;
		transform: rotate(180deg);
	}

	.content-biomedical-arena .triforce .section-title {
		/* font-size: clamp(0.5em, min(2vw, 2vh), 1em); */
		font-size: clamp(0.5em, 2vw, 1em);
	}

	.content-biomedical-arena .triforce a {
		color: inherit;
		text-decoration: none;
	}

	.content-biomedical-arena .triforce a::before {
		content: "";
		position: absolute;
		inset: 0;
	}

	/* .content-biomedical-arena .triforce .info-bubble,
	.content-biomedical-arena .triforce .icon-info {
		width: 11%;
		max-width: 1.75em;
		position: absolute;
		top: 5%;
		right: 10.5%;
		z-index: 3;
	} */

	/* .content-biomedical-arena .triforce .icon-lock {
		width: 12%;
		max-width: 2em;
		aspect-ratio: 1 / 1;
		display: none;
		position: absolute;
		top: 5%;
		right: 10.5%;
		z-index: 3;
	} */

	.content-biomedical-arena .triforce .icons-group {
		display: flex;
		align-items: center;
		gap: 0.25em;
		position: absolute;
		top: 5%;
		right: 10.5%;
		z-index: 3;
	}

		.content-biomedical-arena .triforce .icons-group > * {
			width: clamp(1.4em, min(5vw, 5vh), 1.75em);
		}

	.content-biomedical-arena .triforce .icon-info svg {
		fill: hsl(var(--color-secondary));
	}

	.content-biomedical-arena .triforce .icon-lock {
		aspect-ratio: 1 / 1;
		display: none;
	}

	.content-biomedical-arena .triforce .icon-lock::after {
		--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 300 300'%3E%3Cpath fill='none' d='M.01-.004h300v300H.01z'/%3E%3Cpath d='M214.505 118.099c16.223 1.303 29 14.898 29 31.454v90.888c0 17.417-14.14 31.556-31.555 31.556H88.06c-17.415 0-31.555-14.14-31.555-31.556v-90.888c0-16.556 12.777-30.151 29-31.454V92.497c0-35.599 28.902-64.5 64.5-64.5s64.5 28.901 64.5 64.5zm-2.555 7.898H88.06c-13 0-23.555 10.555-23.555 23.556v90.888c0 13 10.555 23.555 23.556 23.555h123.89c13 0 23.554-10.554 23.554-23.555v-90.888c0-13-10.555-23.556-23.555-23.556zm-5.445-8v-25.5c0-31.183-25.317-56.5-56.5-56.5s-56.5 25.317-56.5 56.5v25.5h18.5v-23.5c0-20.973 17.028-38 38-38s38 17.027 38 38v23.5zm-86.5 0h60v-23.5c0-16.558-13.442-30-30-30s-30 13.442-30 30zm26 85.74c-10.814-1.896-19.043-11.343-19.043-22.697 0-12.717 10.325-23.043 23.043-23.043s23.044 10.326 23.044 23.043c0 11.354-8.23 20.801-19.044 22.697v24.26a4 4 0 1 1-8 0zm4-37.74c-8.303 0-15.043 6.74-15.043 15.043s6.74 15.044 15.043 15.044 15.044-6.741 15.044-15.044-6.74-15.044-15.044-15.044z'/%3E%3C/svg%3E");
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		-webkit-mask-image: var(--icon);
		mask-image: var(--icon);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: cover;
		mask-size: cover;
		background-color: hsl(var(--color-primary));
	}

	.content-biomedical-arena .triforce .shape.coming-soon {
		opacity: 0.6;
		filter: saturate(0.3);
	}

	.content-biomedical-arena .triforce .shape.coming-soon ~ .icons-group .icon-lock {
		display: block;
	}

/* 600px */
@media (max-width: 37.5em) {

	.content-biomedical-arena {
		height: auto;
		min-height: auto;
	}

}

/* Bottom buttons */
.bottom-buttons {
	width: 100%;
	max-width: 55em;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin-top: 3em;
	text-align: center;
	text-transform: uppercase;
}

	.bottom-buttons a {
		min-width: 7em;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0.5em;
		transform: skewX(-20deg);
	}

		.bottom-buttons a span {
			transform: skewX(20deg);
		}

		.bottom-buttons svg {
			width: 2.25em;
			fill: #fff;
		}

/* 600px */
@media (max-width: 37.5em) {

	.bottom-buttons {
		flex-direction: column;
	}

	.bottom-buttons a,
	.bottom-buttons a span {
		transform: none;
	}

}


/* Proposition
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.content-proposition #proposition-h1 {
	position: relative;
	z-index: 10;
}

	.content-proposition #proposition-h1 h1 {
		width: max-content;
		min-width: 20rem;
		max-width: 100%;
		padding: 0.75em 1em;
		margin: -0.75em auto 0;
		color: #fff;
	}

	.content-proposition #proposition-h1 .focus-highlight {
		border: 1px solid transparent;
		box-shadow: 0 0 0 5000px hsl(0 0% 0% / 0.5);
		transition: 0.2s ease all;
	}

	.content-proposition #proposition-h1 .focus-highlight:focus {
		border-color: hsl(var(--color-secondary));
		box-shadow: 
			0 0 0 5000px hsl(0 0% 0% / 0.5),
			0 0 1em hsl(var(--color-secondary)),
			inset 0 0 .25em hsl(var(--color-secondary)),
			0 0 1em hsl(var(--color-secondary)),
			inset 0 0 .75em hsl(var(--color-secondary));
		outline: none;
	}

	.content-proposition #proposition-h1 button {
		min-width: 7rem;
		position: absolute;
		top: 100%;
		left: 50%;
		display: none;
		opacity: 0;
		pointer-events: none;
		user-select: none;
		transform: translateX(-50%);
		transition: 0.2s ease all;
	}

	.content-proposition #proposition-h1 .focus-highlight + button {
		display: block;
	}

	.content-proposition #proposition-h1:focus-within button {
		top: calc(100% + 1rem);
		opacity: 1;
		pointer-events: all;
		user-select: all;
	}

.content-proposition .proposition-name {
	margin-top: 0;
	font-size: 1.2em;
	font-weight: bold;
}

.content-proposition .main {
	width: 100%;
	padding: 0 20%;
	margin: 3em auto 0;
}

	.content-proposition .main section {
		width: 100%;
		max-width: 37em;
		aspect-ratio: 1 / 1;
		position: relative;
		margin: 0 auto;
	}

.content-proposition .half-moon {
	height: 85%;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 50%;
	left: -26%;
	background: rgb(56,143,189);
	background: -moz-radial-gradient(circle, rgba(56,143,189,1) 0%, rgba(42,66,119,1) 70%);
	background: -webkit-radial-gradient(circle, rgba(56,143,189,1) 0%, rgba(42,66,119,1) 70%);
	background: radial-gradient(circle, rgba(56,143,189,1) 0%, rgba(42,66,119,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#388fbd",endColorstr="#2a4277",GradientType=1);
	/* clip-path: url(#half-moon); */
	transform: translateY(-50%);
}

	.content-proposition .half-moon a {
		height: 50%;
		display: flex;
		align-items: center;
		padding-left: 12.3%;
	}

	.content-proposition .half-moon a:first-child {
		border-bottom: 1px solid rgb(0,0,0,0.5);
	}

	.content-proposition .half-moon a:last-child {
		border-top: 1px solid rgb(255,255,255,0.1);
	}

	.content-proposition .half-moon svg {
		width: 7%;
		fill: rgb(145,170,246);
	}

	.content-proposition .half-moon a:hover,
	.content-proposition .half-moon a:focus {
		background-color: rgb(255,255,255,0.05);
	}

	.content-proposition .half-moon a:hover svg,
	.content-proposition .half-moon a:focus svg {
		fill: rgb(253,111,185);
	}

.content-proposition .wheel {
	width: 100%;
	aspect-ratio: 1 / 1;
	position: relative;
	margin: 0 auto;
	background: rgb(40,48,108);
	background: -moz-radial-gradient(circle, rgba(57,136,196,1) 0%, rgba(40,48,108,1) 67%);
	background: -webkit-radial-gradient(circle, rgba(57,136,196,1) 0%, rgba(40,48,108,1) 67%);
	background: radial-gradient(circle, rgba(57,136,196,1) 0%, rgba(40,48,108,1) 67%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3988c4",endColorstr="#28306c",GradientType=1);
	border-radius: 50%;
	box-shadow: inset 0 0 0 0.5em rgb(39,81,120,0.5);
	clip-path: ellipse(50% 50% at 50% 50%);
	overflow: hidden;
}

.content-proposition .wheel::after {
	content: "";
	width: 60%;
	height: 60%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	background: rgb(0,0,0,0.5);
	background: -moz-radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	border-radius: 50%;
	opacity: 0.1;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

	.content-proposition .wheel .submit {
		width: 20%;
		min-width: 5em;
		aspect-ratio: 1 / 1;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 3;
		padding: 0;
		background-color: rgb(0,194,210);
		border: 2px solid rgb(47,88,140);
		border-radius: 50%;
		box-shadow: 0 0 0.75em rgb(57,138,196);
		transform: translate(-50%, -50%);
		transition: 0.2s ease all;
		font-family: 'Orbitron', sans-serif;
		font-weight: bold;
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}

	.content-proposition .wheel .submit:hover,
	.content-proposition .wheel .submit:focus {
		box-shadow: 0 0 3em rgb(57,138,196);
		filter: brightness(1.1);
	}

	.content-proposition .wheel .slices {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
		padding: 0;
		margin: 0;
		list-style: none;
	}

		.content-proposition .wheel .slices li {
			width: 62.69%;
			height: 50%;
			position: absolute;
			top: 0;
			left: 50%;
			clip-path: polygon(0% 100%,0% 0%,100% 0%);
			transform-origin: bottom left;
		}

		.content-proposition .wheel .slices a {
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: flex-start;
			padding-top: 15.5%;
			padding-right: 45%;
		}

		.content-proposition .wheel .slices svg {
			width: 28%;
			fill: rgb(145,170,246);
			transform-origin: center;
		}

		.content-proposition .wheel .slices a:hover,
		.content-proposition .wheel .slices a:focus,
		.content-proposition .wheel .slices a.is-active {
			background-color: rgb(255,255,255,0.05);
		}

		.content-proposition .wheel .slices a:hover svg,
		.content-proposition .wheel .slices a:focus svg,
		.content-proposition .wheel .slices a.is-active svg {
			fill: rgb(253,111,185);
		}

	.content-proposition .wheel .lines {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 2;
		pointer-events: none;
	}

		.content-proposition .wheel .lines hr {
			width: 2px;
			height: 50%;
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: -1px;
			background-color: rgb(0,0,0,0.15);
			border: 0;
			transform-origin: bottom;
		}

		.content-proposition .wheel .slices li:nth-child(2),
		.content-proposition .wheel .lines hr:nth-child(2) {
			transform: rotate(51.4286deg);
		}

		.content-proposition .wheel .slices li:nth-child(3),
		.content-proposition .wheel .lines hr:nth-child(3) {
			transform: rotate(calc(51.4286deg * 2));
		}

		.content-proposition .wheel .slices li:nth-child(4),
		.content-proposition .wheel .lines hr:nth-child(4) {
			transform: rotate(calc(51.4286deg * 3));
		}

		.content-proposition .wheel .slices li:nth-child(5),
		.content-proposition .wheel .lines hr:nth-child(5) {
			transform: rotate(calc(51.4286deg * 4));
		}

		.content-proposition .wheel .slices li:nth-child(6),
		.content-proposition .wheel .lines hr:nth-child(6) {
			transform: rotate(calc(51.4286deg * 5));
		}

		.content-proposition .wheel .slices li:nth-child(7),
		.content-proposition .wheel .lines hr:nth-child(7) {
			transform: rotate(calc(51.4286deg * 6));
		}

		.content-proposition .wheel .slices li:nth-child(2) svg {
			transform: rotate(-51.4286deg);
		}

		.content-proposition .wheel .slices li:nth-child(3) svg {
			transform: rotate(calc(-51.4286deg * 2));
		}

		.content-proposition .wheel .slices li:nth-child(4) svg {
			transform: rotate(calc(-51.4286deg * 3));
		}

		.content-proposition .wheel .slices li:nth-child(5) svg {
			transform: rotate(calc(-51.4286deg * 4));
		}

		.content-proposition .wheel .slices li:nth-child(6) svg {
			transform: rotate(calc(-51.4286deg * 5));
		}

		.content-proposition .wheel .slices li:nth-child(7) svg {
			transform: rotate(calc(-51.4286deg * 6));
		}

.content-proposition .is-disabled .wheel,
.content-proposition .is-disabled .half-moon {
	filter: saturate(0.6);
}

.content-proposition .is-disabled .wheel::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 4;
	background-color: rgb(0,0,0,0.3);
}

.content-proposition .is-disabled .wheel .submit {
	font-size: 0;
}

.content-proposition .info-bubble {
	position: absolute;
	top: 17%;
	right: -7%;
	z-index: 1;
}

.content-proposition .view-comments {
	max-width: 1.75em;
	max-height: 1.75em;
	position: absolute;
	bottom: 17%;
	right: -7%;
	z-index: 1;
	padding: 0;
	margin: 0;
	background: none;
	border: 1px solid hsl(var(--color-secondary));
	border-radius: 50%;
	cursor: pointer;
}

.content-proposition .view-comments svg {
	fill: hsl(var(--color-secondary));
}

.content-proposition .content-wrap .form {
	width: 100%;
	max-width: 50em;
	margin: 0 auto;
}

	.content-proposition .content-wrap .form label {
		margin-bottom: 2em;
	}

	.content-proposition .content-wrap .form textarea {
		height: 30em;
		border: 1px solid hsl(var(--color-secondary));
		background-size: 6em;
		background-position: center;
		background-repeat: no-repeat;
	}

	.content-proposition .content-wrap .form .tab-content {
		display: none;
		margin: 4em 0 0;
	}

	.content-proposition .content-wrap .form .tab-content.is-visible {
		display: block;
	}

#proposition-form-1 textarea {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 300 300'%3E%3Cpath d='M87.707 223.93a3.99 3.99 0 0 0 1.083.149h94.56c2.207 0 4-1.793 4-4 0-2.208-1.793-4-4-4H91.455c4.985-9.389 11.249-17.679 18.387-25.366.69.566 1.573.906 2.535.906h39.824c2.208 0 4-1.792 4-4 0-2.207-1.792-4-4-4h-35.373c5.724-5.506 11.862-10.76 18.248-15.973a4.002 4.002 0 0 0 .569-5.628 4.002 4.002 0 0 0-5.628-.569C97.264 188.186 71 216.138 71 270.041c0 2.208 1.792 4 4 4s4-1.792 4-4c0-18.152 3.195-33.165 8.707-46.111ZM229 270.041c0-62.069-38.102-92.338-76.525-122.604C115.892 118.621 79 89.809 79 29.959c0-2.208-1.792-4-4-4s-4 1.792-4 4c0 62.851 38.108 93.502 76.525 123.763C184.102 182.533 221 210.954 221 270.041c0 2.208 1.792 4 4 4s4-1.792 4-4ZM84.282 256.538h109.963c2.208 0 4-1.792 4-4 0-2.207-1.792-4-4-4H84.282c-2.208 0-4 1.793-4 4 0 2.208 1.792 4 4 4ZM211.428 77.656h-94.164c-2.208 0-4 1.793-4 4 0 2.208 1.792 4 4 4h90.206c-5.069 9.276-11.317 17.556-18.307 25.202a3.979 3.979 0 0 0-2.32-.742h-39.825c-2.207 0-4 1.792-4 4 0 2.207 1.793 4 4 4h35.118c-5.181 5.073-10.652 9.893-16.269 14.585a4.001 4.001 0 0 0-.506 5.634 4.002 4.002 0 0 0 5.634.506C202.29 112.703 229 82.608 229 29.959c0-2.208-1.792-4-4-4s-4 1.792-4 4c0 18.586-3.565 34.174-9.572 47.697ZM104.444 53.197h109.963c2.208 0 4-1.792 4-4s-1.792-4-4-4H104.444c-2.208 0-4 1.792-4 4s1.792 4 4 4Z' style='fill:%2302B9CA20'/%3E%3C/svg%3E");
}

#proposition-form-2 textarea {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 300 300'%3E%3Cpath d='M373.782 533.353h-51.684c-2.207 0-4 1.793-4 4 0 2.208 1.793 4 4 4h51.684v7.91h-51.684a4.002 4.002 0 0 0-3.7 5.522l.012.028.018.042.039.086c.046.099.096.197.15.291l.024.042.012.021c.057.096.118.19.182.281l.054.074c.047.062.095.124.145.183l.025.029c.035.041.07.081.107.121l.021.022a3.99 3.99 0 0 0 2.911 1.258h44.675l-7.176 12.071h-19.314l-3.68-6.184a4.002 4.002 0 0 0-5.483-1.392 4.002 4.002 0 0 0-1.392 5.483l4.843 8.138a4 4 0 0 0 3.437 1.955h23.865a4 4 0 0 0 3.438-1.956l10.769-18.115h1.702a4 4 0 0 0 4-4v-31.42c3.108-15.187 8.636-18.208 16.137-28.502 9.595-13.165 16.608-26.018 16.219-43.686v-.001c-.776-34.594-29.62-59.986-64.215-59.488-34.57-.49-63.405 24.9-64.18 59.488v.001c-.389 17.668 6.623 30.521 16.219 43.686 7.515 10.313 13.049 13.326 16.152 28.582a3.997 3.997 0 0 0 3.994 3.661l51.674-.126v7.895Zm17.52-3.897 30.994 23.246a4 4 0 0 0 5.229-.371l24.898-24.898a4 4 0 0 0 .372-5.228l-21.693-28.923a91.245 91.245 0 0 0 6.897-16.692l35.807-5.116a4 4 0 0 0 3.435-3.959v-35.213a4 4 0 0 0-3.435-3.959l-35.807-5.117a91.246 91.246 0 0 0-6.898-16.693l21.694-28.921a4 4 0 0 0-.372-5.229l-24.898-24.898a4 4 0 0 0-5.229-.371l-28.922 21.692a91.483 91.483 0 0 0-16.692-6.895l-5.122-35.812a4 4 0 0 0-3.96-3.433h-35.21a4 4 0 0 0-3.96 3.435l-5.113 35.81a91.28 91.28 0 0 0-16.692 6.895l-28.921-21.692a4 4 0 0 0-5.229.371l-24.898 24.898a4 4 0 0 0-.372 5.229l21.694 28.922a91.188 91.188 0 0 0-6.898 16.693l-35.807 5.116a4 4 0 0 0-3.435 3.959v35.213a4 4 0 0 0 3.435 3.959l35.807 5.116a91.217 91.217 0 0 0 6.898 16.693c-.001-.001-21.694 28.922-21.694 28.922a4 4 0 0 0 .372 5.228l24.898 24.898a4 4 0 0 0 5.229.371l30.994-23.247a4.002 4.002 0 0 0 .8-5.6 4.003 4.003 0 0 0-5.6-.8l-28.219 21.166-19.992-19.992 21.166-28.219a4 4 0 0 0 .269-4.392 83.27 83.27 0 0 1-8.13-19.669 4 4 0 0 0-3.295-2.912l-34.938-4.992v-28.273l34.938-4.993a4 4 0 0 0 3.295-2.912 83.306 83.306 0 0 1 8.13-19.669 4 4 0 0 0-.269-4.392l-21.166-28.219 19.992-19.992 28.219 21.166a4 4 0 0 0 4.392.269c6.11-3.509 12.715-6.24 19.67-8.129a4 4 0 0 0 2.911-3.295l4.988-34.94h28.273l4.997 34.941a4 4 0 0 0 2.911 3.294 83.588 83.588 0 0 1 19.673 8.129 4.001 4.001 0 0 0 4.389-.27l28.219-21.165 19.992 19.992-21.166 28.219a4 4 0 0 0-.269 4.392 83.306 83.306 0 0 1 8.13 19.669 4 4 0 0 0 3.295 2.912l34.938 4.993v28.273l-34.938 4.992a4 4 0 0 0-3.295 2.912 83.27 83.27 0 0 1-8.13 19.669 4 4 0 0 0 .269 4.392l21.166 28.219-19.992 19.992-28.219-21.165a4.003 4.003 0 0 0-5.6.8 4.002 4.002 0 0 0 .8 5.6Zm-16.738-12c3.485-14.405 9.092-18.126 16.89-28.826v-.001c8.542-11.719 15.032-23.068 14.686-38.796-.677-30.155-25.981-52.12-56.14-51.668a2.4 2.4 0 0 1-.12 0c-30.158-.452-55.463 21.513-56.139 51.668-.346 15.728 6.144 27.077 14.686 38.796v.001c7.818 10.728 13.435 14.441 16.919 28.946l49.218-.12Zm-3.356-97.649c9.25 5.449 15.93 14.358 17.886 24.803a4.001 4.001 0 0 0 7.864-1.472c-2.38-12.708-10.436-23.595-21.69-30.224a4 4 0 0 0-4.06 6.893Z' style='fill:%2302B9CA20' transform='translate(-200 -300)'/%3E%3C/svg%3E");
}

#proposition-form-3 textarea {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 300 300'%3E%3Cpath d='M307.922 524.447v49.015c0 2.207 1.793 4 4 4 2.208 0 4-1.793 4-4v-49.015c0-2.208-1.792-4-4-4-2.207 0-4 1.792-4 4Zm44.731 0v48.791c0 2.208 1.792 4 4 4 2.207 0 4-1.792 4-4v-48.791c0-2.208-1.793-4-4-4-2.208 0-4 1.792-4 4Zm-52.77 26.947v-38.533c0-10.331 8.45-18.782 18.78-18.782h31.06c10.33 0 18.78 8.451 18.78 18.782v38.533c0 2.208 1.793 4 4 4 2.208 0 4-1.792 4-4v-38.533c0-14.731-12.049-26.782-26.78-26.782h-31.06c-14.73 0-26.78 12.051-26.78 26.782v38.533c0 2.208 1.793 4 4 4 2.208 0 4-1.792 4-4Zm92.371-30.959c22.866-4.738 41.83-12.797 54.176-22.743 8.821-7.106 14.343-15.236 15.946-23.808a4.003 4.003 0 0 0-3.197-4.667 4.002 4.002 0 0 0-4.667 3.197c-1.293 6.916-5.984 13.315-13.1 19.048-11.558 9.311-29.375 16.704-50.781 21.139a4.002 4.002 0 0 0-3.105 4.728 4.002 4.002 0 0 0 4.728 3.106Zm-160.297-69.892c-3.894 5.69-5.957 11.764-5.957 18.047 0 8.176 3.488 16.015 9.997 23.104 9.017 9.821 24.026 18.283 42.987 24.201a4.003 4.003 0 0 0 5.011-2.626 4.002 4.002 0 0 0-2.627-5.01c-17.367-5.421-31.22-12.981-39.478-21.976-5.009-5.455-7.89-11.401-7.89-17.693 0-4.72 1.634-9.255 4.559-13.529a4.002 4.002 0 0 0-1.042-5.56 4.001 4.001 0 0 0-5.56 1.042Zm123.991 9.431c0-12.008-9.748-21.758-21.755-21.758-12.006 0-21.754 9.75-21.754 21.758 0 12.009 9.748 21.759 21.754 21.759 12.007 0 21.755-9.75 21.755-21.759Zm-8 0c0 7.594-6.163 13.759-13.755 13.759-7.591 0-13.754-6.165-13.754-13.759 0-7.593 6.163-13.758 13.754-13.758 7.592 0 13.755 6.165 13.755 13.758Zm111.374-4.414v-43.727c0-2.208-1.792-4-4-4-2.207 0-4 1.792-4 4v43.727c0 2.208 1.793 4 4 4 2.208 0 4-1.792 4-4Zm-205.364-16.621v-34.174c0-2.207-1.793-4-4-4-2.208 0-4 1.793-4 4v34.174c0 2.208 1.792 4 4 4 2.207 0 4-1.792 4-4Zm143.411-17.847v-20.838c0-10.335 8.451-18.783 18.791-18.783h31.06c10.33 0 18.78 8.449 18.78 18.783v38.532c0 2.208 1.792 4 4 4s4-1.792 4-4v-38.532c0-14.736-12.05-26.783-26.78-26.783h-31.06c-14.743 0-26.791 12.048-26.791 26.783v20.838c0 2.208 1.792 4 4 4 2.207 0 4-1.792 4-4Zm-158.277 10.625v-38.532c0-10.333 8.45-18.783 18.78-18.783h31.071c10.33 0 18.78 8.45 18.78 18.783v25.045c0 2.207 1.792 4 4 4s4-1.793 4-4v-25.045c0-14.734-12.05-26.783-26.78-26.783h-31.071c-14.73 0-26.78 12.049-26.78 26.783v38.532c0 2.208 1.792 4 4 4 2.207 0 4-1.792 4-4Zm173.142-6.761v-13.123c0-2.208-1.792-4-4-4-2.207 0-4 1.792-4 4v13.123c0 2.208 1.793 4 4 4 2.208 0 4-1.792 4-4Zm-111.189-4.205v-15.986c0-2.207-1.792-4-4-4-2.207 0-4 1.793-4 4v15.986c0 2.208 1.793 4 4 4 2.208 0 4-1.792 4-4Zm77.822-6.32c-10.882-1.548-22.439-2.381-34.435-2.381-5.871 0-11.652.202-17.298.59a4.002 4.002 0 0 0-3.717 4.265 4.003 4.003 0 0 0 4.265 3.716 244.381 244.381 0 0 1 16.75-.571c11.604 0 22.782.804 33.308 2.302a4.002 4.002 0 0 0 4.524-3.397 4.002 4.002 0 0 0-3.397-4.524Zm74.578-67.066c0-12.008-9.751-21.758-21.761-21.758s-21.76 9.75-21.76 21.758c0 12.009 9.75 21.758 21.76 21.758 12.01 0 21.761-9.749 21.761-21.758Zm-158.277-7.068c0-12.009-9.751-21.759-21.761-21.759s-21.76 9.75-21.76 21.759c0 12.008 9.75 21.758 21.76 21.758 12.01 0 21.761-9.75 21.761-21.758Zm150.277 7.068c0 7.594-6.166 13.758-13.761 13.758-7.594 0-13.76-6.164-13.76-13.758 0-7.593 6.166-13.758 13.76-13.758 7.595 0 13.761 6.165 13.761 13.758Zm-158.277-7.068c0 7.593-6.166 13.758-13.761 13.758-7.594 0-13.76-6.165-13.76-13.758 0-7.594 6.166-13.759 13.76-13.759 7.595 0 13.761 6.165 13.761 13.759Z' style='fill:%2302B9CA20' transform='translate(-200 -300)'/%3E%3C/svg%3E");
}

#proposition-form-4 textarea {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 300 300'%3E%3Cpath d='M362.529 428.227c-.007.389.042.785.154 1.178 4.605 16.118 14.837 25.419 24.048 34.629 8.045 8.046 15.278 15.993 15.278 30.072 0 23.469-19.419 31.379-19.419 31.379a4 4 0 0 0-2.228 5.2l8.487 21.218v4.003h-9.16c-2.207 0-4 1.792-4 4 0 2.207 1.793 4 4 4h12.004c1.647 1.216 5.929 5.183 5.929 13.546v.387H282.796v-.387c0-8.363 4.283-12.33 5.929-13.546h64.644c2.208 0 4-1.793 4-4 0-2.208-1.792-4-4-4H291.57v-4.003l8.487-21.218c.189-.473.286-.977.286-1.486V401.986c0-11.891 2.494-21.211 7.22-28.549 7.138-11.084 19.262-17.555 34.741-21.875a4.002 4.002 0 0 0 2.778-4.928 4.002 4.002 0 0 0-4.928-2.778c-17.618 4.917-31.192 12.634-39.317 25.249-5.45 8.462-8.494 19.168-8.494 32.881v126.443l-8.487 21.218a3.995 3.995 0 0 0-.286 1.485v6.615c-3.208 2.449-8.774 8.336-8.774 19.705v4.387a4 4 0 0 0 4 4h122.826a4 4 0 0 0 4-4v-4.387c0-11.369-5.565-17.256-8.773-19.705v-6.615c0-.509-.097-1.013-.286-1.485l-7.422-18.554c6.79-3.964 20.868-14.852 20.868-36.987 0-16.628-8.12-26.227-17.621-35.728-8.262-8.262-17.673-16.434-21.899-30.78 6.317-.949 11.267-2.74 13.708-3.748l19.564 7.334c9.921 3.722 21.078-.173 26.536-9.262l5.462-9.105a4 4 0 0 0-.334-4.59c-32.183-39.335-58.656-58.534-67.835-64.571l11.143-18.571a4.001 4.001 0 0 0-3.43-6.058h-26.32c-25.942 0-50.526 8.447-66.094 27.012-10.412 12.417-16.866 29.388-16.866 51.561v65.799c0 2.208 1.792 4 4 4s4-1.792 4-4V397.6c0-19.939 5.633-35.254 14.996-46.42 14.095-16.809 36.476-24.153 59.964-24.153h19.255l-9.525 15.875a4 4 0 0 0 1.445 5.531s29.271 16.807 67.288 62.689l-4.008 6.682a13.956 13.956 0 0 1-16.868 5.89l-21.09-7.907a4.003 4.003 0 0 0-3.193.168s-23.984 12.053-43.965-3.932a4.004 4.004 0 0 0-5.623.624 4.003 4.003 0 0 0 .625 5.623c9.695 7.755 20.175 10.013 29.205 9.957Z' style='fill:%2302B9CA20' transform='translate(-200 -300)'/%3E%3C/svg%3E");
}

#proposition-form-5 textarea {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 300 300'%3E%3Cpath d='M100.596 32.524c-.19.065-.374.143-.552.235C54.515 52.207 22.578 97.403 22.578 150c0 45.93 24.354 86.217 60.842 108.641.206.155.425.288.652.398 19.241 11.666 41.806 18.383 65.928 18.383 70.326 0 127.422-57.096 127.422-127.422S220.326 22.578 150 22.578c-17.511 0-34.202 3.54-49.404 9.946Zm47.074 212.982a16.825 16.825 0 0 1-12.837 5.934 16.77 16.77 0 0 1-8.049-2.045c-6.013 5.19-12.039 9.467-17.945 12.732 12.836 4.719 26.7 7.295 41.161 7.295 16.689 0 32.582-3.431 47.011-9.623-15.064-1.147-31.983-5.99-49.341-14.293Zm-89.567-77.418c-.244.086-.491.166-.74.24 2.215 26.036 9.052 49.341 19.048 67.094v.002c3.597 6.393 7.601 12.054 11.938 16.852a119.191 119.191 0 0 0 10.717 5.754c7.081-3.036 14.415-7.819 21.761-14.065a16.77 16.77 0 0 1-2.856-9.388c0-2.028.359-3.974 1.017-5.777a243.665 243.665 0 0 1-22.552-17.607l-.001-.002c-15.411-13.568-28.311-28.297-38.332-43.103Zm137.803-29.895c-.614.175-1.242.316-1.881.421-3.199 10.462-7.186 21.173-11.973 31.93l-.001.003c-9.422 21.127-20.788 39.842-32.886 55.148a16.771 16.771 0 0 1 2.53 8.882c0 1.3-.148 2.566-.427 3.782 21.723 10.375 42.655 15.134 59.696 13.35 5.405-11.403 7.188-26.486 5.696-43.584-9.031-.314-16.266-7.744-16.266-16.852 0-6.902 4.156-12.842 10.1-15.449-3.507-12.235-8.375-24.907-14.588-37.631Zm71.576-9.725c-3.593 13.854-11.572 28.563-23.309 42.772-3.552 4.311-7.489 8.56-11.716 12.731a16.789 16.789 0 0 1 1.661 7.302c0 6.697-3.913 12.488-9.575 15.208 1.357 14.564.447 27.81-2.723 38.912 28.905-21.806 47.602-56.433 47.602-95.393 0-7.349-.665-14.544-1.94-21.532ZM129.384 241.565a8.824 8.824 0 0 0 5.449 1.875c4.891 0 8.862-3.971 8.862-8.863 0-4.891-3.971-8.862-8.862-8.862s-8.862 3.971-8.862 8.862a8.839 8.839 0 0 0 2.793 6.456c.221.153.429.331.62.532Zm-94.141-124.7A119.322 119.322 0 0 0 30.578 150c0 34.208 14.414 65.075 37.499 86.861-9.78-18.347-16.51-41.915-18.709-68.131-7.791-1.486-13.688-8.341-13.688-16.564 0-5.37 2.515-10.156 6.431-13.245-3.163-7.572-5.467-14.973-6.868-22.056ZM164.53 88.982a16.787 16.787 0 0 1-8.948 1.931c-7.497 15.781-14.102 34.052-19.143 53.899a334.137 334.137 0 0 0-2.003 8.36c7.633 1.611 13.369 8.391 13.369 16.5 0 9.306-7.556 16.862-16.862 16.862-9.307 0-16.862-7.556-16.862-16.862 0-.097 0-.194.002-.291-17.324-2.61-33.133-5.815-46.617-9.364a16.918 16.918 0 0 1-2.654 3.711c9.654 14.241 22.081 28.403 36.908 41.458a235.556 235.556 0 0 0 21.719 16.965 16.802 16.802 0 0 1 11.394-4.436c3.133 0 6.068.857 8.584 2.349 11.523-14.703 22.333-32.608 31.327-52.774 4.394-9.876 8.096-19.712 11.113-29.342-6.654-2.259-11.446-8.56-11.446-15.972 0-4.823 2.03-9.177 5.282-12.252-4.83-7.373-9.902-14.321-15.163-20.742Zm52.726 93.429c4.891 0 8.862 3.971 8.862 8.862s-3.971 8.862-8.862 8.862-8.862-3.971-8.862-8.862 3.971-8.862 8.862-8.862Zm-86.313-21.602c4.891 0 8.862 3.971 8.862 8.863 0 4.891-3.971 8.862-8.862 8.862s-8.862-3.971-8.862-8.862c0-4.892 3.971-8.863 8.862-8.863Zm119.202-75.856c-3.621-3.373-7.975-6.107-12.932-8.234-10.387-4.447-23.372-6.145-37.78-5.344-7.527.425-15.416 1.492-23.574 3.325l-.016.003c-.794.175-1.592.368-2.392.569a16.76 16.76 0 0 1-2.942 8.385c5.608 6.824 11.011 14.228 16.147 22.098a16.837 16.837 0 0 1 4.617-.641c9.307 0 16.862 7.556 16.862 16.862 0 4.818-2.025 9.167-5.269 12.24 6.679 13.61 11.866 27.169 15.555 40.235a16.773 16.773 0 0 1 8.929 3.318c3.834-3.81 7.41-7.687 10.651-11.619l.003-.003c16.866-20.419 25.721-41.77 23.255-59.597a118.992 118.992 0 0 0-11.114-21.597Zm-106.32.097a217.98 217.98 0 0 0-24.606 12.215c-22.004 12.705-40.252 28.201-53.537 44.338a16.79 16.79 0 0 1 3.722 10.563v.089c13.482 3.554 29.342 6.753 46.733 9.345a16.923 16.923 0 0 1 10.03-8.104 341.26 341.26 0 0 1 2.517-10.649v-.003c5.071-19.961 11.688-38.369 19.192-54.349a16.941 16.941 0 0 1-4.051-3.445Zm-91.283 58.254c4.891 0 8.862 3.971 8.862 8.862s-3.971 8.862-8.862 8.862-8.862-3.971-8.862-8.862 3.971-8.862 8.862-8.862Zm49.536-102.707C75.451 52.288 53.892 73.421 41.65 99.748c-.286 10.862 2.433 23.08 7.743 35.85a16.929 16.929 0 0 1 3.149-.294c2.415 0 4.712.509 6.791 1.426 13.847-16.876 32.884-33.113 55.886-46.394a226.145 226.145 0 0 1 24.982-12.44 16.92 16.92 0 0 1-.433-3.813c0-3.11.844-6.024 2.315-8.527-13.385-11.884-27.082-20.508-40.005-24.959Zm94.309 88.616a8.855 8.855 0 0 0 3.748-7.237c0-4.891-3.971-8.862-8.862-8.862s-8.862 3.971-8.862 8.862c0 4.753 3.75 8.638 8.45 8.853a3.76 3.76 0 0 1 .424.009 8.82 8.82 0 0 0 3.861-.89 3.997 3.997 0 0 1 1.241-.735Zm-31.098-57.022c-.868-3.983-4.417-6.97-8.659-6.97-4.891 0-8.862 3.971-8.862 8.862 0 4.892 3.971 8.863 8.862 8.863s8.862-3.971 8.862-8.863c0-.236-.009-.47-.027-.701a4.048 4.048 0 0 1-.176-1.191Zm67.668-8.064C211.472 43.363 182.217 30.578 150 30.578c-12.886 0-25.297 2.045-36.936 5.831 11.346 5.213 23.095 13.155 34.593 23.398a16.78 16.78 0 0 1 8.973-2.586c6.919 0 12.871 4.177 15.469 10.144a89.734 89.734 0 0 1 2.012-.472c8.607-1.933 16.931-3.057 24.873-3.505h.003c12.793-.712 24.551.455 34.608 3.517-.203-.942-.416-1.868-.638-2.778Z' style='fill:%2302B9CA20'/%3E%3C/svg%3E");
}

#proposition-form-6 textarea {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 300 300'%3E%3Cpath d='M387.655 345.494a4.024 4.024 0 0 0 0 1.668v70.655h-22.732c-3.906-4.461-16.582-18.661-28.485-28.951a112.231 112.231 0 0 0-6.172-4.987c12.227-2.149 21.531-12.833 21.531-25.673 0-14.387-11.68-26.067-26.065-26.067-14.386 0-26.065 11.68-26.065 26.067 0 7.33 3.032 13.957 7.909 18.695a24.74 24.74 0 0 0-15.127 9.479c-.352.463-.64.98-.956 1.466l-.018.029c-1.28 2.011-2.363 4.185-3.024 6.596l-16.948 53.026c-2.308 6.501-2.897 12.271-2.169 17.155l1.924 39.289-21.414 55.777-31.28 12.03a4.001 4.001 0 0 0 2.872 7.467l28.507-10.964a4 4 0 0 0 5.927-1.911l.805-2.094 22.353-58.225c.2-.519.288-1.073.261-1.629l-1.239-25.321c2.208 1.523 4.777 2.671 7.661 3.404 3.511.895 7.42 1.793 11.418 2.654v20.34c0 2.087-.576 4.131-1.647 5.923a3.826 3.826 0 0 0-.164.302l-18.982 38.989a4 4 0 0 0 5.032 5.485l51.031-19.633a4 4 0 0 0 2.563-3.803l-.793-45.456a4 4 0 0 0-3.342-3.875s-26.24-4.371-43.143-8.678l-.002-.001c-4.471-1.137-7.831-3.747-9.467-7.683a15.047 15.047 0 0 1-.907-3.125l-.189-3.854a4.1 4.1 0 0 0-.071-.581c.137-2.825.8-5.957 2.014-9.36l.043-.127 16.998-53.188c.019-.058.036-.116.052-.174.44-1.628 1.194-3.082 2.055-4.439.21-.329.375-.668.6-.959l.043-.057a16.714 16.714 0 0 1 17.531-6.199l-.065-.018-.05-.013.05.013c.084.022.183.042.284.059 3.966 1.293 9.16 5.197 14.603 9.902 13.89 12.006 28.854 29.499 28.854 29.499a4 4 0 0 0 3.039 1.399h30.991c3.499 0 6.334 2.846 6.334 6.345a6.338 6.338 0 0 1-6.334 6.345h-39.832l-35.034-30.07a4.003 4.003 0 0 0-5.641.43 4.003 4.003 0 0 0 .43 5.641l8.694 7.462-9.002 26.995a4 4 0 0 0 2.011 4.845l31.18 15.535a9.225 9.225 0 0 1 5.086 8.922l-3.338 45.916a4 4 0 0 0 5.425 4.024l39.232-15.094c.359-.138.687-.323.98-.544l83.233 66.046a4 4 0 0 0 4.972-6.266l-84.507-67.058-2.042-58.902c7.043-.906 12.487-6.924 12.487-14.227 0-7.385-5.591-13.479-12.769-14.26v-25.334c10.621-11.91 21.287-6.102 31.928-.96 9.62 4.649 19.333 8.886 28.967 5.791 4.303-1.383 8.653-4.185 12.959-9.168a4.002 4.002 0 0 0 .973-2.555c.22-14.686.451-29.382.672-44.068a4 4 0 0 0-7.025-2.677c-11.022 12.744-22.068 6.736-33.066 1.408-9.779-4.738-19.638-9.062-29.402-5.925-1.996.641-4.001 1.584-6.006 2.903v-13.022c0-2.207-1.792-4-4-4s-4 1.793-4 4v21.199ZM337.7 577.981l16.106-20.133 19.647 3.929a4 4 0 0 0 4.44-2.298l17.627-39.661a4.003 4.003 0 0 0-2.031-5.28 4.003 4.003 0 0 0-5.28 2.031l-16.327 36.736-18.894-3.779a4 4 0 0 0-3.908 1.423l-17.627 22.034a4.002 4.002 0 0 0 .624 5.622 4.003 4.003 0 0 0 5.623-.624Zm-32.571-91.189v18.677c0 3.474-.935 6.881-2.689 9.873l-14.466 29.713 38.94-14.981-.686-39.344a867.997 867.997 0 0 1-21.099-3.938Zm24.135-59.195-6.87 20.602 28.066 13.984a17.224 17.224 0 0 1 9.501 16.66l-2.881 39.634 32.913-12.663-2.057-59.307h-35.16a4 4 0 0 1-2.605-.964l-20.907-17.946Zm66.391-45.738c2.162-1.501 4.324-2.551 6.475-3.244 9.61-3.096 19.311 1.14 28.934 5.79 10.457 5.054 20.96 10.745 31.441-.352.168-11.156.342-22.319.512-33.477-2.005 1.312-4.008 2.25-6.002 2.889-9.792 3.135-19.663-1.19-29.44-5.927-10.639-5.154-21.301-10.95-31.92.232v34.089Zm-51.858-23.653c0 9.971-8.095 18.067-18.065 18.067s-18.065-8.096-18.065-18.067c0-9.972 8.095-18.067 18.065-18.067s18.065 8.095 18.065 18.067Z' style='fill:%2302B9CA20' transform='translate(-200 -300)'/%3E%3C/svg%3E");
}

#proposition-form-7 textarea {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 300 300'%3E%3Cpath d='M346 384.461c-27.006.539-50.147 6.497-69.294 14.555l-13.276-22.127a4.003 4.003 0 0 0-5.488-1.372 4.002 4.002 0 0 0-1.372 5.488l12.778 21.297-.093.044a188.912 188.912 0 0 0-30.906 18.438 180.767 180.767 0 0 0-17.024 14.152 156.099 156.099 0 0 0-5.444 5.382 125.454 125.454 0 0 0-4.159 4.53 81.097 81.097 0 0 0-2.082 2.485 6.067 6.067 0 0 0-.418.575 4.013 4.013 0 0 0-.59 2.092c0 .735.205 1.465.59 2.092.125.203.271.389.418.575a81.097 81.097 0 0 0 2.082 2.485 125.454 125.454 0 0 0 4.159 4.53 156.099 156.099 0 0 0 5.444 5.382 180.767 180.767 0 0 0 17.024 14.152 188.912 188.912 0 0 0 30.906 18.438l.093.044-12.778 21.297a4.002 4.002 0 0 0 1.372 5.488 4.003 4.003 0 0 0 5.488-1.372l13.276-22.127c19.148 8.057 42.287 14.015 69.294 14.555V540c0 2.208 1.792 4 4 4s4-1.792 4-4v-24.461c27.006-.539 50.147-6.497 69.294-14.555l13.276 22.127a4.003 4.003 0 0 0 5.488 1.372 4.002 4.002 0 0 0 1.372-5.488l-12.778-21.297.093-.044a188.912 188.912 0 0 0 30.906-18.438 180.767 180.767 0 0 0 17.024-14.152 156.099 156.099 0 0 0 5.444-5.382 125.454 125.454 0 0 0 4.159-4.53 81.097 81.097 0 0 0 2.082-2.485c.147-.186.293-.372.418-.575.385-.627.59-1.357.59-2.092 0-.735-.205-1.465-.59-2.092a6.067 6.067 0 0 0-.418-.575 81.097 81.097 0 0 0-2.082-2.485 125.454 125.454 0 0 0-4.159-4.53 156.099 156.099 0 0 0-5.444-5.382 180.767 180.767 0 0 0-17.024-14.152 188.912 188.912 0 0 0-30.906-18.438l-.093-.044 12.778-21.297a4.002 4.002 0 0 0-1.372-5.488 4.003 4.003 0 0 0-5.488 1.372l-13.276 22.127c-19.148-8.057-42.287-14.015-69.294-14.555V360c0-2.208-1.792-4-4-4s-4 1.792-4 4v24.461Zm4 7.96c31.779 0 57.579 25.8 57.579 57.579s-25.8 57.579-57.579 57.579-57.579-25.8-57.579-57.579 25.8-57.579 57.579-57.579Zm-37.537 3.813c-54.378 11.312-86.52 44.483-94.622 53.766 8.102 9.283 40.244 42.454 94.622 53.766-16.95-11.861-28.042-31.528-28.042-53.766s11.092-41.905 28.042-53.766Zm75.074 0c16.95 11.861 28.042 31.528 28.042 53.766s-11.092 41.905-28.042 53.766c54.378-11.312 86.52-44.483 94.622-53.766-8.102-9.283-40.244-42.454-94.622-53.766Zm-71.587 38.871A36.948 36.948 0 0 0 312.842 450c0 20.516 16.642 37.158 37.158 37.158 20.516 0 37.158-16.642 37.158-37.158 0-3.821-.584-7.51-1.659-10.987a4 4 0 0 0-7.469-.459c-1.968 4.376-6.339 7.446-11.451 7.446-6.945 0-12.579-5.634-12.579-12.579 0-5.112 3.07-9.483 7.446-11.451a4 4 0 0 0-.459-7.469A37.137 37.137 0 0 0 350 412.842a36.969 36.969 0 0 0-17.694 4.476 4.001 4.001 0 0 0-1.607 5.423 4.001 4.001 0 0 0 5.424 1.607A28.992 28.992 0 0 1 350 420.842l.315.002A20.392 20.392 0 0 0 346 433.421c0 11.363 9.216 20.579 20.579 20.579 4.746 0 9.105-1.612 12.577-4.314l.002.314c0 16.099-13.059 29.158-29.158 29.158-16.099 0-29.158-13.059-29.158-29.158 0-4.153.862-8.098 2.434-11.679a4.003 4.003 0 0 0-2.055-5.271 4.003 4.003 0 0 0-5.271 2.055Z' style='fill:%2302B9CA20' transform='translate(-200 -300)'/%3E%3C/svg%3E");
}


/* Hivemind
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.content-hivemind .main {
	display: grid;
	grid-template-columns: minmax(15em, 20em) 1fr minmax(0, 20em);
	align-items: center;
	gap: 3em;
}

	.content-hivemind .main h1 {
		margin: 0;
	}

.content-hivemind .middle-area {
	grid-row: 1;
	grid-column: 2;
}

.content-hivemind .sidebar {
	grid-row: 1;
	grid-column: 1;
	font-size: 0.75em;
}

	.content-hivemind .sidebar a {
		color: #fff;
		text-decoration: none;
	}

	.content-hivemind .sidebar .btn-viewall {
		display: block;
	}

	.content-hivemind .sidebar .btn-viewall::before {
		content: "";
		position: absolute;
		inset: 0;
	}

	.content-hivemind .sidebar [class*="has-arrow"] {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.content-hivemind .sidebar [class*="has-arrow"]::after {
		content: "";
		display: inline-block;
		flex: 0 0 auto;
		border: solid currentColor;
		border-width: 0 0.2em 0.2em 0;
		padding: 0.3em;
		transition: 0.3s ease;
	}

	.content-hivemind .sidebar .has-arrow-right::after {
		rotate: -45deg;
	}

	.content-hivemind .sidebar .has-arrow-up::after {
		rotate: -135deg;
		translate: 0 40%;
	}

	.content-hivemind .sidebar .has-arrow-up.is-flipped::after {
		rotate: 45deg;
		translate: 0 -40%;
	}

	.content-hivemind .sidebar section {
		position: relative;
		padding: 1.5em;
		background-color: rgb(6,14,25,0.8);
		border-radius: 1em;
	}

	.content-hivemind .sidebar section + section {
		margin-top: 1em;
	}

	.content-hivemind .sidebar .title {
		width: 100%;
		padding: 0.5em 0;
		background: transparent;
		border: 0;
		color: #fff;
		opacity: 0.6;
	}

	.content-hivemind .sidebar button.title {
		cursor: pointer;
	}

	.content-hivemind .sidebar .filter-group {
		padding: 1em 0 0.5em;
		margin-top: 1em;
		border-top: 1px solid rgb(78,78,78);
	}

	.content-hivemind .sidebar .filter-fields {
		margin-top: 1em;
	}

	.content-hivemind .sidebar .styled-select {
		background-color: transparent;
		border: 1px solid hsl(var(--color-secondary) / 0.5);
	}

	.content-hivemind .sidebar .styled-select input::placeholder {
		opacity: 1;
	}

	.content-hivemind .sidebar .filter-field + .filter-field .styled-select {
		border-top: 0;
	}

	.content-hivemind .sidebar .filter-field:first-child .styled-select {
		border-radius: 0.4em 0.4em 0 0;
	}

	.content-hivemind .sidebar .filter-field:last-child .styled-select {
		border-radius: 0 0 0.4em 0.4em;
	}

	.content-hivemind .sidebar fieldset {
		display: flex;
		flex-direction: column;
		gap: 1em;
		padding: 0;
		border: 0;
	}

		.content-hivemind .sidebar fieldset label {
			display: flex;
			align-items: center;
			gap: 0.75em;
			position: relative;
		}

		.content-hivemind .sidebar fieldset input[type="radio"] {
			width: 1.2em;
			height: 1.2em;
			position: absolute;
			opacity: 0;
		}

		.content-hivemind .sidebar fieldset .icon-radio {
			width: 1.2em;
			height: 1.2em;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid hsl(var(--color-secondary));
			border-radius: 50%;
		}

		.content-hivemind .sidebar fieldset input[type="radio"]:focus + .icon-radio {
			border-color: #fff;
		}

		.content-hivemind .sidebar fieldset input:checked + .icon-radio::before {
			content: "";
			width: 50%;
			aspect-ratio: 1 / 1;
			display: block;
			background-color: hsl(var(--color-secondary));
			border-radius: 50%;
		}

	.content-hivemind .sidebar .search {
		width: 100%;
		padding: 0.7em;
		background-color: transparent;
		border: 1px solid hsl(var(--color-secondary) / 0.5);
		border-radius: 0.4em;
		color: #fff;
	}

/* Spore */
.content-hivemind .spore {
	width: 100%;
	max-width: 40em;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

.content-hivemind .spore::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: -moz-radial-gradient(circle, rgba(19,51,83,1) 25%, rgba(19,51,83,0) 80%);
	background: -webkit-radial-gradient(circle, rgba(19,51,83,1) 25%, rgba(19,51,83,0) 80%);
	background: radial-gradient(circle, rgba(19,51,83,1) 25%, rgba(19,51,83,0) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#133353",endColorstr="#133353",GradientType=1);
	pointer-events: none;
}

.content-hivemind #spore-object {
	aspect-ratio: 1 / 1;
}

.content-hivemind .activate-spore {
	position: relative;
	z-index: 1;
	margin-bottom: 5em;
	font-size: 0.875em;
	text-align: center;
	white-space: nowrap;
}

.content-hivemind .latest-spores {
	width: 100%;
	margin-top: 6em;
	font-size: 0.875em;
	text-align: center;
}

.content-hivemind .latest-spores .slider {
	position: relative;
	padding: 0 5em;
}

.content-hivemind .latest-spores .glide {
	position: static;
}

	.content-hivemind .latest-spores .glide__slides .img {
		width: 15em;
		max-width: 100%;
		position: relative;
		padding: 1em;
		margin: 0 auto;
	}

	.content-hivemind .latest-spores .glide__slides .img::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		background: -moz-radial-gradient(circle, rgba(19,51,83,1) 0%, rgba(19,51,83,0) 80%);
		background: -webkit-radial-gradient(circle, rgba(19,51,83,1) 0%, rgba(19,51,83,0) 80%);
		background: radial-gradient(circle, rgba(19,51,83,1) 0%, rgba(19,51,83,0) 80%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#133353",endColorstr="#133353",GradientType=1);
		pointer-events: none;
	}

	.content-hivemind .latest-spores .glide__slides .name a {
		display: inline-block;
		border-bottom: 2px solid hsl(var(--color-secondary));
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}

	.content-hivemind .latest-spores .glide__slides .name a:hover  {
		color: hsl(var(--color-secondary));
	}

	.content-hivemind .latest-spores .glide__arrow {
		height: 2.5em;
		aspect-ratio: 1 / 1;
		position: absolute;
		top: 50%;
		padding: 0;
		border: 0;
		border-radius: 50%;
		cursor: pointer;
		opacity: 0.5;
		transform: translateY(-50%);
		transition: 0.3s ease opacity;
	}

	.content-hivemind .latest-spores .glide__arrow:hover {
		opacity: 1;
	}

	.content-hivemind .latest-spores .glide__arrow--right {
		right: 0;
		background: url(../images/icon_arrow_right.svg) right 45% center / auto 50% no-repeat #fff;
	}

	.content-hivemind .latest-spores .glide__arrow--left {
		left: 0;
		background: url(../images/icon_arrow_left.svg) left 45% center / auto 50% no-repeat #fff;
	}

@media (max-width: 48em) {

	.content-hivemind .main {
		grid-template-columns: 1fr;
	}

	.content-hivemind .middle-area {
		grid-row: 1;
		grid-column: 1;
	}

	.content-hivemind .sidebar {
		grid-row: 2;
	}

	.content-hivemind .spore {
		max-width: 30em;
	}

}


/* Ground rules
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#content.content-ground-rules {
	justify-content: space-between;
	gap: 4rem;
	padding-bottom: 0;
}

	.content-ground-rules > .content-wrap {
		display: flex;
		align-items: center;
		flex-grow: 1;
		position: relative;
	}

		.content-ground-rules > .content-wrap > div {
			width: 100%;
		}

	/* .content-ground-rules .content {
		font-size: 0.8125em;
	} */

	.content-ground-rules footer {
		width: 100%;
		padding: 1em 0;
		background-color: rgb(255,255,255,0.1);
		font-size: 0.875em;
		opacity: 0;
		pointer-events: none;
		user-select: none;
	}

	.content-ground-rules footer.is-visible {
		opacity: 1;
		pointer-events: all;
		user-select: all;
		transition: 0.3s ease all;
	}

		.content-ground-rules footer .content-wrap {
			display: flex;
			justify-content: center;
			align-items: stretch;
			gap: 1rem;
		}

		.content-ground-rules footer a {
			display: flex;
			justify-content: center;
			align-items: center;
			flex: 1 1 0;
			text-align: center;
		}

@media (max-width: 37.5em) {

	.content-ground-rules footer .content-wrap {
		flex-direction: column;
	}

}

/* Carousel */
.glide-ground-rules {
	width: 100%;
}

	.glide-ground-rules .glide__track {
		width: 100%;
	}

	.glide-ground-rules .glide__slides {
		height: 100%;
		align-items: center;
	}

	.glide-ground-rules .glide__slide {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

		.glide-ground-rules .glide__slide section {
			max-width: 60rem;
			font-size: 1rem;
			text-align: center;
		}

			.glide-ground-rules .glide__slide section > :first-child {
				margin-top: 0;
			}

	.glide-ground-rules .glide__bullets {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		position: absolute;
		bottom: -2rem;
		left: 50%;
		transform: translateX(-50%);
	}

	.glide-ground-rules .glide__bullet {
		width: 0.75rem;
		height: 0.75rem;
		position: relative;
		background-color: rgb(255, 255, 255);
		border: 0;
		border-radius: 1rem;
		overflow: hidden;
		opacity: 0.3;
		cursor: pointer;
		transition: 0.2s ease all;
	}
	
	.glide-ground-rules .glide__bullet:hover {
		opacity: 0.8;
	}

	.glide-ground-rules .glide__bullet--active {
		opacity: 1;
	}

	/* .glide-ground-rules .glide__bullet::before {
		content: "";
		width: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		background-color: #fff;
	}

	.glide-ground-rules .glide__bullet--active::before {
		width: 100%;
		transition: 20s linear width;
	} */

	.glide-ground-rules .skip {
		position: absolute;
		bottom: -5rem;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
		text-decoration: none;
		opacity: 0.3;
	}

	.glide-ground-rules .skip:hover,
	.glide-ground-rules .skip:focus,
	.glide-ground-rules .skip.is-active {
		opacity: 1;
	}


/* View propositions
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.propositions-list {
	display: flex;
	flex-direction: column;
	padding: 0;
	border-top: 4px solid rgb(255,255,255,0.2);
	border-bottom: 3px solid rgb(255,255,255,0.2);
	list-style: none;
}

	.propositions-list li {
		display: flex;
		align-items: center;
		gap: 2em;
		padding: 2em 0;
		border-bottom: 1px solid rgb(255,255,255,0.2);
	}

	.propositions-list .details {
		flex: 1 1 0;
	}

	.propositions-list .title {
		margin-bottom: 0.5em;
		font-weight: bold;
	}

	.propositions-list .description,
	.propositions-list .user,
	.propositions-list .date {
		font-size: 0.875em;
	}

	.propositions-list .user,
	.propositions-list .date {
		width: 10em;
		white-space: nowrap;
	}

	.propositions-list .user {
		max-width: 100%;
		display: flex;
		align-items: center;
		gap: 0.7em;
	}
	
		.propositions-list .user .avatar {
			width: 2.25em;
			height: 2.25em;
			display: block;
			flex: 0 0 auto;
			background-color: #fff;
			border: 1px solid #000;
			border-radius: 50%;
		}

		.propositions-list .user span {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

@media (max-width: 64em) {

	.propositions-list li {
		flex-wrap: wrap;
	}

	.propositions-list .details {
		flex: 2 0 100%;
	}

	.propositions-list .user,
	.propositions-list .date {
		width: auto;
	}

}


/* Proposition single
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.content-proposition-single .proposition-info {
	display: flex;
	flex-direction: column;
	gap: 3em;
}

	.content-proposition-single .proposition-info .block {
		display: flex;
		gap: 2em;
	}

	.content-proposition-single .proposition-info .icon {
		width: 4em;
		flex: 0 0 auto;
	}

		.content-proposition-single .proposition-info .icon svg {
			width: 100%;
			fill: hsl(var(--color-secondary));
		}

@media (max-width: 37.5em) {

	.content-proposition-single .proposition-info .block {
		flex-direction: column;
	}

}


/* Comments
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#comments,
#comments .list {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

#comments {
	gap: 2em;
	margin-top: 4em;
}

	#comments > h2 {
		margin: 0;
	}

	#comments .leave-comment,
	#comments .comment {
		display: flex;
		align-items: flex-start;
		gap: 1em;
		padding: 1.5em;
		background-color: hsl(var(--color-secondary) / 0.3);
		border-radius: 0.75em;
	}

		#comments .leave-comment form {
			display: flex;
			flex: 1 1 auto;
			flex-direction: column;
			gap: 1em;
			overflow: hidden;
		}

		#comments .leave-comment .auto-grow {
			flex: 1 1 auto;
			position: relative;
			margin-top: 0.5em;
		}

		#comments .leave-comment .auto-grow::after {
			content: attr(data-replicated-value) " ";
			min-height: 5ch;
			max-height: 20em;
			display: block;
			padding-bottom: 1em;
			visibility: hidden;
			white-space: pre-wrap;
			pointer-events: none;
			user-select: none;
		}

		#comments .leave-comment textarea {
			width: 100%;
			height: auto;
			min-height: 5ch;
			position: absolute;
			inset: 0;
			padding-bottom: 1em;
			background: transparent;
			border: 0;
			border-bottom: 1px solid rgb(255,255,255,0.3);
			color: #fff;
			overflow: auto;
			resize: none;
		}

		#comments .leave-comment textarea:focus {
			outline: none;
		}

		#comments .leave-comment form [type="submit"] {
			align-self: flex-start;
		}

	#comments .comment {
		flex-direction: column;
		gap: 1.5em;
	}

	#comments .user {
		max-width: 100%;
		display: flex;
		align-items: center;
		gap: 1em;
	}
	
		#comments .user .avatar {
			width: 2.5em;
			height: 2.5em;
			display: block;
			flex: 0 0 auto;
			background-color: #fff;
			border: 1px solid #000;
			border-radius: 50%;
		}

		#comments .user span {
			display: block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			font-weight: bold;
		}

		#comments .user time {
			font-size: 0.8em;
			font-style: italic;
		}


/* Media queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* 1800px */
@media (max-width: 112.5em) {}


/* 1200px */
@media (max-width: 75em) {}


/* 900px */
@media (max-width: 56.25em) {}


/* 600px */
@media (max-width: 37.5em) {}