.md-typeset .cookie-preferences {
  scroll-margin-top: 120px; margin: 24px 0; padding: 0 16px;
  border: 1px solid var(--md-default-fg-color--lighter); border-radius: 10px;
  color: var(--md-default-fg-color);
}
.md-typeset .cookie-preferences > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin: 0; padding: 14px 0; border: 0; background: none;
  color: inherit; font: inherit; list-style: none; cursor: pointer;
}
.md-typeset .cookie-preferences > summary::before,
.cookie-preferences > summary::-webkit-details-marker { display: none; }
.md-typeset .cookie-preferences > summary::after {
  position: static; flex: none; width: 16px; height: 16px; margin: 0;
  top: auto; right: auto; left: auto; transition: none;
}
.cookie-preference-row { border-top: 1px solid var(--md-default-fg-color--lightest); }
.cookie-preference-row label {
  display: grid; grid-template-columns: minmax(0, 1fr) auto 18px;
  align-items: center; gap: 12px; min-height: 44px; padding: 4px 0; box-sizing: border-box;
}
.cookie-preference-row label { cursor: pointer; }
.cookie-preference-row input { width: 18px; height: 18px; margin: 0; accent-color: var(--md-default-fg-color); }
.cookie-preference-row label:has(input:disabled) { cursor: default; }
.cookie-preference-state { font-size: .85em; color: var(--md-default-fg-color--light); white-space: nowrap; }
.cookie-preference-note { font-size: .8em; color: var(--md-default-fg-color--light); }
.cookie-preference-note:not([hidden]) { display: inline-block; padding-bottom: 10px; }
.cookie-preferences button {
  font: inherit; font-size: .8em; color: inherit; background: transparent;
  border: 1px solid var(--md-default-fg-color--lighter); border-radius: 6px;
  margin: 0 0 8px 8px; padding: 4px 10px; min-height: 32px; cursor: pointer;
}
.cookie-preferences :is(summary, input, button):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.cookie-preferences [hidden] { display: none; }

.cookie-preference-confirmation { padding-bottom: 8px; font-size: .85em; }
.md-typeset .cookie-preference-confirmation p { margin: 2px 0 8px; }
.cookie-preference-confirmation button:first-of-type { margin-left: 0; }