.modal{background-color:var(--typcon);max-block-size:100vh;max-inline-size:100vw;min-block-size:100vh;min-inline-size:100vw;opacity:0;overflow-y:scroll;position:sticky;top:0;translate:0;z-index:1200;--transDel:0ms;--transDur:256ms;--transFnc:cubic-bezier(0.25,1,0.5,1);transition:opacity var(--transDur) var(--transDel) var(--transFnc),translate var(--transDel) var(--transDur) linear}.modal>.__fore{max-height:unset;min-height:unset}.modal>.__back{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;z-index:10}.modal>.__fore>.__contain,.modal>.__fore>.backdrop{grid-area:1/1/-1/-1}.modal>.__fore>.backdrop{appearance:none;background:none;border:none;cursor:s-resize}.modal>.__fore>.__contain{margin-block:1em;place-self:center;position:relative;transition:translate var(--transDur) var(--transDel) var(--transFnc);translate:0 100%}.modal[aria-hidden=false]{opacity:1;translate:-100%;--transDur:512ms;--transFnc:cubic-bezier(0.5,0,0.75,0);transition:opacity var(--transDur) var(--transDel) var(--transFnc)}.modal[aria-hidden=false]>.__fore>.__contain{translate:0 0}