.playlist-item[data-v-ccb793c0]{padding:0;margin:0;background:#F5F5F5}.playlist-item[data-v-ccb793c0] .md-list-item-container{padding:0}.playlist-item .playlist-item-container[data-v-ccb793c0]{display:flex;align-items:center;width:100%;height:48px}.playlist-item .playlist-item-container .actions[data-v-ccb793c0]{display:flex}.playlist-item .playlist-item-container .actions .md-button[data-v-ccb793c0]{margin:0}.playlist-item .playlist-item-container .player[data-v-ccb793c0]{display:flex;align-items:center;width:100%;height:100%}.playlist-item .playlist-item-container .player[data-v-ccb793c0] .tdl-audio-player .player-controls .player-control .md-button.play-button{margin:0 4px;padding:0;width:46px!important;height:46px!important;font-size:46px!important}.playlist-item .playlist-item-container .player[data-v-ccb793c0] .tdl-audio-player .player-controls .player-control .md-button.play-button .md-icon{font-size:46px!important}.playlist-item .playlist-item-container .player .info[data-v-ccb793c0]{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:center;position:relative;height:100%;width:100%}.playlist-item .playlist-item-container .player .info .sample-name[data-v-ccb793c0],.playlist-item .playlist-item-container .player .info .va-name[data-v-ccb793c0]{margin-left:10px;width:98%;display:table;table-layout:fixed}.playlist-item .playlist-item-container .player .info .sample-name .wrap[data-v-ccb793c0],.playlist-item .playlist-item-container .player .info .va-name .wrap[data-v-ccb793c0]{display:table-cell}.playlist-item .playlist-item-container .player .info .sample-name .wrap .truncate[data-v-ccb793c0],.playlist-item .playlist-item-container .player .info .va-name .wrap .truncate[data-v-ccb793c0]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word}.playlist-item .playlist-item-container .player .info .sample-name.played[data-v-ccb793c0]{color:#0000008a}.playlist-item .playlist-item-container .player .info .va-name[data-v-ccb793c0]{margin-top:5px;max-width:inherit}.playlist-item .playlist-item-container .player .info .progress[data-v-ccb793c0]{width:0%;height:100%;position:absolute;opacity:.15;background-color:#1e88e5}.demo.hide-expand-button .header .expand-indicator[data-v-24ff9af7]{display:none}.demo .md-actions-badge-demo .badge[data-v-24ff9af7]{padding-left:6px!important;z-index:2;justify-content:center;align-items:center;position:relative;top:-14px;right:-6px;background:#E5951E;border-radius:17px;color:#fff;font-size:9px;font-weight:700;padding:0 5px;color:#e5951e;overflow:auto}.demo .header[data-v-24ff9af7]{display:flex;justify-items:space-between;align-items:center;background:#F5F5F5;height:56px;width:100%}.demo .header .player .md-button[data-v-24ff9af7]{background:#1E88E5;border-radius:100%;color:#fff}.demo .header .player .md-button[disabled][data-v-24ff9af7]{background:rgba(0,0,0,.54)}.demo .player[data-v-24ff9af7]{display:flex;align-items:center;width:100%;height:100%}.demo .player .info[data-v-24ff9af7]{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:center;position:relative;height:100%;width:100%}.demo .player .info .demo-name[data-v-24ff9af7],.demo .player .info .va-name[data-v-24ff9af7]{margin-left:10px;width:98%;display:table;table-layout:fixed}.demo .player .info .demo-name .wrap[data-v-24ff9af7],.demo .player .info .va-name .wrap[data-v-24ff9af7]{display:table-cell}.demo .player .info .demo-name .wrap .truncate[data-v-24ff9af7],.demo .player .info .va-name .wrap .truncate[data-v-24ff9af7]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word}.demo .player .info .va-name[data-v-24ff9af7]{margin-top:5px;max-width:inherit}.demo .player .info .progress[data-v-24ff9af7]{width:0%;height:100%;position:absolute;opacity:.15;background-color:#1e88e5}.demo .footer.actions[data-v-24ff9af7]{background:#FBFBFB;color:#0000008a;display:flex;justify-content:space-between;align-items:center}.demo .footer.actions.draft[data-v-24ff9af7]{background:#757575;min-height:48px}.demo .footer.actions .right .md-button[data-v-24ff9af7]{margin:0}.demo .footer.actions .right .md-button span[data-v-24ff9af7]{margin-top:8px;margin-bottom:8px;display:block}.demo .footer.actions .left small[data-v-24ff9af7]{padding-left:10px}.demo .footer.embed[data-v-24ff9af7]{background:#F5F5F5;display:flex;justify-content:flex-end;align-items:center;border-bottom:6px solid #1E88E5;height:40px}.demo .footer.embed a img[data-v-24ff9af7]{width:80px}.demo .footer.embed a[data-v-24ff9af7]{font-size:12px;text-decoration:none;cursor:pointer;color:#0000008a}.demo .footer.edit[data-v-24ff9af7]{background:#F5F5F5;display:flex;justify-content:space-between;align-items:center}.demo .footer.edit .player .md-button[data-v-24ff9af7]{cursor:default;color:#0000008a}.demo .footer.edit .player .md-button .md-icon[data-v-24ff9af7]{margin:8px}.demo .playlist[data-v-24ff9af7]{display:none}.demo .playlist .md-list[data-v-24ff9af7]{padding:0;margin:0;background:#F5F5F5;max-height:240px;overflow:auto}.demo .playlist .md-list[data-v-24ff9af7] .md-list-item .md-list-item-container{padding:0}.demo .playlist .md-list .md-list-item.drag-enabled[data-v-24ff9af7]{cursor:move}.demo .playlist .playlist-item-dragging[data-v-24ff9af7]{border:1px solid #E0E0E0;opacity:1!important;overflow:visible;-webkit-user-select:none;user-select:none;background:#F5F5F5;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f}.demo .playlist .playlist-item[data-v-24ff9af7]{display:flex;align-items:center;width:100%;height:48px}.demo .playlist .playlist-item .actions[data-v-24ff9af7]{display:flex}.demo .playlist .playlist-item .actions .md-button[data-v-24ff9af7]{margin:0}.demo .playlist .playlist-item .player .info .demo-name.played[data-v-24ff9af7],.demo .footer.edit .player .info .demo-name.played[data-v-24ff9af7]{color:#0000008a}.demo .playlist .playlist-item .player .md-button[data-v-24ff9af7],.demo .footer.edit .player .md-button[data-v-24ff9af7]{border-radius:100%}.demo .playlist .playlist-item .player .md-button .md-icon[data-v-24ff9af7],.demo .footer.edit .player .md-button .md-icon[data-v-24ff9af7]{font-size:44px;line-height:44px;display:flex;top:1px;left:-10px}.demo.md-active .expand-indicator[data-v-24ff9af7]{transform:rotate(180deg) translateZ(0)}.demo.md-active .playlist[data-v-24ff9af7]{display:block;border-top:6px solid #1E88E5}