.modal-overlay{align-items:flex-start;background-color:var(--overlay);bottom:0;box-sizing:border-box;cursor:default;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;left:0;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;right:0;top:0;z-index:999999999}.modal-overlay .modal{background-color:var(--background);border:1px solid var(--edge);border-radius:var(--space-4);box-shadow:var(--shadow);box-sizing:border-box;display:block;margin:var(--space-4);max-width:560px;position:relative;width:calc(100% - var(--space-4))}.modal-overlay .modal .modal__header{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:var(--space-3) var(--space-3) 0 var(--space-5)}.modal-overlay .modal .modal__header h3{color:#000;flex-grow:1;font-size:20px;font-weight:700}.modal-overlay .modal .modal__content{display:block;padding:var(--space-4) var(--space-5)}.modal-overlay .modal .modal__content input[type=text],.modal-overlay .modal .modal__content select{width:100%}.modal-overlay .modal .modal__action{align-items:center;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;padding:0 var(--space-5) var(--space-4)}.modal-overlay .modal .modal__action .flex-space{flex-grow:1}.modal-overlay .modal.modal--mini{max-width:280px}.modal-overlay .modal.modal--mini .modal__content .action,.modal-overlay .modal.modal--mini .modal__content .button{width:100%}.modal-overlay .modal.modal--mini .modal__content .action+.action,.modal-overlay .modal.modal--mini .modal__content .action+.button,.modal-overlay .modal.modal--mini .modal__content .button+.action,.modal-overlay .modal.modal--mini .modal__content .button+.button{margin-top:var(--space-2)}.slide-up-enter-active,.slide-up-enter-active .modal,.slide-up-leave-active,.slide-up-leave-active .modal{transition:all .08s linear}.slide-up-enter-from,.slide-up-leave-to{opacity:0}.slide-up-enter-from .modal,.slide-up-leave-to .modal{opacity:0;transform:translateY(var(--space-4))}@media (min-width:720px){.modal-overlay .modal{margin-top:96px}}