/* line 1, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-wrapper {
  position: relative;
  text-align: left;
}

/* line 6, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-popup {
  background: #fff;
  position: absolute;
  z-index: 200;
  right: -0.25em;
  top: 100%;
  margin-top: 0.2em;
  white-space: nowrap;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 0.25em 0;
  display: none;
}

/* line 20, app/assets/stylesheets/partials/share_popup.scss.erb */
.show-share-popup .share-popup {
  display: block;
}

/* line 24, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-popup:before, .share-popup:after {
  content: '';
  position: absolute;
  right: 0.5em;
  margin-right: -1px;
  bottom: 100%;
  border-width: 0 0.25em 0.2em 0.25em;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
}

/* line 35, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-popup:before {
  border-color: transparent transparent #ddd transparent;
  margin-bottom: 1px;
}

/* line 40, app/assets/stylesheets/partials/share_popup.scss.erb */
.align-center .share-popup {
  right: 50%;
  transform: translateX(50%);
}

/* line 43, app/assets/stylesheets/partials/share_popup.scss.erb */
.align-center .share-popup:before, .align-center .share-popup:after {
  right: 50%;
  transform: translateX(50%);
}

/* line 49, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-popup a {
  color: #323235;
  display: block;
  text-decoration: none;
  padding: 0.5em 1em 0.5em 2.5em;
  background-position: 0.5em center;
  background-size: 1.66em;
  background-repeat: no-repeat;
  opacity: 0.7;
  font-size: 0.5em;
}

/* line 59, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-popup a:hover {
  opacity: 1;
}

/* line 65, app/assets/stylesheets/partials/share_popup.scss.erb */
a.copy-link {
  background-image: url(/assets/sharing/link-3e1f2f9f47ec1857a88b0f339c975ad76548428d7dcec18fd5c6f83b5794697b.svg);
  display: none;
}

/* line 68, app/assets/stylesheets/partials/share_popup.scss.erb */
a.copy-link .copied-text {
  display: none;
}

/* line 71, app/assets/stylesheets/partials/share_popup.scss.erb */
a.copy-link.is-visible {
  display: block;
}

/* line 74, app/assets/stylesheets/partials/share_popup.scss.erb */
.has-copied-link a.copy-link {
  background-image: url(/assets/sharing/tick-e7fcae754e50da6e89ca399ffcdb3015b43c4e1888daed3678f9aca1b6ed8f26.svg);
}

/* line 76, app/assets/stylesheets/partials/share_popup.scss.erb */
.has-copied-link a.copy-link .copy-link-text {
  display: none;
}

/* line 79, app/assets/stylesheets/partials/share_popup.scss.erb */
.has-copied-link a.copy-link .copied-text {
  display: block;
}

/* line 85, app/assets/stylesheets/partials/share_popup.scss.erb */
.tumblr-share-link {
  background: url(/assets/sharing/tumblricon@2x-3255f747f9c1d56f50775eab441e6d365214fabfe720559069a9aa60a0719a55.png);
}

/* line 89, app/assets/stylesheets/partials/share_popup.scss.erb */
.facebook-share-link {
  background: url(/assets/sharing/facebookicon@2x-033c4dea5ea8b274efa2b74b4c65c1c257d5b4fbea01af52edfd6d8b14da4255.png);
}

/* line 93, app/assets/stylesheets/partials/share_popup.scss.erb */
.twitter-share-link {
  background: url(/assets/sharing/xicon@2x-5c0727fcc0d38ea8f2f2c37b0b9790fc56e5928f0ac38bd62c363885c2cab7ad.png);
}

/* line 97, app/assets/stylesheets/partials/share_popup.scss.erb */
.linkedin-share-link {
  background: url(/assets/sharing/linkedinicon@2x-0798ca336f5ee3b823eb338bb000a71789177d3b9a8c31718cd761c9c7ce418e.png);
}

/* line 101, app/assets/stylesheets/partials/share_popup.scss.erb */
.email-share-link {
  background: url(/assets/sharing/emailicon@2x-2903614920e1e355a4525808018cdf7df1e5ed3cb8ba7790048c1f56919aaa43.png);
}

/* line 105, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-button {
  display: block;
  padding: 0;
  background: transparent;
  border: none;
  font-size: inherit;
  cursor: pointer;
  width: 1em;
}

/* line 112, app/assets/stylesheets/partials/share_popup.scss.erb */
.share-button img {
  display: block;
  width: 1em;
}
@charset "UTF-8";
/* line 2, app/assets/stylesheets/podcast_embed.scss.erb */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: -apple-system, BlinkMacSystemFont, "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 8, app/assets/stylesheets/podcast_embed.scss.erb */
html {
  height: 100%;
  font-size: 0.625em;
}

/* line 13, app/assets/stylesheets/podcast_embed.scss.erb */
body {
  height: 100%;
  padding: 0;
  margin: 0;
  color: #fff;
  background: linear-gradient(#45454a, #2e2e30);
  z-index: 0;
  line-height: 1;
  display: flex;
  font-size: 1.2rem;
  overflow: hidden;
}

/* line 26, app/assets/stylesheets/podcast_embed.scss.erb */
.is-scrubbing * {
  cursor: pointer !important;
}

/* line 30, app/assets/stylesheets/podcast_embed.scss.erb */
a {
  color: #fff;
}

/* line 34, app/assets/stylesheets/podcast_embed.scss.erb */
.background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}

/* line 43, app/assets/stylesheets/podcast_embed.scss.erb */
.show-background .background {
  opacity: 1;
}

/* line 49, app/assets/stylesheets/podcast_embed.scss.erb */
.wrapper {
  margin: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 3px red;
}

/* line 59, app/assets/stylesheets/podcast_embed.scss.erb */
.header-links {
  display: flex;
  align-items: center;
  font-size: 2rem;
  height: 1em;
  width: 100%;
  margin: 1.5rem 2rem;
  position: relative;
  z-index: 100;
}

/* line 70, app/assets/stylesheets/podcast_embed.scss.erb */
.pocket-casts-link {
  background: #f43d37;
  border-radius: 1em;
  text-decoration: none;
  display: flex;
  align-items: center;
  white-space: nowrap;
  /* The element's height will match the font-size */
  height: 1em;
  margin-right: auto;
}

/* line 81, app/assets/stylesheets/podcast_embed.scss.erb */
.pocket-casts-link img {
  width: 0.66em;
  margin: -0.5px 0.16em 0;
}

/* line 86, app/assets/stylesheets/podcast_embed.scss.erb */
.pocket-casts-link span {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.5em;
  margin: 0 0.8em 0 0.2em;
}

/* line 93, app/assets/stylesheets/podcast_embed.scss.erb */
.info-toggle {
  display: block;
  padding: 0;
  margin: 0 0 0 0.5em;
  background: transparent;
  border: none;
  font-size: inherit;
  cursor: pointer;
  width: 1em;
}

/* line 101, app/assets/stylesheets/podcast_embed.scss.erb */
.info-toggle img {
  display: block;
  width: 1em;
}

/* line 110, app/assets/stylesheets/podcast_embed.scss.erb */
.info-toggle .close-icon {
  display: none;
}

/* line 115, app/assets/stylesheets/podcast_embed.scss.erb */
.info-body {
  font-size: 1.4rem;
  line-height: 1.3;
  opacity: 0.8;
}

/* line 121, app/assets/stylesheets/podcast_embed.scss.erb */
.content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5rem 2rem 0;
  overflow: hidden;
}

/* line 131, app/assets/stylesheets/podcast_embed.scss.erb */
.main-content {
  min-height: 0;
  z-index: 1;
  transition-timing-function: ease-in;
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: -0.01em;
}

/* line 142, app/assets/stylesheets/podcast_embed.scss.erb */
.info-content {
  overflow: auto;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(5%);
  transition-timing-function: ease-out;
}

/* line 151, app/assets/stylesheets/podcast_embed.scss.erb */
.main-content, .info-content {
  transition-property: opacity, transform, visibility;
  transition-duration: 150ms;
}

/* line 156, app/assets/stylesheets/podcast_embed.scss.erb */
.show-info {
  background: hsl(var(--hue), 80%, 16%);
}

/* line 158, app/assets/stylesheets/podcast_embed.scss.erb */
.show-info .background {
  opacity: 0.6;
  transition-duration: 150ms;
}

/* line 162, app/assets/stylesheets/podcast_embed.scss.erb */
.show-info .main-content {
  opacity: 0;
  visibility: 0;
  z-index: 0;
  transform: translateY(-5%);
  transition-timing-function: ease-out;
}

/* line 169, app/assets/stylesheets/podcast_embed.scss.erb */
.show-info .info-content {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transform: translateY(0);
  transition-timing-function: ease-in;
}

/* line 177, app/assets/stylesheets/podcast_embed.scss.erb */
.show-info .info-toggle .info-icon {
  display: none;
}

/* line 180, app/assets/stylesheets/podcast_embed.scss.erb */
.show-info .info-toggle .close-icon {
  display: block;
}

/* line 186, app/assets/stylesheets/podcast_embed.scss.erb */
.main {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* line 193, app/assets/stylesheets/podcast_embed.scss.erb */
.artwork {
  height: 8rem;
  aspect-ratio: 1 / 1;
}

/* line 196, app/assets/stylesheets/podcast_embed.scss.erb */
.artwork img {
  display: block;
  height: 100%;
  border-radius: 0.4rem;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

/* line 205, app/assets/stylesheets/podcast_embed.scss.erb */
.titles {
  margin: 1.8rem 0 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  /* https://stackoverflow.com/questions/38223879/white-space-nowrap-breaks-flexbox-layout */
  max-width: 100%;
  height: 6rem;
  text-align: center;
}

/* line 215, app/assets/stylesheets/podcast_embed.scss.erb */
.titles a {
  text-decoration: none;
}

/* line 217, app/assets/stylesheets/podcast_embed.scss.erb */
.titles a:hover {
  text-decoration: underline;
}

/* line 223, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-meta {
  opacity: 0.6;
  font-size: 1.1rem;
  display: flex;
  width: 100%;
  justify-content: center;
  display: none;
}

/* line 230, app/assets/stylesheets/podcast_embed.scss.erb */
.has-episode-loaded .episode-meta {
  display: block;
}

/* line 235, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-type {
  text-transform: capitalize;
}

/* line 237, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-type:after {
  content: '•';
  display: inline-block;
  margin: 0 0.5em;
  font-size: 0.6em;
  position: relative;
  top: -0.2em;
}

/* line 245, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-type:empty {
  display: none;
}

/* line 253, app/assets/stylesheets/podcast_embed.scss.erb */
.heading {
  font-weight: 800;
  line-height: 1.2;
  font-size: 1.4rem;
  text-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.2);
  margin: 0 0 0.8rem;
  min-height: 1.12em;
}

/* line 261, app/assets/stylesheets/podcast_embed.scss.erb */
.has-episode-loaded .heading {
  margin-top: 0.6rem;
}

/* line 265, app/assets/stylesheets/podcast_embed.scss.erb */
.main-content .heading a {
  display: block;
  text-decoration: none;
  box-sizing: content-box;
  margin: -0.1em;
  padding: 0.1em;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* line 278, app/assets/stylesheets/podcast_embed.scss.erb */
.main-content .heading a:hover {
  text-decoration: underline;
}

/* line 282, app/assets/stylesheets/podcast_embed.scss.erb */
.has-episode-loaded .main-content .heading a {
  -webkit-line-clamp: 1;
}

/* line 289, app/assets/stylesheets/podcast_embed.scss.erb */
.subheading {
  font-size: 1.2rem;
  text-decoration: none;
  opacity: 0.8;
  display: inline-block;
  font-weight: 700;
}

/* line 296, app/assets/stylesheets/podcast_embed.scss.erb */
.main-content .subheading {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 305, app/assets/stylesheets/podcast_embed.scss.erb */
.has-episode-loaded .subheading__podcast-author {
  display: none;
}

/* line 310, app/assets/stylesheets/podcast_embed.scss.erb */
.subheading__podcast-title {
  display: none;
}

/* line 312, app/assets/stylesheets/podcast_embed.scss.erb */
.has-episode-loaded .subheading__podcast-title {
  display: inline;
}

/* line 317, app/assets/stylesheets/podcast_embed.scss.erb */
.player {
  display: flex;
  width: 100%;
}

/* line 322, app/assets/stylesheets/podcast_embed.scss.erb */
.player-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 3rem;
  width: 2.6em;
  margin-right: 2rem;
}

/* line 329, app/assets/stylesheets/podcast_embed.scss.erb */
.player-buttons button {
  cursor: pointer;
  background: transparent;
  padding: 0;
  border: none;
  font-size: inherit;
}

/* line 336, app/assets/stylesheets/podcast_embed.scss.erb */
.player-buttons img {
  display: block;
}

/* line 341, app/assets/stylesheets/podcast_embed.scss.erb */
.play-pause {
  cursor: pointer;
}

/* line 344, app/assets/stylesheets/podcast_embed.scss.erb */
.play-pause img {
  width: 1em;
  display: block;
}

/* line 349, app/assets/stylesheets/podcast_embed.scss.erb */
.play-pause .pause-icon {
  display: none;
}

/* line 352, app/assets/stylesheets/podcast_embed.scss.erb */
.is-playing .play-pause .pause-icon {
  display: block;
}

/* line 353, app/assets/stylesheets/podcast_embed.scss.erb */
.is-playing .play-pause .play-icon {
  display: none;
}

/* line 357, app/assets/stylesheets/podcast_embed.scss.erb */
.skip-forward, .skip-backward {
  width: 0.6em;
  opacity: 0.5;
  transition: opacity 0.2s ease-out;
}

/* line 359, app/assets/stylesheets/podcast_embed.scss.erb */
.skip-forward img, .skip-backward img {
  width: 100%;
}

/* line 365, app/assets/stylesheets/podcast_embed.scss.erb */
.has-episode-loaded .skip-forward, .has-episode-loaded .skip-backward {
  opacity: 1;
}

/* line 370, app/assets/stylesheets/podcast_embed.scss.erb */
.progress-bar {
  flex-grow: 1;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1rem;
}

/* line 378, app/assets/stylesheets/podcast_embed.scss.erb */
.scrubber {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1em;
  height: 0.6rem;
  position: relative;
  overflow: hidden;
  flex: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* line 390, app/assets/stylesheets/podcast_embed.scss.erb */
.scrubber__position {
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
  height: 100%;
  border-radius: 1em;
  background: #fff;
}

/* line 398, app/assets/stylesheets/podcast_embed.scss.erb */
.is-playing .scrubber__position {
  transition: 1s transform linear;
}

/* line 401, app/assets/stylesheets/podcast_embed.scss.erb */
.scrubber__position, .is-scrubbing .scrubber__position, .is-loading-episode .scrubber__position {
  transition: 50ms transform ease-out;
}

/* line 406, app/assets/stylesheets/podcast_embed.scss.erb */
.current-time,
.duration {
  pointer-events: none;
  font-size: 1rem;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  position: absolute;
  bottom: -0.33em;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

/* line 418, app/assets/stylesheets/podcast_embed.scss.erb */
.has-episode-loaded .current-time, .has-episode-loaded .duration {
  opacity: 0.8;
}

/* line 423, app/assets/stylesheets/podcast_embed.scss.erb */
.duration {
  left: auto;
  right: 0;
}

/* line 428, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-count {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  opacity: 0.8;
  width: 100%;
  margin: 2.3rem 0 0.8rem;
}

/* line 437, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-list {
  padding: 0;
  margin: 0 -2rem;
  list-style: none;
  align-self: stretch;
  flex-grow: 1;
  overflow: hidden;
}

/* line 446, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-button {
  border: 0;
  background: transparent;
  color: inherit;
  opacity: 0.8;
  font-size: 1rem;
  display: flex;
  align-items: center;
  padding: 0.6rem 2rem;
  width: 100%;
  cursor: pointer;
}

/* line 457, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-button img {
  width: 1.6rem;
  opacity: 0.625;
}

/* line 461, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-button .pause-icon {
  display: none;
}

/* line 465, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-button:hover, .episode-button.is-current-episode {
  opacity: 1;
}

/* line 467, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-button:hover img, .episode-button.is-current-episode img {
  opacity: 1;
}

/* line 473, app/assets/stylesheets/podcast_embed.scss.erb */
.is-playing .episode-button.is-current-episode .play-icon {
  display: none;
}

/* line 474, app/assets/stylesheets/podcast_embed.scss.erb */
.is-playing .episode-button.is-current-episode .pause-icon {
  display: block;
}

/* line 478, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  margin: 0 1rem;
  font-weight: 700;
  font-size: 1.1rem;
}

/* line 488, app/assets/stylesheets/podcast_embed.scss.erb */
.episode-duration {
  margin-left: auto;
  white-space: nowrap;
}

@media (min-width: 300px) {
  /* line 494, app/assets/stylesheets/podcast_embed.scss.erb */
  .heading {
    font-size: 1.6rem;
  }
  /* line 497, app/assets/stylesheets/podcast_embed.scss.erb */
  .subheading {
    font-size: 1.4rem;
  }
}

@media (min-width: 400px) {
  /* line 503, app/assets/stylesheets/podcast_embed.scss.erb */
  .heading {
    font-size: 1.8rem;
  }
}

@media (min-width: 500px) {
  /* line 509, app/assets/stylesheets/podcast_embed.scss.erb */
  .main {
    flex-direction: row;
    margin-bottom: 2rem;
  }
  /* line 514, app/assets/stylesheets/podcast_embed.scss.erb */
  .artwork {
    height: 120px;
  }
  /* line 518, app/assets/stylesheets/podcast_embed.scss.erb */
  .titles {
    margin: 0 0 0 2rem;
    text-align: left;
    height: 120px;
  }
  /* line 524, app/assets/stylesheets/podcast_embed.scss.erb */
  .episode-meta {
    font-size: 1.2rem;
  }
  /* line 528, app/assets/stylesheets/podcast_embed.scss.erb */
  .heading {
    font-size: 2.4rem;
  }
  /* line 530, app/assets/stylesheets/podcast_embed.scss.erb */
  .heading a {
    -webkit-line-clamp: 2 !important;
  }
  /* line 535, app/assets/stylesheets/podcast_embed.scss.erb */
  .subheading {
    font-size: 1.4rem;
  }
  /* line 539, app/assets/stylesheets/podcast_embed.scss.erb */
  .player-buttons {
    width: 12rem;
    font-size: 4rem;
  }
  /* line 544, app/assets/stylesheets/podcast_embed.scss.erb */
  .episode-count {
    margin: 2.5rem 0 1rem;
  }
  /* line 548, app/assets/stylesheets/podcast_embed.scss.erb */
  .episode-button img {
    width: 2rem;
  }
  /* line 552, app/assets/stylesheets/podcast_embed.scss.erb */
  .episode-title {
    font-size: 1.2rem;
  }
}

@media (min-width: 540px) {
  /* line 559, app/assets/stylesheets/podcast_embed.scss.erb */
  .content-wrapper {
    padding: 5rem 4rem 0;
  }
}