.sf-analytics-panel {
  position: fixed;
  bottom: 4.5rem;
  left: 1rem;
  right: 1rem;
  max-width: 42rem;
  z-index: 1000;
  padding: 1.2rem 1.4rem;
  border: 1px solid #526384;
  border-radius: 1rem;
  background: #111b30;
  color: #f3f6ff;
  box-shadow: 0 12px 48px #0005;
  font:
    15px/1.5 system-ui,
    sans-serif;
  text-align: left;
}
.sf-analytics-panel[hidden] {
  display: none;
}
.sf-analytics-panel strong {
  font-size: 18px;
}
.sf-analytics-panel p {
  margin: 0.6rem 0;
  color: #e0e6f4;
}
.sf-analytics-panel div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.sf-analytics-panel button,
.sf-analytics-choices {
  font:
    600 14px/1.3 system-ui,
    sans-serif;
  border: 1px solid #b4c6ef;
  border-radius: 0.5rem;
  background: #edf3ff;
  color: #162340;
  padding: 0.65rem 0.9rem;
  cursor: pointer;
}
.sf-analytics-panel button:disabled {
  opacity: 0.5;
  cursor: default;
}
.sf-analytics-panel a {
  color: #c7d8ff;
  text-decoration: underline;
  padding: 0.4rem;
}
.sf-analytics-panel [data-close] {
  background: transparent;
  color: #e0e6f4;
  border-color: transparent;
}
.sf-analytics-choices {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 999;
  font-size: 12px;
  box-shadow: 0 3px 12px #0002;
}
.sf-analytics-panel button:focus-visible,
.sf-analytics-choices:focus-visible {
  outline: 3px solid #f4c56a;
  outline-offset: 3px;
}
@media (max-width: 480px) {
  .sf-analytics-panel {
    padding: 1rem;
    bottom: 4rem;
  }
  .sf-analytics-panel div button[data-choice] {
    flex: 1 0 42%;
  }
}