#modal{align-items:flex-end;background:rgba(0,0,0,.7);display:none;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:1000}#modal .modal{background:#fff;border-radius:16px 16px 0 0;border-top-left-radius:16px;border-top-right-radius:16px;height:80%;opacity:0;overflow-y:auto;padding:8px 16px 24px;transform:translateY(100%);transition:transform .4s ease,opacity .3s ease;width:100%}#modal.show .modal{opacity:1;transform:translateY(0)}