.pele-playlist{--pele-pl-accent:var(--e-global-color-primary,#6c47ff);--pele-pl-list:34%;--pele-pl-list-h:420px;--pele-pl-gap:20px;--pele-pl-ratio:16/9;--pele-pl-radius:16px;--pele-pl-thumb:104px;--pele-pl-list-bg:#fff;--pele-pl-border:rgba(20,23,43,.08);--pele-pl-item:#2a2e45;--pele-pl-item-bg:transparent;--pele-pl-item-hover:#14172b;--pele-pl-item-bg-hover:rgba(20,23,43,.045);--pele-pl-item-active:#14172b;--pele-pl-item-bg-active:color-mix(in srgb,var(--pele-pl-accent) 11%,transparent);--pele-pl-section:#5f6580;--pele-pl-now:#14172b;align-items:stretch;display:grid;gap:var(--pele-pl-gap);grid-template-columns:minmax(0,1fr) var(--pele-pl-list)}.pele-playlist--below,.pele-playlist--end .pele-playlist__main:only-child{grid-template-columns:minmax(0,1fr)}@media(max-width:767px){.pele-playlist{grid-template-columns:minmax(0,1fr);--pele-pl-gap:14px;--pele-pl-thumb:92px;--pele-pl-radius:12px}}.pele-playlist__main{min-inline-size:0}.pele-playlist__player{aspect-ratio:var(--pele-pl-ratio);background:#0d0f1c;border-radius:var(--pele-pl-radius);box-shadow:0 24px 50px -28px rgba(13,15,28,.6);isolation:isolate;overflow:hidden;position:relative}.pele-playlist .pele-playlist__cover,.pele-playlist .pele-playlist__cover:focus,.pele-playlist .pele-playlist__cover:hover{background:#0d0f1c;block-size:100%;border:0;border-radius:0;color:#fff;cursor:pointer;display:block;inline-size:100%;inset:0;margin:0;padding:0;position:absolute}.pele-playlist .pele-playlist__cover:focus[hidden],.pele-playlist .pele-playlist__cover:hover[hidden],.pele-playlist .pele-playlist__cover[hidden]{display:none}.pele-playlist .pele-playlist__cover:focus-visible{outline:3px solid var(--pele-pl-accent);outline-offset:-3px}.pele-playlist .pele-playlist__poster{block-size:100%;inline-size:100%;inset:0;max-inline-size:none;object-fit:cover;position:absolute;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.pele-playlist__cover:after{background:linear-gradient(180deg,rgba(10,12,24,.05) 40%,rgba(10,12,24,.72));content:"";inset:0;position:absolute}.pele-playlist__cover:hover .pele-playlist__poster{transform:scale(1.03)}.pele-playlist__big-play{align-items:center;background:var(--pele-pl-accent);block-size:clamp(56px,9vw,84px);border-radius:50%;box-shadow:0 0 0 10px color-mix(in srgb,var(--pele-pl-accent) 28%,transparent),0 18px 40px -12px rgba(0,0,0,.6);color:var(--pele-on-primary,#fff);display:inline-flex;inline-size:clamp(56px,9vw,84px);inset-block-start:50%;justify-content:center;left:50%;position:absolute;transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:1}.pele-playlist__big-play svg{block-size:40%;fill:currentColor;inline-size:40%}.pele-playlist__cover:is(:hover,:focus-visible) .pele-playlist__big-play{transform:translate(-50%,-50%) scale(1.08)}.pele-playlist__cover-title{color:#fff;font-size:clamp(15px,1.6vw,19px);font-weight:600;inset-block-end:0;inset-inline:0;line-height:1.35;padding:18px 22px;position:absolute;text-align:start;text-shadow:0 1px 10px rgba(0,0,0,.4);z-index:1}.pele-playlist .pele-playlist__media{background:#000;block-size:100%;border:0;inline-size:100%;inset:0;position:absolute}.pele-playlist__info{padding-block-start:16px}.pele-playlist .pele-playlist__now{color:var(--pele-pl-now);font-size:clamp(18px,1.8vw,22px);font-weight:700;line-height:1.3;margin:0;padding:0}.pele-playlist .pele-playlist__description{color:#5a6077;font-size:15px;line-height:1.65;margin:6px 0 0}.pele-playlist .pele-playlist__description[hidden]{display:none}.pele-playlist__side{min-inline-size:0;position:relative}.pele-playlist__panel{background:var(--pele-pl-list-bg);border:1px solid var(--pele-pl-border);border-radius:var(--pele-pl-radius);box-shadow:0 16px 40px -30px rgba(20,23,43,.35);box-sizing:border-box;display:flex;flex-direction:column;max-block-size:var(--pele-pl-list-h);overflow:hidden}@media(min-width:768px){.pele-playlist--end .pele-playlist__panel{inset:0;max-block-size:none;position:absolute}}.pele-playlist__head{align-items:baseline;border-block-end:1px solid var(--pele-pl-border);display:flex;flex:none;gap:12px;justify-content:space-between;padding:16px 18px 12px}.pele-playlist .pele-playlist__heading{color:var(--pele-pl-now);font-size:16px;font-weight:700;line-height:1.3;margin:0}.pele-playlist__count{color:var(--pele-pl-section);flex:none;font-size:13px}.pele-playlist__scroll{flex:1 1 auto;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding:8px;scrollbar-color:rgba(20,23,43,.2) transparent;scrollbar-width:thin}.pele-playlist .pele-playlist__section{color:var(--pele-pl-section);font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1.4;margin:10px 10px 6px;text-transform:uppercase}.pele-playlist__group:first-child .pele-playlist__section{margin-block-start:4px}.pele-playlist .pele-playlist__list{list-style:none;margin:0;padding:0}.pele-playlist__entry{margin:0;padding:0}.pele-playlist .pele-playlist__item,.pele-playlist .pele-playlist__item:focus{align-items:center;background:var(--pele-pl-item-bg);border:0;border-radius:12px;box-sizing:border-box;color:var(--pele-pl-item);cursor:pointer;display:flex;font:inherit;gap:12px;inline-size:100%;margin:0;padding:8px;position:relative;text-align:start;transition:background-color .2s ease,color .2s ease;white-space:normal;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pele-playlist .pele-playlist__item:hover{background:var(--pele-pl-item-bg-hover);color:var(--pele-pl-item-hover)}.pele-playlist .pele-playlist__item.is-current{background:var(--pele-pl-item-bg-active);color:var(--pele-pl-item-active)}.pele-playlist .pele-playlist__item.is-current:before{background:var(--pele-pl-accent);border-radius:3px;content:"";inline-size:3px;inset-block:10px;inset-inline-start:0;position:absolute}.pele-playlist .pele-playlist__item:focus-visible{outline:2px solid var(--pele-pl-accent);outline-offset:-2px}.pele-playlist__number{align-items:center;color:var(--pele-pl-section);display:inline-flex;flex:none;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;inline-size:22px;justify-content:center;position:relative}.pele-playlist__bars{align-items:flex-end;block-size:14px;display:none;gap:2px}.pele-playlist__bars i{animation:pele-pl-bars .9s ease-in-out infinite;background:var(--pele-pl-accent);block-size:100%;border-radius:2px;inline-size:3px;transform-origin:bottom}.pele-playlist__bars i:nth-child(2){animation-delay:-.3s}.pele-playlist__bars i:nth-child(3){animation-delay:-.6s}.pele-playlist.is-playing .pele-playlist__item.is-current .pele-playlist__number>span:first-child{display:none}.pele-playlist.is-playing .pele-playlist__item.is-current .pele-playlist__bars{display:inline-flex}@keyframes pele-pl-bars{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.pele-playlist__thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#2b2f4a,#4a3f7a);border-radius:8px;flex:none;inline-size:var(--pele-pl-thumb);overflow:hidden;position:relative}.pele-playlist__thumb img{block-size:100%;display:block;inline-size:100%;max-inline-size:none;object-fit:cover}.pele-playlist__length{background:rgba(10,12,24,.78);border-radius:4px;color:#fff;font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;inset-block-end:4px;inset-inline-end:4px;line-height:1.4;padding:1px 5px;position:absolute}.pele-playlist__text{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-inline-size:0}.pele-playlist__name{display:-webkit-box;-webkit-box-orient:vertical;font-size:14.5px;font-weight:600;-webkit-line-clamp:2;line-height:1.4;overflow:hidden}.pele-playlist__meta{color:var(--pele-pl-section);font-size:12.5px;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.pele-playlist__bars i{animation:none;transform:scaleY(.7)}.pele-playlist .pele-playlist__item,.pele-playlist .pele-playlist__poster,.pele-playlist__big-play{transition:none}}