div#cookie-notice {
position: fixed;
display: flex;
left: unset;
min-width: 1px;
font-family: sans-serif;
background-color: transparent !important;
background-repeat: no-repeat;
background-position: center center;
z-index: 9999;
}
div#cookie-notice.cookie-notice-visible:not(.disabled) {
bottom: 18px;
right: -25px;
display: flex;
align-items: center;
max-width: 270px;
min-width: 1px;
width: 100%;
height: 250px;
background-size: contain;
}
@media (max-width: 768px) {
div#cookie-notice.cookie-notice-visible {
max-width: 210px;
}
}
div#cookie-notice.disabled.cookie-notice-visible,
div#cookie-notice.cookie-notice-hidden.cookie-revoke-visible,
div#cookie-notice:not(.cookie-notice-visible):not(.cookie-notice-hidden):not(.cookie-revoke-visible) {
right: 8px;
bottom: 4px;
min-width: 1px;
width: 41px;
height: 51px;
background-size: 70%;
cursor: pointer;
}
div#cookie-notice.disabled.cookie-notice-visible {
z-index: 999999;
}
div#cookie-notice.cookie-notice-visible:not(.cookie-notice-hidden):not(.disabled)::before {
position: absolute;
bottom: 0;
left: -40px;
display: block;
content: "";
width: 146px;
height: 165px;
opacity: .4;
}
div#cookie-notice.cn-animated,
div#cookie-notice.cn-animated.cn-effect-none {
-webkit-animation-duration: unset !important;
animation-duration: unset !important;
-webkit-animation-fill-mode: unset !important;
animation-fill-mode: unset !important;
}
div#cookie-notice.cn-effect-fade,
div#cookie-notice.cookie-notice-visible.cn-effect-fade,
div#cookie-notice.cookie-revoke-visible.cn-effect-fade,
div#cookie-notice.cookie-notice-visible.cn-effect-none,
div#cookie-notice.cookie-revoke-visible.cn-effect-none {
-webkit-animation-name: unset;
animation-name: unset;
animation-play-state: paused;
}
div#cookie-notice div.cookie-notice-container,
div#cookie-notice:not(.cookie-notice-hidden) div.cookie-revoke-container {
max-width: 202px;
width: 100%;
padding: 24px 8px 0 34px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
div#cookie-notice:not(.cookie-notice-visible):not(.cookie-notice-hidden):not(.cookie-revoke-visible) div.cookie-notice-container,
div#cookie-notice:not(.cookie-notice-visible):not(.cookie-notice-hidden):not(.cookie-revoke-visible) div.cookie-revoke-container,
div#cookie-notice.cookie-notice-visible.cookie-revoke-visible:not(.cookie-revoke-hidden) div.cookie-notice-container {
display: none;
}
div#cookie-notice.cookie-notice-hidden div.cookie-revoke-container,
div#cookie-notice.cookie-notice-visible.webtim-revoked div.cookie-revoke-container {
display: none;
}
div#cookie-notice.disabled div.cookie-notice-container,
div#cookie-notice.disabled div.cookie-revoke-container {
display: none !important;
}
div#cookie-notice div.cookie-notice-container::before,
div#cookie-notice div.cookie-revoke-container::before {
position: absolute;
top: 10px;
left: 60px;
display: block;
content: "";
width: 41px;
height: 51px;
}
div#cookie-notice div.cookie-notice-container .cn-text-container,
div#cookie-notice div.cookie-notice-container .cn-buttons-container {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
div#cookie-notice div.cookie-notice-container .cn-text-container,
div#cookie-notice div.cookie-revoke-container .cn-text-container {
margin-bottom: 12px;
font-size: 1.2rem;
line-height: 14px;
}
div#cookie-notice .cn-text-container {
color: var(--cookie-color-text);
}
div#cookie-notice div.cookie-notice-container .cn-buttons-container .cn-button {
display: block;
margin-left: 0;
margin-right: auto;
box-shadow: none;
text-shadow: none;
text-transform: uppercase;
}
div#cookie-notice div.cookie-notice-container #cn-accept-cookie.cn-button,
div#cookie-notice div.cookie-notice-container #cn-refuse-cookie.cn-button,
div#cookie-notice div.cookie-revoke-container .cn-revoke-cookie.cn-button {
box-shadow: none;
font-weight: bold;
text-shadow: none;
color: #fff;
background: var(--cookie-color-btns);
border: 1px solid var(--cookie-color-btns);
border-radius: 0;
transition: color .4s ease, background .4s ease;
}
div#cookie-notice div.cookie-notice-container #cn-accept-cookie.cn-button,
div#cookie-notice div.cookie-notice-container #cn-refuse-cookie.cn-button {
width: 68px;
padding: 4px;
font-family: inherit;
font-size: 1.4rem;
line-height: 24px;
}
div#cookie-notice div.cookie-notice-container #cn-refuse-cookie.cn-button {
margin-left: 4px;
margin-bottom: 1px;
}
div#cookie-notice div.cookie-revoke-container .cn-revoke-cookie.cn-button {
margin: 8px 0 0;
}
div#cookie-notice div.cookie-notice-container #cn-accept-cookie.cn-button:hover,
div#cookie-notice div.cookie-notice-container #cn-refuse-cookie.cn-button:hover,
div#cookie-notice div.cookie-revoke-container .cn-revoke-cookie.cn-button:hover {
color: var(--cookie-color-stroke);
background: #fff;
}
div#cookie-notice div.cookie-notice-container #cn-more-info {
width: 100%;
padding-top: 6px;
padding-left: 0;
padding-right: 0;
font-family: inherit;
font-size: 1.4rem;
font-weight: bold;
line-height: 24px;
text-align: left;
text-decoration: underline transparent;
color: var(--cookie-color-text);
background: transparent;
border: none;
border-radius: 0;
transition: text-decoration-color .4s ease;
}
div#cookie-notice div.cookie-notice-container #cn-more-info:hover {
text-decoration-color: var(--cookie-color-text);
}
div#cookie-notice.cookie-notice-visible #webtim-cookie-close.close-btn {
position: absolute;
top: -18px;
right: 42px;
display: block;
padding: 2px 6px;
font-family: inherit;
font-size: 2rem;
font-weight: bold;
line-height: 2rem;
color: var(--cookie-color-text);
border: 1px solid var(--cookie-color-text);
border-radius: 100%;
cursor: pointer;
}
div#cookie-notice #webtim-cookie-close.close-btn.disabled,
div#cookie-notice.cookie-notice-hidden #webtim-cookie-close.close-btn,
div#cookie-notice:not(.cookie-notice-hidden):not(.cookie-notice-visible) #webtim-cookie-close.close-btn,
div#cookie-notice #cn-close-notice {
display: none !important;
}