.modal{max-block-size:100vh;max-inline-size:100vw;min-block-size:100vh;min-inline-size:100vw;overflow-y:scroll;position:sticky;top:0;translate:0;z-index:1200;--transDel:0ms;--transDur:512ms;--transFnc:cubic-bezier(0.77,0,0.175,1);transition:translate var(--transDur) var(--transDel) var(--transFnc)}.modal[aria-hidden=false]{translate:0 -135%}.modal[aria-hidden=false]>.foreground_content>.container{translate:0 0}.modal{-webkit-backdrop-filter:blur(.25rem) opacity(.999) saturate(.3);backdrop-filter:blur(.25rem) opacity(.999) saturate(.3);background-color:var(--text-contrast)}.modal>.foreground-content{display:grid;grid-template-areas:"ModalContent";max-height:unset;min-height:unset;padding:var(--section-padding,1rem)}.modal>.foreground-content>.backdrop,.modal>.foreground-content>.container{grid-area:ModalContent}.modal>.foreground-content>.backdrop{appearance:none;background:none;border:none;cursor:default;margin:calc(var(--section-padding, 1rem)*-1)}.modal>.foreground-content>.container{padding:unset;place-self:center;position:relative}.modal>.background-layers{align-self:stretch;justify-self:center;max-height:unset;min-height:100%;width:100%}.modal .close{background:#fff;border:none;border-radius:100%;color:var(--danger);font-size:2rem;line-height:0;padding:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);z-index:10}