/* .hidden {
    display: none;
} */
  
/* native <dialog> element uses the ::backdrop pseudo-element */

/* dialog::backdrop, */
.dialog-backdrop {
display: none;
position: fixed;
overflow-y: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgb(0 0 0 / 30%);
z-index: 1;
}

.dialog-backdrop.active {
    display: block;
}
  
.no-scroll {
    overflow-y: auto !important;
}
  
/* this is added to the body when a dialog is open */
.has-dialog {
    overflow: hidden;
}

.jump-to-content {
    display: inline;
    position: absolute !important;
    top: 5px;
    left: 5px;
    color: var(--text-header);
    background-color: var(--color-1);
    z-index: 999;
}