/* Musiveo combined stylesheet: mi-owner-visibility, musiveo-ls-public, musiveo-loops-style, musiveo-plays-plyr, musiveo-plays-plyr-playlist, musiveo-plays-playlists, musiveo-plays-feedback */
/* mi-owner-visibility */
/* Owner visibility — "Future Release" badge for the viewer's own drafts. */
.mi-future-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.4;
    color: #fff !important;
    background: linear-gradient(135deg, #8b5cf6, #06b6d4);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    white-space: nowrap;
}
/* Overlay on plays-block loop-card thumbnails. */
.block-loop-item .post-thumbnail { position: relative; }
.block-loop-item .post-thumbnail .mi-future-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
}
/* Overlay on MI shorts preview cards. */
.musiveo-user-shorts .vle-preview-media { position: relative; }
.musiveo-user-shorts .vle-preview-media .mi-future-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
}
/* musiveo-ls-public */
/* Musiveo Livestreams - Compiled Public CSS */
.musiveo-ls-container{--mls-columns:4;--mls-gap:20px;width:100%;margin:0 auto;position:relative}
.musiveo-ls-container.musiveo-ls-theme-dark{--mls-text:#fff;--mls-text-muted:#b0b0b0;--mls-bg:#0f0f0f;--mls-bg-tile:#1a1a1a;--mls-border:#2a2a3e}
.musiveo-ls-container.musiveo-ls-theme-light{--mls-text:#1a1a1a;--mls-text-muted:#666;--mls-bg:#f5f5f5;--mls-bg-tile:#fff;--mls-border:#e0e0e0}
.musiveo-ls-grid{display:grid;grid-template-columns:repeat(var(--mls-columns),1fr);gap:var(--mls-gap)}
@media(max-width:1200px){.musiveo-ls-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.musiveo-ls-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.musiveo-ls-grid{grid-template-columns:1fr}}
.musiveo-ls-loader{display:flex;justify-content:center;align-items:center;padding:60px 0}
.musiveo-ls-spinner{width:40px;height:40px;border:3px solid var(--mls-border,#2a2a3e);border-top-color:#9400d3;border-radius:50%;animation:musiveo-ls-spin .8s linear infinite}
@keyframes musiveo-ls-spin{to{transform:rotate(360deg)}}
.musiveo-ls-no-streams,.musiveo-ls-no-live{text-align:center;padding:40px 20px;color:var(--mls-text-muted,#b0b0b0);font-size:16px;grid-column:1/-1}

/* Live Users */
.musiveo-ls-live-users{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;width:100%}
.musiveo-ls-live-users.musiveo-ls-layout-vertical{grid-template-columns:1fr}
.musiveo-ls-live-users.musiveo-ls-layout-compact{gap:8px}
.musiveo-ls-user-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden;cursor:pointer}
.musiveo-ls-theme-dark .musiveo-ls-user-item{background:transparent;color:var(--mls-text,#fff)}
.musiveo-ls-theme-dark .musiveo-ls-user-item:hover{background:rgba(255,255,255,.05)}
.musiveo-ls-theme-light .musiveo-ls-user-item{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.musiveo-ls-theme-light .musiveo-ls-user-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}
.musiveo-ls-user-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}
.musiveo-ls-user-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.musiveo-ls-user-name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px}
.musiveo-ls-user-game{font-size:13px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.musiveo-ls-user-viewers{font-size:12px;opacity:.6}
.musiveo-ls-user-thumb{position:absolute;top:0;right:0;width:80px;height:100%;object-fit:cover;opacity:.15}
.musiveo-ls-layout-compact .musiveo-ls-user-item{padding:8px 12px;gap:8px}
.musiveo-ls-layout-compact .musiveo-ls-user-avatar{width:32px;height:32px}
.musiveo-ls-layout-compact .musiveo-ls-user-name{font-size:14px}

/* Clickable user name link */
.musiveo-ls-user-name-link,.musiveo-ls-following__profile-link{color:inherit;text-decoration:none}
.musiveo-ls-user-name-link:hover,.musiveo-ls-following__profile-link:hover{text-decoration:underline}

/* Actions row (follow button + platform links) */
.musiveo-ls-user-actions,.musiveo-ls-following__actions{display:flex;align-items:center;gap:6px;margin-top:2px}

/* Platform link buttons */
.musiveo-ls-platform-link{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;text-decoration:none;transition:all .2s ease;line-height:0;flex-shrink:0;vertical-align:middle;margin-left:4px}
.musiveo-ls-theme-dark .musiveo-ls-platform-link{color:#888}
.musiveo-ls-theme-dark .musiveo-ls-platform-link:hover{color:#fff}
.musiveo-ls-theme-light .musiveo-ls-platform-link{color:#999}
.musiveo-ls-theme-light .musiveo-ls-platform-link:hover{color:#333}
.musiveo-ls-platform-link--twitch:hover{color:#9146FF}
.musiveo-ls-platform-link--youtube:hover{color:#FF0000}

/* Livestream Tile */
.musiveo-ls-tile{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;background:var(--mls-bg-tile,#1a1a1a)}
.musiveo-ls-tile--hover-scale:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.musiveo-ls-tile--hover-glow:hover{box-shadow:0 0 20px var(--hover-colour,rgba(148,0,211,.4))}
.musiveo-ls-tile--twitch{background:linear-gradient(135deg,rgba(100,65,164,.15) 0%,rgb(6 6 6 / 95%) 50%);border:1px solid rgba(100,65,164,.2)}
.musiveo-ls-tile--twitch:hover{border-color:rgba(100,65,164,.4);box-shadow:0 8px 32px rgba(100,65,164,.2)}
.musiveo-ls-tile--twitch.musiveo-ls-tile--hover-glow:hover{box-shadow:0 0 24px rgba(145,70,255,.3)}
.musiveo-ls-tile--youtube{background:linear-gradient(135deg, rgba(204, 0, 0, .12) 0%, rgb(7 6 6) 50%);border:1px solid rgba(204, 0, 0, .2)}
.musiveo-ls-tile--youtube:hover{border-color:rgba(204,0,0,.4);box-shadow:0 8px 32px rgba(204,0,0,.2)}
.musiveo-ls-tile--youtube.musiveo-ls-tile--hover-glow:hover{box-shadow:0 0 24px rgba(255,0,0,.3)}
.musiveo-ls-tile__link{display:block;text-decoration:none;color:inherit}
.musiveo-ls-tile__thumbnail{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#0f0f0f}
.musiveo-ls-tile__thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.musiveo-ls-tile__thumbnail:hover img{transform:scale(1.05)}
.musiveo-ls-tile__thumb-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--mls-bg-tile,#1a1a1a)}
.musiveo-ls-tile__thumb-placeholder svg{opacity:.3;width:48px;height:48px}
.musiveo-ls-tile__overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);transition:background .25s ease}
.musiveo-ls-tile__overlay .musiveo-ls-badge--live{position:absolute;top:10px;left:10px}
.musiveo-ls-tile__overlay:hover{background:rgba(0,0,0,.3)}
.musiveo-ls-tile__play{opacity:0;transform:scale(.8);transition:all .25s ease}
.musiveo-ls-tile__play svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.musiveo-ls-tile:hover .musiveo-ls-tile__play{opacity:1;transform:scale(1)}
.musiveo-ls-tile__chat-btn{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.6);border:none;border-radius:6px;color:#fff;padding:6px 8px;cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:2}
.musiveo-ls-tile__chat-btn:hover{background:rgba(148,0,211,.8)}
.musiveo-ls-tile:hover .musiveo-ls-tile__chat-btn{opacity:1}
.musiveo-ls-tile__info{display:flex;align-items:flex-start;gap:10px;padding:12px}
.musiveo-ls-tile__avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}
.musiveo-ls-tile__avatar--platform{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:var(--mls-text-muted,#b0b0b0)}
.musiveo-ls-tile__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.musiveo-ls-tile__name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mls-text,#fff)}
.musiveo-ls-tile__title{font-size:13px;color:var(--mls-text-muted,#b0b0b0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.musiveo-ls-tile__game{font-size:12px;color:var(--mls-text-muted,#b0b0b0);opacity:.8}
.musiveo-ls-tile__viewers{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--mls-text-muted,#b0b0b0);white-space:nowrap;flex-shrink:0}
.musiveo-ls-tile__viewers svg{opacity:.7}

/* Badge */
.musiveo-ls-badge:empty{display:none}
.musiveo-ls-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.4;white-space:nowrap}

/* Avatar Initial Fallback — matches musicon theme pattern */
.musiveo-ls-avatar-initial{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:#666;color:#fff;font-weight:bolder;text-transform:capitalize;line-height:1}
.musiveo-ls-tile__avatar.museiveo-ls-avatar-initial{width:36px;height:36px;font-size:14px}
.musiveo-ls-user-avatar.museiveo-ls-avatar-initial{width:48px;height:48px;font-size:18px}
.musiveo-ls-following__avatar.museiveo-ls-avatar-initial{width:48px;height:48px;font-size:18px}
.musiveo-ls-badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:musiveo-ls-badge-pulse 1.5s ease-in-out infinite}
.musiveo-ls-badge--live{background:var(--mls-badge-bg,#e74c3c);color:var(--mls-badge-text,#fff)}
.musiveo-ls-badge--offline{display:none}
/* Retire avatar dots, including stale server markup from an older page. */
.musiveo-ls-online-dot,.musiveo-ls-following__live-dot{display:none!important}
.is-live .musiveo-ls-badge{display:inline-flex}
@keyframes musiveo-ls-badge-pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* Chat Embed */
.musiveo-ls-chat{width:100%;border-radius:8px;overflow:hidden}
.musiveo-ls-chat iframe{display:block;width:100%}
.musiveo-ls-embed-container{width:100%;display:flex;gap:0}
.musiveo-ls-embed-container.musiveo-ls-embed-side{flex-direction:row}
.musiveo-ls-embed-container.musiveo-ls-embed-side .musiveo-ls-embed-video{flex:1;min-width:0}
.musiveo-ls-embed-container.musiveo-ls-embed-side .musiveo-ls-embed-chat{width:340px;flex-shrink:0}
@media(max-width:900px){.musiveo-ls-embed-container.musiveo-ls-embed-side{flex-direction:column}.musiveo-ls-embed-container.musiveo-ls-embed-side .musiveo-ls-embed-chat{width:100%}}
.musiveo-ls-embed-container.musiveo-ls-embed-below{flex-direction:column}
.musiveo-ls-embed-container.musiveo-ls-embed-below .musiveo-ls-embed-video{width:100%;padding-top:56.25%;position:relative}
.musiveo-ls-embed-container.musiveo-ls-embed-below .musiveo-ls-embed-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.musiveo-ls-embed-container.musiveo-ls-embed-below .musiveo-ls-embed-chat{width:100%}
.musiveo-ls-embed-video{background:#000}
.musiveo-ls-embed-video iframe{border:none}
.musiveo-ls-embed-chat{background:#181818}
.musiveo-ls-embed-chat iframe{border:none}

/* Chat Modal */
.musiveo-ls-chat-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;display:flex;justify-content:center;align-items:center}
.musiveo-ls-chat-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8)}
.musiveo-ls-chat-modal__content{position:relative;display:flex;width:90vw;max-width:1400px;height:80vh;background:#181818;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.musiveo-ls-chat-modal__close{position:absolute;top:12px;right:12px;z-index:10;background:rgba(0,0,0,.6);border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.musiveo-ls-chat-modal__close:hover{background:rgba(148,0,211,.8)}
.musiveo-ls-chat-modal__video{flex:1;min-width:0;background:#000}
.musiveo-ls-chat-modal__video iframe{width:100%;height:100%;border:none}
.musiveo-ls-chat-modal__chat{width:340px;flex-shrink:0;background:#181818}
.musiveo-ls-chat-modal__chat iframe{width:100%;height:100%;border:none}
@media(max-width:900px){.musiveo-ls-chat-modal__content{flex-direction:column;height:90vh}.musiveo-ls-chat-modal__chat{width:100%;height:40%}}

/* Add Stream */
.musiveo-ls-add-stream{max-width:920px;margin:20px auto;padding:24px;border:1px solid #2a2a3e;border-radius:12px;background:#0d0d0d;color:#fff}
.musiveo-ls-add-stream h3{margin:0 0 8px;font-size:18px;color:#fff}
.musiveo-ls-add-stream__desc{color:#b0b0b0;margin:0 0 20px;font-size:14px}
.musiveo-ls-add-stream__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.musiveo-ls-add-stream__block{background:#111114;border:1px solid #2a2a3e;border-radius:10px;padding:20px;min-width:0}
.musiveo-ls-add-stream__block h4{margin:0 0 6px;font-size:16px;color:#fff;display:flex;align-items:center;gap:8px}
.musiveo-ls-add-stream__block--twitch h4::before{content:"";width:10px;height:10px;border-radius:3px;background:#9146FF;flex-shrink:0}
.musiveo-ls-add-stream__block--youtube h4::before{content:"";width:10px;height:10px;border-radius:3px;background:#FF0000;flex-shrink:0}
.musiveo-ls-add-stream__block .musiveo-ls-add-stream__desc{margin-bottom:14px}
.musiveo-ls-add-stream__block .musiveo-ls-add-stream__youtube-note{margin:10px 0 0;font-size:12px;color:#b0b0b0}
.musiveo-ls-add-stream__block .musiveo-ls-add-stream__youtube-missing{margin:0;font-size:13px;color:#b0b0b0}
@media(max-width:720px){.musiveo-ls-add-stream__grid{grid-template-columns:1fr}}
.musiveo-ls-add-stream__field{margin-bottom:16px;position:relative}
.musiveo-ls-add-stream__field label{display:block;font-weight:600;margin-bottom:4px;font-size:13px;color:#fff}
.musiveo-ls-add-stream__field input{width:100%;padding:8px 12px;border:1px solid #2a2a3e;border-radius:6px;font-size:14px;box-sizing:border-box;background:#0f0f0f;color:#fff;transition:border-color .2s}
.musiveo-ls-add-stream__field input::placeholder{color:#666}
.musiveo-ls-add-stream__field .description{display:block;margin-top:4px;color:#666;font-size:12px}
.musiveo-ls-add-stream__field input.mls-valid{border-color:#2ecc71;padding-right:32px}
.musiveo-ls-add-stream__field input.mls-invalid{border-color:#dc3545}
.musiveo-ls-add-stream__field .mls-validation-icon{position:absolute;right:10px;top:32px;width:18px;height:18px;display:none;pointer-events:none}
.musiveo-ls-add-stream__field .mls-validation-icon.mls-show{display:block}
.musiveo-ls-add-stream__field .mls-validation-icon.mls-check{color:#2ecc71}
.musiveo-ls-add-stream__field .mls-validation-icon.mls-cross{color:#dc3545}
.musiveo-ls-add-stream__field .musiveo-ls-validation-msg{margin:4px 0 0;font-size:12px}
.musiveo-ls-add-stream__field .musiveo-ls-validation-msg--ok{color:#2ecc71}
.musiveo-ls-add-stream__field .musiveo-ls-validation-msg--error{color:#dc3545}
.musiveo-ls-add-stream__status{margin-top:16px;padding:12px;border-radius:6px;font-size:14px}
.musiveo-ls-add-stream__status--ok{background:rgba(40,167,69,.15);color:#5cb85c;border:1px solid rgba(40,167,69,.3)}
.musiveo-ls-add-stream__status--error{background:rgba(220,53,69,.15);color:#dc3545;border:1px solid rgba(220,53,69,.3)}
.musiveo-ls-add-stream__login{color:#b0b0b0;font-style:italic}

/* VODs */
.musiveo-ls-vods{width:100%;margin:0 auto}
.musiveo-ls-vod-spinner{display:flex;justify-content:center;align-items:center;padding:60px 0}
.mls-vod-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.mls-vod-filters select{background:#1a1a2e;color:#ccc;border:1px solid #333;border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;outline:none}
.mls-vod-filters select:focus{border-color:#9146FF}
.musiveo-ls-theme-light .mls-vod-filters select{background:#f5f5f5;color:#333;border-color:#ddd}
.musiveo-ls-vod-grid{display:grid;grid-template-columns:repeat(var(--mls-vod-columns,4),1fr);gap:16px}
@media(max-width:1200px){.musiveo-ls-vod-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.musiveo-ls-vod-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.musiveo-ls-vod-grid{grid-template-columns:1fr}}
.musiveo-ls-vod-tile{border-radius:8px;overflow:hidden;transition:transform .2s ease;cursor:pointer}
.musiveo-ls-vod-tile:hover{transform:translateY(-2px)}
.musiveo-ls-vod-tile__thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0f0f0f}
.musiveo-ls-vod-tile__thumb img{width:100%;height:100%;object-fit:cover}
.musiveo-ls-vod-tile__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#181818;min-height:120px}
.musiveo-ls-vod-tile__placeholder--twitch{background:linear-gradient(135deg,#1a1028,#0e0a1a)}
.musiveo-ls-vod-tile__placeholder--youtube{background:linear-gradient(135deg,#1a0a0a,#0e0a0a)}
.musiveo-ls-vod-tile__overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);transition:background .25s ease}
.musiveo-ls-vod-tile__thumb:hover .musiveo-ls-vod-tile__overlay{background:rgba(0,0,0,.3)}
.musiveo-ls-vod-tile__play-btn{opacity:0;transform:scale(.8);transition:all .25s ease}
.musiveo-ls-vod-tile__play-btn svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.musiveo-ls-vod-tile__thumb:hover .musiveo-ls-vod-tile__play-btn{opacity:1;transform:scale(1)}
.musiveo-ls-vod-tile__duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:3px;font-size:12px;font-weight:600}
.musiveo-ls-vod-tile__platform{position:absolute;top:8px;left:8px;width:20px;height:20px;border-radius:4px;background-size:cover}
.musiveo-ls-platform--twitch{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239146FF'%3E%3Cpath d='M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714z'/%3E%3C/svg%3E")}
.musiveo-ls-platform--youtube{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF0000'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12z'/%3E%3C/svg%3E")}
.musiveo-ls-vod-tile__info{padding:10px 4px}
.musiveo-ls-vod-tile__title{display:block;font-weight:600;font-size:14px;line-height:1.3;margin-bottom:4px}
.musiveo-ls-vod-tile__meta{display:flex;align-items:center;column-gap:8px;row-gap:4px;font-size:12px;line-height:1.5;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}
.musiveo-ls-no-vods{padding:40px 20px;font-size:16px}
.musiveo-ls-theme-dark .musiveo-ls-vod-tile{color:var(--mls-text,#fff)}
.musiveo-ls-theme-dark .musiveo-ls-vod-tile__meta{color:var(--mls-text-muted,#b0b0b0)}
.musiveo-ls-theme-light .musiveo-ls-vod-tile{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.musiveo-ls-theme-light .musiveo-ls-vod-tile:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}
.musiveo-ls-theme-light .musiveo-ls-vod-tile__meta{color:#666}

/* VOD Modal */
.musiveo-ls-vod-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;display:flex;justify-content:center;align-items:center}
.musiveo-ls-vod-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85)}
.musiveo-ls-vod-modal__content{position:relative;width:90vw;max-width:1200px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.musiveo-ls-vod-modal__close{position:absolute;top:12px;right:12px;z-index:10;background:rgba(0,0,0,.6);border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.musiveo-ls-vod-modal__close:hover{background:rgba(148,0,211,.8)}
.musiveo-ls-vod-modal__player{width:100%;padding-top:56.25%;position:relative}
.musiveo-ls-vod-modal__player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}

/* Live Badge */
.musiveo-ls-global-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#e74c3c;color:#fff}
.musiveo-ls-global-badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:musiveo-ls-badge-pulse 1.5s ease-in-out infinite}

/* Unified Player */
.musiveo-ls-player{width:100%;margin-bottom:24px;border-radius:12px;overflow:hidden;background:#000;position:relative}
html{scroll-padding-top:80px}
.musiveo-ls-player__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666;gap:16px}
.musiveo-ls-player__placeholder svg{opacity:0.3}
.musiveo-ls-player__placeholder p{margin:0;font-size:16px;opacity:0.6}
.musiveo-ls-player__body{display:flex;gap:0;width:100%;min-height:0;max-height:75vh}
.musiveo-ls-player__video{flex:1;min-width:0;aspect-ratio:16/9;position:relative;background:#000;min-height:0}
.musiveo-ls-player__video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.musiveo-ls-player__chat{width:340px;flex-shrink:0;background:#181818;min-height:0}
.musiveo-ls-player__chat iframe{width:100%;height:100%;border:none}
.musiveo-ls-player__info{display:flex;align-items:center;gap:12px;padding:12px 96px 12px 16px;background:#000000;color:#fff;position:relative}
.musiveo-ls-player__name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:6px}
.musiveo-ls-player__game{font-size:13px;color:#b0b0b0}
.musiveo-ls-player__viewers{font-size:12px;color:#b0b0b0;margin-left:auto}
.musiveo-ls-player__close{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);border:none;color:#fff;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}
.musiveo-ls-player__close:hover{background:rgba(148,0,211,.8)}
.musiveo-ls-player__chat-toggle{position:absolute;top:8px;right:48px;background:rgba(0,0,0,.6);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}
.musiveo-ls-player__chat-toggle:hover{background:rgba(148,0,211,.8)}
.musiveo-ls-player__chat-toggle.musiveo-ls-chat-collapsed{color:#888}
.musiveo-ls-player__body.musiveo-ls-chat-hidden .musiveo-ls-player__chat{display:none}
.musiveo-ls-player__body.musiveo-ls-chat-hidden .musiveo-ls-player__video{flex:1}
.musiveo-ls-player--vod .musiveo-ls-player__video{aspect-ratio:16/9}
@media(max-width:900px){.musiveo-ls-player__body{flex-direction:column;max-height:none}.musiveo-ls-player__chat{width:100%;height:50vh;max-height:none}.musiveo-ls-player__info{flex-wrap:wrap;padding:8px 16px;gap:6px}.musiveo-ls-player__name{font-size:13px}.musiveo-ls-player__game{font-size:12px}.musiveo-ls-player__viewers{font-size:11px;margin-left:0}.musiveo-ls-player__close{top:4px;right:4px;width:28px;height:28px;font-size:16px}.musiveo-ls-player__chat-toggle{top:4px;right:38px;width:28px;height:28px}}
@media(max-width:600px){.musiveo-ls-player__info{padding:6px 12px;gap:4px}.musiveo-ls-player__name{font-size:12px}.musiveo-ls-player__game{font-size:11px;display:none}.musiveo-ls-player__viewers{font-size:10px}.musiveo-ls-player__close{top:2px;right:2px;width:26px;height:26px;font-size:14px}.musiveo-ls-player__chat-toggle{top:2px;right:32px;width:26px;height:26px}}

/* Clickable tiles */
.musiveo-ls-tile--clickable{cursor:pointer}

/* VOD player (reuses unified player styles) */
.musiveo-ls-vods .musiveo-ls-player{margin-bottom:20px}

/* Following Status */
.musiveo-ls-following{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;width:100%}
.musiveo-ls-following__item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:8px;transition:all .2s ease;cursor:pointer}
.musiveo-ls-following__item--live{background:rgba(40,167,69,.08)}
.musiveo-ls-following__item--live:hover{background:rgba(40,167,69,.15)}
.musiveo-ls-following__item--offline{opacity:0.6}
.musiveo-ls-following__item--offline:hover{opacity:0.8}
.musiveo-ls-following__avatar-wrap{position:relative;flex-shrink:0}
.musiveo-ls-following__avatar{width:48px;height:48px;border-radius:50%}
.musiveo-ls-following__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.musiveo-ls-following__name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px}
.musiveo-ls-following__offline-label{font-size:12px;color:#666;font-weight:400}
.musiveo-ls-following__game{font-size:13px;color:#b0b0b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.musiveo-ls-following__title{font-size:12px;color:#b0b0b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.musiveo-ls-following__viewers{font-size:12px;color:#b0b0b0;white-space:nowrap;flex-shrink:0}
.musiveo-ls-following__none,.musiveo-ls-following__empty,.musiveo-ls-following__login{text-align:center;padding:40px 20px;font-size:16px}

/* Hidden items + Show More */
.musiveo-ls-user-item--hidden{display:none !important}
.musiveo-ls-following__item--hidden{display:none !important}
.musiveo-ls-show-more{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:10px 24px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:transparent;color:#b0b0b0;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content;grid-column:1/-1}
.musiveo-ls-show-more:hover{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}

/* VOD tile placeholder color fix */
.musiveo-ls-vod-tile__placeholder{background:#181818}
.musiveo-ls-vod-tile__placeholder--fallback{background:linear-gradient(135deg,#1a1028,#0e0a1a) !important}

/* Hide plays-block Plyr mini player when livestream player is active */
.musiveo-ls-player__body[style*="display: flex"]~.musiveo-ls-grid~.plyr-playlist,
body:has(.musiveo-ls-player__body[style*="display: flex"]) .plyr-playlist{display:none !important}

/* Full-width player override */
.musiveo-ls-container:has(.musiveo-ls-player__body[style*="display: flex"]){max-width:100% !important}
/* musiveo-loops-style */
/**
 * ----------------------------------------------------------------------------
 * #.# Loop CSS
 * ----------------------------------------------------------------------------
 */

:root{
  --loop-cols: 5;
  --loop-xs-cols: 2;
  --loop-rows: 1;
  --loop-columns: max( var(--loop-cols) - 4, var(--loop-xs-cols) );
  --loop-grid-gap: 1.5rem;
  --loop-row-gap: 1rem;
  --loop-max-width: 100%;
  --loop-min-width: 0;
  --loop-line: 2;
  --loop-line-height: 1.3;
  --loop-ratio: 1;
  --loop-radius: 6px;
  --loop-center-width: 70%;
  --loop-font-size: 0.9375rem;;
}

.is-loop-icon{
  display: inline-flex;
  align-items: center;
  grid-gap: 0.25em;
}
.is-loop-icon:before,
.is-loop-icon:after{
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  border: 0.125em solid currentColor;
  transform: rotate(45deg);
  border-radius: 100%;
  order: -1;
}
.is-loop-icon:before{
  border-top-right-radius: 0;
}
.is-loop-icon:after{
  border-bottom-left-radius: 0;
}

.wp-block-loop{
  position: relative;
}
.block-loop-items{
  margin-bottom: 1.5rem;
  list-style: none;
  display: grid;
  grid-gap: var(--loop-grid-gap);
  --loop--cols: calc((var(--loop-max-width) - (var(--loop-columns) - 1) * var(--loop-grid-gap)) / var(--loop-columns));
  grid-template-columns: repeat(auto-fill, minmax(var(--loop--cols),1fr));
}

/*
 * THE LOOP WRAPPER IS A BLOCK, NOT A TRACK.
 *
 * This used to read `display: grid` with `grid-auto-flow: column` and the
 * grid-auto-* sizing below, because in an older markup the WRAPPER was the thing
 * that scrolled. It is not any more: `.block-loop-items` is the track, and
 * `loop.js` measures and scrolls that.
 *
 * Leaving the wrapper as a column-flow grid made `.block-loop-items` a GRID ITEM,
 * and a grid item with no explicit track sizes its content. So the track collapsed
 * to the width of one card -- measured on a 1200px column it came out 221px wide --
 * and every rule that sizes cards by percentage or by `auto-fill` then resolved
 * against that 221px instead of the column. That is the loop that renders as a
 * narrow two-column cluster on first paint and then snaps to the right count once
 * `loop.js` writes pixel widths over the top.
 *
 * So the wrapper is a plain block: full width, and the track inside it is free to
 * be a full-width flex row or a grid.
 */
[data-plugin="slider"],
.block-loop-slider{
  display: block;
  overflow: visible;
  box-sizing: border-box;
}

/*
 * A SLIDER TRACK IS A FLEX ROW IN THE FIRST FRAME, NEVER A GRID.
 *
 * `.block-loop-items` above is `display: grid` with
 * `repeat(auto-fill, minmax(var(--loop--cols), 1fr))`, and that track size is a
 * PERCENTAGE, so the browser decides how many columns fit from the width it has at
 * layout time. `loop.js` later flips the same element to `display: flex` and writes
 * an exact pixel width per card from `slidesToShow`. Between first paint and that
 * script -- a footer script, so it is never early -- the block was a grid being
 * graded by width, then a flex row of N. A loop set to five cards visibly flashed
 * a narrow grid first and snapped to five afterwards, on every load.
 *
 * So the stylesheet states the same arithmetic the script does, from `--loop-slides`
 * (emitted by `custom_properties()` from the same `cols` that becomes
 * `slidesToShow`). The script then re-states it in pixels and the two agree, so the
 * hand-off is invisible. `calc()` over `100%`, deliberately NOT `--loop-max-width`,
 * because that is the basis `measure()` uses.
 */
[data-plugin="slider"] .block-loop-items,
.wp-block-loop-slider .block-loop-items {
  display: flex;
  flex-wrap: nowrap;
  grid-template-columns: none;
  gap: var(--loop-grid-gap);
  overflow-x: auto;
  overscroll-behavior-x: none;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  /*
   * `none`, and the bar stays hidden.
   *
   * The row does scroll -- cards are a share of the track and the peek in
   * `loop.js` deliberately leaves the next card's edge showing -- but a bar
   * under every row on /browse/ reads as clutter. The visible sliver of the
   * next card is the affordance instead. Same as the old loops-block sheet.
   */
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
[data-plugin="slider"] .block-loop-items > *,
.wp-block-loop-slider .block-loop-items > * {
  flex: 0 0 calc((100% - (var(--loop-slides, 4) - 1) * var(--loop-grid-gap)) / var(--loop-slides, 4));
  max-width: calc((100% - (var(--loop-slides, 4) - 1) * var(--loop-grid-gap)) / var(--loop-slides, 4));
  scroll-snap-align: start;
}

/*
 * THE HEADER IS A ROW: TITLE + SUBTITLE LEFT, "MORE" ALL THE WAY RIGHT.
 *
 * `.block-loop-title` is a flex row with `space-between`. The heading and subtitle
 * flow inline on the left; the more pill sits at the far end.
 */
.block-loop-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.block-loop-heading-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/*
 * THE ARROWS SIT UNDER THE LOOP, ALL THE WAY RIGHT.
 *
 * `loop.js` appends them to the loop wrapper after the track. Static and
 * right-aligned, so they read as a control row under the loop instead of floating
 * over the header's top-right corner.
 */
.wp-block-loop-slider > .block-loop-slider-arrows {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 12px 0 0;
}
.wp-block-loop-slider > .block-loop-slider-arrows button {
  position: static;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.block-loop-snaps .block-loop-items::-webkit-scrollbar,
.block-loop-slider::-webkit-scrollbar {
  display: none;
}

.block-loop-snaps .block-loop-items{
  position: fixed;
  z-index: 2;
  left: 0;
  right: 0;
  top: var(--navbar-height);
  bottom: var(--mobile-menu-height);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  overscroll-behavior-y: none;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
  border-radius: var(--loop-radius);
  margin-bottom: 0;
}

.block-slider-scrolling{
  -ms-scroll-snap-type: none;
  scroll-snap-type: none;
  scroll-behavior: inherit;
}
.block-slider-scrolling video{
  display: none !important;
}

[data-plugin="slider"] .entry-content > *,
.block-loop-slider .entry-content > *{
  width: 100% !important;
  max-width: 100% !important;
}
.block-loop-snaps > *,
.block-loop-slider > *{
  scroll-snap-align: start;
}

.column-sm-gap{
  --column-gap: var(--loop-grid-gap, 1rem);
}

@media (max-width: 1000px){
  .is-stacked-tablet{
    flex-wrap: wrap !important;
  }
  .is-stacked-tablet > .wp-block-column{
    flex-basis: 100% !important;
  }
}

@media (min-width: 420px){
  .wp-block-loop{
    --loop-columns: max( min(var(--loop-cols), 5) - 3, 2 );
  }
}

@media (min-width: 640px){
  .wp-block-loop{
    --loop-columns: max( var(--loop-cols) - 2, 2 );
  }
}

@media (min-width: 960px){
  .wp-block-loop{
    --loop-columns: max( var(--loop-cols) - 1, 3 );
  }
}

@media (min-width: 1260px){
  .wp-block-loop{
    --loop-columns: var(--loop-cols);
  }
}

.grid-1{
  --loop-columns: 1 !important;
}
.grid-2{
  --loop-columns: 2 !important;
}
.grid-3{
  --loop-columns: 3 !important;
}

@media (max-width: 419px){
  .grid-xs-1{
    --loop-columns: 1 !important;
  }
  .grid-xs-2{
    --loop-columns: 2 !important;
  }
  .grid-xs-3{
    --loop-columns: 3 !important;
  }
}

@media (max-width: 781px){
  .grid-sm-1{
    --loop-columns: 1 !important;
  }
  .grid-sm-2{
    --loop-columns: 2 !important;
  }
  .grid-sm-3{
    --loop-columns: 3 !important;
  }
}

@media (max-width: 991px){
  .grid-md-1{
    --loop-columns: 1 !important;
  }
  .grid-md-2{
    --loop-columns: 2 !important;
  }
  .grid-md-3{
    --loop-columns: 3 !important;
  }
}

@media (min-width: 1400px){
  .grid-xl-1{
    --loop-columns: 1 !important;
  }
  .grid-xl-2{
    --loop-columns: 2 !important;
  }
  .grid-xl-3{
    --loop-columns: 3 !important;
  }
}
.block-loop-subtitle{
  color: var(--text-secondary-color, #888);
  line-height: 1.1;
  text-transform: none;
}

.block-loop-nav{
  opacity: 0;
  transition: opacity 0.2s;
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 5;
  height: 0;
  width: calc(100% + 2.5rem);
  left: -1.25rem;
  top: var(--top, 50%);
}
.alignfull > .block-loop-nav{
  width: calc(100% - 2.5rem);
  left: 1.25rem;
}

.block-loop-nav span{
  flex: 1;
}
.wp-block-loop:hover .block-loop-nav{
  opacity: 1;
}
.block-loop-nav button{
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.block-loop-nav button svg{
  pointer-events: none;
  transform: rotate(var(--transform-rotate, 0));
}

.block-loop-dot-overlay .block-loop-dot{
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 1rem;
  transform: translate(-50%, 0);
  color: #fff;
}
.block-loop-dot-left .block-loop-dot{
  margin: -4rem auto 0 auto;
  text-align: left;
  max-width: var(--content-width);
  width: calc(100% - var(--x-gap) * 2);
}
.block-loop-dot{
  text-align: center;
}
.block-loop-dot button{
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border-radius: 2rem;
  border: none;
  background-color: transparent;
  color: inherit;
}
.block-loop-dot button:after{
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin: 0 auto;
  background-color: currentColor;
  opacity: 0.5;
}
.block-loop-dot button.active:after{
  opacity: 1;
}

.block-loop-center{
  --loop-columns: 1;
  --loop-max-width: var(--loop-center-width) !important;
}
.block-loop-center .block-loop-item{
  scroll-snap-align: center;
}
.block-loop-center .block-loop-nav > div{
  height: var(--height);
  width: calc(50% - var(--loop-center-width)/2);
  display: flex;
  align-items: center;
}
.block-loop-center .block-loop-nav .slider-right-btn{
  justify-content: flex-end;
}

.scroller {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 44px;
  max-width: 100%;
  padding: 0.65rem 1.1rem;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  background: #18181b;
  color: #fff;
  border: 1px solid #414148;
  border-radius: 12px;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  transition: background-color .15s, border-color .15s;
}
.scroller:hover { background: #25252a; border-color: #85858e; color: #fff; }
.scroller:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.scroller svg { width: 18px; height: 18px; flex: 0 0 18px; }
.scroller.is-loading { cursor: wait; pointer-events: none; }
.scroller.has-error { border-color: #ef4444; }
.scroller.is-loading > svg { display: none; }
.scroller.is-loading::before {
  content: ''; width: 18px; height: 18px; flex: 0 0 18px;
  box-sizing: border-box; border: 2px solid #ffffff45; border-top-color: currentColor;
  border-radius: 50%; animation: musiveo-spin .8s linear infinite;
}
.musiveo-load-more-centered { width: fit-content; margin: 1.25rem auto 0; }
@keyframes musiveo-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .scroller { transition: none; }
  .scroller.is-loading::before { animation: none; }
}
.wp-block-loop .scroller,
.wp-block-loop .pagination,
.block-loop-empty{
  grid-column: 1/-1;
  order: 10000;
}

.pagination .nav-links{
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .page-numbers{
  padding: 0.25em;
  text-decoration: none;
}
.wp-block-loop .navigation .prev,
.wp-block-loop .navigation .next{
  line-height: 0;
}

.wp-block-loop .navigation .prev:before,
.wp-block-loop .navigation .next:before,
.wp-block-loop .navigation .nav-prev-text,
.wp-block-loop .navigation .nav-next-text{
  display: none;
}
.block-loop-item{
  position: relative;
  padding: 0;
  max-width: 100%;
  border-radius: var(--loop-radius);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  /*snap*/
  scroll-snap-align: start;
  order: 10;
  font-size: var(--loop-font-size);
}
.block-loop-item:nth-child(1){ order: 0; }
.block-loop-item:nth-child(2){ order: 1; }
.block-loop-item:nth-child(3){ order: 2; }
.block-loop-item:nth-child(4){ order: 3; }
.block-loop-item:nth-child(5){ order: 4; }
.block-loop-item:nth-child(6){ order: 5; }
.block-loop-item:nth-child(7){ order: 6; }
.block-loop-item:nth-child(8){ order: 7; }
.block-loop-item:nth-child(9){ order: 8; }

.block-loop-item .entry-header,
.block-loop-item .post-thumbnail,
.block-loop-item .entry-content,
.block-loop-item .entry-footer{
  width: 100%;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}
/*
 * LIKE AND MORE ARE SIBLINGS, NOT A COLUMN.
 *
 * `display: flex` for this row was only ever declared under `.block-loop-row`,
 * so a GRID or SLIDER card inherited the plain block default and dropped each
 * button onto its own line -- the vertical "heart / ellipsis" stack.
 *
 * Declared on the base selector instead, with the same properties the row
 * variant already uses, so grid cards, slider cards and row cards agree.
 * `flex-wrap` is kept so a narrow card wraps rather than overflowing.
 */
.block-loop-item .entry-footer{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}
.block-loop-item .entry-header{
  margin-bottom: 1rem;
}
.block-loop-item .entry-footer{
  margin-bottom: 1rem;
}

.block-loop-item .entry-header{
  padding: var(--loop-header-gap, 0.5rem) 0;
  margin: 0;
  flex: 1;
  display: flex;
  align-items: flex-start;
  grid-gap: var(--loop-header-gap, 0.5rem);
}
.block-loop-item .entry-title{
  margin: 0;
  font-weight: 500;
  letter-spacing: 0;
}
.block-loop-item .entry-subtitle{
  color: var(--text-secondary-color, #888);
}
.block-loop-item a{
  text-decoration: none;
}
.block-loop-item .entry-meta{
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0;
  margin: 0;
  color: var(--text-secondary-color, #888);
}
.block-loop-item .entry-title,
.block-loop-item .entry-excerpt,
.block-loop-item .byline .author,
.block-loop-item .entry-artist,
.wp-block-loop-user .entry-title a{
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: var(--loop-line);
  line-height: var(--loop-line-height);
  font-size: inherit;
  overflow: hidden;
  padding-bottom: 0.1em;
  word-break: break-word;
  word-wrap: break-word;
}
.block-loop-item .entry-excerpt{
  --loop-line: 2;
}
.wp-block-loop-user .entry-title a,
.block-loop-item .byline .author{
  --loop-line: 1;
}

.block-loop-item .entry-meta > span{
  margin: 0;
}

.block-loop-item .wp-video,
.block-loop-item .wp-video video{
  width: 100% !important;
  height: auto;
  border-radius: inherit;
}
.block-loop-item.attachment,
.block-loop-item .attachment{
  float: none;
  width: 100%;
}
.block-loop-item.attachment audio ~ p{
  display: none;
}
.block-loop-item .post-thumbnail br,
.block-loop-item .post-thumbnail p{
  display: none;
}

.block-loop-item .post-thumbnail{
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  border-radius: inherit;
  background-color: rgba(110,120,130,0.2);
}
.block-loop-item .btn-follow{
  height: 1.25rem;
  padding: 0 .5rem;
  font-size: 12px !important;
  vertical-align: text-bottom;
  align-self: auto;
  border: 1px solid #303030;
  margin: .25rem;
}
 
.block-loop-item .btn-follow.btn-follow{
  min-height: 1.25rem;
}
 
.btn-follow .following{
  display: none;
}
.btn-follow.active .follow{
  display: none;
}
.btn-follow.active .following{
  display: inline;
}
.btn-follow:not(.active){
  background-color: transparent;
}
.btn-follow.active{
  background-color: currentColor;
}
.btn-follow.active span{
  color: #fff;
}
.block-loop-item .post-thumbnail a{
  border-radius: inherit;
}
.block-loop-item .post-thumbnail img,
.block-loop-item .post-thumbnail video,
.block-loop-item .post-thumbnail .avatar{
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.block-loop-item .post-thumbnail:after{
  padding-top: calc(100% / var(--loop-ratio));
  min-height: auto;
  content: "";
  width: 100%;
  display: block;
}
.block-loop-item .entry-action{
  opacity: 0;
  pointer-events: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  padding: 0 5%;
  border-radius: inherit;
  transform: translate(-50%, -50%);
  transition: opacity .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
}
.block-loop-item .entry-action .count{
  display: none;
}
.block-loop-item .entry-action.show{
  z-index: 10;
}
.block-loop-item .entry-action button,
.block-loop-item .entry-action button:hover{
  flex-shrink: 0;
}
.entry-action-link{
  position: absolute;
  width: 100%;
  height: 100%;
}
.block-loop-item-link{
  padding: 0.75rem 1rem;
  background-color: var(--btn-background, rgba(150,155,160,0.2));
  border-radius: var(--btn-radius, 0.5rem);
}
.block-loop-item-link:hover,
.block-loop-item-link.active{
  background-color: var(--btn-background-hover, rgba(150,155,160,0.3));
}
.block-loop-item:hover .entry-action,
.block-loop-item:active .entry-action,
.block-loop-item.active .entry-action,
.block-loop-item:has(> .post-thumbnail .btn-play.active) > .post-thumbnail .entry-action,
.block-loop-item:focus-within > .post-thumbnail .entry-action,
.block-loop-item:hover .entry-header-inner ~ .btn-more{
  opacity: 1;
  pointer-events: initial;
}
.block-loop-item .count,
.comment-toolbar .count,
.entry-meta .count{
  color: var(--text-secondary-color, #888);
  padding-inline-start: 0.5rem;
  -webkit-padding-start: 0.5rem;
}
.block-loop-row .play-count{
  padding: 0 0.5rem;
}
.block-loop-item .entry-avatar{
  width: 36px;
  flex-shrink: 0;
}
.block-loop-item .entry-footer{
  display: none;
  margin: 0;
}
.block-loop-item .entry-description{
  font-size: 0.875rem;
}
.block-loop-item .entry-description p{
  margin-bottom: 0;
}
.block-loop-item .waveform{
  width: 100%;
}
.block-loop-index.block-loop-row .waveform:before{
  content: "";
  display: inline-block;
  min-width: 1rem;
}
.wp-block-loop .btn-play{
  font-size: 1.125rem;
}
.block-loop-row .btn-play{
  font-size: 0.875rem;
}

.wp-block-loop-user{
  --user-loop-columns: var(--loop-columns);
  --user-card-min: 14rem;
}
.wp-block-loop-user:not(.wp-block-loop-slider) > .block-loop-items{
  grid-template-columns: repeat(auto-fit, minmax(min(100%, max(var(--user-card-min), calc((100% - (var(--user-loop-columns) - 1) * var(--loop-grid-gap)) / var(--user-loop-columns)))), 1fr));
}
.wp-block-loop-user .block-loop-items > .block-loop-item-user{
  padding: 1rem;
  border: 1px solid var(--musiveo-dark-border, #ffffff18);
  border-radius: 16px;
  background: var(--mte-surface, #ffffff04);
  align-self: stretch;
}
.wp-block-loop-user .block-loop-items > .block-loop-item-user.has-user-cover{
  background-image: linear-gradient(rgba(0,0,0,.78), rgba(0,0,0,.78)), var(--mus-user-cover);
  background-size: cover;
  background-position: center;
}
.wp-block-loop-user .block-loop-item-user > .post-thumbnail{
  width: 88px;
  max-width: 100%;
  margin: 0 auto 14px;
  --loop-ratio: 1;
  border-radius: 50% !important;
  align-self: center;
  flex-shrink: 0;
}
.wp-block-loop-user .block-loop-item-user .post-thumbnail img{
  aspect-ratio: 1;
  object-fit: cover;
}
.wp-block-loop-user .block-loop-item-user .entry-header{
  padding: 0;
  min-width: 0;
  width: 100%;
  align-self: stretch;
  text-align: start;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
.wp-block-loop-user .block-loop-item-user .entry-header-inner{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center !important;
  min-width: 0;
  width: 100%;
  gap: 6px 8px !important;
}
.wp-block-loop-user .user-card-details{
  flex: 1 1 6rem;
  min-width: min(6rem, 100%);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.wp-block-loop-user .user-card-heading{
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px 8px;
  min-width: 0;
}
.wp-block-loop-user .user-card-heading .entry-title{
  display: flex;
  flex: 0 1 auto;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  min-width: 0;
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
}
.wp-block-loop-user .user-card-heading .entry-title > a{
  min-width: 0;
  --loop-line: 2;
  --loop-line-height: 1.35;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: normal;
}
.wp-block-loop-user .user-card-heading .entry-title > :not(a){ flex-shrink: 0; }
.wp-block-loop-user .user-card-actions{
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  margin-inline-start: auto;
}
.wp-block-loop-user .user-card-actions:empty{ display: none; }
.wp-block-loop-user .user-card-actions .btn-follow{
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0 !important;
  max-width: 100%;
  min-height: 36px !important;
  height: auto !important;
  margin: 0 !important;
  padding: .375rem .625rem !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  border-radius: 999px;
  white-space: nowrap !important;
  overflow-wrap: normal;
}
.wp-block-loop-user .user-card-actions .btn-follow:not(.active) > .follow,
.wp-block-loop-user .user-card-actions .btn-follow.active > .following{
  white-space: nowrap !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  min-width: 0;
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
}
.wp-block-loop-user .user-card-actions .btn-follow.active{
  color: var(--text-color, #fff) !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
}
.wp-block-loop-user .user-card-actions .btn-follow.active > .following{
  color: inherit;
  font-size: 0 !important;
  line-height: 1;
  width: 100%;
  height: 100%;
  justify-content: center;
  gap: 0;
}
.wp-block-loop-user .user-card-actions button.btn-follow svg{ width: 14px !important; min-width: 14px !important; max-width: 14px !important; height: 14px !important; min-height: 14px !important; max-height: 14px !important; flex: 0 0 14px !important; color: inherit !important; }
.wp-block-loop-user .user-card-actions .btn-follow-notify{
  width: 36px !important;
  min-width: 36px !important;
  height: 36px;
  min-height: 36px;
  margin: 0 !important;
}
.wp-block-loop-user .block-loop-item-user .user-follower-count{
  display: block;
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--text-secondary-color, #a9a9b2);
}
.wp-block-loop-user.block-loop-row{
  --user-card-min: 20rem;
  --loop-grid-gap: .75rem;
}
.wp-block-loop-user.block-loop-row .block-loop-items > .block-loop-item-user{
  align-items: center;
  gap: 12px;
}
.wp-block-loop-user.block-loop-row .block-loop-item-user > .post-thumbnail{
  width: 48px;
  height: 48px;
  margin: 0;
}
@media (max-width: 480px){
  .wp-block-loop-user.block-loop-row .block-loop-items > .block-loop-item-user{ padding: 12px; gap: 8px; }
  .wp-block-loop-user.block-loop-row .block-loop-item-user > .post-thumbnail{ width: 40px !important; height: 40px; }
}
/* row style */
.block-loop-row{
  --loop-columns: 1;
}
.hide-more-actions .entry-footer > *:not(.btn-more){
  display: none;
}
.block-loop-row .block-loop-item{
  display: flex;
  grid-gap: var(--loop-row-gap);
  flex-direction: row;
  align-items: flex-start;
}
.block-loop-row .entry-header{
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  align-items: center;
  align-self: stretch;
  grid-gap: 0;
}
.block-loop-row .block-loop-default .entry-title{ text-align: start; }
.wp-block-loop.block-loop-row .block-loop-item.block-loop-default > .entry-header{
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 6px 12px;
}
.wp-block-loop.block-loop-row .block-loop-item.block-loop-default > .entry-header > .entry-header-inner{
  flex: 1 1 8rem !important;
  width: auto !important;
}
.wp-block-loop.block-loop-row .block-loop-item.block-loop-default > .entry-header > .entry-footer{
  flex: 0 0 auto;
  width: auto;
  margin: 0;
  margin-inline-start: auto;
}

.block-loop-row .entry-avatar{
  display: none;
}
.block-loop-row .post-thumbnail{
  width: 6rem;
  min-width: var(--loop-min-width);
}

/* mixed  */
.block-loop-mixed .block-loop-item{
  display: flex;
  grid-gap: var(--loop-row-gap);
  flex-direction: row;
  --loop-header-gap: 0;
  align-items: center;
}
.block-loop-mixed .block-loop-item:first-child{
  grid-column: span calc(var(--loop-columns)/2);
  grid-row: span var(--loop-rows, 4);
  align-items: stretch;
}
.block-loop-mixed .block-loop-item:not(:first-child){
  grid-column: span calc(var(--loop-columns)/2);
}
.block-loop-mixed .block-loop-item:not(:first-child) .post-thumbnail{
  width: 33%;
}
@media (max-width: 576px){
  .block-loop-mixed .block-loop-items{
    --loop-columns: 1;
  }
}

/* size  */
.block-loop-xs{
  --loop-line: 1;
}
.block-loop-xs .btn-play{
  font-size: 0.75rem;
}
.block-loop-xs .post-thumbnail{
  width: 3rem;
  border-radius: 5px;
  min-width: auto;
}
.block-loop-sm .post-thumbnail{
  width: 4rem;
  border-radius: 7px;
  min-width: auto;
}
.block-loop-lg .post-thumbnail{
  width: 10rem;
  min-width: auto;
}

.block-loop-autotype .block-loop-items{
  --loop-columns: 1;
}
.has-loop-posts .block-loop-items{
  grid-gap: 0;
  --loop-columns: 1;
}
.has-loop-posts .block-loop-item{
  padding: 0.5rem 0.5rem;
}
.has-loop-posts .entry-header{
  flex-wrap: nowrap;
  padding: 0;
}
.has-loop-posts .post-thumbnail{
  border-radius: 2px;
  width: 3rem;
  flex-shrink: 0;
}
.has-loop-posts.block-loop-index .icon-play{
  display: none;
  padding: 0.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
}
.has-loop-posts.block-loop-index .block-loop-item:hover:before,
.has-loop-posts.block-loop-index .block-loop-item.active:before{
  color: transparent;
}
.has-loop-posts.block-loop-index .block-loop-item:hover .icon-play,
.has-loop-posts.block-loop-index .block-loop-item.active .icon-play{
  display: block;
}
.has-loop-posts .block-loop-item:hover{
  background-color: var(--tracks-item-odd-color, rgba(150,155,160,0.1));
}
.has-loop-posts .block-loop-item.active{
  background-color: var(--tracks-item-hover-color, rgba(150,155,160,0.2));
}
.has-loop-posts .icon-plus{
  display: none;
}
.is-album .has-loop-posts .entry-title a,
.is-album .has-loop-posts .entry-meta a{
  pointer-events: none;
}
.has-loop-posts .entry-meta{
  justify-content: flex-start !important;
}
.is-album .has-loop-posts .post-thumbnail{
  display: none;
}
.is-series .has-loop-posts .block-loop-items{
  margin: 0 -1rem;
}
.is-series .has-loop-posts .block-loop-item{
  padding: 0.75rem 1rem;
  border: none !important;
}
.is-series .has-loop-posts .block-loop-item .entry-header{
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-border);
}
.is-series .has-loop-posts .block-loop-item.active .entry-header,
.is-series .has-loop-posts .block-loop-item:hover .entry-header{
  border-color: transparent;
}
.is-series .has-loop-posts .btn-play{
  border:1px solid var(--color-border);
  background-clip: padding-box;
}
.is-series .has-loop-posts .block-loop-item > .btn-play{
  align-self: flex-start;
}
.block-loop-row .entry-description,
.block-loop-row .entry-info,
.is-series .entry-description,
.is-series .entry-info{
  margin-bottom: 0;
}
.block-loop-row .entry-info .play-duration,
.is-series .entry-info .play-duration{
  padding: 0;
}

.block-loop-inline .entry-header{
  grid-gap: 1.5rem;
}
.block-loop-inline > button.btn-play{
  transform: scale(1.0);
}
.block-loop-inline .btn-play-waveform{
  display: none;
}
.block-loop-inline .waveform{
  flex: 1;
}

.entry-header-inner{
  flex: 1;
  max-width: 100%;
}
.entry-header-inner ~ .btn-more{
  margin: -0.375rem -0.5rem;
  opacity: 0;
}
.entry-header-inner .entry-artist,
.entry-header-inner .byline{
  width: 100%;
  justify-content: inherit;
}
.entry-header-inner .byline{
  display: flex;
  align-items: center;
}
.entry-meta-date{
  font-size: 0.75rem;
}
.entry-header-inner .play-count + .entry-meta-date:before{
  display: inline-block;
  text-align: center;
  content: '\00B7';
  color: var(--text-secondary-color);
  width: 1rem;
  font-weight: bold;
}
.block-loop-item .entry-header-inner .btn-purchase,
.block-loop-item .add_to_cart_inline{
  margin: 4px 0;
}
.block-loop-item .add_to_cart_inline .btn-purchase,
.block-loop-item form{
  margin: 0 !important;
}
.has-loop-posts .btn-purchase,
.has-loop-posts .add_to_cart_inline,
.block-loop-xs .btn-purchase,
.block-loop-xs .add_to_cart_inline{
  display: none;
}

.block-loop-item .added_to_cart,
.block-loop-item .btn-purchase,
.plyr-playlist .btn-purchase{
  font-size: 12px;
}
.block-loop-item .entry-action .btn-more{
  position: absolute;
  padding: 0.75em;
  bottom: 0;
  right: 0;
}
.block-loop-row .entry-action{
  justify-content: center;
}
.block-loop-row .post-thumbnail .entry-action .btn-like,
.block-loop-row .post-thumbnail .entry-action .btn-more{
  display: none;
}
.block-loop-row .entry-footer{
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}
.block-loop-row .count,
.block-loop-row .play-duration{
  font-size: 0.875em;
}
.block-loop-row .play-duration{
  padding: 0 0.5rem;
}
.play-count{
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.play-count:before{
  display: inline-block;
  width: 0px;
  height: 0px;
  content: "";
  border-left: 0.5em solid;
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  opacity: 0.5;
}
.btn-play + .play-count:before{
  display: none;
}

.entry-badge .play-duration{
  background-color: #000;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  border-radius: 4px;
  padding: 1px 4px;
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
}

.block-loop-index{
  counter-reset: li;
}
.block-loop-index:not(.block-loop-row) .block-loop-item .entry-header:before {
    content: counter(li);
    counter-increment: li;
    font-weight: normal;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: 0.75;
    min-width: 1rem;
}
.block-loop-index.block-loop-row .block-loop-item:before {
    content: counter(li);
    counter-increment: li;
    min-width: 1.5rem;
    font-weight: normal;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: 0.5;
    text-align: center;
    font-size: 0.9em;
    white-space: nowrap;
    align-self: center;
}

.block-loop-overlay .entry-header{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100% !important;
  padding: 0.75rem 1rem !important;
  box-sizing: border-box;
  color: #fff;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.85));
  border-radius: inherit;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  opacity: 0;
  pointer-events: none;
}
.block-loop-overlay .entry-header .entry-title{
  color: inherit;
  font-weight: 700;
}
.block-loop-overlay .entry-header .entry-subtitle,
.block-loop-overlay .entry-header .entry-meta{
  color: rgba(255,255,255,0.75);
}
.block-loop-overlay .entry-header a:hover{
  color: inherit;
}
.block-loop-overlay.block-loop-show-header .entry-header,
.block-loop-overlay .block-loop-item:hover .entry-header{
  opacity: 1;
  pointer-events: initial;
  z-index: 2;
}

.block-loop-overlay-center .entry-header{
  top: 0;
  opacity: 1;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.block-loop-overlay-center .entry-meta{
  justify-content: center;
}
/* ad */
.block-loop-ad .entry-meta{
  font-size: 0.75rem;
}
.block-loop-ad.block-loop-item .post-thumbnail{
  background-color: var(--color-primary);
}
.block-loop-overlay .block-loop-ad .entry-header {
  background: transparent;
  bottom: auto;
}
/* hero */
.block-loop-hero{
  --text-secondary-color: rgba(255,255,255,0.95);
  --button-radius: 3rem;
  --loop-hero-min-height: 15rem;
}
.block-loop-hero.wp-block-loop.alignfull{
  margin-left: 0;
  margin-right: 0;
  --loop-radius: 0;
  --loop-max-width: 100%;
  --loop-hero-min-height: clamp(20rem, 50vh, 30rem);
}
.entry-content > .block-loop-hero.wp-block-loop.alignfull .block-loop-items{
  padding: 0;
}
.block-loop-hero .block-loop-nav{
  top: auto;
  right: 2rem;
  bottom: 5rem;
  width: auto;
  justify-content: flex-end;
  gap: 0.5rem;
}
.block-loop-hero .count,
.block-loop-hero .block-loop-nav span{
  display: none;
}
.block-loop-hero .entry-header{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: var(--x-gap, 1.5rem);
  color: #fff;
  background: linear-gradient(-135deg, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 1) 100%);
  border-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex-direction: column;
}
.block-loop-hero .entry-header-inner{
  flex: none;
  margin-top: auto;
}
.block-loop-hero video{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.block-loop-hero .slider-active video{
  display: block;
}
.block-loop-hero .entry-meta{
  grid-gap: 1rem;
}
.block-loop-hero .entry-header .entry-title{
  font-size: clamp(1.75rem, 2.5vw, 3rem);
  font-weight: 600;
  line-height: 1;
  max-width: 40rem;
  margin-bottom: 1rem;
}
.block-loop-hero .byline{
  width: auto;
}
.block-loop-hero .btn-purchase{
  border-color: #fff;
  padding: 0.5rem 1rem;
}
.block-loop-hero .post-thumbnail{
  min-height: var(--loop-hero-min-height);
}
.block-loop-hero .btn-play{
  font-size: inherit;
}
.block-loop-hero.alignfull .entry-header .entry-title{
  font-size: clamp(1.75rem, 5vw, 5rem);
  max-width: 30rem;
}
.block-loop-hero .entry-header{
  z-index: 2;
  background: linear-gradient(180deg, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.7) 75%, var(--color-grey-800));
}
.block-loop-hero .post-thumbnail:before{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom:0;
  background: linear-gradient(-80deg, transparent 50%, rgba(0, 0, 0, 1) 100%);
}
.block-loop-hero .block-loop-dot{
  position: absolute;
  z-index: 3;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  color: #fff;
}
.block-loop-hero .byline,
.block-loop-hero .byline + *:before{
  display: none;
}

.block-loop-hide-byline .byline{
  display: none;
}
.block-loop-hide-footer .entry-footer{
  display: none;
}
.block-loop-hide-avatar .entry-avatar{
  display: none;
}
.block-loop-hide-meta .entry-footer > *:not(.btn-more){
  display: none;
}

/* short */
.block-loop-short-item{
  --loop-ratio: calc(9/16);
  --loop-radius: 1rem;
  --loop-line: 3;
  --height: calc( 100vh - var(--navbar-height) - var(--mobile-menu-height) - var(--loop-short-bottom-padding, 2rem) );
  height: var(--height);
  width: calc(var(--height) * 0.5625);
}
@supports (height: 100dvh) {
  .block-loop-short-item{
    --height: calc( 100dvh - var(--navbar-height) - var(--mobile-menu-height) - var(--loop-short-bottom-padding, 2rem) );
  }
}
.block-loop-short-item .entry-header{
  position: absolute;
  z-index: 99;
  bottom: 0;
  width: 100%;
  color: #fff;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.4));
  padding: 3rem 1rem 1rem;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.block-loop-short-item .entry-meta{
  grid-gap: 0.5rem;
  margin-top: 1rem;
}
.block-loop-short-item .btn-follow{
  padding: 1rem;
  border: none;
}
.block-loop-short-item .btn-follow:not(.active){
  color: #000;
  background-color: #fff;
}
.block-loop-short-item .byline{
  color: #fff;
  width: auto;
  flex: 1;
}
.block-loop-short-item.active .entry-action{
  opacity: 0;
}
.block-loop-short-item.active:hover .entry-action{
  opacity: 1;
}
.block-loop-short-item .post-thumbnail{
  border-radius: inherit !important;
  z-index: 2;
}
.block-loop-short-item.is-current .post-thumbnail .post-thumbnail-inner,
.block-loop-short-item.active .post-thumbnail .post-thumbnail-inner{
  display: none;
}
.block-loop-short-item .post-thumbnail .entry-action{
  background: linear-gradient(0deg, transparent, transparent 90%, rgba(0, 0, 0, 0.2));
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  height: auto;
  transform: none;
  left: 0;
  top: 0;
  padding: 0;
}
.block-loop-short-item .btn-play{
  position: relative !important;
  box-shadow: none !important;
  background-color: transparent !important;
  border: none;
  color: #fff;
}
.block-loop-short-item .btn-play:after{
  display: none;
}
.block-loop-short-item .entry-actions{
  position: absolute;
  left: 100%;
  bottom: 0;
  padding: 0 1rem;
  grid-gap: 0.75rem;
  display: flex;
  flex-direction: column;
}
.block-loop-short-item .entry-action-link{
  pointer-events: none;
}
.block-loop-short-item .entry-actions button,
.block-loop-short-item .entry-actions .btn-comment{
  display: inline-flex !important;
  flex-direction: column;
  padding: 0;
  margin: 0 !important;
  position: relative !important;
}
.block-loop-short-item .entry-actions .count{
  padding: 0.25rem 0 0 0;
  font-size: 12px;
  font-weight: 600;
}
.block-loop-short-item .entry-actions .btn-svg-icon{
  padding: 1rem;
  background-color: rgba(150,150,150,0.15);
  border-radius: 2rem;
}
.block-loop-short-item .entry-actions .btn-svg-icon svg{
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.block-loop-snaps .scroller{
  margin-top: -1.25rem;
  margin-bottom: 0.25rem;
  border: none;
  background: transparent;
}

@media (max-width: 419px){
  .block-loop-slider{
    --loop-columns: 1;
  }
  .block-loop-snaps{
    --x-gap: 0;
    --loop-radius: 0;
    --loop-grid-gap: 0;
    z-index: 2;
  }
  .block-loop-short-item{
    --loop-ratio: auto;
    --loop-radius: 0;
    --text-secondary-color: #fff;
    width: 100vw;
    height: inherit;
    flex-shrink: 0;
  }
  .plyr-short{
    --loop-radius: 0;
  }
  .block-loop-short-item .post-thumbnail{
    height: 100%;
  }
  .block-loop-short-item .entry-actions{
    left: auto;
    right: 0;
    top: 4rem;
    bottom: auto;
    z-index: 999;
    color: #fff;
  }
}

/* hover */
.block-loop-hover .entry-header{
  padding: 0.5rem 0.5rem 1rem 0.5rem !important;
}
.block-loop-hover .entry-header-inner{
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.block-loop-hover .block-loop-item:hover,
.block-loop-hover .block-loop-item:focus,
.block-loop-hover .block-loop-item.active{
  --text-secondary-color: #fff;
  background-color: #222;
  color: #fff;
}

.block-loop-hover .block-loop-item:hover .post-thumbnail:after,
.block-loop-hover .block-loop-item:focus .post-thumbnail:after,
.block-loop-hover .block-loop-item.active .post-thumbnail:after{
  position: relative;
  z-index: 1;
  background-color: #222;
  background: linear-gradient(180deg, rgba(22, 22, 22, 0.2), #222);
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.block-loop-hover .entry-action{
  background-color: transparent;
}

.block-loop-reverse .block-loop-item{
  flex-direction: column-reverse;
}
.block-loop-reverse .block-loop-item .entry-header{
  padding-top: 0;
}

.block-loop-divider .block-loop-title{
  padding-top: 1.5rem ;
  border-top: 0.5px solid var(--color-border, rgba(150,160,170,0.1));
}
.wp-block-loop.alignfull{
  margin-left: 2rem;
  margin-right: 2rem;
}
.entry-title-lg .block-loop-item .entry-header-inner{
  font-size: clamp(1rem, 3vw, 1.25rem);
}

.wp-admin .display{
  font-weight: 900;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 1rem;
}
.wp-admin .circle{
  border-radius: 50%;
}
.wp-admin .rounded{
  border-radius: 6px;
}
.wp-admin .h-auto{
  min-height: auto;
}

.white{
  color: #222;
  background-color: #fff;
}
.text-white{
  color: #fff;
}
.m-auto{
  margin-left: auto;
  margin-right: auto;
}
.h-auto{
  min-height: auto;
}
.border{
  border: 1px solid var(--color-border, #eee);
}
.rounded,
.rounded:before,
.rounded.wp-block-cover > span{
  border-radius: var(--border-radius, 8px);
}
.circle{
  border-radius: 100%;
}
.wp-block-cover{
  --y-gap: 0;
}
.wp-block-cover mark{
  padding: 3px 4px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  border-radius: 3px;
}
.is-position-top-bottom .wp-block-cover__inner-container{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  width: 100% !important;
  position: static;
}
.is-position-top-bottom .wp-block-video,
.is-position-top-bottom .wp-block-video video,
.is-position-top-bottom .wp-block-video div{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  z-index: -1;
}
.is-position-top-bottom .wp-block-video video{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.is-align-self-start{
  align-self: flex-start;
}
.is-align-self-end{
  align-self: flex-end;
  margin-bottom: 0;
}
.no-border{
  border: none;
}
.no-padding{
  padding: 0 !important;
}
.no-margin{
  margin: 0 !important;
}
.no-gap{
  gap: 0 !important;
}
.has-padding{
  padding: clamp(1rem, 3vw, 3rem);
}
.has-small-padding{
  padding: clamp(0.5rem, 2vw, 1.5rem);
}
.has-large-padding{
  padding: clamp(2rem, 4vw, 5rem);
}
.has-container{
  --content-width: 640px;
}

#ffl-settings .postbox-header{
  border-bottom: none;
}

/* Dropdown */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: var(--dropdown-menu-width, 10rem);
    padding: .25rem;
    margin: .125rem 0 0;
    font-size: .875rem;
    color: #212529;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    border-radius: var(--dropdown-menu-radius, .5rem);
    text-shadow: none;
    text-align: initial;
}
.dropdown-toggle{
  cursor: pointer;
  display: inline-block;
  text-align: center;
  min-width: 1.5rem;
  text-decoration: none;
  outline: none;
}
.dropdown-toggle::after{
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-inline-start: 0.3em;
    -webkit-margin-start: 0.3em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
    opacity: 0.5;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-menu[x-placement^="top"], 
.dropdown-menu[x-placement^="right"], 
.dropdown-menu[x-placement^="bottom"], 
.dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}
.dropdown-menu[x-out-of-boundaries]{
  display: none;
}
.dropdown-menu ul{
  display: block !important;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.dropdown-menu li a,
.dropdown-item {
  display: block;
  width: 100%;
  padding: .5rem 1rem;
  box-sizing: border-box;
  clear: both;
  font-weight: 400;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}
.dropdown-menu .cat-item a:hover,
.dropdown-menu .play-notification-item:hover,
.dropdown-item:hover{
  color: inherit;
  background-color: var(--dropdown-menu-item-background, rgba(150, 150, 150, 0.1));
}
.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid var(--dropdown-menu-item-background);
}
.dropdown-menu .play-notification-item{
  border: none;
}
.loop-filter-item .dropdown-menu,
.dropdown-term-filter{
  max-height: 15rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  outline: none;
}
.dropdown-term-filter::-webkit-scrollbar { 
    display: none; 
}
.dropdown-term-filter ul ul a{
  padding-inline-start: 2rem;
  -webkit-padding-start: 2rem;
}

/* filter */
.loop-filter{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  grid-gap: 1rem;
}
.loop-filter-list{
  flex-direction: column;
}
.loop-filter-item{
  position: relative;
}
.loop-filter-list .loop-filter-item{
  display: flex;
  grid-gap: 1rem;
}
.loop-filter .list-menu{
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.5rem;
  grid-row-gap: 0.5rem;
}
.loop-filter .list-item{
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  padding: 1px 5px;
  border-radius: 4px;
  text-decoration: none;
}
.loop-filter .list-menu .selected{
  background-color: rgba(150, 150, 150, 0.2);
}
.loop-filter .loop-filter-item-heading{
  font-weight: 600;
}
.loop-filter .dropdown-menu .selected{
  position: relative;
}
.loop-filter .loop-filter-item-search input{
  margin: 0;
}
.loop-toggle-hide{
  display: none !important;
}
.loop-filter-more-less{
  cursor: pointer;
  font-weight: 500;
}
.loop-filter .dropdown-menu .selected:after{
  content: '';
  display: inline-block;
  width: .65em;
  height: .35em;
  border-left: .1em solid currentColor;
  border-bottom: .1em solid currentColor;
  transform: translate(-50%,-50%) rotate(-45deg);
  position: absolute;
  right: 0.5rem;
  top: 45%;
  opacity: 0.6;
}
.loop-filter-count{
  display: inline-block;
  background-color: rgba(150,160,170,0.2);
  padding: 0 0.45em;
  margin-inline-start: 0.125rem;
  -webkit-margin-start: 0.125rem;
  font-size: 11px;
  border-radius: 1rem;
}
.loop-filter-count:empty{
  display: none;
}
.dropdown-menu .multi-range{
  margin: 1rem;
}
input[type="range"].multirange {
  -webkit-appearance: none;
  height: 2px;
  padding: 0;
  margin: 1rem 0 0;
  width: calc(100% - 0px);
  display: inline-block;
  vertical-align: top;
  background-color: rgba(150, 150, 150, 0.5);
  color: currentColor;
  outline: none;
  border: 0;
  border-radius: 6px;
}

input[type="range"].multirange.original {
  position: absolute;
}

input[type="range"].multirange::-webkit-slider-thumb {
  -webkit-appearance: none;
  position: relative;
  z-index: 2;
  border: none;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: currentColor;
}

input[type="range"].multirange::-moz-range-thumb {
  border: none;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: currentColor;
}

input[type="range"].multirange.original::-moz-range-thumb {
  z-index: 2;
}

input[type="range"].multirange.ghost {
  position: relative;
  background: var(--track-background);
  --track-background: linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100% / 100% 100%;
  --range-color: currentColor;
}

input[type="range"].multirange.ghost::-webkit-slider-thumb {
  position: relative;
  z-index: 2;
}

input[type="range"].multirange.ghost::-moz-range-thumb {
  z-index: 2;
}
.multi-range{
  position: relative;
}
.range-min,
.range-max{
  position: absolute;
  top: -6px;
  font-size: 10px;
  width: 10px;
  display: flex;
  justify-content: center;
  text-align: center;
  left: calc( var(--left) * 1% );
  margin-left: calc( 0px - var(--left) / 100 * 10px );
}

.spinner{
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner .75s linear infinite;
  animation: spinner .75s linear infinite;
}

.loop-filter-keys{
  width: 100%;
  display: flex;
  grid-gap: 0.5rem;
  flex-wrap: wrap;
}
.loop-filter-keys a{
  font-weight: 600;
  font-size: 0.9em;
  display: inline-flex;
  text-decoration: none;
}
.loop-filter-keys a:after{
  content: '\00d7';
  font-family: 'arial';
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  line-height: 0;
  border-radius: 100%;
  background-color: #666;
  color: #fff;
  opacity: 0;
  margin: -4px -7px 0 -7px;
  transition: opacity 0.2s;
}
.loop-filter-keys a:hover:after{
  opacity: 1;
}
.loop-filter-total{
  width: 100%;
}
a.loop-filter-clear{
  font-weight: normal;
  align-items: center;
  opacity: 0.7;
}
a.loop-filter-clear:hover{
  opacity: 1;
}
a.loop-filter-clear:after{
  order: -1;
  margin: 2px;
  opacity: 1;
}
@keyframes spinner {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
@media (max-width: 576px){
  :root{
    --loop-grid-gap: 1rem;
  }
  .block-loop-row .block-loop-items{
    --loop-columns: 1;
  }
  .block-loop-row:not(.has-loop-posts):not(.block-loop-xs):not(.block-loop-inline) .block-loop-item:not(.block-loop-inline) .entry-footer{
    flex: auto;
    width: 100%;
    display: flex;
  }
  .block-loop-row:not(.has-loop-posts):not(.block-loop-xs):not(.block-loop-inline) .block-loop-item:not(.block-loop-inline) .post-thumbnail{
    width: 4.5rem;
  }
  .block-loop-row .entry-description,
  .block-loop-row .entry-info,
  .block-loop-row .btn-purchase,
  .block-loop-row .add_to_cart_inline,
  .block-loop-row .entry-footer .play-duration{
    display: none;
  }
  .has-loop-posts .btn-like,
  .has-loop-posts .btn-download,
  .has-loop-posts .play-count,
  .block-loop-inline .waveform,
  .block-loop-nav{
    display: none;
  }
  .modal-open .wp-block-loop-product .block-loop-slider{
    overflow: visible;
  }
  .entry-content > .wp-block-loop-slider:not(.block-loop-center) .block-loop-items{
    padding: 0 var(--x-gap, var(--wp--style--root--padding-left, 1rem));
    margin: 0 calc( var(--x-gap, var(--wp--style--root--padding-left, 1rem)) * -1);
    scroll-snap-type: none;
    --loop-max-width: 85%;
  }
}
@media (min-width: 577px){
  .block-loop-with-filter{
    display: flex;
    align-items: flex-start;
    height: 100%;
  }
  .block-loop-with-filter .block-loop-items{
    flex: 1;
  }
  .block-loop-with-filter .loop-filter{
    flex-direction: column;
    min-width: 15rem;
    margin: 0;
    height: 100%;
  }
  .is-series .has-loop-posts .post-thumbnail{
    border-radius: 5px;
    width: 5rem;
    height: 5rem;
  }
}

 
@media (hover: none), (pointer: coarse) {
  .block-loop-item .post-thumbnail .entry-action,
  .block-loop-item .entry-action{
    opacity: 1;
    pointer-events: auto;
    background-color: hsl(0deg 0% 0% / 26%);
  }
  .block-loop-item .entry-action .btn-more{
    opacity: 1;
  }
}

/* =====================================================================
   THE LENGTH, BOTTOM RIGHT OF THE ARTWORK.

   Printed by templates/loop.php only when the post has a real duration -- see the
   note there for the measurement. `.entry-action` carries z-index 3 and covers
   the whole figure, so this sits above it; `pointer-events: none` because the
   badge is information, not a control, and a badge that eats the tap on the card
   underneath it is a dead spot in the middle of every thumbnail.

   Dark on purpose, like everything else here: black at 72% with a hairline, never
   a white plate.
   ===================================================================== */
.block-loop-duration{
  position: absolute;
  right: .5rem;
  bottom: .5rem;
  z-index: 4;
  padding: .1rem .35rem;
  border-radius: 3px;
  background-color: hsl(0deg 0% 0% / 72%);
  box-shadow: inset 0 0 0 1px hsl(0deg 0% 100% / 18%);
  color: hsl(0deg 0% 100% / 92%);
  font-size: .6875rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .02em;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}
.block-loop-row .block-loop-duration,
.block-loop-grid .block-loop-duration{
  right: .375rem;
  bottom: .375rem;
  font-size: .625rem;
}
 
.btn-like.like-failed {
	border-color: var(--musiveo-accent, var(--color-primary, #8E50F8)) !important;
	box-shadow: 0 0 0 2px var(--musiveo-accent, var(--color-primary, #8E50F8));
}
.block-loop-slider-dots { display: flex; justify-content: center; flex-wrap: wrap; gap: .25rem; margin: .5rem 0; }
.block-loop-slider-dots button { width: 28px; height: 28px; padding: 8px; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.block-loop-slider-dots button::before { content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; background: #777; }
.block-loop-slider-dots button[aria-current="true"]::before { background: var(--musiveo-accent, #b58aff); }
.block-loop-slider-autoplay { display: block; margin: .5rem auto; padding: .5rem .75rem; cursor: pointer; }

/* Headings share one flexible column; legacy theme width:1% must not compress subtitles. */
.block-loop-title > .block-loop-heading-wrapper {
    flex: 1 1 14rem; min-width: 0; max-width: 100%;
    flex-direction: column; align-items: flex-start; gap: .25rem;
}
.block-loop-title .block-loop-heading {
    display: block; flex: 0 1 auto; width: auto; min-width: 0; max-width: 100%;
    overflow-wrap: anywhere;
}
.block-loop-title .block-loop-subtitle { width: auto; max-width: 100%; }
/* musiveo-plays-plyr */
@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height,5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius,8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius,8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius,8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
/* musiveo-plays-plyr-playlist */
/* Text on an accent background. Self-contained, so it does not depend on which theme version is installed: black unless the
   browser can compute a contrast colour from the visitor's accent (Ice White, the default accent, needs a dark label).
   The theme defines the same variable on body with the same formula, so both agree wherever the theme is current. */
:root { --musiveo-on-accent: #000000; }
@supports (color: oklch(from red l c h)) {
    :root { --musiveo-on-accent: oklch(from var(--color-primary, #ffffff) clamp(0, (0.6 - l) * 1000, 1) 0 0); }
}

:root {
  --plyr-control-spacing: 1rem;
  --plyr-control-icon-size: 1.125rem;
  --plyr-range-thumb-height: 10px;
  --plyr-range-track-height: 2px;
  --plyr-mini-player-height: 160px;
  --plyr-cover-size: 3rem;
  --plyr-audio-progress-buffered-background: rgba(155, 160, 165, 0.35);
  --plyr-video-progress-buffered-background: rgba(155, 160, 165, 0.35);
  --plyr-progress-loading-background: rgba(155, 160, 165, 0);
  --plyr-padding: calc(var(--plyr-cover-size)*.5 - var(--plyr-control-icon-size)*.5);
  --plyr-control-padding: 0.75rem;
  --plyr-line: 1;
  --plyr-line-height: calc(18/14);
  --plyr-aspect-ratio: 16/9;
  --text-secondary-color: #888;
  --plyr-height: calc( var(--plyr-cover-size) + var(--plyr-control-padding)*2 );
}

[dir='rtl']{
  --transform-rotate: 180deg;
}

body{
  margin: 0;
}

/* global */
.plyr-playlist {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: currentColor;
  background-color: inherit;
  min-height: var(--plyr-height);
  box-shadow: 0 -1px 0 rgba(130,140,150,0.1), 0 1px 0 rgba(130,140,150,0.1);
}
.fixed-bottom{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.plyr {
  font-family: inherit;
  border-radius: inherit;
  position: relative;
  z-index: 1;
  min-height: inherit;
}
.plyr__control{
  line-height: 1;
  font-size: 14px;
  padding: var(--plyr-padding);
}
.plyr__timer{
  display: flex;
}
.plyr__tooltip{
  --plyr-control-spacing: 0.5rem;
  font-size: 11px;
}

.plyr__time {
  font-size: 11px;
  white-space: nowrap;
}
.plyr__controls .plyr__controls__item.plyr__time{
  display: flex;
  align-items: center;
}
.plyr__controls .plyr__controls__item.plyr__time:first-child{
  padding-left: calc(var(--plyr-control-spacing,10px)/2);
}

.plyr__menu__container{
  --plyr-control-spacing: 10px;
}

/* icons */
.icon-play{
  line-height: 1;
}
.icon-play:after{
  content: "";
  box-sizing: border-box;
  display: inline-block;
  border: 0.5rem solid transparent;
  border-left-color: currentColor;
  border-left-width: 0.75rem;
  border-right-width: 0;
  vertical-align: middle;
  transform: rotate(var(--transform-rotate));
}

.icon-play.active:after{
  width: 0.75rem;
  height: 1rem;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0.25rem;
  border-right-width: 0.25rem;
  border-color: currentColor;
}

.icon-plus{
  border: none;
  padding: 0.75rem 0.375rem;
  background-color: transparent;
  color: currentColor;
  position: relative;
}
.icon-plus:before,
.icon-plus:after{
  content: "";
  display: block;
  width: 1em;
  height: 2px;
  background-color: currentColor;
  opacity: 0.5;
  border-radius: 2px;
}
.icon-plus:after{
  width: 2px;
  height: 1em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.icon-plus:hover:before,
.icon-plus:hover:after{
  opacity: 1;
}

.icon-playlist,
.icon-playlist:before,
.icon-playlist:after{
  content: "";
  display: inline-block !important;
  width: 0.6em;
  height: 2px;
  background-color: currentColor;
  position: relative;
  vertical-align: middle;
  border-radius: 1px;
  opacity: 0.5;
}
.icon-playlist:before{
  position: absolute;
  top: -3px;
  width: 0.8em;
}
.icon-playlist:after{
  position: absolute;
  bottom: -3px;
  width: 0.4em;
}

/* button */
.btn-outline{
  background-color: transparent;
  color: currentColor;
  border: 1px solid rgba(200, 200, 200, 0.35);
}
.btn-outline:hover{
  background-color: #fff;
  border-color: #fff;
  color: #000;
}
.btn-play-now{
  cursor: pointer;
}
.btn-play-wrap{
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-play,
[data-btn-play] a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-gap: 0.5rem;
  transition: all 0.2s;
  line-height: 1;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.btn-play:before,
[data-btn-play] a:before{
  content: '';
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  border-left-color: currentColor;
  border-left-width: 0.75em;
  border-right-width: 0;
  margin-inline-start: 0.25em;
  -webkit-margin-start: 0.25em;
  display: inline-block;
  transform: rotate(var(--transform-rotate));
  box-sizing: border-box;
}
.btn-play.active:before,
[data-btn-play].active a:before{
  width: 0.75em;
  height: 1em;
  min-width: 0.75em;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0.25em;
  border-right-width: 0.25em;
  border-color: currentColor;
  margin: 0 0.125em;
}
.btn-play,
.btn-hide-text a{
  padding: 0.75em;
  grid-gap: 0;
  text-indent: -9999px;
  border-radius: 100%;
}

.btn-play:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
  transform: translate3d(0, -1px, 0);
}
.btn-play-normal{
  grid-gap: 0.5em;
  border-radius: var(--button-radius, 0.5rem);
  background-color: var(--color-primary);
  color: var(--musiveo-on-accent, #fff);
  text-indent: 0;
  padding: 1em 1.5em;
}
.btn-play-normal:after{
  display: none;
}
.is-buffering [data-btn-play].active a:before,
.is-buffering .btn-play-normal.active:before{
  width: 1em;
  height: 1em;
  margin: 0;
  border: 2px solid;
  border-left-color: transparent;
  border-radius: 100%;
  opacity: 0.5;
  -webkit-animation: loading 1s linear infinite;
  animation: loading 1s linear infinite;
}
[data-plyr="play"]{
  --plyr-control-icon-size: 1.5rem;
  --plyr-padding: calc(var(--plyr-cover-size)*.5 - var(--plyr-control-icon-size)*.5);
}
.is--repeat svg,
.is--shuffle svg {
  fill: #c02afe;
}
.is--repeat .icon-repeat{
  display: block;
}
svg.icon-repeat-once,
.is--repeat-once svg.icon-repeat{
  display: none;
}
.is--repeat-once svg.icon-repeat-once{
  display: block;
}

.plyr-playlist .btn-like svg {
  fill: none;
  width: var(--plyr-control-icon-size);
  height: var(--plyr-control-icon-size);
  stroke-width: 2;
  stroke: currentColor;
}

[data-plyr="like"] .icon--pressed,
.btn-like.active svg {
  fill: currentColor;
}

.plyr__controls .btn-like{
  padding: var(--plyr-padding);
}
.plyr__controls input[data-plyr="volume"]{
  color: currentColor;
}

.plyr-initing .plyr__video-wrapper{
  display: none;
}
.plyr-initing:after,
.is-buffering [data-plyr="play"]:after,
.is-buffering [data-play-id].active > .post-thumbnail .btn-play:after,
.is-buffering [data-play-id].active .entry-header-container .btn-play:after{
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 2px solid;
  border-left-color: transparent;
  border-radius: 100%;
  box-sizing: border-box;
  opacity: 0.5;
  -webkit-animation: loading 1s linear infinite;
  animation: loading 1s linear infinite;
}
/* Follow the button's outer edge, including its border, at every control size. */
.is-buffering .plyr-playlist [data-plyr="play"]:after {
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  max-width: none;
  max-height: none;
  left: -3px;
  top: -3px;
  margin: 0;
}
.is-buffering .plyr-theme-0 [data-plyr="play"] svg,
.is-buffering .plyr-theme-1 [data-plyr="play"] svg{
  opacity: 0;
}
.plyr-initing:after{
  width: 18px;
  height: 18px;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -9px;
}
.plyr-initing:after{
  z-index: -1;
}
.is-buffering [data-plyr="play"],
.is-buffering [data-play-id].active > .post-thumbnail .btn-play,
.is-buffering [data-play-id].active .entry-header-container .btn-play:after{
  /*pointer-events: none;*/
}
.plyr__cues{
  margin: 0;
  transform: translate(0, -50%);
}
.plyr--adsing .plyr__controls,
.plyr--adsing ~ .plyr-list-wrap{
  pointer-events: none;
}
.plyr--adsing ~ .plyr-list-wrap{
  display: none;
}
.plyr-playlist .btn-comment,
.plyr-playlist .btn-share,
.plyr-playlist .btn-save{
  display: none;
}
/* controls */
.plyr-playlist .plyr__controls {
  display: flex;
  justify-content: space-between;
  color: inherit;
  background: inherit;
  text-align: inherit;
  padding: var(--plyr-control-padding);
}
.plyr-playlist .plyr__cover {
  width: var(--plyr-cover-size);
  height: var(--plyr-cover-size);
  flex-shrink: 0;
  border-radius: 4px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: rgba(120, 120, 120, 0.1);
  margin: 0 var(--plyr-padding);
}
.plyr-playlist .plyr__controls .plyr__controls__item{
  margin: 0;
}
.plyr-playlist .plyr__controls .plyr__controls__item.plyr__progress__container{
  padding: 0;
}
.plyr__progress__container:hover{
  --plyr-range-track-height: 4px;
}

.plyr-playlist:not(.plyr-full-player) .plyr__progress__container input[type=range]::-ms-thumb{
  opacity: 0;
}
.plyr-playlist:not(.plyr-full-player) .plyr__progress__container input[type=range]::-moz-range-thumb{
  opacity: 0;
}
.plyr-playlist:not(.plyr-full-player) .plyr__progress__container input[type=range]::-webkit-slider-thumb{
  opacity: 0;
}
.plyr-playlist:not(.plyr-full-player) .plyr__progress__container:hover input[type=range]::-ms-thumb{
  opacity: 1;
}
.plyr-playlist:not(.plyr-full-player) .plyr__progress__container:hover input[type=range]::-moz-range-thumb{
  opacity: 1;
}
.plyr-playlist:not(.plyr-full-player) .plyr__progress__container:hover input[type=range]::-webkit-slider-thumb{
  opacity: 1;
}

.plyr__control:focus-visible,
.plyr__control.plyr__tab-focus, 
.plyr__control:hover, 
.plyr__control[aria-expanded=true] {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.plyr__cover + .plyr__content{
  margin: 0 var(--plyr-control-padding);
}

.plyr__content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 1;
  align-items: flex-start;
  overflow: hidden;
}
.plyr__title,
.plyr__author,
.plyr-item-title,
.plyr-item-author {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  line-height: calc(16/14);
}
.plyr__title{
  font-weight: 600;
}
.plyr__author,
.plyr__queue {
  color: var(--text-secondary-color, #888);
}
.plyr__queue{
  display: flex;
  cursor: pointer;
  flex: 1;
  width: 100%;
}
.plyr__queue span{
  flex: 1;
}
.plyr__queue svg{
  width: 24px;
  height: 24px;
  margin-top: -0.5rem;
  fill: currentColor;
}
.marquee-scroller.is-animating{
    animation-name: marquee;
    animation-duration: calc(var(--marquee-scroll-width) / 25* 1.25s);
    animation-timing-function: linear;
    animation-delay: 0.1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    will-change: transform;
    overflow: visible;
}
.plyr-preview{
  display: none;
  font-size: 8px;
  line-height: calc(10/8);
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--color-primary, #666);
  color: var(--musiveo-on-accent, #fff);
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
  padding: 1px 3px;
  border-radius: 2px;
}
.plyr-is-preview .plyr-preview{
  display: inline-flex;
}
.plyr-live{
  display: inline-flex;
  align-items: center;
  grid-gap: 4px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 10px;
  position: relative;
}
.plyr-live:after,
.plyr-live:before{
  display: inline-block;
  content: '';
  width: 8px;
  height: 8px;
  background-color: currentColor;
  border-radius: 1rem;
}
.plyr-live:after{
  position: absolute;
}
.plyr--playing .plyr-live:before{
  -webkit-animation: zoom 1s linear infinite;
  animation: zoom 1s linear infinite;
}

.plyr-playlist .plyr__time + .plyr__time:before{
  margin-right: calc(var(--plyr-control-spacing, 10px)/2);
}

.plyr-playlist.fixed-bottom .plyr__volume{
  width: auto;
  min-width: auto;
  position: relative;
}
.plyr-playlist.fixed-bottom .plyr__volume input{
  --plyr-range-track-height: 4px;
  position: absolute;
  transform: rotate(-90deg) translateX(-10px);
  transform-origin: left top;
  width: 8rem;
  height: 2rem;
  color: #333;
  background-color: var(--plyr-menu-background, #ffffffe6);
  padding: 0 1rem;
  border-radius: 6px;
  top: 0;
  margin: 0;
  left: calc(50% - 1rem);
  box-shadow: var(--plyr-menu-shadow, -1px 0 2px #00000026);
  opacity: 0;
  transition: all 0.2s;
  pointer-events: none;
}
.plyr-playlist.fixed-bottom .plyr__volume:after{
  content: '';
  border: var(--plyr-menu-arrow-size, 4px) solid #0000;
  border-top-color: var(--plyr-menu-background, #ffffffe6);
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  left: calc(50% - 4px);
  z-index: 2;
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(10px);
}
.plyr-playlist.fixed-bottom .plyr__volume:hover:after{
  opacity: 1;
  transform: translateY(0);
}
.plyr-playlist.fixed-bottom .plyr__volume:hover input,
.plyr-playlist.fixed-bottom .plyr__volume:active input{
  opacity: 1;
  transform: rotate(-90deg) translateX(0);
  pointer-events: initial;
}

.plyr__toggle-video:not(.plyr-fullscreen) .plyr__video-wrapper{
  display: none;
}
.plyr__toggle-video svg.plyr-video-on,
svg.plyr-video-off{
  display: none;
}
.plyr__toggle-video svg.plyr-video-off{
  display: block;
}
/* list */
.plyr-playlist a{
  text-decoration: none;
  color: inherit;
}

.plyr-list-wrap{
  background-color: inherit;
  position: relative;
  z-index: 2;
}
.plyr-list {
  display: flex;
  flex-direction: column;
  width: 480px;
  height: 600px;
  max-height: calc(100vh - 12rem);
  position: absolute;
  bottom: calc( var(--plyr-height) + 1rem );
  right: calc(1rem - 1px);
  background-color: inherit;
  border-radius: 5px;
  border: 1px solid rgba(0,0,0,0.05);
  box-shadow: 0 1px 15px rgba(0,0,0,0.1);
  background-clip: padding-box;
  pointer-events: none;
  opacity: 0;
  font-size: 14px;
  transform: translate3d(0, 1rem, 0);
  transition: opacity 0.2s, transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.plyr-playlist.open .plyr-list {
  transform: translate3d(0, 0, 0);
  pointer-events: inherit;
  opacity: 1;
}

.plyr-playlist input.edd-no-js{
  display: none;
}
.plyr-playlist form{
  margin-bottom: 0 !important;
}

.plyr-list-header{
  padding: 1rem 1rem;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  display: flex;
  align-items: center;
}

.plyr-list-header h4{
  font-size: 1rem;
  margin: 0;
  flex: 1;
}
.plyr-list-header .close{
  padding: 0 0.5rem !important;
  font-size: 1.25rem !important;
  opacity: 0.5;
}
.plyr-clear{
  padding: 0.125rem 0.5rem;
  background-color: transparent;
  color: inherit;
  border-radius: 2px;
  border: 1px solid rgba(0,0,0,0.05);
  font-size: 12px;
  margin: 0 1rem;
}
.plyr-close-queue{
  padding: 0;
  border: none;
  background-color: transparent;
  color: inherit;
}
.plyr-close-queue svg{
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.plyr-list-content{
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.plyr-list-empty{
  padding: 1rem 5rem;
  text-align: center;
  color: var(--text-secondary-color, #888);
}

.plyr-item {
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 1rem;
  cursor: pointer;
  position: relative;
  align-items: center;
}
.plyr-item:hover,
.plyr-item.active{
  background-color: rgba(150,155,160,0.2);
  border-bottom-color: transparent;
}
.plyr-list .close {
  background: transparent;
  color: inherit;
  line-height: 1;
  font-weight: 400;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  height: auto;
  padding: 0.5rem;
}
.plyr-item .close{
  display: none;
}
.plyr-item:hover .close, 
.plyr-item:active .close {
  display: block;
}
.plyr-item .btn-play{
  width: 24px;
  height: 24px;
  font-size: 10px;
  display: none;
  margin: 6px;
  background: #fff !important;
  border: none;
}

.plyr-item:hover .btn-play,
.plyr-item:active .btn-play,
.plyr-item.active .btn-play {
  display: inline-flex;
}
.plyr-item .btn-like{
  height: auto;
  line-height: 0;
}

.plyr-item .plyr-item-cover {
  border-radius: 2px;
  background-size: cover;
  background-position: 50% 50%;
  background-color: rgba(110,120,130,0.1);
  flex: 0;
  width: 36px;
  height: 36px;
  min-width: 36px;
  display: inline-flex;
  justify-content: center;
}
.plyr-item .plyr-item-content {
  line-height: 1.4;
  padding: 0 1rem;
  flex: 1;
  width: 1%;
}
.plyr-item .plyr-item-author {
  color: var(--text-secondary-color, #888);
}

/* video */
.plyr-fullscreen{
  background-color: #000 !important;
  color: #fff !important;
}
.plyr-fullscreen .plyr__controls{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}
.plyr-fullscreen .plyr__controls:after{
  content: '';
  display: block;
  position: absolute;
  height: 200%;
  width: 100%;
  left: 0;
  bottom: 0;
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.95)));
  z-index: -1;
}
.plyr-playlist:not(.plyr-theme-video) .plyr--video.plyr--hide-controls:not(.plyr-fullscreen) .plyr__controls{
  opacity: 1;
  transform: none;
}
.plyr-playlist .plyr--video.plyr--hide-controls:not(.plyr-fullscreen) .plyr__controls:not(:empty)~.plyr__captions{
  transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4));
}

.plyr-fullscreen.plyr--is-ios{
  position: fixed !important;
}
.plyr-fullscreen.plyr--is-ios .plyr__video-wrapper{
  top: 50%;
  transform: translateY(-50%);
}
.plyr-fullscreen [data-plyr="list"]{
  display: none;
}
.plyr-playlist .plyr--video{
  overflow: visible;
  background-color: transparent;
  background-color: inherit;
  position: relative;
}

.plyr-playlist .plyr__video-wrapper,
.plyr-playlist:not(.plyr-theme-video) .plyr__ads{
  aspect-ratio: var(--plyr-aspect-ratio);
}
.plyr-playlist .plyr:not(.plyr-fullscreen) .plyr__video-wrapper,
.plyr-playlist:not(.plyr-theme-video) .plyr__ads{
  position: absolute;
  top: auto;
  bottom: calc(100% + 1rem);
  left: auto;
  right: 1rem;
  height: auto;
  width: calc(var(--plyr-aspect-ratio) * var(--plyr-mini-player-height));
  background-color: #000;
  box-shadow: 0 12px 16px 1px rgba(0,0,0,0.15), 0 4px 22px 3px rgba(0, 0, 0, 0.1), 0 6px 7px -4px rgba(0, 0, 0, 0.3);
}

.plyr-playlist .plyr__video-wrapper video{
  border: 0;
  left: 0;
  position: absolute;
  top: 0;
}

/* vimeo container */
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container{
  width: 100%;
  height: calc(100% + 15rem);
  transform: translateY(-7.5rem) !important;
  position: absolute;
  max-width: inherit !important;
  padding: 0;
}

.plyr-playlist [data-plyr="download"],
.plyr-playlist [data-plyr="purchase"]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  padding: 9px;
}
.plyr-playlist [data-plyr="purchase"] svg { width: 20px; height: 20px; flex: none; }
.plyr-playlist .plyr--audio [data-plyr="video"],
.plyr-playlist [data-plyr="download"]:not(.is-downloadable),
.plyr-playlist [data-plyr="purchase"]:not(.is-purchasable){
  display: none;
}
#plyr-playlist .player-more-panel > [data-plyr="download"]:not(.is-downloadable) { display: none !important; }
.plyr__waveform .waveform-time{
  display: none;
}

/* theme */
.plyr-theme-1 .plyr-control-info{
  flex: 1;
}
.plyr-theme-2 .plyr-control-info,
.plyr-theme-3 .plyr-control-info{
  flex: 1;
}
.plyr-theme-1 .plyr-control-prog,
.plyr-theme-3 .plyr-control-prog{
  width: 100%;
  flex: none;
}
.plyr-theme-2 .plyr-control-btns,
.plyr-theme-3 .plyr-control-btns{
  order: 1;
  flex: 1;
  justify-content: center;
  flex-wrap: wrap;
}
.plyr-theme-2 .plyr-control-ctrl,
.plyr-theme-3 .plyr-control-ctrl{
  order: 2;
  flex: 1;
  justify-content: flex-end;
}
.plyr-theme-radio .plyr__progress__container,
.plyr-theme-2 .plyr__progress__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0 !important;
  top: -7px;
}
.plyr-theme-radio .plyr-control-prog,
.plyr-theme-2 .plyr-control-prog{
  flex: none;
}
.plyr-theme-2 [data-plyr="play"] {
  border-radius: 100%;
}
@media (min-width: 768px) {
  .plyr-theme-3{
    --plyr-range-track-height: 3px;
  }
  .plyr-theme-3 .plyr__cover{
    --plyr-cover-size: 4rem;
  }
}
.plyr-theme-3 [data-plyr="shuffle"],
.plyr-theme-3 [data-plyr="repeat"]{
  --plyr-control-icon-size: 14px;
}
.plyr-theme-3 .waveform_wrap{
  height: 24px !important;
  margin: -10px 0;
}

/* theme video */
.plyr button[data-plyr="close"]{
  display: none;
}
.plyr-theme-video{
  --plyr-video-progress-buffered-background: rgba(255, 255, 255, 0.6);
}
.is-single-play-post .plyr-theme-video{
  height: 56.25vw;
  max-height: calc(100vh - 169px);
  color: #fff;
  background-color: var(--color-grey-800);
}
.is-single-play-post .plyr-theme-video .plyr{
  height: 100%;
}
.is-player-theme-video .plyr-theme-video [data-plyr="repeat"],
.is-player-theme-video .plyr-theme-video [data-plyr="shuffle"],
.is-player-theme-video .plyr-theme-video [data-plyr="video"]{
  display: none;
}
/* video theme single station  */
.is-single-play-post.is-player-theme-video{
  display: flex;
  flex-direction: column;
}
.is-single-play-post.is-player-theme-video .plyr-theme-video{
  position: static;
  order: 2;
  z-index: 2;
  margin-top: var(--content-margin-top);
}
.hide-sidenav ~ .plyr-theme-video{
  margin-left: 0 !important;
}
.open-player body.is-player-theme-video {
    padding-bottom: 0;
}
@media (min-width: 782px){
  .is-single-play-post .site-sidebar ~ .plyr-theme-video{
    margin-inline-start: var(--side-width);
    -webkit-margin-start: var(--side-width);
  }
  .is-single-play-post.is-player-theme-video #menu-state:checked ~ .plyr-theme-video{
    margin-left: 0;
  }
}
.is-single-play-post.is-player-theme-video > *{
  order: 3;
}
.is-single-play-post.is-player-theme-video .site-content{
  margin-top: 0;
}
.is-single-play-post.is-player-theme-video .site-header{
  order: 1;
}

.plyr-theme-video .plyr-initing:after{
  z-index: 1;
  color: #fff;
  border-width: 5px;
  width: 4rem;
  height: 4rem;
  margin-left: -2rem;
  margin-top: -2rem;
}
.plyr-theme-video .plyr:not(.plyr-fullscreen) .plyr__video-wrapper{
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  box-shadow: none !important;
  display: block;
}
.plyr-theme-video .plyr:not(.plyr-fullscreen) .plyr__video-embed iframe{
  pointer-events: none;
}
.plyr-theme-video .plyr-list-wrap{
  display: none;
  background-color: transparent;
  z-index: 0;
}
.plyr-theme-video .plyr__content{
  margin: 0.75rem 1rem;
}
.plyr-theme-video .plyr__content .plyr__title{
  margin-inline-end: 2rem;
  -webkit-margin-end: 2rem;
}
.plyr-theme-video .plyr-list{
  height: 0;
  max-height: calc(100vh - 20rem);
  border: none;
  border-top: 1px solid rgba(120,130,140,0.1);
  position: static;
  width: auto;
  transition: height 0.2s;
  box-shadow: none;
}
.plyr-theme-video.open .plyr-list{
  height: 15rem;
}
.plyr-theme-video .plyr-item-cover{
  min-width: 64px;
  border-radius: 6px;
}
.plyr-theme-video.open [data-plyr="list"] svg{
  transform: rotate(-180deg);
}
.plyr-theme-video .plyr-list-header,
.plyr-theme-video .plyr__author,
.plyr-theme-video .plyr-list-header .close{
  display: none;
}

.plyr-theme-video .plyr__controls{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.95)));
  color: var(--plyr-video-control-color,#fff);
  transform: none !important;
}
.plyr-theme-video .plyr-control-info{
  display: none;
}
.plyr-theme-video .plyr-control-ctrl{
  justify-content: flex-end;
}

.plyr-theme-video .plyr__progress__container {
  position: absolute;
  z-index: 0;
  left: var(--plyr-control-spacing, 10px);
  right: var(--plyr-control-spacing, 10px);
  bottom: calc(100% - var(--plyr-range-thumb-height, 13px));
  display: block;
}

body:not(.is-single-play-post) .plyr-theme-video{
  width: calc(var(--plyr-aspect-ratio) * var(--plyr-mini-player-height));
  position: fixed;
  left: auto;
  right: 1rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px 8px 0 0;
}
.is-single-play-post .plyr-theme-video .plyr__cover,
body:not(.is-single-play-post) .plyr-theme-video .plyr--video .plyr__cover,
body:not(.is-single-play-post) .plyr-theme-video .plyr-control-btns [data-plyr="repeat"],
body:not(.is-single-play-post) .plyr-theme-video .plyr-control-btns [data-plyr="shuffle"],
body:not(.is-single-play-post) .plyr-theme-video .plyr-control-info,
body:not(.is-single-play-post) .plyr-theme-video .plyr-control-ctrl,
body:not(.is-single-play-post) .plyr-theme-video.close-player{
  display: none;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr--audio:before{
  height: 0;
  content: '';
  display: block;
  padding-bottom: 56.25% !important;
  z-index: 1;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr{
  background-color: #000;
  border-radius: inherit;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr-list-wrap{
  display: block;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr__controls{
  top: 0;
  background: transparent;
  border-radius: inherit;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr__controls .plyr-control-btns{
  grid-gap: 2rem;
  width: 100%;
  justify-content: space-around;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr__controls [class^="plyr-control-"]{
  opacity: 0;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr__controls:hover [class^="plyr-control-"]{
  opacity: 1;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr__video-wrapper{
  position: relative !important;
  right: auto !important;
  border-radius: inherit;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr__progress__container{
  display: block;
  top: auto;
  bottom: calc(var(--plyr-range-track-height) - var(--plyr-range-thumb-height));
  left: 0;
  right: 0;
  opacity: 1;
  z-index: 3;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr__controls:hover:after,
body:not(.is-single-play-post) .plyr-theme-video .plyr--audio .plyr__cover{
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: -2;
  border-radius: inherit;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr__controls:hover:after{
  content: '';
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr__controls [data-plyr='close']{
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  transform: scale(0.75);
}
body:not(.is-single-play-post) .plyr-theme-video .plyr__controls .plyr-control-prog{
  position: absolute;
  bottom: 0.5rem;
  left: 0;
}
body:not(.is-single-play-post) .plyr-theme-video .plyr__controls svg{
  width: 2rem;
  height: 2rem;
}
.is-buffering body:not(.is-single-play-post) .plyr-theme-video .plyr-control-btns,
.plyr-theme-video .plyr--paused .plyr-control-btns{
  opacity: 1;
}
.is-buffering body:not(.is-single-play-post) .plyr-theme-video [data-plyr="play"]:after{
  border-width: 2px;
  opacity: 0.5;
}

/*short*/
.plyr-short{
  z-index: 1;
  left: var(--left) !important;
  top: var(--top) !important;
  width: var(--width) !important;
  height: var(--height) !important;
  right: auto !important;
  bottom: auto !important;
  border-radius: var(--loop-radius) !important;
}
.plyr-short.plyr-scrolling{
  display: none;
}
.plyr-short .plyr__controls{
  top: auto !important;
}
.plyr-short .plyr__video-wrapper{
  bottom: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.plyr-short .plyr{
  min-width: auto;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
.plyr-short .plyr-list-wrap,
.plyr-short .plyr__controls:after,
.plyr-short .plyr__controls > *:not(.plyr__progress__container){
  display: none !important;
}

/*ad*/
.plyr-playlist:not(.plyr-theme-video) .plyr__ads{
  display: none;
}
.plyr--adsing .plyr__ads{
  display: block !important;
}
.plyr__ads::after{
  right: auto;
  left: var(--plyr-control-spacing, 10px);
  background-color: transparent;
  text-shadow: 0 0 4px rgba(0,0,0,0.75);
}
.plyr__ads > div,
.plyr__ads > div iframe{
  width: 100% !important;
  height: 100% !important;
}

/* expand */
.plyr-expand{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.plyr-expand .plyr__controls{
  flex-direction: column;
}
.plyr-expand [data-plyr="shuffle"]{
  order: -1;
}
.plyr-expand .plyr-control-ctrl{
  order: 2;
}
.plyr-expand .plyr-control-btns{
  order: 3;
}

/* embed */
.dark .play-embed-body{
  color: #fff;
}
.play-embed-body .plyr-playlist,
.play-embed-body .plyr{
  min-height: 0;
}
.play-embed-body .plyr-playlist{
  box-shadow: none;
  background-color: #000;
  color: #fff;
}
.play-embed-body .plyr-playlist .plyr__msg{
  display: none;
}
.play-embed-body .plyr-playlist .plyr--audio .plyr__controls{
  display: none;
}
.play-embed-body .plyr-playlist .plyr--video{
  color: #fff;
}
.play-embed-body .plyr-playlist .plyr__video-wrapper{
  bottom: 0 !important;
  right: 0 !important;
  width: 100% !important;
}
.play-embed-body .plyr-playlist .plyr__cover,
.play-embed-body .plyr-playlist .plyr__content,
.play-embed-body .plyr-playlist .btn-like,
.play-embed-body .plyr-playlist .btn-download,
.play-embed-body .plyr-playlist [data-plyr="prev"],
.play-embed-body .plyr-playlist [data-plyr="next"],
.play-embed-body .plyr-playlist [data-plyr="repeat"],
.play-embed-body .plyr-playlist [data-plyr="shuffle"],
.play-embed-body .plyr-playlist [data-plyr="video"],
.play-embed-body .plyr-playlist [data-plyr="list"]{
  display: none;
}
.play-embed-body .plyr-playlist .plyr__time, 
.play-embed-body .plyr-playlist .plyr__volume,
.play-embed-body .plyr-playlist .plyr__menu{
  display: block !important;
}
.play-embed-body .plyr-playlist .plyr__volume{  
  margin-inline-start: auto;
  -webkit-margin-start: auto;
}
.play-embed{
  display: flex;
  font-family: arial;
  font-size: 14px;
}
.play-embed a{
  text-decoration: none;
  color: inherit;
}
.play-embed .site-brand{
  display: flex;
  align-items: center;
}
.play-embed .site-logo{
  line-height: 0;
}
.play-embed .site-logo svg,
.play-embed .site-logo img{
  width: auto;
  max-height: 1.25rem;
}
.play-embed .site-title{
  font-size: 11px;
  color: var(--text-secondary-color, #888);
  margin: 0 0.25rem;
}
.play-embed .entry-title{
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
  font-size: 1rem;
}
.play-embed .entry-meta{
  margin: 0.25rem 0 0 0;
  color: var(--text-secondary-color, #888);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.play-embed figure{
  margin: 10px;
  width: 120px;
  height: 120px;
  border-radius: 4px;
  position: relative;
}
.play-embed figure img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.play-embed.user .avatar{
  border-radius: 100%;
  display: block;
  background-color: rgba(120,130,140,0.1);
  position: relative;
}
.play-embed.user .avatar:after{
  content: "";
  display: block;
  padding-top: 100%;
}
.play-embed.user .avatar img, 
.play-embed.user .avatar-name{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bolder;
  text-transform: uppercase;
}
.play-embed.user .play-embed-footer{
  position: absolute;
  width: 100%;
  bottom: 0;
}
.play-embed.user .play-embed-content{
  justify-content: center;
  position: relative;
}
.play-embed-content{
  margin: 10px;
  flex: 1;
  width: 1%;
  display: flex;
  flex-direction: column;
}
.play-embed-header{
  display: flex;
}
.play-embed-header .btn-play{
  flex-shrink: 0;
  border-style: solid;
  align-self: center;
}
.play-embed .waveform{
  margin: 0.5rem 0;
}
.play-embed .waveform .btn-play,
.play-embed .waveform .sep-1{
  display: none;
}
.play-embed-footer{
  display: flex;
  margin-top: auto;
  margin-bottom: 0.25rem;
  align-items: center;
}
.play-embed .posted-on{
  font-size: 11px;
  color: var(--text-secondary-color, #888);
  margin-right: auto;
}
.share-embed{
  margin: -10px -10px 0 -10px;
}
.share-embed [type='single']{
  max-height: 140px;
}

.play-embed-list{
  font-family: arial;
  font-size: 13px;
  font-weight: normal;
  margin: 0 10px;
  max-height: 84px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.play-embed-list a{
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}
.play-embed-list .post-thumbnail{
  width: 1.5rem;
  height: 1.5rem;
  line-height: 0;
  margin: 0;
  flex-shrink: 0;
  position: relative;
}
.play-embed-list img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}
.play-embed-list h3{
  font-weight: normal;
  font-size: 13px;
  margin: 0 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.play-embed-list .icon-play{
  transform: scale(0.75);
  opacity: 0.5;
  padding: 0.5rem;
}
.play-embed-list .block-loop-title{
  display: none;
}
.play-embed-list .block-loop-item{
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(150,160,170,0.2);
  padding: 0.25rem 0;
  min-height: 28px;
}

.play-embed-list .block-loop-item.active{
  background-color: rgba(150,160,170,0.075);
}

.play-embed-list .entry-action,
.play-embed-list .entry-badge,
.play-embed-list .entry-avatar,
.play-embed-list .entry-footer,
.play-embed-list .btn-playlist,
.play-embed-list .btn-purchase,
.play-embed-list .btn-more{
  display: none;
}
.play-embed-list .entry-header-inner{
  display: flex;
}
.play-embed-list .entry-meta{
  color: var(--text-secondary-color, #888);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.play-embed-cat{
  display: flex;
  grid-gap: 0.25rem;
}
.play-embed-cat a{
  font-size: 11px;
  background-color: #999;
  color: #fff;
  padding: 2px 8px;
  border-radius: 1rem;
}

/* Plugin */
.plyr-playlist .btn-collapse,
.plyr-playlist .plyr--soundcloud .plyr__video-wrapper,
.plyr-playlist .plyr--mixcloud .plyr__video-wrapper,
.plyr-playlist .plyr--spotify [data-plyr="fullscreen"],
.plyr-playlist .plyr--soundcloud [data-plyr="fullscreen"],
.plyr-playlist .plyr--mixcloud [data-plyr="fullscreen"],
.plyr-playlist .plyr--spotify [data-plyr="video"],
.plyr-playlist .plyr--soundcloud [data-plyr="video"],
.plyr-playlist .plyr--mixcloud [data-plyr="video"]{
  display: none;
}
.plyr-playlist .plyr:not(.plyr-fullscreen).plyr--spotify .plyr__video-wrapper{
  border-radius: 1rem;
  aspect-ratio: auto;
  width: min(352px, calc(100vw - 2rem));
  height: 152px;
  overflow: hidden;
}
.plyr-playlist .plyr--spotify .plyr__video-wrapper iframe{
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.plyr-control-btns,
.plyr-control-ctrl,
.plyr-control-info,
.plyr-control-prog{
  display: flex;
  align-items: center;
}
.plyr-control-info{
  justify-content: flex-end;
  overflow: hidden;
}
.plyr-control-info-content{
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.plyr-control-ctrl{
  justify-content: center;
  align-items: center;
}

.plyr__msg{
  display: none;
  position: absolute;
  z-index: 100000;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(var(--plyr-height) + 1rem);
}
.plyr__msg_content{
  display: flex;
  align-items: center;
  grid-gap: 1rem;
  padding: 1rem 1rem;
  border-radius: 6px;
  background-color: #ff0020;
  color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.plyr__msg .close{
  border: none;
  font-size: 1rem;
  padding: 4px 8px;
  line-height: 1;
  background: transparent;
  color: inherit;
}

.plyr .edd-cart-added-alert{
  display: none !important;
}

@media (min-width: 961px) {
  :root{
    --plyr-mini-player-height: 225px;
  }
  .plyr-theme- .plyr__content,
  .plyr-theme-4 .plyr__content,
  .plyr-theme-podcast .plyr__content{
    width: 10rem;
  }
}
@media (max-width: 960px) {
  .plyr-playlist:not(.plyr-full-player) .plyr__time,
  .plyr-playlist:not(.plyr-full-player) .plyr__volume{
    display: none !important;
    margin: 0;
  }
}

@media (max-width: 767px) {
  :root{
    --plyr-cover-size: 2.75rem;
    --plyr-control-spacing: 0.75rem;
    --plyr-control-padding: 0.5rem;
  }
  .plyr-theme-2 .plyr-control-btns, 
  .plyr-theme-3 .plyr-control-btns,
  .plyr-theme-2 .plyr-control-ctrl,
  .plyr-theme-3 .plyr-control-ctrl,
  .plyr-control-btns,
  .plyr-control-ctrl{
    flex: initial;
  }
  .plyr-control-info{
    flex: 1;
    order: -1;
  }
  .plyr-playlist .plyr__cover{
    margin-left: 0;
  }
  .plyr-playlist:not(.plyr-theme-video) .plyr__menu,
  .plyr-playlist:not(.plyr-theme-video) [data-plyr="captions"],
  .plyr-playlist [data-plyr="purchase"],
  .plyr-playlist .add_to_cart_button,
  .plyr-playlist .btn-purchase,
  .plyr-playlist [data-plyr="pip"],
  .plyr-playlist .plyr__volume,
  .plyr-playlist .plyr__waveform{
    display: none !important;
    margin: 0;
  }
  .plyr-playlist.plyr-muted .plyr__volume{
    display: block !important;
  }
  .plyr-playlist:not(.plyr-full-player) .plyr__progress__container {
    position: absolute;
    left: 0;
    right: 0;
    top: -7px;
    bottom: auto;
    margin: 0 !important;
    padding: 0;
  }
  .plyr-list {
    width: auto;
    left: 1rem;
  }
  .plyr button {
    display: block;
    height: auto;
    margin: 0;
  }
  .plyr-theme-0 .plyr__content{
    width: 1%;
    flex: 1;
  }
  .plyr-theme- .plyr-control-info [data-plyr="list"]{
    display: none;
  }
}
@media (max-width: 600px) {
  :root {
    --plyr-mini-player-height: 90px;
  }
  body:not(.is-single-play-post) .plyr-theme-video{
    --plyr-mini-player-height: 160px;
  }
  .plyr-playlist .plyr__content,
  .plyr-playlist .plyr__cover{
    order: -1;
  }
  .plyr-playlist:not(.plyr-full-player) .btn-like,
  .plyr-playlist:not(.plyr-full-player) .add_to_cart_inline,
  .plyr-playlist:not(.plyr-full-player) [data-plyr="next"],
  .plyr-playlist:not(.plyr-full-player) [data-plyr="prev"],
  .plyr-playlist:not(.plyr-full-player) [data-plyr="repeat"],
  .plyr-playlist:not(.plyr-full-player) [data-plyr="shuffle"]{
    display: none;
  }
}
@media (min-width: 768px) {
  .plyr-theme- .plyr-control-ctrl [data-plyr="list"]{
    display: none;
  }
  /* DISABLED: this hid the dock seeker at every width of 768px and up. The palette
   * waveform it keys off is already `display:none` in the theme, and a hidden
   * element still matches an adjacent-sibling selector, so the progress that followed
   * it was hidden too and the transport had no seek bar. */
  .plyr-playlist:not(.plyr-theme-video) .plyr__waveform + .plyr__progress{
    display: flex;
  }
  .plyr-theme-radio .plyr-control-ctrl{
    order: 2;
    flex: 1;
    justify-content: flex-end;
  }
  .plyr-control-prog{
    flex: 1;
  }
  .plyr-theme-radio .plyr-control-btns{
    flex: 1;
  }
  .plyr-theme-radio .plyr-control-info{
    flex: 1.25;
  }
}

@-webkit-keyframes loading{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(359deg);}
}
@keyframes loading {
  0%{transform: rotate(0deg);}
  100%{transform: rotate(359deg);}
}

@-webkit-keyframes zoom {
  0% {scale: 1;}
  50% {scale: 2;opacity: 0.2;}
  100% {scale: 3;opacity: 0;}
}
@keyframes zoom {
  0% {scale: 1;}
  50% {scale: 2;opacity: 0.2;}
  100% {scale: 3;opacity: 0;}
}

@-webkit-keyframes marquee{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(var(--marquee-scroll-width) * -1px))}
}
@keyframes marquee{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(var(--marquee-scroll-width) * -1px))}
}
/* musiveo-plays-playlists */
 

.musiveo-playlist-dialog-open {
	overflow: hidden;
}

.musiveo-playlist-dialog {
	position: fixed;
	inset: 0;
	z-index: 100090;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.musiveo-playlist-dialog.is-open {
	display: flex;
}

.musiveo-playlist-dialog__backdrop {
	position: absolute;
	inset: 0;
	background: #000000;
	opacity: 0.7;
}

.musiveo-playlist-dialog__panel {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 26rem;
	max-height: 84vh;
	overflow-y: auto;
	padding: 1.5rem;
	background: #101010;
	border: 1px solid #2e2e34;
	border-radius: 8px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4);
	color: #f2f2f4;
}

.musiveo-playlist-dialog__close {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: #f2f2f4;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	opacity: 0.6;
	transition: opacity 0.12s ease-out;
}

.musiveo-playlist-dialog__close:hover,
.musiveo-playlist-dialog__close:focus-visible {
	opacity: 1;
}

.musiveo-playlist-dialog__title {
	margin: 0 0 0.25rem;
	padding-right: 2rem;
	font-size: 1.125rem;
	color: #ffffff;
}

.musiveo-playlist-dialog__item {
	margin: 0 0 1rem;
	color: #f2f2f4;
	font-size: 0.9rem;
}

/* `[hidden]` is the subject, not an afterthought: in manage mode the item line is hidden by
   ATTRIBUTE and an attribute-hidden element still takes part in layout unless something says so. */
.musiveo-playlist-dialog__item[hidden] {
	display: none;
}

.musiveo-playlist-dialog__message {
	margin: 0 0 0.75rem;
	color: #f2f2f4;
	font-size: 0.85rem;
}

.musiveo-playlist-dialog__message:empty {
	display: none;
}

.musiveo-playlist-dialog__message.is-error {
	color: #ffffff;
	padding: 0.5rem 0.75rem;
	border: 1px solid #d63b3b;
	border-radius: 4px;
	background: #161616;
}

.musiveo-playlist-dialog__loading,
.musiveo-playlist-dialog__empty {
	margin: 0 0 0.5rem;
	color: #f2f2f4;
	font-size: 0.9rem;
}

.musiveo-playlist-dialog__list {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
}

/*
 * A ROW IS A BUTTON, AND IT IS STYLED AS ONE DELIBERATELY.
 *
 * `appearance: none` plus an explicit background, because the frozen theme paints `button` with a
 * gradient shorthand and `border-box` conic fill. **A shorthand resets every longhand it names**, so
 * setting only `background-color` would leave the image in place and the row would render as a
 * purple disc with a black centre -- the 10.93 trap, in a new place.
 */
 
.musiveo-playlist-row {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	width: 100%;
	margin: 0;
	padding: 0.625rem 0.75rem;
	border: 1px solid #2e2e34;
	border-radius: 4px;
	background: #161616;
	color: #f2f2f4;
	text-align: left;
	transition: background-color 0.12s ease-out, border-color 0.12s ease-out;
}

.musiveo-playlist-row:hover {
	background: #1e1e1e;
	border-color: var(--musiveo-accent, var(--color-primary, #8E50F8));
}

/* A ROW YOU CANNOT EDIT IS MARKED, NOT HIDDEN. Removing it would make the list shorter for a
   reason the visitor cannot see (10.11), so it stays and says so. */
.musiveo-playlist-row.is-locked {
	cursor: not-allowed;
	opacity: 0.55;
}

/* THE LINK. `flex: 1 1 auto` so it takes the row's spare width, and the ellipsis is inherited
   from the rule this replaces -- a long playlist name must not push the tick off the row. */
.musiveo-playlist-row__link {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: inherit;
	text-decoration: none;
}

.musiveo-playlist-row__link:hover,
.musiveo-playlist-row__link:focus-visible {
	color: var(--musiveo-accent, var(--color-primary, #8E50F8));
	text-decoration: underline;
	outline: 2px solid var(--musiveo-accent, var(--color-primary, #8E50F8));
	outline-offset: 2px;
}

/* THE TOGGLE. Transparent, because the ROW already draws the box -- a second border inside the
   first would be two outlines around one control. */
.musiveo-playlist-row__toggle {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	flex: 0 0 auto;
	margin: 0;
	padding: 0.25rem;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	cursor: pointer;
	border-radius: 4px;
}

.musiveo-playlist-row__toggle:hover:not(:disabled),
.musiveo-playlist-row__toggle:focus-visible {
	background: #232323;
	outline: 2px solid var(--musiveo-accent, var(--color-primary, #8E50F8));
	outline-offset: 1px;
}

.musiveo-playlist-row__toggle:disabled {
	cursor: not-allowed;
}

.musiveo-playlist-row__count {
	flex: 0 0 auto;
	color: #f2f2f4;
	font-size: 0.8rem;
	opacity: 0.75;
}

/*
 * THE TICK.
 *
 * Drawn from `[aria-pressed="true"]` rather than a class, because `aria-pressed` is what the
 * control sets and what a screen reader announces. **Styling the class and announcing the
 * attribute would be two sources for one state**, and they would disagree the first time one of
 * them was updated (10.13).
 */
.musiveo-playlist-row__tick {
	flex: 0 0 auto;
	width: 1.125rem;
	text-align: center;
	color: #ffffff;
}

/* THE PRESSED STATE IS THE ROW'S, because that is where the handler keeps it. */
.musiveo-playlist-row[aria-pressed="true"] {
	border-color: var(--musiveo-accent, var(--color-primary, #8E50F8));
}

.musiveo-playlist-row__toggle[aria-pressed="true"] .musiveo-playlist-row__tick::after {
	content: "\2713";
}

.musiveo-playlist-row__toggle[aria-pressed="false"] .musiveo-playlist-row__tick::after {
	content: "\002b";
	opacity: 0.4;
}

/*
 * MANAGE MODE: NO TICKS.
 *
 * With no item there is nothing to add, so a tick column would promise a switch that cannot be
 * thrown. The column is removed rather than shown empty -- **a control that looks inert is still a
 * control** (10.13).
 */
.musiveo-playlist-dialog.is-manage .musiveo-playlist-row__tick {
	display: none;
}

.musiveo-playlist-dialog.is-manage .musiveo-playlist-row__toggle[aria-pressed="false"] .musiveo-playlist-row__tick::after {
	content: none;
}

 

/* IN FLIGHT. The row is a div, so `disabled` cannot dim it; the class is what the handler sets,
   and this is what makes the second click visibly pointless rather than merely blocked. */
.musiveo-playlist-row.is-busy {
	opacity: 0.7;
	pointer-events: none;
}

.musiveo-playlist-dialog__actions {
	margin-top: 1rem;
	padding-top: 0.875rem;
	border-top: 1px solid #2e2e34;
}

button.musiveo-playlist-dialog__new {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	padding: 0.625rem 1rem;
	border: 1px solid #2e2e34 !important;
	border-radius: 4px;
	background: transparent !important;
	background-image: none !important;
	color: #ffffff;
	font: inherit;
	cursor: pointer;
}

button.musiveo-playlist-dialog__new:hover,
button.musiveo-playlist-dialog__new:focus-visible {
	background: #161616 !important;
	border-color: var(--musiveo-accent, var(--color-primary, #8E50F8)) !important;
}

/* ----------------------------------------------------------------------- *
 * THE CREATE FORM -- the "+ New playlist" button used to have NOTHING behind it.
 * ----------------------------------------------------------------------- */

/*
 * THE FORM IS IN THE MARKUP AND STARTS WITH THE `hidden` ATTRIBUTE. The rule below is not cosmetic:
 * an attribute-hidden element STILL TAKES PART IN LAYOUT unless something says otherwise, so without
 * it the form sits visible as an unexplained gap under the button and `hidden` is a lie (10.114).
 */
.musiveo-playlist-dialog__new-form[hidden] {
	display: none;
}

.musiveo-playlist-dialog__new-form {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #2e2e34;
}

.musiveo-playlist-dialog__row {
	margin: 0 0 0.75rem;
}

.musiveo-playlist-dialog__row label {
	display: block;
	margin-bottom: 0.25rem;
	color: #f2f2f4;
	font-size: 0.875rem;
}

/*
 * THE FIGHT THE FROZEN SHEET WINS.
 *
 * MEASURED, the theme carries `input[type="text"]` with `background: #111111 !important` and
 * `max-width: 400px`. This field therefore states BOTH the background and the max-width, with
 * `!important`, reproducing the winning declarations rather than trying to out-specify them --
 * **raising specificity without importance cannot work** (10.93).
 */
.musiveo-playlist-dialog__row input {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	max-width: none !important;
	margin: 0;
	padding: 0.5rem 0.625rem;
	border: 1px solid #2e2e34;
	border-radius: 4px;
	background: #000000 !important;
	color: #ffffff;
	font: inherit;
}

.musiveo-playlist-dialog__row input:focus-visible {
	outline: 2px solid var(--musiveo-accent, var(--color-primary, #8E50F8));
	outline-offset: 1px;
}

.musiveo-playlist-dialog__new-actions {
	display: flex;
	gap: 0.5rem;
	margin: 0;
}

/*
 * THE SUBMIT IS A `<button type="submit">`, AND THE THEME FORCES A PURPLE CONIC GRADIENT ONTO
 * `button[type="submit"]` WITH `!important`. **The selector is reproduced and answered with the
 * same importance** -- importance alone cannot beat (0,1,1) and specificity alone cannot beat an
 * `!important` (10.93). A violet gradient on the create button is also a surface the palette forbids.
 */
button.musiveo-playlist-dialog__create {
	-webkit-appearance: none;
	appearance: none;
	flex: 1 1 auto;
	padding: 0.625rem 1rem;
	border: 0 !important;
	border-radius: 4px;
	min-width: 0 !important;
	background: var(--musiveo-accent, var(--color-primary, #8E50F8)) !important;
	background-image: none !important;
	color: #000000 !important;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

button.musiveo-playlist-dialog__create:hover,
button.musiveo-playlist-dialog__create:focus-visible {
	background: #e6e6e6 !important;
}

button.musiveo-playlist-dialog__create:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

button.musiveo-playlist-dialog__cancel {
	-webkit-appearance: none;
	appearance: none;
	flex: 0 0 auto;
	padding: 0.625rem 1rem;
	border: 1px solid #2e2e34 !important;
	border-radius: 4px;
	background: transparent !important;
	background-image: none !important;
	color: #f2f2f4;
	font: inherit;
	cursor: pointer;
}

button.musiveo-playlist-dialog__cancel:hover,
button.musiveo-playlist-dialog__cancel:focus-visible {
	border-color: var(--musiveo-accent, var(--color-primary, #8E50F8)) !important;
	color: #ffffff;
}

@media (prefers-reduced-motion: reduce) {
	.musiveo-playlist-dialog *,
	.musiveo-playlist-dialog *::before,
	.musiveo-playlist-dialog *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/*
 * THE SHARE DIALOG.
 *
 * Same structure as the playlist dialog next door -- backdrop, panel, focus-trappable -- because
 * two dialogs with two shapes is two shapes to keep in step.
 *
 * PALETTE. The suite's standing surfaces: black page, `#101010` for anything raised, `#2e2e34`
 * for a 1px edge, `#161616` for a hover one step off the panel, white text. A 1px border is not
 * decoration here: `#101010` on `#000000` is a one-step difference and reads as nothing without
 * the edge. No blue surface anywhere -- `--color-primary` is an accent and nothing else.
 */

.musiveo-share-dialog {
	position: fixed;
	inset: 0;
	z-index: 100060;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	box-sizing: border-box;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.18s ease, visibility 0.18s ease;
}

.musiveo-share-dialog.is-open {
	visibility: visible;
	opacity: 1;
}

.musiveo-share-dialog__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.74);
	/* The blur is on the backdrop, which is a SIBLING of the panel and never an ancestor of it.
	 * On an ancestor it would become the containing block for every fixed descendant. */
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border: 0;
	cursor: pointer;
}

.musiveo-share-dialog__panel {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 34rem;
	max-height: 88vh;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 1.375rem 1.375rem 1.25rem;
	background: #101010;
	border: 1px solid #2e2e34;
	border-radius: 14px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.75);
	color: #ffffff;
	transform: translateY(6px);
	transition: transform 0.18s ease;
}

.musiveo-share-dialog.is-open .musiveo-share-dialog__panel {
	transform: translateY(0);
}

.musiveo-share-dialog__close {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	font-size: 1.25rem;
	line-height: 1;
	color: #f2f2f4;
	background: transparent;
	border: 1px solid #2e2e34;
	border-radius: 999px;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
	/* UA styling for a bare button, so the control looks the same everywhere. */
	-webkit-appearance: none;
	appearance: none;
}

.musiveo-share-dialog__close:hover,
.musiveo-share-dialog__close:focus-visible {
	background: #161616;
	border-color: #3a3a42;
}

.musiveo-share-dialog__title {
	margin: 0 2.5rem 0.25rem 0;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.3;
	color: #ffffff;
}

.musiveo-share-dialog__item {
	margin: 0 0 1rem;
	font-size: 0.8125rem;
	line-height: 1.4;
	color: #a8a8b0;
	/* A long title must not push the preview off the panel. */
	overflow-wrap: anywhere;
}

/* ---- the embed preview ---- */

.musiveo-share-dialog__preview {
	overflow: hidden;
	background: #000000;
	border: 1px solid #2e2e34;
	border-radius: 10px;
	margin-bottom: 1rem;
}

.musiveo-share-dialog__frame {
	display: block;
	width: 100%;
	/* Matches the height written into the embed code, so the preview and the thing being
	 * copied are the same size -- a preview at a different size than the code misleads. */
	height: 220px;
	border: 0;
	background: #000000;
}

/* ---- the two fields ---- */

.musiveo-share-dialog__field {
	margin-bottom: 0.875rem;
}

.musiveo-share-dialog__field-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.375rem;
}

.musiveo-share-dialog__label {
	font-size: 0.8125rem;
	font-weight: 500;
	color: #f2f2f4;
}

.musiveo-share-dialog__copy {
	flex: 0 0 auto;
	padding: 0.1875rem 0.625rem;
	font-size: 0.75rem;
	line-height: 1.5;
	color: #f2f2f4;
	background: #000000;
	border: 1px solid #2e2e34;
	border-radius: 999px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.musiveo-share-dialog__copy:hover,
.musiveo-share-dialog__copy:focus-visible {
	background: #161616;
	border-color: #3a3a42;
}

.musiveo-share-dialog__code,
.musiveo-share-dialog__url {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0.5rem 0.625rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.75rem;
	line-height: 1.5;
	color: #f2f2f4;
	background: #000000;
	border: 1px solid #2e2e34;
	border-radius: 8px;
	/* A readonly field is still selectable, and the resize handle is not wanted. */
	resize: none;
}

.musiveo-share-dialog__code {
	min-height: 3.25rem;
}

.musiveo-share-dialog__url {
	height: 2.25rem;
}

.musiveo-share-dialog__code:focus,
.musiveo-share-dialog__url:focus {
	outline: 2px solid #f2f2f4;
	outline-offset: 1px;
	border-color: #3a3a42;
}

/* ---- the networks ---- */

.musiveo-share-dialog__legend {
	margin: 1.125rem 0 0.5rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #f2f2f4;
}

.musiveo-share-dialog__networks {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.musiveo-share-dialog__network {
	display: inline-block;
	padding: 0.3125rem 0.75rem;
	font-size: 0.8125rem;
	line-height: 1.4;
	color: #f2f2f4;
	text-decoration: none;
	background: #000000;
	border: 1px solid #2e2e34;
	border-radius: 999px;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.musiveo-share-dialog__network:hover,
.musiveo-share-dialog__network:focus-visible {
	background: #161616;
	border-color: #3a3a42;
	color: #ffffff;
}

/* ---- the status line ---- */

.musiveo-share-dialog__status {
	margin: 0.75rem 0 0;
	/* Reserved whether or not there is a message: text appearing into a zero-height line moves
	 * everything above it, and a dialog that jumps when you click Copy reads as broken. */
	min-height: 1.2em;
	font-size: 0.8125rem;
	color: #a8a8b0;
}

/* The page behind must not scroll while the dialog is up. */
body.musiveo-share-dialog-open {
	overflow: hidden;
}

/* ---- narrow viewports ---- */

@media (max-width: 480px) {
	.musiveo-share-dialog {
		padding: 0.5rem;
	}

	.musiveo-share-dialog__panel {
		padding: 1.125rem 1rem 1rem;
		border-radius: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.musiveo-share-dialog,
	.musiveo-share-dialog__panel {
		transition: none;
	}
}

 

.plyr-playlist.fixed-bottom {
	visibility: hidden;
	pointer-events: none;
}

html.open-player .plyr-playlist.fixed-bottom {
	visibility: visible;
	pointer-events: auto;
}

button.musiveo-playlist-row__toggle { min-width: 44px; min-height: 44px; border: 1px solid #2e2e34; border-radius: .5rem; }
.musiveo-playlist-row__tick { font-size: 1.4rem; }
a.musiveo-playlist-row__link::after { content: " \2197"; color: var(--musiveo-accent, #b58aff); }

.musiveo-share-dialog__embed-options { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-bottom: .75rem; }
.musiveo-share-dialog__embed-options[hidden] { display: none; }
.musiveo-share-dialog__embed-options label { display: inline-flex; align-items: center; gap: .5rem; font-size: .85rem; }
.musiveo-share-dialog__embed-options input[type="color"] { width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 3px; border: 1px solid #555; border-radius: 50%; background: transparent; cursor: pointer; }
.musiveo-share-dialog__embed-options select { width: auto; min-height: 36px; border: 1px solid #444; background: #202020; color: #eee; border-radius: 8px; padding: .35rem .6rem; }
.musiveo-share-dialog__preview { background: transparent; border: 0; border-radius: 12px; }
.musiveo-share-dialog__frame { height: 380px; background: transparent; }
.musiveo-share-dialog__panel { max-height: calc(100dvh - 24px); overflow-y: auto; overflow-x: hidden; }
/* musiveo-plays-feedback */
.musiveo-play-feedback-anchor {
  position: relative;
}

.musiveo-play-feedback {
  position: absolute;
  z-index: 8;
  inset: 0;
  display: grid;
  place-items: center;
  border-radius: inherit;
  background: transparent;
  color: inherit;
  pointer-events: none;
}

.musiveo-play-feedback-host > svg,
.musiveo-play-feedback-host > .station-preview-play > svg,
.musiveo-play-feedback-host > .collection-track-play,
.musiveo-play-feedback-host:is(.btn-play, .icon-play, .btn-play-now)::before {
  visibility: hidden !important;
}

.musiveo-play-feedback::after {
  content: "";
  width: 1em;
  height: 1em;
  box-sizing: border-box;
  border: 2px solid #777;
  border-top-color: currentColor;
  border-radius: 50%;
  animation: musiveo-play-spin .7s linear infinite;
}

@keyframes musiveo-play-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .musiveo-play-feedback::after { animation: none; }
}