.backgroundBandeau {
display: none;
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 500;
}
.bandeauConsent {
background-color: var(--light) !important;
z-index: 500;
position: fixed;
min-height: 25vh;
bottom: 1vh;
display: flex;
align-items: center;
}
.popupConsent {
background-color: var(--light) !important;
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70vw;
height: 60vh;
grid-template-rows: auto auto 5%;
}
.dark-theme .bandeauConsent, .dark-theme .popupConsent {
background-color: inherit !important;
}
.popupContent {
position: relative;
overflow-y: scroll;
overflow-x: hidden;
}
.popupContent {
scrollbar-color: var(--secondary) transparent;
scrollbar-width: thin;
}
.popupContent::-webkit-scrollbar {
max-height: 60px;
width: 8px;
}
.popupContent::-webkit-scrollbar-thumb {
background: var(--secondary);
border-radius: 8px;
max-height: 60px;
width: 8px;
}
.popupContent::webkit-scrollbar-track {
width: 8px;
}
.popupContent::webkit-scrollbar-thumb {
background: var(--secondary);
border-radius: 8px;
height: 60px;
}
.popupConsent .switch {
position: relative;
width: 60px;
height: 34px;
}
.popupConsent .switch input {
display: none;
}
.popupConsent input:checked + .slider {
background-color: var(--secondary);
}
.popupConsent input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.popupConsent .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
-webkit-transition: .4s all ease-in-out;
transition: .4s all ease-in-out;
border: solid 1px var(--gray-light);
}
.popupConsent .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: var(--gray-light);
-webkit-transition: .4s;
transition: .4s;
}
.popupConsent .slider.round {
border-radius: 34px;
}
.popupConsent .slider.round:before {
border-radius: 50%;
}
/* Responsive */
@media screen and (max-width:992px) {
.popupConsent {
width: 90vw;
height: 80vh;
}
}