.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:5px;width:80%;max-width:800px}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.close-button{background-color:transparent;border:none;font-size:12px;cursor:pointer}.modal-body{margin-top:20px;margin-bottom:20px}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;margin-left:10px;cursor:pointer}button:hover{background-color:#0069d9}.player-wrapper[data-v-c171f97a]{width:80%;margin:20px auto;-webkit-box-shadow:0 0 30px rgba(0,0,0,.7);box-shadow:0 0 30px rgba(0,0,0,.7)}