.analytics-consent { margin: 1.5rem auto 0; padding: 1rem; color: #242021; background: #ffffff; border: 1px solid #716d6e; border-radius: .75rem; box-shadow: 0 .25rem .75rem rgba(36, 32, 33, .12); }
.analytics-consent__choice > :first-child { margin-top: 0; }
.analytics-consent__choice > :last-child { margin-bottom: 0; }
.analytics-consent__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.analytics-consent__action, .analytics-consent__preferences { min-height: 2.75rem; padding: .6rem 1rem; color: #242021; font: inherit; font-weight: 700; cursor: pointer; background: #d5de29; border: 1px solid #242021; border-radius: .5rem; }
.analytics-consent__action { flex: 1 1 9rem; }
.analytics-consent__preferences { margin-top: .75rem; background: #ffffff; }
.analytics-consent :focus-visible { outline: 3px solid #242021; outline-offset: 3px; }
.analytics-consent--landing { position: fixed; right: max(1rem, env(safe-area-inset-right)); bottom: max(1rem, env(safe-area-inset-bottom)); left: max(1rem, env(safe-area-inset-left)); z-index: 80; width: min(calc(100% - 2rem), 44rem); margin: 0 auto; padding: 1.15rem; border: 0; border-radius: 1rem; box-shadow: 0 1rem 3rem rgba(36, 32, 33, .2); }
.analytics-consent--landing[data-consent-choice-visible="false"] { display: none; }
.analytics-consent--landing .analytics-consent__actions { flex-wrap: nowrap; }
.analytics-consent--microsite { max-width: 32rem; text-align: left; }
.analytics-consent--microsite[data-consent-choice-visible="false"] { width: fit-content; max-width: none; margin: .85rem 0 0 auto; padding: 0; background: transparent; border: 0; box-shadow: none; text-align: right; }
.analytics-consent--microsite[data-consent-choice-visible="false"] .analytics-consent__preferences { min-height: 2rem; margin: 0; padding: .35rem .7rem; color: #514b4d; background: rgba(255, 255, 255, .96); border: 0; border-radius: 999px; box-shadow: 0 .15rem .45rem rgba(36, 32, 33, .12); font-size: .75rem; line-height: 1.2; }
@media (max-width: 29.999rem) { .analytics-consent--landing .analytics-consent__actions { flex-direction: column; } .analytics-consent--landing .analytics-consent__action { flex: 0 0 auto; } }
@media (min-width: 48rem) { .analytics-consent--landing { max-width: 44rem; } }