html > body > #grid {
  .tabs-lightbox {
    /** Required arguments with purportedly ridiculous defaults */
    --element-zindex-contents: 49999;
    --element-gap-content: 200px;

    /** Optional arguments with sensible defaults */
    --element-lightbox-shadow: none;
    --element-lightbox-border-radius: 0;
    --element-lightbox-corner-shapes: square;

    > details[open] {
      > summary {
        position: relative;
        z-index: calc(var(--element-zindex-contents) + 1);
      }

      &::details-content {
        position: relative;
        z-index: var(--element-zindex-contents);
        border-radius: var(--element-lightbox-border-radius);
        corner-shape: var(--element-lightbox-corner-shapes);
        box-shadow: var(--element-lightbox-shadow);
        padding: var(--element-padding-content);
      }
    }
  }
}