{"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  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"],"sourceRoot":"/source/"}