.cookie-consent-container{
background-color: transparent;
border:0px;
padding: 0px;
display: block !important;
z-index:99999;
}
.cookie-consent-container::backdrop{
display:none;
}
.cookie-consent-banner {
transition: transform 0.12s ease;
}
.cookie-consent-banner.backdrop-clicked {
transform: translate(-50%, 0) scale(1.08);
}
.cookie-consent-banner-close{
border:0px;
border-radius:10px;
line-height:45px;
height:45px;
width:45px;
font-size:32px;
text-align:center;
position:absolute;
top:10px;
right:10px;
cursor:pointer;
color: inherit;
background: transparent !important;
} .cookie-consent-banner-close.hidden{
display:none;
}
.cookie-consent-banner {
position: fixed;
left:50%;
bottom:10%;
transform: translate(-50%, 0);
opacity:1;
visibility:visible;
display: flex;
padding: 25px;
flex-direction: column;
box-sizing: border-box;
width: calc(100% - 40px);
max-width: 800px;
max-height: calc(100% - 40px);
height: auto;
overflow: auto;
background-color: #fff;
box-shadow: 0 40px 80px rgba(0, 0, 0, .4);
box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
border-radius: 15px;
font-family: inherit; z-index: 9999999;
-webkit-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s, visibility 0.4s ease 0s;
-moz-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s, visibility 0.4s ease 0s;
-o-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s, visibility 0.4s ease 0s;
-ms-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s, visibility 0.4s ease 0s;
transition: transform 0.4s ease 0s, opacity 0.4s ease 0s, visibility 0.4s ease 0s;
}
.layout-dark .cookie-consent-banner{
background-color: var(--g44-sidebar-dark);
}
.cookie-consent-container.hidden .cookie-consent-banner{
transform: translate(-50%, 200px);
opacity:0;
visibility:hidden;
}
.cookie-consent-container .modal-overlay{
z-index: 9999998;
}
.cookie-consent-container .modal-overlay:not(.cookie-consent-container.hidden .modal-overlay){
opacity: 1;
visibility: visible;
}
.cookie-consent-banner h3 {
text-align: left;
width: 100%;
font-size: 1.5em;
margin-bottom: 1em;
}
.cookie-consent-banner p { text-wrap: unset;
margin: 0 0 0.5em 0;
}
.cookie-consent-time{
font-size:0.75em;
background-color:#eee;
padding:5px;
border-radius:5px;
}
.layout-dark .cookie-consent-time{
background-color:rgba(0, 0, 0, 0.25);
}
.cookie-consent-banner label {
display: flex !important;
flex-direction: column;
align-items: center !important;
gap: 10px !important;
flex-grow: 1;
padding: 20px 10px;
font-size: 0.9em;
font-weight: 500; border-right: 1px solid #ccc;
}
.cookie-consent-banner label:last-child {
border-right: 0px solid #ccc;
}
.cookie-consent-banner label input {
margin-right: 7px;
}
.toggle input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
position: relative;
display: inline-block;
box-sizing: content-box;
font-size: 12px;
width: 4.5em;
height: 2em;
padding: 0.2em;
border: none;
cursor: pointer;
border-radius: 1.5em;
overflow: hidden;
background-color: #707070;
transition: background ease 0.3s, box-shadow ease 0.3s;
}
.toggle input[type=checkbox]:hover {
background-color: #559360;
box-shadow: inset 0 0 15px rgb(0 0 0 / 55%);
}
.toggle input[type=checkbox]:after {
font-family: bootstrap-icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "\F26E \F62A";
display: block;
position: absolute;
z-index: 1;
width: 2.3em;
height: 1em;
font-size:2em;
letter-spacing: 0.25em;
white-space: nowrap;
color: #fff;
}
.toggle input[type=checkbox]:before {
content: "";
display: block;
position: absolute;
z-index: 2;
width: 2em;
height: 2em;
background: #fff;
border-radius: 1.5em;
transition: transform cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}
.toggle input[type=checkbox]:checked {
background-color: #4CD964 !important;
}
.toggle input[type=checkbox]:checked:hover {
box-shadow: inset 0 0 15px rgb(0 0 0 / 15%);
}
.toggle input[type=checkbox]:checked:before {
transform: translateX(2.5em);
}
.toggle input[type=checkbox]:disabled {
background-color: #7da083;
box-shadow:none;
}
.cookie-consent-banner .cookie-consent-options {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: stretch;
align-items: center;
margin-top: 1em;
width: 100%;
border: 1px solid #ccc;
border-radius: 15px;
}
.cookie-consent-banner .cookie-consent-buttons {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: stretch;
align-items: center;
margin-top: 25px;
gap: 10px;
}
body .cookie-consent-banner .cookie-consent-buttons button {
padding: 15px 10px !important;
flex-grow: 1;
font-size: 1.05em !important; }
@media (max-width: 781px) {
.cookie-consent-banner{
padding: 20px;
bottom: 0px;
width: 100%;
transform: translate(-50%, 0);
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.cookie-consent-banner h3 {
font-size: 1.1em;
margin-bottom: 0.8em;
}
.cookie-consent-banner p {
font-size: 0.9em;
}
.toggle input[type=checkbox] {
font-size: 9px;
}
.cookie-consent-banner .cookie-consent-buttons button{
padding:10px;
}
}
@media (max-width: 680px) {
.cookie-consent-banner .cookie-consent-options{
padding:5px;
box-sizing:border-box;
margin-top: 0.5em;
}
.cookie-consent-banner label {
gap: 5px;
padding: 5px 5px;
font-size: 0.75em;
border-right: 0px;
flex-basis: 20%;
}
.cookie-consent-banner .cookie-consent-buttons button{
flex-basis:40%;
font-size:1em;
}
.cookie-consent-banner .cookie-consent-buttons {
flex-direction: row;
margin-top: 0.8em;
}
.mobile-scroll{
max-height: 160px;
overflow-x:scroll;
}
}
@media (max-height: 500px) {
.cookie-consent-banner {
padding: 15px;
width: calc(100% - 20px);
max-height: calc(100% - 20px);
}
.cookie-consent-banner .cookie-consent-options{
padding:5px;
box-sizing:border-box;
}
.cookie-consent-banner label {
gap: 5px;
padding: 5px 5px;
font-size: 0.75em;
border-right: 0px;
}
.cookie-consent-banner .cookie-consent-buttons {
margin-top: 15px;
}
}
@media (max-width: 480px) {
.cookie-consent-banner .cookie-consent-buttons button{
flex-basis:100%;
}
#cookie-consent-btn-accept-all{
padding:12px;
}
#cookie-consent-btn-reject-all{
flex-basis:15%;
}
#cookie-consent-btn-accept-some{
flex-basis:40%;
}
}
@media (max-width: 360px) {
.cookie-consent-banner label {
font-size: 0.6em;
}
.toggle input[type=checkbox] {
font-size: 8px;
}
}