.modal{align-items:center;background-color:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999}.modal .container{background-color:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.03);display:flex;flex-flow:column}.modal .container.slide{transform:translateY(-1000px)}.modal .container.zoom{transform:scale(.5)}.modal .container .header{align-items:center;border-bottom:1px solid #e6e9ec;display:flex;font-weight:600;justify-content:space-between;padding:20px}.modal .container .header button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;color:#9a9a9a;cursor:pointer;font-size:24px;line-height:24px;padding-bottom:4px}.modal .container .header button:hover{color:#676767}.modal .container .header h1{color:#4d4d4d;font-weight:500;margin:0;padding:0}.modal .container .content{flex:1;padding:20px 15px}.modal .container .content .prompt-input input{border:1px solid #e6e9ec;border-radius:4px;margin-top:15px;padding:10px;width:100%}.modal .container .footer{background-color:#f9fafc;border-top:1px solid #e6e9ec;display:flex;padding:15px}.modal .container .footer button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#3a75d5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;margin-right:7px;padding:7px 12px}.modal .container .footer button:hover{background-color:#326fd3}.modal .container .footer button:last-child{margin-right:0}.modal .container .footer button.alt{background-color:#dadbdd;color:#606266;font-weight:500}.modal .container .footer button.alt:hover{background-color:#d5d6d8}.modal .container .footer button.right{margin-left:auto}.modal.small .container{width:400px}.modal.medium .container{width:600px}.modal.large .container{width:900px}.modal.full .container{height:100%;width:100%}.modal.open{display:flex}.modal.open .container.zoom{transform:scale(1);transition:all .2s ease}.modal.open .container.slide{transform:translateY(0);transition:all .5s ease}