// stylelint-disable selector-max-type

.details-overlay > summary::before {

position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 80;
display: block;
cursor: default;
content: " ";
background: transparent;

}

.details-overlay-dark > summary::before {

z-index: 99;
background: var(--color-bg-backdrop);

}

.details-reset {

// Remove marker added by the display: list-item browser default
> summary { list-style: none; }
// Remove marker added by details polyfill
> summary::before { display: none; }
// Remove marker added by Chrome
> summary::-webkit-details-marker { display: none; }

}