.podcast-view{cursor:pointer;flex-direction:column;gap:.5rem;width:100%;max-width:400px;transition:transform .2s;display:flex}.podcast-view:hover{transform:scale(1.02)}.podcast-view:hover .play-pause-overlay{background:#00000080}.podcast-view .podcast-thumbnail{border:2px solid #4b3fa7;border-radius:12px;width:200px;height:200px;position:relative;overflow:hidden}.podcast-view .podcast-thumbnail.large{width:320px;height:320px}.podcast-view .podcast-thumbnail .play-pause-overlay{z-index:1;opacity:1;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.podcast-view .podcast-thumbnail .play-pause-overlay .pause-play__button{opacity:.9;width:48px;height:48px}@media (max-width:768px){.podcast-view .podcast-thumbnail .play-pause-overlay .pause-play__button{width:36px;height:36px}}.podcast-view .progress-indicator{z-index:2;background-color:#0070f3;height:4px;position:absolute;bottom:0;left:0}.podcast-view .podcast-info{color:#fff;text-align:initial;margin-top:.5rem}.podcast-view .podcast-info.large{width:320px}.podcast-view .podcast-title{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:500;display:-webkit-box;overflow:hidden}.podcast-view .podcast-meta{color:#ffffffb3;justify-content:space-between;align-items:center;margin-top:.25rem;font-size:.8rem;font-weight:300;display:flex}.podcast-view .duration,.podcast-view .date{white-space:nowrap}