.pills[data-v-4c93b32c]{position:relative}.pills-list[data-v-4c93b32c]{display:inline-flex;flex-flow:row wrap;gap:8px;margin:0;padding:0;width:100%;transition:all .1s ease-out}.pills-list li[data-v-4c93b32c]{display:inline-flex;flex-flow:row wrap;padding:4px 16px;border:1px solid var(--primary-color,#0076cc);background:var(--bg-primary-color,#fff);color:var(--primary-color,#0076cc);font-size:13px;line-height:18px;text-decoration:none;gap:8px 16px;list-style:none;transition:opacity .3s ease;user-select:none;border-radius:16px;cursor:pointer}.pills-list li[data-v-4c93b32c]:hover{opacity:.75}.pills-list li.active[data-v-4c93b32c]{border:1px solid var(--primary-color,#0076cc);background:var(--primary-color,#0076cc);color:var(--bg-primary-color,#fff)}@media (max-width:768px){.pills-list[data-v-4c93b32c]{padding:0 16px;flex-flow:nowrap;white-space:nowrap;overflow-x:auto}.pills-list.sticky-mobile[data-v-4c93b32c]{position:sticky;top:0;background-color:var(--bg-primary-color);z-index:1024}.pills-list li[data-v-4c93b32c]{padding:9px 24px;line-height:16px;border-radius:20px}}.show-content[data-v-40e167d2]{width:150px;height:194px}.show-content.editing[data-v-40e167d2]{position:relative;margin-bottom:28px}.show-content a[data-v-40e167d2]:hover{text-decoration:none;opacity:.75}.show-img-wrap[data-v-40e167d2]{position:relative;margin-bottom:6px;width:150px;height:150px;border-radius:5px;border:1px solid var(--grey-3,#ccc);background-color:var(--bg-secondary-color-2,#f2f2f2);overflow:hidden}.show-img-wrap .show-img[data-v-40e167d2]{padding-bottom:100%;background-size:cover;background-repeat:no-repeat;background-position:50%}.media-status[data-v-40e167d2]{position:absolute;top:8px;left:8px;display:flex;align-items:center}.show-text[data-v-40e167d2]{display:flex;overflow:hidden}.show-text h6[data-v-40e167d2]{margin-bottom:0;font-size:14px;line-height:16px}@media (max-width:768px){.show-content[data-v-40e167d2]{width:104px;height:143px}.show-content.editing[data-v-40e167d2]{margin-bottom:0}.show-img-wrap[data-v-40e167d2]{width:104px;height:104px}}.station-wrapper[data-v-3287c401]{display:flex;flex-flow:column wrap}.station-wrapper.editing[data-v-3287c401]{position:relative;margin-bottom:28px}.station-content[data-v-3287c401]{position:relative;display:flex;flex-direction:column;align-items:center;width:150px;height:174px;text-decoration:none}.station-content[data-v-3287c401]:hover{opacity:.75}.station-image-wrap[data-v-3287c401]{position:relative}.station-image[data-v-3287c401]{display:block;width:150px;height:150px;border-radius:75px;border:1px solid #ccc;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:120px}.station-text[data-v-3287c401]{margin-top:8px;text-align:center}.station-text h6[data-v-3287c401]{margin-bottom:0;font-size:14px}.checkbox-selected-grid[data-v-3287c401]{width:152px;height:152px;border-radius:75px}@media (max-width:768px){.station-wrapper.editing[data-v-3287c401]{margin-bottom:0}.station-content[data-v-3287c401]{width:104px;height:128px}.station-image[data-v-3287c401]{width:104px;height:104px;background-size:75px}.checkbox-selected-grid[data-v-3287c401]{width:104px;height:104px}}.history-content[data-v-584c545d]{display:grid;grid-template-columns:repeat(auto-fill,150px);gap:24px 36px;justify-content:space-evenly;padding:24px 48px}@media (max-width:768px){.history-content[data-v-584c545d]{grid-template-columns:repeat(auto-fill,104px);gap:16px;padding:0 16px}}.history-content[data-v-388e4886]{padding:12px 48px 24px 0}.history-content.grid[data-v-388e4886]{display:grid;grid-template-columns:repeat(auto-fill,150px);gap:24px 36px;justify-content:space-evenly;padding:12px 48px}@media (max-width:768px){.history-content[data-v-388e4886]{padding:0 16px}.history-content.grid[data-v-388e4886]{grid-template-columns:repeat(auto-fill,104px);gap:16px;padding:12px 16px 24px}}.history-content[data-v-095cdf3e]{padding:12px 48px 24px 0}.history-content.grid[data-v-095cdf3e]{display:grid;grid-template-columns:repeat(auto-fill,150px);gap:24px 36px;justify-content:space-evenly;padding:12px 48px}@media (max-width:768px){.history-content[data-v-095cdf3e]{padding:0 16px}.history-content.grid[data-v-095cdf3e]{grid-template-columns:repeat(auto-fill,104px);gap:16px;padding:12px 16px 24px}}.media-wrapper[data-v-c5286d18]{position:relative;margin-bottom:12px;width:100%;height:136px;cursor:pointer}.media-wrapper.editing[data-v-c5286d18]{margin-left:3rem;width:calc(100% - 3rem)}.media-wrapper[data-v-c5286d18]:last-child{margin-bottom:0}.media-container[data-v-c5286d18]{display:flex;align-items:center}.media-container[data-v-c5286d18]:hover{border-radius:5px;background-color:#f2f2f2;background-color:var(--bg-secondary-color-2);cursor:pointer;opacity:1}.media-image-wrapper[data-v-c5286d18]{position:relative;width:230px;height:136px;border-radius:5px;border:1px solid #ccc;overflow:hidden}.media-image[data-v-c5286d18]{width:100%;height:100%;background-color:#f2f2f2;object-fit:cover}.media-status[data-v-c5286d18]{position:absolute;top:8px;left:8px;display:flex;align-items:center}.media-content-wrapper[data-v-c5286d18]{position:relative;display:flex;flex-direction:column;flex:1;padding-left:12px;min-width:0}.media-timestamp[data-v-c5286d18]{margin-bottom:4px;font-size:10px;color:#777}.media-title[data-v-c5286d18]{margin-bottom:4px;font-size:15px;line-height:18px;overflow:hidden}.media-description[data-v-c5286d18]{margin-bottom:0;font-size:13px;font-weight:300;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-station-logo-bottom[data-v-c5286d18],.media-station-logo-left[data-v-c5286d18]{width:44px;height:44px;border-radius:50%;border:1px solid #ccc;background-color:#fff}.media-station-logo-bottom[data-v-c5286d18]{margin-top:8px}.audio-check[data-v-c5286d18]{top:58px;left:-28px}.tick[data-v-c5286d18]{width:100%;height:100%;border-radius:5px;background:rgba(0,118,204,.5) none;z-index:1}.round[data-v-c5286d18]{position:relative;width:20px;height:20px}.round label[data-v-c5286d18]{position:absolute;top:0;left:0;margin-bottom:0;width:20px;height:20px;border:1px solid #ccc;border-radius:50%;background-color:#fff;background-color:var(--bg-primary-color);cursor:pointer}.round label[data-v-c5286d18]:after{content:"";position:absolute;left:4px;top:5px;transform:rotate(-45deg);width:10px;height:6px;border:2px solid #0076cc;border:2px solid var(--primary-color);border-top:none;border-right:none;opacity:0}.round input[type=checkbox][data-v-c5286d18]{visibility:hidden;width:20px;height:20px}.round input[type=checkbox]:checked+label[data-v-c5286d18]{background-color:#fff;background-color:var(--bg-primary-color);border-color:#0076cc;border-color:var(--primary-color)}.round input[type=checkbox]:checked+label[data-v-c5286d18]:after{opacity:1}@media (max-width:768px){.media-wrapper[data-v-c5286d18]{height:auto}.media-wrapper.editing[data-v-c5286d18]{margin-left:0;width:100%}.media-container[data-v-c5286d18]{flex-direction:column;justify-content:center;align-items:normal}.media-image-wrapper[data-v-c5286d18]{aspect-ratio:16/9;width:100%;height:auto}.media-content-wrapper[data-v-c5286d18]{display:flex;align-items:center;flex-direction:row;flex:initial;margin-top:4px;padding-left:0;min-height:69px}.media-content[data-v-c5286d18]{padding-left:8px;width:calc(100% - 44px)}.media-title[data-v-c5286d18]{font-size:14px;line-height:16px}.audio-check[data-v-c5286d18]{display:none}.tick[data-v-c5286d18]{display:block;width:100%;height:calc(100% - 73px);background:rgba(0,118,204,.5) url(/static/img/tick.svg) no-repeat 50%}}.history-livestream-header[data-v-ba0a2496]{position:sticky;top:270px;display:flex;justify-content:space-between;align-items:center;padding:0 48px 12px;height:24px;background-color:var(--bg-primary-color,#000);z-index:1030;transition:top .1s ease-out}.history-livestream-content[data-v-ba0a2496]{padding:12px 48px 24px 0}.no-history-livestream[data-v-ba0a2496]{margin:auto;padding-top:100px;padding-bottom:calc(var(--height-player) + var(--height-bottom-bar) + 100px);max-width:430px;text-align:center}.no-history-livestream h3[data-v-ba0a2496]{font-size:26px}.no-history-livestream h3[data-v-ba0a2496],.no-history-livestream h4[data-v-ba0a2496]{margin-bottom:18px}.no-history-livestream h4.font-weight-light[data-v-ba0a2496]{padding:0 20px}.no-history-livestream button[data-v-ba0a2496]{margin-top:10px;width:200px;height:35px;font-size:13px;color:#fff;border:none;border-radius:30px;background:var(--primary-color,#0076cc)}.dropdown-group[data-v-ba0a2496]{display:flex;justify-content:space-between;align-items:center;padding:0;line-height:18px;font-size:15px;font-weight:400;text-align:left;border-radius:0;border:0;background-color:var(--bg-primary-color,#fff)}.dropdown-group[data-v-ba0a2496],.dropdown-group[data-v-ba0a2496]:hover{color:var(--primary-color,#0076cc)}.dropdown-group.delete[data-v-ba0a2496]{color:var(--secondary-color-1,#ff2d55)}.dropdown-group[data-v-ba0a2496]:active:focus,.dropdown-group[data-v-ba0a2496]:focus{box-shadow:none}@media (max-width:768px){.history-livestream-header[data-v-ba0a2496]{top:150px;padding:0 16px 12px;margin-bottom:12px;height:36px;border-bottom:1px solid var(--grey-3,#b8b8b8)}.history-livestream-content[data-v-ba0a2496]{padding:0 16px}.no-history-livestream[data-v-ba0a2496]{max-width:320px}.no-history-livestream h4.font-weight-light[data-v-ba0a2496]{padding:0}.dropdown-group.text-right[data-v-ba0a2496]{justify-content:end}}.history-content[data-v-4d2a9896]{display:grid;grid-template-columns:repeat(auto-fill,150px);gap:24px 36px;justify-content:space-evenly;padding:24px 48px}@media (max-width:768px){.history-content[data-v-4d2a9896]{grid-template-columns:repeat(auto-fill,104px);gap:16px;padding:0 16px}}.history-content[data-v-39f06cc4]{display:grid;grid-template-columns:repeat(auto-fill,150px);gap:24px 36px;justify-content:space-evenly;padding:24px 48px}@media (max-width:768px){.history-content[data-v-39f06cc4]{grid-template-columns:repeat(auto-fill,104px);gap:16px;padding:0 16px}}.recently-played .subheader-page[data-v-1f7b9f16]{position:sticky;top:136px;background-color:var(--bg-primary-color,#000);z-index:1030}.recently-played[data-v-1f7b9f16] .breadcrumb-wrapper{padding-bottom:24px!important}.recently-played[data-v-1f7b9f16] .pills-list{padding:0 48px 24px}.recently-played .list-options button .list-icon path[data-v-1f7b9f16]{fill:var(--primary-color,#0076cc)}.recently-played .list-options button .grid-icon g[data-v-1f7b9f16]{stroke:var(--primary-color,#0076cc)}.recently-played .history-header[data-v-1f7b9f16]{display:flex;justify-content:space-between;align-items:center;padding:0 48px 12px;height:24px;transition:top .1s ease-out}.recently-played .dropdown-group[data-v-1f7b9f16]{display:flex;justify-content:space-between;align-items:center;padding:0;line-height:18px;color:var(--primary-color,#0076cc);font-size:15px;font-weight:400;text-align:left;border-radius:0;border:0;background-color:var(--bg-primary-color,#fff)}.recently-played .dropdown-group[data-v-1f7b9f16]:hover{color:var(--primary-color,#0076cc)}.recently-played .dropdown-group.delete[data-v-1f7b9f16]{color:var(--secondary-color-1,#ff2d55)}.recently-played .dropdown-group.delete:disabled .trash-red[data-v-1f7b9f16]{background-color:#888}.recently-played .dropdown-group.delete[data-v-1f7b9f16]:disabled{color:#888}.recently-played .dropdown-group[data-v-1f7b9f16]:active:focus,.recently-played .dropdown-group[data-v-1f7b9f16]:focus{box-shadow:none}.recently-played[data-v-1f7b9f16] .no-history{margin:auto;padding-top:100px;padding-bottom:calc(var(--height-player) + var(--height-bottom-bar) + 100px);max-width:440px;text-align:center}.recently-played[data-v-1f7b9f16] .no-history h3{font-size:26px}.recently-played[data-v-1f7b9f16] .no-history h3,.recently-played[data-v-1f7b9f16] .no-history h4{margin-bottom:18px}.recently-played[data-v-1f7b9f16] .no-history h4.font-weight-light{padding:0 20px}.recently-played[data-v-1f7b9f16] .no-history button{margin-top:10px;width:200px;height:35px;font-size:13px;color:#fff;border:none;border-radius:30px;background:var(--primary-color,#0076cc)}@media (max-width:768px){.top-header-wrapper.shrink[data-v-1f7b9f16]{border-bottom:none}.recently-played .subheader-page[data-v-1f7b9f16]{top:98px}.recently-played.header-shrink .subheader-page[data-v-1f7b9f16]{top:44px}.recently-played[data-v-1f7b9f16] .pills-list{padding:12px 16px}.recently-played .history-header[data-v-1f7b9f16]{padding:0 16px 12px;margin-bottom:12px;height:36px;border-bottom:1px solid var(--grey-3,#b8b8b8)}.recently-played .dropdown-group.text-right[data-v-1f7b9f16]{justify-content:end}.recently-played[data-v-1f7b9f16] .no-history{max-width:320px}.recently-played[data-v-1f7b9f16] .no-history h4.font-weight-light{padding:0}}