/* Generated from ui/styles/privacy-consent.css. Edit the source, then npm run build:styles. */
.privacy-choice {
  box-sizing: border-box;
  position: fixed;
  inset: auto 12px max(12px, env(safe-area-inset-bottom));
  width: min(480px, calc(100% - 24px));
  max-height: calc(100dvh - 24px);
  overflow: auto;
  margin: 0 auto;
  padding: var(--ui-space-16);
  border: 1px solid var(--ui-color-line, var(--ui-color-line));
  border-radius: var(--ui-radius-card, 18px);
  background: var(--ui-color-paper, var(--ui-color-paper));
  color: var(--ui-color-ink, var(--ui-color-ink));
  box-shadow: var(--ui-shadow-floating, 0 22px 60px var(--ui-paint-05686d9358));
  z-index: 10000;
  font: var(--ui-type-body);
  letter-spacing: normal;
}
.privacy-choice p { margin: 0; color: var(--ui-color-muted, var(--ui-color-muted)); font: var(--ui-type-caption); letter-spacing: normal; }
.privacy-choice a { color: var(--ui-color-accent, var(--ui-color-accent)); text-underline-offset: 3px; }
.privacy-choice__actions { display: flex; flex-wrap: wrap; gap: var(--ui-space-8); margin-top: var(--ui-space-12); }
.privacy-choice button {
  flex: 1 1 auto;
  min-height: 44px;
  padding: var(--ui-space-10) var(--ui-space-12);
  border: 1px solid var(--ui-color-line, var(--ui-color-line));
  border-radius: var(--ui-radius-control, 14px);
  background: transparent;
  color: var(--ui-color-ink, var(--ui-color-ink));
  cursor: pointer;
  font: var(--ui-type-control-small);
  letter-spacing: normal;
}
.privacy-choice button[data-choice="yes"] { color: var(--ui-color-white, var(--ui-color-white)); background: var(--ui-color-accent, var(--ui-color-accent)); border-color: var(--ui-color-accent, var(--ui-color-accent)); }
.privacy-choice button:hover:not(:disabled) { border-color: var(--ui-color-ink, var(--ui-color-ink)); }
.privacy-choice button[data-choice="yes"]:hover:not(:disabled) { background: var(--ui-color-ink, var(--ui-color-ink)); }
.privacy-choice button:disabled { opacity: .5; cursor: not-allowed; }
.privacy-choice :focus-visible { outline: 2px solid var(--ui-color-accent, var(--ui-color-accent)); outline-offset: 3px; }
.privacy-settings { display: block; min-height: 44px; margin: var(--ui-space-16) auto; padding: var(--ui-space-8) var(--ui-space-16); border: 0; background: transparent; color: inherit; cursor: pointer; font: var(--ui-type-caption); letter-spacing: normal; }


.privacy-settings--inline { margin: 0; padding-inline: 0; }

body:has(.privacy-choice[open])::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: var(--ui-paint-7650a8c80e);
  pointer-events: none;
}