%with-popover-menu {
  position: relative;
}

%more-popover-menu {
  @extend %display-toggle-siblings;
}
%more-popover-menu + label > * {
  @extend %toggle-button;
}
%more-popover-menu-panel {
  @extend %menu-panel;
  width: 192px;
}
%more-popover-menu + label + div {
  @extend %more-popover-menu-panel;
}
%more-popover-menu-panel:not(.above) {
  top: 38px;
}
%more-popover-menu-panel:not(.left) {
  right: 10px;
}
%more-popover-menu-panel li [role='menu'] {
  display: none;
}
%more-popover-menu-panel [id$='-']:first-child:checked ~ ul label[for$='-'] + [role='menu'] {
  display: block;
}