.podcast-playlist-wrapper{display:grid;gap:var(--wp--preset--spacing--20);grid-template:"video" auto "playlist" 30svh/100%;inline-size:100%}@media (width > 782px){.podcast-playlist-wrapper{aspect-ratio:2.8571/1;grid-template:"video  playlist" auto/5fr 3fr}}.podcast-player{grid-area:video;line-height:0}.podcast-player iframe{aspect-ratio:16/9;block-size:auto;border:0;inline-size:100%}.podcast-playlist{--scrollbar-size:1rem;display:grid;grid-area:playlist;list-style:none;margin:0;overflow-y:scroll;padding:0}@media (width > 782px){.podcast-playlist{mask-image:linear-gradient(to top,transparent 0,#000 5%),linear-gradient(to left,transparent var(--scrollbar-size),#000 var(--scrollbar-size));mask-position:left bottom;mask-size:100% 20000px;transition:mask-position .3s,-webkit-mask-position .3s}.podcast-playlist:hover{mask-position:left top}}.podcast-playlist::-webkit-scrollbar{inline-size:var(--scrollbar-size)}.podcast-playlist::-webkit-scrollbar-track{background-color:var(--wp--preset--color--secondary-light);border-radius:var(--wp--preset--spacing--30)}.podcast-playlist::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--wp--preset--color--primary);border:1px solid transparent;border-radius:var(--wp--preset--spacing--30)}.podcast-item{align-items:start;background-color:var(--podcast-item-background,transparent);cursor:pointer;display:grid;gap:var(--wp--preset--spacing--20);grid-template-columns:8rem 1fr;padding:var(--wp--preset--spacing--20);transition:background-color .2s}.podcast-item:hover{--podcast-item-background:rgba(0,0,0,.05)}.podcast-item.active{--podcast-item-background:rgba(0,0,0,.1)}.podcast-thumb{margin-block-start:.2lh}.podcast-info{overflow:hidden}.podcast-title{font-size:var(--wp--preset--font-size--x-small);font-weight:700;overflow:hidden;text-overflow:ellipsis}.podcast-description,.podcast-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.podcast-description{font-size:var(--wp--preset--font-size--xx-small)}