[data-popover-container] {
  position: relative;
  display: inline-block;
}

[data-popover-content] {
  display: none !important;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}

[data-popover-container][data-state="open"] [data-popover-content] {
  display: flex !important;
  opacity: 1;
}
[data-popover-container][data-state="open"]
  [data-popover-trigger]
  .chevron-down {
  transform: rotate(180deg);
}
[data-popover-trigger] .chevron-down {
  /* transform: rotate(-180deg); */
  margin-left: auto;
}
[data-popover-trigger][data-state="open"] .chevron-down {
  transform: rotate(-180deg);
}
[data-popover-trigger]:focus {
  outline: none;
}