/* The consent bar of BS.Analytics.Client (analytics.js) from our own origin: the pages' Content-Security-Policies apply no inline style, so the page links
   this file with the id bs-consent-style and analytics.js adds no <style> of its own. The rules are the package's (0.273.0), the colours the product
   site's navy and mint, on every page that carries the bar (the product page, the blog, and the plane's plain help and legal pages alike). Linked only
   while Microsoft Clarity is configured (Web/SiteAnalytics.cs). */
.bs-consent {
  --bs-consent-bg: oklch(0.17 0.08 265);
  --bs-consent-fg: oklch(0.98 0.005 265);
  --bs-consent-border: oklch(0.34 0.09 265);
  --bs-consent-link: oklch(0.878 0.151 189);
  --bs-consent-button: transparent;
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 2147483000;
  margin: 1rem;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  background: var(--bs-consent-bg);
  border: 1px solid var(--bs-consent-border);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.5;
}

.bs-consent:focus {
  outline: 2px solid var(--bs-consent-link);
  outline-offset: 2px;
}

.bs-consent-body {
  max-width: 48rem;
}

.bs-consent p {
  margin: 0;
  color: var(--bs-consent-fg);
}

.bs-consent p + p {
  margin-top: 0.375rem;
}

.bs-consent .bs-consent-current {
  font-weight: 600;
}

.bs-consent a {
  color: var(--bs-consent-link);
  text-decoration: underline;
}

.bs-consent span {
  display: flex;
  gap: 0.5rem;
}

.bs-consent button {
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  color: var(--bs-consent-fg);
  background: var(--bs-consent-button);
  border: 1px solid var(--bs-consent-border);
}

.bs-consent button:hover {
  border-color: var(--bs-consent-link);
}

.bs-consent button:focus-visible {
  outline: 2px solid var(--bs-consent-link);
  outline-offset: 2px;
}