/*
  Dependency chain: friends-circle-components.css -> consent/request state
  overlays. This file keeps only page-specific adjustments that should not
  become shared component defaults.
*/
:root[data-hf-friends-circle-entry] .friend-interview-panel__close {
  display: none !important;
}

:root[data-hf-friends-circle-entry] .friend-interview-panel:not(.friend-interview-panel--embedded) {
  justify-items: center !important;
}

:root[data-hf-friends-circle-entry] .friend-interview-panel:not(.friend-interview-panel--embedded) .friend-interview-panel__surface {
  width: min(100%, 33rem) !important;
  max-width: min(100%, 33rem) !important;
  justify-self: center !important;
  margin-inline: auto !important;
}