.modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;opacity:0;overflow-y:auto;padding:2rem 1rem;pointer-events:none;position:fixed;top:0;transition:opacity .2s ease-out;width:100vw;z-index:1000}.modal>aside{margin:0 auto;max-height:calc(100vh - 4rem);overflow-y:auto;transform:translateY(15px);transition:transform .2s ease-out}.modal.open{opacity:1;pointer-events:all}.modal.open>aside{transform:translateY(0)}