:root {
    --cookie-notice-bg: #ffffff;
    --cookie-notice-text: #202020;
    --cookie-notice-muted: #5c5c5c;
    --cookie-notice-border: #d9d9d9;
    --cookie-notice-link: var(--color-blue);
    --cookie-notice-link-hover: var(--color-blue);
    --cookie-notice-button-bg: var(--color-blue);
    --cookie-notice-button-bg-hover: var(--color-blue);
    --cookie-notice-button-text: #ffffff;
    --cookie-notice-focus: #8bc7e5;
    --cookie-notice-shadow: rgba(0, 0, 0, 0.18);
    --cookie-policy-table-head: #f3f5f6;
    --font-size-cookie:.8rem;
}

.cookie-notice {position:fixed;right:1rem;bottom:1rem;left:1rem;z-index:9999;max-width:72rem;margin:0 auto;color:var(--cookie-notice-text);background:var(--cookie-notice-bg);border:0.0625rem solid var(--cookie-notice-border);border-radius:0.75rem;box-shadow:0 0.5rem 2rem var(--cookie-notice-shadow);font:inherit;transition:opacity 0.2s ease,transform 0.2s ease;}
.cookie-notice.is-closing {opacity:0;transform:translateY(1rem);}
.cookie-notice__inner {display:flex;align-items:center;gap:1.5rem;padding:1rem 1.25rem;}
.cookie-notice__content {flex:1;min-width:0;}
.cookie-notice__text {margin:0;color:var(--cookie-notice-text);line-height:1.5; font-size:var(--font-size-cookie);}                        
.cookie-notice__text a {color:var(--cookie-notice-link);text-decoration:underline;text-underline-offset:0.15em;}
.cookie-notice__text a:hover {color:var(--cookie-notice-link-hover);}
.cookie-notice__actions {display:flex;flex:0 0 auto;}
.cookie-notice__button {min-height:2.5em;padding:0.5em 1em;color:var(--cookie-notice-button-text);background:var(--cookie-notice-button-bg);border:0.0625rem solid var(--cookie-notice-button-bg);border-radius:0.35rem;font:inherit;line-height:1.2;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease; font-size:var(--font-size-cookie);}
.cookie-notice__button:hover {background:var(--cookie-notice-button-bg-hover);border-color:var(--cookie-notice-button-bg-hover);}
.cookie-notice__button:focus-visible,.cookie-notice__text a:focus-visible {outline:0.2rem solid var(--cookie-notice-focus);outline-offset:0.15rem;}
.cookie-policy {max-width:60rem;}
.cookie-policy h2 {margin-top:2rem;}
.cookie-policy table {width:100%;margin:1.25rem 0;border-collapse:collapse;}
.cookie-policy th,.cookie-policy td {padding:0.75rem;text-align:left;vertical-align:top;border:0.0625rem solid var(--cookie-notice-border);}
.cookie-policy th {background:var(--cookie-policy-table-head);}
.cookie-policy__date {color:var(--cookie-notice-muted);}

@media (max-width:54rem) {
    .cookie-notice__inner {align-items:stretch;flex-direction:column;gap:1rem;}
    .cookie-notice__actions {width:100%;}
    .cookie-notice__button {width:100%;}
}

@media (max-width:36rem) {

:root {
    --font-size-cookie:.7rem;
}

    .cookie-notice {right:0.65rem;bottom:0.65rem;left:0.65rem;}
    .cookie-notice__inner {padding:1rem;}
    .cookie-policy table,.cookie-policy tbody,.cookie-policy tr,.cookie-policy th,.cookie-policy td {display:block;width:100%;}
    .cookie-policy thead {display:none;}
    .cookie-policy tr {margin-bottom:1rem;border:0.0625rem solid var(--cookie-notice-border);}
    .cookie-policy td {border:0;border-bottom:0.0625rem solid var(--cookie-notice-border);}
    .cookie-policy td:last-child {border-bottom:0;}
    .cookie-notice__text {margin:0;color:var(--cookie-notice-text);font-size:0.9rem;line-height:1.5;}                        
}

@media (prefers-reduced-motion:reduce) {
    .cookie-notice,.cookie-notice__button {transition:none;}
}