html.modal-open{margin-right:var(--scrollbar-width);overflow:hidden}html.modal-open #menubar{padding-right:var(--scrollbar-width);width:calc(100% - var(--scrollbar-width))}.modal{filter:drop-shadow(0 2px 5px hsla(0,0%,0%,.16));overscroll-behavior:contain;position:fixed;z-index:var(--z-modal)}.modal,.modal .modal__container{bottom:0;left:0;overflow:auto;right:0;top:0}.modal .modal__container{background-color:var(--modal-background-color,var(--surface-base-color));position:absolute;scrollbar-gutter:stable}.modal button.close{--icon-size:0.5rem;border:none;border-radius:.125rem;cursor:pointer;height:1rem;line-height:0;padding:.25rem}.modal:not([active]){display:none}.modal .modal__title{color:var(--modal-title-color,var(--heading-color));font-size:var(--modal-title-font-size,var(--font-size-large-plus))}@media screen and (min-width:720px){.modal{background-color:#0d0d0d80}}.modal[type=navigation-dropdown]{--modal-background-color:var(--surface-card-color);--modal-border-color:var(--border-card-color)}.modal[type=navigation-dropdown] .modal__header{display:none}.modal[type=navigation-dropdown] .modal__body{background-color:var(--modal-background-color);border:1px solid var(--modal-border-color);border-top:none;bottom:auto;display:flex;filter:drop-shadow(8px 5px 5px hsla(0,0%,0%,.1)) drop-shadow(5px 8px 5px hsla(0,0%,0%,.1));flex-direction:column;left:auto;position:absolute;right:0;top:100%;width:var(--grid-column-width)}