.body-no-scroll {
overflow: hidden; height: 100%; width: 100%;
}
#cookieHead {
display: none;
} .chevron {
display: inline-block;
vertical-align: middle;
}
.chevron {
width: 18px;
height: 15px;
}
.chevron__group {
transform: translateY(0);
transition: transform 0.1s linear;
}
.chevron__box--left,
.chevron__box--right {
transform: rotate(0) translateY(0);
transition: transform 0.1s linear;
}
.chevron__box--left {
transform-origin: 1px 1px;
}
.chevron__box--right {
transform-origin: 7px 1px;
}
.chevron--flip .chevron__box--left {
transform: rotate(-90deg) translateY(0);
}
.chevron--flip .chevron__box--right {
transform: rotate(90deg) translateY(0);
}
.chevron--flip .chevron__group {
transform: translateY(3px);
} @media (max-width: 767px) {
#more-options {
max-height: calc(100%);
padding-bottom: 80px;
height: 100%;
}
}
.privacyHeading {
font-size: 22px!important;
font-weight: 700!important;
font-family: 'neue-haas-grotesk-text', 'sans-serif'!important;
color: #333333!important;
}
.coverMeLogo {
height: 60px;
width: auto;
margin-bottom: 1rem;
}
.cookie-popup {
position: fixed;
align-items: end;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); z-index: 9999;
display: none; }
@supports (height: 100dvh) {
.cookie-popup {
height: 100dvh;
}
}
.popup-content {
background-color: #fff;
border-radius: .25rem;
width: 100%; z-index: 1001; font-family: 'neue-haas-grotesk-text', 'sans-serif'!important;
padding: 32px;
overflow-y: auto;
display: flex;
align-items: center;
gap: 20px;
}
.cookieIntro {
font-size: 14px;
font-family: 'neue-haas-grotesk-text', 'sans-serif'!important;
color: black!important;
max-width: 65%;
}
.buttons {
display: flex;
justify-content: center;
gap: 15px;
flex: 1;
}
.acceptRejectButtons {
display: none;
justify-content: end;
margin-bottom: 1rem;
}
.acceptAllBtn, .rejectAllBtn {
text-decoration: underline!important;
border: none!important;
color: black!important;
}
.acceptAllBtn:hover, .rejectAllBtn:hover {
background-color: white!important;
}
.acceptAllBtn:focus, .rejectAllBtn:focus {
background-color: white!important;
}
.moreOptionsBtn {
background-color: transparent!important;
color: black!important;
border: 1px solid black!important;
}
.moreOptionsBtn:hover {
background-color: #004766!important;
color: white!important;
}
.agreeBtn {
background-color: #00B1E7!important;
color: white!important;
border: none!important;
}
.agreeBtn:hover {
background-color: #004766!important;
}
.buttons .moreOptionsBtn, .buttons .agreeBtn {
min-width: 40%;
border-radius: 30px;
padding: 12px 24px!important;
font-weight: 600;
}
.list-group {
overflow-y: auto;
max-height: 250px;
}
.list-group-item {
border: none!important;
border-bottom: 1px solid black!important;
padding-left: 0!important;
}
.list-group-item:last-child {
border-radius: 0!important;
}
.listExpand {
list-style-type: none; padding-left: 0; text-align: left;
display: flex;
justify-content: space-between;
margin-top: 1rem;
margin-bottom: 1rem;
}
.infoExpand {
padding-left: 6px;
padding-right: 6px;
width: 85%;
}
.infoExpand p {
font-size: 14px;
font-family: 'neue-haas-grotesk-text', 'sans-serif'!important;
}
.innerSpan {
text-align: left;
margin-right: 8px;
}
#storingPartners, #storing, #personalised , #personalisedPartners , #essential , #essentialPartners , #performance , #performancePartners , #functional , #functionalPartners, #analytics , #analyticsPartners , #thirdParty , #thirdPartyPartners , #specialFeatures , #specialFeaturesPartners {
display: none;
}
.on, .off {
display: none;
}
.switchToggle {
margin-right: 14px;
}
.toggleContentBtn {
background-color: transparent!important;
color: #00B1E7!important;
border: none!important;
text-decoration: underline!important;
padding: 0!important;
margin: 12px 0!important;
}
.toggleSwitch {
width: 60px;
height: 30px;
border-radius: 50px;
padding-top: 0!important;
padding-bottom: 0!important;
padding-left: 1px!important;
padding-right: 1px!important;
border: 0!important;
background-color: #98CAE2FF!important;
position: relative;
cursor: pointer;
}
.toggleSlider {
width: 28px;
height: 28px;
background-color: white;
border-radius: 50%;
position: absolute;
top: 1px;
transition: left 0.3s ease-in-out;
}
.toggleSwitch:hover {
background-color: #004766!important;
}
.toggleSwitch:focus {
}
.toggleSwitch[aria-checked="true"] .toggleSlider {
left: 31px;
}
.toggleSwitch[aria-checked="true"]  {
background-color: #004766!important;
}
.toggleOuterButton {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
border: none!important;
background-color: transparent;
color: black!important;
padding-left: 6px!important;
}
.toggleOuterButton:hover {
background-color: white!important;
}
.toggleOuterButton:active {
background-color: white!important;
}
.toggleOuterButton:focus {
background-color: white!important;
}
.innerButtonDiv {
display: flex;
width: 100%;
justify-content: space-between;
margin-right: 8px;
}
.saveOptionsDiv {
display: flex;
justify-content: end;
margin-top: 1rem;
box-shadow: 0px -3px 5px -3px rgba(0, 0, 0, 0.1);
}
.btn.saveOptionsBtn {
display: none;
color: white;
background-color: #00B1E7;
min-width: 20%;
border-radius: 30px;
padding: 12px 24px;
letter-spacing: 1px;
font-weight: 600;
border: none!important;
}
.btn.saveOptionsBtn:hover {
background-color: #004766;
border: 1px solid black;
color: white;
}
.popupContent-high { flex-direction: column;
display: block!important;
}
@media (min-width: 576px) and (max-width: 1119px) {
.cookieIntro {
max-height: 150px; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #888 #e0e0e0; }
.list-group {
max-height: 250px;
-webkit-overflow-scrolling: touch;
}
.popupContent-high {
height: auto!important;
}
.popup-content {
overflow-y: auto;
max-height: 95%;
padding: 20px!important;
padding-bottom: calc(1em + constant(safe-area-inset-bottom))!important;
padding-bottom: calc(1em + env(safe-area-inset-bottom))!important;
}
}
@media (min-width: 576px) and (max-width: 1119px) and (orientation: landscape) {
.cookieIntro {
max-height: 75px; }
.list-group {
max-height: 250px;
}
.btn.saveOptionsBtn {
margin-bottom: 1rem;
}
}
@media (max-width: 576px) {
.popup-content {
height: auto;
width: 100%;
padding: 20px!important;
box-sizing: border-box;
overflow-y: auto;
flex-direction: column;
gap: 8px!important;
padding-bottom: calc(1em + constant(safe-area-inset-bottom))!important;
padding-bottom: calc(1em + env(safe-area-inset-bottom))!important;
}
.buttons {
flex-direction: column;
width: 100%;
}
.cookieIntro {
max-height: 100px; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #888 #e0e0e0; margin-bottom: 1rem!important;
max-width: 100%;
width: 100%;
}
.innerSpan {
white-space: normal;
}
.list-group {
max-height: 300px;
-webkit-overflow-scrolling: touch;
}
.saveOptionsDiv {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
padding-left: 5%;
padding-right: 5%;
}
.offOnBtn {
display: flex;
align-items: center;
} .btn.saveOptionsBtn {
width: 100%; 
margin-bottom: 1rem;
}
}