#app,body{background:#121212;padding:0;margin:0}#soundboard[data-v-e7562ab8]{font-family:Arial,sans-serif;text-align:center;color:#fff;padding:20px}h1[data-v-e7562ab8]{margin-bottom:20px;color:#fff}.buttons[data-v-e7562ab8]{display:grid;grid-column-gap:20px;grid-row-gap:20px;grid-template-columns:repeat(2,1fr)}@media(min-width:576px){.buttons[data-v-e7562ab8]{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.buttons[data-v-e7562ab8]{grid-template-columns:repeat(4,1fr)}}@media(min-width:992px){.buttons[data-v-e7562ab8]{grid-template-columns:repeat(6,1fr)}}@media(min-width:1200px){.buttons[data-v-e7562ab8]{grid-template-columns:repeat(8,1fr)}}.buttons button[data-v-e7562ab8]{border-radius:6px;border:none;background:none;color:#fff;font-size:24px;cursor:pointer;transition:background .3s;padding:10px}.buttons button[data-v-e7562ab8]:disabled{background:#9e9e9e;cursor:not-allowed}.buttons button[data-v-e7562ab8]:hover:not(:disabled){background:#212121}.buttons button .cover[data-v-e7562ab8]{position:relative}.buttons button .cover img[data-v-e7562ab8]{border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.5);display:block;max-width:100%}.buttons button .cover .btn-play[data-v-e7562ab8]{background:#7b2121;border-radius:50px;display:flex;height:50px;width:50px;left:50%;top:50%;position:absolute;transform:translate(-50%,-50%);align-items:center;justify-content:center}.buttons button p[data-v-e7562ab8]{font-size:16px;margin:10px 0 0;padding:0}.player[data-v-e7562ab8]{background:#090909;position:fixed;bottom:0;left:0;width:100%;color:#fff;padding:10px;box-shadow:0 -2px 10px rgba(0,0,0,.5);display:flex;flex-direction:row;align-items:center;box-sizing:border-box}.player .player-info[data-v-e7562ab8]{display:flex;align-items:center;width:30%;padding:10px}.player .player-info i[data-v-e7562ab8]{font-size:24px;cursor:pointer;margin-right:20px}.player .player-info .track-info[data-v-e7562ab8]{display:flex;flex-direction:column}.player .player-info .track-info h2[data-v-e7562ab8],.player .player-info .track-info p[data-v-e7562ab8]{margin:0}.player .player-info .track-info h2[data-v-e7562ab8]{font-size:16px;color:#fff}.player .player-info .track-info p[data-v-e7562ab8]{font-size:12px;color:#bbb}.player .controls[data-v-e7562ab8]{display:flex;align-items:center;width:40%;justify-content:space-between;flex-direction:column}.player .controls .progression[data-v-e7562ab8]{flex:1;display:flex;margin:10px 10px 0;width:100%}.player .controls .progression .progress-bar[data-v-e7562ab8]{width:100%}.player .controls span[data-v-e7562ab8]{margin:0 10px}.player .controls .player-control[data-v-e7562ab8]{display:flex;align-content:center;align-items:center}.player .controls button[data-v-e7562ab8]{border:none;background:transparent;color:#fff;font-size:24px;cursor:pointer;transition:color .3s}.player .controls button[data-v-e7562ab8]:hover{color:#4caf50}.player .controls button i[data-v-e7562ab8]{display:block;height:72px;width:72px;display:flex;align-content:center;justify-content:center;align-items:center}.player .controls button.play-pause-btn i[data-v-e7562ab8]{background:#fff;border-radius:72px;color:#090909}.player .volume-control[data-v-e7562ab8]{display:flex;align-items:center;width:30%;justify-content:flex-end}.player .volume-control i[data-v-e7562ab8]{margin-right:10px}.player .volume-control input[type=range][data-v-e7562ab8]{width:100px}.player .actions[data-v-e7562ab8]{display:flex;align-items:center;margin-top:10px}.player .actions button[data-v-e7562ab8]{border:none;background:transparent;color:#fff;font-size:24px;cursor:pointer;margin:0 10px;transition:color .3s}.player .actions button[data-v-e7562ab8]:hover{color:#4caf50}.player .actions button i[data-v-e7562ab8]{margin-right:5px}.player .custom_progression[data-v-e7562ab8]{width:100%;position:fixed;bottom:0;left:0;height:3px;z-index:1}.player .custom_progression .current_progression[data-v-e7562ab8]{height:100%;background:#fff}