details {
  &[open] {
    > summary::before {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 80;
      display: block;
      cursor: default;
      content: " ";
      background: rgba(0, 0, 0, 0);
    }
  }

  > summary {
    list-style: none;

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