.cookie-bar .cookie-bar-inner { max-height: 88dvh; overflow-y: auto; }
.cookie-actions { width: 100%; }
.cookie-bar .cookie-choice { flex: 1 1 10rem; background: #fff; color: #14171b; border: 1px solid #fff; }
.cookie-bar .cookie-choice:hover { background: #eee; color: #14171b; }
.cookie-bar .cookie-customize { background: transparent; color: #fff; border: 1px solid #9b9b9b; }
.consent-details { width: 100%; border-top: 1px solid #777; padding-top: 1rem; }
.consent-details[hidden] { display: none; }
.consent-details label { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; margin-block: .8rem; cursor: pointer; color: #fff; }
.consent-details input { margin: .25rem 0 0; width: 1.15rem; height: 1.15rem; accent-color: #d80000; }
.consent-details small { display: block; color: #ddd; font-weight: 400; line-height: 1.5; }
.cookie-preferences { border: 0; background: none; padding: 0; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; text-align: left; }
.cookie-preferences:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 40rem) { .cookie-bar .cookie-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; } .cookie-bar .cookie-customize { grid-column: 1 / -1; } .cookie-bar .button { min-width: 0; font-size: .85rem; } }