.w-convertisseur-cuisson__form-group {
    position: relative;
}

.w-convertisseur-cuisson__form{
	display:flex;
	flex-direction:column;
	gap:var(--wp--preset--spacing--10);
}

.w-convertisseur-cuisson__label {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.2s ease-out;
    background: var(--wp--preset--color--blanc);
    padding: 0 0.5rem;
    pointer-events: none;
    color: var(--wp--preset--color--gris-1);
	border-radius:10px;
	transform-origin:left;
}

.w-convertisseur-cuisson__select,
.w-convertisseur-cuisson__input {
    width: 100%;
    padding: 1rem;
    border: 1px solid var(--wp--preset--color--gris-1);
	background-color:var(--wp--preset--color--blanc);
    border-radius: 15px;
    font-size: 1rem;
	box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em
}

.w-convertisseur-cuisson__input{
	padding-left:1.2rem !important;
}

.w-convertisseur-cuisson__input:focus,
.w-convertisseur-cuisson__input:not(:placeholder-shown),
.w-convertisseur-cuisson__select:focus,
.w-convertisseur-cuisson__select:not(:focus):valid{
	padding:1.5rem 1rem 0.5rem;
}

/* Style pour le label flottant quand le champ est focus ou rempli */
.w-convertisseur-cuisson__input:focus + .w-convertisseur-cuisson__label,
.w-convertisseur-cuisson__input:not(:placeholder-shown) + .w-convertisseur-cuisson__label,
.w-convertisseur-cuisson__select:focus + .w-convertisseur-cuisson__label,
.w-convertisseur-cuisson__select:not(:focus):valid + .w-convertisseur-cuisson__label {
    top: 0;
    transform: scale(0.6);
    color: #000;
}

.w-convertisseur-cuisson__header{
	display: flex;
	flex-direction: row;
	flex: 1;
	gap:var(--wp--preset--spacing--30);
	align-items: center;
}

.w-convertisseur-cuisson__header > *{
	flex: 1;
}

.w-convertisseur-cuisson__results {
	border: 1px solid var(--wp--preset--color--gris-1);
	border-radius:15px;
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: var(--wp--preset--color--jaune-3);
	font-size: var(--wp--preset--font-size--s);
}

.w-convertisseur-cuisson__results__item{
	flex: 1;
	padding:var(--wp--preset--spacing--10);
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap:var(--wp--preset--spacing--10);
}

@media (min-width:701px){
	.w-convertisseur-cuisson__results__item:not(:last-child){
		border-right: 1px solid var(--wp--preset--color--gris-1);
	}
}

@media (max-width:900px){
	.w-convertisseur-cuisson__results__item:not(:last-child){
		border-right: 0;
	}
}
.w-convertisseur-cuisson__results__label{
	font-family: var(--wp--preset--font-family--anybody);
	font-size: 1.2rem;
	font-weight: 700;
	font-stretch: 80%;
}

.w-convertisseur-cuisson__wrap{
	padding:0 158px;
	position:relative;
}

.w-convertisseur-cuisson__wrap::before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:113px;
	height:218px;
	background-image:url('fleche-spirale-r.svg');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.w-convertisseur-cuisson__wrap::after{
	content:'';
	position:absolute;
	right:54px;
	width:41px;
	height:81px;
	bottom:22px;
	background-image:url('fleche-s-l.svg');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

@media (max-width:900px){
	.w-convertisseur-cuisson__wrap{
		padding:0;
	}
	.w-convertisseur-cuisson__header{
		flex-direction:column;
		align-items:stretch;
		gap:var(--wp--preset--spacing--10);
		margin-bottom:var(--wp--preset--spacing--20);
	}
	.w-convertisseur-cuisson__title{
		margin-bottom:0;
	}
	.w-convertisseur-cuisson__wrap::before,
	.w-convertisseur-cuisson__wrap::after{
		display:none;
	}
}

@media (max-width:600px){
	.w-convertisseur-cuisson__results{
		flex-direction:column;
	}
	.w-convertisseur-cuisson__results__item{
		flex:1;
	}
}