.pudding-performance-controls {
  position: fixed;
  z-index: 10002;
  bottom: 12px;
  left: 12px;
  font-family: var(--pudding-font, inherit);
}
.pudding-performance-controls[hidden] {
  display: none;
}
[data-pudding-analytics-slot] .pudding-performance-controls {
  position: static;
}
.pudding-performance-controls button,
.pudding-performance-consent button {
  font: inherit;
  color: var(--pudding-ink-soft, #382b24);
  background: var(--pudding-cream-soft, #fff9ee);
  border: 1px solid var(--pudding-line, #d8cab9);
  border-radius: 8px;
  padding: 9px 13px;
  cursor: pointer;
  min-height: 40px;
}
.pudding-performance-controls button {
  font-size: 14px;
}
.pudding-performance-consent {
  position: fixed;
  z-index: 10003;
  left: 12px;
  bottom: max(12px, env(safe-area-inset-bottom));
  width: min(430px, calc(100vw - 24px));
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid var(--pudding-line, #d8cab9);
  border-radius: 14px;
  background: var(--pudding-cream-soft, #fff9ee);
  color: var(--pudding-ink-soft, #382b24);
  box-shadow: 0 8px 30px #30201426;
  font: 14px/1.6 var(--pudding-font, inherit);
  max-height: calc(100dvh - 90px);
  overflow: auto;
}
.pudding-performance-consent h2 {
  font: 600 18px/1.4 var(--pudding-font, inherit);
  margin: 0 0 8px;
  color: inherit;
}
.pudding-performance-consent p {
  margin: 0 0 14px;
  color: inherit;
}
.pudding-performance-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pudding-performance-consent button.is-primary {
  background: var(--pudding-cocoa, #4a3427);
  color: var(--pudding-cream-soft, #fff9ee);
}
.pudding-performance-controls button:focus-visible,
.pudding-performance-consent button:focus-visible,
.pudding-performance-consent:focus-visible {
  outline: 3px solid var(--pudding-cocoa, #4a3427);
  outline-offset: 3px;
}