body{font-family:Roboto,sans-serif}.modal-container{position:fixed;display:flex;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;background:rgba(0,0,0,.8)}.modal-container.hidden{display:none}.modal-container .modal{display:flex;align-items:center;justify-content:center;padding:15px;background:white;width:400px;max-width:100%}.modal-container .modal .modal-content{display:flex;position:relative;flex-direction:column;justify-content:center;text-align:center}.modal-container .modal .modal-title{font-size:1.5rem;font-weight:500}.modal-container .modal .modal-close{position:absolute;top:-10px;right:15px;cursor:pointer;font-size:40px}.button{display:flex;align-items:center;justify-content:center;position:absolute;bottom:50px;margin:auto;width:200px;left:calc(50% - 100px);background:white;border:1px solid #e0e0e0;color:#0e0e0e;padding:10px;border-radius:50px;cursor:pointer}.button .hidden{display:none}.button .icon{margin-right:8px;width:25px;height:25px}button:hover{background:#eeeeee}button:active{background:#e0e0e0}button.playing{background:#ec407a;color:#fff;border-color:#e91e63}button.disabled{background:#bdbdbd;color:#fff;border-color:#9e9e9e}button.not-supported,button.not-allowed{opacity:.5}