.lpl-playlist-wrap{container-type:inline-size;width:100%}.lpl-playlist{--lpl-playlist-text-active:var(--lpl-playlist-text);--lpl-playlist-bg-hover:color-mix(in srgb,var(--lpl-playlist-text) 6%,var(--lpl-playlist-bg));--lpl-playlist-item-active-bg:color-mix(in srgb,var(--lpl-playlist-accent) 10%,var(--lpl-playlist-bg));--lpl-playlist-border:color-mix(in srgb,var(--lpl-playlist-text) 13%,var(--lpl-playlist-bg));--lpl-playlist-border-active:color-mix(in srgb,var(--lpl-playlist-accent) 40%,transparent);--lpl-playlist-container-border:1px solid var(--lpl-playlist-border);--lpl-playlist-space-compact:10px;--lpl-playlist-radius-xs:3px;align-items:start;display:grid;grid-template-areas:"player panel";grid-template-columns:1fr var(--lpl-playlist-panel-width,360px);grid-template-rows:1fr;margin:0 auto;max-width:var(--lpl-playlist-max-width,100%);min-width:0;overflow:hidden;width:100%}.lpl-playlist__player-wrap{background:var(--lpl-playlist-player-bg,transparent);border-radius:var(--lex-radius-md,8px);min-height:0;min-width:0;overflow:hidden;position:relative}.lpl-playlist__panel-scroll{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.lpl-playlist .lpl-playlist__item{align-items:center;appearance:none;-webkit-appearance:none;background:none;border:1px solid #fff0;border-radius:var(--lpl-playlist-item-radius,var(--lpl-playlist-radius-xs));box-sizing:border-box;color:inherit;color:var(--lpl-playlist-text);cursor:pointer;display:flex;flex-direction:row;font:inherit;gap:var(--lex-space-2,8px);min-width:0;outline:none;padding:var(--lpl-playlist-item-pad,var(--lex-space-2,8px) var(--lpl-playlist-space-compact));text-align:left;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease;width:100%}.lpl-playlist__item:not(.lpl-playlist__item--active):hover{background:var(--lpl-playlist-bg-hover);border-color:var(--lpl-playlist-border-active)}.lpl-playlist .lpl-playlist__item--active{background:var(--lpl-playlist-item-active-bg);border-color:var(--lpl-playlist-border-active);color:var(--lpl-playlist-text-active);cursor:pointer}.lpl-playlist__item:focus-visible{outline:2px solid var(--lpl-playlist-accent);outline-offset:2px}.lpl-playlist{border:var(--lpl-playlist-container-border);border-radius:var(--lpl-playlist-container-radius,12px)}.lpl-playlist:not(.lpl--bg-gradient){background:var(--lpl-playlist-bg)}.lpl-playlist__player{display:block;width:100%}@container (max-width:640px){.lpl-playlist.lpl-playlist{align-items:unset;grid-template-areas:"player" "panel";grid-template-columns:1fr;grid-template-rows:auto auto}}@keyframes lpl-item-spin{to{transform:rotate(1turn)}}.lpl-playlist__locked[hidden]{display:none}.lpl-playlist__locked{display:flex;inset:0;position:absolute;z-index:5}.lpl-playlist__locked>*{flex:1;min-width:0}