/* The original compact line icon, restored to the supplied screenshot. */
.podcasts-tile{
  grid-column:2;grid-row:4;min-height:258px;
  display:grid;grid-template-rows:24px minmax(min-content,1fr);gap:10px;padding:16px;
  border-color:#f0f1f5;background:#fff;cursor:default;
  transition:background-color .3s ease-in-out,border-color .3s ease-in-out!important;
}
.podcasts-tile.is-open{background-color:#f4f0fb;border-color:#e7ddf3}
.podcast-headphones{
  position:absolute;z-index:3;left:50%;top:50%;display:block;width:104px;height:104px;
  color:#ceced2;transform:translate(-50%,-50%);pointer-events:none;user-select:none;
  transition:left .42s var(--motion-ease),top .42s var(--motion-ease),width .42s var(--motion-ease),height .42s var(--motion-ease),transform .42s var(--motion-ease),color .3s ease-in-out;
}
.podcasts-heading{min-width:0;margin:0;font:inherit}
.podcasts-toggle{
  position:absolute;z-index:2;inset:0;width:100%;height:100%;padding:0;border:0;
  border-radius:22px;background:transparent;text-align:left;cursor:pointer;
}
.podcasts-toggle>span{
  position:absolute;left:28px;top:0;display:flex;align-items:center;height:24px;
  color:#6c6b74;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;
  opacity:0;transform:translateY(4px);transition:opacity .18s linear,transform .28s var(--motion-ease);
}
.podcasts-list{
  display:grid;grid-template-rows:repeat(5,minmax(34px,1fr));gap:4px;
  min-width:0;list-style:none;margin:0;padding:0;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);
  transition:opacity .18s linear,transform .3s var(--motion-ease),visibility 0s linear .18s;
}
.podcast-row{min-width:0;margin:0;padding:0}
.podcast-link{
  display:grid;grid-template-columns:14px 28px minmax(0,1fr);
  align-items:center;column-gap:8px;width:100%;min-height:34px;height:100%;padding:0 4px;
  border-radius:7px;cursor:pointer;transition:background-color .18s var(--motion-fill);
}
.podcast-rank{font-size:12px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;color:#9b9aa3;text-align:left}
.podcast-cover{display:block;width:28px;height:28px;object-fit:cover;border-radius:5px;box-shadow:0 0 0 1px #2524290b,0 2px 3px #2524290e;filter:saturate(.85);transition:filter .2s ease}
.podcast-name{display:block;min-width:0;max-width:100%;color:#626169;font-size:14px;font-weight:500;line-height:17px;text-align:left;white-space:normal;overflow-wrap:normal}
.podcasts-tile.is-open .podcast-headphones{left:16px;top:18px;width:20px;height:20px;color:#9a8da8;transform:none}
.podcasts-tile.is-open .podcasts-toggle{inset:16px 16px auto;width:calc(100% - 32px);height:24px;border-radius:6px}
.podcasts-tile.is-open .podcasts-toggle>span{opacity:1;transform:none;transition-delay:.1s}
.podcasts-tile.is-open .podcasts-list{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .22s linear .12s,transform .32s var(--motion-ease) .08s,visibility 0s}
.podcast-link:any-link:is(:hover,:focus-visible){background:#e9e1f5}
.podcast-link:any-link:is(:hover,:focus-visible) .podcast-cover{filter:saturate(1)}
.podcast-link:any-link:is(:hover,:focus-visible) .podcast-name{color:#38373e}
.podcasts-toggle:focus-visible,.podcast-link:focus-visible{outline:2px solid #b4b1bf;outline-offset:-2px}
@media(min-width:701px) and (max-width:1100px){.podcasts-tile{grid-column:2;grid-row:6}}
@media(max-width:700px){
  .podcasts-tile{grid-column:1/3;grid-row:8;min-height:300px;grid-template-rows:28px minmax(min-content,1fr);padding:20px}
  .podcast-headphones{width:112px;height:112px}
  .podcasts-tile.is-open .podcast-headphones{left:20px;top:22px;width:24px;height:24px}
  .podcasts-tile.is-open .podcasts-toggle{inset:20px 20px auto;width:calc(100% - 40px);height:28px}
  .podcasts-toggle>span{left:32px;height:28px;font-size:16px}
  .podcasts-list{grid-template-rows:repeat(5,minmax(40px,1fr))}
  .podcast-link{pointer-events:none;cursor:default;grid-template-columns:18px 32px minmax(0,1fr);column-gap:10px;min-height:40px}
  .podcast-cover{width:32px;height:32px}
  .podcast-name{font-size:16px;line-height:20px}
}
@media(prefers-reduced-motion:reduce){.podcast-headphones,.podcasts-toggle>span,.podcasts-list,.podcasts-tile.is-open .podcasts-list,.podcast-link,.podcast-cover{transition:none!important}}
