html,body{box-sizing:border-box;margin:0;padding:0;background-color:#444;color:#ddd;font-family:sans-serif;font-size:15px}.modal-overlay{box-sizing:border-box;position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#000000d9;z-index:10}.modal-overlay .modal{box-sizing:border-box;position:fixed;width:300px;height:200px;top:calc(50vh - 100px);left:calc(50vw - 150px);background-color:#777;border:2px solid #666;border-radius:5px}.modal-overlay .modal .modal-title{box-sizing:border-box;height:30px;line-height:30px;background-color:#666;border-bottom:2px solid #777;padding-left:10px;font-size:smaller;-webkit-user-select:none;user-select:none}.modal-overlay .modal .modal-body{box-sizing:border-box;padding:10px;overflow-y:auto}.modal-overlay .modal .modal-body textarea{box-sizing:border-box}.modal-overlay .modal .modal-buttons{box-sizing:border-box;padding:10px;text-align:right;-webkit-user-select:none;user-select:none}.modal-overlay .modal .modal-buttons button{box-sizing:border-box;min-width:80px;margin-left:10px;-webkit-user-select:none;user-select:none}.loading-icon{width:50px;height:50px;margin:auto;border:6px solid #ccc;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.center-column{width:min(calc(100vw - 60px),600px);margin-left:auto;margin-right:auto}.center-column .center-column-title{font-size:20px;font-weight:700;margin-top:30px;margin-bottom:30px}.center-column .center-column-top-btns{text-align:right;margin-bottom:30px}button{cursor:pointer}
