@font-face {
  font-family: "Geist";
  src: url("assets/fonts/Geist-Variable.woff2?v=2ffebe993e96") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
.analytics-notice[hidden] { display: none; }
.analytics-notice {
  position: fixed; z-index: 1000; left: 50%; bottom: 16px;
  transform: translateX(-50%); box-sizing: border-box;
  width: min(800px, calc(100% - 32px)); padding: 20px 24px;
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 24px;
  border: 1px solid #565656; border-radius: 24px;
  background: #1e1e1f; color: #fff; font: 500 16px/1.5 Geist, Arial, sans-serif;
  box-shadow: 0 8px 24px #0006;
}
.analytics-notice p { margin: 0; }
.analytics-notice > p:first-child { flex: 1 1 280px; }
.analytics-notice a { color: inherit; text-decoration: underline; }
.analytics-notice > div { display: flex; gap: 8px; }
.analytics-notice button, .analytics-settings-floating, .analytics-settings {
  font: inherit; cursor: pointer; color: inherit; background: transparent; border: 1px solid #888; border-radius: 999px; padding: 10px 20px;
}
.analytics-notice button[data-analytics-allow] { color: #131314; background: #fff; border-color: #fff; }
.analytics-notice :focus-visible, .analytics-settings-floating:focus-visible, .analytics-settings:focus-visible { outline: 2px solid #ddd; outline-offset: 3px; }
.analytics-settings-floating { position: fixed; bottom: 16px; right: 16px; z-index: 999; background: #1e1e1f; color: #fff; font: 500 13px/1.5 Geist, Arial, sans-serif; }
.analytics-settings { padding: 0; border: 0; text-align: left; color: inherit; }
@media (max-width: 600px) {
  .analytics-notice { padding: 16px; gap: 12px; }
  .analytics-notice > p:first-child { flex-basis: 100%; }
  .analytics-notice > div { width: 100%; }
  .analytics-notice button { flex: 1; }
}