.viz-consent { position:fixed; z-index:100010; bottom:24px; left:24px; right:24px; max-width:1020px; margin:0 auto; display:flex; gap:24px; padding:28px 32px; border:1px solid #d6e1ef; border-radius:20px; background:#f3f6fc; color:#17335a; box-shadow:0 12px 55px #17335a29; font-family:inherit; max-height:calc(100dvh - 48px); overflow:auto; }
.viz-consent[hidden],.viz-cookie-settings[hidden],.viz-consent [hidden] { display:none!important; }
.viz-consent-mark { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border:1px solid #7da7d9; border-radius:50%; font-size:32px; font-weight:300; }
.viz-consent .viz-consent-eyebrow { margin:0 0 8px; padding:0; color:#456c9e; font-size:11px; line-height:1.4; font-weight:700; letter-spacing:1.6px; }
.viz-consent h2 { margin:0 0 10px; padding:0; color:#17335a; font-size:25px; font-weight:700; line-height:1.2; }
.viz-consent p { margin:0; padding:0; font-size:14px; font-weight:400; line-height:1.65; }
.viz-consent-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:20px; }
.viz-consent button { cursor:pointer; min-height:44px; padding:10px 18px; border:1px solid #17335a; border-radius:8px; background:#17335a; color:#fff; font-family:inherit; font-size:13px; line-height:1.5; font-weight:600; }
.viz-consent button:hover { background:#2b4a74; }
.viz-consent button.viz-consent-text { background:transparent; border-color:transparent; color:#17335a; text-decoration:underline; text-underline-offset:4px; }
.viz-consent button:focus-visible,.viz-consent input:focus-visible,.viz-cookie-settings:focus-visible { outline:3px solid #7da7d9; outline-offset:3px; }
.viz-consent-option { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #d6e1ef; padding:18px 0; margin-top:12px; font-size:14px; line-height:1.6; }
.viz-consent-option p,.viz-consent-explanation { display:block; color:#42546c; font-size:13px; }
.viz-consent-required { white-space:nowrap; color:#456c9e; font-size:12px; font-weight:600; }
.viz-consent input { flex:0 0 22px; width:22px; height:22px; accent-color:#17335a; cursor:pointer; }
.viz-consent .viz-consent-footnote { font-size:12px; color:#42546c; }
.viz-cookie-settings { position:fixed; z-index:99990; bottom:12px; left:12px; padding:7px 12px; border:1px solid #c4d3e5; border-radius:20px; background:#f3f6fc; color:#17335a; font-family:inherit; font-size:11px; font-weight:500; line-height:1.5; cursor:pointer; box-shadow:0 2px 8px #17335a12; }
body.viz-intro-playing .viz-consent,body.viz-intro-playing .viz-cookie-settings { display:none!important; }
@media(max-width:600px) { .viz-consent { bottom:12px; left:12px; right:12px; padding:22px; gap:0; max-height:calc(100dvh - 24px); } .viz-consent-mark { display:none; } .viz-consent h2 { font-size:23px; } .viz-consent-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; } .viz-consent button { padding:10px; } .viz-consent-text { grid-column:1 / -1; } }