.toggle-home {
	margin-top: var(--toggle-mt-mobile, 0);
	margin-bottom: var(--toggle-mb-mobile, 0);
	display: flex;
	width: 100%;
}

@media (min-width: 851px) {
	.toggle-home {
		margin-top: var(--toggle-mt-desktop, 0);
		margin-bottom: var(--toggle-mb-desktop, 0);
	}
}
.toggle-home-inner{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2rem;
}
.toggle-home-text h2{
    margin: 0;
}
.toggle-home-text p{
    margin: 0.5rem 0 0 0;
}
.toggle-home-wrapper{
    display: flex;
    width: 100%;
    gap: 2rem;
    padding: 0 var(--gutters) 0 0;
}
.toggle-home-frame{
    display: flex;
    flex-direction: column;
    width: 50%;
    position: relative;
    height: 560px;
    border-radius: 0 20px 20px 0;
    overflow: hidden;
}
.toggle-home-informations{
    display: flex;
    flex-direction: column;
    width: 50%;
    gap: 1rem;
}
.toggle-home-media-item{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.toggle-home-media-item img, .toggle-home-media-item video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.toggle-home-information{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-bottom: 1px solid var(--wp--preset--color--bleu-fonce);
    padding: 0 0 1rem 0;
}
.toggle-home-information-title{
    display: flex;
    justify-content: space-between;
    transition: color ease-in .3s;
    align-items: center;
}
.toggle-home-information-title p{
    margin: 0;
}
.toggle-home-information-title:hover{
    cursor: pointer;
}
.toggle-home-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 0.5rem;
    background-image: url(../../../assets/svg/iconoir_plus.svg);
    background-size: cover;
    transition: transform ease-in .3s;
}
.toggle-home-information-content{
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows ease .3s;
}
.toggle-home-information-block{
    overflow: hidden;
    transition: max-height ease .3s;
    max-height: 0;
}
.toggle-home-information.active .toggle-home-information-block{
    max-height: 1000px;
}
.toggle-home-information.active .toggle-home-information-content{
    grid-template-rows: 1fr;
}
.toggle-home-information.active .toggle-home-information-title span{
    color: var(--wp--preset--color--bleu-inpool)!important;
}
.toggle-home-information.active .toggle-home-icon{
    background-image: url(../../../assets/svg/iconoir_moins.svg);
}
.toggle-home-anim-btn{
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.toggle-home-anim-btn-icon, .toggle-home-anim-btn-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 42px;
    height: 11px;
    background-image: url(../../../assets/svg/inpool-arrow-right.svg);
    background-size: cover;
}
.toggle-home-anim-btn-text{
    width: 142px;
    height: 142px;
    background-image: url(../../../assets/svg/rotate_text.svg);
    animation: rotate 7s linear infinite;
}
.toggle-home-media-item:not(.active){
    opacity: 0;
    pointer-events: none;
    transition: opacity ease .3s;
}
.toggle-home-media-item.active{
    opacity: 1;
    pointer-events: auto;
    transition: opacity ease .3s;
}
@keyframes rotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@media (max-width: 576px) {
    .toggle-home-text{
        padding: 0 var(--gutters);
    }
    .toggle-home-text br{
        display: none;
    }
    .toggle-home-frame{
        display: none;
    }
    .toggle-home-informations{
        width: 100%;
        padding: 0 var(--gutters);
    }
}
@media (min-width: 2000px) {
    .toggle-home-wrapper{
        padding: 0 var(--gutters) 0 var(--gutters);
    }
    .toggle-home-frame{
        border-radius: 20px;
    }
}