.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .5s ease-in-out;z-index:99999}.modal-overlay.show{opacity:1;visibility:visible}.slide-up-modal{position:fixed;bottom:calc(-100% - 64px);left:50%;transform:translateX(-50%) perspective(1000px) translateY(100%) rotateX(15deg) scale(.95);width:100%;height:100%;background-color:#fff;backdrop-filter:blur(80px);box-shadow:var(--shadow-medium);transition:opacity .4s ease-in-out .6s;z-index:100000;opacity:0}.slide-up-modal.slide-up{bottom:0;opacity:1;animation:slideUpSkewFade 0s cubic-bezier(.55,.055,.675,.19) forwards}@keyframes slideUpSkewFade{0%{transform:translateX(-50%) perspective(1000px) translateY(100%) rotateX(15deg) scale(.95);opacity:0}to{transform:translateX(-50%) perspective(1000px) translateY(0) rotateX(0) scale(1);opacity:1}}@keyframes slideDownSkewFade{0%{transform:translateX(-50%) perspective(1000px) translateY(0) rotateX(0) scale(1);opacity:1}to{transform:translateX(-50%) perspective(1000px) translateY(100%) rotateX(15deg) scale(.95);opacity:0}}.slide-up-modal .close{position:absolute;right:12px;top:12px;font-size:18px;cursor:pointer;height:64px;width:64px;background-color:var(--color-white);box-shadow:var(--shadow-medium);border-radius:50%}.modal-content{margin:0 auto;padding:20px;height:100%;overflow-y:auto}