body.spoke.iframe {
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  cursor: default; }
  body.spoke.iframe .mobile-player {
    margin: 15px; }
    body.spoke.iframe .mobile-player #controls {
      margin: 0; }
      body.spoke.iframe .mobile-player #controls.disabled {
        opacity: .5; }
    body.spoke.iframe .mobile-player h3 {
      color: #fff;
      font-size: 1.25em;
      line-height: 1.25em;
      margin: 0; }
      body.spoke.iframe .mobile-player h3 small {
        color: rgba(255, 255, 255, 0.75); }
  body.spoke.iframe #controls {
    width: 120px;
    height: 120px;
    margin: 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
    body.spoke.iframe #controls button {
      width: 120px;
      height: 120px;
      background: transparent;
      border-width: 0;
      color: #fff;
      font-size: 48px;
      transition: background .3s ease; }
      body.spoke.iframe #controls button:hover {
        background: rgba(0, 0, 0, 0.25); }
  body.spoke.iframe #waveform-container {
    width: 100%;
    height: 150px;
    position: relative;
    float: left;
    transition: background .3s ease; }
    body.spoke.iframe #waveform-container.pending {
      background: url("../img/sinewave-back.svg") center repeat-x; }
      body.spoke.iframe #waveform-container.pending:after {
        background: url("../img/sinewave-front.svg") center repeat-x;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: ' ';
        transition: background .3s ease; }
      body.spoke.iframe #waveform-container.pending.has-waveform-image {
        background-image: none; }
        body.spoke.iframe #waveform-container.pending.has-waveform-image:after {
          display: none; }
        body.spoke.iframe #waveform-container.pending.has-waveform-image #waveform-pre {
          background-size: 100% 150px;
          background-position: top left;
          background-repeat: no-repeat;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
    body.spoke.iframe #waveform-container.loading {
      background: transparent; }
      body.spoke.iframe #waveform-container.loading .waveform-progress {
        content: ' ';
        height: 1px;
        background: #ccc;
        position: absolute;
        top: 74px;
        right: 0;
        left: 0; }
      body.spoke.iframe #waveform-container.loading .waveform-progress-bar {
        content: ' ';
        height: 1px;
        background: #999;
        top: 0;
        left: 0;
        width: 0; }
  body.spoke.iframe:hover #waveform-container.pending {
    animation: animatedBackground 8s linear infinite; }
    body.spoke.iframe:hover #waveform-container.pending:after {
      animation: animatedBackground 5s linear infinite; }
  body.spoke.iframe #duration-and-share {
    position: absolute;
    top: 62px;
    right: 15px;
    z-index: 20; }
  body.spoke.iframe #duration {
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 3px;
    float: left; }
  body.spoke.iframe #share-btn {
    background: #8b9dc3;
    color: #fff;
    padding: 3px 7px;
    float: left; }
    body.spoke.iframe #share-btn:hover {
      background: #6981b2;
      text-decoration: none; }
  body.spoke.iframe #subscribe-btn {
    background: #EC8435;
    color: #fff;
    padding: 3px 7px;
    float: left; }
    body.spoke.iframe #subscribe-btn:hover {
      background: #da6a14;
      text-decoration: none; }
  body.spoke.iframe #sharing-options, body.spoke.iframe #subscribing-options {
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: -150px;
    right: 0;
    left: 0;
    padding: 15px;
    height: 150px;
    transition: top .3s ease;
    z-index: 30;
    color: #fff;
    width: 100%; }
    body.spoke.iframe #sharing-options .inner, body.spoke.iframe #subscribing-options .inner {
      display: table;
      width: 100%;
      text-align: left; }
  body.spoke.iframe #share-btns, body.spoke.iframe #subscribe-btns {
    display: table-cell;
    white-space: nowrap;
    width: 40%;
    height: 120px;
    vertical-align: middle; }
  body.spoke.iframe .btn-circle {
    border-radius: 50%;
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 24px;
    padding: 0; }
  body.spoke.iframe .btn-share, body.spoke.iframe .btn-subscribe {
    color: #fff;
    margin-right: 7px; }
    body.spoke.iframe .btn-share img, body.spoke.iframe .btn-subscribe img {
      width: 24px;
      filter: invert(1); }
  body.spoke.iframe .btn-subscribe {
    width: 64px;
    height: 64px;
    display: inline-block;
    text-align: center; }
  body.spoke.iframe .btn-twitter {
    background: #0084b4; }
  body.spoke.iframe .btn-facebook {
    background: #3b5998; }
  body.spoke.iframe .btn-pinterest {
    background: #cb2027; }
  body.spoke.iframe .btn-link {
    background: #333; }
  body.spoke.iframe .btn-apple {
    background-color: #832BC1; }
  body.spoke.iframe .btn-google {
    background-color: #4285F4; }
  body.spoke.iframe .btn-spotify {
    background-color: #1ED760; }
  body.spoke.iframe .btn-tunein {
    background-color: #32B3A5; }
  body.spoke.iframe .btn-overcast {
    background-color: #EC8435; }
  body.spoke.iframe .btn-pcast {
    background-color: #E15241; }
  body.spoke.iframe .btn-stitcher {
    background-color: #479CCF; }
  body.spoke.iframe .copyable {
    display: table-cell;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer; }
    body.spoke.iframe .copyable .pre {
      display: table-cell;
      background: rgba(255, 255, 255, 0.75);
      color: #444;
      line-height: 64px;
      padding: 7px;
      text-align: center; }
    body.spoke.iframe .copyable.copied .pre {
      background: #dff0d8; }
    body.spoke.iframe .copyable .code {
      display: table-cell;
      background: #fff;
      color: #333;
      font-family: monospace;
      overflow-x: auto;
      padding: 0 7px;
      vertical-align: middle; }
  body.spoke.iframe.narrow #share-btns, body.spoke.iframe.narrow #subscribe-btns {
    width: 100%;
    text-align: center; }
  body.spoke.iframe.narrow .copyable {
    display: none; }
  body.spoke.iframe #link-code {
    display: none; }
  body.spoke.iframe #unshare, body.spoke.iframe #unsubscribe {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px;
    color: #fff;
    font-size: 24px;
    line-height: 16px; }
    body.spoke.iframe #unshare:hover, body.spoke.iframe #unsubscribe:hover {
      text-decoration: none; }
  body.spoke.iframe.sharing #sharing-options {
    top: 0; }
  body.spoke.iframe.sharing.linking #embed-code {
    display: none; }
  body.spoke.iframe.sharing.linking #link-code {
    display: table-cell; }
  body.spoke.iframe.subscribing #subscribing-options {
    top: 0; }
  body.spoke.iframe.template-wp, body.spoke.iframe.template-wplarge {
    background-size: cover;
    background-position: center;
    padding-top: 115px; }
    body.spoke.iframe.template-wp #controls, body.spoke.iframe.template-wplarge #controls {
      width: 60px;
      height: 70px;
      margin: 15px;
      box-shadow: none;
      position: relative;
      z-index: 20; }
      body.spoke.iframe.template-wp #controls button, body.spoke.iframe.template-wplarge #controls button {
        width: 60px;
        height: 70px; }
        body.spoke.iframe.template-wp #controls button:hover, body.spoke.iframe.template-wplarge #controls button:hover {
          background: transparent; }
    body.spoke.iframe.template-wp #waveform-container, body.spoke.iframe.template-wplarge #waveform-container {
      height: 100px; }
    body.spoke.iframe.template-wp #wp-player, body.spoke.iframe.template-wplarge #wp-player {
      display: block;
      background: rgba(0, 0, 0, 0.5);
      position: fixed;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 0;
      content: " "; }
    body.spoke.iframe.template-wp #wp-media, body.spoke.iframe.template-wplarge #wp-media {
      position: absolute;
      bottom: 0; }
    body.spoke.iframe.template-wp #wp-meta, body.spoke.iframe.template-wplarge #wp-meta {
      position: absolute;
      top: 15px;
      right: 75px;
      left: 0; }
      body.spoke.iframe.template-wp #wp-meta a, body.spoke.iframe.template-wplarge #wp-meta a {
        color: #fff;
        text-decoration: none; }
        body.spoke.iframe.template-wp #wp-meta a h2, body.spoke.iframe.template-wplarge #wp-meta a h2 {
          color: #fff;
          margin-top: 0;
          height: 2.25em;
          overflow: hidden; }
          body.spoke.iframe.template-wp #wp-meta a h2 small, body.spoke.iframe.template-wplarge #wp-meta a h2 small {
            color: #fff; }
        body.spoke.iframe.template-wp #wp-meta a:hover, body.spoke.iframe.template-wplarge #wp-meta a:hover {
          text-decoration: none; }
          body.spoke.iframe.template-wp #wp-meta a:hover h2 span, body.spoke.iframe.template-wplarge #wp-meta a:hover h2 span {
            text-decoration: underline; }
    body.spoke.iframe.template-wp #waveform-pre, body.spoke.iframe.template-wplarge #waveform-pre {
      opacity: .5; }
    body.spoke.iframe.template-wp .wp-large-container, body.spoke.iframe.template-wplarge .wp-large-container {
      position: relative;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  body.spoke.iframe.template-wplarge #controls {
    width: 38px;
    margin-left: 0;
    margin-right: 20px; }
    body.spoke.iframe.template-wplarge #controls button {
      width: 38px;
      padding-left: 0;
      padding-right: 0; }
  body.spoke.iframe.template-wplarge #duration-and-share {
    right: 0; }
  body.spoke.iframe.template-wplarge h2, body.spoke.iframe.template-wplarge #waveform {
    transition: opacity .3s ease; }
  body.spoke.iframe.template-wplarge.state-playing h2 {
    opacity: 0; }
  body.spoke.iframe.template-wplarge.state-playing #waveform {
    opacity: 1; }
  body.spoke.iframe.template-wplarge.state-paused h2 {
    opacity: 1; }
  body.spoke.iframe.template-wplarge.state-paused #waveform {
    opacity: .25; }

/*# sourceMappingURL=player.css.map */