.tx-modal{position:fixed;width:calc(100vw - 15px);height:100vh;top:0;left:0;background-color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center}.tx-modal{z-index:-1;visibility:hidden;opacity:0;transition:opacity .1s ease-in-out,visibility .1s ease-in-out,z-index .1s step-end}.tx-modal.tx-modal-active{z-index:1001;visibility:visible;opacity:1;transition:opacity .1s ease-in-out,visibility .1s ease-in-out,z-index .1s step-start}.tx-modal .tx-modal-content{position:relative;width:800px;max-height:calc(100vh - 60px);max-width:calc(100% - 32px)}.tx-modal .tx-modal-body{max-height:calc(100vh - 60px);max-width:100%;overflow:auto;min-height:400px}.tx-modal-close{position:absolute;top:-28px;right:0;border:0;background-color:transparent;width:25px;height:25px;padding:0}.tx-modal .tx-modal-content{background-color:#fff;padding:0}.tx-modal .tx-modal-body{border:2px solid #000;padding:24px;border:2px solid rgba(0,0,0,.8)}