.za26-analytics [hidden], .za26-analytics[hidden] { display: none; }
.za26-analytics__settings {
    min-height: 44px;
    padding: 0 12px;
    border: 0;
    background: transparent;
    color: #c8cec0;
    font: inherit;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}
.za26-analytics { background: #151713; text-align: center; }
.za26-analytics__notice::backdrop { background: rgb(7 9 6 / 80%); }
.za26-analytics__notice {
    width: min(610px, calc(100% - 28px));
    max-width: none;
    max-height: calc(100dvh - 28px);
    margin: auto;
    box-sizing: border-box;
    padding: clamp(18px, 4vw, 30px);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid #415039;
    border-radius: 16px;
    background: #151713;
    color: #f4f5ed;
    text-align: left;
    font: 400 14px/1.55 'Space Grotesk', sans-serif;
    color-scheme: dark;
}
.za26-analytics__heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; }
.za26-analytics__notice h2 { margin: 0; color: #f4f5ed; font: 780 clamp(23px, 5vw, 31px)/1.15 'Manrope', sans-serif; letter-spacing: -.035em; }
.za26-analytics__notice h2:focus { outline: none; }
.za26-analytics__notice p { margin: 0; color: #b2baaa; }
.za26-analytics__close { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; color: inherit; cursor: pointer; }
.za26-analytics__close:hover { background: #22281f; }
.za26-analytics__categories { margin: 19px 0 9px; border-block: 1px solid #384233; }
.za26-analytics__category { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 10px 0; }
.za26-analytics__category + .za26-analytics__category { border-top: 1px solid #384233; }
.za26-analytics__category h3, .za26-analytics__category strong { display: block; margin: 0 0 2px; color: #f4f5ed; font: 750 15px/1.35 'Manrope', sans-serif; }
.za26-analytics__category p, .za26-analytics__category small { display: block; color: #b2baaa; font: inherit; font-size: 13px; }
.za26-analytics__required { color: #b2baaa; font-size: 12px; text-align: right; }
.za26-analytics__option { cursor: pointer; }
.za26-analytics__option input { flex: 0 0 19px; width: 19px; height: 19px; margin: 0 4px 0 0; accent-color: #d8ff3e; cursor: pointer; }
.za26-analytics__details summary { width: fit-content; padding: 5px 0; color: #d7ded1; cursor: pointer; }
.za26-analytics__details dl { margin: 8px 0 0; font-size: 13px; }
.za26-analytics__details dt { margin-top: 8px; font-weight: 700; overflow-wrap: anywhere; }
.za26-analytics__details dd { margin: 2px 0 0; color: #b2baaa; overflow-wrap: anywhere; }
.za26-analytics__actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 17px; }
.za26-analytics__actions button {
    min-height: 44px;
    padding: 6px 8px;
    border: 1px solid #718064;
    border-radius: 8px;
    background: transparent;
    color: #f4f5ed;
    font: 700 13px/1.35 'Manrope', sans-serif;
    cursor: pointer;
}
.za26-analytics__settings:hover { color: #d8ff3e; }
.za26-analytics__actions button:hover { background: #242a20; }
.za26-analytics__actions button[data-analytics-choice="granted"] {
    border-color: #d8ff3e;
    background: #d8ff3e;
    color: #151713;
}
.za26-analytics__actions button[data-analytics-choice="granted"]:hover {
    border-color: #e1ff76;
    background: #e1ff76;
}
.za26-analytics__notice :is(button, input, summary):focus-visible, .za26-analytics__settings:focus-visible { outline: 2px solid #a5b67e; outline-offset: 2px; }
html:has(.za26-analytics__notice[open]) { overflow: hidden; }
@media (max-width: 520px) {
    .za26-analytics__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .za26-analytics__actions button:last-child { grid-column: 1 / -1; }
}