/* Details
 * -------------------------------------------------------------------------- */

details {
  pointer-events: initial;
  position: relative;

  &[open] {
    > summary.hide-when-open,
    > summary .hide-when-open { display: none; }
  }

  &:not([open]) {
    > summary.hide-when-closed,
    > summary .hide-when-closed { display: none; }
  }
}

summary {
  list-style: none;
  cursor: pointer;

  &::marker,
  &::-webkit-details-marker { display: none; }

  /* Don't show outlines for mouse interactions */
  &:focus:not(:focus-visible) {
    outline: none;
  }
}