{"version":3,"sources":["_podlove-fonts.scss","_podlove-subscribe.scss","_podlove-subscribe-button.scss","_podlove-mixins.scss","_podlove-variables.scss","_podlove-subscribe-popup.scss"],"names":[],"mappings":"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","file":"app.css","sourcesContent":["@font-face {\n  font-family: 'Podlove';\n  src: url('../fonts/podlove/Podlove.eot');\n  src: url('../fonts/podlove/Podlove.eot?#iefix') format('embedded-opentype'),\n       url('../fonts/podlove/Podlove.woff') format('woff'),\n       url('../fonts/podlove/Podlove.ttf') format('truetype'),\n       url('../fonts/podlove/Podlove.svg#robotomedium') format('svg');\n  font-weight: 400;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'Roboto';\n  src: url('../fonts/roboto_light/Roboto-Light-webfont.eot');\n  src: url('../fonts/roboto_light/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),\n       url('../fonts/roboto_light/Roboto-Light-webfont.woff') format('woff'),\n       url('../fonts/roboto_light/Roboto-Light-webfont.ttf') format('truetype'),\n       url('../fonts/roboto_light/Roboto-Light-webfont.svg#robotolight') format('svg');\n  font-weight: 300;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'Roboto';\n  src: url('../fonts/roboto_medium/Roboto-Medium-webfont.eot');\n  src: url('../fonts/roboto_medium/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),\n       url('../fonts/roboto_medium/Roboto-Medium-webfont.woff') format('woff'),\n       url('../fonts/roboto_medium/Roboto-Medium-webfont.ttf') format('truetype'),\n       url('../fonts/roboto_medium/Roboto-Medium-webfont.svg#robotomedium') format('svg');\n  font-weight: 500;\n  font-style: normal;\n}\n","html.podlove-subscribe {\n  height: 100%;\n}\n\nbody.podlove-subscribe {\n  font-family: 'Roboto' !important;\n  margin: 0;\n  overflow: hidden;\n}\n\n.podlove-subscribe *,\n.podlove-subscribe *:before,\n.podlove-subscribe *:after {\n  box-sizing: border-box;\n  font-family: 'Roboto';\n}\n","#podlove-subscribe-button-iframe {\n  height: 0;\n  width: 0;\n}\n\nscript.podlove-subscribe-button {\n  display: none !important;\n}\n\n#podlove-subscribe-button,\n.podlove-subscribe-button {\n  border: none;\n  cursor: pointer;\n  display: inline-block;\n  font-weight: 500;\n  letter-spacing: 0.5px;\n  padding: 0;\n  position: relative;\n  text-transform: uppercase;\n  transition: all 0.1s $podlove-easing;\n\n  &:focus {\n    outline: none;\n  }\n\n  span {\n    display: inline-block;\n    position: relative;\n    text-align: center;\n  }\n}\n\n#podlove-subscribe-button {\n  border-radius: 0;\n  position: absolute; // fixes an issue in ff where the button is not on top: 0 and therefore cut at the bottom\n  text-align: center;\n\n  span {\n    padding-left: 1.75em; // use em to scale all button sizes alltogether\n    position: relative;\n    vertical-align: 1px;\n\n    &::before {\n      content:'\\e900';\n      font-family: 'Podlove';\n      font-size: 1.875em; // use em to scale all button sizes alltogether\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      font-style: normal;\n      font-weight: normal;\n      left: -0.2875em; // use em to scale all button sizes alltogether\n      line-height: normal;\n  \t  position: absolute;\n      top: 50%;\n      transform: translateY(-49%); // not using -50% for centering because icon has an optical center that's not at 50%\n    }\n  }\n\n  &.small {\n    font-size: 10px;\n    height: $button-height-small;\n    width: 108px;\n  }\n\n  &.medium {\n    font-size: 12px;\n    height: $button-height-medium;\n    width: 140px;\n  }\n\n  &.big {\n    font-size: 16px;\n    height: $button-height-big;\n    width: 180px;\n  }\n\n  &.auto {\n    width: 100%;\n  }\n\n  &.outline {\n    background-color: transparent;\n    border-width: 0.175em;\n    border-style: solid;\n  }\n\n  &.frameless {\n    background-color: transparent !important;\n  }\n\n  &.square {\n\n    &::before {\n      content:'\\e900';\n      font-family: 'Podlove';\n      font-size: 1.875em; // use em to scale all button sizes alltogether\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      font-style: normal;\n      font-weight: normal;\n      left: 50%;\n      line-height: normal;\n  \t  position: absolute;\n      top: 50%;\n      transform: translate(-50%, -49%); // not using -50% for centering on y axis because icon has an optical center that's not at 50%\n    }\n\n    &.small {\n      width: $button-height-small;\n    }\n\n    &.medium {\n      width: $button-height-medium;\n    }\n\n    &.big {\n      width: $button-height-big;\n    }\n\n    &.auto {\n      width: 100%; // will be no square, but working at least\n    }\n  }\n}\n\n#podlove-subscribe-button-logo {\n  cursor: pointer;\n  display: none;\n\n  &::before {\n    display: block;\n    content: '';\n    height: 100%;\n    position: absolute;\n    width: 100%;\n  }\n\n  img {\n    width: 100%;\n  }\n}\n","$podlove-easing: cubic-bezier(0.62, 0.28, 0.23, 0.99);\n$shadow-level-1: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n","// Color variables\n\n$color-black-alpha: rgba(0, 0, 0, 0.5);\n\n$color-gray-1: #666666; // main font-color on white\n$color-gray-3: #AAAAAA; // more decent font-color on white\n$color-gray-4: #CBCBCB; // decent border-color\n$color-gray-5: #E1E1E1; // prominent border-color\n$color-gray-2: #F2F2F2; // used as background-color for decent containers, e.g. popup-footer\n\n$color-white: #FFFFFF;\n\n\n// Project variables\n\n$button-height-small: 27px;\n$button-height-medium: 41px;\n$button-height-big: 54px;\n\n$popup-width: 300px;\n","#podlove-subscribe-popup {\n  background-color: $color-black-alpha;\n  font-family: Roboto !important;\n  height: 100%;\n  left: 0;\n  margin: 0 auto;\n  opacity: 1;\n  padding: 0;\n  position: fixed;\n  top: 0;\n  vertical-align: middle;\n  transition: opacity 0.25s $podlove-easing;\n  width: 100%;\n  z-index: 99999;\n\n  &.podlove-subscribe-popup-animate {\n    opacity: 0;\n  }\n\n  h1, h2 {\n    font-family: 'Roboto' !important;\n    font-size: 20px !important;\n  }\n\n  h2 {\n    font-size: 16px !important;\n  }\n\n  img {\n    margin: 0 auto;\n  }\n\n  #podlove-subscribe-popup-close-button,\n  #podlove-subscribe-popup-help-button,\n  .podlove-subscribe-back-button {\n    cursor: pointer;\n    height: 44px;\n    padding: 12px 0;\n    position: absolute;\n    top: 0;\n    width: 44px;\n\n    &::before {\n      font-family: 'Podlove' !important;\n      font-size: 20px;\n      -moz-osx-font-smoothing: grayscale;\n      -webkit-font-smoothing: antialiased;\n      font-style: normal;\n      font-weight: 400;\n      font-variant: normal;\n      line-height: 1;\n      speak: none;\n      text-transform: none;\n    }\n  }\n\n  .podlove-subscribe-back-button,\n  #podlove-subscribe-popup-help-button {\n    left: 0;\n    transition: transform 0.25s $podlove-easing;\n  }\n\n  .podlove-subscribe-back-button {\n    padding-left: 12px;\n    transform: scale(0);\n\n    &::before {\n      content: '\\e5c4';\n    }\n  }\n\n  #podlove-subscribe-popup-help-button {\n    transform: scale(1);\n\n    &::before {\n      content: '\\e8fd';\n    }\n  }\n\n  .swiped-left-1,\n  .swiped-left-2 {\n\n    #podlove-subscribe-popup-help-button {\n      transform: scale(0);\n    }\n\n    .podlove-subscribe-back-button {\n      transform: scale(1);\n    }\n  }\n\n  #podlove-subscribe-popup-close-button {\n    right: 0;\n\n    &::before {\n      content: '\\e888';\n    }\n  }\n\n  #podlove-subscribe-button-help-panel {\n    font-family: Roboto !important;\n    font-weight: 300;\n    font-size: 95% !important;\n    height: 100%;\n    left: 0;\n    overflow-y: auto;\n    padding: 0 0 0 40px;\n    position: absolute;\n    top: -100%;\n    transition: all 0.25s $podlove-easing;\n    width: 100%;\n    z-index: 2; // render above top-bar\n\n    .podlove-subscribe-button-help-panel-content {\n      height: 100%;\n      overflow: hidden;\n      overflow-y: scroll;\n      padding: 44px 20px 0 0;\n\n      & > * {\n        font-size: 16px !important;\n        line-height: 20px;\n        text-align: left;\n      }\n\n      & > h2 {\n        font-size: 20px !important;\n        font-weight: 300;\n        line-height: 24px;\n        margin-top: 0 !important;\n        margin-bottom: 10px;\n      }\n\n      p {\n        margin: 0 0 10px 0;\n      }\n\n      p:last-child {\n        margin-bottom: 44px;\n      }\n    }\n\n    .podlove-help-close-button {\n      cursor: pointer;\n      left: 0;\n      padding: 12px 0;\n      position: absolute;\n      text-align: center;\n      top: 0;\n      transform: scale(0);\n      transition: transform 0.25s $podlove-easing 0.45s;\n      width: 44px;\n      height: 44px;\n      z-index: 3;\n\n      &::before {\n        content: '\\e888';\n        font-family: 'Podlove' !important;\n        font-size: 20px;\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-font-smoothing: antialiased;\n        font-style: normal;\n        font-weight: 400;\n        font-variant: normal;\n        line-height: 1;\n        speak: none;\n        text-transform: none;\n      }\n    }\n\n    &.visible {\n      top: 0;\n\n      .podlove-help-close-button {\n        transform: scale(1);\n      }\n    }\n  }\n\n  #podlove-subscribe-popup-modal {\n    border-radius: 1px;\n    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n    height: 460px;\n    margin: -230px auto 0;\n    padding: 0;\n    overflow: hidden;\n    position: relative;\n    top: 50%;\n    width: $popup-width;\n\n    .podlove-logo {\n      background-color: $color-gray-2;\n      border-bottom-left-radius: 1px;\n      border-bottom-right-radius: 1px;\n      bottom: 0;\n      color: $color-gray-1;\n      font-size: 10px;\n      height: 35px;\n      left: 0;\n      padding: 11px;\n      position: absolute;\n      text-align: center;\n      width: 100%;\n\n      img {\n        width: 130px;\n      }\n    }\n\n    button {\n      text-transform: none;\n    }\n\n    .top-bar {\n      color: $color-gray-3;\n      font-size: 14px !important;\n      font-weight: 300 !important;\n      height: 46px;\n      left: 0;\n      line-height: 14px !important;\n      padding: 17px 0 15px 0;\n      position: absolute;\n      text-align: center;\n      text-transform: uppercase;\n      top: 0;\n      width: 100%;\n      z-index: 1;\n    }\n\n    #podlove-subscribe-popup-modal-inner {\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n\n      h1 {\n        font-size: 20px;\n        font-weight: 300;\n        line-height: 24px;\n        margin: 0 0 10px 0;\n      }\n\n      h2 {\n        margin: 15px 0 5px;\n        text-align: left;\n      }\n\n      #podlove-subscribe-panel-container {\n        height: 100%;\n        transition: transform 0.25s $podlove-easing;\n        width: $popup-width * 3;\n      }\n\n      &.swiped-left-0 {\n\n        #podlove-subscribe-panel-container {\n          transform: translateX(0);\n        }\n      }\n\n      &.swiped-left-1 {\n\n        #podlove-subscribe-panel-container {\n          transform: translateX(-$popup-width);\n        }\n      }\n\n      &.swiped-left-2 {\n\n        #podlove-subscribe-panel-container {\n          transform: translateX(-$popup-width * 2);\n        }\n      }\n    }\n  }\n\n  #podlove-subscribe-panel-podcast,\n  #podlove-subscribe-panel-clients,\n  #podlove-subscribe-panel-finish {\n    background-color: $color-white;\n    color: $color-gray-1;\n    height: 100%;\n    padding: 64px 20px 40px 20px;\n    position: absolute;\n    top: 0;\n    width: $popup-width;\n  }\n\n  #podlove-subscribe-panel-podcast {\n    font-size: 14px !important;\n    left: 0;\n    text-align: center;\n\n    .podcast-cover-placeholder {\n      background-color: $color-gray-2;\n      background-image: url('../images/icon.svg');\n      background-position: 50% 48%;\n      background-repeat: no-repeat;\n      background-size: 66%;\n      margin: 0 auto;\n    }\n\n    img.podcast-cover,\n    .podcast-cover-placeholder {\n      box-shadow: $shadow-level-1;\n      height: 190px;\n      width: 190px;\n    }\n\n    .podlove-subscribe-popup-podcast-text {\n      height: 50px;\n      margin: 20px 0;\n      overflow: hidden;\n    }\n\n    p {\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 1.4em;\n      margin: 0;\n    }\n\n    // State: There are subtitles, so cover will be smaller and text-container will be bigger\n    .podcast-has-subtitles {\n\n      img.podcast-cover,\n      .podcast-cover-placeholder {\n        height: 160px;\n        width: 160px;\n      }\n\n      .podlove-subscribe-popup-podcast-text {\n        height: 90px;\n      }\n    }\n  }\n\n  #podlove-subscribe-panel-podcast,\n  #podlove-subscribe-panel-finish {\n\n    .podlove-subscribe-button {\n      border-radius: 1px;\n      box-shadow: $shadow-level-1;\n      font-family: 'Roboto' !important;\n      font-size: 14px !important;\n      font-weight: 500;\n      height: 50px;\n      letter-spacing: 0.5px;\n      line-height: 21px;\n      outline: none;\n      text-align: center;\n      text-decoration: none;\n      text-transform: uppercase;\n      transition: all 0.1s $podlove-easing;\n      width: 100%;\n\n      &:active,\n      &:hover {\n        box-shadow: none;\n        transform: translateY(1px);\n      }\n    }\n  }\n\n  #podlove-subscribe-panel-clients {\n    left: $popup-width;\n    padding-left: 0;\n    padding-right: 0;\n    padding-top: 48px;\n\n    .device-cloud-switch {\n      background-color: $color-gray-2;\n      border-bottom: 1px solid $color-gray-4;\n      border-top: 1px solid $color-gray-5;\n      padding: 0 20px;\n      height: 48px;\n\n      button {\n        background-color: transparent;\n        border: none;\n        color: $color-gray-3;\n        cursor: pointer;\n        display: inline-block;\n        font-size: 16px !important;\n        font-weight: 300;\n        height: 100%;\n        line-height: 1em;\n        margin: 0;\n        padding: 16px 0 14px 0;\n        outline: none;\n        width: 50%;\n\n        .podlove-subscribe-tab-active {\n          bottom: -1.5px;\n          display: block;\n          height: 3px;\n          left: 20px;\n          position: absolute;\n          right: 20px;\n          transform: scaleX(0);\n          transform-origin: 50% 50%;\n          transition: transform 0.25s $podlove-easing;\n          width: 90px;\n        }\n\n        &.active {\n          position: relative;\n\n          .podlove-subscribe-tab-active {\n            transform: scaleX(1);\n          }\n        }\n      }\n\n    }\n\n    .client-list {\n      height: 330px;\n      line-height: 30px;\n      overflow-y: auto;\n    }\n\n    ul {\n      margin: 0;\n      padding: 0;\n    }\n\n    ul.cloud-clients {\n      display: none;\n    }\n\n    li {\n      border-bottom: 1px solid $color-gray-5;\n      cursor: pointer;\n      font-size: 16px !important;\n      font-weight: 200 !important;\n      list-style: none !important;\n      padding: 0;\n      position: relative;\n      text-align: left;\n    }\n\n    li:hover {\n      cursor: pointer;\n    }\n\n    li img {\n      height: 28px !important;\n      left: 18px;\n      position: absolute;\n      width: 28px !important;\n    }\n\n    li a {\n      border: none;\n      color: inherit;\n      display: block;\n      font-weight: 200 !important;\n      padding: 10px 20px 10px 58px;\n      text-decoration: none;\n    }\n\n    li button {\n      color: inherit;\n      display: block;\n      padding: 8px 20px 8px 60px;\n      text-decoration: none;\n    }\n  }\n\n  #podlove-subscribe-panel-finish {\n    font-size: 14px !important;\n    left: $popup-width * 2;\n    text-align: center;\n\n    img {\n      margin: 0 auto 20px auto;\n      width: 100px;\n    }\n\n    h1 {\n      line-height: 1.4em;\n    }\n\n    p {\n      font-size: 14px !important;\n      font-weight: 200;\n      line-height: 20px;\n      margin-bottom: 10px;\n    }\n\n    input {\n      font-size: 16px !important;\n      height: 40px;\n      width: 100%;\n    }\n\n    .podlove-subscribe-button {\n      margin-bottom: 10px;\n      padding: 14px 0;\n      position: relative;\n    }\n\n    .store-button {\n      margin: 10px 0 0 0;\n      max-width: 50%;\n    }\n  }\n\n  input {\n    color: $color-gray-1;\n    font-family: 'Roboto' !important;\n    font-size: 16px !important;\n    font-weight: 500;\n    margin-top: 10px;\n    padding: 0 10px;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  .copy-url-link {\n    display: inline-block;\n    overflow: hidden;\n    width: 100%;\n    word-wrap: break-word;\n  }\n\n  .copy-url-button {\n    margin-top: 10px;\n  }\n\n  .copy-url-field {\n    height: 1px;\n    overflow: hidden;\n    width: 1px;\n  }\n}\n"]}