.csp-cookie-notice {
position: fixed;
left: 0;
right: 0;
z-index: 999999;
background-color: #011C40;
color: #F7F7F7;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.5;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.25);
opacity: 0;
transform: translateY(12px);
animation: csp-cookie-fade-in 0.4s ease-out 0.3s forwards;
}
.csp-cookie-notice--top {
top: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
transform: translateY(-12px);
}
.csp-cookie-notice--bottom {
bottom: 0;
}
@keyframes csp-cookie-fade-in {
to {
opacity: 1;
transform: translateY(0);
}
}
.csp-cookie-notice__inner {
max-width: 1140px;
margin: 0 auto;
padding: 12px 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.csp-cookie-notice__text {
margin: 0;
flex: 1 1 380px;
color: #F7F7F7;
}
.csp-cookie-notice__link {
color: #92A3B5;
text-decoration: underline;
margin-left: 6px;
white-space: nowrap;
}
.csp-cookie-notice__link:hover {
color: #ffffff;
}
.csp-cookie-notice__actions {
display: flex;
gap: 8px;
flex: 0 0 auto;
}
.csp-cookie-btn {
border: 1px solid transparent;
border-radius: 3px;
padding: 7px 16px;
font-size: 12px;
font-family: inherit;
cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease;
}
.csp-cookie-btn--accept {
background-color: #113E91;
color: #ffffff;
}
.csp-cookie-btn--accept:hover {
background-color: #002463;
}
.csp-cookie-btn--decline {
background-color: transparent;
color: #92A3B5;
border-color: #617899;
}
.csp-cookie-btn--decline:hover {
color: #F7F7F7;
border-color: #92A3B5;
}
.csp-cookie-notice.csp-cookie-hide {
opacity: 0;
transform: translateY(12px);
transition: opacity 0.25s ease, transform 0.25s ease;
pointer-events: none;
}
.csp-cookie-notice--top.csp-cookie-hide {
transform: translateY(-12px);
}
@media (max-width: 600px) {
.csp-cookie-notice__inner {
flex-direction: column;
align-items: stretch;
text-align: center;
}
.csp-cookie-notice__text { flex-basis: auto;
}
.csp-cookie-notice__actions {
justify-content: center;
}
}