.podcastitem {
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.podcastart {
  width:64px;
  height:64px;
  flex-shrink:0;
  object-fit:cover;
  border-radius:2px;
  border:1px solid #EEE;
}

.podcastbody {
  flex:1;
  min-width:0;
}

.podcastitem h3 {
  margin:0;
  font-size:16px;
  line-height:1.3;
}

.podcastitem h3 u {
  cursor:pointer;
  text-decoration-color:#73cdd7;
  text-underline-offset:3px;
}

.podcastmeta {
  font-size:13px;
  opacity:0.7;
  margin-top:1px;
}

.podcastitem .description {
  margin:8px 0 2px 0;
  padding-left:10px;
  border-left:2px solid #73cdd7;
}

.podcastplayer {
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0 8px 0;
}

.podcastplay {
  width:32px;
  height:32px;
  flex-shrink:0;
  padding:0;
  cursor:pointer;
  background:#e9fdff;
  border:2px solid #73cdd7;
  border-radius:2px;
  position:relative;
}

.podcastplay:hover {
  border-color:#231f20;
}

.podcastplay:active {
  background:#73cdd7;
}

.podcastplay:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-45%,-50%);
  border-style:solid;
  border-width:6px 0 6px 10px;
  border-color:transparent transparent transparent #231f20;
}

.podcastplay.playing:before {
  border:none;
  transform:translate(-50%,-50%);
  width:4px;
  height:12px;
  background:#231f20;
  box-shadow:6px 0 0 #231f20;
  margin-left:-3px;
}

.podcastplay.loading:before {
  opacity:0.35;
}

.podcastbar {
  flex:1;
  min-width:0;
  height:6px;
  cursor:pointer;
  background:#e6e6e6;
  border-radius:2px;
  position:relative;
}

.podcastbar:after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-8px;
  bottom:-8px;
}

.podcastprogress {
  width:0;
  height:100%;
  background:#73cdd7;
  border-radius:2px;
}

.podcasttime {
  flex-shrink:0;
  font-size:12px;
  font-variant-numeric:tabular-nums;
  opacity:0.7;
  min-width:80px;
  text-align:right;
}

.podcastlinks {
  font-size:13px;
}

@media screen and (max-width:600px) {
  .podcasttime {
    min-width:0;
  }
  .podcastart {
    width:48px;
    height:48px;
  }
}