.playlist-parent[data-v-12550cf9]{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:absolute;max-height:70%;max-height:calc(100% - var(--player-controlbar-height) - var(--player-top-margin) - var(--player-closer-height));width:30%;min-width:300px;padding-top:20px;bottom:var(--player-controlbar-height);right:calc(50% - var(--player-controls-width)/2);border-radius:5px;z-index:30}.playlist-parent[data-v-12550cf9]::-webkit-scrollbar{width:3px}.playlist-parent[data-v-12550cf9]::-webkit-scrollbar-track{border-radius:1px}.playlist-parent div[data-v-12550cf9]:last-of-type{border-bottom:0!important}.playlist-parent .closer[data-v-12550cf9]{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;opacity:.7;transition:transform .1s;margin-top:1rem}.playlist-parent .closer[data-v-12550cf9]:hover{transform:scale(1.1);opacity:1}.playlist-parent .closer[data-v-12550cf9]:active{transform:scale(.9);opacity:1}.playlist-parent .closer button[data-v-12550cf9]{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;flex-basis:3rem;height:3rem;border:0;padding:0;border-radius:50%;background:rgba(0,0,0,.8);cursor:pointer}.playlist-parent .closer button img[data-v-12550cf9]{color:hsla(0,0%,100%,.8);display:block;width:40%}@media screen and (max-width:800px){.playlist-parent .closer[data-v-12550cf9]{margin-top:.5rem}.playlist-parent .closer button[data-v-12550cf9]{flex-basis:2rem;height:2rem}}.playlist-parent .dropdown-wrapper[data-v-12550cf9]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;margin:0 auto 10px;width:100%}.playlist-parent .dropdown-wrapper .dropdown[data-v-12550cf9]{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;display:none!important;background:rgba(0,0,0,.746);border:2px solid hsla(0,0%,100%,.5);padding:0 15px;margin-right:2rem;line-height:2rem;flex:1;opacity:.8;cursor:pointer}.playlist-parent .dropdown-wrapper .dropdown .title[data-v-12550cf9]{color:hsla(0,0%,100%,.9)}.playlist-parent .dropdown-wrapper .dropdown .title .header[data-v-12550cf9]{text-transform:uppercase;font-size:1.1rem;font-weight:700}.playlist-parent .dropdown-wrapper .dropdown .title .count[data-v-12550cf9]{font-size:1rem}.playlist-parent .dropdown-wrapper .dropdown .dropdown-icon[data-v-12550cf9]{display:block;width:5%}.playlist-parent .playlist-contents[data-v-12550cf9]{transition:max-height .2s;width:100%;flex:1;overflow-x:hidden;overflow-y:auto}.playlist-parent .playlist-contents .playlist-item[data-v-12550cf9]{-webkit-backdrop-filter:blur(8px) saturate(80%);backdrop-filter:blur(8px) saturate(80%);width:100%;margin:0 auto 10px;background:hsla(0,0%,100%,.5);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);-moz-column-gap:10px;column-gap:10px;padding:10px 15px;border-radius:5px;cursor:pointer;transition:height .2s}.playlist-parent .playlist-contents .playlist-item .poster[data-v-12550cf9]{position:relative;box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.playlist-parent .playlist-contents .playlist-item .poster .image-block[data-v-12550cf9]{position:relative;height:0;width:100%;padding:28.125% 0;border-radius:5px;overflow:hidden}.playlist-parent .playlist-contents .playlist-item .poster .image-block img.poster-image[data-v-12550cf9]{position:absolute;top:0;left:0;width:100%;height:100%}.playlist-parent .playlist-contents .playlist-item .poster .image-block .play-button[data-v-12550cf9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;display:block;width:30%;cursor:pointer;opacity:.7;display:none}.playlist-parent .playlist-contents .playlist-item .poster .image-block .play-button[data-v-12550cf9]:hover{transform:translate(-50%,-50%) scale(1.1);opacity:1}.playlist-parent .playlist-contents .playlist-item .poster .image-block .play-button[data-v-12550cf9]:active{transform:translate(-50%,-50%) scale(.9);opacity:1}.playlist-parent .playlist-contents .playlist-item .poster .image-block .play-button img.play-image[data-v-12550cf9]{width:100%}.playlist-parent .playlist-contents .playlist-item .poster .image-block .play-button[data-v-12550cf9]:active,.playlist-parent .playlist-contents .playlist-item .poster .image-block .play-button[data-v-12550cf9]:focus{display:block!important}.playlist-parent .playlist-contents .playlist-item .poster .image-block .now-playing[data-v-12550cf9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:90%}.playlist-parent .playlist-contents .playlist-item .poster .image-block .now-playing img[data-v-12550cf9]{width:10%}.playlist-parent .playlist-contents .playlist-item .poster .image-block .now-playing span[data-v-12550cf9]{text-align:left;text-transform:uppercase;padding-left:.5rem;font-size:.9rem;font-weight:700;color:hsla(0,0%,100%,.9)}.playlist-parent .playlist-contents .playlist-item .details .title[data-v-12550cf9]{font-size:1.1rem;font-weight:bolder;text-transform:uppercase;height:1.5rem;line-height:1.5rem;vertical-align:middle;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgba(0,0,0,.746)}.playlist-parent .playlist-contents .playlist-item .details .tags[data-v-12550cf9]{font-size:1rem;line-height:1.1rem;height:3.3rem;overflow:hidden;text-align:left;color:rgba(0,0,0,.546)}.playlist-parent .playlist-contents .playlist-item .details .tags span[data-v-12550cf9]{margin-right:1rem;display:inline-block;font-weight:700}.playlist-parent .playlist-contents .playlist-item .description[data-v-12550cf9]{font-size:1rem;grid-column-start:1;grid-column-end:3;line-height:1.1rem;margin:1rem 0;text-align:left;color:rgba(0,0,0,.546);max-height:0;overflow:hidden;transition:max-height .2s}.playlist-parent .playlist-contents .playlist-item[data-v-12550cf9]:hover{background:hsla(0,0%,100%,.8)}.playlist-parent .playlist-contents .playlist-item:hover .play-button[data-v-12550cf9]{display:block!important}.playlist-parent .playlist-contents .playlist-item:hover .description[data-v-12550cf9]{max-height:4.4rem}