#jkcookie {
position: fixed;
height: auto;
z-index: 100000;
line-height: 1.5;
left: 5px;
bottom: 5px;
text-align: center;
font-weight: normal;
}
#jkcookie.jkcookie-visible {
right: 5px;
bottom: 50%;
transform: translateY(50%);
}
#jkcookie,
#jkcookie * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#jkcookie.jkc-animated {
-webkit-animation-duration: 0.5s !important;
animation-duration: 0.5s !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#jkcookie .jkcookie-container {
display: block;
}
#jkcookie.jkcookie-hidden .jkcookie-container {
display: none;
}
#jkcookie .cookie-revoke-container {
display: block;
}
#jkcookie.cookie-revoke-hidden .cookie-revoke-container {
display: none;
}
.jkcookie-container {
max-width: 1000px;
margin: 0 auto;
text-align: center;
width: 100%;
z-index: 2;
border-radius: 0.25rem;
padding: 2rem 2.5rem;
background-color: #fff;
box-shadow: 0 32px 68px rgba(0,0,0,.6);
}
#jkcookie-container {
overflow: auto;
max-height: 45vh;
padding-right: 0.5rem;
margin: 0 0 1.5rem 0;
}
.cookie-revoke-container {
padding: 10px 15px;
width: 100%;
z-index: 1;
}
#jkcookie .jkc-revoke-cookie {
margin: 0;
font-size: 14px;
}
#jkcookie .jkc-button {
margin: 0 0 0 1rem;
}
#jkcookie .jkc-button {
font-weight: normal;
letter-spacing: 1px;
text-align: center;
text-transform: none;
display: inline-block;
cursor: pointer;
touch-action: manipulation;
white-space: nowrap;
outline: none;
box-shadow: none;
text-shadow: none;
border: none;
border-radius: 0.25rem;
text-decoration: none;
line-height: 1;
color: inherit;
padding: 0.75rem 2rem;
transition: all 0.3s ease;
}
#jkcookie .jkc-button:hover {
box-shadow: 0 0 1rem rgba(0,0,0,.5);
}
.jkc-text-container {
padding: 0 1rem;
}
#jkcookie.jkcookie-visible.jkc-effect-fade,
#jkcookie.cookie-revoke-visible.jkc-effect-fade {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
#jkcookie.jkc-effect-fade {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.custom-scroll {
overflow-y: auto;
}
.custom-scroll::-webkit-scrollbar {
width: 0.25rem;
}
.custom-scroll::-webkit-scrollbar-track {
background: #d2d2d2;
border-radius: 0.125rem;
}
.custom-scroll::-webkit-scrollbar-thumb {
background: #4b4b4b;
border-radius: 0.3rem;
-webkit-box-shadow: 0 3px 1px rgba(75,75,75,0.161);
box-shadow: 0 3px 1px rgba(75,75,75,0.161);
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@media all and (max-width: 1400px) {
.jkcookie-container {
padding: 1rem 1.5rem;
font-size: 0.9rem;
}
#jkcookie .jkc-button {
padding: 0.6rem 1.5rem;
}
#jkcookie .jkc-button {
margin: 0 5px 5px 5px;
}
}
@media all and (max-width: 900px) {
.jkcookie-container #jkc-notice-buttons {
display: block;
}
.jkcookie-container {
padding: 1rem 1rem;
font-size: 0.85rem;
}
.jkc-text-container {
padding: 0;
}
#jkcookie .jkc-button {
padding: 0.5rem 1rem;
}
#jkcookie.jkcookie-visible {
right: 5px;
bottom: 5px;
transform: translateY(0);
}
#jkcookie-container {
margin: 0 0 1rem 0;
}
#jkcookie-container {
max-height: 28vh;
}
}