@charset "UTF-8";
* {
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0; }

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.half-flipped {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }

.quarter-flipped {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg); }

.unflipped {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg); }

.rotate-container {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  position: relative; }

@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spinner {
  from {
    -webkit-transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg); } }
.spinning {
  -webkit-animation-name: spinner;
          animation-name: spinner;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

.face {
  display: block; }
  .face.back {
    display: none; }

.rotated .face {
  display: none; }
.rotated .back {
  display: block; }

.csstransforms3d.preserve3d .rotating {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
  width: 100%;
  height: 100%; }
  .csstransforms3d.preserve3d .rotating.rotated {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
  .csstransforms3d.preserve3d .rotating .face {
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block; }
  .csstransforms3d.preserve3d .rotating .back {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    display: block; }

.icn {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c8a41fa9c51b68524891f985475ba955.png); }
  .icn.guide-icon {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/guide/guide_sprite-fe107941c60a7a1e3f84e4a2b0611b2c.png) 0 0; }
    .icn.guide-icon.for_me {
      background-position: 0 -72px; }
    .icn.guide-icon.first_product {
      background-position: 0 -144px; }
    .icn.guide-icon.reach_your_audience {
      background-position: 0 -360px; }
    .icn.guide-icon.getting_paid {
      background-position: 0 -288px; }
    .icn.guide-icon.promoting_product {
      background-position: 0 -360px; }
    .icn.guide-icon.customize_product, .icn.guide-icon.integrations {
      background-position: 0 -432px; }
    .icn.guide-icon.styling_gumroad {
      background-position: 0 -504px; }
    .icn.guide-icon.interacting_with_customers {
      background-position: 0 -576px; }
    .icn.guide-icon.subscriptions {
      background-position: 0 -1010px; }
    .icn.guide-icon.physical_items {
      background-position: 0 -1085px; }
    .icn.guide-icon.analytics {
      background-position: 0 -1157px; }
    .icn.guide-icon.preorders {
      background-position: 0 -1227px; }
    .icn.guide-icon.sales_tax {
      background-position: 0 -1374px; }
    .icn.guide-icon.license_keys {
      background-position: 0 -1456px; }
    .icn.guide-icon.how-to-music {
      background-position: 0 -648px; }
    .icn.guide-icon.how-to-ebooks {
      background-position: 0 -720px; }
    .icn.guide-icon.how-to-film {
      background-position: 0 -791px; }
    .icn.guide-icon.how-to-photoshop_plugins {
      background-position: 0 -863px; }
    .icn.guide-icon.how-to-digital_comics {
      background-position: 0 -936px; }
    .icn.guide-icon.how-to-after_crowdfunding {
      background-position: 0 -1300px; }
  .icn.feature-icon.pay-what-yout-want {
    background-position: 0 -660px; }
  .icn.feature-icon.discounts {
    background-position: -54px -660px; }
  .icn.feature-icon.pdf-stamp {
    background-position: -108px -660px; }
  .icn.feature-icon.variants {
    background-position: -162px -660px; }
  .icn.feature-icon.custom-fields {
    background-position: -216px -660px; }
  .icn.feature-icon.custom-css {
    background-position: -270px -660px; }
  .icn.job-icon {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/jobs_sprite-453e237132500a7403cf531699724856.png) 0 0 repeat-x; }
    .icn.job-icon.product-designer {
      background-position: 0 0; }
    .icn.job-icon.product-design-intern {
      background-position: 0 0; }
    .icn.job-icon.front-end-engineer {
      background-position: -96px 0; }
    .icn.job-icon.engineering-intern {
      background-position: -96px 0; }
    .icn.job-icon.back-end-engineer {
      background-position: -192px 0; }
    .icn.job-icon.customer-support {
      background-position: -288px 0; }
    .icn.job-icon.data-scientist {
      background-position: -480px 0; }
    .icn.job-icon.payments-engineer {
      background-position: -574px 0; }
    .icn.job-icon.compliance-manager {
      background-position: -574px 0; }
    .icn.job-icon.risk-engineer {
      background-position: -574px 0; }
    .icn.job-icon.job-essentials {
      background-position: -668px 0; }
    .icn.job-icon.job-tools {
      background-position: -863px 0; }
    .icn.job-icon.job-balance {
      background-position: -1057px 0; }
  .icn.close {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 10px;
    height: 10px;
    background-position: 0 -515px; }
    .icn.close.light {
      background-position: -20px -515px; }
    .icn.close.small {
      background-position: -40px -515px;
      width: 8px;
      height: 8px; }
      .icn.close.small.light {
        background-position: -60px -515px; }
  .icn.auth {
    display: inline-block;
    width: 18px;
    height: 16px;
    margin-right: 4px; }
    .icn.auth.email {
      background-position: -40px -470px; }
      .icn.auth.email.light {
        background-position: -62px -489px; }
    .icn.auth.twitter {
      background-position: -2px -490px; }
    .icn.auth.facebook {
      background-position: -20px -491px; }
    .icn.auth.gift {
      background-position: -81px -489px;
      height: 17px; }
  .icn.customers-icon {
    display: inline-block;
    vertical-align: text-bottom;
    width: 16px;
    height: 16px; }
    .icn.customers-icon.search {
      background-position: -51px -606px;
      height: 18px;
      margin-top: -5px;
      width: 18px; }
    .icn.customers-icon.import {
      background-position: 0 -606px; }
    .icn.customers-icon.export {
      background-position: -17px -606px; }
    .icn.customers-icon.filter {
      background-position: -34px -606px; }
  .icn.file-type {
    width: 20px;
    height: 20px;
    display: inline-block; }
    .icn.file-type.supported {
      display: block;
      background-position: -40px -550px; }
    .icn.file-type.not-supported {
      display: block;
      background-position: 4px -508px; }
  .icn.flag {
    background: transparent url(https://static-1.gumroad.com/res/gumroad/assets/country_flags-b618a81b94b4d2ea42ee8b2444f1d0e4.png) 0 0 repeat-y;
    width: 60px;
    height: 40px;
    border: 1px solid #f8f8f8; }
    .icn.flag.australia {
      background-position: 0 0px; }
    .icn.flag.austria {
      background-position: 0 -40px; }
    .icn.flag.belgium {
      background-position: 0 -80px; }
    .icn.flag.brazil {
      background-position: 0 -120px; }
    .icn.flag.canada {
      background-position: 0 -160px; }
    .icn.flag.china {
      background-position: 0 -200px; }
    .icn.flag.denmark {
      background-position: 0 -240px; }
    .icn.flag.france {
      background-position: 0 -280px; }
    .icn.flag.germany {
      background-position: 0 -320px; }
    .icn.flag.hong.kong {
      background-position: 0 -360px; }
    .icn.flag.india {
      background-position: 0 -400px; }
    .icn.flag.israel {
      background-position: 0 -440px; }
    .icn.flag.italy {
      background-position: 0 -480px; }
    .icn.flag.japan {
      background-position: 0 -520px; }
    .icn.flag.mexico {
      background-position: 0 -560px; }
    .icn.flag.netherlands {
      background-position: 0 -600px; }
    .icn.flag.new.zealand {
      background-position: 0 -640px; }
    .icn.flag.norway {
      background-position: 0 -680px; }
    .icn.flag.poland {
      background-position: 0 -720px; }
    .icn.flag.portugal {
      background-position: 0 -760px; }
    .icn.flag.russia {
      background-position: 0 -800px; }
    .icn.flag.singapore {
      background-position: 0 -840px; }
    .icn.flag.spain {
      background-position: 0 -880px; }
    .icn.flag.sweden {
      background-position: 0 -920px; }
    .icn.flag.switzerland {
      background-position: 0 -960px; }
    .icn.flag.turkey {
      background-position: 0 -1000px; }
    .icn.flag.uk {
      background-position: 0 -1040px; }
    .icn.flag.united.states {
      background-position: 0 -1080px; }
  .icn.chevron {
    display: block;
    width: 16px;
    height: 10px; }
    .icn.chevron.down {
      background-position: 0 -575px; }
    .icn.chevron.up {
      background-position: -16px -575px; }
  .icn.edit {
    display: block;
    background-position: -60px -532px;
    width: 20px;
    height: 14px; }
    .icn.edit:hover {
      background-position: -60px -550px; }
  .icn.external {
    display: inline-block;
    background-position: -90px -532px;
    width: 10px;
    height: 12px; }
    .icn.external:hover {
      background-position: -90px -550px; }

.nav.core .icn {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c8a41fa9c51b68524891f985475ba955.png);
  display: block;
  width: 18px;
  height: 18px; }
  .nav.core .icn.gr-logo {
    background-position: 0 -77px; }
  .nav.core .icn.wordmark {
    background-position: 0 -43px;
    width: 128px !important;
    height: 32px !important;
    top: 18px !important; }

.loading-gif {
  display: inline-block;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/loading-b70ccd4a0399ed27eb94a0f2d814dab3.gif) center;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom; }

.icn-apple, .icn-android {
  display: inline-block;
  background-size: contain;
  height: 15px;
  margin-right: 5px;
  position: relative;
  top: 2px;
  width: 12px; }
  .icn-apple.icn-apple, .icn-android.icn-apple {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/mobile/apple_logo-f55ca418c9d3fa99d62878cc055d9f28.svg); }
  .icn-apple.icn-android, .icn-android.icn-android {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/mobile/android_logo-b7f020409329dce18034fab988c0c6e9.svg); }

@font-face {
  font-family: "GumIcons";
  src: url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-13d850297f9e6e65d00fad92dc724ff7.eot);
  src: url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-13d850297f9e6e65d00fad92dc724ff7.eot?#iefix) format("embedded-opentype"), url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-391bf3c9240cc33355d31663ad220e98.woff) format("woff"), url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-4bdb50c15e1f1933ea79e5dc480e18e6.ttf) format("truetype"), url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-cae2f239d85088830e3c7fc819ee5a8c.svg#gumicons) format("svg");
  font-weight: normal;
  font-style: normal; }
.gi {
  display: inline-block;
  font-family: GumIcons;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gi-megaphone:before {
  content: "\e000"; }

.gi-cash:before {
  content: "\e001"; }

.gi-stat:before {
  content: "\e002"; }

.gi-comment:before {
  content: "\e003"; }

.gi-compass:before {
  content: "\e004"; }

.gi-book:before {
  content: "\e005"; }

.gi-gear:before {
  content: "\e006"; }

.gi-load:before {
  content: "\e007"; }

.gi-search:before {
  content: "\e008"; }

.gi-grid:before {
  content: "\e009"; }

.gi-download:before {
  content: "\e010"; }

.gi-film:before {
  content: "\e011"; }

.gi-upload:before {
  content: "\e012"; }

.gi-heart:before {
  content: "\e013"; }

.gi-star:before {
  content: "\e014"; }

.gi-check:before {
  content: "\e015"; }

.gi-chevron-right:before {
  content: "\e016"; }

.gi-chevron-left:before {
  content: "\e017"; }

.gi-close:before {
  content: "\e018"; }

.gi-pencil:before {
  content: "\e019"; }

.gi-gift:before {
  content: "\e020"; }

.gi-lock:before {
  content: "\e021"; }

.gi-email:before {
  content: "\e022"; }

.gi-twitter:before {
  content: "\e023"; }

.gi-facebook:before {
  content: "\e024"; }

.gi-external:before {
  content: "\e025"; }

.gi-send:before {
  content: "\e026"; }

.gi-logo:before {
  content: "\e027"; }

.gi-box:before {
  content: "\e028"; }

.gi-hamburger:before {
  content: "\e029"; }

.gi-logout:before {
  content: "\e030"; }

.gi-filter:before {
  content: "\e031"; }

.gi-library:before {
  content: "\e032"; }

.gi-following:before {
  content: "\e033"; }

.gi-rainbow {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/loading-rainbow-0c29075f8c3cf864da15d5eea7565d6b.svg);
  height: 18px;
  width: 18px;
  display: inline-block;
  background-size: contain; }

.gi-spin {
  -webkit-animation: gi-spin 1.5s infinite linear;
          animation: gi-spin 1.5s infinite linear; }

.gi-dropbox {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/dropbox-6e1d48e2b082d9529d92d2d80fbd048d.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 18px;
  vertical-align: bottom;
  width: 20px; }

@-webkit-keyframes gi-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes gi-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }
button, .button {
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all .05s ease-in-out;
          transition: all .05s ease-in-out;
  display: inline-block;
  padding: 11px 15px 12px;
  cursor: pointer;
  color: white;
  font-size: 17px;
  line-height: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  button:hover, .button:hover {
    -webkit-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
    text-decoration: none;
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); }
  button:active, button.button-active, .button:active, .button.button-active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.4);
    color: white; }
  button:disabled, button.disabled, .button:disabled, .button.disabled {
    opacity: .6;
    cursor: not-allowed; }
    button:disabled:hover, button.disabled:hover, .button:disabled:hover, .button.disabled:hover {
      box-shadow: none; }
  button.button-default, .button.button-default {
    -webkit-transition: none;
            transition: none;
    box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
    background: whitesmoke;
    color: #797874;
    border: 1px solid #c0c0c0; }
    button.button-default a, .button.button-default a {
      color: inherit; }
    button.button-default:hover, .button.button-default:hover {
      -webkit-transition: background .05s ease-in-out;
              transition: background .05s ease-in-out;
      background: #eeeeee;
      color: #5f5e5b;
      box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); }
    button.button-default:active, button.button-default.button-active, .button.button-default:active, .button.button-default.button-active {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
      background: #eee;
      color: #999; }
  button.button-primary, .button.button-primary {
    background: #36a9ae;
    border: 1px solid #2a8387;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
    background: -webkit-linear-gradient(#37adb2, #329ca0);
    background: -webkit-linear-gradient(top, #37adb2, #329ca0);
    background: linear-gradient(top, #37adb2, #329ca0); }
    button.button-primary.loading, .button.button-primary.loading {
      background: gradient-button(#36a9ae) url(https://static-1.gumroad.com/res/gumroad/assets/loading-b70ccd4a0399ed27eb94a0f2d814dab3.gif) no-repeat right 10px center; }
  button.button-social-facebook, .button.button-social-facebook {
    background: #3d5c96;
    border: 1px solid #2e4672;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3e5e9a, endColorstr=#385489, GradientType=0)";
    background: -webkit-linear-gradient(#3e5e9a, #385489);
    background: -webkit-linear-gradient(top, #3e5e9a, #385489);
    background: linear-gradient(top, #3e5e9a, #385489);
    position: relative; }
    button.button-social-facebook .gi.gi-check,
    button.button-social-facebook .gi.gi-facebook, .button.button-social-facebook .gi.gi-check,
    .button.button-social-facebook .gi.gi-facebook {
      background: rgba(0, 0, 0, 0.1);
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 3px 0 0 3px;
      font-size: 110%;
      left: 0;
      line-height: 56px;
      position: absolute;
      height: 56px;
      text-align: center;
      top: 0;
      width: 54px;
      font-size: 24px; }
    button.button-social-facebook.button-plain, .button.button-social-facebook.button-plain {
      background: #3d5c96;
      border: 1px solid #3d5c96;
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3d5c96, endColorstr=#3d5c96, GradientType=0)";
      background: -webkit-linear-gradient(#3d5c96, #3d5c96);
      background: -webkit-linear-gradient(top, #3d5c96, #3d5c96);
      background: linear-gradient(top, #3d5c96, #3d5c96);
      border: 0; }
      button.button-social-facebook.button-plain:hover, .button.button-social-facebook.button-plain:hover {
        background: #365184;
        border: 1px solid #365184;
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#365184, endColorstr=#365184, GradientType=0)";
        background: -webkit-linear-gradient(#365184, #365184);
        background: -webkit-linear-gradient(top, #365184, #365184);
        background: linear-gradient(top, #365184, #365184);
        border: 0; }
      button.button-social-facebook.button-plain:active, .button.button-social-facebook.button-plain:active {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  button.button-social-twitter, .button.button-social-twitter {
    background: #55acee;
    border: 1px solid #2795e9;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5aaeee, endColorstr=#45a4ec, GradientType=0)";
    background: -webkit-linear-gradient(#5aaeee, #45a4ec);
    background: -webkit-linear-gradient(top, #5aaeee, #45a4ec);
    background: linear-gradient(top, #5aaeee, #45a4ec);
    position: relative; }
    button.button-social-twitter .gi.gi-twitter, .button.button-social-twitter .gi.gi-twitter {
      background: rgba(0, 0, 0, 0.1);
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 3px 0 0 3px;
      font-size: 110%;
      left: 0;
      line-height: 56px;
      position: absolute;
      height: 56px;
      text-align: center;
      top: 0;
      width: 54px; }
    button.button-social-twitter.button-plain, .button.button-social-twitter.button-plain {
      background: #55acee;
      border: 1px solid #55acee;
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#55acee, endColorstr=#55acee, GradientType=0)";
      background: -webkit-linear-gradient(#55acee, #55acee);
      background: -webkit-linear-gradient(top, #55acee, #55acee);
      background: linear-gradient(top, #55acee, #55acee);
      -webkit-transition: background 1s ease-in-out;
              transition: background 1s ease-in-out;
      border: 0; }
      button.button-social-twitter.button-plain:hover, .button.button-social-twitter.button-plain:hover {
        background: #3ea1ec;
        border: 1px solid #3ea1ec;
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3ea1ec, endColorstr=#3ea1ec, GradientType=0)";
        background: -webkit-linear-gradient(#3ea1ec, #3ea1ec);
        background: -webkit-linear-gradient(top, #3ea1ec, #3ea1ec);
        background: linear-gradient(top, #3ea1ec, #3ea1ec);
        border: 0; }
      button.button-social-twitter.button-plain:active, .button.button-social-twitter.button-plain:active {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  button.button-email, .button.button-email {
    background: #454545;
    border: 1px solid #2c2c2c;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#484848, endColorstr=#3c3c3c, GradientType=0)";
    background: -webkit-linear-gradient(#484848, #3c3c3c);
    background: -webkit-linear-gradient(top, #484848, #3c3c3c);
    background: linear-gradient(top, #484848, #3c3c3c); }
    button.button-email .gi.gi-email, .button.button-email .gi.gi-email {
      background: rgba(0, 0, 0, 0.1);
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 3px 0 0 3px;
      font-size: 110%;
      left: 0;
      line-height: 56px;
      position: absolute;
      height: 56px;
      text-align: center;
      top: 0;
      width: 54px; }
    button.button-email.button-plain, .button.button-email.button-plain {
      background: #454545;
      border: 1px solid #454545;
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#454545, endColorstr=#454545, GradientType=0)";
      background: -webkit-linear-gradient(#454545, #454545);
      background: -webkit-linear-gradient(top, #454545, #454545);
      background: linear-gradient(top, #454545, #454545);
      border: 0; }
      button.button-email.button-plain:hover, .button.button-email.button-plain:hover {
        background: #383838;
        border: 1px solid #383838;
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#383838, endColorstr=#383838, GradientType=0)";
        background: -webkit-linear-gradient(#383838, #383838);
        background: -webkit-linear-gradient(top, #383838, #383838);
        background: linear-gradient(top, #383838, #383838);
        border: 0; }
      button.button-email.button-plain:active, .button.button-email.button-plain:active {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  button.button-block, .button.button-block {
    display: block;
    text-align: center;
    padding: 18px auto; }
    button.button-block.button-w-i, .button.button-block.button-w-i {
      text-align: left; }
    button.button-block .gi,
    button.button-block .icn, .button.button-block .gi,
    .button.button-block .icn {
      position: relative; }
  button.button-danger, .button.button-danger {
    background: #f00;
    border: 1px solid #cc0000;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0505, endColorstr=#ed0000, GradientType=0)";
    background: -webkit-linear-gradient(#ff0505, #ed0000);
    background: -webkit-linear-gradient(top, #ff0505, #ed0000);
    background: linear-gradient(top, #ff0505, #ed0000); }
  button.button-plain, .button.button-plain {
    box-shadow: none;
    text-decoration: none;
    text-shadow: none; }
  button.button-close, .button.button-close {
    box-shadow: none;
    border-radius: 99px;
    position: relative;
    height: 10px;
    width: 10px;
    padding: 10px;
    line-height: 10px;
    background: #f1f1f1;
    color: #999891;
    text-align: center; }
    button.button-close:hover, .button.button-close:hover {
      background: #dddddd;
      text-decoration: none; }
    button.button-close:active, .button.button-close:active {
      line-height: 12px;
      background: #dddddd;
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
      text-decoration: none;
      color: #999891; }
  button.button-load, .button.button-load {
    border: 2px solid #ddd;
    background: #eee;
    font-weight: bold;
    color: #252a2e; }
    button.button-load:hover, .button.button-load:hover {
      background: #ddd; }
    button.button-load:active, .button.button-load:active {
      position: relative;
      top: 1px; }
  button .button-dropdown-indicator, .button .button-dropdown-indicator {
    display: inline-block;
    -webkit-transition: -webkit-transform .15s ease-in-out;
            transition: transform .15s ease-in-out;
    margin-left: 5px; }
  button.showing-arrow .button-dropdown-indicator, .button.showing-arrow .button-dropdown-indicator {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    vertical-align: bottom;
    line-height: 13px; }
  button.button-small, .button.button-small {
    padding: 5px 10px;
    font-size: 13px;
    position: relative; }
    button.button-small.button-w-i, .button.button-small.button-w-i {
      padding-left: 40px; }
    button.button-small .gi, .button.button-small .gi {
      font-size: 12px !important;
      height: 27px !important;
      line-height: 27px !important;
      width: 27px !important; }
      button.button-small .gi.gi-facebook, .button.button-small .gi.gi-facebook {
        font-size: 16px !important; }
  button.button-large, .button.button-large {
    font-size: 24px;
    padding: 20px 30px; }

.grouped-buttons .button, .grouped-buttons button {
  float: left !important; }
  .grouped-buttons .button:not(:first-of-type), .grouped-buttons button:not(:first-of-type) {
    margin-left: 0 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0; }
  .grouped-buttons .button:not(:last-of-type), .grouped-buttons button:not(:last-of-type) {
    margin-right: 0 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

.container {
  margin: auto;
  position: relative;
  width: 940px; }

.column,
.columns {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  float: left; }
  .column .row,
  .columns .row {
    margin-left: -15px;
    margin-right: -15px; }

.one.column {
  width: 8.333%; }

.two.columns {
  width: 16.666%; }

.three.columns {
  width: 25%; }

.four.columns {
  width: 33.333%; }

.five.columns {
  width: 41.666%; }

.six.columns {
  width: 50%; }

.seven.columns {
  width: 58.333%; }

.eight.columns {
  width: 66.666%; }

.nine.columns {
  width: 75%; }

.ten.columns {
  width: 83.333%; }

.eleven.columns {
  width: 91.666%; }

.twelve.columns {
  width: 100%; }

.half.column {
  width: 50%; }

.quarter.column {
  width: 25%; }

.full.column {
  width: 100%; }

.offset-one-half {
  margin-left: 4.1665%; }

.offset-one {
  margin-left: 8.333%; }

.offset-two {
  margin-left: 16.666%; }

.offset-three {
  margin-left: 25%; }

.offset-four {
  margin-left: 33.333%; }

.offset-five {
  margin-left: 41.666%; }

.offset-six {
  margin-left: 50%; }

.offset-seven {
  margin-left: 58.333%; }

.offset-eight {
  margin-left: 66.666%; }

.offset-nine {
  margin-left: 75%; }

.offset-ten {
  margin-left: 83.333%; }

.offset-eleven {
  margin-left: 91.666%; }

.offset-quarter {
  margin-left: 25%; }

.offset-third {
  margin-left: 33.333%; }

.offset-half {
  margin-left: 50%; }

.responsive .container {
  width: auto; }
@media screen and (max-width: 480px) {
  .responsive .container {
    max-width: 420px; }
    .responsive .container .column,
    .responsive .container .columns {
      padding-left: 15px;
      padding-right: 15px;
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
      .responsive .container .column .row,
      .responsive .container .columns .row {
        margin-left: -15px;
        margin-right: -15px; } }
@media screen and (max-width: 768px) {
  .responsive .container {
    max-width: 730px; }
    .responsive .container .column,
    .responsive .container .columns {
      padding-left: 15px;
      padding-right: 15px;
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
      .responsive .container .column .row,
      .responsive .container .columns .row {
        margin-left: -15px;
        margin-right: -15px; } }
@media screen and (min-width: 992px) {
  .responsive .container {
    max-width: 940px; }
    .responsive .container .column,
    .responsive .container .columns {
      padding-left: 15px;
      padding-right: 15px; }
      .responsive .container .column .row,
      .responsive .container .columns .row {
        margin-left: -15px;
        margin-right: -15px; } }

.row,
.clearfix {
  zoom: 1; }

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: ""; }

.row:after,
.clearfix:after {
  clear: both; }

.clear {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  clear: both; }

@media screen and (max-width: 480px) {
  .visible-xs {
    display: block; }

  .hidden-xs {
    display: none !important; } }
@media screen and (max-width: 768px) {
  .hidden-sm {
    display: none !important; } }
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig; }

.javascript-loader-indicator {
  z-index: 99;
  position: fixed;
  top: 18px;
  right: 15px; }
  .javascript-loader-indicator img {
    display: block; }

html {
  min-height: 100%; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #efefe9;
  color: #797874;
  font-size: 13px;
  line-height: 21px;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  height: auto;
  overflow-y: scroll; }

.block {
  display: block; }

.relative {
  position: relative; }

.overflow-hidden {
  overflow: hidden; }

.static {
  position: static; }

.soft-hidden {
  display: none; }

.hidden {
  display: none !important; }

.clear {
  clear: both; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

a {
  color: #36a9ae;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
  a:active {
    color: #26898e;
    text-decoration: none; }
  a.unstyled {
    color: inherit; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
  color: inherit; }

.underline {
  text-decoration: underline; }
  .underline:hover {
    text-decoration: none; }

.disabled {
  text-decoration: none;
  cursor: text; }
  .disabled:hover {
    text-decoration: none; }

strong, b {
  font-weight: bold; }

.error {
  color: #c04355 !important; }

.arrow {
  display: block;
  border-style: solid;
  position: absolute;
  height: 0;
  width: 0; }

.amp {
  font-family: Baskerville, Georgia, serif;
  font-style: italic;
  font-weight: normal;
  line-height: 0; }

.right {
  float: right;
  text-align: right; }

.centered {
  text-align: center; }

.left {
  float: left; }

.link_to_share:hover {
  cursor: pointer; }

.mini-rule {
  margin: 10px 0;
  width: 100%;
  height: 1px;
  border-top: 1px black solid;
  opacity: .15;
  clear: both; }

.cancelled-element {
  -webkit-transform: translate(0, 1800px) rotate(-45deg);
      -ms-transform: translate(0, 1800px) rotate(-45deg);
          transform: translate(0, 1800px) rotate(-45deg);
  -webkit-transition: -webkit-transform 1s ease-in;
          transition: transform 1s ease-in; }

.center-outside-div {
  float: left;
  position: relative;
  left: 50%; }
  .center-outside-div .center-inside-div {
    float: left;
    position: relative;
    left: -50%; }

.wrapper {
  margin: 0 auto; }

#legacy-modal-container {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 12; }
  #legacy-modal-container .background {
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute; }

input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=email],
input[type=password],
textarea,
.textarea,
.input {
  border-radius: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 20px;
  background: white;
  border: 1px solid #dddddd;
  color: #999891;
  padding: 10px;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02);
  background-position: top right;
  background-repeat: no-repeat;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased; }
  input[type=text]:autofill,
  input[type=url]:autofill,
  input[type=tel]:autofill,
  input[type=number]:autofill,
  input[type=email]:autofill,
  input[type=password]:autofill,
  textarea:autofill,
  .textarea:autofill,
  .input:autofill {
    color: #999891; }
  input[type=text]:focus,
  input[type=url]:focus,
  input[type=tel]:focus,
  input[type=number]:focus,
  input[type=email]:focus,
  input[type=password]:focus,
  textarea:focus,
  .textarea:focus,
  .input:focus {
    border: 1px solid #bbbbbb; }
  input[type=text].loading,
  input[type=url].loading,
  input[type=tel].loading,
  input[type=number].loading,
  input[type=email].loading,
  input[type=password].loading,
  textarea.loading,
  .textarea.loading,
  .input.loading {
    background: white url(https://static-1.gumroad.com/res/gumroad/assets/loading-b70ccd4a0399ed27eb94a0f2d814dab3.gif) no-repeat right 10px center; }

::-webkit-input-placeholder {
  color: #cccccc !important; }

::-moz-placeholder {
  color: #cccccc !important; }

:-ms-input-placeholder {
  color: #cccccc !important; }

::placeholder {
  color: #cccccc !important; }

.input-wrapper {
  position: relative; }
  .input-wrapper.has-prefix .input-prefix {
    background: #e5e5e5;
    font-size: 17px;
    line-height: 17px;
    border: 1px solid #dddddd;
    border-right-width: 0;
    color: #999891;
    padding: 11px 11px 12px;
    border-radius: 4px 0 0 4px;
    float: left; }
    .input-wrapper.has-prefix .input-prefix:hover {
      cursor: pointer; }
    .input-wrapper.has-prefix .input-prefix.focused {
      border-color: #bbbbbb; }
  .input-wrapper input[type=text] {
    float: right;
    border-radius: 0 4px 4px 0;
    border-left-width: 0;
    height: 20px;
    text-align: center; }
  .input-wrapper select {
    float: left;
    left: -3px;
    position: relative;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

input[type=checkbox] {
  position: relative;
  top: -1px; }

input.error, select.error {
  border: 1px solid #c04355 !important;
  box-shadow: 0 0 3px rgba(200, 0, 0, 0.3) !important;
  background: #f7ebeb;
  background-position: top right;
  background-repeat: no-repeat; }
  input.error::-webkit-input-placeholder, select.error::-webkit-input-placeholder {
    color: rgba(192, 67, 85, 0.75) !important; }
  input.error::-moz-placeholder, select.error::-moz-placeholder {
    color: rgba(192, 67, 85, 0.75) !important; }
  input.error:-ms-input-placeholder, select.error:-ms-input-placeholder {
    color: rgba(192, 67, 85, 0.75) !important; }
  input.error::placeholder, select.error::placeholder {
    color: rgba(192, 67, 85, 0.75) !important; }

input[readonly] {
  color: #cccccc; }
  input[readonly]:focus {
    border: 1px solid #dddddd; }

textarea {
  width: 320px;
  min-height: 100px;
  line-height: 24px;
  vertical-align: top; }

select {
  border-radius: 4px;
  color: #999891;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  background: white;
  border: 1px solid #dddddd; }
  select .disabled {
    color: #ddd; }
  select.appearance-none {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(https://static-1.gumroad.com/res/gumroad/assets/select_dropdown_indicator-1e0e63d136f8aa91b4c5012cb9d838be.png) 95% center white;
    background-size: 20px;
    background-repeat: no-repeat; }
    select.appearance-none:focus {
      border: 1px solid #bbbbbb; }
    select.appearance-none:disabled {
      background-image: none; }
  select option:disabled {
    color: red; }

.horizontal-form input {
  margin-right: 15px; }
.horizontal-form h3 {
  display: block;
  margin-bottom: 28px; }

@-webkit-keyframes loading {
  0% {
    background-position: 0; }
  100% {
    background-position: -150px; } }

@keyframes loading {
  0% {
    background-position: 0; }
  100% {
    background-position: -150px; } }
.loading-color-bar {
  -webkit-animation: loading 3s infinite linear;
          animation: loading 3s infinite linear;
  background: -webkit-linear-gradient(left, #f09d1f 0%, #f09d1f 20%, #f09d1f 20%, #eb5d47 20%, #eb5d47 20%, #eb5d47 40%, #cb3246 40%, #cb3246 60%, #cb3246 60%, #962422 60%, #962422 80%, #208488 80%);
  background: linear-gradient(to right, #f09d1f 0%, #f09d1f 20%, #f09d1f 20%, #eb5d47 20%, #eb5d47 20%, #eb5d47 40%, #cb3246 40%, #cb3246 60%, #cb3246 60%, #962422 60%, #962422 80%, #208488 80%);
  height: 5px;
  margin: 0 auto;
  width: 150px; }

.main-auth-form {
  margin-top: 50px;
  margin-bottom: 50px; }

ul.tree {
  list-style: none;
  overflow: hidden;
  position: relative; }
  ul.tree li {
    margin: 10px 0;
    color: #999; }
    ul.tree li strong {
      color: #454545;
      font-weight: normal; }
    ul.tree li.sub {
      margin-left: 10px; }
    ul.tree li:last-child {
      margin-bottom: 0; }
    ul.tree li.first {
      margin: 0;
      padding: 0 0 10px;
      background: white;
      display: inline-block; }
  ul.tree .list-line {
    background: #999;
    height: 100%;
    width: 1px;
    display: block;
    position: absolute;
    z-index: 0;
    margin-left: 10px;
    bottom: 13px; }

.mobile-app-popover {
  border-radius: 4px;
  box-sizing: border-box;
  background: white;
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0, 0, 3, 0.1);
  font-size: 14px;
  max-width: 291px;
  padding: 15px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 4; }
  .mobile-app-popover:before, .mobile-app-popover:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
    top: 0;
    border-bottom-color: #ddd;
    margin-top: -17px; }
  .mobile-app-popover:after {
    border-bottom-color: white;
    margin-top: -16px;
    z-index: 5; }
  .mobile-app-popover.shorten {
    height: 210px; }
  .mobile-app-popover .mobile-app-popover-title {
    color: #252a2e;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px; }
  .mobile-app-popover .mobile-app-popover-password-info,
  .mobile-app-popover .mobile-app-popover-email-info {
    box-sizing: border-box;
    border: 1px solid #cdcdcd;
    height: 40px;
    line-height: 40px;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%; }
    .mobile-app-popover .mobile-app-popover-password-info .label,
    .mobile-app-popover .mobile-app-popover-email-info .label {
      box-sizing: border-box;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      background: #f8f8f8;
      border-right: 1px solid #cdcdcd;
      color: #8d8d8d;
      height: 100%;
      overflow: hidden;
      position: absolute;
      text-align: left;
      padding-left: 10px;
      width: 85px; }
    .mobile-app-popover .mobile-app-popover-password-info .info,
    .mobile-app-popover .mobile-app-popover-email-info .info {
      box-sizing: border-box;
      color: #999;
      padding-left: 95px;
      position: absolute;
      text-align: left;
      width: 100%; }
  .mobile-app-popover .mobile-app-popover-email-info {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 0; }
  .mobile-app-popover .mobile-app-popover-password-info {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 15px; }
  .mobile-app-popover .mobile-app-download-buttons {
    position: relative;
    margin-bottom: 9px; }
    .mobile-app-popover .mobile-app-download-buttons .button {
      box-sizing: border-box;
      display: block;
      text-align: center; }
      .mobile-app-popover .mobile-app-download-buttons .button:hover, .mobile-app-popover .mobile-app-download-buttons .button:active {
        box-shadow: none; }
    .mobile-app-popover .mobile-app-download-buttons .button-store {
      background: #252a2e;
      text-shadow: none;
      width: 123px;
      display: block;
      float: left;
      font-size: 14px;
      margin-bottom: 13px; }
      .mobile-app-popover .mobile-app-download-buttons .button-store:first-child {
        margin-right: 13px; }
      .mobile-app-popover .mobile-app-download-buttons .button-store:hover {
        background: #1a1d20; }
      .mobile-app-popover .mobile-app-download-buttons .button-store:active {
        box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15); }
    .mobile-app-popover .mobile-app-download-buttons .button-sms {
      background: #36a9ae;
      text-shadow: none; }
      .mobile-app-popover .mobile-app-download-buttons .button-sms:hover {
        background: #30969b; }
      .mobile-app-popover .mobile-app-download-buttons .button-sms:active {
        box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15); }
    .mobile-app-popover .mobile-app-download-buttons .sms-phone-number-entry-container .mobile-number-field {
      color: #252a2e;
      font-size: 14px;
      height: 40px;
      width: 100%; }
    .mobile-app-popover .mobile-app-download-buttons .sms-phone-number-entry-container .button-send-sms {
      margin-top: 10px;
      text-shadow: none; }
    .mobile-app-popover .mobile-app-download-buttons .sms-phone-number-entry-container .sms-send-status {
      position: absolute;
      right: 0;
      top: 47px; }
      .mobile-app-popover .mobile-app-download-buttons .sms-phone-number-entry-container .sms-send-status img {
        position: relative;
        top: 3px; }
  .mobile-app-popover .download {
    font-weight: bold; }
    .mobile-app-popover .download:hover {
      cursor: pointer; }
  .mobile-app-popover .back {
    color: #aaaaaa;
    cursor: pointer; }
  .mobile-app-popover .state {
    -webkit-transition: all 1s ease-out;
            transition: all 1s ease-out; }
  .mobile-app-popover .state-1 {
    z-index: 9; }
    .mobile-app-popover .state-1.visible {
      display: block; }
    .mobile-app-popover .state-1.not-visible {
      display: none; }
  .mobile-app-popover .state-2 {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
    .mobile-app-popover .state-2.visible {
      display: block; }
    .mobile-app-popover .state-2.not-visible {
      display: none; }
  .mobile-app-popover .help-text {
    margin: 0 0 15px; }
    .mobile-app-popover .help-text .download {
      cursor: pointer; }

.mobile-app-download-buttons {
  position: relative;
  margin-bottom: 9px; }
  .mobile-app-download-buttons .button {
    box-sizing: border-box;
    display: block;
    text-align: center; }
    .mobile-app-download-buttons .button:hover, .mobile-app-download-buttons .button:active {
      box-shadow: none; }
  .mobile-app-download-buttons .button-store {
    background: #252a2e;
    text-shadow: none;
    width: 123px;
    display: block;
    float: left;
    font-size: 14px;
    margin-bottom: 13px; }
    .mobile-app-download-buttons .button-store:first-child {
      margin-right: 13px; }
    .mobile-app-download-buttons .button-store:hover {
      background: #1a1d20; }
    .mobile-app-download-buttons .button-store:active {
      box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15); }
  .mobile-app-download-buttons .button-sms {
    background: #36a9ae;
    text-shadow: none; }
    .mobile-app-download-buttons .button-sms:hover {
      background: #30969b; }
    .mobile-app-download-buttons .button-sms:active {
      box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15); }
  .mobile-app-download-buttons .sms-phone-number-entry-container .mobile-number-field {
    color: #252a2e;
    font-size: 14px;
    height: 40px;
    width: 100%; }
  .mobile-app-download-buttons .sms-phone-number-entry-container .button-send-sms {
    margin-top: 10px;
    text-shadow: none; }
  .mobile-app-download-buttons .sms-phone-number-entry-container .sms-send-status {
    position: absolute;
    right: 0;
    top: 47px; }
    .mobile-app-download-buttons .sms-phone-number-entry-container .sms-send-status img {
      position: relative;
      top: 3px; }

.open-in-app-landing-page {
  box-sizing: border-box;
  text-align: center;
  padding-top: 30px;
  position: absolute;
  height: 100%; }
  .open-in-app-landing-page .open-in-app-heading {
    color: #252a2e;
    font-weight: 500;
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 15px; }
  .open-in-app-landing-page .open-in-app-subtext {
    font-size: 18px;
    line-height: 24px; }
  .open-in-app-landing-page hr {
    background: #ddd;
    height: 1px;
    margin: 30px 0; }
  .open-in-app-landing-page .open-in-app-instructions .app-instruction-title {
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .open-in-app-landing-page .open-in-app-instructions a {
    font-size: 15px;
    width: 255px;
    text-align: center; }
  .open-in-app-landing-page .open-in-app-instructions .download-app-instruction .download-app-instruction-button a {
    background: #797874;
    border-color: #797874;
    color: white;
    margin-bottom: 15px; }

#product_page .mobile-app-popover {
  width: 291px; }

@media screen and (max-width: 480px) {
  #download-page .mobile-app-popover {
    left: 50% !important;
    margin-left: -135px;
    top: auto !important;
    position: fixed;
    bottom: 70px; }
    #download-page .mobile-app-popover:before, #download-page .mobile-app-popover:after {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
      top: 100%; }
    #download-page .mobile-app-popover:before {
      margin-top: 0; }
    #download-page .mobile-app-popover:after {
      margin-top: -1px; } }
.tipsy {
  z-index: 999999;
  position: absolute;
  padding: 5px;
  font-size: 12px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/tipsy-626518aba4a9cc8e0bbed1697c83f478.png) no-repeat; }

.tipsy-inner {
  border-radius: 4px;
  padding: 5px 8px 4px 9px;
  background: #fef6d1;
  color: #877f5b;
  max-width: 200px;
  text-align: center;
  border: 1px solid #efdc84;
  position: relative; }

.tipsy-w {
  background-position: left center; }
  .tipsy-w .tipsy-arrow {
    width: 1px;
    height: 9px;
    background: #fef6d1;
    position: absolute;
    top: 50%;
    margin-top: -4px; }

.tipsy-n {
  background-position: top center; }
  .tipsy-n .tipsy-arrow {
    width: 9px;
    height: 1px;
    background: #fef6d1;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -4px; }

.tipsy-s {
  background-position: bottom center; }
  .tipsy-s .tipsy-arrow {
    width: 9px;
    height: 1px;
    background: #fef6d1;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -4px; }

.tipsy-e {
  background-position: right center; }
  .tipsy-e .tipsy-arrow {
    width: 1px;
    height: 9px;
    background: #fef6d1;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 5px; }

.inputs-holder {
  position: relative;
  width: 1px;
  height: 1px; }

input[type=file] {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 3;
  direction: ltr;
  cursor: pointer; }
  input[type=file].ie {
    opacity: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    z-index: 4; }

.upload-box {
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  background: #f5f5f5;
  border: #bbbbbb 2px dashed;
  height: 42px;
  padding: 10px;
  font-size: 17px;
  line-height: 17px;
  text-align: center;
  text-decoration: none;
  color: #999891;
  width: 100%;
  display: block; }
  .upload-box:hover {
    cursor: pointer;
    background: #eeeeee;
    text-decoration: none;
    color: #999891; }
  .upload-box:active {
    box-shadow: rgba(0, 0, 0, 0.15); }
  .upload-box .uploading {
    display: none; }
    .upload-box .uploading img {
      position: relative;
      top: 2px;
      margin-right: 4px; }
  .upload-box.loading .prompt {
    display: none; }
  .upload-box.loading .uploading {
    display: block; }
  .upload-box.error {
    border-color: #c04355; }

.dropbox-enabled .upload-box {
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  background: #f5f5f5;
  border: #bbbbbb 2px dashed;
  height: 42px;
  padding: 10px;
  font-size: 17px;
  line-height: 17px;
  text-align: center;
  text-decoration: none;
  color: #999891;
  float: left;
  width: 50%; }
  .dropbox-enabled .upload-box:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .dropbox-enabled .upload-box.dropbox {
    border-left-width: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .dropbox-enabled .upload-box img {
    height: 18px;
    margin-bottom: -4px; }
  .dropbox-enabled .upload-box:hover {
    cursor: pointer;
    background: #eeeeee;
    text-decoration: none;
    color: #999891; }
  .dropbox-enabled .upload-box:active {
    box-shadow: inset 0 1px 2px rbga(0, 0, 0, 0.2); }
  .dropbox-enabled .upload-box .uploading {
    display: none; }
    .dropbox-enabled .upload-box .uploading img {
      position: relative;
      top: 2px;
      margin-right: 4px; }
  .dropbox-enabled .upload-box.loading .prompt {
    display: none; }
  .dropbox-enabled .upload-box.loading .uploading {
    display: block; }
  .dropbox-enabled .upload-box.error {
    border-color: #c04355; }

.files-box {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #bbbbbb;
  border-width: 1px 0; }
  .files-box .file-subtitle-wrapper, .files-box .subtitle-row {
    border: 1px dashed #bbbbbb;
    border-width: 0 1px; }
    .files-box .file-subtitle-wrapper .uploading-circle, .files-box .subtitle-row .uploading-circle {
      margin-right: 5px;
      position: relative;
      display: inline; }
      .files-box .file-subtitle-wrapper .uploading-circle .gi, .files-box .subtitle-row .uploading-circle .gi {
        position: absolute;
        right: 0;
        top: -2px; }
      .files-box .file-subtitle-wrapper .uploading-circle .gi-rainbow, .files-box .subtitle-row .uploading-circle .gi-rainbow {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        -webkit-transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
                transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
        background-repeat: no-repeat; }
      .files-box .file-subtitle-wrapper .uploading-circle .gi-check, .files-box .subtitle-row .uploading-circle .gi-check {
        background: #36a9ae;
        border-radius: 50%;
        color: white;
        font-size: 10px;
        height: 18px;
        line-height: 17px;
        opacity: 0;
        text-align: center;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0);
        -webkit-transition-delay: .3s;
                transition-delay: .3s;
        width: 18px; }
@-webkit-keyframes toggle-check {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  12% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  76% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }
@keyframes toggle-check {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  12% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  76% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }
    .files-box .file-subtitle-wrapper.showing-check .uploading-circle .gi-rainbow, .files-box .subtitle-row.showing-check .uploading-circle .gi-rainbow {
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0);
      opacity: 0; }
    .files-box .file-subtitle-wrapper.showing-check .uploading-circle .gi-check, .files-box .subtitle-row.showing-check .uploading-circle .gi-check {
      -webkit-animation: toggle-check 3.6s 1;
              animation: toggle-check 3.6s 1; }
    .files-box .file-subtitle-wrapper:last-child, .files-box .subtitle-row:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
      .files-box .file-subtitle-wrapper:last-child .last-in-file-wrapper, .files-box .file-subtitle-wrapper:last-child .subtitle-upload-drawer, .files-box .subtitle-row:last-child .last-in-file-wrapper, .files-box .subtitle-row:last-child .subtitle-upload-drawer {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
      .files-box .file-subtitle-wrapper:last-child .file-row, .files-box .subtitle-row:last-child .file-row {
        border-bottom-width: 0; }
    .files-box .file-subtitle-wrapper:first-child, .files-box .subtitle-row:first-child {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
      .files-box .file-subtitle-wrapper:first-child .file-row, .files-box .subtitle-row:first-child .file-row {
        border-bottom-width: 1px; }
    .files-box .file-subtitle-wrapper.sortable-ghost .file-row, .files-box .file-subtitle-wrapper.sortable-ghost .subtitle-row, .files-box .subtitle-row.sortable-ghost .file-row, .files-box .subtitle-row.sortable-ghost .subtitle-row {
      opacity: 0; }
    .files-box .file-subtitle-wrapper:only-child .file-row, .files-box .subtitle-row:only-child .file-row {
      border-bottom: 0 solid #bbbbbb; }
    .files-box .file-subtitle-wrapper.complete, .files-box .subtitle-row.complete {
      border-style: solid; }
      .files-box .file-subtitle-wrapper.complete .uploading-bar, .files-box .subtitle-row.complete .uploading-bar {
        height: 0; }
      .files-box .file-subtitle-wrapper.complete .remove-button, .files-box .subtitle-row.complete .remove-button {
        display: inline-block; }
      .files-box .file-subtitle-wrapper.complete .file-row, .files-box .subtitle-row.complete .file-row {
        border-style: solid; }
  .files-box .file-row, .files-box .subtitle-row {
    padding: 10px;
    background: white;
    border-bottom: 1px dashed #bbbbbb; }
    .files-box .file-row strong, .files-box .file-row .meta-holder, .files-box .subtitle-row strong, .files-box .subtitle-row .meta-holder {
      font-weight: normal;
      line-height: 25px; }
    .files-box .file-row button, .files-box .file-row .button, .files-box .file-row .meta-holder, .files-box .subtitle-row button, .files-box .subtitle-row .button, .files-box .subtitle-row .meta-holder {
      float: right; }
    .files-box .file-row button, .files-box .file-row .button, .files-box .subtitle-row button, .files-box .subtitle-row .button {
      margin-left: 10px; }
    .files-box .file-row .reorder-handle, .files-box .subtitle-row .reorder-handle {
      color: #bbb;
      margin: 0 5px 0 10px; }
      .files-box .file-row .reorder-handle:hover, .files-box .subtitle-row .reorder-handle:hover {
        cursor: move;
        color: #999891; }
    .files-box .file-row .meta-holder, .files-box .subtitle-row .meta-holder {
      color: #ccc; }
    .files-box .file-row .uploading-bar, .files-box .subtitle-row .uploading-bar {
      width: 0%;
      height: 2px;
      background: url(https://static-1.gumroad.com/res/gumroad/assets/header_bar-c2717a78bdb9841e135d60bc0c127372.png) 0 0;
      position: absolute;
      left: 0;
      top: 0;
      -webkit-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out; }
    .files-box .file-row .cancel-button, .files-box .subtitle-row .cancel-button {
      display: inline-block; }
  .files-box .file-row {
    padding-left: 5px; }
    .files-box .file-row .upload-subtitles-button.active {
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
      position: relative; }
      .files-box .file-row .upload-subtitles-button.active:after, .files-box .file-row .upload-subtitles-button.active:before {
        content: "";
        height: 0;
        position: absolute;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px;
        top: 25px;
        left: 50%;
        margin-left: -5px;
        border-bottom-color: #f5f5f5; }
      .files-box .file-row .upload-subtitles-button.active:before {
        border-bottom-color: #bbbbbb;
        margin-top: -1px; }
    .files-box .file-row .file-name-input {
      font-size: inherit;
      padding: 4px;
      line-height: 15px; }
    .files-box .file-row .change-file-name-trigger {
      margin-left: 0;
      float: none; }
    .files-box .file-row .file-name {
      margin-left: 5px; }
    .files-box .file-row .gi-pencil:hover {
      cursor: pointer; }
  .files-box .subtitle-list {
    border-radius: 4px;
    border-top: 1px solid #bbbbbb;
    margin-bottom: 10px; }
    .files-box .subtitle-list .subtitle-row {
      border-width: 0 1px 1px; }
      .files-box .subtitle-list .subtitle-row select {
        float: right;
        font-size: 13px;
        height: 26px;
        width: 95px;
        margin-left: 10px; }
      .files-box .subtitle-list .subtitle-row .uploading-bar {
        height: 2px; }
  .files-box .subtitle-upload-drawer {
    padding: 10px;
    box-shadow: inset 0 1px 0 #ccc;
    background: #f5f5f5; }
    .files-box .subtitle-upload-drawer .upload-box {
      display: block;
      float: none; }
    .files-box .subtitle-upload-drawer .subtitle-upload-box {
      font-size: 13px;
      border: 1px dashed #bbb; }
      .files-box .subtitle-upload-drawer .subtitle-upload-box:hover {
        text-decoration: none; }
      .files-box .subtitle-upload-drawer .subtitle-upload-box:active {
        border: 1px solid rgba(0, 0, 0, 0.15);
        background: rgba(0, 0, 0, 0.15);
        color: #999891;
        box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); }

.edit_link .file-row:hover .gi-pencil {
  display: inline-block;
  margin-left: 5px; }

.placeholder {
  color: #cccccc; }

.placeholderFocus {
  color: #ddd; }

INPUT.miniColors {
  margin-right: 4px; }

.miniColors-selector {
  position: absolute;
  width: 175px;
  height: 150px;
  background: white;
  border: solid 1px #bababa;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 5px;
  z-index: 999999; }

.miniColors.opacity.miniColors-selector {
  width: 200px; }

.miniColors-selector.black {
  background: black;
  border-color: black; }

.miniColors-colors {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 150px;
  height: 150px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/colors-4834a2132bf6666c9efda2e9a1067a64.png) -40px 0 no-repeat;
  cursor: crosshair; }

.miniColors.opacity .miniColors-colors {
  left: 30px; }

.miniColors-hues {
  position: absolute;
  top: 5px;
  left: 160px;
  width: 20px;
  height: 150px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/colors-4834a2132bf6666c9efda2e9a1067a64.png) 0 0 no-repeat;
  cursor: crosshair; }

.miniColors.opacity .miniColors-hues {
  left: 185px; }

.miniColors-opacity {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 20px;
  height: 150px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/colors-4834a2132bf6666c9efda2e9a1067a64.png) -20px 0 no-repeat;
  cursor: crosshair; }

.miniColors-colorPicker {
  position: absolute;
  width: 11px;
  height: 11px;
  border: 1px solid black;
  border-radius: 11px; }

.miniColors-colorPicker-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 7px;
  border: 2px solid white;
  border-radius: 9px; }

.miniColors-huePicker,
.miniColors-opacityPicker {
  position: absolute;
  left: -2px;
  width: 22px;
  height: 2px;
  border: 1px solid black;
  background: white;
  margin-top: -1px;
  border-radius: 2px; }

.miniColors-trigger,
.miniColors-triggerWrap {
  width: 22px;
  height: 22px;
  display: inline-block; }

.miniColors-triggerWrap {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/trigger-9e3705639e74130fe80ed4a17ea86e4e.png) -22px 0 no-repeat;
  position: absolute;
  left: 8px;
  top: 8px; }

.miniColors-triggerWrap.disabled {
  filter: alpha(opacity=50);
  opacity: .5; }

.miniColors-trigger {
  vertical-align: middle;
  outline: none;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/trigger-9e3705639e74130fe80ed4a17ea86e4e.png) 0 0 no-repeat; }

.miniColors-triggerWrap.disabled .miniColors-trigger {
  cursor: default; }

.gridster {
  position: relative; }

.gridster > * {
  margin: 0 auto;
  -webkit-transition: height .4s;
          transition: height .4s; }

.gridster .gs-w {
  z-index: 2;
  position: absolute; }

.ready .gs-w:not(.preview-holder) {
  -webkit-transition: opacity .3s, left .3s, top .3s;
          transition: opacity .3s, left .3s, top .3s; }

.ready .gs-w:not(.preview-holder),
.ready .resize-preview-holder {
  -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
          transition: opacity .3s, left .3s, top .3s, width .3s, height .3s; }

.gridster .preview-holder {
  z-index: 1;
  position: absolute;
  background-color: #fff;
  border-color: #fff;
  opacity: .3; }

.gridster .player-revert {
  z-index: 10 !important;
  -webkit-transition: left .3s, top .3s !important;
          transition: left .3s, top .3s !important; }

.gridster .dragging,
.gridster .resizing {
  z-index: 10 !important;
  -webkit-transition: all 0s !important;
          transition: all 0s !important; }

.gs-resize-handle {
  position: absolute;
  z-index: 1; }

.gs-resize-handle-both {
  width: 20px;
  height: 20px;
  bottom: -8px;
  right: -8px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=");
  background-position: top left;
  background-repeat: no-repeat;
  cursor: se-resize;
  z-index: 20; }

.gs-resize-handle-x {
  top: 0;
  bottom: 13px;
  right: -5px;
  width: 10px;
  cursor: e-resize; }

.gs-resize-handle-y {
  left: 0;
  right: 13px;
  bottom: -5px;
  height: 10px;
  cursor: s-resize; }

.gs-w:hover .gs-resize-handle,
.resizing .gs-resize-handle {
  opacity: 1; }

.gs-resize-handle,
.gs-w.dragging .gs-resize-handle {
  opacity: 0; }

.gs-resize-disabled .gs-resize-handle {
  display: none !important; }

[data-max-sizex="1"] .gs-resize-handle-x,
[data-max-sizey="1"] .gs-resize-handle-y,
[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
  display: none !important; }

.gridster {
  width: 1020px;
  position: relative;
  left: -15px;
  margin: 0 auto; }

.gridster .preview-holder {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1) !important; }

.medium-toolbar-arrow, .medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid; }

.medium-toolbar-arrow-under:after {
  top: 50px;
  border-width: 8px 8px 0;
  border-color: #242424 transparent transparent; }

.medium-toolbar-arrow-over:before {
  top: -8px;
  border-width: 0 8px 8px;
  border-color: transparent transparent #242424; }

.medium-editor-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 600;
  visibility: hidden;
  background-color: #242424;
  border: 1px solid #000;
  font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #242424), color-stop(100%, rgba(36, 36, 36, 0.75)));
  background: -webkit-linear-gradient(bottom, #242424, rgba(36, 36, 36, 0.75));
  background: linear-gradient(bottom, #242424, rgba(36, 36, 36, 0.75));
  border-radius: 5px;
  box-shadow: 0 0 3px #000;
  -webkit-transition: top .075s ease-out, left .075s ease-out;
  transition: top .075s ease-out, left .075s ease-out; }

.medium-editor-toolbar ul {
  margin: 0;
  padding: 0; }

.medium-editor-toolbar li {
  float: left;
  list-style: none; }

.medium-editor-toolbar li button {
  display: block;
  padding: 15px;
  box-sizing: border-box;
  height: 50px;
  width: 50px;
  background-color: #242424;
  color: #fff;
  border: 0;
  border-right: 1px solid #000;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #242424), color-stop(100%, rgba(36, 36, 36, 0.89)));
  background: -webkit-linear-gradient(bottom, #242424, rgba(36, 36, 36, 0.89));
  background: linear-gradient(bottom, #242424, rgba(36, 36, 36, 0.89));
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in; }

.medium-editor-toolbar li button:hover {
  color: yellow;
  background-color: #000; }

.medium-editor-toolbar li .medium-editor-button-first {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.medium-editor-toolbar li .medium-editor-button-last {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.medium-editor-toolbar li .medium-editor-button-active {
  background-color: #000;
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #242424), color-stop(100%, rgba(0, 0, 0, 0.89)));
  background: -webkit-linear-gradient(bottom, #242424, rgba(0, 0, 0, 0.89));
  background: linear-gradient(bottom, #242424, rgba(0, 0, 0, 0.89));
  color: #fff; }

.medium-editor-toolbar li .medium-editor-action-underline {
  text-decoration: underline; }

.medium-editor-toolbar-active {
  visibility: visible;
  -webkit-animation: pop-upwards 160ms forwards linear;
  -ms-animation: pop-upwards 160ms forwards linear;
  animation: pop-upwards 160ms forwards linear;
  -webkit-transition: top .075s ease-out, left .075s ease-out;
  transition: top .075s ease-out, left .075s ease-out; }

.medium-editor-action-bold {
  font-weight: bolder; }

.medium-editor-action-italic {
  font-style: italic; }

.medium-editor-toolbar-form-anchor {
  display: none;
  background: #242424;
  color: #999;
  border-radius: 5px; }

.medium-editor-toolbar-form-anchor input, .medium-editor-toolbar-form-anchor a {
  font-family: HelveticaNeue, Helvetica, Arial, sans-serif; }

.medium-editor-toolbar-form-anchor input {
  box-sizing: border-box;
  padding: 6px;
  height: 50px;
  width: 316px;
  background: #242424;
  border: 0;
  color: #ccc; }

.medium-editor-toolbar-form-anchor input:focus {
  outline: 0;
  -moz-appearance: none;
  -webkit-appearance: none; }

.medium-editor-toolbar-form-anchor a {
  color: #fff;
  font-weight: bolder;
  font-size: 24px;
  display: inline-block;
  margin: 0 10px;
  text-decoration: none; }

.medium-editor-placeholder {
  position: relative; }

.medium-editor-placeholder:after {
  position: absolute;
  top: 12px;
  left: 15px;
  content: attr(data-placeholder);
  color: #ccc; }

@-webkit-keyframes pop-upwards {
  0% {
    -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
    -ms-transform: matrix(0.97, 0, 0, 1, 0, 12);
    transform: matrix(0.97, 0, 0, 1, 0, 12);
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0; }
  20% {
    -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
    -ms-transform: matrix(0.99, 0, 0, 1, 0, 2);
    transform: matrix(0.99, 0, 0, 1, 0, 2);
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: .7; }
  40% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
    -ms-transform: matrix(1, 0, 0, 1, 0, -1);
    transform: matrix(1, 0, 0, 1, 0, -1);
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1; }
  70% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1; }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1; } }
@keyframes pop-upwards {
  0% {
    -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
    -ms-transform: matrix(0.97, 0, 0, 1, 0, 12);
    transform: matrix(0.97, 0, 0, 1, 0, 12);
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0; }
  20% {
    -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
    -ms-transform: matrix(0.99, 0, 0, 1, 0, 2);
    transform: matrix(0.99, 0, 0, 1, 0, 2);
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: .7; }
  40% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
    -ms-transform: matrix(1, 0, 0, 1, 0, -1);
    transform: matrix(1, 0, 0, 1, 0, -1);
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1; }
  70% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1; }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1; } }
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.3.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2014 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.chosen-container * {
  box-sizing: border-box; }

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0; }

.chosen-container a {
  cursor: pointer; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px; }

.chosen-container-single .chosen-default {
  color: #999; }

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px; }

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%; }

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("chosen-sprite.png") no-repeat 0px 2px; }

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap; }

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url("chosen-sprite.png") no-repeat 100% -20px;
  background: url("chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none; }

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer; }

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default; }

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff; }

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4; }

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default; }

.chosen-container .chosen-results li.group-option {
  padding-left: 15px; }

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text; }

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset; }

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent; }

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px; }

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }

.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right; }

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px; }

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px; }

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px; }

.chosen-rtl .chosen-choices li {
  float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none; }

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url("chosen-sprite.png") no-repeat -30px -20px;
  background: url("chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px; }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important; } }
/* @end */
/* Gumroad edits: */
.chosen-container {
  font-size: 17px; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 7px 0 2px;
  padding-left: 4px; }

.chosen-container .chosen-choices {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  border-color: #dddddd;
  padding-bottom: 6px;
  background-image: none; }

.chosen-container-active .chosen-choices {
  border-color: #bbbbbb; }

.chosen-container .chosen-choices li.search-choice {
  margin: 6px 6px 0 0;
  padding: 6px 20px 6px 5px; }

.chosen-container .chosen-choices li.search-choice .search-choice-close {
  top: 7px; }

.chosen-container .chosen-drop {
  border-radius: 4px; }

.license-key {
  font-family: Courier; }

a.license-key-more-information {
  float: none !important; }

.purchase-code {
  font-family: Courier; }

#admin-bar {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.8);
  height: 20px;
  position: fixed;
  bottom: -60px;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 20px;
  opacity: 0;
  -webkit-transition: all .3s linear;
          transition: all .3s linear; }
  #admin-bar.showing {
    bottom: 0;
    opacity: 1; }
  #admin-bar li {
    font-size: 18px;
    padding-right: 20px;
    float: left; }

.analytics-header #products {
  font-weight: bold;
  color: #999;
  font-size: 17px;
  line-height: 24px;
  float: right; }
  .analytics-header #products a {
    color: #252a2e;
    text-decoration: underline; }

.analytics-header #datepicker-calendar, .analytics-box #datepicker-calendar {
  z-index: 205;
  position: absolute; }
.analytics-header .analytics-options, .analytics-box .analytics-options {
  margin-bottom: 30px; }
  .analytics-header .analytics-options .type-toggle, .analytics-box .analytics-options .type-toggle {
    float: left;
    margin: 6px 0;
    line-height: 33px; }
    .analytics-header .analytics-options .type-toggle li, .analytics-box .analytics-options .type-toggle li {
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#e8e8e8, GradientType=0)";
      background: -webkit-linear-gradient(#f8f8f8, #e8e8e8);
      background: -webkit-linear-gradient(top, #f8f8f8, #e8e8e8);
      background: linear-gradient(top, #f8f8f8, #e8e8e8);
      float: left;
      padding: 0 15px;
      margin: 0;
      display: inline-block;
      border: 1px solid #c0c0c0;
      color: #252a2e;
      cursor: pointer; }
      .analytics-header .analytics-options .type-toggle li.selected, .analytics-box .analytics-options .type-toggle li.selected {
        background: none;
        cursor: default; }
      .analytics-header .analytics-options .type-toggle li:first-child, .analytics-box .analytics-options .type-toggle li:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .analytics-header .analytics-options .type-toggle li:last-child, .analytics-box .analytics-options .type-toggle li:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
      .analytics-header .analytics-options .type-toggle li:not(:first-child), .analytics-box .analytics-options .type-toggle li:not(:first-child) {
        border-left: 0; }
.analytics-header .products-list, .analytics-header #day-info, .analytics-header #state-info, .analytics-box .products-list, .analytics-box #day-info, .analytics-box #state-info {
  border-radius: 10px;
  position: absolute;
  max-width: 400px;
  top: 45px;
  z-index: 10;
  background: white;
  padding: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  border: 2px solid #ddd; }
  .analytics-header .products-list #toggle-products, .analytics-header #day-info #toggle-products, .analytics-header #state-info #toggle-products, .analytics-box .products-list #toggle-products, .analytics-box #day-info #toggle-products, .analytics-box #state-info #toggle-products {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 15px; }
  .analytics-header .products-list:before, .analytics-header .products-list:after, .analytics-header #day-info:before, .analytics-header #day-info:after, .analytics-header #state-info:before, .analytics-header #state-info:after, .analytics-box .products-list:before, .analytics-box .products-list:after, .analytics-box #day-info:before, .analytics-box #day-info:after, .analytics-box #state-info:before, .analytics-box #state-info:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
    bottom: 100%; }
  .analytics-header .products-list:after, .analytics-header #day-info:after, .analytics-header #state-info:after, .analytics-box .products-list:after, .analytics-box #day-info:after, .analytics-box #state-info:after {
    border-bottom-color: white; }
  .analytics-header .products-list:before, .analytics-header #day-info:before, .analytics-header #state-info:before, .analytics-box .products-list:before, .analytics-box #day-info:before, .analytics-box #state-info:before {
    border-bottom-color: #ddd;
    margin-bottom: 2px; }
  .analytics-header .products-list li, .analytics-header #day-info li, .analytics-header #state-info li, .analytics-box .products-list li, .analytics-box #day-info li, .analytics-box #state-info li {
    margin-bottom: 10px; }
    .analytics-header .products-list li:last-child, .analytics-header #day-info li:last-child, .analytics-header #state-info li:last-child, .analytics-box .products-list li:last-child, .analytics-box #day-info li:last-child, .analytics-box #state-info li:last-child {
      margin-bottom: 0; }
    .analytics-header .products-list li label, .analytics-header #day-info li label, .analytics-header #state-info li label, .analytics-box .products-list li label, .analytics-box #day-info li label, .analytics-box #state-info li label {
      padding-left: 5px;
      font-size: 17px; }
.analytics-header #download-csv, .analytics-box #download-csv {
  padding: 9px 10px;
  margin-right: 10px; }
.analytics-header .products-list, .analytics-box .products-list {
  padding-top: 30px;
  top: 50px; }

.analytics-box #total-revenue {
  margin-right: 15px;
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  color: #252a2e;
  float: left; }
.analytics-box #date-range-field {
  width: 340px; }
.analytics-box #product-picker #product-selection {
  text-decoration: underline; }
  .analytics-box #product-picker #product-selection.disabled {
    text-decoration: none;
    cursor: text; }
.analytics-box .chart-analytics {
  clear: both;
  width: 940px;
  height: 370px;
  position: relative;
  opacity: 0; }
  .analytics-box .chart-analytics.shown {
    opacity: 1; }
  .analytics-box .chart-analytics .chart-container {
    position: relative;
    left: -100px; }
  .analytics-box .chart-analytics .y-axis.left .axis-label {
    fill: #5f9ea0; }
  .analytics-box .chart-analytics .y-axis.left text {
    fill: #5f9ea0; }
  .analytics-box .chart-analytics .line {
    fill: none;
    stroke: #5f9ea0;
    stroke-width: 2px; }
  .analytics-box .chart-analytics .point {
    fill: #5f9ea0;
    opacity: 1; }
  .analytics-box .chart-analytics .bar {
    border-radius: 10px; }
    .analytics-box .chart-analytics .bar.views {
      fill: #000;
      opacity: .07; }
      .analytics-box .chart-analytics .bar.views.highlight {
        fill: #00585c;
        opacity: .5; }
    .analytics-box .chart-analytics .bar.sales {
      fill: #000;
      opacity: .1; }
      .analytics-box .chart-analytics .bar.sales.highlight {
        opacity: 0; }
    .analytics-box .chart-analytics .bar.dull {
      opacity: .2; }
.analytics-box #total-analytics {
  padding-top: 20px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/big-analytics-arrows-d3d7680fdd6ac53eb44ca43f91f129b9.png) 20px 25px no-repeat; }
.analytics-box #total-analytics, .analytics-box #legend {
  overflow: hidden;
  width: 960px; }
  .analytics-box #total-analytics .full.column, .analytics-box #legend .full.column {
    padding: 0; }
  .analytics-box #total-analytics li, .analytics-box #legend li {
    box-sizing: border-box;
    color: #aaaaaa;
    width: 33%;
    float: left; }
    .analytics-box #total-analytics li strong, .analytics-box #legend li strong {
      color: #252a2e;
      display: inline-block;
      font-weight: normal;
      font-size: 36px;
      margin-bottom: 10px;
      padding: 0 15px;
      background: white; }
    .analytics-box #total-analytics li:first-child strong, .analytics-box #legend li:first-child strong {
      padding-left: 0; }
  .analytics-box #total-analytics .total-recurring-charges, .analytics-box #legend .total-recurring-charges {
    position: absolute;
    font-size: 17px; }
.analytics-box #legend {
  float: left;
  clear: left;
  min-height: 18px; }
  .analytics-box #legend li {
    font-size: 17px;
    line-height: 15px;
    padding-left: 29px;
    padding-right: 20px;
    position: relative; }
    .analytics-box #legend li:before {
      border-radius: 2px;
      width: 9px;
      height: 9px;
      display: block;
      content: "";
      background: black;
      position: absolute;
      top: 4px;
      left: 15px; }
    .analytics-box #legend li:first-child {
      padding-left: 14px; }
      .analytics-box #legend li:first-child:before {
        left: 0; }
    .analytics-box #legend li.views {
      color: rgba(0, 0, 0, 0.15); }
      .analytics-box #legend li.views:before {
        background: rgba(0, 0, 0, 0.07); }
    .analytics-box #legend li.sales {
      color: rgba(0, 0, 0, 0.25); }
      .analytics-box #legend li.sales:before {
        background: rgba(0, 0, 0, 0.25); }
    .analytics-box #legend li.total {
      color: #5f9ea0; }
      .analytics-box #legend li.total:before {
        background: #5f9ea0; }
.analytics-box .mini-rule {
  margin-bottom: 35px; }
.analytics-box .conversion-analytics {
  position: relative;
  padding-right: 30px;
  margin-top: 30px; }
  .analytics-box .conversion-analytics .conversion-available-notice {
    color: #999;
    font-size: 15px;
    padding-left: 10px; }
  .analytics-box .conversion-analytics .pie {
    width: 100%;
    height: 200px; }
    .analytics-box .conversion-analytics .pie .connector {
      stroke: rgba(0, 0, 0, 0.2); }
    .analytics-box .conversion-analytics .pie text {
      font-size: 17px;
      font-weight: bold;
      fill: #444; }
      .analytics-box .conversion-analytics .pie text.small {
        font-size: 17px;
        font-weight: normal;
        fill: #666; }
    .analytics-box .conversion-analytics .pie .foreground {
      fill: #5f9ea0; }
    .analytics-box .conversion-analytics .pie .background {
      fill: #5f9ea0;
      opacity: .4; }
    .analytics-box .conversion-analytics .pie .conversion-first-text, .analytics-box .conversion-analytics .pie .conversion-second-text {
      cursor: default;
      text-decoration: underline; }
.analytics-box .map-analytics {
  position: relative;
  padding: 0 30px 0 0; }
  .analytics-box .map-analytics .loading-overlay {
    margin-left: -15px; }
  .analytics-box .map-analytics .section-header {
    display: inline-block; }
  .analytics-box .map-analytics select {
    float: right;
    width: 180px; }
  .analytics-box .map-analytics .background {
    fill: none; }
  .analytics-box .map-analytics .map {
    padding-top: 20px; }
  .analytics-box .map-analytics #states, .analytics-box .map-analytics #countries {
    fill: #f5f5f5;
    stroke: white;
    stroke-width: 1px; }
.analytics-box .referrals {
  padding: 0 0 0 30px;
  border-left: solid 1px #eee; }
  .analytics-box .referrals .referral-table {
    width: 100%;
    border-width: 1px;
    border-color: #eee;
    border-collapse: collapse; }
    .analytics-box .referrals .referral-table th {
      font-size: 17px;
      text-align: left;
      color: #aaa;
      padding-bottom: 15px;
      border-bottom: 1px solid #eee; }
      .analytics-box .referrals .referral-table th::-moz-selection, .analytics-box .referrals .referral-table th span::-moz-selection {
        background: transparent; }
      .analytics-box .referrals .referral-table th::selection, .analytics-box .referrals .referral-table th span::selection {
        background: transparent; }
      .analytics-box .referrals .referral-table th strong {
        font-weight: normal;
        font-size: 24px;
        color: #252a2e; }
      .analytics-box .referrals .referral-table th .sort {
        cursor: pointer; }
        .analytics-box .referrals .referral-table th .sort .sort-arrow {
          font-size: 77%;
          opacity: 0; }
        .analytics-box .referrals .referral-table th .sort.selected .sort-arrow {
          opacity: 1; }
    .analytics-box .referrals .referral-table td {
      font-size: 17px;
      padding: 15px 0;
      border-top: 1px #eee solid; }
      .analytics-box .referrals .referral-table td.sorted {
        font-weight: bold; }
      .analytics-box .referrals .referral-table td.domain div {
        width: 180px;
        overflow: hidden;
        text-overflow: ellipsis; }
    .analytics-box .referrals .referral-table .buynow td {
      line-height: 26px; }
    .analytics-box .referrals .referral-table .buynow .twitter-buy-now {
      border-radius: 4px;
      background: #55acee;
      color: white;
      padding: 2px 4px; }
    .analytics-box .referrals .referral-table .buynow .views, .analytics-box .referrals .referral-table .buynow .conversion {
      color: white; }
    .analytics-box .referrals .referral-table .last {
      text-align: right; }
.analytics-box #products {
  color: #999;
  font-size: 17px;
  line-height: 46px;
  float: right; }
  .analytics-box #products #product-selection {
    font-weight: bold;
    color: #252a2e;
    text-decoration: underline; }
.analytics-box .section-header {
  font-size: 24px;
  color: #252a2e;
  margin-bottom: 30px; }
.analytics-box .products-list, .analytics-box #day-info, .analytics-box #map-info {
  border-radius: 4px;
  position: absolute;
  top: 160px;
  z-index: 10;
  background: white;
  padding: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
  .analytics-box .products-list:after, .analytics-box .products-list:before, .analytics-box #day-info:after, .analytics-box #day-info:before, .analytics-box #map-info:after, .analytics-box #map-info:before {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    left: 50%;
    margin-left: -10px; }
.analytics-box .products-list {
  left: 700px;
  padding-top: 35px;
  max-width: 400px; }
  .analytics-box .products-list:before, .analytics-box .products-list:after {
    bottom: 100%; }
  .analytics-box .products-list:after {
    border-bottom-color: white; }
  .analytics-box .products-list:before {
    border-bottom-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 1px; }
  .analytics-box .products-list #toggle-products {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 15px; }
  .analytics-box .products-list li {
    margin-bottom: 10px; }
    .analytics-box .products-list li:last-child {
      margin-bottom: 0; }
    .analytics-box .products-list li label {
      padding-left: 5px;
      font-size: 17px; }
.analytics-box #day-info, .analytics-box #map-info {
  min-width: 200px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 28px;
  pointer-events: none; }
  .analytics-box #day-info strong, .analytics-box #map-info strong {
    font-weight: bold;
    color: #777; }
  .analytics-box #day-info span, .analytics-box #map-info span {
    display: block;
    color: #aaa; }
  .analytics-box #day-info:before, .analytics-box #day-info:after, .analytics-box #map-info:before, .analytics-box #map-info:after {
    top: 100%; }
  .analytics-box #day-info:after, .analytics-box #map-info:after {
    border-top-color: white; }
  .analytics-box #day-info:before, .analytics-box #map-info:before {
    border-top-color: rgba(0, 0, 0, 0.1);
    margin-top: 2px; }
.analytics-box #load-more {
  margin-top: 30px; }

.main-app-content {
  background: white;
  padding: 30px 0;
  border-bottom: 1px solid #d4d4d4;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.02);
  margin-bottom: 50px;
  position: relative; }
  .main-app-content .demo-indicator {
    font-size: 17px;
    padding: 0 0 27px;
    border-bottom: 1px solid #eee;
    text-align: center;
    margin-bottom: 30px; }

.rotate-container #show_link, .rotate-container #show_file {
  position: absolute;
  width: 26px;
  height: 26px;
  display: block;
  background: #ddd;
  top: 8px;
  right: 8px;
  z-index: 5; }
.rotate-container #show_link {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/product/add/url-b1735bc0b7503464d42f33d7ba53b4ff.png); }
.rotate-container #show_file {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/product/add/archive-1bb91f6cc841190114c4e53d5ae2e9f3.png); }

.release-date-container {
  border-radius: 4px;
  position: relative;
  background: white;
  border: 1px solid #cacaca;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
  .release-date-container input[type=text] {
    box-sizing: border-box;
    background: transparent;
    border: 0;
    box-shadow: none;
    width: 48%;
    float: left;
    text-align: center; }
    .release-date-container input[type=text].right {
      float: right;
      border-top-left-radius: 0; }
    .release-date-container input[type=text]:first-of-type {
      border-top-right-radius: 0; }
  .release-date-container input[readonly] {
    color: #999891; }
  .release-date-container .at {
    float: left;
    font-size: 17px;
    line-height: 40px;
    padding: 0 10px;
    width: 14px;
    text-align: center;
    margin-left: -17px;
    left: 50%;
    top: 0;
    position: absolute;
    background: #e5e5e5; }
  .release-date-container #datepicker-calendar {
    border-radius: 4px;
    padding: 0;
    height: 144px;
    width: 161px;
    left: 15px;
    top: -50px;
    right: auto;
    margin-top: -5px; }

.audience-header {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  font-size: 18px; }
  .audience-header .overview-title, .audience-header .learn-more {
    margin-top: 10px;
    float: left; }
  .audience-header .learn-more {
    font-size: 15px;
    line-height: 23px; }
  .audience-header a {
    margin-left: 12px; }
  .audience-header .actions {
    float: right; }

.audience-callout,
.audience-callout--on-greeter {
  border-radius: 4px;
  background: #f9f9f9;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-top: 30px;
  padding: 15px 0 0;
  position: relative;
  overflow: hidden; }
  .audience-callout .close-button,
  .audience-callout--on-greeter .close-button {
    display: block;
    top: 0;
    right: 20px;
    width: 8px;
    height: 8px;
    position: absolute; }
  .audience-callout h2,
  .audience-callout--on-greeter h2 {
    color: #252a2e;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px; }
  .audience-callout li,
  .audience-callout--on-greeter li {
    border-left: 1px solid rgba(0, 0, 0, 0.05); }
    .audience-callout li:first-child,
    .audience-callout--on-greeter li:first-child {
      border-left: 0; }
  .audience-callout--on-greeter {
    background: white;
    border: 0;
    box-shadow: none; }
    .audience-callout--on-greeter h2 {
      font-size: 21px;
      margin: 30px 0 15px; }
    .audience-callout--on-greeter p {
      font-size: 15px;
      line-height: 1.5;
      margin-bottom: 15px; }

.challenge-callout {
  border-top: 1px dashed #ddd;
  font-size: 14px;
  margin-top: 20px;
  padding: 15px inherit; }
  .challenge-callout strong {
    color: #252a2e; }
  .challenge-callout p {
    margin-top: 2px; }

.audience-box {
  padding: 0; }
  .audience-box .audience-quick-stats {
    margin: 42px 0 27px; }
    .audience-box .audience-quick-stats li {
      padding: 2px 15px 8px 31px;
      border-left: 2px solid #f5f5f5; }
    .audience-box .audience-quick-stats h2 {
      font-size: 38px;
      line-height: 64px;
      font-weight: 200; }
    .audience-box .audience-quick-stats span {
      text-transform: uppercase;
      color: #999; }
  .audience-box #day-info {
    border-radius: 4px;
    position: absolute;
    min-width: 200px;
    max-width: 400px;
    top: 160px;
    z-index: 10;
    background: white;
    padding: 5px 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    border: 2px solid #ddd;
    font-size: 14px;
    line-height: 28px;
    pointer-events: none; }
    .audience-box #day-info strong {
      font-weight: bold;
      color: #777; }
    .audience-box #day-info span {
      display: block;
      color: #aaa; }
    .audience-box #day-info:after, .audience-box #day-info:before {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 10px;
      left: 50%;
      margin-left: -10px;
      top: 100%; }
    .audience-box #day-info:after {
      border-top-color: white; }
    .audience-box #day-info:before {
      border-top-color: rgba(0, 0, 0, 0.1);
      margin-top: 2px; }
  .audience-box .chart-analytics {
    clear: both;
    width: 940px;
    height: 370px;
    position: relative;
    opacity: 0; }
    .audience-box .chart-analytics.shown {
      opacity: 1; }
    .audience-box .chart-analytics .chart-container {
      position: relative;
      left: -100px; }
    .audience-box .chart-analytics .y-axis.right .axis-label {
      fill: #5f9ea0; }
    .audience-box .chart-analytics .y-axis.right text {
      fill: #5f9ea0; }
    .audience-box .chart-analytics .line {
      fill: none;
      stroke: #5f9ea0;
      stroke-width: 2px; }
    .audience-box .chart-analytics .point {
      fill: #5f9ea0;
      opacity: 1; }
    .audience-box .chart-analytics .bar {
      border-radius: 10px; }
      .audience-box .chart-analytics .bar.views {
        fill: #000;
        opacity: .07; }
        .audience-box .chart-analytics .bar.views.highlight {
          fill: #00585c;
          opacity: .5; }
      .audience-box .chart-analytics .bar.newFollowers {
        fill: #000;
        opacity: .1; }
        .audience-box .chart-analytics .bar.newFollowers.highlight {
          opacity: 0; }
      .audience-box .chart-analytics .bar.dull {
        opacity: .2; }

.modals-container {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: z-index 0s ease-out 1s;
          transition: z-index 0s ease-out 1s; }
  .modals-container.showing {
    z-index: 12;
    -webkit-transition: z-index 0s;
            transition: z-index 0s; }
    .modals-container.showing #modal-shadow {
      opacity: 1; }
  .modals-container #modal-shadow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    -webkit-transition: opacity .6s ease-out;
            transition: opacity .6s ease-out; }
  .modals-container .gr-modals {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .modals-container .gr-modals .gr-modal {
      border-radius: 4px;
      position: absolute;
      display: block;
      width: 700px;
      margin: 0 auto;
      z-index: 13;
      top: -1000px;
      left: 0;
      right: 0;
      background-color: white;
      background-image: url(https://static-1.gumroad.com/res/gumroad/assets/header_bar-c2717a78bdb9841e135d60bc0c127372.png);
      background-position: bottom left;
      background-repeat: repeat-x;
      background-size: 100% 5px;
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
      -webkit-transition: all .3s linear;
              transition: all .3s linear; }
      .modals-container .gr-modals .gr-modal.showing {
        top: 100px; }
      .modals-container .gr-modals .gr-modal form textarea {
        height: 120px; }
      .modals-container .gr-modals .gr-modal form input:last-child, .modals-container .gr-modals .gr-modal form .button:last-child {
        margin-bottom: 0; }
      .modals-container .gr-modals .gr-modal .email-form {
        overflow: hidden;
        padding: 0 34px 34px; }
        .modals-container .gr-modals .gr-modal .email-form button {
          float: right; }
        .modals-container .gr-modals .gr-modal .email-form .share-email-field {
          position: relative;
          clear: both;
          margin: 0 0 20px;
          overflow: hidden; }
          .modals-container .gr-modals .gr-modal .email-form .share-email-field:last-child {
            margin-bottom: 0; }
          .modals-container .gr-modals .gr-modal .email-form .share-email-field label {
            box-sizing: border-box;
            position: absolute;
            padding: 17px 0 17px 44px;
            font-weight: bold;
            border: 1px solid #ddd;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            background: white;
            width: 100px; }
            .modals-container .gr-modals .gr-modal .email-form .share-email-field label .icn {
              position: absolute;
              top: 19px;
              left: 14px;
              display: block;
              width: 20px;
              height: 16px;
              opacity: .6; }
            .modals-container .gr-modals .gr-modal .email-form .share-email-field label:hover {
              cursor: pointer; }
          .modals-container .gr-modals .gr-modal .email-form .share-email-field textarea {
            max-width: 100%;
            border-top-left-radius: 0;
            border-top-right-radius: 0; }
          .modals-container .gr-modals .gr-modal .email-form .share-email-field input[type=email] {
            padding-left: 118px; }
        .modals-container .gr-modals .gr-modal .email-form .emailed-link {
          border: 1px solid #ddd;
          border-bottom: 0;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px;
          padding: 16px 18px 17px; }
          .modals-container .gr-modals .gr-modal .email-form .emailed-link .product-title {
            font-weight: bold; }
    .modals-container .gr-modals #email-product-modal {
      width: 600px; }
  @media (max-width: 720px) {
    .modals-container .gr-modals.gr-auth .gr-modal {
      width: 95%;
      margin: 0 auto; }
      .modals-container .gr-modals.gr-auth .gr-modal.showing {
        top: 30px; }
      .modals-container .gr-modals.gr-auth .gr-modal .six.columns {
        width: 100%;
        padding-left: 0;
        padding-right: 0; }
      .modals-container .gr-modals.gr-auth .gr-modal .auth-title {
        padding: 18px; }
        .modals-container .gr-modals.gr-auth .gr-modal .auth-title h2 {
          font-size: 18px;
          width: 90%; }
        .modals-container .gr-modals.gr-auth .gr-modal .auth-title .close-modal {
          margin-right: 15px;
          position: absolute;
          right: 0; }
      .modals-container .gr-modals.gr-auth .gr-modal .social-auth .button {
        font-size: 16px;
        height: 45px;
        line-height: 42px;
        margin-bottom: 0;
        padding-left: 60px; }
        .modals-container .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-facebook, .modals-container .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter {
          float: left;
          margin-right: 2%;
          width: 49%; }
          .modals-container .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-facebook:last-child, .modals-container .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter:last-child {
            margin-right: 0; }
          .modals-container .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-facebook .gi, .modals-container .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter .gi {
            height: 44px;
            line-height: 44px;
            width: 44px; }
      .modals-container .gr-modals.gr-auth .gr-modal .classic-auth {
        border-left: 0;
        border-top: 1px solid #eaeaea;
        margin-top: 15px;
        padding-top: 15px; }
        .modals-container .gr-modals.gr-auth .gr-modal .classic-auth input {
          appearance: none;
          float: left;
          height: 45px;
          margin-right: 2%;
          margin-bottom: 10px;
          width: 49%; }
          .modals-container .gr-modals.gr-auth .gr-modal .classic-auth input:last-child {
            margin-right: 0; }
      .modals-container .gr-modals.gr-auth .gr-modal .create {
        margin: 0 0 15px;
        padding: 0; }
        .modals-container .gr-modals.gr-auth .gr-modal .create .terms {
          margin-bottom: 15px; }
      .modals-container .gr-modals.gr-auth .gr-modal #forgot-password-form {
        padding: 0 18px; }
        .modals-container .gr-modals.gr-auth .gr-modal #forgot-password-form .email {
          margin-right: 0;
          width: 60%;
          appearance: none; }
        .modals-container .gr-modals.gr-auth .gr-modal #forgot-password-form .button-primary {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
          height: 47px;
          margin: 1px 0 0 -10px;
          padding: 13px 20px 14px; }
        .modals-container .gr-modals.gr-auth .gr-modal #forgot-password-form .separator {
          display: none; }
      .modals-container .gr-modals.gr-auth .gr-modal #signup-feature-list {
        display: none; } }
  @media (max-width: 575px) {
    .modals-container .gr-modals.gr-auth .gr-modal {
      background-image: none; }
      .modals-container .gr-modals.gr-auth .gr-modal .classic-auth input {
        float: none;
        margin-right: 0;
        width: 100%; }
      .modals-container .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-facebook, .modals-container .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%; }
      .modals-container .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter {
        margin-bottom: 0; } }
  @media (max-width: 480px) {
    .modals-container .gr-modals.gr-auth .gr-modal {
      border-radius: 0;
      height: 100%;
      position: fixed;
      overflow-y: scroll;
      width: 100%; }
      .modals-container .gr-modals.gr-auth .gr-modal.showing {
        top: 0; }
      .modals-container .gr-modals.gr-auth .gr-modal #forgot-password-prompt {
        margin-top: 4px; }
      .modals-container .gr-modals.gr-auth .gr-modal .create button {
        float: none;
        margin-top: 15px;
        width: 100%; } }

@media (max-width: 480px) {
  .invites-signup-form.gr-modal #signup-feature-list {
    display: none; }
  .invites-signup-form.gr-modal form {
    padding: 0; }
  .invites-signup-form.gr-modal .six.columns {
    float: none;
    width: 100%; }
  .invites-signup-form.gr-modal .social-auth {
    margin: 15px 0; }
  .invites-signup-form.gr-modal .classic-auth {
    border-left: 0; }
  .invites-signup-form.gr-modal .create,
  .invites-signup-form.gr-modal .create p {
    margin: 15px 0 0; }
  .invites-signup-form.gr-modal .create button {
    margin: 15px 0;
    width: 100%; } }
.modal-title,
.auth-title {
  padding: 34px;
  overflow: hidden; }
  .modal-title h2,
  .auth-title h2 {
    font-size: 22px;
    line-height: 30px;
    color: #6b6b6b;
    float: left; }
  .modal-title .close-modal,
  .auth-title .close-modal {
    float: right; }

.gr-auth #forgot-password-form {
  box-sizing: border-box;
  position: relative;
  padding: 10px 34px 34px;
  width: 100%;
  margin-top: 12px; }
  .gr-auth #forgot-password-form .forgot-prompt {
    margin: 14px 0 20px;
    margin-left: 2px;
    line-height: 1.4em; }
  .gr-auth #forgot-password-form .error-indicator {
    position: absolute;
    bottom: 100%;
    margin-bottom: 19px;
    left: 34px; }
  .gr-auth #forgot-password-form .button-primary {
    margin-top: 1px;
    padding: 13px 20px 14px; }
  .gr-auth #forgot-password-form .button-close {
    top: 10px; }
  .gr-auth #forgot-password-form .separator {
    display: inline-block;
    width: 1px;
    height: 42px;
    margin: 0 22px;
    background: #e8e8e8;
    top: 16px;
    position: relative; }
  .gr-auth #forgot-password-form .email {
    width: 402px;
    margin-right: 18px;
    padding: 12px 16px;
    background: #fff;
    font-size: 15px;
    height: 47px; }
.gr-auth .error-wrapper {
  padding: 0 14px 0 16px; }
.gr-auth .error-indicator {
  border-radius: 4px;
  text-align: center;
  background: #c04355;
  font-size: 17px;
  color: white;
  margin-bottom: 34px;
  padding: 12px; }
.gr-auth form {
  padding: 0 18px; }
.gr-auth #signup-feature-list {
  padding: 0 18px 34px;
  overflow: hidden; }
  .gr-auth #signup-feature-list li {
    font-size: 15px; }
    .gr-auth #signup-feature-list li h4 {
      margin-bottom: 16px; }
    .gr-auth #signup-feature-list li p {
      color: #9f9f9f;
      font-size: 14px; }
.gr-auth .classic-auth {
  border-left: 1px solid #eaeaea; }
.gr-auth .social-auth .button {
  box-sizing: border-box;
  font-weight: 500;
  margin-bottom: 18px;
  padding: 0 15px 0 75px;
  height: 57px;
  line-height: 57px; }
.gr-auth .switch-to {
  clear: both;
  padding: 22px 0 25px;
  border-top: 1px solid #e8e8e8;
  text-align: center; }
  .gr-auth .switch-to p {
    font-size: 14px;
    color: #afafaf; }
  .gr-auth .switch-to a:hover {
    text-decoration: underline; }
.gr-auth .create {
  margin-top: 34px;
  margin-bottom: 34px;
  padding: 0 15px; }
  .gr-auth .create p {
    float: left;
    max-width: 404px;
    margin-left: 3px;
    font-size: 14px; }
    .gr-auth .create p.terms {
      margin-top: 3px; }
  .gr-auth .create button {
    float: right;
    margin-top: 2px; }
.gr-auth #forgot-password-prompt {
  display: block;
  margin-top: 12px; }
.gr-auth input[type="text"],
.gr-auth input[type="email"],
.gr-auth input[type="password"],
.gr-auth textarea {
  box-sizing: border-box;
  margin: 0 0 18px;
  padding: 17px 8px 18px 18px;
  width: 100%;
  height: 57px;
  background: #f1f1f1;
  -webkit-transition: border-color .3s linear, color .3s linear;
          transition: border-color .3s linear, color .3s linear; }
  .gr-auth input[type="text"]:selected,
  .gr-auth input[type="email"]:selected,
  .gr-auth input[type="password"]:selected,
  .gr-auth textarea:selected {
    color: #f7f7f7; }
.gr-auth .faded .social-auth, .gr-auth .faded .classic-auth {
  pointer-events: none;
  opacity: .3; }
.gr-auth .faded .create {
  display: none; }

#balance {
  padding-top: 0;
  padding-bottom: 44px; }

.payout-section-title {
  font-size: 18px;
  padding: 20px 0; }
  .payout-section-title a {
    color: #36a9ae;
    text-decoration: underline;
    font-size: 15px; }

.account-overview-title {
  margin: 0;
  border-bottom: 1px solid #ebebeb; }
  .account-overview-title a {
    margin-left: 10px; }
  .account-overview-title .payout-settings-link {
    float: right; }

.account-metrics {
  margin: 42px 0 36px; }
  .account-metrics li {
    padding: 2px 15px 8px 31px;
    border-left: 2px solid #f5f5f5; }
  .account-metrics h2 {
    font-size: 38px;
    line-height: 64px;
    font-weight: 200; }
  .account-metrics span {
    text-transform: uppercase;
    color: #999; }

.period {
  border-radius: 6px;
  overflow: hidden;
  margin: 14px 0;
  border: 1px solid #e2e2e2;
  background-color: #fafafa;
  -webkit-transition: all .3s ease-out;
          transition: all .3s ease-out;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02); }
  .period.processing {
    opacity: .6; }
  .period.period-empty {
    padding: 40px;
    text-align: center;
    background-color: #f8f8f8;
    border: 1px solid #cacaca; }
    .period.period-empty h3 {
      margin: 56px 0 0;
      font-size: 18px; }
    .period.period-empty p {
      margin: 4px 0 48px; }
  .period .period-header {
    background-color: white;
    position: relative;
    display: block;
    padding: 18px 28px;
    color: #777;
    font-size: 14px;
    text-decoration: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); }
    .period .period-header h4 {
      float: left;
      margin-top: 1px;
      font-weight: bold; }
    .period .period-header span {
      float: right;
      margin-top: 3px;
      font-size: 12px;
      color: #999; }
  .period .amounts {
    background-color: white; }
    .period .amounts li {
      padding: 14px 30px;
      font-size: 14px;
      font-weight: bold;
      border-bottom: 1px solid rgba(221, 221, 221, 0.3); }
      .period .amounts li span, .period .amounts li a {
        float: right; }
      .period .amounts li .faded {
        opacity: .5;
        text-decoration: underline; }
      .period .amounts li a {
        margin-left: 10px;
        font-size: 13px; }
    .period .amounts li:last-child {
      border-bottom: 0; }
  .period .summary {
    border-top: 1px solid #ebebeb;
    padding: 16px 27px 16px 30px; }
    .period .summary .payout-institution,
    .period .summary .payout-account,
    .period .summary .payout-routing {
      color: #999;
      float: left;
      margin: 6px 0;
      padding-right: 8px; }
      .period .summary .payout-institution span,
      .period .summary .payout-account span,
      .period .summary .payout-routing span {
        margin: 0 2px;
        color: #777;
        font-weight: bold; }
    .period .summary .payout-institution {
      margin-right: 9px; }
    .period .summary .payout-amount {
      float: right;
      margin-top: 6px;
      color: #03949a;
      font-size: 18px;
      font-weight: bold; }

#current-period .period {
  border: 1px dashed #ddd; }
  #current-period .period .period-header {
    box-shadow: none;
    border-bottom: 1px dashed #ddd; }

#past {
  position: relative;
  margin-bottom: 24px;
  border-top: 1px solid #ebebeb;
  margin-top: 42px;
  padding-top: 12px; }

.ribboned-header {
  padding-top: 0;
  text-align: center;
  line-height: 80px;
  font-weight: bold;
  font-size: 17px;
  color: #999;
  height: auto;
  padding-bottom: 35px; }

#ribbon-logo {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/brand/ribbon-logo-34bddeefbfc5aaf878eb0b2e34d7e1fa.png) no-repeat;
  display: inline-block;
  text-indent: -9999px;
  width: 84px;
  height: 104px;
  margin: 0 10px;
  position: relative;
  z-index: 999; }

#blog #wrapper {
  width: auto; }
#blog #header {
  padding-top: 0;
  text-align: center;
  line-height: 80px;
  font-weight: bold;
  font-size: 17px;
  color: #999;
  height: 80px;
  padding-bottom: 0; }
#blog #blog-navigation {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #505050;
  width: 100%;
  max-width: 715px;
  margin: 0 auto; }
  #blog #blog-navigation li {
    display: inline-block;
    margin-right: 10px; }
    #blog #blog-navigation li a {
      color: #999;
      font-weight: 500; }
      #blog #blog-navigation li a:hover {
        color: #777;
        text-decoration: none; }
    #blog #blog-navigation li:after {
      margin-left: 15px;
      content: "•";
      color: #ccc; }
    #blog #blog-navigation li:last-child {
      margin-right: 0; }
    #blog #blog-navigation li:last-child:after {
      color: #efefe9;
      margin-left: 0; }
  #blog #blog-navigation #ribbon-logo,
  #blog #blog-navigation .blog-navigation-left,
  #blog #blog-navigation .blog-navigation-right {
    float: left;
    font-size: 18px; }
  @media (max-width: 715px) {
    #blog #blog-navigation .blog-navigation-left,
    #blog #blog-navigation .blog-navigation-right {
      display: none; }
    #blog #blog-navigation #ribbon-logo {
      float: none; } }
#blog h3 {
  margin-top: 40px; }
  #blog h3 .twitter-link {
    color: #64e9ed; }
  #blog h3 .facebook-link {
    color: #1b73b6; }
#blog .no-shadow {
  box-shadow: none; }
#blog #blog-main {
  background: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
  #blog #blog-main #main-content {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 15px;
    max-width: 730px;
    width: 100%; }
    #blog #blog-main #main-content .centered {
      text-align: center; }
    #blog #blog-main #main-content .post {
      margin-bottom: 60px; }
      #blog #blog-main #main-content .post:last-child {
        margin-bottom: 0; }
    #blog #blog-main #main-content h2 {
      text-align: center;
      font-weight: 500;
      font-size: 30px;
      line-height: 40px;
      color: #3f3f3f;
      margin: 15px 0; }
      #blog #blog-main #main-content h2 a {
        text-decoration: none; }
    #blog #blog-main #main-content .date {
      text-align: center;
      color: #9e9e9e;
      font-size: 18px;
      font-weight: normal;
      margin-bottom: 20px;
      text-decoration: none; }
      #blog #blog-main #main-content .date img {
        vertical-align: bottom;
        margin-right: 10px;
        border-radius: 99px; }
    #blog #blog-main #main-content .post-content {
      margin-top: 40px; }
      #blog #blog-main #main-content .post-content p, #blog #blog-main #main-content .post-content h5, #blog #blog-main #main-content .post-content ul, #blog #blog-main #main-content .post-content ul li span, #blog #blog-main #main-content .post-content blockquote {
        font-size: 17px;
        line-height: 28px;
        color: #72726a; }
        #blog #blog-main #main-content .post-content p strong, #blog #blog-main #main-content .post-content h5 strong, #blog #blog-main #main-content .post-content ul strong, #blog #blog-main #main-content .post-content ul li span strong, #blog #blog-main #main-content .post-content blockquote strong {
          color: #454545; }
          #blog #blog-main #main-content .post-content p strong em, #blog #blog-main #main-content .post-content p strong a, #blog #blog-main #main-content .post-content h5 strong em, #blog #blog-main #main-content .post-content h5 strong a, #blog #blog-main #main-content .post-content ul strong em, #blog #blog-main #main-content .post-content ul strong a, #blog #blog-main #main-content .post-content ul li span strong em, #blog #blog-main #main-content .post-content ul li span strong a, #blog #blog-main #main-content .post-content blockquote strong em, #blog #blog-main #main-content .post-content blockquote strong a {
            font-weight: inherit; }
        #blog #blog-main #main-content .post-content p:last-child, #blog #blog-main #main-content .post-content h5:last-child, #blog #blog-main #main-content .post-content ul:last-child, #blog #blog-main #main-content .post-content ul li span:last-child, #blog #blog-main #main-content .post-content blockquote:last-child {
          margin-bottom: 0; }
      #blog #blog-main #main-content .post-content ul {
        list-style: disc;
        margin-left: 20px; }
      #blog #blog-main #main-content .post-content img, #blog #blog-main #main-content .post-content video {
        border-radius: 4px;
        display: block;
        margin: 27px auto 36px;
        background-color: white;
        max-width: 100%;
        height: auto !important;
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
        border: 1px solid #dddddd; }
        #blog #blog-main #main-content .post-content img.no-shadow, #blog #blog-main #main-content .post-content video.no-shadow {
          box-shadow: none;
          border: 0; }
      #blog #blog-main #main-content .post-content video {
        border: 1px solid #dddddd !important;
        margin: 0 auto; }
      #blog #blog-main #main-content .post-content h5 {
        color: #454545;
        font-weight: bold; }
      #blog #blog-main #main-content .post-content hr {
        margin: 30px 0;
        height: 1px;
        background: #eee; }
      #blog #blog-main #main-content .post-content blockquote {
        font-size: 21px;
        line-height: 36px;
        border-left: 2px solid #eee;
        padding-left: 24px;
        font-style: italic;
        margin-bottom: 24px; }
      #blog #blog-main #main-content .post-content iframe {
        max-width: 100%; }
    #blog #blog-main #main-content .social-sharing {
      margin-top: 20px; }
    #blog #blog-main #main-content .navigation-button {
      border-radius: 4px;
      font-weight: bold;
      font-size: 18px;
      background: #eee;
      color: #454545;
      text-decoration: none;
      margin-top: 30px;
      display: inline-block;
      padding: 10px; }
      #blog #blog-main #main-content .navigation-button.next {
        float: right; }
      #blog #blog-main #main-content .navigation-button:hover {
        background: #ddd; }
      #blog #blog-main #main-content .navigation-button:active {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
#blog #mc_embed_signup {
  border-radius: 4px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/product/patterns-6948ccb2142e032603940e706fcf5f90.png) 8px -11px repeat-x, -webkit-linear-gradient(top left, #fafafa, whitesmoke);
  background: url(https://static-1.gumroad.com/res/gumroad/assets/product/patterns-6948ccb2142e032603940e706fcf5f90.png) 8px -11px repeat-x, linear-gradient(to bottom right, #fafafa, whitesmoke);
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  clear: both;
  padding: 15px;
  margin: 30px 0;
  overflow: hidden;
  text-align: center; }
  #blog #mc_embed_signup p {
    color: #666;
    margin-bottom: 15px; }
    #blog #mc_embed_signup p strong {
      color: #252a2e;
      display: block;
      font-weight: 500;
      font-size: 24px;
      margin: 10px 0 5px; }
  #blog #mc_embed_signup small {
    display: block;
    color: #aaa;
    margin-top: 20px; }
  #blog #mc_embed_signup input {
    float: left;
    width: 335px;
    margin-right: 15px;
    margin-left: 50px; }
  #blog #mc_embed_signup button {
    float: left;
    width: 150px; }
  @media (max-width: 715px) {
    #blog #mc_embed_signup button, #blog #mc_embed_signup input {
      width: 280px;
      margin: 0 auto;
      float: none; }
    #blog #mc_embed_signup button {
      width: 300px;
      margin-top: 15px; } }
#blog .social-sharing {
  width: 210px;
  margin: 0 auto; }
  #blog .social-sharing .addthis_button_facebook {
    margin-right: 10px; }

.bundle-tool-tip {
  border-radius: 4px;
  min-width: 300px;
  background: white;
  margin: 20px auto;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
  .bundle-tool-tip:before, .bundle-tool-tip:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    right: 16px;
    bottom: 100%;
    border-width: 6px;
    border-bottom-color: white;
    -webkit-transition: all .3s linear;
            transition: all .3s linear; }
  .bundle-tool-tip:before {
    margin-bottom: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.1); }
  .bundle-tool-tip.showing-checkout:after {
    border-bottom-color: #eee; }

.recommendations-blurb {
  padding: 12px;
  width: 300px;
  box-sizing: border-box; }
  .recommendations-blurb .recommendations-text {
    margin-bottom: 15px; }
  .recommendations-blurb .title {
    margin-bottom: 5px;
    overflow: hidden; }
    .recommendations-blurb .title strong {
      font-weight: bold;
      color: #252a2e;
      display: block;
      float: left; }
    .recommendations-blurb .title a {
      float: right; }
  .recommendations-blurb button {
    margin: 10px 5px 0 0; }
  .recommendations-blurb .product-row {
    margin-bottom: 12px; }
    .recommendations-blurb .product-row:first-child {
      margin-top: 5px; }
    .recommendations-blurb .product-row:last-child {
      margin-bottom: 0; }
    .recommendations-blurb .product-row .background-cover {
      display: block;
      width: 100%; }
    .recommendations-blurb .product-row .oembed-preview-container iframe {
      height: 100%; }

.bundled-product-list li {
  padding: 12px 40px;
  font-size: 14px;
  position: relative; }
  .bundled-product-list li:not(:first-child) {
    border-top: 1px solid #ddd; }
  .bundled-product-list li .button {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
    padding: 5px; }
    .bundled-product-list li .button .icn.close {
      left: 6px;
      top: 6px; }
  .bundled-product-list li .name {
    width: 180px;
    display: block;
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .bundled-product-list li .price-tag {
    background: rgba(0, 0, 0, 0.12);
    position: absolute;
    right: 0;
    top: 9px;
    padding: 3px 5px;
    z-index: 6; }
    .bundled-product-list li .price-tag:before {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 14px;
      border-right-color: rgba(0, 0, 0, 0.12);
      position: absolute;
      top: 0;
      right: 100%; }

.bundle-checkout-form {
  border-radius: 4px;
  background: #eee;
  padding: 10px;
  max-width: 280px; }
  .bundle-checkout-form .payment-blurb {
    margin-bottom: 10px; }

.to-animate-to-bundle {
  position: fixed;
  margin: 0 !important;
  z-index: 99;
  -webkit-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out; }
  .to-animate-to-bundle .purchase_form, .to-animate-to-bundle .product-information {
    display: none !important; }

.animate-to-bundle {
  opacity: .2;
  -webkit-transform: scale(0) rotate(10deg);
      -ms-transform: scale(0) rotate(10deg);
          transform: scale(0) rotate(10deg); }

.buyer-bar-container {
  position: fixed;
  top: 18px;
  right: 15px;
  z-index: 11; }
  .buyer-bar-container.scrollable {
    position: absolute; }
  .buyer-bar-container .buyer-circle {
    border-radius: 99px;
    width: 44px;
    height: 44px;
    display: block;
    background: white url(https://static-1.gumroad.com/res/gumroad/assets/email/email_body_header_logo-44d3f015b9f56fa82a48219c878960ea.png) 12px 12px no-repeat;
    background-size: 20px 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px; }
    .buyer-bar-container .buyer-circle.showing-profile-picture {
      background-size: cover;
      background-position: 0 0; }
  .buyer-bar-container .buyer-circle-link {
    display: block;
    float: right; }
  .buyer-bar-container .buyer-circle-link:hover .buyer-circle {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
  .buyer-bar-container .buyer-circle-link:active .buyer-circle {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }

.buyer-bar {
  font-size: 13px;
  line-height: 19px;
  display: inline-block;
  float: right; }
  .buyer-bar strong {
    font-weight: normal;
    padding: 0 8px;
    height: 25px;
    display: inline-block; }
    .buyer-bar strong.soft-hidden {
      display: none; }
  .buyer-bar button {
    margin-right: -4px;
    margin-left: 15px; }
  .buyer-bar .gi {
    color: #a0a0a0;
    font-size: 21px;
    line-height: 21px; }
    .buyer-bar .gi:hover {
      color: #666; }
    .buyer-bar .gi:active {
      color: #333; }
  .buyer-bar ul {
    border-radius: 4px;
    position: relative;
    background: #ddd;
    clear: right;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: all 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 80% 0%;
        -ms-transform-origin: 80% 0%;
            transform-origin: 80% 0%; }
    .buyer-bar ul.showing {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    .buyer-bar ul:before {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      bottom: 100%;
      right: 16px;
      border-width: 5px;
      border-bottom-color: #ddd; }
    .buyer-bar ul li {
      border-top: 1px solid rgba(0, 0, 0, 0.05);
      line-height: 25px;
      padding: 6px 10px; }
      .buyer-bar ul li i {
        float: left;
        margin-right: 8px; }
      .buyer-bar ul li a, .buyer-bar ul li span {
        font-weight: 500;
        color: inherit; }
      .buyer-bar ul li:first-child {
        border-top: 0; }

#product_page, #user_page {
  background: #f5f5f5;
  background-size: cover;
  background-attachment: fixed; }
  #product_page .wrapper, #user_page .wrapper {
    min-width: 0;
    width: auto;
    padding-bottom: 1px;
    position: relative;
    left: 0;
    -webkit-transition: left .3s linear, max-width .3s linear;
            transition: left .3s linear, max-width .3s linear; }
    #product_page .wrapper.showing-panel, #user_page .wrapper.showing-panel {
      left: 150px; }
      #product_page .wrapper.showing-panel.showing-recommendations, #user_page .wrapper.showing-panel.showing-recommendations {
        left: 0; }
    #product_page .wrapper.showing-recommendations, #user_page .wrapper.showing-recommendations {
      left: -150px; }
  #product_page #sharing, #user_page #sharing {
    float: left; }
    #product_page #sharing .button, #user_page #sharing .button {
      font-weight: 500;
      margin-right: 10px; }
    #product_page #sharing .facebook-count, #user_page #sharing .facebook-count {
      border-radius: 4px;
      background: white;
      border: 1px solid #ccc;
      position: relative;
      padding: 3px 8px;
      color: #252a2e; }
      #product_page #sharing .facebook-count:before, #product_page #sharing .facebook-count:after, #user_page #sharing .facebook-count:before, #user_page #sharing .facebook-count:after {
        content: "";
        height: 0;
        position: absolute;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px;
        right: 100%;
        top: 50%;
        margin-top: -5px; }
      #product_page #sharing .facebook-count:after, #user_page #sharing .facebook-count:after {
        border-right-color: white; }
      #product_page #sharing .facebook-count:before, #user_page #sharing .facebook-count:before {
        border-right-color: #ccc;
        margin-right: 1px; }

.chart-container .axis path, .chart-container .axis line {
  fill: none;
  stroke: #ccc; }
.chart-container .axis .axis-label {
  fill: #333;
  font-weight: bold; }
.chart-container .y-axis .axis-label {
  fill: #777; }
.chart-container .y-axis text {
  fill: #777; }
.chart-container .x-axis text {
  fill: none; }

.credit_card_holder {
  height: 209px;
  position: relative;
  margin-bottom: 20px; }
  .credit_card_holder .card_error_popup {
    border-radius: 4px;
    background: white;
    left: 10px;
    right: 10px;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 2;
    top: -54px;
    font-size: 15px;
    font-weight: bold;
    color: #c04355;
    text-align: center; }
    .credit_card_holder .card_error_popup .card_error_popup_arrow {
      border-width: 10px;
      border-color: white transparent transparent;
      left: 50%;
      margin-left: -10px;
      z-index: 3;
      margin-top: 10px; }
    .credit_card_holder .card_error_popup .message {
      font-weight: bold; }
  .credit_card_holder .credit_card {
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    height: 209px;
    border: 1px solid #c7c7c7;
    background: -webkit-linear-gradient(top, #fafafa, #f5f5f5);
    background: linear-gradient(top, #fafafa, #f5f5f5);
    padding-bottom: 10px;
    width: 100%;
    position: absolute;
    top: 0; }
    .credit_card_holder .credit_card.test_card {
      overflow: hidden; }
    .credit_card_holder .credit_card .stripe-card-info {
      background: #e3e3e3;
      margin-top: 10px;
      color: #252a2e;
      text-shadow: 0 1px 0 white;
      overflow: hidden; }
      .credit_card_holder .credit_card .stripe-card-info h4 {
        font-weight: 600;
        font-size: 17px;
        padding: 10px;
        line-height: 21px;
        margin: 0; }
      .credit_card_holder .credit_card .stripe-card-info .card_icon {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c8a41fa9c51b68524891f985475ba955.png) 0 0;
        width: 32px;
        height: 32px;
        float: right;
        margin: 5px 0 0 8px;
        opacity: .1;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
        -webkit-transition: -webkit-transform .3s;
                transition: transform .3s;
        position: relative;
        left: 0; }
        .credit_card_holder .credit_card .stripe-card-info .card_icon.amex {
          background-position: 0 0 !important; }
        .credit_card_holder .credit_card .stripe-card-info .card_icon.visa {
          background-position: -32px 0 !important; }
        .credit_card_holder .credit_card .stripe-card-info .card_icon.mastercard {
          background-position: -64px 0 !important; }
        .credit_card_holder .credit_card .stripe-card-info .card_icon.jcb {
          background-position: -96px 0 !important; }
        .credit_card_holder .credit_card .stripe-card-info .card_icon.generic_card {
          background-position: -128px 0 !important; }
        .credit_card_holder .credit_card .stripe-card-info .card_icon.discover {
          background-position: -160px 0 !important; }
        .credit_card_holder .credit_card .stripe-card-info .card_icon.diners {
          background-position: -192px 0 !important; }
        .credit_card_holder .credit_card .stripe-card-info .card_icon.cvc_card {
          background-position: -224px 0 !important; }
        .credit_card_holder .credit_card .stripe-card-info .card_icon.cvc_amex {
          background-position: -256px 0 !important; }
      .credit_card_holder .credit_card .stripe-card-info .cards {
        position: absolute;
        right: 10px; }
        .credit_card_holder .credit_card .stripe-card-info .cards .selected_card_icon {
          display: none; }
    .credit_card_holder .credit_card p {
      padding: 10px 10px 0;
      margin: 0;
      font-size: 13px;
      line-height: 21px; }
    .credit_card_holder .credit_card label {
      color: rgba(0, 0, 0, 0.3);
      text-shadow: 0 1px 0 white, 0 0 0 rgba(255, 255, 255, 0.15);
      text-transform: uppercase;
      display: block;
      font-size: 12px;
      width: 115px;
      margin: 0;
      float: none; }
      .credit_card_holder .credit_card label:hover {
        cursor: pointer; }
    .credit_card_holder .credit_card .keep-on-file-notice {
      float: right; }
      .credit_card_holder .credit_card .keep-on-file-notice label {
        display: inline-block;
        margin-left: 4px;
        width: auto; }
    .credit_card_holder .credit_card input[type=tel], .credit_card_holder .credit_card input[type=text], .credit_card_holder .credit_card input[type=number] {
      box-sizing: border-box;
      border-radius: 4px;
      margin-top: 4px;
      width: 100%;
      max-width: 100%;
      padding: 8px 10px;
      margin-right: 0;
      height: 38px; }
      .credit_card_holder .credit_card input[type=tel]:focus, .credit_card_holder .credit_card input[type=text]:focus, .credit_card_holder .credit_card input[type=number]:focus {
        border-color: #aaa; }
      .credit_card_holder .credit_card input[type=tel].error, .credit_card_holder .credit_card input[type=text].error, .credit_card_holder .credit_card input[type=number].error {
        background: white; }
    .credit_card_holder .credit_card .cc_number_security_indicator {
      position: absolute;
      background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c8a41fa9c51b68524891f985475ba955.png) -294px 4px no-repeat;
      width: 16px;
      height: 28px;
      right: 20px;
      margin-top: 4px; }
      .credit_card_holder .credit_card .cc_number_security_indicator.valid {
        background-position: -313px 4px; }
    .credit_card_holder .credit_card .cc_security_blurb {
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.9);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      position: absolute;
      z-index: 1;
      right: 10px;
      left: 10px;
      margin-top: 44px;
      padding: 5px 8px;
      color: #ddd;
      text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
      display: none; }
      .credit_card_holder .credit_card .cc_security_blurb a {
        color: white; }
      .credit_card_holder .credit_card .cc_security_blurb:before {
        content: "";
        height: 0;
        position: absolute;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-bottom-color: rgba(0, 0, 0, 0.9);
        border-width: 4px;
        bottom: 100%;
        right: 12px; }
    .credit_card_holder .credit_card input.cv_code, .credit_card_holder .credit_card input.expiry_date {
      width: 31px;
      height: 19px;
      box-sizing: content-box; }
    .credit_card_holder .credit_card input.expiry_date {
      width: 70px; }
    .credit_card_holder .credit_card .preset_cc_input {
      border-radius: 0;
      display: inline-block;
      margin-top: 4px;
      padding: 0;
      margin-right: 0;
      font-size: 17px;
      line-height: 17px;
      color: #999891;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); }
    .credit_card_holder .credit_card .preset_cc_number {
      letter-spacing: 7px;
      font-weight: bold;
      padding: 32px 0;
      color: rgba(0, 0, 0, 0.4);
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px white, 0 1px 2px white; }
    .credit_card_holder .credit_card.remembered .js-expiry_date_p {
      position: absolute;
      bottom: 15px;
      right: 15px;
      text-align: right; }
      .credit_card_holder .credit_card.remembered .js-expiry_date_p label {
        width: auto; }
    .credit_card_holder .credit_card .cv_code_p {
      float: right;
      width: 53px;
      clear: none; }
      .credit_card_holder .credit_card .cv_code_p label {
        float: right;
        text-align: right; }
      .credit_card_holder .credit_card .cv_code_p input {
        float: right; }
    .credit_card_holder .credit_card .use_different_card {
      float: left;
      width: 160px;
      position: relative;
      font-size: 15px;
      left: 20px;
      padding: 10px 0 12px;
      display: block; }
    .credit_card_holder .credit_card .test_card_notice {
      background: white;
      position: absolute;
      left: -45px;
      bottom: 15px;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      padding: 10px 50px;
      color: black;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      font-size: 11px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    .credit_card_holder .credit_card .js-expiry_date_p {
      float: left;
      clear: none; }
    .credit_card_holder .credit_card .js-cc_zipcode_p {
      position: absolute;
      left: 117px; }
      .credit_card_holder .credit_card .js-cc_zipcode_p .js-cc_zipcode {
        width: 99px;
        height: 19px;
        box-sizing: content-box; }
  .credit_card_holder.small {
    height: 171px;
    margin-bottom: 10px; }
    .credit_card_holder.small .credit_card {
      height: 171px; }
      .credit_card_holder.small .credit_card .stripe-card-info {
        margin-top: 6px; }
        .credit_card_holder.small .credit_card .stripe-card-info h4 {
          font-size: 15px;
          padding: 6px; }
        .credit_card_holder.small .credit_card .stripe-card-info .card_icon {
          margin: 1px 0 0 6px; }
          .credit_card_holder.small .credit_card .stripe-card-info .card_icon.placeholder_card_icon.mastercard {
            left: 15px; }
          .credit_card_holder.small .credit_card .stripe-card-info .card_icon.placeholder_card_icon.amex {
            left: 30px; }
          .credit_card_holder.small .credit_card .stripe-card-info .card_icon.placeholder_card_icon.jcb {
            left: 45px; }
        .credit_card_holder.small .credit_card .stripe-card-info .cards {
          right: 6px; }
      .credit_card_holder.small .credit_card p {
        padding: 6px 6px 0; }
      .credit_card_holder.small .credit_card input[type=tel], .credit_card_holder.small .credit_card input[type=text], .credit_card_holder.small .credit_card input[type=number] {
        height: 32px;
        padding: 4px 6px; }
      .credit_card_holder.small .credit_card .cc_security_blurb {
        right: 6px;
        left: 6px; }
        .credit_card_holder.small .credit_card .cc_security_blurb:before {
          right: 10px; }
      .credit_card_holder.small .credit_card .cc_number_security_indicator {
        right: 12px;
        margin-top: 3px; }
      .credit_card_holder.small .credit_card input.cv_code, .credit_card_holder.small .credit_card input.expiry_date {
        height: 19px; }

.customers-box {
  background: #efefe9;
  border-bottom: 0;
  padding: 0; }

.customer-list-header {
  padding: 0;
  position: absolute;
  -webkit-transition: box-shadow .3s ease-in-out;
          transition: box-shadow .3s ease-in-out;
  width: 100%;
  z-index: 2; }
  .customer-list-header.showing-modal {
    z-index: 1; }
  .customer-list-header .customer-primary-menu {
    background: white;
    border-bottom: 1px solid #ddd;
    height: 75px; }
  .customer-list-header .customer-secondary-menu {
    padding: 15px; }
    .customer-list-header .customer-secondary-menu h4 {
      color: #999;
      font-size: 13px;
      line-height: 22px;
      text-transform: uppercase; }
      .customer-list-header .customer-secondary-menu h4 small {
        color: #bdbdb5; }
  .customer-list-header.fixed {
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
    position: fixed;
    top: 0; }
    .customer-list-header.fixed .customer-primary-menu {
      background: rgba(255, 255, 255, 0.98); }
    .customer-list-header.fixed .customer-secondary-menu {
      background: rgba(239, 239, 233, 0.98); }

.customers-tab {
  padding: 127px 0 0;
  position: relative; }
  .customers-tab .customers-list {
    border-radius: 4px;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px;
    position: relative;
    overflow: hidden; }
  .customers-tab.loading {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/big-loading-e3fe4d745ee804542cb9bb942c43853a.gif) center no-repeat;
    min-height: 400px; }
  .customers-tab.empty {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/empty-377355da2f4597449e52c0a1739144f8.png) bottom center no-repeat;
    min-height: 400px; }
  .customers-tab table {
    width: 100%;
    table-layout: fixed; }
  .customers-tab .customer {
    border-top: 1px solid #eee;
    color: #454545;
    font-size: 15px;
    height: 57px;
    line-height: 17px;
    -webkit-transition: background .15s linear;
            transition: background .15s linear; }
    .customers-tab .customer td {
      padding: 20px 0; }
    .customers-tab .customer:first-of-type {
      border-top: 0; }
    .customers-tab .customer:hover {
      background: #f9f9f9;
      cursor: pointer; }
    .customers-tab .customer.showing-drawer {
      background: #f5f5f5; }
    .customers-tab .customer .identifier,
    .customers-tab .customer .product-name,
    .customers-tab .customer .time-and-price {
      box-sizing: border-box;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .customers-tab .customer .product-name {
      width: 490px; }
    .customers-tab .customer .identifier {
      color: #aaa;
      width: 190px;
      padding: 0 15px; }
    .customers-tab .customer .time-and-price {
      width: 260px;
      padding: 20px 15px; }
      .customers-tab .customer .time-and-price .time {
        color: #aaa; }
      .customers-tab .customer .time-and-price .price {
        color: #252a2e;
        text-align: right;
        float: right; }
      .customers-tab .customer .time-and-price .note {
        font-size: 10px;
        margin-left: 6px;
        padding: 4px 5px; }
    .customers-tab .customer .note {
      border-radius: 4px;
      color: #999;
      font-size: 13px;
      margin-left: 15px;
      padding: 4px 8px;
      text-transform: uppercase;
      background: #ddd; }
      .customers-tab .customer .note.imported {
        margin: 0 15px 0 0; }
      .customers-tab .customer .note.twitter-buy-now {
        color: white;
        background: #55acee; }
      .customers-tab .customer .note.danger {
        color: white;
        background: #c92940; }
  .customers-tab .show-more {
    box-sizing: border-box;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #999;
    display: block;
    font-size: 17px;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    width: 100%; }
    .customers-tab .show-more:hover {
      background: #eee; }
    .customers-tab .show-more:active {
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }

.customer-popover,
.customer-popover--import,
.customer-popover--export,
.customer-popover--filter,
.customer-popover--search,
.schedule-update-popover {
  border-radius: 4px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px;
  border: 1px solid #ddd;
  margin-top: 72px;
  padding: 15px;
  position: absolute;
  right: -2px;
  width: 320px;
  z-index: 9; }
  .customer-popover h3,
  .customer-popover--import h3,
  .customer-popover--export h3,
  .customer-popover--filter h3,
  .customer-popover--search h3,
  .schedule-update-popover h3 {
    color: #252a2e;
    float: none;
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    padding-bottom: 10px; }
  .customer-popover h4,
  .customer-popover--import h4,
  .customer-popover--export h4,
  .customer-popover--filter h4,
  .customer-popover--search h4,
  .schedule-update-popover h4 {
    font-weight: 500;
    color: #aaaaaa;
    margin-bottom: 10px; }
  .customer-popover h5,
  .customer-popover--import h5,
  .customer-popover--export h5,
  .customer-popover--filter h5,
  .customer-popover--search h5,
  .schedule-update-popover h5 {
    font-size: 13px;
    text-transform: uppercase;
    color: #aaaaaa;
    margin-bottom: 10px; }
  .customer-popover p,
  .customer-popover--import p,
  .customer-popover--export p,
  .customer-popover--filter p,
  .customer-popover--search p,
  .schedule-update-popover p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 15px; }
  .customer-popover select,
  .customer-popover--import select,
  .customer-popover--export select,
  .customer-popover--filter select,
  .customer-popover--search select,
  .schedule-update-popover select {
    height: 40px;
    width: 100%;
    margin-bottom: 15px; }
    .customer-popover select:last-child,
    .customer-popover--import select:last-child,
    .customer-popover--export select:last-child,
    .customer-popover--filter select:last-child,
    .customer-popover--search select:last-child,
    .schedule-update-popover select:last-child {
      margin-bottom: 0; }
  .customer-popover .button, .customer-popover button,
  .customer-popover--import .button,
  .customer-popover--export .button,
  .customer-popover--filter .button,
  .customer-popover--search .button,
  .schedule-update-popover .button,
  .customer-popover--import button,
  .customer-popover--export button,
  .customer-popover--filter button,
  .customer-popover--search button,
  .schedule-update-popover button {
    width: 100%; }
  .customer-popover--import .customer-email-holder {
    border-radius: 0;
    font-size: 16px;
    border: 1px solid #ddd;
    border-top-width: 0;
    clear: both;
    padding: 0 10px;
    line-height: 40px; }
    .customer-popover--import .customer-email-holder span {
      display: block;
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .customer-popover--import .customer-email-holder:first-of-type {
      border-top-width: 1px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .customer-popover--import .customer-email-holder:last-of-type {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
  .customer-popover--import .customer-import-uploader {
    width: 100%; }
  .customer-popover--import .add-customers-button-holder {
    float: right;
    width: 25%; }
  .customer-popover--import .customer-email-importer {
    box-sizing: border-box;
    float: left;
    width: 70%; }
  .customer-popover--import .send-installment-label {
    clear: both;
    margin-top: 10px; }
  .customer-popover--import .switch-import-type-holder {
    margin-bottom: 10px; }
  .customer-popover--import .import-holder {
    overflow: hidden; }
  .customer-popover--import .emails-holder {
    margin-top: 10px; }
  .customer-popover--import .remove-customer-button {
    float: right;
    margin-top: 8px;
    width: auto; }
  .customer-popover--export #date-range {
    margin-bottom: 15px; }
    .customer-popover--export #date-range #date-range-field {
      width: 300px; }
  .customer-popover--search input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    background: white; }
  .customer-popover--search .search-indicator {
    height: 15px;
    margin-top: -8px;
    position: absolute;
    right: 28px;
    top: 50%;
    width: 15px; }

.customer-actions,
.customer-actions--showing-customers,
.customer-actions--showing-updates,
.customer-actions--showing-workflows,
.new-update .new-update-header {
  box-sizing: border-box;
  color: #a0a0a0;
  float: left;
  width: 100%; }
  .customer-actions li,
  .customer-actions--showing-customers li,
  .customer-actions--showing-updates li,
  .customer-actions--showing-workflows li,
  .new-update .new-update-header li {
    color: #b3b3b3;
    display: inline-block;
    font-size: 18px;
    margin-right: 20px;
    line-height: 75px; }
    .customer-actions li a,
    .customer-actions--showing-customers li a,
    .customer-actions--showing-updates li a,
    .customer-actions--showing-workflows li a,
    .new-update .new-update-header li a {
      display: block; }
      .customer-actions li a.showing-arrow:before, .customer-actions li a.showing-arrow:after,
      .customer-actions--showing-customers li a.showing-arrow:before,
      .customer-actions--showing-updates li a.showing-arrow:before,
      .customer-actions--showing-workflows li a.showing-arrow:before,
      .new-update .new-update-header li a.showing-arrow:before,
      .customer-actions--showing-customers li a.showing-arrow:after,
      .customer-actions--showing-updates li a.showing-arrow:after,
      .customer-actions--showing-workflows li a.showing-arrow:after,
      .new-update .new-update-header li a.showing-arrow:after {
        content: "";
        height: 0;
        position: absolute;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 8px;
        left: 50%;
        margin-left: -8px;
        top: 100%;
        border-bottom-color: #ddd;
        margin-top: 11px;
        z-index: 9; }
      .customer-actions li a.showing-arrow:after,
      .customer-actions--showing-customers li a.showing-arrow:after,
      .customer-actions--showing-updates li a.showing-arrow:after,
      .customer-actions--showing-workflows li a.showing-arrow:after,
      .new-update .new-update-header li a.showing-arrow:after {
        border-bottom-color: #efefe9;
        margin-top: 12px; }
      .customer-actions li a.active,
      .customer-actions--showing-customers li a.active,
      .customer-actions--showing-updates li a.active,
      .customer-actions--showing-workflows li a.active,
      .new-update .new-update-header li a.active {
        color: #252a2e; }
    .customer-actions li a:not(.button),
    .customer-actions--showing-customers li a:not(.button),
    .customer-actions--showing-updates li a:not(.button),
    .customer-actions--showing-workflows li a:not(.button),
    .new-update .new-update-header li a:not(.button) {
      color: #b3b3b3; }
      .customer-actions li a:not(.button):hover,
      .customer-actions--showing-customers li a:not(.button):hover,
      .customer-actions--showing-updates li a:not(.button):hover,
      .customer-actions--showing-workflows li a:not(.button):hover,
      .new-update .new-update-header li a:not(.button):hover {
        color: #80807d;
        text-decoration: none; }
  .customer-actions .right li,
  .customer-actions--showing-customers .right li,
  .customer-actions--showing-updates .right li,
  .customer-actions--showing-workflows .right li,
  .new-update .new-update-header .right li {
    padding: 17px 0;
    margin: 0; }
  .customer-actions .grouped-buttons .button-default,
  .customer-actions--showing-customers .grouped-buttons .button-default,
  .customer-actions--showing-updates .grouped-buttons .button-default,
  .customer-actions--showing-workflows .grouped-buttons .button-default,
  .new-update .new-update-header .grouped-buttons .button-default {
    background: #ccc;
    color: #fff;
    position: relative;
    font-size: 16px; }
    .customer-actions .grouped-buttons .button-default:hover,
    .customer-actions--showing-customers .grouped-buttons .button-default:hover,
    .customer-actions--showing-updates .grouped-buttons .button-default:hover,
    .customer-actions--showing-workflows .grouped-buttons .button-default:hover,
    .new-update .new-update-header .grouped-buttons .button-default:hover {
      box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
      background: #c0c0c0; }
    .customer-actions .grouped-buttons .button-default.showing-arrow,
    .customer-actions--showing-customers .grouped-buttons .button-default.showing-arrow,
    .customer-actions--showing-updates .grouped-buttons .button-default.showing-arrow,
    .customer-actions--showing-workflows .grouped-buttons .button-default.showing-arrow,
    .new-update .new-update-header .grouped-buttons .button-default.showing-arrow {
      box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset;
      background: #c0c0c0; }
  .customer-actions button, .customer-actions .button, .customer-actions .text-link,
  .customer-actions--showing-customers button,
  .customer-actions--showing-updates button,
  .customer-actions--showing-workflows button,
  .new-update .new-update-header button,
  .customer-actions--showing-customers .button,
  .customer-actions--showing-updates .button,
  .customer-actions--showing-workflows .button,
  .new-update .new-update-header .button,
  .customer-actions--showing-customers .text-link,
  .customer-actions--showing-updates .text-link,
  .customer-actions--showing-workflows .text-link,
  .new-update .new-update-header .text-link {
    font-size: 17px;
    -webkit-transition: margin-left 0 linear;
            transition: margin-left 0 linear; }
    .customer-actions button.cancel-publish, .customer-actions .button.cancel-publish, .customer-actions .text-link.cancel-publish,
    .customer-actions--showing-customers button.cancel-publish,
    .customer-actions--showing-updates button.cancel-publish,
    .customer-actions--showing-workflows button.cancel-publish,
    .new-update .new-update-header button.cancel-publish,
    .customer-actions--showing-customers .button.cancel-publish,
    .customer-actions--showing-updates .button.cancel-publish,
    .customer-actions--showing-workflows .button.cancel-publish,
    .new-update .new-update-header .button.cancel-publish,
    .customer-actions--showing-customers .text-link.cancel-publish,
    .customer-actions--showing-updates .text-link.cancel-publish,
    .customer-actions--showing-workflows .text-link.cancel-publish,
    .new-update .new-update-header .text-link.cancel-publish {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right-width: 0;
      padding: 10px;
      position: relative;
      top: 1px; }
      .customer-actions button.cancel-publish .icn.close, .customer-actions .button.cancel-publish .icn.close, .customer-actions .text-link.cancel-publish .icn.close,
      .customer-actions--showing-customers button.cancel-publish .icn.close,
      .customer-actions--showing-updates button.cancel-publish .icn.close,
      .customer-actions--showing-workflows button.cancel-publish .icn.close,
      .new-update .new-update-header button.cancel-publish .icn.close,
      .customer-actions--showing-customers .button.cancel-publish .icn.close,
      .customer-actions--showing-updates .button.cancel-publish .icn.close,
      .customer-actions--showing-workflows .button.cancel-publish .icn.close,
      .new-update .new-update-header .button.cancel-publish .icn.close,
      .customer-actions--showing-customers .text-link.cancel-publish .icn.close,
      .customer-actions--showing-updates .text-link.cancel-publish .icn.close,
      .customer-actions--showing-workflows .text-link.cancel-publish .icn.close,
      .new-update .new-update-header .text-link.cancel-publish .icn.close {
        display: block;
        position: static; }
    .customer-actions button.show-cancel, .customer-actions .button.show-cancel, .customer-actions .text-link.show-cancel,
    .customer-actions--showing-customers button.show-cancel,
    .customer-actions--showing-updates button.show-cancel,
    .customer-actions--showing-workflows button.show-cancel,
    .new-update .new-update-header button.show-cancel,
    .customer-actions--showing-customers .button.show-cancel,
    .customer-actions--showing-updates .button.show-cancel,
    .customer-actions--showing-workflows .button.show-cancel,
    .new-update .new-update-header .button.show-cancel,
    .customer-actions--showing-customers .text-link.show-cancel,
    .customer-actions--showing-updates .text-link.show-cancel,
    .customer-actions--showing-workflows .text-link.show-cancel,
    .new-update .new-update-header .text-link.show-cancel {
      margin-left: 0;
      padding-left: 14px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .customer-actions button.showing-arrow:before, .customer-actions button.showing-arrow:after, .customer-actions .button.showing-arrow:before, .customer-actions .button.showing-arrow:after, .customer-actions .text-link.showing-arrow:before, .customer-actions .text-link.showing-arrow:after,
    .customer-actions--showing-customers button.showing-arrow:before,
    .customer-actions--showing-updates button.showing-arrow:before,
    .customer-actions--showing-workflows button.showing-arrow:before,
    .new-update .new-update-header button.showing-arrow:before,
    .customer-actions--showing-customers button.showing-arrow:after,
    .customer-actions--showing-updates button.showing-arrow:after,
    .customer-actions--showing-workflows button.showing-arrow:after,
    .new-update .new-update-header button.showing-arrow:after,
    .customer-actions--showing-customers .button.showing-arrow:before,
    .customer-actions--showing-updates .button.showing-arrow:before,
    .customer-actions--showing-workflows .button.showing-arrow:before,
    .new-update .new-update-header .button.showing-arrow:before,
    .customer-actions--showing-customers .button.showing-arrow:after,
    .customer-actions--showing-updates .button.showing-arrow:after,
    .customer-actions--showing-workflows .button.showing-arrow:after,
    .new-update .new-update-header .button.showing-arrow:after,
    .customer-actions--showing-customers .text-link.showing-arrow:before,
    .customer-actions--showing-updates .text-link.showing-arrow:before,
    .customer-actions--showing-workflows .text-link.showing-arrow:before,
    .new-update .new-update-header .text-link.showing-arrow:before,
    .customer-actions--showing-customers .text-link.showing-arrow:after,
    .customer-actions--showing-updates .text-link.showing-arrow:after,
    .customer-actions--showing-workflows .text-link.showing-arrow:after,
    .new-update .new-update-header .text-link.showing-arrow:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 8px;
      left: 50%;
      margin-left: -8px;
      top: 100%;
      border-bottom-color: #ddd;
      margin-top: -1px; }
    .customer-actions button.showing-arrow:after, .customer-actions .button.showing-arrow:after, .customer-actions .text-link.showing-arrow:after,
    .customer-actions--showing-customers button.showing-arrow:after,
    .customer-actions--showing-updates button.showing-arrow:after,
    .customer-actions--showing-workflows button.showing-arrow:after,
    .new-update .new-update-header button.showing-arrow:after,
    .customer-actions--showing-customers .button.showing-arrow:after,
    .customer-actions--showing-updates .button.showing-arrow:after,
    .customer-actions--showing-workflows .button.showing-arrow:after,
    .new-update .new-update-header .button.showing-arrow:after,
    .customer-actions--showing-customers .text-link.showing-arrow:after,
    .customer-actions--showing-updates .text-link.showing-arrow:after,
    .customer-actions--showing-workflows .text-link.showing-arrow:after,
    .new-update .new-update-header .text-link.showing-arrow:after {
      border-bottom-color: white;
      margin-top: 0;
      z-index: 10; }
  .customer-actions .text-link,
  .customer-actions--showing-customers .text-link,
  .customer-actions--showing-updates .text-link,
  .customer-actions--showing-workflows .text-link,
  .new-update .new-update-header .text-link {
    display: inline-block;
    color: #aaa;
    padding: 10px 11px 0; }
  .customer-actions--showing-customers li:nth-child(1) a {
    color: #252a2e; }
  .customer-actions--showing-customers .new-update-button,
  .customer-actions--showing-customers .new-workflow-button {
    display: none; }
  .customer-actions--showing-updates li:nth-child(2) a {
    color: #252a2e; }
  .customer-actions--showing-updates .filter-customers-buttons,
  .customer-actions--showing-updates .new-workflow-button {
    display: none; }
  .customer-actions--showing-workflows li:nth-child(3) a {
    color: #252a2e; }
  .customer-actions--showing-workflows .filter-customers-buttons,
  .customer-actions--showing-workflows .new-update-button {
    display: none; }

.customer-drawer {
  box-sizing: border-box;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(352px);
      -ms-transform: translateX(352px);
          transform: translateX(352px);
  width: 352px;
  padding: 15px;
  background: whitesmoke;
  border-left: 1px solid #ddd; }
  .customer-drawer:after {
    content: "";
    width: 100px;
    height: 100%;
    left: 100%;
    top: 0;
    background: whitesmoke;
    position: absolute; }
  .customer-drawer.showing {
    box-shadow: -1px, 0, 2px, rgba(0, 0, 0, 0.15);
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); }
  .customer-drawer .purchase-notice {
    margin-top: 12px; }
    .customer-drawer .purchase-notice.twitter-buy-now {
      color: white;
      background: #55acee; }
  .customer-drawer .sale-info-container {
    padding: 0 15px; }
  .customer-drawer #sales-header {
    overflow: hidden;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    color: #aaa; }
    .customer-drawer #sales-header span {
      line-height: 25px; }
    .customer-drawer #sales-header .right {
      float: right; }
    .customer-drawer #sales-header input[type=text] {
      font-size: 13px;
      padding: 2px 5px 1px;
      width: 130px; }
  .customer-drawer h4 {
    color: #252a2e;
    font-size: 20px;
    line-height: 27px; }
    .customer-drawer h4 small {
      margin-left: 10px;
      color: #aaa;
      font-size: 15px;
      line-height: 18px; }
  .customer-drawer .provided-fields {
    border-radius: 4px;
    margin-top: 16px;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    font-size: 16px;
    overflow: hidden; }
    .customer-drawer .provided-fields .license-key {
      font-size: 14px; }
    .customer-drawer .provided-fields .fields-heading {
      padding: 12px 14px;
      background-color: white;
      border-bottom: 1px solid #ddd;
      color: #999;
      font-size: 14px; }
      .customer-drawer .provided-fields .fields-heading .shipping-information-edit-link {
        text-decoration: underline;
        float: right;
        cursor: pointer;
        margin: 2px 2px 0 0; }
      .customer-drawer .provided-fields .fields-heading .cancel-invoice-address-form {
        margin-right: 10px; }
      .customer-drawer .provided-fields .fields-heading button {
        margin-top: -2px;
        float: right; }
    .customer-drawer .provided-fields p {
      padding: 5px 0; }
      .customer-drawer .provided-fields p.multi-column {
        position: relative;
        display: block;
        min-height: 42px; }
        .customer-drawer .provided-fields p.multi-column input {
          position: absolute; }
          .customer-drawer .provided-fields p.multi-column input.city {
            width: 117px; }
          .customer-drawer .provided-fields p.multi-column input.state {
            width: 62px;
            left: 126px; }
          .customer-drawer .provided-fields p.multi-column input.zip-code {
            width: 94px;
            right: 0; }
    .customer-drawer .provided-fields input {
      box-sizing: border-box;
      width: 100%;
      background: white; }
    .customer-drawer .provided-fields select {
      width: 100%;
      height: 38px; }
    .customer-drawer .provided-fields li {
      display: block;
      padding: 12px 14px;
      border-bottom: 1px dotted #ddd; }
      .customer-drawer .provided-fields li:last-child {
        border-bottom: 0; }
  .customer-drawer .sale-actions {
    margin-top: 15px;
    overflow: hidden; }
    .customer-drawer .sale-actions li {
      margin-bottom: 15px; }
    .customer-drawer .sale-actions .recurring-purchase {
      background: #f9f9f9;
      border: 1px solid #dddddd;
      border-bottom: 0;
      padding: 12px 14px;
      margin-bottom: 0; }
      .customer-drawer .sale-actions .recurring-purchase .date {
        color: #797874;
        font-size: 14px; }
      .customer-drawer .sale-actions .recurring-purchase .button-small {
        top: -2px;
        right: -2px; }
      .customer-drawer .sale-actions .recurring-purchase .refund-notice {
        color: #cccccc;
        padding-left: 5px;
        font-size: 14px; }
        .customer-drawer .sale-actions .recurring-purchase .refund-notice .seconds-left {
          color: #aaaaaa;
          margin-right: 5px; }
      .customer-drawer .sale-actions .recurring-purchase:first-child {
        background: white;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        color: #999;
        font-size: 14px; }
      .customer-drawer .sale-actions .recurring-purchase:last-child {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 15px; }
      .customer-drawer .sale-actions .recurring-purchase:only-child {
        border-radius: 4px;
        border: 1px solid #dddddd; }
    .customer-drawer .sale-actions .cancel-subscription {
      background: rgba(0, 0, 0, 0.05);
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      font-size: 17px;
      padding: 10px 15px;
      text-align: center; }
  .customer-drawer .sales-list-loading-gif {
    left: 50%;
    background: url(https://static-1.gumroad.com/res/gumroad/assets/big-loading-e3fe4d745ee804542cb9bb942c43853a.gif) no-repeat;
    margin: 15px 0 30px -16px;
    width: 32px;
    min-height: 32px; }
  .customer-drawer .note {
    border-radius: 4px;
    color: #999;
    font-size: 10px;
    float: right;
    padding: 2px 6px;
    text-transform: uppercase;
    background: #ddd;
    top: -2px;
    right: -2px;
    position: relative; }

.modals-container .gr-modals .publish-update-modal-content {
  box-sizing: border-box;
  background-image: none;
  padding: 15px;
  text-align: center;
  width: 400px; }
  .modals-container .gr-modals .publish-update-modal-content .loading-icon {
    width: 100px;
    height: 100px;
    display: block;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 60px;
    line-height: 100px;
    margin: -65px auto 15px;
    padding: 5px;
    text-align: center; }
    .modals-container .gr-modals .publish-update-modal-content .loading-icon i {
      height: 65px;
      color: #ccc; }
  .modals-container .gr-modals .publish-update-modal-content h3 {
    font-size: 21px;
    font-weight: 500;
    color: #252a2e;
    margin-bottom: 15px; }
  .modals-container .gr-modals .publish-update-modal-content p {
    margin-bottom: 30px;
    font-size: 14px; }
  .modals-container .gr-modals .publish-update-modal-content button {
    width: 100%;
    margin-bottom: 15px; }
    .modals-container .gr-modals .publish-update-modal-content button:last-child {
      margin-bottom: 5px; }

.preview-toggle input[type=checkbox] {
  position: absolute;
  left: -9999px; }
.preview-toggle + label {
  position: relative;
  display: inline-block;
  margin: -3px 15px;
  border-radius: 15px;
  box-shadow: inset 0 0 5px 1px #8d8c84;
  width: 35px;
  height: 20px;
  background: #999891;
  text-indent: -5000px;
  cursor: pointer; }
  .preview-toggle + label .active,
  .preview-toggle + label .inactive {
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 15px;
    height: 20px;
    width: 20px; }
  .preview-toggle + label .active {
    background: #36a9ae; }
  .preview-toggle + label .inactive {
    background: white;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 9; }
.preview-toggle .inactive-label,
.preview-toggle .active-label {
  display: inline-block;
  color: #797874; }
.preview-toggle:checked + label .active {
  width: 35px;
  background: #36a9ae;
  box-shadow: inset 0 0 5px 1px #36a9ae; }
.preview-toggle:checked + label .inactive {
  left: 15px;
  box-shadow: inset 0 0 0 1px #36a9ae, 0 2px 4px rgba(0, 0, 0, 0.2); }
.preview-toggle:checked ~ .active-label {
  color: #36a9ae; }

.updates-tab {
  padding: 0;
  position: relative;
  z-index: 1;
  padding-top: 75px; }
  .updates-tab .updates-list.empty {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/empty-377355da2f4597449e52c0a1739144f8.png) center 40px no-repeat;
    min-height: 377px; }
  .updates-tab .undo-update {
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.1);
    margin: 15px 0 5px;
    padding: 17px; }
    .updates-tab .undo-update a {
      color: #252a2e;
      text-decoration: underline;
      float: right;
      font-weight: bold; }

.update {
  padding: 15px 0; }
  .update:last-child {
    padding-bottom: 0; }
  .update .update-header {
    color: #999891;
    display: block;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 15px;
    text-transform: uppercase; }
    .update .update-header .update-time-and-audience {
      float: left;
      overflow: hidden;
      text-overflow: ellipsis;
      text-transform: uppercase;
      width: 700px;
      white-space: nowrap; }
    .update .update-header .update-actions {
      float: right; }
      .update .update-header .update-actions .button, .update .update-header .update-actions span {
        display: inline-block;
        margin-right: 10px; }
        .update .update-header .update-actions .button.button, .update .update-header .update-actions span.button {
          text-transform: capitalize; }
        .update .update-header .update-actions .button:last-child, .update .update-header .update-actions span:last-child {
          margin-right: 0; }
    .update .update-header .queued-notice {
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.1);
      color: rgba(0, 0, 0, 0.3);
      font-size: 11px;
      font-weight: 500;
      padding: 0 10px;
      position: relative;
      text-transform: uppercase; }

.update-letter,
.update-letter--create,
.workflow-installments .workflow-installment {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  background: white;
  font-size: 15px;
  padding: 30px; }
  .update-letter h3,
  .update-letter--create h3,
  .workflow-installments .workflow-installment h3 {
    font-weight: bold;
    color: #555; }
  .update-letter .customer-count-notice,
  .update-letter--create .customer-count-notice,
  .workflow-installments .workflow-installment .customer-count-notice {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px dashed #dddddd;
    color: #797874;
    margin: 30px -30px -30px;
    padding: 30px;
    text-align: center; }
  .update-letter .files-box,
  .update-letter--create .files-box,
  .workflow-installments .workflow-installment .files-box {
    margin-bottom: 15px; }
  .update-letter .mini-rule,
  .update-letter--create .mini-rule,
  .workflow-installments .workflow-installment .mini-rule {
    margin: 30px 0; }
  .update-letter .video.section,
  .update-letter--create .video.section,
  .workflow-installments .workflow-installment .video.section {
    margin-top: 15px; }
    .update-letter .video.section input[type=checkbox],
    .update-letter--create .video.section input[type=checkbox],
    .workflow-installments .workflow-installment .video.section input[type=checkbox] {
      height: 12px;
      float: left;
      margin-right: 10px;
      top: 6px;
      width: 12px; }
    .update-letter .video.section label,
    .update-letter--create .video.section label,
    .workflow-installments .workflow-installment .video.section label {
      color: #aaaaaa;
      font-size: 12px; }
    .update-letter .video.section a.learn-more,
    .update-letter--create .video.section a.learn-more,
    .workflow-installments .workflow-installment .video.section a.learn-more {
      font-size: 12px;
      float: right;
      margin-top: 2px; }
  .update-letter .update-file-options,
  .update-letter--create .update-file-options,
  .workflow-installments .workflow-installment .update-file-options {
    padding-top: 10px; }
    .update-letter .update-file-options .file-upload-holder,
    .update-letter--create .update-file-options .file-upload-holder,
    .workflow-installments .workflow-installment .update-file-options .file-upload-holder {
      margin-top: 15px; }
  .update-letter input, .update-letter textarea,
  .update-letter--create input,
  .workflow-installments .workflow-installment input,
  .update-letter--create textarea,
  .workflow-installments .workflow-installment textarea {
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 100%; }
    .update-letter input.error, .update-letter textarea.error,
    .update-letter--create input.error,
    .workflow-installments .workflow-installment input.error,
    .update-letter--create textarea.error,
    .workflow-installments .workflow-installment textarea.error {
      border-color: #c04355; }
  .update-letter textarea,
  .update-letter--create textarea,
  .workflow-installments .workflow-installment textarea {
    min-height: 130px; }
  .update-letter--create {
    margin: 0 auto;
    padding: 30px;
    width: 470px; }
    .update-letter--create .update {
      padding: 0; }

.new-update .new-update-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: white;
  border-bottom: 1px solid #ddd;
  padding: 0 15px; }
  .new-update .new-update-header .right li {
    padding: 0;
    margin-right: 15px; }
    .new-update .new-update-header .right li:last-child {
      margin-right: 0; }
.new-update .update-for {
  text-transform: uppercase;
  padding: 15px 0 30px; }
  .new-update .update-for h4 {
    margin: 0 auto;
    width: 530px; }
    .new-update .update-for h4 select {
      float: right;
      margin-top: -2px;
      max-width: 320px; }
.new-update .new-update-composer {
  padding: 96px 0 30px;
  background: #eaeae4; }

.schedule-update-popover {
  margin-top: -2px; }
  .schedule-update-popover .button {
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 8px; }
    .schedule-update-popover .button.show-cancel {
      width: 90%; }
  .schedule-update-popover .or {
    background: white;
    color: #aaaaaa;
    display: block;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    width: 20px;
    z-index: 9; }
  .schedule-update-popover hr {
    background: #eeeeee;
    height: 1px;
    margin: -10px 0 15px -15px;
    width: 350px; }
  .schedule-update-popover .schedule-update-input {
    position: relative; }
    .schedule-update-popover .schedule-update-input h4 {
      color: #252a2e; }
      .schedule-update-popover .schedule-update-input h4 a {
        color: #252a2e;
        text-decoration: underline; }
        .schedule-update-popover .schedule-update-input h4 a:hover {
          color: #797874; }
    .schedule-update-popover .schedule-update-input input, .schedule-update-popover .schedule-update-input .at, .schedule-update-popover .schedule-update-input select {
      float: left; }
    .schedule-update-popover .schedule-update-input input {
      box-sizing: border-box;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      width: 55%; }
      .schedule-update-popover .schedule-update-input input.has-date {
        color: #666; }
    .schedule-update-popover .schedule-update-input .at {
      background: #eeeeee;
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
      color: #797874;
      display: inline-block;
      font-size: 17px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      width: 14%; }
    .schedule-update-popover .schedule-update-input select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 42px;
      padding: 0 10px;
      width: 15%; }
      .schedule-update-popover .schedule-update-input select:first-of-type {
        border-radius: 0;
        border-right: 1px dashed #dddddd; }
      .schedule-update-popover .schedule-update-input select:last-child {
        border-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .schedule-update-popover .schedule-update-input .datepicker {
      width: 161px !important;
      height: 147px !important;
      position: absolute !important;
      top: 78px;
      right: 0;
      z-index: 9999; }

.workflows-tab {
  padding-top: 75px;
  margin-bottom: -53px;
  padding-bottom: 30px;
  min-height: 400px;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: transform 0.4s cubic-bezier(0.23, 1.5, 0.32, 1); }
  .workflows-tab.showing-form {
    -webkit-transform: translatey(90px);
        -ms-transform: translatey(90px);
            transform: translatey(90px); }
  .workflows-tab.empty .workflows-list {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/empty-377355da2f4597449e52c0a1739144f8.png) bottom center no-repeat;
    min-height: 400px; }

.workflow,
.new-update,
.workflow--create,
.workflow--list-view {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  background: white;
  margin: 15px 0;
  overflow: hidden; }
  .workflow select:disabled:hover,
  .new-update select:disabled:hover,
  .workflow--create select:disabled:hover,
  .workflow--list-view select:disabled:hover {
    background-color: #e2e2dd !important;
    border-color: #d2d2cd !important;
    cursor: not-allowed !important; }
  .workflow:last-child,
  .new-update:last-child,
  .workflow--create:last-child,
  .workflow--list-view:last-child {
    margin-bottom: 0; }
  .workflow--create {
    margin: 15px 0 0;
    opacity: 0;
    overflow: visible;
    position: absolute;
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: all 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 90% 0%;
        -ms-transform-origin: 90% 0%;
            transform-origin: 90% 0%;
    width: 100%; }
    .workflow--create:before, .workflow--create:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 9px;
      right: 55px;
      top: -30px;
      border-bottom-color: white;
      margin-top: 12px; }
    .workflow--create.showing {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    .workflow--create .workflow-header .workflow-for,
    .workflow--create .workflow-header .workflow-name {
      width: 370px; }
  .workflow--list-view .workflow-title,
  .workflow--list-view .workflow-title--edit {
    float: left; }
    .workflow--list-view .workflow-title h3,
    .workflow--list-view .workflow-title--edit h3 {
      color: #252a2e;
      font-size: 18px; }
      .workflow--list-view .workflow-title h3 span,
      .workflow--list-view .workflow-title--edit h3 span {
        color: #aaaaaa;
        font-size: 14px;
        text-transform: uppercase; }
    .workflow--list-view .workflow-title h4,
    .workflow--list-view .workflow-title--edit h4 {
      color: #aaaaaa;
      font-size: 14px; }
      .workflow--list-view .workflow-title h4 span,
      .workflow--list-view .workflow-title--edit h4 span {
        color: #cccccc; }
    .workflow--list-view .workflow-title--edit {
      width: 600px; }
      .workflow--list-view .workflow-title--edit h3 {
        float: left;
        margin-right: 15px; }
        .workflow--list-view .workflow-title--edit h3 input {
          width: 290px; }
      .workflow--list-view .workflow-title--edit .workflow-for {
        opacity: .6;
        width: 270px; }
      .workflow--list-view .workflow-title--edit .draft {
        display: none; }
  .workflow--list-view .workflow-header .workflow-actions {
    float: right; }

.workflow-header {
  box-sizing: border-box;
  height: 75px;
  padding: 17px 0; }
  .workflow-header .workflow-for,
  .workflow-header .workflow-name {
    box-sizing: border-box;
    margin-right: 15px;
    width: 310px;
    float: left; }
    .workflow-header .workflow-for:last-child,
    .workflow-header .workflow-name:last-child {
      margin-right: 0; }
  .workflow-header .workflow-for select,
  .workflow-header .workflow-for .select {
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    height: 42px;
    padding-left: 15px;
    width: 80%; }
  .workflow-header .workflow-for .input-prefix {
    background: whitesmoke;
    border-right: 1px solid #dddddd;
    color: #bbb;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase; }
  .workflow-header .workflow-for .input,
  .workflow-header .workflow-for .select {
    border-radius: 4px;
    border: 1px solid #dddddd;
    color: #999891;
    line-height: 20px;
    font-size: 17px;
    padding: 10px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .workflow-header .workflow-for .select {
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .workflow-header .workflow-actions {
    text-align: right;
    float: right; }
    .workflow-header .workflow-actions li {
      display: inline-block;
      margin-right: 15px;
      text-align: right; }
      .workflow-header .workflow-actions li:last-child {
        margin-right: 0; }
      .workflow-header .workflow-actions li button {
        -webkit-transition: margin-left 0 linear;
                transition: margin-left 0 linear; }
        .workflow-header .workflow-actions li button.cancel-delete {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-right-width: 0;
          padding-top: 10px; }
          .workflow-header .workflow-actions li button.cancel-delete i {
            pointer-events: none; }
        .workflow-header .workflow-actions li button.show-cancel {
          margin-left: 0;
          padding-left: 14px;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .workflow-header .workflow-actions li .text-link {
        color: #aaaaaa;
        font-size: 17px;
        text-decoration: underline; }

.workflow-installments {
  background: #eaeae4;
  border-top: 1px solid #ddd;
  position: relative;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .workflow-installments .workflow-installment-container {
    position: relative; }
    .workflow-installments .workflow-installment-container .five.columns {
      padding: 15px; }
    .workflow-installments .workflow-installment-container .seven.columns {
      padding: 15px; }
  .workflow-installments .workflow-installment {
    padding: 0; }
    .workflow-installments .workflow-installment h3 {
      font-weight: normal; }
    .workflow-installments .workflow-installment .file-upload-holder {
      margin-top: 15px; }
  .workflow-installments .workflow-installment-header {
    box-sizing: border-box;
    height: 62px;
    padding: 15px; }
    .workflow-installments .workflow-installment-header h3 {
      font-size: 16px;
      line-height: 32px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .workflow-installments .workflow-installment-header h3 span {
        color: #aaaaaa;
        font-size: 12px;
        text-transform: uppercase; }
    .workflow-installments .workflow-installment-header .text-link {
      color: #aaaaaa;
      font-size: 14px;
      text-decoration: underline; }
    .workflow-installments .workflow-installment-header button, .workflow-installments .workflow-installment-header .button {
      font-size: 14px;
      padding: 10px;
      top: -2px;
      position: relative;
      margin-left: 10px;
      -webkit-transition: margin-left 0 linear;
              transition: margin-left 0 linear; }
      .workflow-installments .workflow-installment-header button.cancel-delete, .workflow-installments .workflow-installment-header .button.cancel-delete {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right-width: 0; }
        .workflow-installments .workflow-installment-header button.cancel-delete i, .workflow-installments .workflow-installment-header .button.cancel-delete i {
          pointer-events: none; }
      .workflow-installments .workflow-installment-header button.show-cancel, .workflow-installments .workflow-installment-header .button.show-cancel {
        margin-left: 0;
        padding-left: 14px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
  .workflow-installments .workflow-installment-form {
    border-top: 1px dashed #ddd;
    padding: 15px; }
  .workflow-installments .workflow-installment-delay,
  .workflow-installments .workflow-installment-delay--edit {
    box-sizing: border-box;
    float: right;
    padding-right: 25px;
    position: relative;
    width: 100%; }
    .workflow-installments .workflow-installment-delay:after,
    .workflow-installments .workflow-installment-delay--edit:after {
      content: "";
      height: 10px;
      width: 10px;
      background: #a5a59a;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -9.5px;
      border-radius: 50%;
      margin-right: -9.5px;
      border: 4px solid #eaeae4; }
    .workflow-installments .workflow-installment-delay:before,
    .workflow-installments .workflow-installment-delay--edit:before {
      background: #ddd;
      content: "";
      height: 92px;
      left: 361.2px;
      position: absolute;
      top: -15px;
      width: 1px; }
    .workflow-installments .workflow-installment-delay input,
    .workflow-installments .workflow-installment-delay--edit input {
      border: 1px solid #d2d2cd;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      box-sizing: border-box;
      height: 62px;
      position: relative;
      text-align: center;
      width: 20%;
      z-index: 1; }
    .workflow-installments .workflow-installment-delay select,
    .workflow-installments .workflow-installment-delay--edit select {
      background-color: #e2e2dd;
      box-sizing: border-box;
      border: 1px solid #d2d2cd;
      height: 62px;
      margin-left: -8px;
      padding-left: 23px;
      position: relative;
      -webkit-transition: background .05s ease-in-out;
              transition: background .05s ease-in-out;
      width: 80%; }
      .workflow-installments .workflow-installment-delay select:after,
      .workflow-installments .workflow-installment-delay--edit select:after {
        position: absolute;
        right: 0;
        top: 50%;
        height: 20px;
        width: 20px; }
      .workflow-installments .workflow-installment-delay select:hover,
      .workflow-installments .workflow-installment-delay--edit select:hover {
        background-color: #d6d6cf;
        border-color: #c6c6c0;
        cursor: pointer; }
      .workflow-installments .workflow-installment-delay select:disabled:hover,
      .workflow-installments .workflow-installment-delay--edit select:disabled:hover {
        background-color: #e2e2dd;
        border-color: #d2d2cd;
        cursor: not-allowed; }
    .workflow-installments .workflow-installment-delay--edit:before {
      display: none; }

.workflow-installments-header,
.workflow-installments-header--edit {
  border-bottom: 1px solid #ddd;
  color: #8d8d7f;
  font-size: 14px;
  line-height: 30px;
  padding: 15px 0; }
  .workflow-installments-header a,
  .workflow-installments-header--edit a {
    color: #bdbdb5;
    font-weight: 500; }
    .workflow-installments-header a:hover,
    .workflow-installments-header--edit a:hover {
      text-decoration: none;
      color: #737366; }
  .workflow-installments-header .button-default,
  .workflow-installments-header--edit .button-default {
    padding: 7px 10px 7px 35px;
    background: #dfdfdb;
    border-color: #c9c9c2;
    box-shadow: none; }
    .workflow-installments-header .button-default .gi,
    .workflow-installments-header--edit .button-default .gi {
      background: rgba(0, 0, 0, 0.05);
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 3px 0 0 3px;
      font-size: 110%;
      left: 0;
      line-height: 56px;
      position: absolute;
      height: 56px;
      text-align: center;
      top: 0;
      width: 54px; }
    .workflow-installments-header .button-default:hover,
    .workflow-installments-header--edit .button-default:hover {
      background: #d5d5d0;
      box-shadow: none; }
    .workflow-installments-header .button-default:active,
    .workflow-installments-header--edit .button-default:active {
      color: #737366; }
  .workflow-installments-header--edit .five.columns,
  .workflow-installments-header--edit .seven.columns {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

#dashboard {
  padding: 0 50px; }
  #dashboard .links {
    margin-top: 30px; }
  #dashboard .links td
  , #dashboard .users td {
    color: #454545;
    margin-bottom: 15px; }
    #dashboard .links td
    .title, #dashboard .users td .title {
      color: #252a2d;
      font-size: 18px;
      line-height: 18px;
      font-weight: normal; }
    #dashboard .links td
    small, #dashboard .users td small {
      color: #80878d;
      font-size: 16px;
      line-height: 18px;
      margin-left: 10px; }
    #dashboard .links td:last-child
    , #dashboard .users td:last-child {
      margin-bottom: 0; }
  #dashboard #load-more {
    margin-top: 30px; }

.product-search-box {
  border-radius: 4px;
  background: #f5f5f5;
  padding: 15px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  .product-search-box input {
    box-sizing: border-box;
    width: 100%; }

.alert-box {
  box-sizing: border-box;
  background: rgba(255, 0, 0, 0.2);
  padding: 16px 20px;
  margin: 50px auto;
  border-radius: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid white;
  color: #c04355; }
  .alert-box a {
    float: right;
    font-weight: bold;
    color: #4f1b22;
    text-decoration: underline; }

div.datepicker {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 12px;
  width: 196px;
  height: 147px;
  position: absolute;
  cursor: default;
  top: 0;
  left: 0;
  display: none; }

.datepickerContainer {
  position: absolute; }

.datepickerBorderT,
.datepickerBorderB,
.datepickerBorderL,
.datepickerBorderR,
.datepickerBorderTL,
.datepickerBorderTR,
.datepickerBorderBL,
.datepickerBorderBR {
  display: none; }

.datepickerHidden {
  display: none; }

div.datepicker table {
  border-collapse: collapse; }

div.datepicker a {
  color: black;
  text-decoration: none;
  cursor: default;
  outline: none; }

div.datepicker table td {
  text-align: center;
  padding: 0;
  margin: 0; }

div.datepicker th {
  text-align: center;
  color: #666;
  font-weight: normal;
  padding: 0; }

div.datepicker tbody a {
  display: block; }

.datepickerDays a {
  width: 20px;
  line-height: 16px;
  height: 16px;
  padding-right: 2px; }

.datepickerYears a,
.datepickerMonths a {
  width: 39px;
  line-height: 36px;
  height: 36px;
  text-align: center; }

.datepickerMonths td:first-child a,
.datepickerMonths td:last-child a,
.datepickerYears td:first-child a,
.datepickerYears td:last-child a {
  width: 38px; }

td.datepickerNotInMonth a {
  color: #666; }

tbody.datepickerDays td.datepickerSelected {
  background: #136a9f; }

tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
  background: #17384d; }

tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected {
  background: #17384d; }

div.datepicker td.datepickerSelected a {
  color: white; }

div.datepicker a:hover,
div.datepicker a:hover {
  color: #88c5eb; }

div.datepicker td.datepickerNotInMonth a:hover {
  color: #999; }

.datepickerSpace div {
  width: 20px; }

.datepickerBlock {
  vertical-align: top; }

a.datepickerGoNext,
a.datepickerGoPrev,
a.datepickerMonth {
  text-align: center;
  height: 20px;
  line-height: 20px;
  float: left; }

div.datepicker th a.datepickerGoNext,
div.datepicker th a.datepickerGoPrev {
  width: 20px;
  color: #666;
  display: none; }

div.datepicker th a.datepickerMonth {
  width: 114px;
  display: block; }

div.datepicker .datepickerFirstView th a.datepickerGoPrev,
div.datepicker .datepickerLastView th a.datepickerGoNext {
  display: block; }

div.datepicker th a.datepickerMonth {
  margin-left: 20px; }

div.datepicker .datepickerFirstView th a.datepickerMonth {
  margin-left: 0; }

table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
  display: none; }

table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
  display: none; }

table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
  display: none; }

td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a {
  color: #555; }

td.datepickerDisabled a:hover {
  color: #333; }

div.datepicker tbody.datepickerDays td.datepickerSpecial a {
  background: #700;
  color: white; }

div.datepicker tbody.datepickerDays td.datepickerSpecial.datepickerSelected a {
  background: #a00; }

tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
  background-color: transparent; }

div.datepicker td.datepickerNotInMonth a span {
  display: none; }

div.datepicker td.datepickerNotInMonth a:hover span {
  display: none; }

div.datepicker tbody.datepickerDays td.datepickerNotInMonth:hover {
  background-color: transparent; }

.datepicker {
  border-radius: 4px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  padding: 10px;
  line-height: 18px;
  font-size: 12px; }

.datepickerSpace div {
  width: 2px; }

.datepicker th {
  background: #ddd; }

.datepicker th a.datepickerMonth {
  color: #5f9ea0;
  font-weight: normal; }

.datepicker th {
  color: black;
  font-weight: bold; }

.datepicker table thead tr.datepickerDoW th {
  border-bottom: 1px solid #ccc; }

.datepicker a, .datepicker a:hover {
  color: black; }

.datepicker table.datepickerViewDays,
.datepicker table.datepickerViewMonths,
.datepicker table.datepickerViewYears {
  background: white; }

.datepicker table tbody.datepickerDays td {
  border: 1px solid #f5f5f5; }

tbody.datepickerDays td.datepickerSelected {
  background: #5f9ea0; }

.datepicker tbody.datepickerDays td:hover {
  background: #fc3;
  cursor: pointer; }

.datepicker td.datepickerToday a {
  font-weight: bold; }

.datepickerYears a, .datepickerMonths a {
  width: 42px; }

.datepickerMonths td:first-child a, .datepickerYears td:first-child a {
  width: 39px; }

.datepickerMonths {
  display: none; }

.datepicker th a.datepickerMonth {
  width: 121px; }

#date-range {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  #date-range #date-range-field {
    width: 340px;
    height: 32px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 17px;
    line-height: 32px;
    padding: 0 10px; }
    #date-range #date-range-field a {
      background: #f5f5f5;
      text-align: center;
      display: block;
      position: absolute;
      width: 26px;
      top: 0;
      right: 0;
      bottom: 0;
      text-decoration: none;
      padding-top: 6px;
      border-radius: 0 5px 5px 0;
      line-height: 23px;
      font-size: 11px; }
      #date-range #date-range-field a:hover {
        color: #aaa; }

#datepicker-calendar {
  border-radius: 4px;
  position: absolute;
  top: 100%;
  margin-top: -3px;
  right: 0;
  overflow: hidden;
  width: 497px;
  height: 153px;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  display: none;
  padding: 10px 0 6px 10px;
  z-index: 5;
  border-top-right-radius: 0; }
  #datepicker-calendar .datepicker {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 0; }

.datepickerInvalidDate {
  color: #ccc;
  background: #eee; }

.release-date-container .datepicker td.datepickerDisabled a {
  color: #ddd;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.analytics-box .datepicker td.datepickerFuture a {
  color: #ddd;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

#date-range-field {
  z-index: 1;
  width: 340px; }
  #date-range-field .toggle-arrow {
    color: #999; }

.tip-marker {
  border-radius: 4px;
  display: none;
  position: absolute;
  padding: 13px 8px 11px 13px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  z-index: 11;
  background: #fdce71;
  border-bottom: 2px solid #c89634;
  color: #c89634;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15);
  font-size: 17px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
  .tip-marker:before, .tip-marker:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 22px;
    left: 100%;
    top: 0; }
  .tip-marker:before {
    border-left-color: #c89634;
    margin-top: 2px;
    z-index: 9; }
  .tip-marker:after {
    border-left-color: #fdce71;
    z-index: 10; }

.super-focus {
  border: 1px solid #fdce71 !important;
  color: #c89634 !important;
  -webkit-animation: glow ease-in-out infinite alternate 1s;
          animation: glow ease-in-out infinite alternate 1s; }

@-webkit-keyframes glow {
  0% {
    box-shadow: 0 0 2px #fdce71; }
  100% {
    box-shadow: 0 0 8px #fdce71; } }

@keyframes glow {
  0% {
    box-shadow: 0 0 2px #fdce71; }
  100% {
    box-shadow: 0 0 8px #fdce71; } }
#stream_page .top-bar {
  display: none !important; }

#download-page .wrapper {
  width: auto;
  max-width: 860px;
  padding-bottom: 100px; }
#download-page #download-landing-page {
  text-align: center;
  text-shadow: 0 1px 0 white;
  padding: 60px 15px; }
  #download-page #download-landing-page .download-landing-page-header h2 {
    font-size: 24px;
    line-height: 36px;
    color: #252a2e;
    font-weight: bold; }
  #download-page #download-landing-page .download-landing-page-header h3 {
    color: #888;
    font-size: 16px;
    line-height: 27px;
    margin: 0; }
    #download-page #download-landing-page .download-landing-page-header h3.subheader a {
      text-decoration: underline;
      color: #aaa; }
      #download-page #download-landing-page .download-landing-page-header h3.subheader a:hover {
        color: #999; }
  #download-page #download-landing-page .files-box {
    margin: 30px auto 10px;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
    #download-page #download-landing-page .files-box .file-row, #download-page #download-landing-page .files-box .subtitle-row {
      padding: 12px;
      border-color: #ccc;
      overflow: hidden; }
      #download-page #download-landing-page .files-box .file-row .file-row-left, #download-page #download-landing-page .files-box .subtitle-row .file-row-left {
        float: left;
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        #download-page #download-landing-page .files-box .file-row .file-row-left strong, #download-page #download-landing-page .files-box .subtitle-row .file-row-left strong {
          color: #252a2e;
          font-size: 15px; }
      #download-page #download-landing-page .files-box .file-row .file-row-right, #download-page #download-landing-page .files-box .subtitle-row .file-row-right {
        float: right; }
        #download-page #download-landing-page .files-box .file-row .file-row-right .file-row-right-meta, #download-page #download-landing-page .files-box .subtitle-row .file-row-right .file-row-right-meta {
          color: #ccc; }
      #download-page #download-landing-page .files-box .file-row .mobile-file-row-right, #download-page #download-landing-page .files-box .subtitle-row .mobile-file-row-right {
        display: none; }
      #download-page #download-landing-page .files-box .file-row .send-to-multifile-tipsy, #download-page #download-landing-page .files-box .subtitle-row .send-to-multifile-tipsy {
        border-radius: 4px;
        background: white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        min-width: 128px;
        padding: 5px;
        color: #797874; }
        #download-page #download-landing-page .files-box .file-row .send-to-multifile-tipsy:before, #download-page #download-landing-page .files-box .file-row .send-to-multifile-tipsy:after, #download-page #download-landing-page .files-box .subtitle-row .send-to-multifile-tipsy:before, #download-page #download-landing-page .files-box .subtitle-row .send-to-multifile-tipsy:after {
          content: "";
          height: 0;
          position: absolute;
          width: 0;
          border-color: transparent;
          border-style: solid;
          border-width: 5px;
          left: 50%;
          margin-left: -5px;
          bottom: 100%;
          border-bottom-color: #eee; }
        #download-page #download-landing-page .files-box .file-row .send-to-multifile-tipsy:after, #download-page #download-landing-page .files-box .subtitle-row .send-to-multifile-tipsy:after {
          border-bottom-color: white;
          top: -9px; }
        #download-page #download-landing-page .files-box .file-row .send-to-multifile-tipsy .kindle-widget, #download-page #download-landing-page .files-box .subtitle-row .send-to-multifile-tipsy .kindle-widget {
          box-sizing: border-box;
          width: 100%;
          padding: 2px 6px 3px;
          margin: 5px 0 0;
          height: 22px; }
        #download-page #download-landing-page .files-box .file-row .send-to-multifile-tipsy .kindle-email, #download-page #download-landing-page .files-box .subtitle-row .send-to-multifile-tipsy .kindle-email {
          margin-top: 5px; }
          #download-page #download-landing-page .files-box .file-row .send-to-multifile-tipsy .kindle-email input[type=text], #download-page #download-landing-page .files-box .subtitle-row .send-to-multifile-tipsy .kindle-email input[type=text] {
            width: 76px;
            font-size: 13px;
            padding: 2px 5px 1px; }
          #download-page #download-landing-page .files-box .file-row .send-to-multifile-tipsy .kindle-email .button-small, #download-page #download-landing-page .files-box .subtitle-row .send-to-multifile-tipsy .kindle-email .button-small {
            margin-left: 5px; }
          #download-page #download-landing-page .files-box .file-row .send-to-multifile-tipsy .kindle-email .note, #download-page #download-landing-page .files-box .subtitle-row .send-to-multifile-tipsy .kindle-email .note {
            color: #999;
            margin-top: 5px;
            line-height: 100%; }
            #download-page #download-landing-page .files-box .file-row .send-to-multifile-tipsy .kindle-email .note a, #download-page #download-landing-page .files-box .subtitle-row .send-to-multifile-tipsy .kindle-email .note a {
              color: inherit;
              text-decoration: underline; }
    #download-page #download-landing-page .files-box .subtitle-list {
      margin: 0; }
  #download-page #download-landing-page .mini-rule {
    margin-top: 60px; }
  #download-page #download-landing-page form {
    margin-top: 15px; }
    #download-page #download-landing-page form h3 {
      margin-bottom: 15px; }
    #download-page #download-landing-page form input {
      background: white;
      margin-right: 10px;
      vertical-align: bottom; }
    #download-page #download-landing-page form .tos-p {
      margin-top: 20px;
      font-style: 15px;
      color: #aaa; }
      #download-page #download-landing-page form .tos-p a {
        color: inherit;
        text-decoration: underline; }
#download-page #share-options {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 24px 0;
  background: white;
  border-top: 1px solid #ddd;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.08); }
  #download-page #share-options #share-wrapper {
    max-width: 830px;
    margin: 0 auto;
    overflow: hidden; }
  #download-page #share-options .share-message h3 {
    font-weight: bold;
    color: #777;
    margin-top: 5px; }
  #download-page #share-options #sharing {
    float: none;
    text-align: right;
    margin-top: 0; }
    #download-page #share-options #sharing .button:last-of-type {
      margin-right: 0; }
    #download-page #share-options #sharing #sharing {
      display: block; }

@media screen and (max-width: 480px) {
  #download-page .wrapper {
    padding-bottom: 0; }
  #download-page #download-landing-page {
    padding: 0 0 40px; }
    #download-page #download-landing-page .download-landing-page-header {
      padding: 30px 15px; }
      #download-page #download-landing-page .download-landing-page-header h2 {
        font-size: 18px;
        line-height: 24px; }
      #download-page #download-landing-page .download-landing-page-header h3 {
        font-size: 14px;
        line-height: 18px; }
        #download-page #download-landing-page .download-landing-page-header h3.subheader {
          margin-top: 15px; }
    #download-page #download-landing-page .files-box {
      border-radius: 0;
      border-left-width: 0;
      border-right-width: 0;
      box-shadow: none;
      margin-top: 0; }
      #download-page #download-landing-page .files-box .file-row {
        padding: 10px; }
        #download-page #download-landing-page .files-box .file-row .file-row-left {
          float: none;
          max-width: 100%;
          width: 100%; }
        #download-page #download-landing-page .files-box .file-row .file-row-mobile-meta {
          float: none;
          font-size: 14px;
          margin-right: 5px; }
        #download-page #download-landing-page .files-box .file-row .mobile-file-row-right {
          box-sizing: border-box;
          background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 70%, white 80%, white 100%);
          background: linear-gradient(to right, rgba(255, 255, 255, 0) 70%, white 80%, white 100%);
          color: #ccc;
          display: block;
          font-size: 16px;
          height: 45px;
          line-height: 45px;
          margin: -10px 0 0 -10px;
          padding-right: 10px;
          position: absolute;
          right: 1px;
          width: 100%;
          text-align: right; }
          #download-page #download-landing-page .files-box .file-row .mobile-file-row-right .gi {
            -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                    transform: rotate(90deg); }
        #download-page #download-landing-page .files-box .file-row .file-row-right {
          border-radius: 4px;
          box-sizing: border-box;
          border: 1px solid #ddd;
          background: whitesmoke;
          float: none;
          height: 47px;
          margin-top: 10px;
          padding: 10px;
          width: 100%; }
          #download-page #download-landing-page .files-box .file-row .file-row-right .file-row-right-meta {
            display: none; }
          #download-page #download-landing-page .files-box .file-row .file-row-right button {
            float: left;
            margin-left: 0;
            margin-right: 10px; }
            #download-page #download-landing-page .files-box .file-row .file-row-right button:last-child {
              margin-right: 0; }
      #download-page #download-landing-page .files-box .file-row-right,
      #download-page #download-landing-page .files-box .subtitle-upload-drawer {
        display: none; }
      #download-page #download-landing-page .files-box .last-in-file-wrapper {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      #download-page #download-landing-page .files-box .file-list-element.open .file-row-right,
      #download-page #download-landing-page .files-box .file-list-element.open .subtitle-upload-drawer {
        display: block; }
      #download-page #download-landing-page .files-box .file-list-element.open .mobile-file-row-right .gi {
        -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
                transform: rotate(270deg); }
  #download-page .mobile-app-popover-trigger {
    background: #36a9ae;
    border: 0;
    border-radius: 0;
    bottom: 0;
    height: 50px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 12; }
  #download-page #share-options {
    display: none; } }
#edit-link-box {
  padding: 0; }

#left-wrapper {
  position: relative;
  overflow: hidden;
  margin: 0 auto; }
  #left-wrapper .faux-wrapper {
    width: 670px;
    margin: 30px auto 0; }
  #left-wrapper .faux-product-wrapper {
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ddd; }
  #left-wrapper #preview-form {
    clear: both; }
    #left-wrapper #preview-form .show_preview_url {
      right: 0;
      top: 50%;
      margin-top: -21px;
      z-index: 3; }
    #left-wrapper #preview-form input {
      background: white; }
      #left-wrapper #preview-form input.required {
        display: block; }
  #left-wrapper #edit-page-tab-holder {
    width: 300%;
    overflow: hidden; }
    #left-wrapper #edit-page-tab-holder .edit-page-tab {
      width: 33.3333%;
      float: left;
      position: relative; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab .main-p {
        margin: 20px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab .main-p:last-child, #left-wrapper #edit-page-tab-holder .edit-page-tab .main-p.last {
          margin-bottom: 2px; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab .update-email-text {
        resize: none;
        overflow: auto;
        width: 100%;
        box-sizing: border-box;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 13px;
        margin-top: 10px; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab .file-update-prompt .send-file-update-trigger {
        margin-left: 0; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab input {
        background: white; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab input.required {
          display: block; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab .mini-rule {
        margin: 20px 0; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab .mini-rule:last-child {
          margin-bottom: 0; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #main-fields {
        position: relative; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #link_name {
        width: 505px;
        font-size: 20px;
        line-height: 27px;
        color: #252a2e;
        font-weight: bold;
        height: 27px;
        float: left; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .link_price_range {
        display: inline;
        padding-top: 14px;
        padding-bottom: 13px;
        width: 30px; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #link_description {
        display: block;
        min-height: 100px; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .purchase-terms-input {
        box-sizing: border-box;
        width: 100%; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper {
        position: relative;
        display: inline-block;
        float: right; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper.duration .link_price_range {
          padding-right: 36px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper #duration_indicator {
          position: absolute;
          top: 15px;
          right: 15px;
          font-size: 15px;
          line-height: 22px;
          color: #aaaaaa;
          pointer-events: none; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper #suggested_price_wrapper {
          position: absolute;
          bottom: 100%;
          right: 0;
          margin-bottom: 15px;
          z-index: 3;
          width: 400px; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper #suggested_price_wrapper:before, #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper #suggested_price_wrapper:after {
            content: "";
            height: 0;
            position: absolute;
            width: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 6px;
            z-index: 4;
            top: 100%;
            right: 20px; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper #suggested_price_wrapper:after {
            border-top-color: white;
            margin-top: -1px; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper #suggested_price_wrapper:before {
            border-top-color: #dddddd; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper #suggested_price_wrapper:focus:before {
            border-top-color: #bbbbbb; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper #suggested_price_wrapper .input-prefix {
            float: right; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper #suggested_price_wrapper input {
            padding: 14px 10px 13px;
            width: 30px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper .input-prefix {
          padding: 15px 10px; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container {
        border: 1px solid #dddddd;
        border-width: 1px 0;
        padding: 20px 20px 0;
        background: #f5f5f5;
        font-size: 17px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container input[type=checkbox] {
          margin-right: 5px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container label {
          color: #252a2e;
          display: inline-block;
          margin-bottom: 20px; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container label:hover {
            cursor: pointer; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container:before, #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container:after {
          content: "";
          height: 0;
          position: absolute;
          width: 0;
          border-color: transparent;
          border-style: solid;
          bottom: 100%;
          right: 47px;
          border-width: 10px;
          border-bottom-color: #f5f5f5; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container:before {
          border-bottom-color: #dddddd;
          margin-bottom: 1px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container .exclusive-regions-container .tax-notice {
          -webkit-transition: opacity 0.3s linear;
                  transition: opacity 0.3s linear;
          position: absolute;
          right: 20px;
          top: 20px;
          font-size: 15px;
          bottom: 100%;
          margin-bottom: 10px;
          opacity: 0;
          pointer-events: none; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container .exclusive-regions-container .tax-notice a {
            color: inherit;
            text-decoration: underline; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container .exclusive-regions-container .tax-notice:before, #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container .exclusive-regions-container .tax-notice:after {
            content: "";
            height: 0;
            position: absolute;
            width: 0;
            border-color: transparent;
            border-style: solid;
            top: 22px;
            border-width: 10px;
            margin-left: -10px;
            left: 50%;
            border-bottom-color: #f5f5f5; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container .exclusive-regions-container .tax-notice:before {
            border-bottom-color: rgba(0, 0, 0, 0.1);
            margin-top: -1px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container .exclusive-regions-container.showing .tax-notice {
          opacity: 1;
          pointer-events: all; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container .regions {
          border-top: 1px solid #dddddd; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container .regions li {
            font-size: 15px;
            line-height: 15px;
            padding-bottom: 20px; }
            #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container .regions li:nth-child(-n + 3) {
              padding-top: 20px; }
            #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container .regions li:nth-child(3n + 1) {
              padding-left: 0;
              border-right: 1px solid #dddddd; }
            #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container .regions li:nth-child(3n + 3) {
              padding-right: 0;
              border-left: 1px solid #dddddd; }
            #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container .regions li span {
              float: right; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .release-date-container {
        box-sizing: border-box;
        width: 100%;
        height: 49px;
        border-color: #dddddd;
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02); }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .release-date-container .at {
          line-height: 47px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .release-date-container input[type=text] {
          height: 47px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .release-date-container #datepicker-calendar {
          left: 58px; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .product-description {
        box-sizing: border-box;
        border-radius: 4px;
        width: 100%;
        max-width: 100%;
        padding: 12px;
        border: 1px solid #dddddd; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab.showing-limit-sales {
        min-height: 651px; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p {
        font-size: 17px;
        color: #252a2e; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .left input {
          padding: 5px 0;
          width: 80px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .right .limit-sales-link {
          line-height: 32px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .right .limit-sales-tooltip {
          border-radius: 4px;
          text-align: left;
          position: absolute;
          z-index: 1;
          background: #eee;
          width: 300px;
          padding: 10px;
          border: 1px solid #ddd;
          margin-top: 10px;
          font-size: 15px;
          left: 50%;
          margin-left: -160px;
          opacity: 0;
          -webkit-transform: scale(0);
              -ms-transform: scale(0);
                  transform: scale(0);
          -webkit-transition: all 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
                  transition: all 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
          -webkit-transform-origin: 50% 0%;
              -ms-transform-origin: 50% 0%;
                  transform-origin: 50% 0%;
          display: block; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .right .limit-sales-tooltip.showing {
            opacity: 1;
            -webkit-transform: scale(1);
                -ms-transform: scale(1);
                    transform: scale(1); }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .right .limit-sales-tooltip:before, #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .right .limit-sales-tooltip:after {
            content: "";
            height: 0;
            position: absolute;
            width: 0;
            border-color: transparent;
            border-style: solid;
            bottom: 100%;
            border-width: 5px;
            margin-left: -5px;
            left: 50%;
            border-bottom-color: #eee; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .right .limit-sales-tooltip:before {
            border-bottom-color: #ddd;
            margin-bottom: 1px; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .right .limit-sales-tooltip h4 {
            display: block;
            font-size: 13px;
            text-transform: uppercase;
            margin-bottom: 5px;
            color: #999; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .right .limit-sales-tooltip .toggle-territories {
            right: 10px;
            position: absolute; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .right .limit-sales-tooltip input[type=text] {
            box-sizing: border-box;
            padding: 5px;
            width: 100%;
            margin-bottom: 10px; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .right .limit-sales-tooltip ul {
            overflow: hidden; }
            #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .right .limit-sales-tooltip ul li {
              width: 50%;
              float: left;
              margin-bottom: 5px; }
              #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #unique_permalink_p .right .limit-sales-tooltip ul li input {
                margin-right: 3px; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab #add-offer-field-p {
        margin-top: 10px; }
  #left-wrapper #file-drawer {
    padding: 20px;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    position: relative; }
    #left-wrapper #file-drawer .rotate-container {
      height: 42px; }
    #left-wrapper #file-drawer h4 {
      font-weight: bold;
      color: #252a2e;
      font-size: 15px; }
      #left-wrapper #file-drawer h4 a {
        color: #36a9ae;
        text-decoration: underline; }
    #left-wrapper #file-drawer #link_url {
      box-sizing: border-box;
      height: 42px;
      width: 100%; }
    #left-wrapper #file-drawer p {
      margin-top: 15px;
      font-size: 15px; }
      #left-wrapper #file-drawer p input {
        margin-right: 5px; }
      #left-wrapper #file-drawer p a {
        text-decoration: underline; }
      #left-wrapper #file-drawer p .learn-more {
        float: right; }
      #left-wrapper #file-drawer p small {
        font-size: 13px;
        margin-left: 10px;
        color: #aaa; }
    #left-wrapper #file-drawer .files-box {
      margin-bottom: 20px; }
    #left-wrapper #file-drawer .file-update-prompt {
      border-radius: 4px;
      margin-bottom: 20px;
      padding: 10px 14px;
      background: white;
      position: relative;
      border: 1px solid #ccc;
      font-size: 13px;
      line-height: 21px; }
      #left-wrapper #file-drawer .file-update-prompt:after, #left-wrapper #file-drawer .file-update-prompt:before {
        content: "";
        height: 0;
        position: absolute;
        width: 0;
        border-color: transparent;
        border-style: solid;
        left: 50%;
        margin-left: -4px;
        border-width: 4px;
        border-top-color: white;
        top: 100%; }
      #left-wrapper #file-drawer .file-update-prompt:before {
        margin-top: 1px;
        border-top-color: #ccc; }
      #left-wrapper #file-drawer .file-update-prompt button, #left-wrapper #file-drawer .file-update-prompt .button {
        margin: 10px 2px 5px -2px;
        -webkit-transition: margin-left 0 linear;
                transition: margin-left 0 linear; }
        #left-wrapper #file-drawer .file-update-prompt button.js-cancel-file-update-trigger, #left-wrapper #file-drawer .file-update-prompt .button.js-cancel-file-update-trigger {
          margin-right: 0;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-right-width: 0;
          padding: 7px 14px;
          float: left; }
          #left-wrapper #file-drawer .file-update-prompt button.js-cancel-file-update-trigger .icn.close, #left-wrapper #file-drawer .file-update-prompt .button.js-cancel-file-update-trigger .icn.close {
            display: block;
            position: static; }
        #left-wrapper #file-drawer .file-update-prompt button.show-cancel, #left-wrapper #file-drawer .file-update-prompt .button.show-cancel {
          padding-left: 14px;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
  #left-wrapper .toggle-skus-box {
    margin-bottom: 20px; }
  #left-wrapper #submit-p {
    clear: both;
    width: 670px;
    padding: 30px 0;
    margin: 0 auto; }
    #left-wrapper #submit-p #link-state-p {
      clear: both; }
      #left-wrapper #submit-p #link-state-p button, #left-wrapper #submit-p #link-state-p .button {
        float: right;
        margin-left: 20px; }
        #left-wrapper #submit-p #link-state-p button.left, #left-wrapper #submit-p #link-state-p .button.left {
          float: left;
          margin-left: 0; }
        #left-wrapper #submit-p #link-state-p button.follower-checkbox-enabled, #left-wrapper #submit-p #link-state-p .button.follower-checkbox-enabled {
          margin-left: 0;
          padding-left: 14px;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
        #left-wrapper #submit-p #link-state-p button.follower-checkbox-holder, #left-wrapper #submit-p #link-state-p .button.follower-checkbox-holder {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-right-width: 0;
          padding-right: 14px;
          padding-left: 14px; }

#link-extras {
  padding: 0;
  position: relative; }
  #link-extras .timeline {
    position: relative;
    margin: 0 3px; }
    #link-extras .timeline .preorder-release-now-button {
      margin-top: 10px; }
    #link-extras .timeline .slot {
      clear: both;
      position: relative;
      padding: 0 0 15px 25px; }
      #link-extras .timeline .slot:last-child {
        padding-bottom: 0; }
        #link-extras .timeline .slot:last-child:after {
          bottom: 0; }
      #link-extras .timeline .slot small {
        text-transform: uppercase;
        display: block;
        font-size: 11px;
        color: #ccc; }
      #link-extras .timeline .slot strong {
        color: #252a2e;
        font-weight: normal;
        font-size: 15px; }
      #link-extras .timeline .slot p, #link-extras .timeline .slot li {
        color: #aaa;
        font-size: 13px;
        margin: 4px 0 0; }
        #link-extras .timeline .slot p em, #link-extras .timeline .slot li em {
          color: #888; }
      #link-extras .timeline .slot ul {
        padding-left: 5px; }
        #link-extras .timeline .slot ul .button-social-twitter, #link-extras .timeline .slot ul .button-social-facebook {
          padding-left: 38px;
          height: 17px;
          line-height: 18px; }
        #link-extras .timeline .slot ul li {
          margin-bottom: 10px; }
        #link-extras .timeline .slot ul span, #link-extras .timeline .slot ul a {
          margin-left: 3px; }
        #link-extras .timeline .slot ul .share-link {
          color: #777;
          text-decoration: underline;
          background: #eee;
          padding: 7px 10px;
          border: 0; }
        #link-extras .timeline .slot ul .button-w-i {
          padding: 7px 10px 7px 40px;
          font-weight: 500; }
        #link-extras .timeline .slot ul .list-line {
          background: #aaa;
          margin-left: 0;
          bottom: 22px;
          top: 6px;
          height: auto;
          padding-left: 0; }
        #link-extras .timeline .slot ul.tree {
          margin-top: 10px; }
          #link-extras .timeline .slot ul.tree .list-line {
            bottom: 23px; }
        #link-extras .timeline .slot ul .icn.auth {
          vertical-align: text-bottom; }
      #link-extras .timeline .slot textarea {
        background: white;
        margin-top: 10px;
        font-size: 13px;
        line-height: 21px;
        min-height: 60px;
        padding: 4px 7px;
        width: 240px; }
        #link-extras .timeline .slot textarea:hover {
          cursor: pointer; }
      #link-extras .timeline .slot:before {
        border-radius: 99px;
        content: "";
        display: block;
        position: absolute;
        background: white;
        border: 2px solid #eee;
        width: 8px;
        height: 8px;
        left: -2px;
        top: 26px;
        z-index: 1; }
      #link-extras .timeline .slot:after {
        border-radius: 1px;
        content: "";
        display: block;
        position: absolute;
        width: 2px;
        top: 0;
        bottom: 0;
        background: #eee;
        left: 3px; }
      #link-extras .timeline .slot:first-child:after {
        top: 6px; }
      #link-extras .timeline .slot.now .not-now {
        display: none; }
      #link-extras .timeline .slot.now .now {
        display: block; }
      #link-extras .timeline .slot.now:before {
        background: #eee; }
      #link-extras .timeline .slot.not-now .now {
        display: none; }
      #link-extras .timeline .slot.not-now .not-now {
        display: block; }

body.is-embed {
  background: transparent !important; }
  body.is-embed .wrapper {
    padding: 0 3px;
    max-width: auto !important; }
  body.is-embed .product-row {
    margin: 2px 0 !important; }
  body.is-embed #sharing, body.is-embed .buyer-bar-container, body.is-embed .product-panel-container, body.is-embed .author-byline, body.is-embed .top-bar, body.is-embed #admin-bar, body.is-embed #locale-holder {
    display: none !important; }

.main-content .gumroad-product-embed .product-main {
  margin-bottom: 20px; }
.main-content .gumroad-product-embed .product-description p {
  color: #6f6f6f !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.main-content .gumroad-product-embed .product-info ul {
  margin-bottom: 0; }

.envelope {
  border-radius: 4px;
  box-sizing: border-box;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/product/patterns-6948ccb2142e032603940e706fcf5f90.png) 8px -11px repeat-x, -webkit-linear-gradient(top left, #fafafa, whitesmoke);
  background: url(https://static-1.gumroad.com/res/gumroad/assets/product/patterns-6948ccb2142e032603940e706fcf5f90.png) 8px -11px repeat-x, linear-gradient(to bottom right, #fafafa, whitesmoke);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  padding-top: 4px;
  padding-bottom: 10px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px; }
  .envelope .variant_selection strong {
    text-align: center;
    font-size: 15px;
    line-height: 21px;
    font-weight: normal;
    display: block; }
  .envelope .variant_selection select {
    margin-top: 10px; }
  .envelope .or-mark {
    display: inline-block;
    margin: 0 auto;
    padding: 0 6px;
    position: relative;
    top: 5px;
    text-transform: uppercase;
    background: #fafafa;
    color: #bbb;
    z-index: 1; }
  .envelope .social-signup-wrapper {
    position: relative;
    text-align: center; }
    .envelope .social-signup-wrapper .social-button {
      text-align: left; }
    .envelope .social-signup-wrapper .mini-rule {
      position: absolute;
      margin-top: -6px; }
  .envelope .mini-rule {
    margin-bottom: 0; }
  .envelope label {
    color: rgba(0, 0, 0, 0.15);
    text-shadow: 0 1px 0 white, 0 0 0 rgba(255, 255, 255, 0.15);
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    margin: 0 0 5px;
    float: none;
    width: 260px; }
    .envelope label:hover {
      cursor: pointer; }
  .envelope p, .envelope #custom-fields {
    padding: 10px 10px 0;
    margin: 0;
    font-size: 13px;
    line-height: 21px; }
    .envelope p .btn.social, .envelope #custom-fields .btn.social {
      box-sizing: border-box;
      position: relative;
      text-align: left;
      width: 100%; }
      .envelope p .btn.social i, .envelope #custom-fields .btn.social i {
        top: 10px; }
    .envelope p input, .envelope p textarea, .envelope p select, .envelope p .input, .envelope #custom-fields input, .envelope #custom-fields textarea, .envelope #custom-fields select, .envelope #custom-fields .input {
      border-radius: 4px;
      box-sizing: border-box;
      display: block;
      background: white;
      height: 38px;
      width: 100%;
      max-width: 100%;
      padding: 8px 10px;
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15);
      float: none; }
      .envelope p input.magic, .envelope p textarea.magic, .envelope p select.magic, .envelope p .input.magic, .envelope #custom-fields input.magic, .envelope #custom-fields textarea.magic, .envelope #custom-fields select.magic, .envelope #custom-fields .input.magic {
        box-shadow: none;
        opacity: .5;
        border-style: dashed; }
      .envelope p input:focus, .envelope p textarea:focus, .envelope p select:focus, .envelope p .input:focus, .envelope #custom-fields input:focus, .envelope #custom-fields textarea:focus, .envelope #custom-fields select:focus, .envelope #custom-fields .input:focus {
        border-color: #aaa; }
    .envelope p .input, .envelope #custom-fields .input {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #cccccc; }
    .envelope p textarea, .envelope #custom-fields textarea {
      margin-top: 12px;
      min-height: 100px;
      resize: vertical; }
    .envelope p select.error, .envelope #custom-fields select.error {
      border: 1px solid #c04355;
      color: #999 !important; }
    .envelope p.multi-column, .envelope #custom-fields.multi-column {
      position: relative;
      display: block;
      min-height: 38px; }
      .envelope p.multi-column input, .envelope p.multi-column select, .envelope #custom-fields.multi-column input, .envelope #custom-fields.multi-column select {
        position: absolute;
        top: 10px; }
    .envelope p .purchase_city, .envelope p .user_city, .envelope #custom-fields .purchase_city, .envelope #custom-fields .user_city {
      width: 124px;
      left: 10px; }
    .envelope p .purchase_state, .envelope p .user_state, .envelope #custom-fields .purchase_state, .envelope #custom-fields .user_state {
      width: 64px;
      left: 144px; }
    .envelope p .purchase_zip_code, .envelope p .user_zip_code, .envelope #custom-fields .purchase_zip_code, .envelope #custom-fields .user_zip_code {
      width: 91px;
      right: 10px; }
    .envelope p input.error, .envelope #custom-fields input.error {
      background: white; }
  .envelope #custom-fields {
    padding-top: 0; }
    .envelope #custom-fields .custom-field-option {
      margin-bottom: 10px; }
      .envelope #custom-fields .custom-field-option:first-child {
        margin-top: 10px; }
      .envelope #custom-fields .custom-field-option:last-child {
        margin-bottom: 0; }
  .envelope.small {
    padding-bottom: 6px;
    margin-bottom: 10px; }
    .envelope.small p {
      padding: 6px 6px 0; }
      .envelope.small p input {
        height: 32px;
        padding: 4px 6px; }
      .envelope.small p.multi-column {
        min-height: 32px; }
        .envelope.small p.multi-column input, .envelope.small p.multi-column select {
          position: absolute;
          top: 6px; }
      .envelope.small p .purchase_city, .envelope.small p .user_city {
        left: 6px; }
      .envelope.small p .purchase_state, .envelope.small p .user_state {
        left: 136px; }
      .envelope.small p .purchase_zip_code, .envelope.small p .user_zip_code {
        width: 66px;
        right: 6px; }
    .envelope.small label {
      line-height: 14px; }
    .envelope.small select {
      height: 32px; }
    .envelope.small .mini-rule {
      margin-top: 6px; }
  .envelope .street-address-checker {
    border-radius: 4px;
    position: relative;
    margin: 10px 10px 0;
    padding: 5px 10px;
    background: #ddd; }
    .envelope .street-address-checker strong {
      font-weight: normal;
      display: block; }
    .envelope .street-address-checker button {
      margin: 5px 2px 5px 0; }
    .envelope .street-address-checker:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      left: 50%;
      margin-left: -4px;
      border-width: 4px;
      border-top-color: #ddd;
      top: 100%; }

select.purchase_state {
  position: absolute;
  top: 0;
  width: 64px !important; }

.following-header {
  padding: 40px 0;
  text-align: center; }
  .following-header h2 {
    color: #252a2e;
    font-size: 24px; }
  .following-header p {
    margin-top: 15px;
    font-size: 17px; }

.following-list {
  background: white;
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin-bottom: 50px; }
  .following-list .seller-main {
    padding: 15px;
    background: transparent;
    border-bottom: 1px solid #ddd;
    box-shadow: none; }
    .following-list .seller-main:last-of-type {
      border-bottom-width: 0; }
    .following-list .seller-main .profile-picture-holder {
      margin-right: 15px; }
    .following-list .seller-main img {
      -webkit-transition: color 0.2s ease-in-out;
              transition: color 0.2s ease-in-out;
      border-radius: 4px;
      width: 64px;
      height: 64px;
      display: block;
      border: 1px solid #dddddd;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      float: left; }
    .following-list .seller-main h2, .following-list .seller-main .bio {
      margin-left: 80px;
      margin-right: 110px; }
    .following-list .seller-main a {
      color: inherit; }
      .following-list .seller-main a:hover {
        -webkit-transition: color 0.2s ease-in-out;
                transition: color 0.2s ease-in-out;
        text-decoration: none; }
        .following-list .seller-main a:hover img {
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          border-color: #c9c9c9; }
    .following-list .seller-main .button {
      position: absolute;
      top: 50%;
      margin-top: -12px;
      right: 0; }
      .following-list .seller-main .button.button-primary {
        color: white;
        text-shadow: none; }

footer {
  clear: both;
  padding-top: 36px;
  text-align: left;
  font-size: 13px;
  line-height: 21px;
  color: #797874;
  background: white;
  position: relative; }
  footer .top-bar {
    z-index: 0; }
  footer .footer-column {
    width: 202px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 36px;
    padding: 0 30px;
    border-right: 1px dotted #e8e8e8;
    height: 172px; }
    footer .footer-column:first-child {
      padding-left: 0; }
    footer .footer-column:last-child {
      border-left: 1px dotted #e8e8e8;
      border-right-width: 0;
      padding-right: 0; }
    footer .footer-column h5 {
      margin-bottom: 14px;
      font-weight: bold; }
    footer .footer-column .footer-item {
      display: block;
      font-size: 14px;
      padding: 8px 0; }
      footer .footer-column .footer-item a {
        color: #b0b0b0;
        font-size: 13px;
        -webkit-transition: color .2s linear;
                transition: color .2s linear; }
        footer .footer-column .footer-item a:hover {
          color: #838383; }
      footer .footer-column .footer-item .gi {
        font-size: 16px;
        margin-right: 8px;
        margin-left: 2px; }
        footer .footer-column .footer-item .gi.gi-facebook {
          font-size: 20px;
          margin-left: 0; }
    footer .footer-column .blog-date {
      display: block;
      color: #ccc; }
    footer .footer-column.blog {
      border-right: 0; }
      footer .footer-column.blog li {
        margin: 12px 0; }
        footer .footer-column.blog li a {
          font-size: 13px;
          color: #b0b0b0; }
        footer .footer-column.blog li .blog-date {
          font-weight: normal; }
  footer #footer-terminal {
    border-top: 1px solid #d8d8d2;
    padding: 36px 0 52px;
    background-color: #efefe9;
    color: #b0b0b0; }
    footer #footer-terminal .icn, footer #footer-terminal p {
      float: left; }
    footer #footer-terminal .icn.logo {
      width: 20px;
      height: 20px;
      display: block;
      top: 2px;
      margin-right: 8px;
      background-position: 0 -469px; }
    footer #footer-terminal .footer-item a {
      margin: 0 19px;
      color: #b0b0b0; }
    footer #footer-terminal:hover .icn.logo {
      background-position: -20px -470px; }
  footer .footer-card {
    border-radius: 4px;
    padding: 12px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    position: relative;
    overflow: hidden; }
    footer .footer-card .icn {
      width: 72px;
      height: 72px;
      display: block;
      float: none;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
      position: absolute;
      left: 50%;
      margin-left: -36px;
      top: 2px; }
    footer .footer-card p {
      margin: 60px 12px 12px;
      text-align: center; }
    footer .footer-card form input[type=email] {
      box-sizing: border-box;
      background: white;
      width: 76%;
      float: left;
      font-size: 13px;
      padding: 5px 10px; }
    footer .footer-card form .button {
      position: absolute;
      right: 0;
      margin-right: 12px;
      padding: 2px 2px 1px; }
  footer .pull-right {
    float: right; }
    footer .pull-right li {
      display: inline-block; }
  footer.lohp .footer-column:first-child {
    padding: inherit; }

.minimal-footer {
  background: rgba(0, 0, 0, 0.05);
  color: white;
  font-size: 13px;
  padding: 30px; }
  .minimal-footer a {
    color: white; }
    .minimal-footer a:hover {
      text-decoration: underline; }
  .minimal-footer .gi-logo {
    font-size: 28px;
    margin-right: 15px;
    top: -5px;
    float: left;
    position: relative; }
  .minimal-footer .footer-item {
    margin-right: 15px; }

@media (max-width: 768px) {
  .minimal-footer {
    display: none; } }
#guide-article {
  background-color: white; }
  #guide-article .guide-splash {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/home/setup_bg-ca8e79dfa1d63b8688530cb54489ab53.png) top center #efefe9;
    border-bottom: 1px solid #dddddd;
    text-align: center;
    padding: 40px 0; }
    #guide-article .guide-splash h1 {
      font-size: 42px;
      line-height: 90px;
      font-weight: 500;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      position: relative;
      z-index: 5;
      display: block;
      margin-bottom: 49px;
      vertical-align: middle;
      color: #252a2e; }
    #guide-article .guide-splash p {
      font-size: 18px;
      line-height: 26px;
      font-weight: normal;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #guide-article .guide-splash .search-bar {
      margin: 30px 0 20px;
      position: relative; }
      #guide-article .guide-splash .search-bar input[type=text] {
        border-radius: 99px;
        padding: 12px 25px;
        width: 220px; }
        #guide-article .guide-splash .search-bar input[type=text].searching {
          background: url(https://static-1.gumroad.com/res/gumroad/assets/loading-b70ccd4a0399ed27eb94a0f2d814dab3.gif) 239px 14px no-repeat white; }
      #guide-article .guide-splash .search-bar .dropdown {
        top: 60px; }
        #guide-article .guide-splash .search-bar .dropdown li {
          border-bottom: 1px solid #ddd; }
          #guide-article .guide-splash .search-bar .dropdown li a {
            display: block;
            padding: 15px 15px 15px 50px;
            position: relative;
            text-align: left;
            font-size: 15px;
            color: #666; }
            #guide-article .guide-splash .search-bar .dropdown li a i {
              width: 72px;
              height: 72px;
              display: block;
              top: -10px;
              left: -10px;
              position: absolute;
              -webkit-transform: scale(0.3);
                  -ms-transform: scale(0.3);
                      transform: scale(0.3); }
          #guide-article .guide-splash .search-bar .dropdown li:last-child {
            border-bottom-width: 0; }
    #guide-article .guide-splash.toc h1 {
      margin-bottom: 0; }
    #guide-article .guide-splash .guide-return {
      display: block;
      width: 180px;
      margin: 0 auto;
      border-top: 1px solid #c7c7c7;
      font-size: 16px;
      margin-top: 51px; }
      #guide-article .guide-splash .guide-return a {
        position: relative;
        z-index: 5;
        top: -11px;
        color: #777;
        display: inline-block;
        background-color: #efefe9;
        padding: 0 18px;
        text-decoration: underline; }
  #guide-article .how-to-guide .how-to-section .section-intro {
    border-bottom: 0; }
  #guide-article .guide .guide-body .how-to-section {
    border: 0; }
  #guide-article .guide-body {
    position: relative;
    padding: 40px 0 34px; }
    #guide-article .guide-body .ht-guide-start {
      position: absolute;
      top: -40px;
      left: 0;
      right: 0;
      height: 60px; }
      #guide-article .guide-body .ht-guide-start .start-icon-holder {
        border-radius: 99px;
        width: 54px;
        height: 54px;
        display: block;
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 10px;
        background-color: white;
        border: 1px solid #dddddd; }
        #guide-article .guide-body .ht-guide-start .start-icon-holder .icn {
          width: 72px;
          height: 72px;
          display: block;
          position: absolute;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
          top: 0;
          left: 0; }
    #guide-article .guide-body .how-to-intro {
      text-align: center;
      margin: 28px auto 36px;
      padding: 36px 0; }
      #guide-article .guide-body .how-to-intro p {
        font-size: 18px;
        font-weight: 200; }
        #guide-article .guide-body .how-to-intro p.lead-in {
          margin: 0 auto 36px;
          color: #7e7e7e; }
      #guide-article .guide-body .how-to-intro a {
        font-weight: 200; }
    #guide-article .guide-body .non-seller-notice {
      border-radius: 4px;
      padding: 24px;
      margin-bottom: 30px;
      border: 1px solid #dddddd;
      background-color: #f8f8f8;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02); }
      #guide-article .guide-body .non-seller-notice h3 {
        font-size: 16px;
        font-weight: bold;
        color: #252a2e;
        margin: 0 0 20px; }
      #guide-article .guide-body .non-seller-notice p {
        line-height: 24px;
        color: #999; }
    #guide-article .guide-body .section-colors {
      display: block;
      height: 4px;
      width: 130px;
      margin: 24px auto 36px;
      background: url(https://static-1.gumroad.com/res/gumroad/assets/header_bar-c2717a78bdb9841e135d60bc0c127372.png) 0 0 repeat;
      background-size: 130px 100%; }
    #guide-article .guide-body .step-link {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 10px;
      height: 10px;
      background-color: #f8f8f8;
      padding: 10px; }
    #guide-article .guide-body .ht-section-title {
      font-size: 30px;
      line-height: 46px;
      font-weight: 200;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 58px 0 36px;
      text-align: center;
      color: #333; }
    #guide-article .guide-body .ht-section-step {
      position: absolute;
      top: -22px;
      left: 0;
      right: 0;
      text-align: center; }
      #guide-article .guide-body .ht-section-step a {
        border-radius: 4px;
        display: inline-block;
        border: 1px solid #eee;
        padding: 10px 24px;
        background-color: white;
        text-transform: uppercase;
        text-decoration: none;
        margin: 0 auto;
        color: #777;
        font-size: 10px; }
    #guide-article .guide-body .how-to-section {
      position: relative;
      margin-top: 34px;
      padding: 24px 0;
      border-top: 1px solid #eee; }
      #guide-article .guide-body .how-to-section > p > img {
        border-radius: 4px;
        display: block;
        margin: 27px 0 36px;
        background-color: white;
        max-width: 593px;
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
        border: 1px solid #dddddd; }
      #guide-article .guide-body .how-to-section .section-intro {
        text-align: center;
        margin-bottom: 40px;
        padding-bottom: 40px;
        color: #7e7e7e;
        border-bottom: 1px solid #dddddd; }
    #guide-article .guide-body #license-keys .tree {
      color: #454545;
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 24px; }
      #guide-article .guide-body #license-keys .tree li {
        margin-left: 10px;
        color: #999; }
    #guide-article .guide-body #license-keys .documentation-content {
      padding-top: 0; }
      #guide-article .guide-body #license-keys .documentation-content h3 {
        font-size: 14px;
        font-weight: 700;
        margin: 0;
        color: #797874; }
    #guide-article .guide-body .step-group {
      position: relative; }
      #guide-article .guide-body .step-group .step-glyph {
        border-radius: 99px;
        position: absolute;
        top: -11px;
        left: -75px;
        width: 50px;
        height: 50px;
        background-color: white;
        border: 1px solid #e9e9e9;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); }
        #guide-article .guide-body .step-group .step-glyph .number {
          width: 50px;
          height: 50px;
          display: block;
          font-size: 18px;
          line-height: normal;
          font-weight: 600;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          display: block;
          text-align: center;
          margin: 14px auto;
          color: #868686; }
    #guide-article .guide-body h2, #guide-article .guide-body h3 {
      color: #3f3f3f;
      font-size: 22px;
      font-weight: 200;
      margin-bottom: 26px;
      margin-top: 49px; }
    #guide-article .guide-body h2 {
      margin-bottom: 21px;
      padding-bottom: 29px;
      border-bottom: 1px solid #e8e8e8;
      line-height: 30px;
      margin-top: 100px; }
    #guide-article .guide-body h3 {
      font-size: 18px; }
    #guide-article .guide-body p, #guide-article .guide-body ul {
      color: #808080;
      font-size: 16px;
      line-height: 30px;
      margin-bottom: 22px; }
      #guide-article .guide-body p:last-child, #guide-article .guide-body ul:last-child {
        margin-bottom: 0; }
    #guide-article .guide-body ul li {
      list-style: disc; }
  #guide-article .guide-footer {
    clear: both;
    text-align: center;
    border-top: 1px solid #eee;
    overflow: hidden; }
    #guide-article .guide-footer .container {
      width: 640px;
      margin: 42px auto 40px; }
    #guide-article .guide-footer h2 {
      font-size: 22px;
      line-height: 40px;
      font-weight: 200;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 12px 0 22px; }
    #guide-article .guide-footer.guide-signup-prompt .guide-return {
      display: block;
      margin-top: 24px; }

.example-list {
  border-radius: 4px;
  display: inline-block;
  width: 100%;
  margin: 22px 0 36px;
  overflow: hidden;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .example-list table {
    width: 100%; }
  .example-list tr {
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee; }
  .example-list tr:nth-child(2n + 1) {
    background-color: #f8f8f8; }
  .example-list td {
    padding: 15px;
    font-weight: bold;
    border-right: 1px solid #dddddd; }
  .example-list td:last-child {
    border-right: 0; }
  .example-list tr:first-child {
    background-color: white;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
    .example-list tr:first-child td {
      font-weight: 400; }
  .example-list tr:last-child {
    border-bottom: 0; }

.guide-link {
  font-size: 16px;
  display: block;
  margin: 0 0 22px;
  text-decoration: underline; }

.guide-tweet {
  display: inline-block;
  margin: 24px 0; }

.guide-quote {
  font-family: "Georgia", Times New Roman, Times, serif;
  font-size: 18px;
  font-style: italic;
  line-height: 28px;
  margin: 54px 0 74px -24px; }
  .guide-quote blockquote {
    padding: 10px 20px;
    border-left: 4px solid #ddd; }
  .guide-quote .attribution {
    overflow: hidden;
    clear: both;
    margin-top: 36px;
    padding-left: 22px;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal; }
    .guide-quote .attribution .avatar {
      border-radius: 90px;
      width: 64px;
      height: 64px;
      float: left;
      border: 1px solid rgba(0, 0, 0, 0.2);
      margin-right: 20px; }
    .guide-quote .attribution .quote-info {
      float: left;
      width: 60%; }
      .guide-quote .attribution .quote-info .attribution-name {
        margin: 4px 0 0;
        font-size: 16px;
        color: #333; }
      .guide-quote .attribution .quote-info .product-link {
        display: block;
        font-size: 14px; }
    .guide-quote .attribution .guide-quote-tweet {
      opacity: 0;
      float: right;
      margin-top: 18px;
      margin-right: 24px;
      font-style: normal;
      -webkit-transition: all .3s linear;
              transition: all .3s linear; }
      .guide-quote .attribution .guide-quote-tweet .icn {
        display: block; }

.guide-quote:hover .guide-quote-tweet {
  display: inline-block;
  opacity: 1;
  -webkit-transition: opacity .3s linear;
          transition: opacity .3s linear; }

.section-guide-link {
  border-top: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  padding: 10px;
  display: block;
  text-align: center;
  margin: 36px 0; }
  .section-guide-link h4 {
    font-size: 16px;
    display: inline-block;
    margin-right: 10px; }
  .section-guide-link .guide-link {
    margin-top: 21px;
    display: inline-block; }

.article-end {
  text-align: center; }

#follow-guides {
  border-top: 1px solid #d8d8d2;
  border-bottom: 1px solid #d8d8d2;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/home/setup_bg-ca8e79dfa1d63b8688530cb54489ab53.png) top center #efefe9; }
  #follow-guides .social-button-group {
    text-align: center;
    margin: 36px 0 13px; }
    #follow-guides .social-button-group .button {
      font-weight: 500;
      margin-bottom: 19px;
      padding: 18px 14px 18px 67px;
      margin-right: 15px; }
      #follow-guides .social-button-group .button:last-child {
        margin-right: 0; }

.content-grid {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  margin-top: 60px; }
  .content-grid li {
    position: relative;
    padding: 15px 0;
    text-align: center; }
    .content-grid li p {
      margin-top: 12px;
      font-weight: 200;
      font-size: 18px;
      color: #333; }
    .content-grid li .icn {
      display: block;
      position: relative;
      top: 2px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .content-grid li h3 {
      display: block;
      margin-top: 18px; }

.good-company-list {
  margin-top: 56px; }
  .good-company-list li a {
    display: block;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    margin: 16px 0; }
    .good-company-list li a:hover {
      text-decoration: underline; }

.file-types {
  margin-top: 24px; }
  .file-types h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 12px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #dddddd; }
  .file-types .supported,
  .file-types .not-supported {
    overflow: hidden;
    text-indent: -9999px; }
  .file-types td {
    text-align: center; }
  .file-types .icn {
    display: block;
    margin: 0 auto; }

.expando-group .hide-text,
.expando-group .file-types {
  display: none; }
.expando-group.expanded .hide-text,
.expando-group.expanded .file-types {
  display: block; }
.expando-group.expanded .view-text {
  display: none; }

.product-types .icn {
  width: 72px;
  height: 72px;
  display: block; }

#countries ul {
  border-top: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  padding: 24px 0; }
#countries .country {
  margin-top: 12px; }
#countries .more {
  margin-top: 40px; }

.guide-category {
  padding: 22px 0 42px;
  text-align: center; }
  .guide-category h2 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 200;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 41px 0 6px;
    color: #333; }
  .guide-category p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 200;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 auto; }

.guide-list {
  margin: 48px auto 0; }
  .guide-list .guide-card {
    border-radius: 4px;
    -webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;
    display: block;
    position: relative;
    top: 0;
    overflow: hidden;
    margin-bottom: 48px;
    border: 1px solid #dddddd;
    background-color: white;
    font-weight: bold;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); }
    .guide-list .guide-card .guide-icon {
      width: 72px;
      height: 72px;
      display: block;
      position: absolute;
      top: 48px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .guide-list .guide-card .guide-card-image {
      position: relative;
      height: 160px;
      background-color: #f8f8f8; }
    .guide-list .guide-card .guide-name {
      border-top: 1px solid #ccc;
      text-align: center;
      padding: 22px 0; }
      .guide-list .guide-card .guide-name h3 {
        font-size: 16px;
        line-height: bold;
        font-weight: 600;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #222; }
    .guide-list .guide-card:hover {
      -webkit-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out;
      text-decoration: none;
      top: -3px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

#index {
  min-width: 940px; }
  #index .img {
    display: block;
    background: transparent url(https://static-1.gumroad.com/res/gumroad/assets/home/hp_images-cb5d6fc2e950694f22d4b76ac8356ae5.png) 0 0 repeat; }
  #index .module {
    box-sizing: border-box;
    position: relative;
    padding: 44px 0 30px; }
    #index .module.light {
      background: white;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px 2px rgba(0, 0, 0, 0.1); }
    #index .module h2.header {
      padding: 24px 0 36px;
      text-align: center;
      font-size: 26px;
      line-height: 42px;
      color: #444; }
  #index #splash {
    overflow: hidden;
    position: relative;
    padding: 70px 0;
    text-align: center;
    color: #252a2e; }
    #index #splash .gr-logo {
      display: block;
      background-position: 0 -43px;
      width: 130px;
      height: 33px;
      text-indent: -9999px;
      margin: 0 auto; }
    #index #splash #greeting {
      position: relative;
      margin: 0 auto 50px; }
      #index #splash #greeting.animating strong {
        -webkit-transition: width 1s ease-in-out;
                transition: width 1s ease-in-out; }
      #index #splash #greeting h1 {
        font-size: 38px;
        line-height: 46px;
        font-weight: 500;
        color: #575551; }
        #index #splash #greeting h1 strong {
          font-weight: inherit;
          display: inline-block; }
        #index #splash #greeting h1.insert {
          position: absolute;
          top: -360px;
          display: inline-block !important;
          -webkit-transition: top 1s ease-in-out, -webkit-transform 1s ease-in-out;
                  transition: top 1s ease-in-out, transform 1s ease-in-out; }
          #index #splash #greeting h1.insert.showing {
            top: 0; }
          #index #splash #greeting h1.insert.initial-insert {
            opacity: 0; }
          #index #splash #greeting h1.insert.old {
            -webkit-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                    transform: rotate(15deg);
            top: 360px; }
      #index #splash #greeting #placeholder {
        position: absolute;
        left: 15px;
        right: 15px;
        opacity: 0; }
      #index #splash #greeting p {
        font-size: 24px;
        margin-top: 20px;
        font-weight: 200;
        color: #777a7c; }
  #index #how {
    padding-top: 84px; }
    #index #how .how-illustration {
      background-position: 0 0;
      display: block;
      width: 758px;
      height: 212px;
      margin: 0 auto; }
    #index #how .feature-list {
      margin-bottom: 60px; }
    #index #how .feature a {
      margin-top: 20px;
      display: inline-block; }
    #index #how .feature:first-child a {
      color: #f26534; }
    #index #how .feature:nth-child(2) a {
      color: #c92940; }
  #index #press {
    padding: 0; }
    #index #press .publications {
      margin: 30px 0 20px;
      background: url(https://static-1.gumroad.com/res/gumroad/assets/home/press-6edff21df28980569b93093d9215d223.png) center center no-repeat;
      overflow: hidden; }
    #index #press li {
      float: left;
      display: block; }
      #index #press li a {
        text-indent: -9999px;
        height: 36px;
        display: block;
        margin-right: 35px; }
        #index #press li a.techcrunch {
          width: 50px; }
        #index #press li a.wired {
          width: 140px; }
        #index #press li a.verge {
          width: 170px; }
        #index #press li a.gigaom {
          width: 190px; }
        #index #press li a.nytimes {
          width: 250px; }
      #index #press li:last-of-type a {
        margin-right: 0; }
  #index #signup {
    clear: both;
    overflow: hidden;
    padding: 0; }
    #index #signup #quote .product {
      position: relative;
      float: left;
      width: 340px;
      margin-top: 50px;
      -webkit-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out; }
      #index #signup #quote .product:hover {
        cursor: pointer;
        top: -3px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); }
      #index #signup #quote .product:active {
        top: -1px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
    #index #signup #quote .quote {
      position: relative;
      float: left;
      width: 580px;
      margin-left: 20px;
      margin-top: 50px;
      padding-left: 40px;
      font-family: "Georgia", Times, "Times New Roman", serif; }
      #index #signup #quote .quote .hang-quote {
        position: absolute;
        top: 6px;
        left: 17px;
        font-size: 33px;
        color: #767470; }
      #index #signup #quote .quote blockquote {
        color: #767470;
        font-size: 32px;
        line-height: 42px; }
      #index #signup #quote .quote .attribution {
        margin: 24px auto;
        line-height: 24px;
        color: #767470;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
        #index #signup #quote .quote .attribution .avatar {
          border-radius: 99px;
          float: left;
          width: 60px;
          height: 60px;
          margin-right: 16px; }
        #index #signup #quote .quote .attribution .quote-info {
          margin-top: 4px;
          float: left; }
        #index #signup #quote .quote .attribution h4 {
          font-size: 18px;
          font-weight: bold; }
        #index #signup #quote .quote .attribution a {
          color: #767470; }

.footer-signup {
  margin: 28px auto;
  border-top: 1px dotted #b0b0b0;
  padding: 50px 0 16px; }
  .footer-signup button {
    display: block;
    margin: 0 auto; }

#setup {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/home/setup_bg-ca8e79dfa1d63b8688530cb54489ab53.png);
  padding-bottom: 100px;
  min-height: 550px;
  position: relative; }
  #setup #setup-features {
    text-align: left; }
    #setup #setup-features li {
      margin-top: 32px;
      font-size: 15px;
      color: #333; }
      #setup #setup-features li h4 {
        font-weight: bold;
        font-size: 13px; }
      #setup #setup-features li p {
        margin-top: 12px;
        color: #a3a3a3; }
  #setup #setup-product {
    background: transparent url(https://static-1.gumroad.com/res/gumroad/assets/home/hp_images-cb5d6fc2e950694f22d4b76ac8356ae5.png) 0 0 repeat;
    width: 467px;
    height: 335px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -234px;
    background-position: 0 -584px; }

.skus-enabled .variants-box .option-options-wrapper, .skus-enabled .variants-box .subheader {
  display: none !important; }
.skus-enabled .variants-box .option {
  width: 360px !important; }
.skus-enabled .toggle-skus-box {
  display: block; }

.input-group h4 {
  font-weight: bold;
  color: #252a2e;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 20px; }
  .input-group h4 a, .input-group h4 small {
    color: #bbb;
    font-size: 15px;
    font-weight: normal; }
  .input-group h4 small {
    margin-left: 5px; }
  .input-group h4 a, .input-group h4 .licenses_enabled {
    float: right;
    margin-top: 3px; }
.input-group p {
  color: #bbb;
  font-size: 15px; }
  .input-group p input[type=checkbox] {
    margin-right: 4px; }
.input-group .inputs-box {
  width: 628px;
  margin: 0 20px 20px 0;
  position: relative;
  overflow: hidden; }
  .input-group .inputs-box.variants-box {
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 10px; }
    .input-group .inputs-box.variants-box .name {
      box-sizing: border-box; }
    .input-group .inputs-box.variants-box .option {
      width: 328px;
      padding-right: 232px; }
    .input-group .inputs-box.variants-box .remove-option-button {
      right: 10px; }
  .input-group .inputs-box.skus-box .input {
    display: block;
    width: auto; }
  .input-group .inputs-box.skus-box .option-options-wrapper {
    height: 40px;
    right: 0;
    border-right: 1px solid #52b669; }
    .input-group .inputs-box.skus-box .option-options-wrapper .max-purchase-count {
      width: 71px; }
  .input-group .inputs-box.skus-box .option-couplet:first-of-type .option-options-wrapper, .input-group .inputs-box.skus-box .option-couplet:first-of-type .max-purchase-count {
    border-top-right-radius: 4px; }
  .input-group .inputs-box.skus-box .option-couplet:last-of-type .option-options-wrapper, .input-group .inputs-box.skus-box .option-couplet:last-of-type .max-purchase-count {
    border-bottom-right-radius: 4px; }
  .input-group .inputs-box .name {
    border-radius: 4px;
    color: #252a2e;
    width: 606px;
    border: 1px solid #ddd;
    margin-bottom: 10px; }
  .input-group .inputs-box .subheader {
    float: right;
    text-align: left;
    width: 95px;
    height: 20px;
    font-size: 15px;
    color: #aaaaaa;
    padding-bottom: 10px;
    display: block; }
    .input-group .inputs-box .subheader.quantity {
      width: 92px; }
  .input-group .inputs-box .option {
    border-radius: 0;
    color: #252a2e;
    background: transparent;
    border: 1px solid #ddd;
    border-bottom-width: 0;
    width: 348px;
    padding-right: 232px; }
  .input-group .inputs-box .offer-code-name {
    width: 338px;
    padding-right: 252px;
    text-transform: lowercase; }
    .input-group .inputs-box .offer-code-name.with-prefix {
      text-indent: 135px; }
    .input-group .inputs-box .offer-code-name.with-icon {
      text-indent: 20px; }
  .input-group .inputs-box .option-couplet {
    clear: both;
    position: relative; }
    .input-group .inputs-box .option-couplet:first-of-type .option, .input-group .inputs-box .option-couplet:first-of-type .offer-code-name {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .input-group .inputs-box .option-couplet:last-of-type .option, .input-group .inputs-box .option-couplet:last-of-type .offer-code-name {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .input-group .inputs-box .option-couplet:first-of-type .prefix-checkbox {
      border-top-left-radius: 3px; }
    .input-group .inputs-box .option-couplet:last-of-type .prefix-checkbox {
      border-bottom-left-radius: 3px; }
    .input-group .inputs-box .option-couplet .url {
      position: absolute;
      top: 11px;
      color: #aaaaaa;
      font-size: 17px;
      pointer-events: none; }
  .input-group .inputs-box .left {
    color: #aaaaaa;
    position: absolute;
    font-size: 15px;
    right: 200px;
    top: 11px; }
  .input-group .inputs-box .used {
    color: #aaaaaa;
    font-size: 15px; }
  .input-group .inputs-box .prefix-checkbox {
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 1px;
    background: #eee;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-right: 1px solid #ddd;
    text-transform: uppercase;
    color: #999; }
    .input-group .inputs-box .prefix-checkbox input {
      margin-right: 5px; }
  .input-group .inputs-box .all-products-notice {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 20px; }
  .input-group .inputs-box .option-options-wrapper {
    display: block;
    position: absolute;
    right: 32px;
    height: 16px;
    margin-top: -41px;
    border-top: 1px solid #64be79;
    border-bottom: 1px solid #52b669;
    border-width: 1px 0; }
    .input-group .inputs-box .option-options-wrapper .price-prefix {
      color: white;
      background: #64be79;
      position: absolute;
      top: -1px;
      bottom: -1px;
      right: 100%;
      height: 17px;
      text-align: center;
      padding: 12px 8px;
      border-top: 1px solid #52b669;
      font-size: 17px;
      line-height: 17px;
      min-width: 20px; }
  .input-group .inputs-box .offer-code-options-wrapper {
    border-color: transparent; }
    .input-group .inputs-box .offer-code-options-wrapper span, .input-group .inputs-box .offer-code-options-wrapper .copy {
      font-size: 15px;
      line-height: 17px;
      padding: 0 10px; }
    .input-group .inputs-box .offer-code-options-wrapper .currency_sign {
      padding-right: 0; }
    .input-group .inputs-box .offer-code-options-wrapper .copy {
      padding: 0 8px;
      display: inline-block;
      color: #aaa;
      text-decoration: underline; }
    .input-group .inputs-box .offer-code-options-wrapper .left {
      font-size: 15px !important;
      white-space: nowrap;
      right: 172px;
      cursor: default; }
    .input-group .inputs-box .offer-code-options-wrapper .amount-off-prefix {
      text-decoration: underline;
      color: inherit;
      font-size: 15px;
      background: #f2f2f2;
      padding: 10px 10px 9px;
      border: 1px solid #ddd;
      border-width: 0 1px;
      width: 15px;
      text-align: center; }
      .input-group .inputs-box .offer-code-options-wrapper .amount-off-prefix.showing {
        display: inline-block; }
  .input-group .inputs-box .price-change, .input-group .inputs-box .max-purchase-count, .input-group .inputs-box .amount-off, .input-group .inputs-box .quantity {
    border-radius: 0;
    width: 40px;
    height: 20px;
    border: 0;
    text-align: center;
    color: #999891;
    border-bottom: 1px solid #52b669; }
  .input-group .inputs-box .amount-off, .input-group .inputs-box .quantity {
    border: 1px solid #ddd;
    border-width: 0 1px; }
    .input-group .inputs-box .amount-off:focus, .input-group .inputs-box .quantity:focus {
      box-shadow: none; }
  .input-group .inputs-box .amount-off {
    border-width: 0;
    text-align: right;
    width: 50px; }
  .input-group .inputs-box .quantity {
    border-right-width: 0; }
  .input-group .inputs-box .max-purchase-count {
    border-left: 1px solid #64be79 !important; }
    .input-group .inputs-box .max-purchase-count:focus {
      border-color: none;
      box-shadow: none; }
  .input-group .inputs-box .remove-option-button {
    position: absolute;
    background: #cd5959;
    color: white;
    right: 0;
    margin-top: -41px;
    border-top: 1px solid #bb3838;
    width: 32px;
    height: 40px; }
    .input-group .inputs-box .remove-option-button .icn.close {
      top: 15px;
      left: 11px; }
    .input-group .inputs-box .remove-option-button:hover {
      text-decoration: none;
      background: #c74545; }
    .input-group .inputs-box .remove-option-button:first-of-type {
      border-top-right-radius: 4px; }
    .input-group .inputs-box .remove-option-button:last-of-type {
      margin-top: -42px;
      border-bottom: 1px solid #bb3838;
      border-bottom-right-radius: 4px; }
  .input-group .inputs-box .option-couplet:last-of-type .option, .input-group .inputs-box .option-couplet:last-of-type .offer-code-name {
    border-bottom: 1px solid #ddd; }
  .input-group .inputs-box .option-couplet:last-of-type .price-change-wrapper, .input-group .inputs-box .option-couplet:last-of-type .offer-code-options-wrapper {
    margin-top: -42px; }

.invites-header {
  margin-top: 30px; }
  .invites-header .invites-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 15px;
    text-align: center; }
  .invites-header .invites-introduction {
    color: #999;
    font-size: 18px;
    line-height: 1.8;
    text-align: center; }

.invites-content {
  border-radius: 4px;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  margin: 40px 0;
  padding: 0;
  overflow: hidden; }
  .invites-content .invites-form {
    background: #f5f5f5;
    padding: 15px; }
    .invites-content .invites-form .invites-email-input {
      width: 100%; }
      .invites-content .invites-form .invites-email-input input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right-width: 0; }
      .invites-content .invites-form .invites-email-input button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left-width: 0;
        height: 42px;
        position: absolute;
        right: 0;
        top: 0; }
    .invites-content .invites-form .invites-link-input {
      border-radius: 4px;
      background: white;
      border: 1px solid #dddddd;
      color: #999891;
      font-size: 17px;
      padding: 10px; }
      .invites-content .invites-form .invites-link-input .copy {
        display: inline-block;
        height: 14px;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 100%;
        padding-right: 10px; }
      .invites-content .invites-form .invites-link-input li {
        display: inline;
        line-height: 0; }
        .invites-content .invites-form .invites-link-input li.invites-facebook-url, .invites-content .invites-form .invites-link-input li.invites-twitter-url {
          color: #aaaaaa;
          font-size: 14px; }
          .invites-content .invites-form .invites-link-input li.invites-facebook-url:hover, .invites-content .invites-form .invites-link-input li.invites-twitter-url:hover {
            color: #909090; }
        .invites-content .invites-form .invites-link-input li.invites-facebook-url {
          font-size: 16px;
          margin-left: 5px; }
        .invites-content .invites-form .invites-link-input li a {
          color: #aaaaaa; }
        .invites-content .invites-form .invites-link-input li ul {
          background: #f9f9f9;
          border-left: 1px solid #ddd;
          border-bottom-right-radius: 4px;
          border-top-right-radius: 4px;
          padding: 12px 10px 13px;
          position: absolute;
          right: 0;
          top: 0; }
    .invites-content .invites-form .four.columns {
      padding-right: 0; }
  .invites-content .invites-table {
    border-width: 1px;
    border-color: #eee;
    border-collapse: collapse;
    overflow: hidden;
    width: 100%; }
    .invites-content .invites-table th {
      font-size: 17px;
      text-align: left;
      color: #aaa;
      padding: 15px 0;
      border-bottom: 1px solid #eee;
      border-top: 1px solid #eee;
      width: 50%; }
      .invites-content .invites-table th:first-child {
        padding-left: 15px;
        border-top-left-radius: 4px; }
      .invites-content .invites-table th:last-child {
        padding-right: 15px;
        border-top-right-radius: 4px; }
    .invites-content .invites-table td {
      font-size: 17px;
      padding: 15px 0;
      border-top: 1px #eee dotted;
      width: 50%; }
      .invites-content .invites-table td:first-child {
        padding-left: 15px; }
      .invites-content .invites-table td:last-child {
        padding-right: 15px; }

.invites-footer {
  color: #cccccc;
  text-align: center;
  margin-bottom: 30px; }

.invites-signup {
  max-width: 670px;
  margin: 100px auto 60px; }
  .invites-signup .invites-signup-content {
    border-radius: 4px;
    background: white;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
    width: 100%; }
    .invites-signup .invites-signup-content .password,
    .invites-signup .invites-signup-content .social-auth .button-social-twitter {
      margin-bottom: 0; }

@media (max-width: 480px) {
  .invites-signup {
    margin: 0; }
    .invites-signup .invites-signup-content {
      border-radius: 0; } }
.invites-signup-header {
  background: white;
  border-bottom: 1px dotted #e8e8e8;
  margin: 15px 0 30px;
  padding: 0 30px 30px; }

@media (max-width: 480px) {
  .invites-signup-header {
    padding: 0 15px 15px;
    margin-bottom: 5px; }
    .invites-signup-header .invites-title {
      font-size: 18px;
      margin-bottom: 5px; }
    .invites-signup-header .invites-introduction {
      font-size: 14px; } }
.invites-avatar {
  text-align: center; }
  .invites-avatar img {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 50%;
    padding: 5px;
    height: 100px;
    width: 100px;
    margin-top: -55px; }

@media (max-width: 480px) {
  .invites-avatar img {
    margin-top: 30px; } }
.invites-signup-footer.nav.core {
  background: transparent;
  border-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center; }
  .invites-signup-footer.nav.core .gr-logo {
    margin: 0 auto; }

.invoice-preview {
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  min-height: 200px;
  overflow: hidden;
  padding: 20px;
  font-size: 11px;
  margin-bottom: 20px; }
  .invoice-preview .sidebar {
    box-sizing: border-box;
    width: 30%;
    float: left; }
  .invoice-preview .main {
    box-sizing: border-box;
    width: 52%;
    float: right; }
    .invoice-preview .main h2 {
      font-size: 18px; }
    .invoice-preview .main .faded {
      opacity: .5; }
  .invoice-preview strong {
    display: block;
    color: #454545;
    margin-top: 10px; }

.gumroad-button {
  background-color: #fff;
  background-repeat: repeat-x;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px;
  color: #999 !important;
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 50px;
  padding: 0 15px;
  text-shadow: none !important;
  font-style: none !important;
  text-decoration: none !important;
  -webkit-transition: color .3s ease-in-out, box-shadow .1s ease-in-out;
          transition: color .3s ease-in-out, box-shadow .1s ease-in-out; }
  .gumroad-button span {
    background-image: url(https://static-1.gumroad.com/res/gumroad/button/button_logo.png);
    background-size: cover;
    height: 17px;
    width: 16px;
    display: inline-block;
    content: "";
    margin-bottom: -3px;
    margin-right: 15px; }
  .gumroad-button strong {
    color: #666;
    font-weight: bold; }
  .gumroad-button:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px !important;
    color: #777 !important; }
  .gumroad-button:active {
    box-shadow: inset rgba(0, 0, 0, 0.3) 0 0 3px !important;
    background: #f5f5f5; }

.top-bar {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/header_bar-c2717a78bdb9841e135d60bc0c127372.png) top center;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 9; }

#flash-message {
  box-sizing: border-box;
  position: fixed;
  z-index: 13;
  top: -48px;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  padding: 12px;
  color: #252a2e;
  font-size: 15px;
  display: block;
  height: 48px;
  -webkit-transition: top .3s linear, box-shadow .3s linear;
          transition: top .3s linear, box-shadow .3s linear; }
  #flash-message.showing {
    top: 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1); }

.library-header {
  text-align: center;
  font-size: 24px;
  line-height: 36px;
  margin: 50px 0; }

.library-container footer {
  display: none; }
.library-container .mobile-apps-callout {
  bottom: 0;
  box-shadow: none;
  position: fixed;
  width: 100%; }

.library {
  padding: 50px 0;
  -webkit-transition: height .3s ease-in-out;
          transition: height .3s ease-in-out; }
  .library .product-row {
    margin-bottom: 30px; }
  .library .dropbox-dropin-btn {
    display: block !important;
    border-radius: 4px !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
    background: whitesmoke !important;
    color: #797874 !important;
    border: 1px solid #c0c0c0 !important;
    text-align: center;
    font-size: 17px !important;
    line-height: 100% !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
    padding: 11px 15px 12px !important;
    margin-bottom: 15px;
    height: auto !important; }
    .library .dropbox-dropin-btn:hover {
      -webkit-transition: background .05s ease-in-out;
              transition: background .05s ease-in-out;
      background: #eee !important;
      color: #5f5e5b !important;
      box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15) !important; }
    .library .dropbox-dropin-btn .dropin-btn-status {
      top: -1px !important;
      right: 5px !important; }
  .library .kindle-widget {
    box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
    background: whitesmoke;
    color: #797874;
    border: 1px solid #c0c0c0;
    padding: 11px 15px 12px;
    display: block;
    text-align: center;
    font-size: 17px; }
    .library .kindle-widget:hover {
      -webkit-transition: background .05s ease-in-out;
              transition: background .05s ease-in-out;
      background: #eee !important;
      color: #5f5e5b !important;
      box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15) !important;
      border-color: #c0c0c0; }
  .library .preview-container {
    height: 300px;
    width: 100%;
    background: white;
    position: relative;
    cursor: pointer; }
    .library .preview-container[data-preview] {
      background-size: cover !important;
      background-repeat: no-repeat;
      height: 100% !important; }
      .library .preview-container[data-preview] .image-preview-container {
        height: 100% !important; }
        .library .preview-container[data-preview] .image-preview-container img.preview {
          display: none;
          width: 0;
          min-width: 0; }
      .library .preview-container[data-preview] .oembed-preview-container iframe {
        max-height: 100%; }
      .library .preview-container[data-preview] .preview-shadow {
        display: none !important; }
    .library .preview-container .product-name-container {
      display: block;
      position: absolute;
      bottom: 0;
      padding: 20px;
      background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));
      background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));
      width: 100%; }
      .library .preview-container .product-name-container h2 {
        margin-top: 10px;
        font-weight: bold;
        font-size: 16px;
        color: white;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .library .preview-container .remaining {
      display: inline-block;
      margin-left: 10px;
      color: #999; }
  .library .product {
    height: 300px;
    -webkit-transition: margin-top .3s ease-in-out;
            transition: margin-top .3s ease-in-out; }
    .library .product.showing-product-information, .library .product.showing-product-information .product-main {
      overflow: visible; }
    .library .product.showing-product-information .product-information {
      opacity: 1;
      pointer-events: all;
      margin-bottom: 100px; }
      .library .product.showing-product-information .product-information:hover {
        cursor: auto; }
  .library .product-content {
    width: 910px;
    margin: 0 auto;
    position: relative; }
    .library .product-content:before, .library .product-content:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-bottom-color: white;
      border-width: 10px;
      margin-left: -10px;
      left: 50%;
      bottom: 100%; }
    .library .product-content:before {
      border-bottom-color: rgba(0, 0, 0, 0.15);
      margin-bottom: 1px; }
    .library .product-content.left-arrow:before, .library .product-content.left-arrow:after {
      left: 141px; }
    .library .product-content.middle-arrow:before, .library .product-content.middle-arrow:after {
      left: 50%; }
    .library .product-content.right-arrow:before, .library .product-content.right-arrow:after {
      left: 767px; }
    .library .product-content .description {
      width: 590px;
      float: left; }
    .library .product-content .actions {
      width: 283px;
      float: right; }
  .library .product-information {
    -webkit-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;
    position: absolute;
    top: 100%;
    margin-top: 30px;
    background: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-width: 1px 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    opacity: 0;
    pointer-events: none; }
    .library .product-information .description .by {
      margin: 0 0 10px;
      font-size: 17px;
      display: block;
      color: #797874; }
    .library .product-information .description h1 {
      font-size: 20px;
      line-height: 27px;
      color: #252a2e;
      font-weight: bold; }
    .library .product-information .description blockquote {
      color: #6f6f6f;
      font-size: 18px;
      line-height: 27px;
      word-wrap: break-word; }
    .library .product-information .description .date {
      color: #999;
      float: right;
      margin-top: 0; }
    .library .product-information .purchase-notice {
      display: inline-block;
      margin: 20px 0; }
    .library .product-information .installments {
      margin-bottom: 20px;
      position: relative; }
      .library .product-information .installments strong {
        text-transform: uppercase;
        font-weight: normal;
        color: #bfbfbf;
        font-size: 13px;
        line-height: 21px;
        margin: 0; }
      .library .product-information .installments li {
        margin-top: 10px;
        font-size: 15px;
        color: #999; }
        .library .product-information .installments li a {
          display: inline-block;
          margin-right: 5px; }
    .library .product-information .cancel-subscription-options, .library .product-information .cancel-subscription-countdown-ui {
      font-weight: bold;
      color: #252a2e;
      font-size: 15px; }
      .library .product-information .cancel-subscription-options a, .library .product-information .cancel-subscription-countdown-ui a {
        color: inherit;
        font-weight: inherit;
        text-decoration: underline; }
    .library .product-information .kindle-email {
      border-radius: 4px;
      padding: 8px 10px;
      background: rgba(0, 0, 0, 0.1);
      margin-bottom: 15px;
      position: relative; }
      .library .product-information .kindle-email:after {
        content: "";
        height: 0;
        position: absolute;
        width: 0;
        border-color: transparent;
        border-style: solid;
        top: 100%;
        left: 25px;
        border-width: 5px;
        border-top-color: rgba(0, 0, 0, 0.1); }
      .library .product-information .kindle-email label {
        font-weight: bold;
        color: #252a2e;
        font-size: 15px;
        display: block;
        margin-bottom: 8px; }
      .library .product-information .kindle-email input {
        display: block;
        background: white;
        float: left;
        font-size: 13px;
        padding: 2px 5px;
        margin-right: 8px; }
      .library .product-information .kindle-email .note {
        display: block;
        margin-top: 8px;
        font-size: 13px; }
        .library .product-information .kindle-email .note a {
          color: #252a2e;
          text-decoration: underline; }
    .library .product-information .description, .library .product-information .actions {
      margin: 20px 0; }
    .library .product-information .actions {
      margin-bottom: 5px; }
      .library .product-information .actions button, .library .product-information .actions .button, .library .product-information .actions .dropbox-saver {
        margin-bottom: 15px; }
      .library .product-information .actions .pause-button, .library .product-information .actions .play-button {
        color: inherit; }

.purchase-notice {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  margin-right: 10px;
  padding: 2px 8px;
  display: inline-block;
  font-size: 11px;
  position: relative;
  top: -1px; }

.kindle-widget {
  border-radius: 4px;
  display: inline-block;
  padding: 5px 6px 4px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 12px;
  line-height: 16px;
  border: #ccc 1px solid;
  color: #252a2e;
  background: transparent url(https://static-1.gumroad.com/res/gumroad/assets/kindle-button-gradient-8765bc14daeece231becae0dff25f502.png) repeat-x;
  background-size: contain;
  height: 15px; }
  .kindle-widget:hover {
    border-color: #999; }
  .kindle-widget:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }
  .kindle-widget img {
    vertical-align: top;
    margin-right: 4px; }

.loading-overlay {
  width: 100%;
  height: 100%;
  z-index: 200;
  background: white;
  opacity: 1;
  cursor: wait;
  position: absolute;
  text-align: center; }
  .loading-overlay.middle {
    background: rgba(255, 255, 255, 0.5); }
  .loading-overlay img {
    display: block;
    position: absolute;
    top: 200px;
    margin-top: -16px;
    left: 50%;
    margin-left: -16px; }
  .loading-overlay.analytics {
    left: -60px;
    padding: 0 60px; }
  .loading-overlay.admin {
    background: #efefe9; }

.greeter {
  border-radius: 4px;
  background: #f0f0f0;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin: 24px 0;
  overflow: hidden;
  position: relative; }
  .greeter .megaphone-tasks {
    display: block;
    padding-left: 0;
    padding-right: 0;
    border-left: 1px solid #e1e0db;
    background-color: #f5f5f5; }
    .greeter .megaphone-tasks li {
      border-bottom: 1px solid #eae9e7; }
      .greeter .megaphone-tasks li:nth-child(odd) {
        background-color: #fafafa; }
    .greeter .megaphone-tasks .megaphone-task {
      position: relative;
      padding: 30px 36px 30px 64px; }
      .greeter .megaphone-tasks .megaphone-task h2 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 6px; }
      .greeter .megaphone-tasks .megaphone-task .status {
        top: 24px;
        left: 16px;
        border-color: #e6e6e6; }
        .greeter .megaphone-tasks .megaphone-task .status .numbered {
          color: #999; }
      .greeter .megaphone-tasks .megaphone-task p {
        margin: 0; }
      .greeter .megaphone-tasks .megaphone-task:last-child {
        border-bottom: 0; }
  .greeter .welcome {
    padding-left: 0;
    padding-right: 0; }
    .greeter .welcome .welcome-header {
      box-sizing: border-box;
      overflow: hidden;
      display: inline-block;
      padding: 15px 0 15px 15px;
      width: 100%; }
      .greeter .welcome .welcome-header .welcome-team {
        width: 50px;
        height: 50px;
        display: block;
        border-radius: 50%;
        float: left;
        background: white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
      .greeter .welcome .welcome-header h2 {
        color: #666;
        font-size: 20px;
        font-weight: 500;
        margin: 15px 0 0 10px;
        float: left; }
    .greeter .welcome .welcome-introduction {
      box-sizing: border-box;
      border-radius: 4px;
      background: white;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      margin: 0 auto;
      padding: 20px;
      position: relative;
      width: 90%; }
      .greeter .welcome .welcome-introduction:before {
        content: "";
        height: 0;
        position: absolute;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 8px;
        margin-left: -3px;
        border-bottom-color: white;
        margin-top: -15px;
        z-index: 0;
        top: 0; }
      .greeter .welcome .welcome-introduction p {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 15px;
        color: #999; }
        .greeter .welcome .welcome-introduction p:first-child {
          font-size: 18px;
          line-height: 1.5;
          color: #666; }
      .greeter .welcome .welcome-introduction .signoff p {
        margin: 0;
        font-size: 14px;
        color: #999;
        border-top: 1px solid #eee;
        padding-top: 15px; }
      .greeter .welcome .welcome-introduction .signoff strong {
        color: #666;
        font-size: 14px; }
    .greeter .welcome .welcome-footer .greeter-dismiss {
      border-radius: 4px;
      -webkit-transition: all 0.5s ease-in-out;
              transition: all 0.5s ease-in-out;
      border: 1px solid #ddd;
      background: #e5e5e5;
      color: #888;
      font-size: 14px;
      font-weight: 500;
      width: 282px;
      margin: 15px;
      overflow: hidden;
      padding: 20px;
      position: relative; }
      .greeter .welcome .welcome-footer .greeter-dismiss .gi-close {
        -webkit-transition: all 0.1s ease-in-out;
                transition: all 0.1s ease-in-out;
        position: absolute;
        top: 25px;
        right: 20px;
        -webkit-transform: translate(0, -50px);
            -ms-transform: translate(0, -50px);
                transform: translate(0, -50px);
        opacity: 0; }
      .greeter .welcome .welcome-footer .greeter-dismiss:hover {
        background: #e0e0e0;
        text-decoration: none; }
        .greeter .welcome .welcome-footer .greeter-dismiss:hover .gi-close {
          -webkit-transition: all 0.1s ease-in-out;
                  transition: all 0.1s ease-in-out;
          -webkit-transform: translate(0, 0);
              -ms-transform: translate(0, 0);
                  transform: translate(0, 0);
          opacity: 1; }
      .greeter .welcome .welcome-footer .greeter-dismiss:active {
        -webkit-transition: all 0s ease-in-out;
                transition: all 0s ease-in-out;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
        margin-top: 16px; }

.megaphone-group {
  position: relative; }
  .megaphone-group .megaphone {
    position: relative; }
    .megaphone-group .megaphone .task-counter {
      border-radius: 4px;
      padding: 0 6px;
      line-height: 19px;
      background-color: #159499;
      border: 1px solid #148b90;
      color: #fff;
      display: inline-block; }
      .megaphone-group .megaphone .task-counter .gi-megaphone {
        display: none; }
      .megaphone-group .megaphone .task-counter:hover {
        background-color: #127e83;
        color: #fff;
        text-decoration: none; }
    .megaphone-group .megaphone.disabled .task-counter:hover {
      cursor: default; }
    .megaphone-group .megaphone.disabled .task-counter, .megaphone-group .megaphone .task-counter.no-tasks {
      background-color: transparent;
      border: 1px solid transparent;
      padding: 0; }
      .megaphone-group .megaphone.disabled .task-counter .task-count, .megaphone-group .megaphone .task-counter.no-tasks .task-count {
        display: none; }
      .megaphone-group .megaphone.disabled .task-counter .gi-megaphone, .megaphone-group .megaphone .task-counter.no-tasks .gi-megaphone {
        color: #a0a0a0;
        display: block; }
        .megaphone-group .megaphone.disabled .task-counter .gi-megaphone:hover, .megaphone-group .megaphone .task-counter.no-tasks .gi-megaphone:hover {
          color: #666; }

.nav.core .megaphone-dropdown li {
  border-bottom: 1px solid #e9e9e9;
  display: block;
  padding: 17px 18px 18px 48px; }
  .nav.core .megaphone-dropdown li:last-child {
    border-bottom: 0; }
.nav.core .megaphone-dropdown .megaphone-task {
  -webkit-transition: all 0.2s linear;
          transition: all 0.2s linear;
  display: block;
  position: relative;
  opacity: 1; }
  .nav.core .megaphone-dropdown .megaphone-task h2 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
    color: #333; }
  .nav.core .megaphone-dropdown .megaphone-task p {
    font-size: 13px;
    line-height: 18px;
    color: #777; }
    .nav.core .megaphone-dropdown .megaphone-task p:not(:last-child) {
      margin-bottom: 6px; }
  .nav.core .megaphone-dropdown .megaphone-task .megaphone-task-dismiss {
    display: none;
    position: absolute;
    padding: 0;
    top: 20px;
    right: 23px;
    line-height: 10px; }
    .nav.core .megaphone-dropdown .megaphone-task .megaphone-task-dismiss .icn.close {
      width: 8px;
      height: 12px;
      left: 0;
      top: 0;
      right: 0;
      background-position: -40px -512px;
      opacity: .7; }
.nav.core .megaphone-dropdown .megaphone-task:hover .megaphone-task-dismiss {
  display: block; }

.status {
  width: 26px;
  height: 26px;
  display: block;
  border-radius: 99px;
  position: absolute;
  top: 14px;
  left: 8px;
  border: 2px solid #ddd;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  vertical-align: center; }
  .status .numbered {
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    font-weight: 200; }
  .status .checked {
    position: absolute;
    top: 2px;
    left: -1px;
    right: 0;
    display: none; }

.nav.core .megaphone-group.open .default-message,
.megaphone-open .megaphone .default-message {
  padding: 22px 32px; }
  .nav.core .megaphone-group.open .default-message h2,
  .megaphone-open .megaphone .default-message h2 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 18px; }
  .nav.core .megaphone-group.open .default-message p,
  .megaphone-open .megaphone .default-message p {
    margin: 12px 0 14px; }
  .nav.core .megaphone-group.open .default-message .button,
  .megaphone-open .megaphone .default-message .button {
    margin-top: 12px;
    color: #252a2e;
    font-size: 13px; }
.nav.core .megaphone-group.open .megaphone-dropdown,
.megaphone-open .megaphone .megaphone-dropdown {
  display: block;
  overflow: visible; }

.megaphone-action {
  margin: 12px 0 0; }
  .megaphone-action .button {
    margin-right: 5px; }
  .megaphone-action span {
    display: inline-block; }

.greeter .megaphone-task.completed, .megaphone-dropdown .megaphone-task.completed {
  overflow: visible; }
  .greeter .megaphone-task.completed > *, .megaphone-dropdown .megaphone-task.completed > * {
    opacity: .4;
    -webkit-transition: opacity .2s ease-out .2s;
            transition: opacity .2s ease-out .2s; }
  .greeter .megaphone-task.completed .megaphone-action, .megaphone-dropdown .megaphone-task.completed .megaphone-action {
    pointer-events: none; }
  .greeter .megaphone-task.completed .status, .megaphone-dropdown .megaphone-task.completed .status {
    border-color: #159499;
    -webkit-animation: animateStatus .3s linear;
            animation: animateStatus .3s linear; }
    .greeter .megaphone-task.completed .status .numbered, .megaphone-dropdown .megaphone-task.completed .status .numbered {
      display: none; }
    .greeter .megaphone-task.completed .status .checked, .megaphone-dropdown .megaphone-task.completed .status .checked {
      display: block;
      color: #159499;
      font-weight: bold; }

@-webkit-keyframes animateStatus {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes animateStatus {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
.megaphone-tasks.alternative {
  border-left: 0; }
  .megaphone-tasks.alternative .welcome-top-header {
    background-color: white;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02);
    padding: 22px 36px; }
    .megaphone-tasks.alternative .welcome-top-header h2 {
      font-size: 17px;
      float: left;
      font-weight: bold;
      color: #555; }
    .megaphone-tasks.alternative .welcome-top-header .greeter-dismiss {
      position: relative;
      float: right;
      color: #999;
      padding: 3px 0 0 28px; }

#greeter-dismiss-tooltip {
  right: -127px; }

body.is-modal {
  background: rgba(0, 0, 0, 0.6) !important; }
  body.is-modal .main-product-row .product {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 6px 20px rgba(0, 0, 0, 0.4);
    margin-top: 28px; }
  body.is-modal #sharing, body.is-modal .top-bar, body.is-modal #admin-bar, body.is-modal .original-product-row .author-byline, body.is-modal #locale-holder {
    display: none !important; }

#iframe_loading_indicator {
  position: fixed;
  z-index: 2000;
  color: white;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
  text-align: center;
  height: 64px;
  width: 64px;
  background: black;
  border-radius: 10px;
  display: none; }
  #iframe_loading_indicator img {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -16px; }

.more-information {
  box-sizing: border-box;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=transparent, endColorstr=rgba(0, 0, 0, 0.8), GradientType=0)";
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8));
  background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.8));
  border-radius: 4px;
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }
  .more-information .details {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    padding: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    text-overflow: ellipsis; }
  .more-information a {
    text-decoration: none; }
  .more-information h2 {
    padding: 15px;
    font-weight: bold;
    color: white;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    bottom: 0; }
    .more-information h2 small {
      margin-top: 4px;
      display: block;
      font-weight: normal;
      font-size: 13px;
      line-height: 13px;
      color: #ccc; }
  .more-information blockquote {
    margin-top: 12px;
    color: #ccc; }
    .more-information blockquote a {
      color: white; }
      .more-information blockquote a:active {
        color: inherit; }
  .more-information .product-info {
    display: none !important; }

.product:hover .more-information {
  opacity: 1;
  cursor: pointer; }

.nav {
  width: 100%; }
  .nav li {
    float: left; }
    .nav li.right-most {
      position: absolute;
      right: 115px; }
    .nav li > a:not(.button) {
      display: block;
      font-size: 13px;
      font-weight: 500;
      color: #a0a0a0; }
      .nav li > a:not(.button):hover {
        color: #666;
        text-decoration: none; }
      .nav li > a:not(.button).active {
        color: #333; }
  .nav.centered li {
    float: none;
    display: inline-block; }
  .nav.core {
    background-color: #efefe9;
    border-bottom: 1px solid #ddd;
    padding-top: 3px; }
    .nav.core .logo {
      float: left;
      overflow: hidden;
      height: 68px; }
      .nav.core .logo .gr-logo {
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        top: 23px; }
    .nav.core ul {
      float: right; }
    .nav.core li > a:not(.button) {
      height: 68px;
      padding: 0 20px;
      line-height: 68px; }
      .nav.core li > a:not(.button).active {
        color: #333; }
    .nav.core .gi {
      float: left;
      font-size: 22px;
      padding: 23px 0;
      margin: 0 10px 0 0; }
    .nav.core .account {
      border-left: 1px solid #ddd;
      margin-left: 12px;
      padding-left: 15px; }
      .nav.core .account .nav-item {
        padding: 0 10px;
        text-align: center;
        width: 18px; }
        .nav.core .account .nav-item .gi {
          float: none;
          padding: 23px 0 0; }
      .nav.core .account li:last-of-type .nav-item {
        margin-right: 0;
        padding-right: 0; }
    .nav.core .logged-out li > a:not(.button) {
      padding-left: 20px; }
    .nav.core .logged-out .account {
      border-left: 1px solid transparent;
      padding-left: 0;
      margin-left: 0; }
      .nav.core .logged-out .account li a.button {
        margin: 23px 18px 18px; }
    .nav.core .nav-dropdown ul {
      float: none; }
      .nav.core .nav-dropdown ul li {
        float: none; }
  .nav.sub {
    z-index: 6;
    background: white;
    border-bottom: 1px solid #f0f0f0; }
    .nav.sub li > a:not(.button) {
      padding: 0 20px;
      line-height: 65px; }
  .nav.context {
    z-index: 6;
    background: white;
    border-bottom: 1px solid #f0f0f0;
    position: absolute; }
    .nav.context.sticky {
      position: fixed;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
      top: 0; }
    .nav.context .login {
      margin-left: 20px; }

.nav-tooltip {
  border-radius: 4px;
  display: none;
  position: absolute;
  z-index: 10;
  top: 55px;
  right: -122px;
  width: 260px;
  padding: 15px;
  border: 1px solid #e1e0db;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.074);
  background: rgba(255, 255, 255, 0.9); }
  .nav-tooltip h5 {
    color: #252a2e;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 6px; }
  .nav-tooltip p {
    margin-bottom: 9px; }
    .nav-tooltip p strong {
      font-weight: bold; }
    .nav-tooltip p.total-p {
      font-size: 14px;
      line-height: 14px;
      margin-bottom: 9px; }
    .nav-tooltip p:last-child {
      margin-bottom: 0; }
  .nav-tooltip:before, .nav-tooltip:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    margin-left: -6px;
    bottom: 100%;
    border-bottom-color: white;
    border-width: 6px; }
  .nav-tooltip:before {
    margin-bottom: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.1); }

.nav-dropdown {
  top: 55px; }

.learn-dropdown {
  line-height: 21px; }
  .learn-dropdown li {
    box-sizing: border-box;
    width: 100%;
    padding: 15px 15px 15px 40px;
    border-bottom: 1px solid #ddd;
    position: relative;
    color: #797874; }
    .learn-dropdown li:hover p {
      color: #454545; }
  .learn-dropdown a:last-child li {
    border-bottom-width: 0; }
  .learn-dropdown h2 {
    color: #252a2e;
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: bold; }
  .learn-dropdown i {
    position: absolute;
    top: -9px;
    left: 15px; }

.learn-hover-trigger:hover .learn-dropdown {
  display: block; }

.minimal-nav {
  color: white;
  float: left;
  font-size: 17px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4; }
  .minimal-nav a {
    color: white; }
  .minimal-nav .left {
    line-height: 40px;
    float: left;
    padding: 18px; }
    .minimal-nav .left .logo {
      font-size: 2em;
      float: left;
      margin: 1px 15px 0 6px; }
    .minimal-nav .left .text {
      display: inline-block;
      line-height: 36px; }
      .minimal-nav .left .text span {
        border-bottom: 1px solid;
        padding-bottom: 2px; }
  .minimal-nav .vertical-nav li {
    display: inline-block;
    margin-right: 30px; }
    .minimal-nav .vertical-nav li a {
      opacity: .6; }
      .minimal-nav .vertical-nav li a:hover {
        opacity: 1;
        text-decoration: none; }
    .minimal-nav .vertical-nav li:first-child, .minimal-nav .vertical-nav li:nth-child(2) {
      opacity: 1; }
      .minimal-nav .vertical-nav li:first-child a, .minimal-nav .vertical-nav li:nth-child(2) a {
        opacity: 1; }
    .minimal-nav .vertical-nav li:last-child {
      margin-right: 0; }
  .minimal-nav .right {
    float: right;
    padding: 1em; }
    .minimal-nav .right .login-button {
      box-shadow: none;
      font-size: 17px; }
      .minimal-nav .right .login-button:hover {
        box-shadow: none;
        text-decoration: underline; }
    .minimal-nav .right .start-selling {
      width: auto;
      height: 40px;
      line-height: 40px; }

@media (max-width: 768px) {
  .minimal-nav {
    font-size: 14px;
    padding: 10px; }
    .minimal-nav .vertical-nav li {
      margin-right: 15px; }
    .minimal-nav .right, .minimal-nav .left {
      padding: 0; }
      .minimal-nav .right .login-button, .minimal-nav .right .start-selling, .minimal-nav .left .login-button, .minimal-nav .left .start-selling {
        font-size: 14px; } }
.new-product-form {
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
  background: #f5f5f5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  font-size: 15px;
  overflow: hidden;
  height: 50px; }
  .new-product-form.showing-search {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-width: 0; }
  .new-product-form .step .step-header {
    text-align: center;
    border-bottom: 1px dashed #ddd;
    padding: 15px 0; }
    .new-product-form .step .step-header h2, .new-product-form .step .step-header .h2 {
      font-weight: bold;
      color: #252a2e;
      font-size: 17px;
      text-decoration: none; }
    .new-product-form .step .step-header a {
      color: #888;
      text-decoration: underline; }
    .new-product-form .step .step-header.with-link {
      padding: 0; }
      .new-product-form .step .step-header.with-link a {
        padding: 15px 0; }
  .new-product-form .step-one .icon-button, .new-product-form .step-zero .icon-button, .new-product-form .subscription-choice .icon-button {
    -webkit-transition: all 0.05s ease-in-out;
            transition: all 0.05s ease-in-out;
    padding: 20px 15px;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 17px;
    border-right: 1px solid #ddd; }
    .new-product-form .step-one .icon-button:hover, .new-product-form .step-zero .icon-button:hover, .new-product-form .subscription-choice .icon-button:hover {
      background: #eee; }
    .new-product-form .step-one .icon-button:active, .new-product-form .step-zero .icon-button:active, .new-product-form .subscription-choice .icon-button:active {
      box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
      .new-product-form .step-one .icon-button:active .icn, .new-product-form .step-one .icon-button:active h3, .new-product-form .step-one .icon-button:active p, .new-product-form .step-zero .icon-button:active .icn, .new-product-form .step-zero .icon-button:active h3, .new-product-form .step-zero .icon-button:active p, .new-product-form .subscription-choice .icon-button:active .icn, .new-product-form .subscription-choice .icon-button:active h3, .new-product-form .subscription-choice .icon-button:active p {
        position: relative;
        top: 1px; }
    .new-product-form .step-one .icon-button:last-child, .new-product-form .step-zero .icon-button:last-child, .new-product-form .subscription-choice .icon-button:last-child {
      border-right-width: 0; }
    .new-product-form .step-one .icon-button .icn, .new-product-form .step-zero .icon-button .icn, .new-product-form .subscription-choice .icon-button .icn {
      width: 72px;
      height: 72px;
      display: block;
      margin: 0 auto; }
    .new-product-form .step-one .icon-button h3, .new-product-form .step-zero .icon-button h3, .new-product-form .subscription-choice .icon-button h3 {
      font-weight: bold;
      color: #666;
      margin: 15px 0 5px; }
    .new-product-form .step-one .icon-button p, .new-product-form .step-zero .icon-button p, .new-product-form .subscription-choice .icon-button p {
      color: #aaa;
      font-size: 15px; }
  .new-product-form .step-one .webhook-link, .new-product-form .step-zero .webhook-link, .new-product-form .subscription-choice .webhook-link {
    border-top: 1px solid #ddd;
    background: white;
    padding: 15px;
    text-align: center;
    color: #666;
    text-decoration: underline; }
    .new-product-form .step-one .webhook-link:hover, .new-product-form .step-zero .webhook-link:hover, .new-product-form .subscription-choice .webhook-link:hover {
      text-decoration: none; }
  .new-product-form .step-two .step-header, .new-product-form .subscription-choice .step-header {
    border-style: solid; }
    .new-product-form .step-two .step-header .with-close, .new-product-form .subscription-choice .step-header .with-close {
      min-height: 7px; }
    .new-product-form .step-two .step-header .button-close, .new-product-form .subscription-choice .step-header .button-close {
      width: 7px;
      height: 7px;
      display: block;
      position: absolute;
      top: 12px;
      background: #e5e5e5; }
  .new-product-form .step-two .constant-add-inputs {
    padding: 15px; }
    .new-product-form .step-two .constant-add-inputs input[type=text] {
      float: left; }
  .new-product-form .step-two .dynamic-add-inputs {
    padding: 0 0 15px; }
  .new-product-form .step-two .button-primary {
    float: right;
    height: 42px; }
    .new-product-form .step-two .button-primary.adding-button {
      padding-left: 0;
      padding-right: 0; }
  .new-product-form input[type=text], .new-product-form input[type=url] {
    border-color: #cacaca;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
    .new-product-form input[type=text]:focus, .new-product-form input[type=url]:focus {
      border-color: #bbb; }
  .new-product-form .files-box {
    margin: 0 0 15px; }
  .new-product-form .file-upload-holder .upload-box {
    padding: 33px 33px 15px;
    border-color: #ccc;
    height: 87px;
    box-sizing: border-box;
    width: 100%; }
    .new-product-form .file-upload-holder .upload-box:hover {
      background: #eee; }
    .new-product-form .file-upload-holder .upload-box:active {
      box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
    .new-product-form .file-upload-holder .upload-box.error {
      border-color: #c04355;
      background: #f3dcdf; }
  .new-product-form .dropbox-enabled .upload-box:not(.subtitle-upload-box) {
    padding: 33px 33px 15px;
    border-color: #ccc;
    height: 87px;
    box-sizing: border-box;
    width: 50%; }
    .new-product-form .dropbox-enabled .upload-box:not(.subtitle-upload-box):hover {
      background: #eee; }
    .new-product-form .dropbox-enabled .upload-box:not(.subtitle-upload-box):active {
      box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
    .new-product-form .dropbox-enabled .upload-box:not(.subtitle-upload-box).error {
      border-color: #c04355;
      background: #f3dcdf; }
    .new-product-form .dropbox-enabled .upload-box:not(.subtitle-upload-box).computer-button {
      border-right: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .new-product-form .dropbox-enabled .upload-box:not(.subtitle-upload-box).dropbox-button {
      border-left-width: 2px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .new-product-form .dropbox-enabled .upload-box:not(.subtitle-upload-box) img {
      height: 18px;
      margin-right: 3px; }
  .new-product-form #product-progress {
    border-radius: 4px;
    margin: 0 15px 15px;
    height: 87px;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    background: white;
    text-align: center;
    overflow: hidden; }
    .new-product-form #product-progress .text-holder {
      position: absolute;
      width: 100%;
      height: 31px;
      top: 28px;
      text-align: center; }
    .new-product-form #product-progress strong {
      border-radius: 4px;
      display: inline-block;
      color: white;
      text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
      font-size: 17px;
      padding: 5px 10px;
      background: rgba(0, 0, 0, 0.15); }
    .new-product-form #product-progress .progress {
      box-sizing: border-box;
      height: 100%;
      background: url(https://static-1.gumroad.com/res/gumroad/assets/header_bar-c2717a78bdb9841e135d60bc0c127372.png) top left; }
      .new-product-form #product-progress .progress.complete {
        background: #36a9ae;
        width: 100% !important; }
  .new-product-form .subscription-type-toggle {
    padding: 0 15px;
    border-top: 1px solid #ddd;
    background: white;
    overflow: hidden; }
    .new-product-form .subscription-type-toggle a {
      width: 50%;
      display: block;
      float: left;
      text-align: center; }
  .new-product-form .subscription-tutorial-holder {
    padding: 0 15px;
    border-top: 1px solid #ddd; }
    .new-product-form .subscription-tutorial-holder .subscription-tutorial li {
      float: left;
      padding: 15px 15px 13px;
      border-left: 1px dashed #ddd; }
      .new-product-form .subscription-tutorial-holder .subscription-tutorial li:first-child {
        border-left: 0; }
      .new-product-form .subscription-tutorial-holder .subscription-tutorial li h6 {
        color: #252a2e;
        font-size: 15px;
        font-weight: bold; }
        .new-product-form .subscription-tutorial-holder .subscription-tutorial li h6 span {
          font-weight: normal;
          color: #aaa;
          margin-right: 4px; }
      .new-product-form .subscription-tutorial-holder .subscription-tutorial li p {
        color: #aaa;
        font-size: 14px;
        margin-top: 10px; }
  .new-product-form .release-date-holder {
    padding: 15px;
    border-top: 1px dashed #ddd; }
    .new-product-form .release-date-holder .subheader {
      font-size: 15px;
      line-height: 19px;
      margin-bottom: 10px; }
      .new-product-form .release-date-holder .subheader a {
        color: #666;
        text-decoration: underline; }
    .new-product-form .release-date-holder .release-date-container {
      border-radius: 4px;
      height: 40px;
      background: white;
      border: 1px solid #cacaca;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
      .new-product-form .release-date-holder .release-date-container input[type=text] {
        height: 40px; }
      .new-product-form .release-date-holder .release-date-container #datepicker-calendar {
        left: 135px;
        top: -135px; }
  .new-product-form .url-holder {
    padding: 15px;
    border-top: 1px dashed #ddd; }
    .new-product-form .url-holder input[type=url] {
      box-sizing: border-box;
      width: 100%; }
  .new-product-form .link_price_wrapper {
    float: left;
    margin-left: 15px; }
    .new-product-form .link_price_wrapper .link_price_range_label {
      border-color: #cacaca;
      text-decoration: underline; }
      .new-product-form .link_price_wrapper .link_price_range_label::-moz-selection, .new-product-form .link_price_wrapper .link_price_range_label span::-moz-selection {
        background: transparent; }
      .new-product-form .link_price_wrapper .link_price_range_label::selection, .new-product-form .link_price_wrapper .link_price_range_label span::selection {
        background: transparent; }
      .new-product-form .link_price_wrapper .link_price_range_label.focused {
        border-color: #bbb; }
    .new-product-form .link_price_wrapper .duration_indicator {
      position: absolute;
      top: 11px;
      right: 18px;
      font-size: 15px;
      line-height: 22px;
      color: #aaaaaa;
      text-decoration: underline; }
      .new-product-form .link_price_wrapper .duration_indicator:hover {
        cursor: pointer; }

.half-flipped {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }

.quarter-flipped {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg); }

.unflipped {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg); }

.rotate-container {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  position: relative; }

@keyframes spinner {
  from {
    -webkit-transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg); } }
.spinning {
  -webkit-animation-name: spinner;
          animation-name: spinner;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

.face {
  display: block; }
  .face.back {
    display: none; }

.rotated .face {
  display: none; }
.rotated .back {
  display: block; }

.csstransforms3d.preserve3d .rotating {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
  width: 100%;
  height: 100%; }
  .csstransforms3d.preserve3d .rotating.rotated {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
  .csstransforms3d.preserve3d .rotating .face {
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block; }
  .csstransforms3d.preserve3d .rotating .back {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    display: block; }

.oauth {
  max-width: 720px;
  margin: 18px auto 0; }
  .oauth .icn.gr-logo {
    display: block;
    background-position: 0 -43px;
    width: 130px;
    height: 33px; }
  .oauth .logo-group {
    margin-top: 16px; }
  .oauth .app-preview {
    border-radius: 4px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.04);
    margin-right: -15px;
    padding: 7px;
    border: 1px solid #ddd; }
    .oauth .app-preview p {
      margin: 12px 0 0;
      float: left;
      font-weight: bold; }
    .oauth .app-preview img {
      border-radius: 4px;
      overflow: hidden;
      float: left;
      border: 1px solid #ddd;
      margin-right: 12px; }
  .oauth .app-header {
    padding: 4% 0;
    margin-bottom: 0; }
    .oauth .app-header img {
      border-radius: 4px;
      float: left;
      overflow: hidden;
      border: 1px solid #ddd; }
    .oauth .app-header h1 {
      margin: 22px 0 0 14px;
      float: left;
      font-weight: bold;
      font-size: 24px;
      color: #252a2e; }
  .oauth .app-authorize {
    margin-top: 12px;
    border-top: 1px solid #ddd;
    padding: 18px 0; }
    .oauth .app-authorize button {
      display: block;
      width: 100%;
      margin: 6px 0; }
  .oauth .current-user {
    margin-top: 20px;
    text-align: center; }
    .oauth .current-user img {
      border-radius: 99px;
      overflow: hidden;
      border: 1px solid #bbb; }
  .oauth.oauth-error .error-heading {
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding: 18px; }
  .oauth.oauth-error .error-message {
    margin: 18px 0; }

.oauth-wrapper {
  border-radius: 6px;
  margin: 12px 0 0;
  background: white;
  border: 1px solid #ddd;
  font-size: 14px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02); }
  .oauth-wrapper .auth-title {
    padding: 34px 50px; }

.dev-heading {
  padding: 22px 0; }

.app-placeholder {
  border-radius: 4px;
  width: 120px;
  height: 120px;
  display: block;
  background-color: rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02);
  float: left;
  display: inline-block;
  border: 1px solid #ddd;
  overflow: hidden;
  margin-right: 20px; }

.application-row {
  margin: 14px 0 30px;
  border-bottom: 1px dotted #ddd; }
  .application-row img {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ddd; }
  .application-row .app-name,
  .application-row .app-image {
    float: left; }
  .application-row .app-name {
    margin: 25px 0 0 12px;
    font-size: 14px; }
  .application-row .app-remove,
  .application-row .app-delete,
  .application-row .app-edit {
    margin-top: 26px;
    margin-left: 15px;
    float: right; }
  .application-row:last-child {
    border-bottom: 0; }
  .application-row.authorized-app {
    padding-bottom: 18px; }
    .application-row.authorized-app .app-name {
      margin-top: 14px;
      font-weight: bold; }
      .application-row.authorized-app .app-name span.your-application-title {
        font-weight: normal; }
      .application-row.authorized-app .app-name p {
        clear: both;
        margin-top: 4px;
        color: #999; }
    .application-row.authorized-app .permission-list {
      margin-top: 36px; }

#application_id,
#application_secret {
  display: block;
  margin-top: 11px; }

#your-apps h4 {
  font-size: 16px;
  font-weight: bold;
  color: #252a2e;
  margin-bottom: 6px; }
#your-apps .applications {
  margin-top: 22px; }

#new-app h4 {
  font-size: 16px;
  font-weight: bold;
  color: #252a2e;
  padding: 24px 36px;
  border-bottom: 1px dotted #ddd; }
#new-app .setting-group {
  border-radius: 4px;
  margin-top: 12px;
  margin-bottom: 48px;
  padding: 0;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02); }
  #new-app .setting-group li {
    padding-left: 22px;
    padding-right: 22px; }

.app-header {
  overflow: hidden;
  margin-bottom: 18px; }
  .app-header h3 {
    float: left; }
  .app-header .back-link {
    float: right; }
    .app-header .back-link p {
      margin: 0; }

#authorized-applications-page .authorized-apps-message {
  margin-top: 6px;
  margin-bottom: 18px;
  text-align: center;
  padding: 12px 14px 45px;
  border-bottom: 1px dotted #ddd;
  font-size: 16px;
  font-weight: 200; }

.app-permissions .permission-list {
  border-radius: 4px;
  padding: 0;
  margin: 2% 0;
  overflow: hidden;
  background-color: #f8f8f8;
  border: 1px solid #ddd; }
  .app-permissions .permission-list h2 {
    font-weight: bold;
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    background-color: white; }
  .app-permissions .permission-list ul {
    padding: 8px 12px; }
    .app-permissions .permission-list ul li {
      margin-left: 16px;
      list-style-type: circle; }
      .app-permissions .permission-list ul li.revenue-share-warning {
        color: #c04355; }

.links, .applications, .users {
  width: 100%;
  padding: 0; }
  .links tr, .applications tr, .users tr {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.05); }
    .links tr:hover .delete-link-holder, .applications tr:hover .delete-link-holder, .users tr:hover .delete-link-holder {
      display: block; }
    .links tr td, .applications tr td, .users tr td {
      padding: 15px 0; }
      .links tr td .note, .applications tr td .note, .users tr td .note {
        margin-left: 4px;
        color: #aaaaaa; }
      .links tr td small, .applications tr td small, .users tr td small {
        float: left;
        display: block;
        text-align: right;
        padding-right: 10px;
        width: 50px;
        margin-top: 4px; }
      .links tr td.name, .applications tr td.name, .users tr td.name {
        position: relative; }
        .links tr td.name .delete-link-holder, .applications tr td.name .delete-link-holder, .users tr td.name .delete-link-holder {
          position: absolute;
          right: 100%;
          top: 0; }
        .links tr td.name .delete_link, .applications tr td.name .delete_link, .users tr td.name .delete_link {
          padding: 6px;
          margin-top: 5px;
          margin-right: 15px;
          top: -7px; }
          .links tr td.name .delete_link .icn.close, .applications tr td.name .delete_link .icn.close, .users tr td.name .delete_link .icn.close {
            left: 7px;
            top: 7px; }
      .links tr td.stat, .applications tr td.stat, .users tr td.stat {
        overflow: hidden;
        font-size: 16px;
        line-height: 21px;
        text-align: right;
        color: #cccccc;
        font-weight: normal;
        cursor: text; }
        .links tr td.stat span, .applications tr td.stat span, .users tr td.stat span {
          padding: 0 10px;
          color: #999; }
          .links tr td.stat span.stat-number, .links tr td.stat span.stat-total, .applications tr td.stat span.stat-number, .applications tr td.stat span.stat-total, .users tr td.stat span.stat-number, .users tr td.stat span.stat-total {
            padding: 0; }
          .links tr td.stat span a, .applications tr td.stat span a, .users tr td.stat span a {
            color: inherit;
            text-decoration: underline; }
        .links tr td.stat.arrowed div, .applications tr td.stat.arrowed div, .users tr td.stat.arrowed div {
          padding-left: 10px;
          background: url(https://static-1.gumroad.com/res/gumroad/assets/arrow-stripe-f490fc14c366a53fa0b04354cb141ee7.png) left center repeat-x;
          height: 20px; }
          .links tr td.stat.arrowed div span, .applications tr td.stat.arrowed div span, .users tr td.stat.arrowed div span {
            background: white url(https://static-1.gumroad.com/res/gumroad/assets/arrow-head-6a98158a872a23d8dc9250eae5baf136.png) left center no-repeat; }
            .links tr td.stat.arrowed div span.stat-number, .links tr td.stat.arrowed div span.stat-total, .applications tr td.stat.arrowed div span.stat-number, .applications tr td.stat.arrowed div span.stat-total, .users tr td.stat.arrowed div span.stat-number, .users tr td.stat.arrowed div span.stat-total {
              background: white; }
      .links tr td.price, .applications tr td.price, .users tr td.price {
        text-align: right; }
        .links tr td.price span, .applications tr td.price span, .users tr td.price span {
          display: inline-block;
          font-size: 16px;
          font-weight: bold;
          padding: 3px 7px;
          border-radius: 99px;
          background: rgba(0, 0, 0, 0.1); }
    .links tr:first-child td, .applications tr:first-child td, .users tr:first-child td {
      padding-top: 0; }
    .links tr:last-child, .applications tr:last-child, .users tr:last-child {
      border-bottom: 0; }
      .links tr:last-child td, .applications tr:last-child td, .users tr:last-child td {
        padding-bottom: 0; }
  .links.disabled, .applications.disabled, .users.disabled {
    margin-top: 20px;
    opacity: .4; }

.orientation-tasks-container {
  background: #f9f9f9;
  padding-right: 0;
  padding-left: 0;
  border-left: 1px solid #ddd;
  min-height: 570px; }
  .orientation-tasks-container.not-on-greeter {
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 30px;
    min-height: 0; }
    .orientation-tasks-container.not-on-greeter .creator-secure-details-container .orientation-task-footer .six.columns:first-child {
      display: none; }
    .orientation-tasks-container.not-on-greeter .creator-secure-details-container .orientation-task-footer .six.columns.finish {
      width: 100% !important; }

.orientation-task {
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  max-height: 999px;
  padding: 30px;
  position: relative; }
  .orientation-task:last-child {
    border-bottom: 0; }
  .orientation-task .orientation-task-status,
  .orientation-task .orientation-task-edit {
    border-radius: 50%;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    display: none;
    float: right;
    margin-left: 10px; }
  .orientation-task .orientation-task-status {
    background: #36a9ae;
    color: white;
    display: none; }
  .orientation-task .orientation-task-edit {
    background: #eee;
    color: #c9c9c9;
    display: none; }
    .orientation-task .orientation-task-edit:hover {
      cursor: pointer;
      background: #ccc;
      color: #999; }
  .orientation-task .orientation-task-title {
    display: inline-block;
    font-size: 21px;
    font-weight: 500;
    color: #797874;
    line-height: 32px; }
    .orientation-task .orientation-task-title span {
      color: #dddddd; }
  .orientation-task .orientation-task-description {
    font-size: 14px;
    color: #92918e;
    line-height: 1.5;
    margin-bottom: 20px; }
  .orientation-task.orientation-task--active .orientation-task-status {
    display: none; }
  .orientation-task.orientation-task--completed {
    background: #f9f9f9; }
    .orientation-task.orientation-task--completed .orientation-task-edit,
    .orientation-task.orientation-task--completed .orientation-task-status {
      display: block; }
    .orientation-task.orientation-task--completed .orientation-task-description,
    .orientation-task.orientation-task--completed .orientation-task-content {
      display: none; }
  .orientation-task.orientation-task--uncompleted .orientation-task-edit {
    float: right;
    display: block; }
  .orientation-task.orientation-task--uncompleted .orientation-task-status,
  .orientation-task.orientation-task--uncompleted .orientation-task-description,
  .orientation-task.orientation-task--uncompleted .orientation-task-content {
    display: none; }
  .orientation-task.orientation-task--disabled {
    background: #f9f9f9; }
    .orientation-task.orientation-task--disabled .orientation-task-description,
    .orientation-task.orientation-task--disabled .orientation-task-content {
      display: none; }

.creator-details .creator-details-label {
  font-size: 13px;
  margin-bottom: 15px; }
  .creator-details .creator-details-label label {
    color: #b6b6b6;
    font-weight: 500; }
.creator-details .creator-details-fields,
.creator-details .creator-details-fields--contact-information,
.creator-details .creator-details-fields--business-contact-information,
.creator-details .creator-details-fields--business-ein,
.creator-details .creator-details-fields--account-type {
  margin-bottom: 30px; }
  .creator-details .creator-details-fields--contact-information, .creator-details .creator-details-fields--business-contact-information {
    border: 1px solid #dddddd;
    border-radius: 4px;
    overflow: hidden; }
  .creator-details .creator-details-fields--business-ein input[type="text"] {
    border: 1px solid #dddddd;
    border-radius: 4px; }
  .creator-details .creator-details-fields--account-type {
    position: relative; }
    .creator-details .creator-details-fields--account-type input[type=checkbox] {
      position: absolute;
      top: -9999px;
      left: -9999px;
      display: none; }
    .creator-details .creator-details-fields--account-type label {
      border: 1px solid #ddd;
      border-radius: 4px;
      display: block;
      height: 60px;
      position: relative;
      width: 100%;
      z-index: 9; }
      .creator-details .creator-details-fields--account-type label:after {
        border-right: 1px solid #dddddd;
        content: "";
        display: block;
        height: 60px;
        left: 50%;
        position: absolute;
        top: 0; }
      .creator-details .creator-details-fields--account-type label:hover {
        cursor: pointer; }
    .creator-details .creator-details-fields--account-type input[type=checkbox]:checked ~ .account-type--individual {
      color: #cccccc; }
      .creator-details .creator-details-fields--account-type input[type=checkbox]:checked ~ .account-type--individual .gi-check {
        opacity: 0;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0); }
    .creator-details .creator-details-fields--account-type input[type=checkbox]:checked ~ .account-type--business {
      color: #999891; }
      .creator-details .creator-details-fields--account-type input[type=checkbox]:checked ~ .account-type--business .gi-check {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
    .creator-details .creator-details-fields--account-type .account-type,
    .creator-details .creator-details-fields--account-type .account-type--business,
    .creator-details .creator-details-fields--account-type .account-type--individual {
      background: white;
      box-sizing: border-box;
      border-bottom: 0;
      color: #999891;
      display: inline-block;
      height: 60px;
      padding: 20px;
      position: absolute;
      top: 0;
      width: 50%; }
      .creator-details .creator-details-fields--account-type .account-type .gi-check,
      .creator-details .creator-details-fields--account-type .account-type--business .gi-check,
      .creator-details .creator-details-fields--account-type .account-type--individual .gi-check {
        background: #36a9ae;
        border-radius: 50%;
        color: white;
        height: 32px;
        line-height: 32px;
        margin-top: -5px;
        margin-right: -5px;
        text-align: center;
        -webkit-transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
                transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
        width: 32px; }
      .creator-details .creator-details-fields--account-type .account-type--business {
        color: #cccccc;
        left: 50%; }
        .creator-details .creator-details-fields--account-type .account-type--business .gi-check {
          opacity: 0;
          -webkit-transform: scale(0) rotate(10deg);
              -ms-transform: scale(0) rotate(10deg);
                  transform: scale(0) rotate(10deg); }
  .creator-details .creator-details-fields input,
  .creator-details .creator-details-fields select,
  .creator-details .creator-details-fields--contact-information input,
  .creator-details .creator-details-fields--business-contact-information input,
  .creator-details .creator-details-fields--business-ein input,
  .creator-details .creator-details-fields--account-type input,
  .creator-details .creator-details-fields--contact-information select,
  .creator-details .creator-details-fields--business-contact-information select,
  .creator-details .creator-details-fields--business-ein select,
  .creator-details .creator-details-fields--account-type select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    box-sizing: border-box;
    height: 60px;
    padding: 20px; }
  .creator-details .creator-details-fields input,
  .creator-details .creator-details-fields--contact-information input,
  .creator-details .creator-details-fields--business-contact-information input,
  .creator-details .creator-details-fields--business-ein input,
  .creator-details .creator-details-fields--account-type input {
    border: 0;
    border-radius: 0; }
  .creator-details .creator-details-fields select,
  .creator-details .creator-details-fields--contact-information select,
  .creator-details .creator-details-fields--business-contact-information select,
  .creator-details .creator-details-fields--business-ein select,
  .creator-details .creator-details-fields--account-type select {
    width: 100%; }
    .creator-details .creator-details-fields select.half,
    .creator-details .creator-details-fields--contact-information select.half,
    .creator-details .creator-details-fields--business-contact-information select.half,
    .creator-details .creator-details-fields--business-ein select.half,
    .creator-details .creator-details-fields--account-type select.half {
      border: 0;
      border-bottom: 1px solid #dddddd;
      border-radius: 0;
      height: 61px; }
    .creator-details .creator-details-fields select.third,
    .creator-details .creator-details-fields--contact-information select.third,
    .creator-details .creator-details-fields--business-contact-information select.third,
    .creator-details .creator-details-fields--business-ein select.third,
    .creator-details .creator-details-fields--account-type select.third {
      border: 0;
      border-radius: 0;
      height: 61px; }
  .creator-details .creator-details-fields .half,
  .creator-details .creator-details-fields--contact-information .half,
  .creator-details .creator-details-fields--business-contact-information .half,
  .creator-details .creator-details-fields--business-ein .half,
  .creator-details .creator-details-fields--account-type .half {
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
    width: 50%; }
    .creator-details .creator-details-fields .half:first-child,
    .creator-details .creator-details-fields--contact-information .half:first-child,
    .creator-details .creator-details-fields--business-contact-information .half:first-child,
    .creator-details .creator-details-fields--business-ein .half:first-child,
    .creator-details .creator-details-fields--account-type .half:first-child {
      border-right: 1px solid #dddddd; }
  .creator-details .creator-details-fields .full,
  .creator-details .creator-details-fields--contact-information .full,
  .creator-details .creator-details-fields--business-contact-information .full,
  .creator-details .creator-details-fields--business-ein .full,
  .creator-details .creator-details-fields--account-type .full {
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
    width: 100%; }
  .creator-details .creator-details-fields .third,
  .creator-details .creator-details-fields--contact-information .third,
  .creator-details .creator-details-fields--business-contact-information .third,
  .creator-details .creator-details-fields--business-ein .third,
  .creator-details .creator-details-fields--account-type .third {
    border-right: 1px solid #dddddd;
    width: 33.333%; }
    .creator-details .creator-details-fields .third:last-child,
    .creator-details .creator-details-fields--contact-information .third:last-child,
    .creator-details .creator-details-fields--business-contact-information .third:last-child,
    .creator-details .creator-details-fields--business-ein .third:last-child,
    .creator-details .creator-details-fields--account-type .third:last-child {
      border-right: 0; }

.creator-survey {
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 15px;
  background: white;
  margin-bottom: 15px; }
  .creator-survey .row {
    margin-bottom: 15px;
    text-align: right; }
    .creator-survey .row .five.columns {
      padding-left: 0;
      padding-right: 0; }
    .creator-survey .row:last-child {
      margin-bottom: 0; }
  .creator-survey input,
  .creator-survey select {
    box-sizing: border-box;
    width: 100%;
    height: 40px; }
  .creator-survey label {
    font-size: 14px; }

.creator-details-input-card {
  border: 1px solid #dddddd;
  border-radius: 4px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/settings/noise-f1bbe62ee148f39dd53e6fed9994e4eb.png) white;
  margin-bottom: 30px;
  position: relative; }
  .creator-details-input-card .stroke {
    background: #36a9ae;
    border-radius: 4px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    z-index: 1; }
  .creator-details-input-card .creator-details-input-card-content {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/settings/noise-f1bbe62ee148f39dd53e6fed9994e4eb.png) white;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    padding: 30px;
    position: relative;
    overflow: hidden;
    margin: 10px;
    z-index: 2;
    padding-bottom: 0; }
    .creator-details-input-card .creator-details-input-card-content input[type="password"],
    .creator-details-input-card .creator-details-input-card-content input[type="text"],
    .creator-details-input-card .creator-details-input-card-content select {
      height: 40px;
      padding: 10px;
      position: relative; }
      .creator-details-input-card .creator-details-input-card-content input[type="password"].half,
      .creator-details-input-card .creator-details-input-card-content input[type="text"].half,
      .creator-details-input-card .creator-details-input-card-content select.half {
        border: 1px solid #dddddd;
        border-radius: 4px;
        height: 40px; }
    .creator-details-input-card .creator-details-input-card-content .quarter {
      border: 1px solid #dddddd;
      border-radius: 4px;
      margin-right: 5%;
      width: 20%; }
      .creator-details-input-card .creator-details-input-card-content .quarter.disabled {
        border: 1px dashed #dddddd; }
    .creator-details-input-card .creator-details-input-card-content .half {
      border: 1px solid #dddddd;
      border-radius: 4px; }

.orientation-task-content {
  opacity: 1; }
  .orientation-task-content .button-block {
    width: 100%; }
  .orientation-task-content .orientation-task-footer .six.columns:first-child {
    padding-right: 0; }
  .orientation-task-content .orientation-task-footer .notice {
    margin-top: 15px;
    text-align: center; }
    .orientation-task-content .orientation-task-footer .notice small {
      color: #b6b6b6;
      font-size: 12px;
      margin-top: 15px; }

.orientation-tip {
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background: white;
  border: 1px solid #dddddd;
  margin-bottom: 30px;
  padding: 15px;
  position: relative; }
  .orientation-tip .orientation-tip-title {
    color: #252a2e;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px; }
    .orientation-tip .orientation-tip-title .gi {
      margin-right: 5px;
      font-size: 21px; }
  .orientation-tip .orientation-tip-content {
    font-size: 14px; }
  .orientation-tip .encryption-notice-toggle {
    background: #36a9ae;
    border-radius: 50%;
    color: white;
    font-weight: 500;
    text-align: center;
    width: 20px; }
    .orientation-tip .encryption-notice-toggle:hover {
      -webkit-transition: background 0.5s ease-in-out;
              transition: background 0.5s ease-in-out;
      background: #30969b;
      cursor: pointer; }
    .orientation-tip .encryption-notice-toggle.active, .orientation-tip .encryption-notice-toggle:active {
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  .orientation-tip.secure-details-explanation {
    margin-top: 15px;
    position: relative; }
  .orientation-tip.publish-blocker {
    background: #fef6d1;
    border: 1px solid #efdc84;
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.15), 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #877f5b;
    font-size: 16px;
    margin-top: 15px;
    padding: 15px; }
    .orientation-tip.publish-blocker .publish-blocker-modal-trigger {
      border-radius: 4px;
      background: rgba(135, 127, 91, 0.2);
      border: 1px solid rgba(135, 127, 91, 0.25);
      font-size: 12px;
      font-weight: 500;
      margin-top: -5px;
      margin-right: -5px;
      padding: 5px 10px 5px 30px;
      position: relative; }
      .orientation-tip.publish-blocker .publish-blocker-modal-trigger .gi {
        font-size: 18px;
        left: 10px;
        top: 6px;
        position: absolute; }
      .orientation-tip.publish-blocker .publish-blocker-modal-trigger:hover {
        background: rgba(135, 127, 91, 0.25);
        border-color: rgba(135, 127, 91, 0.3);
        cursor: pointer; }
    .orientation-tip.publish-blocker:after, .orientation-tip.publish-blocker:before {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 5px;
      z-index: 0;
      top: 0; }
    .orientation-tip.publish-blocker:after {
      margin-top: -14px;
      margin-left: 6px;
      border-bottom-color: #fef6d1;
      border-width: 7px; }
    .orientation-tip.publish-blocker:before {
      margin-left: 5px;
      margin-top: -16px;
      border-width: 8px;
      border-bottom-color: #efdc84; }

.creator-orientation-modal .gr-modals .gr-modal {
  background-image: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 5px;
  max-width: 670px;
  max-height: 85vh; }
  .creator-orientation-modal .gr-modals .gr-modal.showing {
    top: 50px; }
.creator-orientation-modal .gr-auth input {
  background: white;
  margin: 0; }
.creator-orientation-modal .gr-auth form {
  padding: 0; }
.creator-orientation-modal .gr-auth .orientation-task-footer.row {
  margin-left: -15px;
  margin-right: -15px; }
.creator-orientation-modal .orientation-task-content .seven.columns {
  padding-right: 0; }
@-moz-document url-prefix() {
  .creator-orientation-modal .orientation-task-content .creator-secure-details input {
    -moz-box-sizing: content-box !important;
    width: 90% !important;
    height: 15px !important;
    padding: 12px !important; } }
.creator-orientation-modal .orientation-task--uncompleted {
  background: #f9f9f9; }

.payment-container {
  margin: 0 auto;
  width: 320px;
  display: block;
  padding: 20px 0; }
  .payment-container .gift-trigger {
    position: absolute;
    right: 14px;
    top: 19px; }
    .payment-container .gift-trigger.active .gift {
      background-position: -98px -489px; }
  .payment-container .small .gift-trigger {
    top: 11px;
    right: 7px; }

.subscription-notice {
  text-align: center;
  margin-bottom: 20px;
  font-size: 15px;
  color: #888; }
  .subscription-notice strong {
    color: #666;
    display: block;
    margin-bottom: 3px; }

.vat-country-choice {
  border-radius: 4px;
  background: white;
  padding: 4px;
  position: absolute;
  margin-top: -42px;
  width: 320px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1.5, 0.32, 1), opacity 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: transform 0.4s cubic-bezier(0.23, 1.5, 0.32, 1), opacity 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }
  .vat-country-choice.showing {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    pointer-events: all; }
  .vat-country-choice:before, .vat-country-choice:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    top: 100%;
    border-width: 5px;
    margin-left: -5px;
    border-top-color: white; }
  .vat-country-choice:before {
    margin-top: 1px;
    border-top-color: rgba(0, 0, 0, 0.15); }
  .vat-country-choice span {
    display: block;
    margin: 0 auto 3px;
    text-align: center; }
  .vat-country-choice select {
    width: 100%; }

.payment-blurb {
  border-radius: 4px;
  background: white;
  margin-bottom: 20px;
  padding: 4px 7px;
  text-align: center;
  border: 1px solid #ddd; }
  .payment-blurb strong {
    -webkit-transition: background .3s linear;
            transition: background .3s linear;
    font-weight: normal; }
    .payment-blurb strong.highlighted {
      background: #ffc; }
  .payment-blurb a {
    text-decoration: underline;
    color: inherit; }

.pay_button_container {
  clear: both; }
  .pay_button_container .pay_what_you_want_selection {
    position: relative; }
  .pay_button_container .pay_button {
    margin: 0 auto;
    width: 100%;
    font-size: 17px;
    display: block; }
    .pay_button_container .pay_button.small {
      font-size: 15px;
      padding: 10px; }
  .pay_button_container p {
    float: left;
    font-size: 14px;
    color: #aaa;
    text-align: right;
    padding: 0 20px 20px 0;
    line-height: 22px; }
    .pay_button_container p strong {
      font-weight: bold;
      font-size: 16px;
      display: block;
      color: #46453d; }
  .pay_button_container .link_price_wrapper {
    overflow: hidden;
    display: inline-block; }
  .pay_button_container .input-wrapper .input-prefix {
    border-color: #cacaca !important; }
    .pay_button_container .input-wrapper .input-prefix.focused {
      border-color: #aaa !important; }
  .pay_button_container input[type=text] {
    border-color: #cacaca;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    float: left; }
    .pay_button_container input[type=text]:focus {
      border-color: #aaa; }

#payout-settings {
  padding-bottom: 80px; }

.deposit-notice {
  border-radius: 4px;
  overflow: hidden;
  padding: 12px 15px;
  margin-bottom: 30px;
  border: 1px solid #fedfa3;
  background-color: #fef1d6; }
  .deposit-notice p {
    margin-top: 6px; }

#ach-form,
#zengin-form {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/settings/noise-f1bbe62ee148f39dd53e6fed9994e4eb.png);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  position: relative;
  margin-bottom: 30px;
  padding: 1px 0;
  overflow: hidden; }
  #ach-form #stroke,
  #zengin-form #stroke {
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.4);
    background: #add19d; }
  #ach-form #main-ach,
  #ach-form #main-zengin,
  #zengin-form #main-ach,
  #zengin-form #main-zengin {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/settings/noise-f1bbe62ee148f39dd53e6fed9994e4eb.png) white;
    margin: 9px 10px;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    padding: 20px;
    overflow: hidden; }
    #ach-form #main-ach .labels,
    #ach-form #main-zengin .labels,
    #zengin-form #main-ach .labels,
    #zengin-form #main-zengin .labels {
      color: #aaa;
      font-size: 13px;
      text-transform: uppercase; }
    #ach-form #main-ach #account-holder-name,
    #ach-form #main-zengin #account-holder-name,
    #zengin-form #main-ach #account-holder-name,
    #zengin-form #main-zengin #account-holder-name {
      border-radius: 0;
      font-size: 20px;
      height: 24px;
      width: 100%;
      max-width: none;
      padding: 8px 0;
      background: none;
      border-width: 0 0 2px;
      box-shadow: none;
      border-bottom: 2px solid #eeeeee;
      color: #252a2e; }
      #ach-form #main-ach #account-holder-name.error,
      #ach-form #main-zengin #account-holder-name.error,
      #zengin-form #main-ach #account-holder-name.error,
      #zengin-form #main-zengin #account-holder-name.error {
        border-width: 0 0 2px !important;
        box-shadow: none !important; }
    #ach-form #main-ach .numbers,
    #ach-form #main-zengin .numbers,
    #zengin-form #main-ach .numbers,
    #zengin-form #main-zengin .numbers {
      overflow: hidden;
      margin-top: 14px;
      padding-top: 20px; }
      #ach-form #main-ach .numbers .preset,
      #ach-form #main-zengin .numbers .preset,
      #zengin-form #main-ach .numbers .preset,
      #zengin-form #main-zengin .numbers .preset {
        padding: 9px 0 8px; }
      #ach-form #main-ach .numbers .number-wrapper,
      #ach-form #main-zengin .numbers .number-wrapper,
      #zengin-form #main-ach .numbers .number-wrapper,
      #zengin-form #main-zengin .numbers .number-wrapper {
        float: left;
        position: relative; }
        #ach-form #main-ach .numbers .number-wrapper .number-label,
        #ach-form #main-zengin .numbers .number-wrapper .number-label,
        #zengin-form #main-ach .numbers .number-wrapper .number-label,
        #zengin-form #main-zengin .numbers .number-wrapper .number-label {
          position: absolute;
          left: 0;
          color: #ccc;
          text-transform: uppercase;
          bottom: 100%;
          font-size: 9px;
          letter-spacing: 2px;
          margin-left: 26px; }
        #ach-form #main-ach .numbers .number-wrapper:before,
        #ach-form #main-zengin .numbers .number-wrapper:before,
        #zengin-form #main-ach .numbers .number-wrapper:before,
        #zengin-form #main-zengin .numbers .number-wrapper:before {
          content: "";
          position: relative;
          background: url(https://static-1.gumroad.com/res/gumroad/assets/settings/check-routing-indicator-14951038dbc271fe93361e8d4d4fcad9.png) no-repeat;
          width: 11px;
          height: 13px;
          display: inline-block;
          margin-right: 10px;
          top: 3px;
          opacity: .4; }
        #ach-form #main-ach .numbers .number-wrapper.account,
        #ach-form #main-zengin .numbers .number-wrapper.account,
        #zengin-form #main-ach .numbers .number-wrapper.account,
        #zengin-form #main-zengin .numbers .number-wrapper.account {
          margin-left: 10px; }
        #ach-form #main-ach .numbers .number-wrapper input,
        #ach-form #main-zengin .numbers .number-wrapper input,
        #zengin-form #main-ach .numbers .number-wrapper input,
        #zengin-form #main-zengin .numbers .number-wrapper input {
          float: none; }
      #ach-form #main-ach .numbers .new .number-label:before,
      #ach-form #main-zengin .numbers .new .number-label:before,
      #zengin-form #main-ach .numbers .new .number-label:before,
      #zengin-form #main-zengin .numbers .new .number-label:before {
        top: 12px; }
      #ach-form #main-ach .numbers input,
      #ach-form #main-ach .numbers .preset-number,
      #ach-form #main-zengin .numbers input,
      #ach-form #main-zengin .numbers .preset-number,
      #zengin-form #main-ach .numbers input,
      #zengin-form #main-ach .numbers .preset-number,
      #zengin-form #main-zengin .numbers input,
      #zengin-form #main-zengin .numbers .preset-number {
        border-radius: 0;
        background: none;
        float: left;
        width: 135px;
        font-size: 17px;
        letter-spacing: 5px;
        padding: 8px;
        height: auto;
        margin-right: 10px; }
      #ach-form #main-ach .numbers #account_number,
      #ach-form #main-ach .numbers #account-number-repeated,
      #ach-form #main-zengin .numbers #account_number,
      #ach-form #main-zengin .numbers #account-number-repeated,
      #zengin-form #main-ach .numbers #account_number,
      #zengin-form #main-ach .numbers #account-number-repeated,
      #zengin-form #main-zengin .numbers #account_number,
      #zengin-form #main-zengin .numbers #account-number-repeated {
        width: 174px; }
      #ach-form #main-ach .numbers .preset-number,
      #ach-form #main-zengin .numbers .preset-number,
      #zengin-form #main-ach .numbers .preset-number,
      #zengin-form #main-zengin .numbers .preset-number {
        padding: 0;
        width: auto;
        margin-right: 5px; }
        #ach-form #main-ach .numbers .preset-number.account,
        #ach-form #main-zengin .numbers .preset-number.account,
        #zengin-form #main-ach .numbers .preset-number.account,
        #zengin-form #main-zengin .numbers .preset-number.account {
          margin-left: 20px; }
      #ach-form #main-ach .numbers a,
      #ach-form #main-zengin .numbers a,
      #zengin-form #main-ach .numbers a,
      #zengin-form #main-zengin .numbers a {
        float: right;
        font-size: 17px; }
      #ach-form #main-ach .numbers button,
      #ach-form #main-zengin .numbers button,
      #zengin-form #main-ach .numbers button,
      #zengin-form #main-zengin .numbers button {
        float: right;
        margin-left: 0;
        padding: 9px 10px 10px; }

#powered-by-footer {
  border-radius: 4px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  margin: 14px 0;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.6); }
  #powered-by-footer a {
    text-decoration: underline;
    font-weight: bold;
    color: inherit; }
  #powered-by-footer span {
    position: relative;
    display: inline-block;
    opacity: .6; }
  #powered-by-footer .lock {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c8a41fa9c51b68524891f985475ba955.png);
    background-position: -16px -135px;
    width: 9px;
    height: 12px;
    top: 1px;
    margin-right: 7px; }
  #powered-by-footer .g {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c8a41fa9c51b68524891f985475ba955.png);
    top: 3px;
    margin: 0 6px;
    width: 16px;
    height: 16px;
    background-position: 0 -135px; }

#locale-holder {
  margin: 0 auto 24px;
  text-align: center; }
  #locale-holder select {
    font-size: 15px; }

.dark-background #powered-by-footer, .is-embed #powered-by-footer, .is-modal #powered-by-footer {
  color: rgba(255, 255, 255, 0.6); }
  .dark-background #powered-by-footer span, .is-embed #powered-by-footer span, .is-modal #powered-by-footer span {
    opacity: .6; }
  .dark-background #powered-by-footer .lock, .is-embed #powered-by-footer .lock, .is-modal #powered-by-footer .lock {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c8a41fa9c51b68524891f985475ba955.png);
    background-position: -41px -135px; }
  .dark-background #powered-by-footer .g, .is-embed #powered-by-footer .g, .is-modal #powered-by-footer .g {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c8a41fa9c51b68524891f985475ba955.png);
    background-position: -25px -135px; }

.is-embed #powered-by-footer, .is-modal #powered-by-footer {
  color: white;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); }
  .is-embed #powered-by-footer span, .is-modal #powered-by-footer span {
    opacity: 1; }

#locale-holder, #powered-by-footer {
  -webkit-transition: top 0.5s ease-in-out;
          transition: top 0.5s ease-in-out;
  position: relative; }
  #locale-holder.original-position, #powered-by-footer.original-position {
    -webkit-transition: top 0s ease-in-out;
            transition: top 0s ease-in-out;
    top: 0 !important; }

@media screen and (min-width: 481px) {
  #user_page .preview-container {
    min-height: 300px !important; }
    #user_page .preview-container.default-preview {
      min-height: auto !important; } }
.preview-container {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  background: #f5f5f5; }
  .preview-container .oembed-preview-container,
  .preview-container .image-preview-container,
  .preview-container .soundcloud-preview-container {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 0; }
  .preview-container .image-preview-container img.preview {
    width: 100%;
    margin: 0 auto;
    display: block; }
  .preview-container .audio-preview-container,
  .preview-container .video-preview-container {
    position: relative;
    width: 100%;
    min-height: 180px; }
    .preview-container .audio-preview-container .media-control,
    .preview-container .video-preview-container .media-control {
      width: 80px;
      height: 80px;
      display: block;
      position: absolute;
      text-indent: -9999px;
      background: url(https://static-1.gumroad.com/res/gumroad/assets/product/audio-controls-cf11cc2d00b97540a09f0f558f574a6c.png) no-repeat;
      z-index: 0;
      left: 50%;
      top: 50%;
      margin-left: -40px;
      margin-top: -40px; }
      .preview-container .audio-preview-container .media-control:hover,
      .preview-container .video-preview-container .media-control:hover {
        cursor: pointer; }
    .preview-container .audio-preview-container .play-button,
    .preview-container .video-preview-container .play-button {
      background-position: left top; }
    .preview-container .audio-preview-container .pause-button,
    .preview-container .video-preview-container .pause-button {
      background-position: right top !important;
      display: none; }
  .preview-container .audio-preview-container .audio-progress {
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px; }
    .preview-container .audio-preview-container .audio-progress:hover {
      cursor: pointer; }
  .preview-container .oembed-preview-container iframe {
    width: 100%; }
    .preview-container .oembed-preview-container iframe + p {
      display: none !important; }
  .preview-container .video-preview-container {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: black; }
    .preview-container .video-preview-container .player:hover {
      cursor: pointer; }
  .preview-container.processing {
    text-align: center;
    padding: 60px 0; }
    .preview-container.processing h3 {
      font-size: 20px;
      color: #252a2e;
      font-weight: normal;
      text-align: center; }
      .preview-container.processing h3 i {
        margin-right: 10px;
        vertical-align: middle; }
  .preview-container .clear-link-preview-button {
    position: absolute;
    z-index: 3;
    top: 26px;
    right: 26px;
    background: #dddddd;
    color: #898989;
    font-size: 13px; }
    .preview-container .clear-link-preview-button:hover {
      background: #cccccc; }
    .preview-container .clear-link-preview-button:active {
      background: #bbb; }
  .preview-container.default-preview {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/cover_placeholder-1a7ece6c51371a84cbc4f363c82d01ed.png);
    min-height: 300px;
    background-position: center;
    padding-bottom: 0; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (moz--min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
      .preview-container.default-preview {
        background-image: url(https://static-1.gumroad.com/res/gumroad/assets/cover_placeholder@2x-d9a2e04c644d8d4e9c1e4dc2b1511474.png);
        background-size: 670px 370px; } }
  .preview-container.on-edit-page {
    text-align: center; }
    .preview-container.on-edit-page.default-preview {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      overflow: hidden;
      background-position-y: -80px; }
      .preview-container.on-edit-page.default-preview .edit-cover-actions {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding: 20px 0; }
        .preview-container.on-edit-page.default-preview .edit-cover-actions .icon-holder {
          position: absolute;
          bottom: 70px;
          left: 0;
          right: 0;
          margin: 0 auto; }
        .preview-container.on-edit-page.default-preview .edit-cover-actions span {
          display: block; }
        .preview-container.on-edit-page.default-preview .edit-cover-actions .or {
          margin-top: 6px; }
        .preview-container.on-edit-page.default-preview .edit-cover-actions .show-preview-url {
          margin-top: 2px; }
  .preview-container.show-upload-effects:hover {
    cursor: pointer; }
  .preview-container.show-upload-effects:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); }
  .preview-container .preview-shadow {
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    opacity: .4;
    z-index: 1;
    background: url(https://static-1.gumroad.com/res/gumroad/assets/product/patterns-6948ccb2142e032603940e706fcf5f90.png) 0 0; }

#preview_url {
  right: 0;
  bottom: 70px;
  position: absolute;
  left: 690px;
  margin: 0 auto;
  z-index: 2;
  width: 405px; }

.product-description {
  color: #6f6f6f;
  font-size: 18px;
  line-height: 27px;
  word-wrap: break-word; }
  .product-description h3, .product-description h4 {
    margin-bottom: 12px;
    font-weight: bold;
    color: #252a2e; }
  .product-description h3 {
    font-size: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee; }
  .product-description p {
    margin-bottom: 12px; }
    .product-description p:last-child {
      margin-bottom: 0; }
  .product-description blockquote {
    font-family: Georgia, serif;
    font-style: italic;
    margin-bottom: 12px; }
    .product-description blockquote:last-child {
      margin-bottom: 0; }
  .product-description ul {
    list-style: disc; }
    .product-description ul li {
      margin-left: 20px; }
  .product-description a {
    color: #252a2e;
    text-decoration: underline;
    white-space: pre;
    word-wrap: break-word; }
    .product-description a:active {
      color: #111; }

.product-info {
  border-radius: 4px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .product-info h5 {
    color: #ccc;
    font-size: 13px;
    display: block;
    text-transform: uppercase;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .product-info .summary, .product-info .summary-input {
    color: #252a2e;
    font-size: 15px;
    width: 100%;
    min-height: 48px; }
  .product-info li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    padding: 0; }
    .product-info li:last-child {
      border-bottom-width: 0; }
    .product-info li input[type=text] {
      border-radius: 0;
      border-width: 0;
      background: transparent !important; }
    .product-info li input[type=text], .product-info li span, .product-info li strong {
      box-sizing: border-box;
      width: 50%;
      font-size: 15px;
      float: left;
      display: block; }
    .product-info li:first-child input[type=text] {
      width: 100%; }
    .product-info li.summary {
      box-sizing: border-box; }
  .product-info button, .product-info .button {
    position: absolute;
    top: 11px;
    right: 11px; }

.product-main .product-info .summary, .product-main .product-info .summary-input {
  font-size: 17px;
  line-height: 26px; }
.product-main .product-info li {
  padding: 10px; }
  .product-main .product-info li span, .product-main .product-info li strong {
    padding: 5px 0;
    font-size: 15px;
    line-height: 15px;
    color: #cccccc; }
  .product-main .product-info li strong {
    text-align: right;
    font-weight: normal;
    color: #999; }

.products-left-container {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  height: 108px;
  width: 108px;
  display: none; }
  .products-left-container .products-left {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    display: block;
    color: #614611;
    background: #fdce71;
    font-size: 13px;
    line-height: 21px;
    padding: 5px 10px;
    text-align: center;
    position: relative;
    left: -28px;
    top: 10px; }

.product-main .product-information {
  padding: 20px; }
  .product-main .product-information h1 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 27px;
    color: #252a2e;
    font-weight: bold;
    display: block;
    margin-bottom: 10px; }
  .product-main .product-information .product-content {
    clear: both; }
  .product-main .product-information .author-byline {
    margin-bottom: 10px;
    color: #adadad;
    font-size: 16px; }
    .product-main .product-information .author-byline a {
      color: #777;
      text-decoration: underline; }
    .product-main .product-information .author-byline img {
      border-radius: 2px;
      width: 24px;
      height: 24px;
      display: block;
      margin: -2px 4px 0;
      vertical-align: middle;
      display: inline-block; }
  .product-main .product-information.two-column .description-container {
    box-sizing: border-box;
    float: left;
    width: 61%;
    padding-right: 20px;
    position: relative; }
    .product-main .product-information.two-column .description-container:after {
      width: 1px;
      height: 100%;
      right: 0;
      top: 0;
      position: absolute;
      background: #e5e5e5;
      content: ""; }
  .product-main .product-information.two-column .want-container {
    box-sizing: border-box;
    width: 39%;
    padding-left: 20px;
    margin-top: 0;
    float: right;
    position: relative; }
    .product-main .product-information.two-column .want-container .not-for-sale-notice {
      margin-bottom: 5px; }
      .product-main .product-information.two-column .want-container .not-for-sale-notice.unpublished-notice {
        margin-top: 0; }
    .product-main .product-information.two-column .want-container:before {
      width: 1px;
      height: 100%;
      left: -1px;
      top: 0;
      position: absolute;
      background: #e5e5e5;
      content: ""; }
  .product-main .product-information .product-info {
    margin-top: 20px; }

.want-container {
  position: relative;
  margin-top: 15px; }
  .want-container .not-for-sale-notice {
    border-radius: 4px;
    font-size: 17px;
    color: #c04355;
    padding: 20px;
    background: #f5f5f5;
    text-align: center; }
    .want-container .not-for-sale-notice.unpublished-notice {
      margin-top: 20px; }
  .want-container .rotate-container {
    height: 42px; }
    .want-container .rotate-container button {
      width: 100%; }

.product-panel-container {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -300px;
  z-index: 9;
  background: #333;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 20px 0;
  width: 300px;
  overflow-y: scroll;
  -webkit-transition: all .3s linear;
          transition: all .3s linear; }
  .product-panel-container.showing {
    left: 0; }

.product-panel-module {
  border-radius: 4px;
  overflow: hidden;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  margin-bottom: 20px; }
  .product-panel-module h4 {
    padding: 10px;
    background: #eee;
    font-size: 15px;
    color: #252a2e;
    font-weight: bold;
    border-bottom: 1px solid #ddd; }
    .product-panel-module h4 a {
      float: right;
      font-weight: normal;
      font-size: 13px;
      color: #aaa; }
  .product-panel-module .products-list li {
    padding: 10px;
    border-bottom: 1px solid #eee; }
    .product-panel-module .products-list li input[type=checkbox] {
      float: right;
      margin-top: 5px; }
  .product-panel-module > ol > li, .product-panel-module .customization {
    padding: 10px;
    border-bottom: 1px solid #eee; }
    .product-panel-module > ol > li h5.heading, .product-panel-module .customization h5.heading {
      color: #252a2e;
      font-size: 13px;
      font-weight: bold;
      margin-bottom: 8px;
      float: left; }
    .product-panel-module > ol > li #background_image_picker, .product-panel-module .customization #background_image_picker {
      display: block;
      cursor: pointer; }
      .product-panel-module > ol > li #background_image_picker:hover, .product-panel-module .customization #background_image_picker:hover {
        text-decoration: underline; }
    .product-panel-module > ol > li p, .product-panel-module .customization p {
      clear: both; }
    .product-panel-module > ol > li input[type=checkbox], .product-panel-module .customization input[type=checkbox] {
      display: block;
      margin: 5px 5px 0 0;
      float: right; }
    .product-panel-module > ol > li:last-child, .product-panel-module .customization:last-child {
      border-bottom: 0; }
  .product-panel-module .miniColors-triggerWrap {
    left: auto;
    top: -2px;
    right: 0; }
  .product-panel-module .color-input {
    display: none; }
  .product-panel-module button {
    width: 100%;
    cursor: pointer;
    font-size: 13px;
    border-width: 1px 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .product-panel-module button.remove-file-info {
      width: 25px;
      height: 24px;
      border-radius: 50%;
      right: 8px;
      top: 9px;
      display: none; }
      .product-panel-module button.remove-file-info .icn.close {
        top: 6px;
        left: 8px; }
  .product-panel-module #pull-from-twitter {
    font-weight: bold; }
  .product-panel-module .customization.pull-twitter {
    padding: 10px; }
  .product-panel-module .customization ul {
    clear: both; }
    .product-panel-module .customization ul li {
      border: 0;
      padding: 0;
      display: block;
      position: relative;
      margin-top: 8px; }
  .product-panel-module .steps > li {
    padding: 0; }
    .product-panel-module .steps > li .step-options {
      background: white;
      border-top: 1px solid #ddd; }
      .product-panel-module .steps > li .step-options select {
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
        padding: 6px 8px; }
      .product-panel-module .steps > li .step-options .bordered {
        border-bottom: 1px solid #ddd;
        height: 31px;
        margin-bottom: 14px;
        margin-top: -4px; }
        .product-panel-module .steps > li .step-options .bordered.labels {
          border-bottom: 0;
          padding: 0;
          margin-bottom: 0; }
      .product-panel-module .steps > li .step-options #js-edit-fields-form #dynamic-custom-fields-title {
        display: block; }
      .product-panel-module .steps > li .step-options #js-edit-fields-form .labels {
        overflow: hidden; }
        .product-panel-module .steps > li .step-options #js-edit-fields-form .labels span {
          padding: 0 10px 10px;
          float: left; }
          .product-panel-module .steps > li .step-options #js-edit-fields-form .labels span.required-label {
            float: right; }
      .product-panel-module .steps > li .step-options #js-edit-fields-form #dynamic-custom-fields {
        line-height: 21px;
        border: 1px solid #ddd;
        list-style: none;
        vertical-align: baseline;
        border-radius: 5px; }
        .product-panel-module .steps > li .step-options #js-edit-fields-form #dynamic-custom-fields li {
          padding: 0;
          position: relative;
          overflow: hidden;
          height: 41px;
          border-bottom: 1px solid #ddd; }
          .product-panel-module .steps > li .step-options #js-edit-fields-form #dynamic-custom-fields li:last-child {
            border-bottom: 0; }
          .product-panel-module .steps > li .step-options #js-edit-fields-form #dynamic-custom-fields li input[type="text"] {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            font-size: 15px;
            color: #ccc;
            background-color: transparent;
            width: 80%;
            outline: none;
            border: 0; }
          .product-panel-module .steps > li .step-options #js-edit-fields-form #dynamic-custom-fields li input[type="checkbox"] {
            top: 9px;
            right: 5px; }
      .product-panel-module .steps > li .step-options #js-edit-attributes-form ul #link_custom_summary {
        font-size: 17px;
        line-height: 26px;
        color: #252a2e; }
      .product-panel-module .steps > li .step-options #js-edit-attributes-form ul li {
        padding: 0;
        position: relative;
        overflow: hidden;
        height: 41px; }
        .product-panel-module .steps > li .step-options #js-edit-attributes-form ul li.summary {
          padding: 0;
          height: 48px; }
        .product-panel-module .steps > li .step-options #js-edit-attributes-form ul li .js-custom-attr-label, .product-panel-module .steps > li .step-options #js-edit-attributes-form ul li .js-custom-attr-value {
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          -webkit-font-smoothing: antialiased;
          width: 100%;
          font-size: 15px;
          color: #ccc; }
        .product-panel-module .steps > li .step-options #js-edit-attributes-form ul li .js-custom-attr-value {
          color: #999;
          text-align: right; }
        .product-panel-module .steps > li .step-options #js-edit-attributes-form ul li span {
          color: #ccc; }
          .product-panel-module .steps > li .step-options #js-edit-attributes-form ul li span.file-information-attr-label {
            padding: 10px;
            width: 50%; }
        .product-panel-module .steps > li .step-options #js-edit-attributes-form ul li strong {
          font-size: 15px;
          margin-top: -10px;
          padding-right: 0; }
          .product-panel-module .steps > li .step-options #js-edit-attributes-form ul li strong.file-information-attr-value {
            padding: 10px 10px 10px 0;
            margin-top: 0;
            text-align: right;
            color: #999;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
            .product-panel-module .steps > li .step-options #js-edit-attributes-form ul li strong.file-information-attr-value.shifted-left {
              padding-right: 40px; }
      .product-panel-module .steps > li .step-options.padded {
        padding: 10px; }
    .product-panel-module .steps > li strong {
      padding: 10px;
      display: inline-block;
      font-weight: normal; }
      .product-panel-module .steps > li strong a {
        margin-left: 5px; }
    .product-panel-module .steps > li textarea {
      box-sizing: border-box;
      border-radius: 0;
      font-size: 13px;
      line-height: 21px;
      border-width: 0;
      width: 100%;
      max-width: 100%;
      display: none;
      background: white; }
    .product-panel-module .steps > li.active {
      background: #f5f5f5; }
      .product-panel-module .steps > li.active textarea {
        display: block; }

.product-price-tag {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  padding: 12px 10px 12px 8px;
  color: #614611;
  background: #fdce71;
  display: block;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 5; }
  .product-price-tag:before {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 21px;
    border-right-color: #fdce71;
    position: absolute;
    top: 0;
    right: 100%; }
  .product-price-tag .edit {
    font-size: 12px;
    font-weight: normal; }
  .product-price-tag .old-price {
    text-decoration: line-through;
    color: #8c6519;
    font-size: 15px;
    margin-left: 10px; }

.small .product-price-tag {
  font-size: 14px;
  line-height: 14px;
  padding: 6px 5px 6px 4px;
  top: 10px; }
  .small .product-price-tag:before {
    border-width: 13px; }

#link_url_wrapper.dragover, #link_url_wrapper.docover {
  border-radius: 5px; }

.link_price_wrapper {
  position: relative;
  display: block; }

.link_price_range, #price_range {
  width: 30px; }

.i_want_this_button {
  z-index: 5; }

#product_page .wrapper {
  max-width: 670px; }
  #product_page .wrapper .product-row {
    max-width: 670px; }

.faux-product {
  border-radius: 4px;
  overflow: hidden;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  margin: 0 auto; }
  .faux-product .cover {
    width: 100%;
    height: 290px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

#product_page .main-product-row {
  margin: 15px 0;
  position: relative; }

.product {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
  .product .product-main {
    background: white;
    margin: 0;
    padding: 0;
    overflow: hidden; }
  .product .buy-form-main {
    background: #eeeeee;
    height: 0;
    overflow: hidden; }
    .product .buy-form-main .changed_mind_button {
      margin: 20px;
      top: 0;
      background: #ddd;
      color: #898989;
      font-size: 13px;
      float: left; }
      .product .buy-form-main .changed_mind_button:hover {
        background: #cccccc; }
      .product .buy-form-main .changed_mind_button:active {
        background: #bbb; }
  .product.subscription .credit_card_holder {
    -webkit-transition: opacity .2s linear;
            transition: opacity .2s linear;
    opacity: .4;
    pointer-events: none; }
    .product.subscription .credit_card_holder.usable {
      opacity: 1;
      pointer-events: all; }

#javascript-notice {
  margin-top: 100px;
  text-align: center;
  font-size: 18px;
  font-weight: lighter; }
  #javascript-notice strong {
    font-weight: normal;
    font-size: 24px;
    color: #252a2e;
    display: block;
    margin-bottom: 24px; }

.read-wrapper {
  height: 100%;
  overflow: hidden;
  z-index: 14; }
  .read-wrapper .progress-wrapper {
    left: 0;
    right: 0;
    cursor: pointer;
    position: absolute;
    height: 3px;
    z-index: 15; }
    .read-wrapper .progress-wrapper .progress {
      background-color: #36a9ae;
      border: 0;
      height: 3px;
      display: none;
      position: absolute;
      width: 0;
      z-index: 15; }
      .read-wrapper .progress-wrapper .progress .drag {
        background: #36a9ae;
        border: 1px solid white;
        border-radius: 12px;
        height: 12px;
        width: 12px;
        left: 0;
        top: -6px;
        position: absolute;
        z-index: 16; }
        .read-wrapper .progress-wrapper .progress .drag:hover {
          background: #545350;
          cursor: -webkit-grab;
          cursor: grab; }
        .read-wrapper .progress-wrapper .progress .drag .slider-popover {
          position: absolute;
          display: none;
          width: 225px;
          border: 1px solid #ddd;
          border-radius: 4px;
          margin: 24px 0 0 -109px;
          background: white;
          box-shadow: 0 1px 2px rgba(0, 0, 3, 0.1);
          text-align: center; }
          .read-wrapper .progress-wrapper .progress .drag .slider-popover:before, .read-wrapper .progress-wrapper .progress .drag .slider-popover:after {
            content: "";
            height: 0;
            position: absolute;
            width: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 8px;
            left: 50%;
            margin-left: -8px;
            top: 0;
            border-bottom-color: #ddd;
            margin-top: -17px; }
          .read-wrapper .progress-wrapper .progress .drag .slider-popover:after {
            border-bottom-color: white;
            margin-top: -16px; }
          .read-wrapper .progress-wrapper .progress .drag .slider-popover.east-side, .read-wrapper .progress-wrapper .progress .drag .slider-popover.west-side {
            position: relative;
            margin: -15px 0 0 24px; }
            .read-wrapper .progress-wrapper .progress .drag .slider-popover.east-side:before, .read-wrapper .progress-wrapper .progress .drag .slider-popover.east-side:after, .read-wrapper .progress-wrapper .progress .drag .slider-popover.west-side:before, .read-wrapper .progress-wrapper .progress .drag .slider-popover.west-side:after {
              left: 0;
              border-color: transparent;
              margin: 12px 0 0 -16px;
              border-right-color: #ddd; }
            .read-wrapper .progress-wrapper .progress .drag .slider-popover.east-side:after, .read-wrapper .progress-wrapper .progress .drag .slider-popover.west-side:after {
              border-right-color: white;
              margin-left: -15px; }
            .read-wrapper .progress-wrapper .progress .drag .slider-popover.east-side.west-side, .read-wrapper .progress-wrapper .progress .drag .slider-popover.west-side.west-side {
              left: -245px;
              margin-left: 0; }
              .read-wrapper .progress-wrapper .progress .drag .slider-popover.east-side.west-side:before, .read-wrapper .progress-wrapper .progress .drag .slider-popover.east-side.west-side:after, .read-wrapper .progress-wrapper .progress .drag .slider-popover.west-side.west-side:before, .read-wrapper .progress-wrapper .progress .drag .slider-popover.west-side.west-side:after {
                left: 100%;
                border-color: transparent;
                border-left-color: #ddd;
                margin: 12px 0 0; }
              .read-wrapper .progress-wrapper .progress .drag .slider-popover.east-side.west-side:after, .read-wrapper .progress-wrapper .progress .drag .slider-popover.west-side.west-side:after {
                border-left-color: white;
                margin-left: -1px; }
          .read-wrapper .progress-wrapper .progress .drag .slider-popover .ttl {
            color: #252a2e;
            font-size: 16px;
            margin: 15px auto 5px;
            width: 200px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
          .read-wrapper .progress-wrapper .progress .drag .slider-popover .page {
            color: #969591;
            font-size: 12px;
            margin-bottom: 15px; }
  .read-wrapper .info {
    background: #efefe9;
    height: 70px;
    position: relative;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-top: 2px; }
    .read-wrapper .info h1 {
      font-size: 18px;
      color: #545350;
      margin-top: 14px;
      text-align: center; }
    .read-wrapper .info a {
      color: #a0a0a0;
      display: block;
      padding: 0 20px;
      line-height: 70px; }
      .read-wrapper .info a:hover {
        color: #666; }
    .read-wrapper .info .settings {
      position: absolute;
      font-size: 18px; }
      .read-wrapper .info .settings li {
        float: left; }
        .read-wrapper .info .settings li a.toc-popover-trigger {
          display: none;
          cursor: pointer; }
  .read-wrapper .main {
    position: absolute;
    top: 73px;
    bottom: 0;
    width: 98%;
    padding: 1%;
    background-color: white;
    text-align: center;
    z-index: 12; }
    .read-wrapper .main .content {
      width: 100%;
      height: 100%; }
    .read-wrapper .main canvas.reader {
      height: 100%; }
    .read-wrapper .main .arrow {
      position: absolute;
      top: 50%;
      margin-top: -32px;
      color: #b2b2b2;
      font-family: arial, sans-serif;
      font-weight: bold;
      font-size: 32px;
      display: none; }
      .read-wrapper .main .arrow.prev {
        left: 40px; }
      .read-wrapper .main .arrow.next {
        right: 40px; }
      .read-wrapper .main .arrow:hover {
        background: rgba(255, 255, 255, 0.8);
        -webkit-transition: .3s;
                transition: .3s;
        color: #02959b; }
      .read-wrapper .main .arrow i {
        cursor: pointer; }
  .read-wrapper .toc {
    position: absolute;
    width: 300px;
    background: white;
    z-index: 50;
    margin: 60px 0 0 23px;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: #252a2e;
    font-size: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 3, 0.1);
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: all 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 20% 0%;
        -ms-transform-origin: 20% 0%;
            transform-origin: 20% 0%; }
    .read-wrapper .toc.showing {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    .read-wrapper .toc:before, .read-wrapper .toc:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 8px;
      left: 17%;
      margin-left: -8px;
      top: 0;
      border-bottom-color: #ddd;
      margin-top: -17px; }
    .read-wrapper .toc:after {
      border-bottom-color: white;
      margin-top: -16px;
      z-index: 5; }
    .read-wrapper .toc .gradient {
      position: absolute;
      width: 100%;
      height: 20px;
      z-index: 20;
      bottom: 0;
      background: transparent -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #e9e9e9 100%);
      background: transparent linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #e9e9e9 100%); }
    .read-wrapper .toc h1 {
      text-align: center;
      margin: 15px 0; }
  .read-wrapper .pagination {
    width: 100%;
    text-align: center;
    margin-top: 3px; }
    .read-wrapper .pagination .controls input[type=text] {
      background: #efefe9;
      box-shadow: inset 0 0 0;
      border: 0 solid #ddd;
      color: #969591;
      padding: 0;
      font-size: 12px; }
    .read-wrapper .pagination .controls .total-pages {
      color: #c9cac3; }
    .read-wrapper .pagination .placeholder {
      font-style: italic;
      display: none; }
    .read-wrapper .pagination.loading .placeholder {
      display: block; }
    .read-wrapper .pagination.loading .controls {
      display: none; }

.toc-container {
  border-top: 1px solid #dddddd;
  width: 100%;
  box-sizing: border-box;
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: scroll;
  background: white; }
  .toc-container ul li {
    display: block; }
    .toc-container ul li .toc-list-item {
      padding: 15px 0 10px 15px;
      position: relative;
      cursor: pointer;
      font-size: 15px; }
      .toc-container ul li .toc-list-item:hover {
        background: #f5f5f5; }
      .toc-container ul li .toc-list-item .ttl, .toc-container ul li .toc-list-item .page {
        display: inline-block; }
        .toc-container ul li .toc-list-item .ttl.ttl, .toc-container ul li .toc-list-item .page.ttl {
          width: 200px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .toc-container ul li .toc-list-item .ttl.page, .toc-container ul li .toc-list-item .page.page {
          position: absolute;
          right: 15px;
          color: #ccc; }
    .toc-container ul li ul li .toc-list-item {
      padding-left: 25px;
      font-size: 14px; }
    .toc-container ul li ul li ul li .toc-list-item {
      padding-left: 35px;
      font-size: 13px; }
    .toc-container ul li ul li ul li ul li .toc-list-item {
      font-size: 12px; }

.receipt_container {
  overflow: hidden;
  position: relative;
  margin: 20px auto 0;
  display: none; }
  .receipt_container .receipt_hole {
    background: #b1b1b1;
    height: 10px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.15);
    border: 1px solid #8f8f8f;
    border-top: 1px solid #242424;
    border-radius: 99px; }
  .receipt_container.small {
    margin-top: 10px; }

.receipt {
  position: absolute;
  top: 1px;
  background: white;
  width: 241px;
  padding: 15px 15px 0;
  left: 50%;
  margin-left: -135px;
  border-top-width: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.17), 0 5px 10px rgba(0, 0, 0, 0.05);
  margin-top: -300px; }
  .receipt h4 {
    color: #bfbfbf;
    font-size: 13px;
    line-height: 21px;
    margin: 0 0 10px; }
    .receipt h4 a {
      float: right;
      text-decoration: underline;
      display: block; }
  .receipt h5 {
    font-weight: bold;
    color: #555;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 21px; }
  .receipt .mini-rule {
    margin: 10px 0 16px; }
  .receipt .product-name {
    color: #252a2e; }
    .receipt .product-name.total {
      font-weight: 500; }
  .receipt p {
    margin: 12px 0 0;
    color: #797874;
    font-size: 13px;
    line-height: 21px; }
  .receipt textarea {
    box-sizing: border-box;
    background: white;
    margin-top: 15px;
    font-size: 13px;
    line-height: 21px;
    width: 100%;
    padding: 5px 8px;
    min-height: 50px; }
  .receipt .receipt-entry {
    margin: 0;
    padding: 0;
    border-top: 1px dotted #ddd;
    font-size: 15px;
    overflow: hidden; }
    .receipt .receipt-entry .button {
      margin-top: 12px;
      margin-right: 5px; }
    .receipt .receipt-entry .product-details {
      padding: 12px 12px 14px 0;
      display: block;
      margin-right: 60px;
      border-right: 1px dotted #ddd; }
      .receipt .receipt-entry .product-details p {
        margin-bottom: 0;
        line-height: 18px; }
    .receipt .receipt-entry:last-child {
      border-bottom: 1px dotted #ddd; }
    .receipt .receipt-entry.purchase_error {
      border-color: #c04355; }
      .receipt .receipt-entry.purchase_error .purchase_failed_notice {
        border-radius: 4px;
        display: inline-block;
        background-color: #ffe4e1;
        margin: 12px 0;
        padding: 0 7px;
        color: #c04355;
        font-size: 13px;
        text-transform: uppercase; }
      .receipt .receipt-entry.purchase_error .purchase_error_message {
        margin: 8px 0 12px; }
    .receipt .receipt-entry .dropbox-saver {
      margin-left: 5px;
      position: relative;
      border-radius: 4px;
      font-weight: normal;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      height: 13px !important;
      line-height: 13px !important;
      font-size: 13px !important;
      padding: 5px 10px 5px 34px !important; }
      .receipt .receipt-entry .dropbox-saver .saver-btn-status {
        position: absolute;
        left: 8px; }
      .receipt .receipt-entry .dropbox-saver ::input-placeholder {
        color: #9ddee0 !important;
        text-decoration: underline; }
      .receipt .receipt-entry .dropbox-saver input:placeholder {
        color: #9ddee0 !important;
        text-decoration: underline; }
      .receipt .receipt-entry .dropbox-saver.on-new-line {
        margin-left: 0; }
      .receipt .receipt-entry .dropbox-saver:hover {
        border: 1px solid #c0c0c0;
        cursor: pointer;
        text-decoration: none; }
    .receipt .receipt-entry input[type=text] {
      box-sizing: border-box;
      width: 100%;
      font-size: 15px;
      line-height: 21px;
      padding: 0 7px;
      height: 32px;
      color: #36a9ae;
      text-decoration: underline; }
    .receipt .receipt-entry input::-webkit-input-placeholder {
      color: #9ddee0 !important;
      text-decoration: underline; }
    .receipt .receipt-entry input::-moz-placeholder {
      color: #9ddee0 !important;
      text-decoration: underline; }
    .receipt .receipt-entry input:-ms-input-placeholder {
      color: #9ddee0 !important;
      text-decoration: underline; }
    .receipt .receipt-entry input::placeholder {
      color: #9ddee0 !important;
      text-decoration: underline; }
    .receipt .receipt-entry .receipt-price {
      color: #555;
      float: right;
      display: block;
      padding: 12px 0;
      text-align: center;
      width: 60px; }
      .receipt .receipt-entry .receipt-price.total {
        font-weight: 500; }
  .receipt .email-receipt-form .mini-rule {
    margin-bottom: 0; }
  .receipt .email-receipt-form p {
    margin-bottom: 12px; }
    .receipt .email-receipt-form p.tos-p {
      color: #aaa; }
      .receipt .email-receipt-form p.tos-p a {
        color: inherit;
        text-decoration: underline; }
  .receipt .email-receipt-form input[type=password] {
    background: white;
    font-size: 13px;
    line-height: 13px;
    border: 1px solid #d7d7d7;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
    width: 121px;
    height: 11px;
    float: left; }
    .receipt .email-receipt-form input[type=password]:focus {
      border-color: #bbb; }
  .receipt .email-receipt-form button.small {
    font-size: 13px;
    font-weight: 500;
    padding: 9px 11px;
    width: 84px;
    float: right; }
    .receipt .email-receipt-form button.small.logged-in-add-to-library {
      width: 100%; }
  .receipt .button-social-twitter, .receipt .button-social-facebook {
    font-weight: 500;
    margin: 15px 8px 0 0;
    line-height: 18px; }
    .receipt .button-social-twitter i, .receipt .button-social-facebook i {
      vertical-align: text-bottom; }
  .receipt #receipt_user_signup {
    padding-top: 70px; }
  .receipt .mobile-app-popover .country-list {
    border-bottom-width: 1px; }

.receipt_shadow {
  border-top: 1px solid #666;
  opacity: 0;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/product/patterns-6948ccb2142e032603940e706fcf5f90.png) repeat-x 0 -5px transparent;
  z-index: 5;
  height: 5px;
  top: 0;
  position: absolute;
  width: 241px;
  padding: 0 15px;
  left: 50%;
  margin-left: -135px; }

.receipt_bottom {
  clear: both;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c8a41fa9c51b68524891f985475ba955.png) 1px -158px;
  height: 13px;
  margin: 16px -16px -13px; }

.under-receipt-notices {
  position: absolute;
  text-align: center;
  width: 100%; }
  .under-receipt-notices p {
    margin: 0; }
  .under-receipt-notices .unsubscribe_link {
    color: #555;
    text-decoration: underline; }

.recommended-product-row, .main-product-row {
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
  .recommended-product-row.faded, .main-product-row.faded {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; }

.recommended-product-row {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 1000px;
  z-index: 3; }
  .recommended-product-row.showing {
    -webkit-transform: translateY(-954px);
        -ms-transform: translateY(-954px);
            transform: translateY(-954px); }
  .recommended-product-row.js-main-product-row {
    -webkit-transition: all 0s ease-in-out;
            transition: all 0s ease-in-out;
    -webkit-transform: translateY(-1000px);
        -ms-transform: translateY(-1000px);
            transform: translateY(-1000px);
    position: relative !important; }

#profile_picture {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  max-width: 128px;
  max-height: 128px; }

.seller-main {
  border-radius: 2px;
  background: #f5f5f5;
  padding: 10px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); }
  .seller-main a.underline {
    text-decoration: none; }
  .seller-main .profile-picture-holder {
    float: left;
    height: 100%;
    margin-right: 10px; }
    .seller-main .profile-picture-holder img {
      width: 64px;
      height: 64px;
      display: block; }
  .seller-main h2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    color: #666; }
    .seller-main h2 a {
      color: inherit;
      font-weight: inherit;
      text-shadow: none; }
    .seller-main h2 .button {
      margin-left: 5px;
      font-weight: normal;
      vertical-align: text-bottom; }
      .seller-main h2 .button.showing {
        display: inline-block; }
      .seller-main h2 .button.button-default {
        color: #666; }
      .seller-main h2 .button.button-primary {
        color: white; }
  .seller-main .bio {
    color: rgba(0, 0, 0, 0.4);
    font-size: 15px;
    line-height: 21px;
    margin-top: 6px; }
    .seller-main .bio a {
      color: rgba(0, 0, 0, 0.4);
      text-decoration: underline; }
    .seller-main .bio p {
      margin-bottom: 12px; }
      .seller-main .bio p:last-child {
        margin-bottom: 0; }
  .seller-main .verified-badge {
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    padding: 2px 8px;
    display: inline-block;
    font-size: 11px;
    position: absolute;
    top: 10px;
    right: 10px; }
  .seller-main .social-icon {
    display: inline-block;
    text-indent: -9999px;
    margin-left: 5px;
    background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c8a41fa9c51b68524891f985475ba955.png);
    vertical-align: bottom;
    background-position: 0 -172px;
    width: 20px;
    height: 16px; }
    .seller-main .social-icon:active {
      position: relative;
      top: 1px; }
    .seller-main .social-icon.twitter-icon {
      background-position: -22px -172px; }

.author-hovercard {
  position: absolute;
  left: 20px;
  min-width: 360px;
  max-width: 630px;
  z-index: 4; }
  .author-hovercard:after, .author-hovercard:before {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    left: 30px;
    top: 100%;
    border-top-color: #f5f5f5;
    z-index: 5; }
  .author-hovercard:before {
    margin-top: 1px;
    border-top-color: rgba(0, 0, 0, 0.2);
    z-index: 4; }

.settings-form input[type=text],
.settings-form input[type=email],
.settings-form textarea,
.settings-form select {
  box-sizing: border-box;
  width: 100%; }
.settings-form input[type=checkbox] {
  width: 12px; }
.settings-form select {
  height: 38px; }
.settings-form textarea {
  max-width: 100%; }
.settings-form label {
  font-size: 16px;
  margin-top: 11px; }
.settings-form #profile_picture {
  float: left;
  margin-right: 20px; }
.settings-form .setting-group {
  padding: 36px 0;
  border-top: 1px dotted #ddd; }
  .settings-form .setting-group.not-bordered {
    border-top: 0;
    padding-top: 6px; }
  .settings-form .setting-group li.access-token-list-element {
    margin-top: 43px; }
    .settings-form .setting-group li.access-token-list-element .access-token-container {
      text-align: center;
      margin-left: 13px; }
    .settings-form .setting-group li.access-token-list-element .token-label {
      margin-top: 0; }
.settings-form .row:first-child .setting-group {
  border-top: 0; }
.settings-form ul.setting-group li {
  margin: 24px 0 32px;
  overflow: hidden; }
.settings-form .setting label {
  font-weight: normal; }
.settings-form .setting p {
  font-size: 14px;
  color: #999;
  margin-top: 20px; }
  .settings-form .setting p.affiliate-percent {
    font-weight: normal;
    font-size: 17px; }
    .settings-form .setting p.affiliate-percent:after {
      content: "%"; }
.settings-form .setting.with-options input[type=text] {
  margin-bottom: 12px; }
.settings-form .setting.with-options textarea {
  margin-bottom: 12px;
  min-height: 120px; }
.settings-form .setting.with-options .learn-more-prompt {
  margin-bottom: 20px;
  font-size: 15px;
  display: inline-block; }
.settings-form .setting.with-options .setting-option {
  margin: 24px 0; }
  .settings-form .setting.with-options .setting-option label {
    margin-left: 6px;
    color: #999; }
  .settings-form .setting.with-options .setting-option a {
    display: inline-block;
    font-size: 15px;
    margin-left: 10px; }
.settings-form .connection {
  border-radius: 4px;
  position: relative;
  margin: 0 0 15px;
  line-height: 26px;
  padding: 12px 12px 12px 72px;
  overflow: hidden;
  background-color: #e9e9e9; }
  .settings-form .connection select, .settings-form .connection a, .settings-form .connection .button {
    float: right;
    display: inline-block;
    margin-left: 10px; }
  .settings-form .connection select {
    height: 26px;
    border-color: #ccc;
    max-width: 120px;
    font-size: 13px;
    text-overflow: ellipsis; }
  .settings-form .connection .service-icon {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    left: 0;
    top: 0; }
    .settings-form .connection .service-icon .gi {
      position: absolute;
      top: 15px;
      right: 0;
      left: 22px;
      margin: 0 auto;
      color: #fff;
      font-size: 21px;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); }
  .settings-form .connection .notice {
    float: right; }
.settings-form #facebook .service-icon {
  background-color: #3d5c96; }
  .settings-form #facebook .service-icon .gi {
    top: 14px;
    font-size: 24px; }
.settings-form #twitter .service-icon {
  background-color: #55acee; }
.settings-form #profile-picture button {
  display: block;
  margin-bottom: 15px; }
.settings-form .chosen-placeholder {
  height: 42px;
  color: white;
  font-size: .01em; }
.settings-form .submit {
  margin-top: 36px; }
.settings-form .delete-account-trigger {
  color: #c04355;
  font-size: 16px; }
.settings-form .twitter-buy-now {
  border-radius: 4px;
  color: #668090;
  padding: 20px;
  padding-left: 225px; }
  .settings-form .twitter-buy-now h3 {
    color: #385363;
    font-weight: bold;
    font-size: 16px; }
  .settings-form .twitter-buy-now p {
    font-size: 14px;
    line-height: 21px;
    margin-top: 10px; }

#apps {
  margin-top: 22px;
  padding: 42px 0 22px; }

#developer-settings {
  text-align: center; }
  #developer-settings h2 {
    font-size: 24px;
    line-height: 36px; }
  #developer-settings .row {
    text-align: left; }
    #developer-settings .row .authorized-app {
      padding: 18px 0;
      border-bottom: 1px dotted #ddd; }
      #developer-settings .row .authorized-app .app-header .app-icon {
        float: left; }
        #developer-settings .row .authorized-app .app-header .app-icon img {
          border-radius: 4px; }
      #developer-settings .row .authorized-app .app-header .app-info form button {
        float: right; }
      #developer-settings .row .authorized-app .app-header .app-info h3 {
        display: block;
        margin-bottom: 4px;
        font-weight: normal;
        font-size: 18px; }
      #developer-settings .row .authorized-app .permissions {
        clear: both; }
        #developer-settings .row .authorized-app .permissions .permissions-list {
          margin-left: 10px; }
    #developer-settings .row:last-child .authorized-app {
      border-bottom: 0; }
  #developer-settings .application-row li {
    display: inline; }

#purchases-settings-form .setting label {
  float: left; }
#purchases-settings-form .setting.with-text-input label {
  padding-top: 8px; }
#purchases-settings-form .setting input[type=checkbox] {
  float: right;
  margin-top: 1px; }
#purchases-settings-form .setting input[type=text] {
  float: right;
  height: 20px;
  background: white;
  padding: 5px 8px;
  font-size: 13px; }

.purchases-settings-form {
  box-sizing: border-box;
  border-radius: 4px;
  margin: 50px auto;
  padding: 20px;
  width: 360px;
  display: block;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.05);
  background-color: white; }
  .purchases-settings-form h2 {
    font-weight: bold;
    color: #444;
    font-size: 17px; }
  .purchases-settings-form .mini-rule {
    margin: 20px 0; }
  .purchases-settings-form .setting {
    padding: 20px 0;
    line-height: 15px; }
    .purchases-settings-form .setting .note {
      display: block;
      clear: both;
      color: #ccc;
      padding-top: 10px;
      line-height: 19px; }
      .purchases-settings-form .setting .note a {
        color: #aaa;
        text-decoration: underline; }
  .purchases-settings-form .button-primary {
    width: 100%;
    margin-bottom: 20px; }
    .purchases-settings-form .button-primary:last-of-type {
      margin-bottom: 0; }
  .purchases-settings-form #credit-card-form .credit_card_holder,
  .purchases-settings-form #shipping-information-form .envelope {
    margin-bottom: 0; }
  .purchases-settings-form #remove_card_link,
  .purchases-settings-form #remove_shipping_information_link,
  .purchases-settings-form .cancel-options {
    font-size: 17px;
    color: #c04355; }
    .purchases-settings-form #remove_card_link a,
    .purchases-settings-form #remove_shipping_information_link a,
    .purchases-settings-form .cancel-options a {
      color: inherit;
      text-decoration: underline; }

#sharing {
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
  margin-top: 18px; }
  #sharing .button {
    font-weight: bold;
    margin-right: 10px;
    line-height: 17px; }
    #sharing .button i {
      vertical-align: text-bottom; }
  #sharing .facebook-count {
    border-radius: 4px;
    background: white;
    border: 1px solid #ccc;
    position: relative;
    padding: 3px 8px;
    color: #252a2e; }
    #sharing .facebook-count:before, #sharing .facebook-count:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 5px;
      right: 100%;
      top: 50%;
      margin-top: -5px; }
    #sharing .facebook-count:after {
      border-right-color: white; }
    #sharing .facebook-count:before {
      border-right-color: #ccc;
      margin-right: 1px; }
  #sharing.faded {
    opacity: 0;
    pointer-events: none; }

#single-page-form {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  padding: 30px;
  margin: 15% auto 50px;
  max-width: 600px;
  background: white; }
  #single-page-form h1 {
    font-size: 20px;
    line-height: 27px;
    color: #1a1f22;
    font-weight: bold;
    display: block;
    padding-right: 60px;
    padding-bottom: 20px; }
  #single-page-form p {
    color: #6f6f6f;
    font-size: 18px;
    line-height: 27px;
    padding: 0 0 12px; }
    #single-page-form p:last-of-type {
      padding-bottom: 0; }
  #single-page-form .mini-rule {
    margin: 18px 0 30px; }
  #single-page-form input {
    width: 300px; }

#support *,
#support :after,
#support :before {
  box-sizing: border-box; }
#support .button.social,
#support .button.primary {
  color: #fff !important; }
#support .small {
  font-size: 12px;
  margin-top: 20px; }
#support .invalid {
  color: red; }
#support li.three.columns {
  list-style: none; }
#support hr {
  border-top: 1px solid #eee;
  margin-bottom: 40px; }
#support .close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 36px;
  color: white;
  z-index: 11111; }
  #support .close a {
    color: #fff; }
#support .pagination {
  text-align: center;
  color: #ccc;
  padding-bottom: 30px; }
  #support .pagination .disabled {
    color: #eee; }
  #support .pagination span, #support .pagination em, #support .pagination a {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 20px;
    color: #999; }
    #support .pagination span:hover, #support .pagination em:hover, #support .pagination a:hover {
      text-decoration: none; }
    #support .pagination span.previous_page, #support .pagination span.next_page, #support .pagination em.previous_page, #support .pagination em.next_page, #support .pagination a.previous_page, #support .pagination a.next_page {
      border: 0; }
  #support .pagination em {
    background: #999;
    color: #fff;
    font-weight: bold;
    border-color: #999; }
#support .support-nav {
  padding-top: 0;
  text-align: center;
  line-height: 80px;
  font-weight: bold;
  font-size: 17px;
  color: #999;
  height: auto;
  border-bottom: 1px solid #ddd; }
  #support .support-nav .ribbon-logo {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/brand/ribbon-logo-34bddeefbfc5aaf878eb0b2e34d7e1fa.png) no-repeat;
    display: inline-block;
    text-indent: -9999px;
    width: 84px;
    height: 104px;
    margin: 0 10px;
    position: relative;
    z-index: 999;
    margin-bottom: -25px; }
#support .support-header {
  background: #efefe9;
  border-bottom: 1px solid #ddd;
  padding: 80px 0;
  text-align: center; }
  #support .support-header h1 {
    color: #252a2e;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 42px;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 15px;
    position: relative;
    z-index: 5; }
  #support .support-header p {
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    margin: 0 auto; }
  #support .support-header #support-search {
    margin: 0 auto;
    width: 100%; }
    #support .support-header #support-search .inner {
      max-width: 300px;
      margin: 0 auto;
      width: 100%;
      position: relative;
      margin-top: 15px; }
      #support .support-header #support-search .inner input[type=text] {
        vertical-align: top;
        width: 100%; }
      #support .support-header #support-search .inner #support-search-submit {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        height: 42px;
        box-shadow: none;
        position: absolute;
        top: 0;
        right: 0; }
        #support .support-header #support-search .inner #support-search-submit:hover {
          box-shadow: none; }
  #support .support-header .support-return {
    display: block;
    width: 220px;
    margin: 0 auto;
    border-top: 1px solid #c7c7c7;
    font-size: 16px;
    margin-top: 51px; }
    #support .support-header .support-return a {
      position: relative;
      z-index: 5;
      display: inline-block;
      top: -11px;
      color: #777;
      background-color: #efefe9;
      padding: 0 18px;
      text-decoration: underline; }
#support .support-main {
  background: white;
  color: #808080;
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 40px; }
  #support .support-main .support-body {
    max-width: 940px;
    padding-top: 40px;
    padding-bottom: 40px; }
    #support .support-main .support-body .desk_file_upload {
      position: relative; }
      #support .support-main .support-body .desk_file_upload input[type=file] {
        position: relative;
        top: 0;
        left: 0;
        opacity: 0;
        height: 50px;
        float: left;
        margin-bottom: -100px; }
      #support .support-main .support-body .desk_file_upload .faux-file-field {
        margin-bottom: 15px; }
      #support .support-main .support-body .desk_file_upload .choose-file {
        width: 150px;
        float: right;
        margin-top: -57px;
        position: relative; }
        #support .support-main .support-body .desk_file_upload .choose-file input[type="button"] {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
    #support .support-main .support-body textarea,
    #support .support-main .support-body input {
      width: 100%; }
    #support .support-main .support-body input[type="submit"]:hover,
    #support .support-main .support-body input[type="button"]:hover {
      -webkit-transition: all 0.15s ease-in-out;
              transition: all 0.15s ease-in-out;
      text-decoration: none;
      box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); }
    #support .support-main .support-body input[type="button"] {
      background: #666;
      border: 1px solid #4d4d4d;
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=dimgray, endColorstr=#5d5d5d, GradientType=0)";
      background: -webkit-linear-gradient(dimgray, #5d5d5d);
      background: -webkit-linear-gradient(top, dimgray, #5d5d5d);
      background: linear-gradient(top, dimgray, #5d5d5d); }
    #support .support-main .support-body .input-block {
      margin-top: 30px; }
    #support .support-main .support-body blockquote p {
      margin-bottom: 0; }
    #support .support-main .support-body .basic-table {
      border-radius: 4px;
      border: 1px solid #dddddd;
      border-collapse: separate;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      margin: 30px 0;
      overflow-y: scroll;
      width: 100%; }
      #support .support-main .support-body .basic-table th {
        background: white;
        border-bottom: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
        padding: 10px 20px;
        text-align: left; }
        #support .support-main .support-body .basic-table th:last-child {
          border-right: 0; }
      #support .support-main .support-body .basic-table tr {
        background-color: #f5f5f5;
        border-bottom: 1px solid #eee; }
      #support .support-main .support-body .basic-table tr:nth-child(2n + 1) {
        background-color: #f8f8f8; }
      #support .support-main .support-body .basic-table td {
        padding: 10px 20px;
        border-right: 1px solid #dddddd; }
      #support .support-main .support-body .basic-table td:last-child {
        border-right: 0; }
      #support .support-main .support-body .basic-table tr:last-child {
        border-bottom: 0; }
    #support .support-main .support-body .example-list td {
      text-align: center; }
      #support .support-main .support-body .example-list td.supported:after {
        font-family: "Gumicons";
        content: "\e015";
        color: #36a9ae; }
      #support .support-main .support-body .example-list td.not-supported:after {
        font-family: "Gumicons";
        content: "\e018";
        color: #c04355; }
    #support .support-main .support-body .example-list .gi-check {
      color: #36a9ae; }
    #support .support-main .support-body .example-list tr:first-child td {
      font-size: 14px; }
    #support .support-main .support-body .how-to-intro {
      text-align: center;
      margin: 0 auto;
      padding: 0; }
      #support .support-main .support-body .how-to-intro p {
        font-size: 18px;
        font-weight: 400; }
        #support .support-main .support-body .how-to-intro p.lead-in {
          margin: 0 auto 36px;
          color: #7e7e7e; }
      #support .support-main .support-body .how-to-intro a {
        font-weight: 200; }
    #support .support-main .support-body #rate_article {
      margin-top: 40px; }
    #support .support-main .support-body .how-to-section {
      position: relative;
      margin-top: 34px;
      padding: 24px 0;
      border-top: 1px solid #eee; }
    #support .support-main .support-body .section-intro {
      font-size: 18px;
      line-height: 1.8;
      text-align: center; }
    #support .support-main .support-body #rate_article,
    #support .support-main .support-body .non-seller-notice {
      border-radius: 4px;
      padding: 24px;
      margin-bottom: 40px;
      min-height: 110px;
      border: 1px solid #dddddd;
      background-color: #f8f8f8;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02); }
      #support .support-main .support-body #rate_article h3,
      #support .support-main .support-body .non-seller-notice h3 {
        font-size: 16px;
        font-weight: bold;
        color: #252a2e;
        margin: 0 0 20px; }
      #support .support-main .support-body #rate_article p,
      #support .support-main .support-body .non-seller-notice p {
        line-height: 30px;
        color: #999;
        margin: 0; }
    #support .support-main .support-body .section-colors {
      display: block;
      height: 4px;
      width: 130px;
      margin: 24px auto 36px;
      background: url(https://static-1.gumroad.com/res/gumroad/assets/header_bar-c2717a78bdb9841e135d60bc0c127372.png) 0 0 repeat;
      background-size: 130px 100%; }
    #support .support-main .support-body .step-link {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 10px;
      height: 10px;
      background-color: #f8f8f8;
      padding: 10px; }
    #support .support-main .support-body .ht-section-title {
      font-size: 30px;
      line-height: 46px;
      font-weight: 200;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 58px 0 36px;
      text-align: center;
      color: #333; }
    #support .support-main .support-body .ht-section-step {
      position: absolute;
      top: -22px;
      left: 0;
      right: 0;
      text-align: center; }
      #support .support-main .support-body .ht-section-step a {
        border-radius: 4px;
        display: inline-block;
        border: 1px solid #eee;
        padding: 10px 24px;
        background-color: white;
        text-transform: uppercase;
        text-decoration: none;
        margin: 0 auto;
        color: #777;
        font-size: 10px; }
    #support .support-main .support-body #license-keys .tree {
      color: #454545;
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 24px; }
      #support .support-main .support-body #license-keys .tree li {
        margin-left: 10px;
        color: #999; }
    #support .support-main .support-body #license-keys .documentation-content {
      padding-top: 0; }
      #support .support-main .support-body #license-keys .documentation-content h3 {
        font-size: 14px;
        font-weight: 700;
        margin: 0;
        color: #797874; }
    #support .support-main .support-body .step-group {
      position: relative; }
      #support .support-main .support-body .step-group .step-glyph {
        border-radius: 99px;
        position: absolute;
        top: -11px;
        left: -75px;
        width: 50px;
        height: 50px;
        background-color: white;
        border: 1px solid #e9e9e9;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); }
        #support .support-main .support-body .step-group .step-glyph .number {
          width: 50px;
          height: 50px;
          display: block;
          font-size: 18px;
          line-height: normal;
          font-weight: 600;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          display: block;
          text-align: center;
          margin: 14px auto;
          color: #868686; }
    #support .support-main .support-body h2, #support .support-main .support-body h3 {
      color: #3f3f3f;
      font-size: 22px;
      font-weight: 200;
      margin-bottom: 26px;
      margin-top: 49px; }
    #support .support-main .support-body h2 {
      margin-bottom: 21px;
      padding-bottom: 29px;
      border-bottom: 1px solid #e8e8e8;
      line-height: 30px; }
      #support .support-main .support-body h2.support-title {
        border-bottom: 0;
        font-weight: 500;
        text-align: center;
        font-size: 30px;
        padding-bottom: 0;
        line-height: 1.5;
        margin-top: 40px; }
    #support .support-main .support-body h3 {
      font-size: 18px; }
    #support .support-main .support-body img:not(.avatar) {
      border-radius: 4px;
      display: block;
      margin: 27px 0 36px;
      background-color: white;
      max-width: 100%;
      height: auto !important;
      overflow: hidden;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
      border: 1px solid #dddddd; }
    #support .support-main .support-body p, #support .support-main .support-body ul {
      color: #808080 !important;
      font-size: 16px;
      line-height: 30px;
      margin-bottom: 40px;
      margin-top: 0; }
    #support .support-main .support-body ul li {
      list-style: disc; }
  #support .support-main .front-page .content h2 {
    border-bottom: 0;
    font-weight: 400;
    margin-bottom: 30px;
    padding: 0 30px 0 0; }
  #support .support-main .front-page .content .guides li {
    list-style: none;
    padding: 0 30px 0 0;
    margin-bottom: 30px; }
    @media screen and (max-width: 480px) {
      #support .support-main .front-page .content .guides li {
        padding: 0; } }
    #support .support-main .front-page .content .guides li.article-1579261 a {
      background-position: 100% -20px; }
    #support .support-main .front-page .content .guides li.article-1579262 a {
      background-position: 100% -40px; }
    #support .support-main .front-page .content .guides li.article-1579315 a {
      background-position: 100% -81px; }
    #support .support-main .front-page .content .guides li.article-1579264 a {
      background-position: 100% -102px; }
    #support .support-main .front-page .content .guides li.article-1579273 a {
      background-position: 100% -122px; }
    #support .support-main .front-page .content .guides li.article-1579280 a {
      background-position: 100% -142px; }
    #support .support-main .front-page .content .guides li.article-1579286 a {
      background-position: 100% -163px; }
    #support .support-main .front-page .content .guides li.article-1579285 a {
      background-position: 100% -308px; }
    #support .support-main .front-page .content .guides li.article-1579318 a {
      background-position: 100% -327px; }
    #support .support-main .front-page .content .guides li.article-1579324 a {
      background-position: 100% -285px; }
    #support .support-main .front-page .content .guides li.article-1579326 a {
      background-position: 100% -349px; }
    #support .support-main .front-page .content .guides li.article-1579319 a {
      background-position: 100% -389px; }
    #support .support-main .front-page .content .guides li.article-1579327 a {
      background-position: 100% -411px; }
    #support .support-main .front-page .content .guides li.article-1579321 a {
      background-position: 100% -122px; }
    #support .support-main .front-page .content .guides li.article-1569442 a {
      background-position: 100% -183px; }
    #support .support-main .front-page .content .guides li.article-1569446 a {
      background-position: 100% -203px; }
    #support .support-main .front-page .content .guides li.article-1569448 a {
      background-position: 100% -223px; }
    #support .support-main .front-page .content .guides li.article-1569449 a {
      background-position: 100% -244px; }
    #support .support-main .front-page .content .guides li.article-1569452 a {
      background-position: 100% -265px; }
    #support .support-main .front-page .content .guides li a {
      -webkit-transition: opacity 0.25s ease-in-out;
              transition: opacity 0.25s ease-in-out;
      background: url(https://static-1.gumroad.com/res/gumroad/assets/guide/guide_sprite-fe107941c60a7a1e3f84e4a2b0611b2c.png) 100% 0 no-repeat;
      background-size: 21px auto;
      color: #3f3f3f;
      display: block;
      font-size: 22px;
      font-weight: 200;
      line-height: 21px;
      padding: 0 20px 0 0;
      margin-bottom: 20px;
      opacity: .7; }
      #support .support-main .front-page .content .guides li a:hover {
        text-decoration: none;
        opacity: 1; }
    #support .support-main .front-page .content .guides li:last-child {
      margin-bottom: 30px; }
  #support .support-main .front-page .content .faq h2 {
    border-bottom: 0;
    padding-bottom: 30px;
    margin-bottom: 0; }
  #support .support-main .front-page .content .faq .widget {
    border-radius: 4px;
    background-color: #f8f8f8;
    border: 1px solid #dddddd;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02);
    margin: 0 0 24px;
    min-height: 110px;
    padding: 0 0 1px; }
  #support .support-main .front-page .content .faq h3 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #dddddd;
    background: #eee; }
  #support .support-main .front-page .content .faq h4 {
    padding: 15px 15px 0;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 18px; }
  #support .support-main .front-page .content .faq p {
    padding: 0 15px;
    line-height: 21px;
    font-size: 14px;
    margin-bottom: 0; }
  #support .support-main .front-page .content .faq .view-all {
    display: block;
    text-align: center;
    margin: 15px; }
  #support .support-main .front-page .content .faq li {
    list-style: none;
    line-height: 1.5; }
    #support .support-main .front-page .content .faq li a {
      border-bottom: 1px dotted #eee;
      color: #444;
      display: block;
      padding: 10px 15px; }
      #support .support-main .front-page .content .faq li a:hover {
        -webkit-transition: all 0.25s ease-in-out;
                transition: all 0.25s ease-in-out;
        background: #eee;
        text-decoration: none; }
    #support .support-main .front-page .content .faq li:last-child {
      border-bottom: 0;
      padding-bottom: 0; }
  #support .support-main .support-list-body ul li {
    list-style: none;
    padding: 40px 0; }
    #support .support-main .support-list-body ul li p {
      margin-bottom: 0; }
    #support .support-main .support-list-body ul li h4 {
      color: #252a2e;
      font-size: 24px;
      margin-bottom: 20px; }
      #support .support-main .support-list-body ul li h4:before {
        -webkit-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
        content: "\e003";
        color: #ccc;
        background: #fff;
        position: absolute;
        margin-left: -80px;
        margin-top: -5px;
        font-family: "Gumicons";
        font-size: 24px;
        height: 50px;
        width: 50px;
        border: 1px solid #eee;
        border-radius: 50%;
        line-height: 50px;
        text-align: center; }
      #support .support-main .support-list-body ul li h4:hover:before {
        -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
                transform: rotate(360deg);
        color: #999;
        border-color: #999; }
      #support .support-main .support-list-body ul li h4 a:hover {
        color: #000;
        text-decoration: none; }
    #support .support-main .support-list-body ul li:last-child {
      margin-bottom: 0; }
    #support .support-main .support-list-body ul li.notice {
      text-align: center; }
      #support .support-main .support-list-body ul li.notice h2 {
        font-size: 32px;
        font-weight: 500; }
        #support .support-main .support-list-body ul li.notice h2 span {
          font-weight: 900; }
      #support .support-main .support-list-body ul li.notice h4:before {
        display: none; }
      #support .support-main .support-list-body ul li.notice a {
        color: #36a9ae; }
    @media screen and (max-width: 480px) {
      #support .support-main .support-list-body ul li {
        padding: 15px 0; }
        #support .support-main .support-list-body ul li h4 {
          font-size: 18px; } }
  #support .support-main .support-list-body #modal {
    border-radius: 4px;
    position: absolute;
    width: 640px;
    margin-left: -320px;
    left: 50%;
    z-index: 11111;
    padding: 40px;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }
    #support .support-main .support-list-body #modal ul {
      margin-bottom: 0; }
      #support .support-main .support-list-body #modal ul li {
        padding: 0 0 15px;
        text-align: center; }
        #support .support-main .support-list-body #modal ul li a {
          border-bottom: 1px solid;
          padding-bottom: 5px; }
        #support .support-main .support-list-body #modal ul li h4:before {
          display: none; }
#support .support-footer {
  text-align: center;
  padding: 40px 0;
  position: relative; }
  #support .support-footer h2 {
    margin: 12px 0 22px;
    font-size: 22px;
    line-height: 40px;
    font-weight: 500; }
  #support .support-footer .contact-us {
    width: 280px; }
  #support .support-footer .guide-return {
    display: block;
    margin-top: 20px; }
#support .support-colophon {
  background: #e2e2d9;
  border-top: #ccc;
  padding: 15px 0 30px;
  position: relative; }
  #support .support-colophon .small {
    color: #999 !important;
    text-align: center; }
    #support .support-colophon .small a {
      color: #999; }
#support.step-by-step .support-body.container {
  width: 100%;
  max-width: 100%; }
#support.step-by-step .content.article.eight.columns.offset-two {
  margin-left: 0;
  width: 100%; }

.ui-autocomplete {
  box-sizing: border-box;
  background: #fff;
  margin-left: -655px !important;
  padding: 0 !important;
  max-width: 295px;
  border: 1px solid #ddd;
  margin-top: 47px !important; }
  .ui-autocomplete .article-autocomplete-subject {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #252a2e;
    font-weight: 500; }
  .ui-autocomplete .article-autocomplete-body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #999;
    font: 14pt !important;
    font-size: 100% !important;
    line-height: 1.8 !important;
    display: none; }
  .ui-autocomplete .ui-state-hover,
  .ui-autocomplete .ui-autocomplete a:hover,
  .ui-autocomplete .ui-autocomplete a.ui-state-hover,
  .ui-autocomplete .ui-widget-content .ui-state-hover {
    background: transparent;
    border: 1px solid transparent !important; }

.ui-menu .ui-menu-item {
  padding: 10px 6px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box; }
  .ui-menu .ui-menu-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .ui-menu .ui-menu-item:last-child {
    border-bottom: 0; }
  .ui-menu .ui-menu-item:hover {
    background: #f8f8f8;
    cursor: pointer; }

#modal-screen {
  background: #000;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1111; }

.tooltip {
  border-radius: 10px;
  position: absolute;
  width: 200px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 28px;
  pointer-events: none;
  top: 45px;
  z-index: 10;
  background: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  border: 2px solid #ddd; }
  .tooltip strong {
    font-weight: bold;
    color: #777; }
  .tooltip span {
    display: block;
    color: #aaa; }
  .tooltip:before, .tooltip:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
    top: 100%; }
  .tooltip:after {
    border-top-color: white; }
  .tooltip:before {
    border-top-color: rgba(0, 0, 0, 0.1);
    margin-top: 2px; }

.dropdown {
  border-radius: 6px;
  display: none;
  position: absolute;
  z-index: 10;
  width: 360px;
  background: white;
  border: 1px solid #ddd;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.11);
  left: 50%;
  margin-left: -180px; }
  .dropdown.showing {
    display: block; }
  .dropdown:before, .dropdown:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    margin-left: -6px;
    bottom: 100%;
    border-bottom-color: white;
    border-width: 6px; }
  .dropdown:before {
    margin-bottom: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.1); }

.transcoding-notice-overlay {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  text-align: center;
  padding: 60px; }
  .transcoding-notice-overlay .button {
    background: white; }
  .transcoding-notice-overlay h2 {
    font-weight: bold;
    font-size: 24px;
    margin: 20px 0; }
  .transcoding-notice-overlay p {
    color: #aaa;
    font-size: 15px;
    margin-top: 10px; }
    .transcoding-notice-overlay p i {
      font-style: normal;
      text-shadow: 0 0 2px white;
      color: transparent; }
    .transcoding-notice-overlay p b {
      font-weight: normal;
      text-shadow: 0 0 3px white; }

#user_page .wrapper {
  max-width: 960px; }
#user_page .empty-content {
  overflow: hidden;
  padding-top: 280px;
  color: #252a2e;
  text-align: left;
  font-size: 18px; }
  #user_page .empty-content .empty-image {
    width: 120px;
    height: 120px;
    display: block;
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/empty_profile-6021135ec8ea95c7385c21854784fbb6.png);
    float: left;
    display: block; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (moz--min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
      #user_page .empty-content .empty-image {
        background-image: url(https://static-1.gumroad.com/res/gumroad/assets/empty_profile@2x-075373d601e2d71819c69febf33269b4.png);
        background-size: 120px 120px; } }
  #user_page .empty-content .empty-content-inner {
    overflow: hidden;
    float: left;
    margin-left: 28px;
    border-left: 5px solid rgba(0, 0, 0, 0.02);
    padding: 22px 0 22px 32px; }
  #user_page .empty-content p {
    color: #999;
    line-height: 32px; }
  #user_page .empty-content.with-actions {
    padding-top: 220px; }
    #user_page .empty-content.with-actions .empty-image {
      margin-top: 20px; }
  #user_page .empty-content.current-user {
    padding-top: 280px; }
    #user_page .empty-content.current-user .empty-content-inner {
      padding: 32px 0 22px 32px; }
    #user_page .empty-content.current-user .empty-image {
      margin: 20px 0; }
    #user_page .empty-content.current-user .error-header {
      margin: 0; }
    #user_page .empty-content.current-user .button {
      margin: 12px 0; }
  #user_page .empty-content .error-header {
    margin-bottom: 12px; }
    #user_page .empty-content .error-header h3,
    #user_page .empty-content .error-header p {
      font-weight: 600;
      font-size: 24px;
      line-height: 32px;
      color: rgba(0, 0, 0, 0.6);
      letter-spacing: -.02em; }
  #user_page .empty-content .button {
    margin-top: 28px; }
  #user_page .empty-content .mini-rule {
    margin: 12px auto; }
#user_page .seller-main {
  border-radius: 4px;
  margin-top: 33px; }
#user_page #products {
  margin-top: 15px; }
@media screen and (min-width: 481px) {
  #user_page #products {
    display: none;
    padding-bottom: 30px; }
    #user_page #products .product-row {
      -webkit-transition: width .3s ease-in-out, margin-left .3s ease-in-out, margin-top .3s ease-in-out, opacity .3s ease-in-out;
              transition: width .3s ease-in-out, margin-left .3s ease-in-out, margin-top .3s ease-in-out, opacity .3s ease-in-out; }
      #user_page #products .product-row.highlight {
        border: 2px darkgray solid; }
      #user_page #products .product-row .product {
        -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        margin: 0;
        height: 100%;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        position: relative; }
        #user_page #products .product-row .product:hover {
          cursor: pointer; }
        #user_page #products .product-row .product .product-main {
          border-radius: 4px;
          overflow: visible;
          height: 100%; }
          #user_page #products .product-row .product .product-main .preview-container {
            border-radius: 4px;
            height: 100%; }
        #user_page #products .product-row .product .product-information {
          -webkit-transition: opacity 0.3s ease-in-out;
                  transition: opacity 0.3s ease-in-out;
          position: absolute;
          top: 100%;
          margin-top: 30px;
          background: white;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          border: 1px solid rgba(0, 0, 0, 0.15);
          border-width: 1px 0;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          opacity: 0;
          pointer-events: none; }
          #user_page #products .product-row .product .product-information .author-byline {
            display: none !important; }
        #user_page #products .product-row .product .product-content {
          width: 960px;
          margin: 0 auto;
          position: relative; }
          #user_page #products .product-row .product .product-content:before, #user_page #products .product-row .product .product-content:after {
            content: "";
            height: 0;
            position: absolute;
            width: 0;
            border-color: transparent;
            border-style: solid;
            border-bottom-color: white;
            border-width: 10px;
            margin-left: -10px;
            left: 50%;
            bottom: 100%;
            margin-bottom: 20px; }
          #user_page #products .product-row .product .product-content:before {
            border-bottom-color: rgba(0, 0, 0, 0.15);
            margin-bottom: 21px; }
          #user_page #products .product-row .product .product-content.above:before, #user_page #products .product-row .product .product-content.above:after {
            bottom: auto;
            margin-bottom: auto;
            border-bottom-color: transparent;
            border-top-color: white;
            top: 100%;
            margin-top: 20px; }
          #user_page #products .product-row .product .product-content.above:before {
            border-top-color: rgba(0, 0, 0, 0.15);
            margin-top: 21px; }
          #user_page #products .product-row .product .product-content.left-side-arrow:before, #user_page #products .product-row .product .product-content.left-side-arrow:after {
            left: 150px; }
          #user_page #products .product-row .product .product-content.right-side-arrow:before, #user_page #products .product-row .product .product-content.right-side-arrow:after {
            left: 810px; }
          #user_page #products .product-row .product .product-content.left-gutter-arrow:before, #user_page #products .product-row .product .product-content.left-gutter-arrow:after {
            left: 33%; }
          #user_page #products .product-row .product .product-content.right-gutter-arrow:before, #user_page #products .product-row .product .product-content.right-gutter-arrow:after {
            left: 67%; }
          #user_page #products .product-row .product .product-content .description-container {
            width: 630px; }
          #user_page #products .product-row .product .product-content .want-container {
            width: 320px; }
            #user_page #products .product-row .product .product-content .want-container:before {
              left: -11px; }
        #user_page #products .product-row .product.above .product-information {
          top: auto;
          margin-top: auto;
          bottom: 100%;
          margin-bottom: 30px; }
        #user_page #products .product-row .product.showing-product-information, #user_page #products .product-row .product.showing-product-information .product-main {
          overflow: visible; }
        #user_page #products .product-row .product.showing-product-information .product-information {
          opacity: 1;
          pointer-events: all; }
          #user_page #products .product-row .product.showing-product-information .product-information:hover {
            cursor: auto; }
        #user_page #products .product-row .product.disabled-on-profile {
          opacity: .4;
          pointer-events: none; }
        #user_page #products .product-row .product .purchase_form.multi-buy-form {
          box-sizing: border-box;
          border-radius: 4px;
          position: absolute;
          z-index: 7;
          width: 300px;
          background: #f5f5f5;
          margin-bottom: 10px;
          border: 1px solid #c7c7c7;
          border-bottom-color: #aaa;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
          #user_page #products .product-row .product .purchase_form.multi-buy-form:hover {
            cursor: auto; }
          #user_page #products .product-row .product .purchase_form.multi-buy-form .envelope {
            border: 0;
            background: none;
            box-shadow: none;
            margin-bottom: 0;
            padding: 0; }
            #user_page #products .product-row .product .purchase_form.multi-buy-form .envelope .variant-rule, #user_page #products .product-row .product .purchase_form.multi-buy-form .envelope .variant_selection strong, #user_page #products .product-row .product .purchase_form.multi-buy-form .envelope .gift-trigger {
              display: none; }
            #user_page #products .product-row .product .purchase_form.multi-buy-form .envelope .variant_selection select:first-of-type {
              margin-top: 0; }
          #user_page #products .product-row .product .purchase_form.multi-buy-form .email, #user_page #products .product-row .product .purchase_form.multi-buy-form .credit_card_holder, #user_page #products .product-row .product .purchase_form.multi-buy-form #full-name-on-credit-card-container, #user_page #products .product-row .product .purchase_form.multi-buy-form .js-shipping-information-container {
            display: none; }
          #user_page #products .product-row .product .purchase_form.multi-buy-form .payment-blurb {
            display: none !important; }
          #user_page #products .product-row .product .purchase_form.multi-buy-form .email-p {
            padding-top: 0; }
          #user_page #products .product-row .product .purchase_form.multi-buy-form .subscription-notice {
            margin: 10px 0; }
          #user_page #products .product-row .product .purchase_form.multi-buy-form .pay_button_container {
            margin-top: 10px; }
            #user_page #products .product-row .product .purchase_form.multi-buy-form .pay_button_container .mini-rule, #user_page #products .product-row .product .purchase_form.multi-buy-form .pay_button_container .pay_button {
              display: none; }
            #user_page #products .product-row .product .purchase_form.multi-buy-form .pay_button_container p {
              padding-bottom: 10px; }
            #user_page #products .product-row .product .purchase_form.multi-buy-form .pay_button_container input.link_price_range {
              height: auto; }
          #user_page #products .product-row .product .purchase_form.multi-buy-form:before, #user_page #products .product-row .product .purchase_form.multi-buy-form:after {
            content: "";
            height: 0;
            position: absolute;
            width: 0;
            border-color: transparent;
            border-style: solid;
            left: 50%;
            top: 100%; }
          #user_page #products .product-row .product .purchase_form.multi-buy-form:after {
            border-top-color: #f5f5f5;
            border-width: 6px;
            margin-left: -6px; }
          #user_page #products .product-row .product .purchase_form.multi-buy-form:before {
            border-top-color: #c7c7c7;
            border-width: 7px;
            margin-left: -7px; }
          #user_page #products .product-row .product .purchase_form.multi-buy-form.above:before, #user_page #products .product-row .product .purchase_form.multi-buy-form.above:after {
            top: auto;
            bottom: 100%;
            border-top-color: transparent; }
          #user_page #products .product-row .product .purchase_form.multi-buy-form.above:after {
            border-bottom-color: #f5f5f5; }
          #user_page #products .product-row .product .purchase_form.multi-buy-form.above:before {
            border-bottom-color: #c7c7c7; }
    #user_page #products.gridless .product-row {
      margin-bottom: 30px; }
      #user_page #products.gridless .product-row:first-of-type {
        margin-top: 30px; }
      #user_page #products.gridless .product-row .product-name-container {
        display: none !important; }
    #user_page #products.gridster.is-owner .product-row .product {
      cursor: move; }
    #user_page #products.gridster .product-row, #user_page #products.gridster .product-row .product-information {
      box-sizing: border-box; }
    #user_page #products.gridster .product-row .product form.purchase_form {
      z-index: 11; }
    #user_page #products.gridster .product-row .product .product-main {
      height: 100% !important; }
      #user_page #products.gridster .product-row .product .product-main .preview-container[data-preview] {
        background-size: cover !important;
        background-repeat: no-repeat;
        height: 100% !important; }
        #user_page #products.gridster .product-row .product .product-main .preview-container[data-preview] .image-preview-container {
          height: 100% !important; }
          #user_page #products.gridster .product-row .product .product-main .preview-container[data-preview] .image-preview-container img.preview {
            display: none;
            width: 0;
            min-width: 0; }
        #user_page #products.gridster .product-row .product .product-main .preview-container[data-preview] .oembed-preview-container iframe {
          max-height: 100%; }
        #user_page #products.gridster .product-row .product .product-main .preview-container[data-preview] .preview-shadow {
          display: none !important; }
      #user_page #products.gridster .product-row .product .product-main .preview-container .product-name-container {
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=transparent, endColorstr=rgba(0, 0, 0, 0.25), GradientType=0)";
        background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
        background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));
        background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        display: block !important;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
        #user_page #products.gridster .product-row .product .product-main .preview-container .product-name-container .product-name {
          font-weight: bold;
          font-size: 16px;
          color: white;
          text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
        #user_page #products.gridster .product-row .product .product-main .preview-container .product-name-container .button {
          margin-bottom: 15px; } }

@-webkit-keyframes popAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  12.5% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8); }
  37.5% {
    -webkit-transform: scale(2);
            transform: scale(2); }
  62.5% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  87.5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes popAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  12.5% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8); }
  37.5% {
    -webkit-transform: scale(2);
            transform: scale(2); }
  62.5% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  87.5% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-webkit-keyframes shakeAnimation {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  12.5% {
    -webkit-transform: translateX(-6px) rotateY(-5deg);
            transform: translateX(-6px) rotateY(-5deg); }
  37.5% {
    -webkit-transform: translateX(5px) rotateY(4deg);
            transform: translateX(5px) rotateY(4deg); }
  62.5% {
    -webkit-transform: translateX(-3px) rotateY(-2deg);
            transform: translateX(-3px) rotateY(-2deg); }
  87.5% {
    -webkit-transform: translateX(2px) rotateY(1deg);
            transform: translateX(2px) rotateY(1deg); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
@keyframes shakeAnimation {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  12.5% {
    -webkit-transform: translateX(-6px) rotateY(-5deg);
            transform: translateX(-6px) rotateY(-5deg); }
  37.5% {
    -webkit-transform: translateX(5px) rotateY(4deg);
            transform: translateX(5px) rotateY(4deg); }
  62.5% {
    -webkit-transform: translateX(-3px) rotateY(-2deg);
            transform: translateX(-3px) rotateY(-2deg); }
  87.5% {
    -webkit-transform: translateX(2px) rotateY(1deg);
            transform: translateX(2px) rotateY(1deg); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
.shake {
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-name: shakeAnimation;
          animation-name: shakeAnimation; }

.user-follow-wrapper {
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-pack: center; }

.dark-background .user-follow-content h1 {
  color: white; }
.dark-background .user-follow-content p {
  color: #aaa; }

.user-follow-content {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 30px;
  text-align: center;
  -webkit-perspective: 500;
          perspective: 500; }
  .user-follow-content .profile-picture {
    border-radius: 999px;
    width: 100px;
    height: 100px;
    display: block;
    -webkit-transition: margin-bottom 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            transition: margin-bottom 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    margin: 25px auto 17px; }
    .user-follow-content .profile-picture.showing-edit-actions {
      margin-bottom: 80px; }
  .user-follow-content h1 {
    font-weight: bold;
    color: #252a2e;
    font-size: 32px;
    margin-bottom: 12px;
    padding: 8px 4px;
    display: inline-block;
    line-height: 38px; }
  .user-follow-content p {
    font-size: 24px;
    line-height: 34px;
    color: #888;
    margin-bottom: 25px;
    display: block;
    padding: 0 4px; }
    .user-follow-content p .button-small {
      height: 28px;
      width: 27px;
      padding: 0; }
      .user-follow-content p .button-small .gi {
        background: transparent;
        border: 0; }
  .user-follow-content h1, .user-follow-content p {
    border-radius: 4px; }
    .user-follow-content h1[data-contenteditable=true]:hover, .user-follow-content p[data-contenteditable=true]:hover {
      background: rgba(255, 255, 0, 0.2);
      cursor: pointer; }
  .user-follow-content .edit-actions {
    -webkit-transition: top 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            transition: top 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    position: absolute;
    top: -150%; }
    .user-follow-content .edit-actions.showing {
      top: 184px; }
    .user-follow-content .edit-actions button:first-child {
      margin-right: 5px; }
  .user-follow-content form {
    -webkit-transition: width 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            transition: width 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    margin: 0 auto;
    max-width: 290px;
    width: 100%; }
    .user-follow-content form input[type=text] {
      -webkit-transition: width 0.4s cubic-bezier(0.23, 1, 0.32, 1), padding 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
              transition: width 0.4s cubic-bezier(0.23, 1, 0.32, 1), padding 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      box-sizing: border-box;
      padding: 15px;
      border-right-width: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      float: left;
      width: 82%; }
      .user-follow-content form input[type=text].error {
        border: 1px solid #ddd !important;
        border-right-width: 0 !important;
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02) !important;
        background: white !important; }
    .user-follow-content form button {
      -webkit-transition: border-radius 2s cubic-bezier(0.23, 1, 0.32, 1);
              transition: border-radius 2s cubic-bezier(0.23, 1, 0.32, 1);
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      display: block;
      height: 52px;
      width: 18%; }
    .user-follow-content form.done {
      width: 50px; }
      .user-follow-content form.done input[type=text] {
        width: 0;
        padding-left: 0;
        padding-right: 0;
        border-left: 0;
        border-right: 0;
        opacity: 0; }
      .user-follow-content form.done button {
        border-radius: 99px;
        -webkit-animation-duration: 0.4s;
                animation-duration: 0.4s;
        -webkit-animation-delay: 0.4s;
                animation-delay: 0.4s;
        -webkit-animation-name: popAnimation;
                animation-name: popAnimation;
        opacity: 1 !important;
        width: 50px; }
  .user-follow-content .follow-user-button, .user-follow-content .unfollow-user-button {
    -webkit-transition: border-radius 2s cubic-bezier(0.23, 1, 0.32, 1), width 2s cubic-bezier(0.23, 1, 0.32, 1);
            transition: border-radius 2s cubic-bezier(0.23, 1, 0.32, 1), width 2s cubic-bezier(0.23, 1, 0.32, 1); }
    .user-follow-content .follow-user-button.done, .user-follow-content .unfollow-user-button.done {
      border-radius: 99px;
      -webkit-animation-duration: 0.4s;
              animation-duration: 0.4s;
      -webkit-animation-delay: 0.4s;
              animation-delay: 0.4s;
      -webkit-animation-name: popAnimation;
              animation-name: popAnimation;
      opacity: 1 !important; }
  .user-follow-content #powered-by-footer {
    margin-top: 25px; }

@media (max-width: 480px) {
  .user-follow-content {
    padding: 15px; }
    .user-follow-content h1 {
      font-size: 21px;
      line-height: 32px;
      margin-bottom: 0; }
    .user-follow-content p {
      font-size: 16px;
      line-height: 24px; } }
.feature-content h1 {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 16px;
  color: #252a2e; }
.feature-content h2 {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 11px;
  font-weight: 700; }
.feature-content h3 {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 7px;
  font-weight: 700; }
.feature-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px; }
.feature-content section {
  position: relative;
  padding: 84px 0;
  text-align: center; }
.feature-content .feature-hero {
  padding: 120px 0; }
  .feature-content .feature-hero h2 {
    font-size: 18px;
    font-weight: 400; }
.feature-content .signup {
  padding: 30px 0 6px;
  text-align: center; }
  .feature-content .signup .button {
    margin-top: 36px; }

.description {
  margin-top: 40px; }
  .description h2 {
    line-height: 26px;
    color: #252a2e; }
  .description p {
    margin-top: 22px; }

.feature-list {
  list-style-type: none; }

.last-section {
  padding-bottom: 0 !important; }

#feature-pricing .feature-alt {
  border-top: #148b90;
  border-bottom: #148b90;
  background-color: #159499;
  color: white; }
  #feature-pricing .feature-alt h2 {
    color: white; }
  #feature-pricing .feature-alt .feature-list .feature {
    margin-top: 64px; }
    #feature-pricing .feature-alt .feature-list .feature h3 {
      color: white; }
    #feature-pricing .feature-alt .feature-list .feature p {
      color: rgba(255, 255, 255, 0.6); }
#feature-pricing .feature-white {
  background: white; }
#feature-pricing .vat {
  padding: 50px 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); }
  #feature-pricing .vat h2 {
    font-weight: 400;
    color: #252a2e;
    margin-bottom: 22px; }
  #feature-pricing .vat .button {
    margin-top: 30px; }
#feature-pricing #ach-form {
  width: 640px;
  display: block;
  margin: 64px auto 0; }

#feature-setup .feature-alt {
  border-top: #c1273d;
  border-bottom: #c1273d;
  background-color: #c92940;
  color: white; }
  #feature-setup .feature-alt h2 {
    color: white; }
  #feature-setup .feature-alt .feature-list .feature {
    margin-top: 64px; }
    #feature-setup .feature-alt .feature-list .feature h3 {
      color: white; }
    #feature-setup .feature-alt .feature-list .feature p {
      color: rgba(255, 255, 255, 0.6); }

#feature-customers .feature-alt {
  border-top: #f15e2a;
  border-bottom: #f15e2a;
  background-color: #f26534;
  color: white; }
  #feature-customers .feature-alt h2 {
    color: white; }
  #feature-customers .feature-alt .feature-list .feature {
    margin-top: 64px; }
    #feature-customers .feature-alt .feature-list .feature h3 {
      color: white; }
    #feature-customers .feature-alt .feature-list .feature p {
      color: rgba(255, 255, 255, 0.6); }

#fee .description {
  margin-bottom: 124px; }

#cards {
  margin-top: 200px; }
  #cards .card-list {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    #cards .card-list li {
      display: inline-block;
      margin: 6px;
      width: 54px;
      height: 36px; }
      #cards .card-list li.mastercard {
        background-position: -54px -570px; }
      #cards .card-list li.visa {
        background-position: -108px -570px; }
      #cards .card-list li.diners-club {
        background-position: -162px -570px; }
      #cards .card-list li.amex {
        background-position: -216px -570px; }
      #cards .card-list li.discover {
        background-position: -270px -570px; }
      #cards .card-list li.more-cards {
        background-position: -324px -570px; }

#pricing-calculator {
  box-sizing: border-box;
  border-radius: 4px;
  position: absolute;
  width: 340px;
  z-index: 12;
  top: 156px;
  left: 0;
  right: 0;
  margin: 36px auto 0;
  overflow: hidden;
  background-color: white;
  color: #252a2e;
  box-shadow: 0 1px 3px #8c8c8c; }
  #pricing-calculator .calc-header h2 {
    color: #777; }
  #pricing-calculator .mini-rule {
    margin: 0;
    margin-top: 12px; }
  #pricing-calculator input {
    border: 0;
    border-bottom: 1px dotted #ddd; }
  #pricing-calculator .calc-result input {
    border-bottom: 0; }

.calc-header {
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 12px; }
  .calc-header h2 {
    padding: 24px;
    color: #777;
    font-weight: 400;
    text-align: left;
    font-size: 14px;
    margin: 0;
    line-height: 14px; }

.calc-row {
  position: relative;
  overflow: hidden;
  clear: both;
  margin: 0 24px;
  padding: 12px 0; }
  .calc-row p {
    display: inline-block;
    float: left;
    color: #777;
    margin-top: 20px; }
  .calc-row input {
    border-radius: 0;
    float: right;
    width: 80px;
    margin: 12px 0;
    background: transparent;
    color: #333;
    font-weight: 700;
    box-shadow: none; }
  .calc-row .currency-label {
    display: block;
    position: absolute;
    right: 94px;
    font-size: 17px;
    font-weight: 700;
    color: #777;
    top: 34px; }

#analytics-list .img {
  display: block;
  background: transparent url(https://static-1.gumroad.com/res/gumroad/assets/home/hp_images-cb5d6fc2e950694f22d4b76ac8356ae5.png) 0 0 repeat; }
#analytics-list #list-of-analytics-features {
  margin-top: 64px; }
#analytics-list .illustration .bar-chart li {
  border-radius: 4px;
  display: inline-block;
  position: relative;
  margin: 0 4px;
  background: #f9ba7f;
  width: 18px;
  overflow: hidden; }
  #analytics-list .illustration .bar-chart li i {
    border-radius: 4px;
    width: 18px;
    background: #f9a04d;
    position: absolute;
    left: 0;
    bottom: 0; }
  #analytics-list .illustration .bar-chart li:nth-child(1) {
    height: 92px; }
    #analytics-list .illustration .bar-chart li:nth-child(1) i {
      height: 64px; }
  #analytics-list .illustration .bar-chart li:nth-child(2) {
    height: 110px; }
    #analytics-list .illustration .bar-chart li:nth-child(2) i {
      height: 86px; }
  #analytics-list .illustration .bar-chart li:nth-child(3) {
    height: 122px; }
    #analytics-list .illustration .bar-chart li:nth-child(3) i {
      height: 100px; }
  #analytics-list .illustration .bar-chart li:nth-child(4) {
    height: 104px; }
    #analytics-list .illustration .bar-chart li:nth-child(4) i {
      height: 72px; }
  #analytics-list .illustration .bar-chart li:nth-child(5) {
    height: 82px; }
    #analytics-list .illustration .bar-chart li:nth-child(5) i {
      height: 62px; }
#analytics-list .illustration .sales-traffic {
  height: 119px;
  background-position: -464px -590px;
  margin-left: 12px; }
#analytics-list .illustration .analytics-map {
  height: 144px;
  background-position: -464px -720px; }

#analytics {
  padding-bottom: 0; }
  #analytics .header {
    text-align: center; }
    #analytics .header.with-subtitle {
      margin: 26px 0 48px; }
    #analytics .header h2 {
      color: #6b6b6b;
      font-size: 26px;
      margin-bottom: 14px; }
    #analytics .header p {
      font-size: 18px;
      font-weight: 200; }
    #analytics .header.showing #analytics-browser {
      top: 0;
      -webkit-transition: top .3s ease-in;
              transition: top .3s ease-in; }
  #analytics #day-info,
  #analytics #map-info {
    border-radius: 4px;
    opacity: 0;
    position: absolute;
    top: 50px;
    z-index: 10;
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    min-width: 200px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 28px;
    pointer-events: none; }
    #analytics #day-info:after, #analytics #day-info:before,
    #analytics #map-info:after,
    #analytics #map-info:before {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 10px;
      left: 50%;
      margin-left: -10px; }
    #analytics #day-info strong,
    #analytics #map-info strong {
      font-weight: bold;
      color: #777; }
    #analytics #day-info span,
    #analytics #map-info span {
      display: block;
      color: #aaa; }
    #analytics #day-info:before, #analytics #day-info:after,
    #analytics #map-info:before,
    #analytics #map-info:after {
      top: 100%; }
    #analytics #day-info:after,
    #analytics #map-info:after {
      border-top-color: white; }
    #analytics #day-info:before,
    #analytics #map-info:before {
      border-top-color: rgba(0, 0, 0, 0.1);
      margin-top: 2px; }
  #analytics #analytics-browser {
    border-radius: 6px;
    position: relative;
    height: 340px;
    overflow: hidden;
    border: 2px solid #dadad8;
    background-color: #f8f8f6; }
    #analytics #analytics-browser .fader {
      opacity: 0;
      -webkit-transition: opacity .3s ease-in;
              transition: opacity .3s ease-in; }
    #analytics #analytics-browser.sales-animate .fader {
      opacity: .05;
      -webkit-transition: opacity .3s ease-in;
              transition: opacity .3s ease-in; }
    #analytics #analytics-browser.sales-animate .fader-blur {
      opacity: 1;
      -webkit-transition: opacity .3s ease-in .2s;
              transition: opacity .3s ease-in .2s; }
    #analytics #analytics-browser.sales-animate .browser-inner {
      background-position: 0 0;
      -webkit-transition: background-position .6s ease-out;
              transition: background-position .6s ease-out; }
    #analytics #analytics-browser.sales-animate .sales {
      opacity: 1;
      -webkit-transition: all .3s ease-in;
              transition: all .3s ease-in; }
      #analytics #analytics-browser.sales-animate .sales .feature-info h3 {
        opacity: 1;
        -webkit-transition: all 0.3s ease-in 0.7s;
                transition: all 0.3s ease-in 0.7s; }
      #analytics #analytics-browser.sales-animate .sales .feature-info p {
        opacity: 1;
        -webkit-transition: all 0.3s ease-in 0.8s;
                transition: all 0.3s ease-in 0.8s; }
      #analytics #analytics-browser.sales-animate .sales .blowout {
        opacity: 1;
        -webkit-transition: opacity 0.3s ease-in 0.6s;
                transition: opacity 0.3s ease-in 0.6s;
        background-position: 0 0; }
    #analytics #analytics-browser.referrers-animate .fader {
      opacity: .05;
      -webkit-transition: opacity .3s ease-in;
              transition: opacity .3s ease-in; }
    #analytics #analytics-browser.referrers-animate .fader-blur {
      opacity: 1;
      -webkit-transition: opacity .3s ease-in .2s;
              transition: opacity .3s ease-in .2s; }
    #analytics #analytics-browser.referrers-animate .browser-inner {
      background-position: 0 -270px;
      -webkit-transition: background-position .6s ease-out;
              transition: background-position .6s ease-out; }
    #analytics #analytics-browser.referrers-animate .referrers {
      opacity: 1;
      -webkit-transition: all .3s ease-in;
              transition: all .3s ease-in; }
      #analytics #analytics-browser.referrers-animate .referrers .feature-info h3 {
        opacity: 1;
        -webkit-transition: all 0.3s ease-in 0.7s;
                transition: all 0.3s ease-in 0.7s; }
      #analytics #analytics-browser.referrers-animate .referrers .feature-info p {
        opacity: 1;
        -webkit-transition: all 0.3s ease-in 0.8s;
                transition: all 0.3s ease-in 0.8s; }
      #analytics #analytics-browser.referrers-animate .referrers .blowout {
        opacity: 1;
        -webkit-transition: opacity 0.3s ease-in 0.6s;
                transition: opacity 0.3s ease-in 0.6s;
        background-position: -343px 0; }
    #analytics #analytics-browser.locations-animate .fader {
      opacity: .05;
      -webkit-transition: opacity .3s ease-in;
              transition: opacity .3s ease-in; }
    #analytics #analytics-browser.locations-animate .fader-blur {
      opacity: 1;
      -webkit-transition: opacity .3s ease-in .2s;
              transition: opacity .3s ease-in .2s; }
    #analytics #analytics-browser.locations-animate .browser-inner {
      background-position: 0 -270px;
      -webkit-transition: background-position .6s ease-out;
              transition: background-position .6s ease-out; }
    #analytics #analytics-browser.locations-animate .fader-blur {
      background-image: -webkit-linear-gradient(left, rgba(242, 242, 242, 0.7) 49%, #f2f2f2 100%);
      background-image: linear-gradient(left, rgba(242, 242, 242, 0.7) 49%, #f2f2f2 100%); }
    #analytics #analytics-browser.locations-animate .locations {
      opacity: 1;
      -webkit-transition: all .3s ease-in;
              transition: all .3s ease-in; }
      #analytics #analytics-browser.locations-animate .locations .feature-info h3 {
        opacity: 1;
        -webkit-transition: all 0.3s ease-in 0.7s;
                transition: all 0.3s ease-in 0.7s; }
      #analytics #analytics-browser.locations-animate .locations .feature-info p {
        opacity: 1;
        -webkit-transition: all 0.3s ease-in 0.8s;
                transition: all 0.3s ease-in 0.8s; }
      #analytics #analytics-browser.locations-animate .locations .blowout {
        opacity: 1;
        -webkit-transition: opacity 0.3s ease-in 0.6s;
                transition: opacity 0.3s ease-in 0.6s;
        background-position: -696px 0; }
  #analytics .fader {
    position: absolute;
    top: 44px;
    left: 0;
    background-color: black;
    height: 294px;
    z-index: 3; }
  #analytics .fader-blur {
    background-image: -webkit-linear-gradient(right, rgba(242, 242, 242, 0.7) 49%, #f2f2f2 100%);
    background-image: linear-gradient(right, rgba(242, 242, 242, 0.7) 49%, #f2f2f2 100%);
    position: absolute;
    top: 44px;
    left: 0;
    opacity: 0;
    height: 292px;
    z-index: 5; }
  #analytics .browser-inner {
    position: absolute;
    background-color: white;
    height: 340px;
    top: 42px;
    left: 0;
    background: url(https://static-1.gumroad.com/res/gumroad/assets/analytics-cf35a478fe12fcaf1470c554085b5e73.png) 0 0 no-repeat;
    padding: 40px;
    border-top: 2px solid #dadad8;
    -webkit-transition: background-position .4s linear;
            transition: background-position .4s linear; }
    #analytics .browser-inner .sales,
    #analytics .browser-inner .referrers,
    #analytics .browser-inner .locations {
      position: absolute;
      z-index: 5;
      opacity: 0; }
      #analytics .browser-inner .sales .feature-info,
      #analytics .browser-inner .referrers .feature-info,
      #analytics .browser-inner .locations .feature-info {
        margin-top: 24px;
        width: 280px; }
        #analytics .browser-inner .sales .feature-info h3,
        #analytics .browser-inner .referrers .feature-info h3,
        #analytics .browser-inner .locations .feature-info h3 {
          padding: 4px 0 4px 16px;
          font-size: 18px;
          line-height: 24px;
          color: #159499;
          border-left: 3px solid #159499;
          margin-bottom: 24px;
          opacity: 0;
          -webkit-transition: opacity .3s linear;
                  transition: opacity .3s linear; }
        #analytics .browser-inner .sales .feature-info p,
        #analytics .browser-inner .referrers .feature-info p,
        #analytics .browser-inner .locations .feature-info p {
          opacity: 0;
          line-height: 24px;
          -webkit-transition: opacity .3s linear;
                  transition: opacity .3s linear; }
      #analytics .browser-inner .sales .blowout,
      #analytics .browser-inner .referrers .blowout,
      #analytics .browser-inner .locations .blowout {
        width: 280px;
        height: 280px;
        display: block;
        border-radius: 500px;
        display: block;
        position: absolute;
        opacity: 0;
        top: -60px;
        right: -320px;
        border: 3px solid #d7d7d7;
        background: white url(https://static-1.gumroad.com/res/gumroad/assets/blowout_sprite-1b9ec09f415dd28765b39acd07eef8f5.png) 0 0 repeat-x;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
        -webkit-transition: opacity .3s linear .1s;
                transition: opacity .3s linear .1s; }
  #analytics .locations .feature-info {
    right: -320px;
    position: relative; }
  #analytics .locations .blowout {
    left: 0; }
  #analytics .section-nav {
    margin-top: 84px; }
    #analytics .section-nav li {
      padding-left: 22px; }
    #analytics .section-nav a {
      border-radius: 4px;
      position: relative;
      display: block;
      text-decoration: none;
      color: #777;
      background: white;
      border: 1px solid #ddd;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
      padding: 10px 15px;
      margin-bottom: 15px; }
      #analytics .section-nav a.selected {
        border-color: #d3d1d1;
        background-color: #e5e5df;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); }
        #analytics .section-nav a.selected:before, #analytics .section-nav a.selected:after {
          content: "";
          height: 0;
          position: absolute;
          width: 0;
          border-color: transparent;
          border-style: solid;
          top: 16px;
          left: 0;
          margin-left: -12px;
          bottom: 100%;
          border-right-color: #e5e5df;
          border-width: 6px; }
        #analytics .section-nav a.selected:before {
          margin-left: -13px;
          border-right-color: #d3d1d1; }

#feature-analytics .feature-hero {
  padding-bottom: 0; }

#feature-setup #setup {
  min-height: 0; }

body.public {
  background: white; }

.feature-list .illustration {
  display: block;
  width: 284px;
  height: 140px;
  margin: 0 auto; }
.feature-list .feature {
  border-radius: 4px;
  text-align: center; }
  .feature-list .feature h3 {
    margin: 20px 0 12px;
    font-size: 18px;
    font-weight: normal;
    color: #484848; }
  .feature-list .feature p {
    width: 240px;
    margin: 0 auto;
    color: #a3a3a3;
    font-size: 14px;
    line-height: 24px; }
  .feature-list .feature a {
    text-decoration: underline; }

#main-content, .main-content {
  padding: 40px 0;
  clear: both;
  width: 800px;
  margin: 0 auto;
  position: relative; }
  #main-content h3, .main-content h3 {
    color: #252a2e;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    text-decoration: none;
    text-align: center;
    margin-bottom: 30px; }
    #main-content h3 small, .main-content h3 small {
      color: #bbb;
      font-size: 20px;
      display: block; }
  #main-content .mini-rule, .main-content .mini-rule {
    margin: 30px 0; }
  #main-content input, .main-content input {
    background: white;
    margin-right: 20px; }
  #main-content h4, #main-content h5, .main-content h4, .main-content h5 {
    color: #252a2d;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 24px; }
    #main-content h4.subheader, #main-content h5.subheader, .main-content h4.subheader, .main-content h5.subheader {
      color: #aaa;
      font-weight: normal; }
  #main-content p, #main-content ul, #main-content ol, #main-content pre, #main-content code, .main-content p, .main-content ul, .main-content ol, .main-content pre, .main-content code {
    color: #454545;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 24px; }
    #main-content p a, #main-content ul a, #main-content ol a, #main-content pre a, #main-content code a, .main-content p a, .main-content ul a, .main-content ol a, .main-content pre a, .main-content code a {
      color: #252a2d;
      text-decoration: underline; }
      #main-content p a:hover, #main-content ul a:hover, #main-content ol a:hover, #main-content pre a:hover, #main-content code a:hover, .main-content p a:hover, .main-content ul a:hover, .main-content ol a:hover, .main-content pre a:hover, .main-content code a:hover {
        text-decoration: none; }
  #main-content pre, #main-content code, .main-content pre, .main-content code {
    border-radius: 4px;
    display: block;
    background: rgba(0, 0, 0, 0.1);
    padding: 12px;
    line-height: 18px;
    color: #888;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid white; }
  #main-content ul ul, #main-content #about-list, .main-content ul ul, .main-content #about-list {
    list-style: disc; }
  #main-content ol, .main-content ol {
    list-style: decimal; }
    #main-content ol.unstyled, .main-content ol.unstyled {
      list-style: none; }
  #main-content ul ul, .main-content ul ul {
    margin-left: 40px; }
  #main-content #about-list li, .main-content #about-list li {
    margin: 10px 0;
    color: #cccccc; }
    #main-content #about-list li span em, .main-content #about-list li span em {
      color: #cccccc;
      margin-left: 10px; }
  #main-content ol.subtle li, #main-content ul.subtle li, .main-content ol.subtle li, .main-content ul.subtle li {
    color: #aaaaaa; }
  #main-content ul li span, #main-content ol li span, .main-content ul li span, .main-content ol li span {
    color: #454545; }
  #main-content blockquote, .main-content blockquote {
    font-family: "Georgia", Times, "Times New Roman", serif;
    color: #767470;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 10px; }
  #main-content ul.tree .list-line, .main-content ul.tree .list-line {
    z-index: -1; }
  #main-content #reset-password-form, .main-content #reset-password-form {
    text-align: center; }

#update-card-form {
  margin: 30px auto;
  width: 320px; }
  #update-card-form > h1 {
    font-weight: bold;
    color: #252a2e;
    text-align: center;
    font-size: 20px;
    margin: 0 20px 20px; }
  #update-card-form > h2 {
    text-align: center;
    font-size: 15px;
    margin: 0 20px 10px; }
  #update-card-form button {
    width: 100%; }
  #update-card-form .invoice-note {
    margin-top: 20px;
    text-align: center; }

.learn-nav,
.learn-nav--challenge {
  background: #efefe9;
  border-bottom: 1px solid #dddddd;
  color: #999;
  font-size: 18px;
  height: 80px;
  position: relative;
  z-index: 9; }
  .learn-nav .learn-nav-column,
  .learn-nav--challenge .learn-nav-column {
    float: left;
    font-size: 18px;
    text-align: right; }
    .learn-nav .learn-nav-column li,
    .learn-nav--challenge .learn-nav-column li {
      display: inline-block;
      margin-right: 70px;
      line-height: 80px; }
      .learn-nav .learn-nav-column li a,
      .learn-nav--challenge .learn-nav-column li a {
        color: #999;
        display: block; }
        .learn-nav .learn-nav-column li a:hover,
        .learn-nav--challenge .learn-nav-column li a:hover {
          color: #666;
          text-decoration: none; }
      .learn-nav .learn-nav-column li:last-child,
      .learn-nav--challenge .learn-nav-column li:last-child {
        margin-right: 0; }
    .learn-nav .learn-nav-column:last-child,
    .learn-nav--challenge .learn-nav-column:last-child {
      text-align: left; }
  .learn-nav .learn-nav-logo,
  .learn-nav--challenge .learn-nav-logo {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/brand/ribbon-logo-34bddeefbfc5aaf878eb0b2e34d7e1fa.png) no-repeat center;
    display: inline-block;
    text-indent: -9999px;
    height: 104px;
    position: relative;
    float: left; }
  .learn-nav--challenge {
    border-top: 1px solid #ddd;
    z-index: 9; }
    .learn-nav--challenge .learn-nav-logo {
      top: -1px; }

@media (max-width: 992px) {
  .learn-nav .learn-nav-column,
  .learn-nav--challenge .learn-nav-column {
    display: none; } }
.learn-page-title,
.learn-page-title--small {
  background: #efefe9;
  border-bottom: 1px solid #dddddd;
  padding: 60px 0;
  text-align: center; }
  .learn-page-title h1, .learn-page-title h2,
  .learn-page-title--small h1,
  .learn-page-title--small h2 {
    color: #6b6c62;
    font-size: 48px;
    line-height: 52px;
    margin-bottom: 30px; }
    .learn-page-title h1:last-child, .learn-page-title h2:last-child,
    .learn-page-title--small h1:last-child,
    .learn-page-title--small h2:last-child {
      margin-bottom: 0; }
  .learn-page-title h2,
  .learn-page-title--small h2 {
    font-size: 36px;
    line-height: 46px; }
  .learn-page-title p,
  .learn-page-title--small p {
    color: #b0b1a8;
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 30px; }
  .learn-page-title--small {
    padding: 30px 0; }
    .learn-page-title--small a {
      font-size: 18px; }

@media (max-width: 992px) {
  .learn-page-title h1,
  .learn-page-title--small h1 {
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 15px; }
  .learn-page-title p,
  .learn-page-title--small p {
    font-size: 21px;
    line-height: 28px; } }
@media (max-width: 480px) {
  .learn-page-title,
  .learn-page-title--small {
    padding: 30px 0; }
    .learn-page-title h1,
    .learn-page-title--small h1 {
      font-size: 21px;
      line-height: 25px;
      margin-bottom: 15px; }
    .learn-page-title h2,
    .learn-page-title--small h2 {
      font-size: 18px;
      line-height: 21px;
      margin-bottom: 15px; }
    .learn-page-title p,
    .learn-page-title--small p {
      font-size: 14px;
      line-height: 21px;
      margin-bottom: 15px; } }
.learn-card,
.learn-card--featured,
.learn-card--placeholder {
  border-radius: 4px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.1);
  background-position: center;
  background-size: cover;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: white;
  height: 283px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  -webkit-transition: top 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: top 0.3s cubic-bezier(0.23, 1.5, 0.32, 1); }
  .learn-card:hover,
  .learn-card--featured:hover,
  .learn-card--placeholder:hover {
    top: -2px;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.15); }
  .learn-card--featured {
    height: 541px;
    margin-bottom: 0; }
    .learn-card--featured h2 {
      font-size: 24px;
      margin-bottom: 5px; }
  .learn-card--placeholder {
    background: #f5f5f5;
    border: 2px dashed #eee;
    box-shadow: none; }
    .learn-card--placeholder:hover {
      top: 0;
      box-shadow: none; }
  .learn-card .text,
  .learn-card--featured .text,
  .learn-card--placeholder .text {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=transparent, endColorstr=rgba(0, 0, 0, 0.5), GradientType=0)";
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
    background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px; }
  .learn-card span,
  .learn-card--featured span,
  .learn-card--placeholder span {
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 13px;
    text-transform: uppercase; }
    .learn-card span.guide-tag,
    .learn-card--featured span.guide-tag,
    .learn-card--placeholder span.guide-tag {
      background: #fdce71; }
    .learn-card span.case-study-tag,
    .learn-card--featured span.case-study-tag,
    .learn-card--placeholder span.case-study-tag {
      background: #159499; }
    .learn-card span.featured-tag,
    .learn-card--featured span.featured-tag,
    .learn-card--placeholder span.featured-tag {
      background: #c92940; }
  .learn-card h2,
  .learn-card--featured h2,
  .learn-card--placeholder h2 {
    margin-top: 10px;
    line-height: 27px;
    font-size: 17px;
    font-weight: medium;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }

@media (max-width: 480px) {
  .learn-card,
  .learn-card--featured,
  .learn-card--placeholder {
    margin-bottom: 15px; }
    .learn-card span,
    .learn-card--featured span,
    .learn-card--placeholder span {
      font-size: 10px; }
    .learn-card--placeholder {
      display: none; }
    .learn-card--featured {
      height: 300px; } }
.learn-article {
  padding: 60px 0 20px;
  font-size: 18px; }
  .learn-article > h1 {
    color: #252a2e;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    margin: 0 0 15px; }
  .learn-article > h2 {
    font-weight: bold;
    color: #252a2e;
    font-size: 24px;
    margin: 60px 0 30px; }
  .learn-article > h3 {
    font-weight: bold;
    font-size: 21px;
    color: #252a2e;
    line-height: 28px;
    margin: 60px 0 30px; }
  .learn-article > p {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.8; }
    .learn-article > p img {
      border-radius: 4px;
      display: block;
      max-width: 100%;
      margin: 30px auto 0;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
      border: 1px solid #dddddd; }
      .learn-article > p img.no-shadow {
        box-shadow: none;
        border: 0; }
    .learn-article > p.lead {
      color: #80878d;
      font-size: 18px;
      line-height: 1.8;
      margin-bottom: 15px;
      text-align: center; }
  .learn-article > blockquote {
    font-family: Georgia, serif;
    margin-bottom: 30px;
    font-size: 21px;
    line-height: 36px;
    border-left: 2px solid #eee;
    padding-left: 24px;
    font-style: italic; }
  .learn-article > ul {
    margin-bottom: 30px; }
    .learn-article > ul li {
      margin-bottom: 15px;
      list-style: disc;
      line-height: 1.8; }
      .learn-article > ul li strong {
        color: #252a2e; }
  .learn-article > hr {
    margin-bottom: 30px;
    border-top: 1px solid #eee; }
  .learn-article .large-content-container {
    width: 960px;
    margin-left: -180px;
    margin-bottom: 30px; }
  .learn-article .button-primary.block {
    text-align: center; }

@media (max-width: 480px) {
  .learn-article {
    font-size: 14px; }
    .learn-article > h1 {
      font-size: 24px;
      margin-bottom: 15px; }
    .learn-article > h2 {
      font-size: 18px;
      margin-bottom: 15px; }
    .learn-article > h3 {
      font-size: 16px;
      margin: 30px 0 15px; }
    .learn-article > p {
      font-size: 14px;
      margin-bottom: 15px; }
    .learn-article > blockquote {
      font-size: 16px;
      line-height: 26px;
      padding-left: 15px; }
    .learn-article > ul {
      margin-bottom: 15px; }
      .learn-article > ul li {
        margin-bottom: 5px;
        list-style-position: inside; }
    .learn-article > hr {
      margin-bottom: 15px; }
    .learn-article .large-content-container {
      width: 100%;
      margin-left: 0;
      margin-bottom: 0;
      overflow: hidden; } }
.learn-index {
  padding: 30px 0; }

@media (max-width: 480px) {
  .learn-index {
    padding: 15px 0; } }
.learn-section-header {
  margin: 40px 0 30px; }
  .learn-section-header h3 {
    font-weight: bold;
    font-size: 21px;
    color: #252a2e; }
  .learn-section-header h4 {
    font-size: 17px;
    color: #797874;
    margin-top: 10px; }

@media (max-width: 480px) {
  .learn-section-header {
    margin: 30px 0 15px;
    text-align: center; }
    .learn-section-header h3 {
      font-size: 18px;
      line-height: 21px; }
    .learn-section-header h4 {
      font-size: 14px;
      margin-top: 5px; } }
.learn-pre-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background: #efefe9;
  padding: 20px 0 60px; }
  .learn-pre-footer h3 {
    text-align: center; }
  .learn-pre-footer .six.columns:first-child {
    padding-left: 0; }
  .learn-pre-footer .six.columns:last-child {
    padding-right: 0; }
  .learn-pre-footer a {
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.05);
    display: block;
    padding: 15px;
    color: inherit;
    position: relative;
    font-size: 16px; }
    .learn-pre-footer a h2 {
      font-weight: bold;
      color: #252a2e;
      font-size: 18px;
      margin-bottom: 5px; }
    .learn-pre-footer a:hover {
      background: rgba(0, 0, 0, 0.075);
      text-decoration: none;
      margin-top: -1px;
      margin-bottom: 1px; }
    .learn-pre-footer a:after {
      position: absolute;
      top: 50%;
      margin-top: -6px;
      right: 25px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      content: " ";
      display: block;
      width: 6px;
      height: 6px;
      border: 3px solid #7f7f7f;
      border-bottom: 0;
      border-left: 0; }
    .learn-pre-footer a:active {
      background: rgba(0, 0, 0, 0.15);
      margin-top: 1px;
      margin-bottom: -1px;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

@media (max-width: 480px) {
  .learn-pre-footer {
    padding: 0 0 15px; }
    .learn-pre-footer .six.columns:first-child {
      padding-left: 15px;
      margin-bottom: 15px; }
    .learn-pre-footer .six.columns:last-child {
      padding-right: 15px; }
    .learn-pre-footer a {
      font-size: 14px;
      text-align: center; }
      .learn-pre-footer a:after {
        display: none; }
      .learn-pre-footer a h2 {
        font-size: 16px; } }
.transparent.logos {
  margin-top: 20px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAK0lEQVQYlWNkYGCQZEAD////f44uxoQugAsMoELG////YwoyMmJ4cCh4BgCPIgcpTqY4UQAAAABJRU5ErkJggg==");
  width: 384px;
  height: 128px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }

#press-quotes {
  width: 860px; }
  #press-quotes li {
    box-sizing: border-box;
    width: 50%;
    padding-right: 60px;
    float: left;
    margin-bottom: 60px; }
    #press-quotes li:last-of-type {
      margin-bottom: 0; }

.challenge-hero {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/challenge/background-eb07fea1e853b71abacfdae8adc63aa0.jpg) #efefe9;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh; }
  .challenge-hero .learn-page-title {
    background: transparent;
    border-bottom: 0;
    padding: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: relative;
    text-align: center;
    top: 50%; }
  .challenge-hero .logo {
    width: 150px;
    height: 150px;
    margin-bottom: 30px; }
  .challenge-hero .keep-scrolling {
    color: #b0b1a8;
    bottom: 15px;
    letter-spacing: 1px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }

@media (max-width: 480px) {
  .challenge-hero .logo {
    width: 100px;
    height: 100px;
    margin-bottom: 15px; }
  .challenge-hero .button-large {
    font-size: 14px;
    padding: 11px 15px 12px; }
  .challenge-hero .keep-scrolling {
    font-size: 10px; } }
.challenge-video {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 99; }
  .challenge-video .button-close {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 30px;
    right: 30px; }

@media (max-width: 480px) {
  .challenge-video .button-close {
    width: 30px;
    height: 30px;
    display: block;
    font-size: 12px;
    right: 50%;
    margin-right: -15px;
    top: 90%; } }
.challenge-video-content {
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  text-align: center;
  top: 50%; }
  .challenge-video-content.showing {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 1; }
  .challenge-video-content .video-container {
    position: relative;
    padding-bottom: 52.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden; }
    .challenge-video-content .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.challenge-signup {
  position: relative;
  margin: 30px 0; }
  .challenge-signup h3 {
    color: #efefe9;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 30px; }
    .challenge-signup h3 a {
      -webkit-transition: color .15s ease-in-out;
              transition: color .15s ease-in-out;
      color: #36a9ae;
      font-weight: 600; }
      .challenge-signup h3 a:hover {
        color: #2a8387;
        text-decoration: none; }
  .challenge-signup label {
    margin-top: 15px; }
  .challenge-signup small {
    opacity: .5;
    display: block;
    color: #ccc;
    font-size: 14px;
    margin-top: 30px; }

.challenge-signup-form {
  margin-bottom: 15px; }
  .challenge-signup-form button, .challenge-signup-form input {
    box-sizing: border-box;
    width: 100%; }
  .challenge-signup-form #sharing {
    margin-top: 8px; }
    .challenge-signup-form #sharing .button-plain {
      float: right;
      margin-right: 0;
      margin-left: 20px; }

@media (max-width: 480px) {
  .challenge-signup {
    margin: 15px 0; }
    .challenge-signup h3 {
      font-size: 16px;
      line-height: 21px; }
    .challenge-signup .challenge-signup-form {
      margin-bottom: 0; }
      .challenge-signup .challenge-signup-form .columns {
        margin-bottom: 15px; }
    .challenge-signup small {
      font-size: 12px; } }
.challenge-calendar {
  border-radius: 4px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  margin: 30px 0 75px;
  overflow: hidden; }

@media (max-width: 480px) {
  .challenge-calendar {
    margin-top: 0; } }
.calendar .container {
  max-width: 940px !important; }

.calendar-tip {
  box-sizing: border-box;
  background: #f5f5f5;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  float: left;
  height: 200px;
  padding: 15px;
  position: relative;
  width: 20%; }
  .calendar-tip.published .calendar-tip-number {
    color: #666; }
  .calendar-tip.published:hover {
    background: #f0f0f0;
    cursor: pointer; }
    .calendar-tip.published:hover .calendar-tip-number {
      color: #555; }
  .calendar-tip.active {
    width: 40%;
    height: 400px;
    background: #f0f0f0; }
    .calendar-tip.active .calendar-tip-number {
      display: none; }
    .calendar-tip.active .calendar-tip-content {
      display: block; }
    .calendar-tip.active:hover {
      cursor: default; }

@media (max-width: 992px) {
  .calendar-tip {
    width: 33.333%; }
    .calendar-tip.active {
      width: 66.666%; } }
@media (max-width: 480px) {
  .calendar-tip {
    width: 50%; }
    .calendar-tip.active {
      width: 100%; } }
.calendar-tip-number {
  color: #ccc;
  font-size: 64px;
  font-weight: 300;
  text-align: center;
  line-height: 170px; }

.calendar-tip-content {
  border-radius: 4px;
  box-sizing: border-box;
  background: white;
  border: 1px solid #ccc;
  display: none;
  font-size: 14px;
  height: 365px;
  line-height: 21px;
  padding: 15px;
  overflow: hidden;
  text-align: left; }
  .calendar-tip-content .calendar-tip-header {
    margin-bottom: 15px;
    font-size: 12px;
    color: #ccc;
    text-transform: uppercase;
    letter-spacing: 1px; }
    .calendar-tip-content .calendar-tip-header .gi {
      box-sizing: border-box;
      border-radius: 50%;
      width: 18px;
      height: 18px;
      display: block;
      display: inline-block;
      text-align: center;
      line-height: 18px;
      color: white;
      float: left;
      margin-right: 5px; }
      .calendar-tip-content .calendar-tip-header .gi:last-child {
        margin-right: 0; }
    .calendar-tip-content .calendar-tip-header .gi-twitter {
      background: #55acee;
      font-size: 10px; }
      .calendar-tip-content .calendar-tip-header .gi-twitter:hover {
        background: #6270a6;
        cursor: pointer; }
    .calendar-tip-content .calendar-tip-header .gi-facebook {
      background: #3d5c96;
      padding-bottom: 1px;
      padding-left: 1px; }
      .calendar-tip-content .calendar-tip-header .gi-facebook:hover {
        background: #6270a6;
        cursor: pointer; }
    .calendar-tip-content .calendar-tip-header .gi-close {
      -webkit-transition: all 350ms cubic-bezier(0.23, 1, 0.32, 1);
              transition: all 350ms cubic-bezier(0.23, 1, 0.32, 1);
      color: #ccc;
      font-size: 16px; }
      .calendar-tip-content .calendar-tip-header .gi-close:hover {
        color: #999;
        cursor: pointer;
        font-size: 18px; }
  .calendar-tip-content h3 {
    color: #252a2e;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 15px; }
  .calendar-tip-content p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px; }
    .calendar-tip-content p:last-child {
      margin-bottom: 0; }
  .calendar-tip-content a, .calendar-tip-content .cta {
    color: #36a9ae;
    font-weight: 500; }

.challenge-footer {
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: translate 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1);
          transition: translate 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  background: #36a9ae;
  bottom: 0;
  box-sizing: border-box;
  color: white;
  opacity: 0;
  padding: 24px;
  position: fixed;
  width: 100%;
  z-index: 12; }
  .challenge-footer.showing {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  .challenge-footer .container {
    max-width: 940px; }
  .challenge-footer .challenge-signup-form {
    margin-bottom: 0; }
    .challenge-footer .challenge-signup-form p {
      font-size: 18px;
      line-height: 42px; }
    .challenge-footer .challenge-signup-form .form-buttons {
      width: 95%;
      float: left; }
    .challenge-footer .challenge-signup-form .dismiss {
      width: 5%;
      float: left;
      font-size: 15px;
      line-height: 42px;
      text-align: right; }
      .challenge-footer .challenge-signup-form .dismiss:hover {
        cursor: pointer; }
    .challenge-footer .challenge-signup-form input,
    .challenge-footer .challenge-signup-form .accept-button {
      box-sizing: border-box; }
    .challenge-footer .challenge-signup-form input {
      border-color: #30969b;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      width: 70%; }
    .challenge-footer .challenge-signup-form .accept-button {
      padding: 11px 5px 12px;
      background: #30969b;
      border: 1px solid #2a8387;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      left: -2px;
      position: relative;
      width: 30%;
      top: -1px; }
      .challenge-footer .challenge-signup-form .accept-button:hover {
        box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px; }

#jobs {
  background: #efefe9; }

.jobs-content, .shyp-content {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.6em; }
  .jobs-content h2, .shyp-content h2 {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 8px; }
  .jobs-content section, .shyp-content section {
    padding: 64px 0;
    clear: both; }
  .jobs-content .minidiv, .shyp-content .minidiv {
    border-radius: 2px;
    display: block;
    height: 4px;
    max-width: 100px;
    margin: 22px auto 0;
    background-color: rgba(0, 0, 0, 0.04); }

#jobs-splash {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/home/setup_bg-ca8e79dfa1d63b8688530cb54489ab53.png) top center #efefe9;
  position: relative;
  text-align: center;
  color: #252a2e;
  border-bottom: 1px solid #dddddd;
  padding: 62px 0;
  background: #efefe9; }
  #jobs-splash h1 {
    font-size: 38px;
    line-height: 46px;
    font-weight: 500;
    color: #575551; }
  #jobs-splash h2 {
    font-size: 19px;
    line-height: 36px;
    margin: 20px auto 0;
    font-weight: 200;
    width: 62%;
    color: #777a7c; }

#blueprint-logo {
  width: 315px;
  height: 315px;
  display: block;
  background-image: url(https://static-1.gumroad.com/res/gumroad/assets/g_blueprint-c89637e157e6b64507e0c9e5315ad6f8.png);
  position: absolute;
  top: 50%;
  margin-top: -152px;
  left: 50%;
  margin-left: -152px;
  opacity: .3; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (moz--min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    #blueprint-logo {
      background-image: url(https://static-1.gumroad.com/res/gumroad/assets/g_blueprint@2x-70da60374db56406b6a1067df1030a19.png);
      background-size: 315px 315px; } }

.jobs-content #quote {
  background: white;
  border-bottom: 1px solid #ddd;
  text-align: center; }
  .jobs-content #quote blockquote {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    color: #159499;
    padding: 0 100px 18px;
    font-size: 22px;
    line-height: 48px; }
  .jobs-content #quote .attribution {
    font-size: 14px;
    color: #ccc; }
    .jobs-content #quote .attribution h3 {
      font-weight: bold; }
    .jobs-content #quote .attribution a {
      color: #ccc;
      text-decoration: underline; }

#positions {
  position: relative;
  min-height: 1000px; }
  #positions .position-container {
    z-index: 4;
    position: absolute;
    margin: 0 auto;
    top: 94px;
    max-width: 684px; }
    #positions .position-container .position-card {
      display: none;
      float: left; }
      #positions .position-container .position-card.showing {
        display: block; }
  #positions .qualifier {
    margin-top: 29px;
    font-size: 14px;
    line-height: 22px;
    color: #999; }
  #positions #job-titles {
    margin-top: 40px; }
    #positions #job-titles h3 {
      font-weight: bold;
      padding-bottom: 8px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 18px; }
    #positions #job-titles .button {
      display: block;
      padding: 15px;
      color: #777;
      font-size: 14px;
      border: 1px solid #ddd;
      background: white; }
      #positions #job-titles .button:active {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
      #positions #job-titles .button.current {
        background: rgba(0, 0, 0, 0.05);
        border-color: rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(255, 255, 255, 0.4); }
    #positions #job-titles li {
      margin: 15px 0; }
      #positions #job-titles li:last-child {
        margin-bottom: 0; }

.position-card .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#159499, endColorstr=#13878c, GradientType=0)";
  background: -webkit-linear-gradient(#159499, #13878c);
  background: -webkit-linear-gradient(top, #159499, #13878c);
  background: linear-gradient(top, #159499, #13878c);
  color: white;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); }
  .position-card .cover .icn {
    width: 96px;
    height: 96px;
    display: block;
    position: absolute;
    top: 95px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block; }
.position-card .product-info li.food span {
  width: 25%; }
.position-card .product-info li.food strong {
  width: 75%; }
.position-card.product-designer .cover, .position-card.product-design-intern .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#159499, endColorstr=#13878c, GradientType=0)";
  background: -webkit-linear-gradient(#159499, #13878c);
  background: -webkit-linear-gradient(top, #159499, #13878c);
  background: linear-gradient(top, #159499, #13878c); }
.position-card.product-designer .button, .position-card.product-design-intern .button {
  background: #159499;
  border: 1px solid #0f696c;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#16989d, endColorstr=#138589, GradientType=0)";
  background: -webkit-linear-gradient(#16989d, #138589);
  background: -webkit-linear-gradient(top, #16989d, #138589);
  background: linear-gradient(top, #16989d, #138589); }
.position-card.front-end-engineer .cover, .position-card.engineering-intern .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f26534, endColorstr=#f15a26, GradientType=0)";
  background: -webkit-linear-gradient(#f26534, #f15a26);
  background: -webkit-linear-gradient(top, #f26534, #f15a26);
  background: linear-gradient(top, #f26534, #f15a26); }
.position-card.front-end-engineer .button, .position-card.engineering-intern .button {
  background: #f26534;
  border: 1px solid #e4460f;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f26939, endColorstr=#f15823, GradientType=0)";
  background: -webkit-linear-gradient(#f26939, #f15823);
  background: -webkit-linear-gradient(top, #f26939, #f15823);
  background: linear-gradient(top, #f26939, #f15823); }
.position-card.back-end-engineer .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e76c5e, endColorstr=#e56051, GradientType=0)";
  background: -webkit-linear-gradient(#e76c5e, #e56051);
  background: -webkit-linear-gradient(top, #e76c5e, #e56051);
  background: linear-gradient(top, #e76c5e, #e56051); }
.position-card.back-end-engineer .button {
  background: #e76c5e;
  border: 1px solid #e04332;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e87062, endColorstr=#e55e4e, GradientType=0)";
  background: -webkit-linear-gradient(#e87062, #e55e4e);
  background: -webkit-linear-gradient(top, #e87062, #e55e4e);
  background: linear-gradient(top, #e87062, #e55e4e); }
.position-card.payments-engineer .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdce71, endColorstr=#fdc962, GradientType=0)";
  background: -webkit-linear-gradient(#fdce71, #fdc962);
  background: -webkit-linear-gradient(top, #fdce71, #fdc962);
  background: linear-gradient(top, #fdce71, #fdc962); }
.position-card.payments-engineer .button {
  background: #fdce71;
  border: 1px solid #fcbd3f;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdd076, endColorstr=#fdc85f, GradientType=0)";
  background: -webkit-linear-gradient(#fdd076, #fdc85f);
  background: -webkit-linear-gradient(top, #fdd076, #fdc85f);
  background: linear-gradient(top, #fdd076, #fdc85f); }
.position-card.compliance-manager .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdce71, endColorstr=#fdc962, GradientType=0)";
  background: -webkit-linear-gradient(#fdce71, #fdc962);
  background: -webkit-linear-gradient(top, #fdce71, #fdc962);
  background: linear-gradient(top, #fdce71, #fdc962); }
.position-card.compliance-manager .button {
  background: #fdce71;
  border: 1px solid #fcbd3f;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdd076, endColorstr=#fdc85f, GradientType=0)";
  background: -webkit-linear-gradient(#fdd076, #fdc85f);
  background: -webkit-linear-gradient(top, #fdd076, #fdc85f);
  background: linear-gradient(top, #fdd076, #fdc85f); }
.position-card.risk-engineer .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdce71, endColorstr=#fdc962, GradientType=0)";
  background: -webkit-linear-gradient(#fdce71, #fdc962);
  background: -webkit-linear-gradient(top, #fdce71, #fdc962);
  background: linear-gradient(top, #fdce71, #fdc962); }
.position-card.risk-engineer .button {
  background: #fdce71;
  border: 1px solid #fcbd3f;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdd076, endColorstr=#fdc85f, GradientType=0)";
  background: -webkit-linear-gradient(#fdd076, #fdc85f);
  background: -webkit-linear-gradient(top, #fdd076, #fdc85f);
  background: linear-gradient(top, #fdd076, #fdc85f); }
.position-card.data-scientist .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c92940, endColorstr=#bc263c, GradientType=0)";
  background: -webkit-linear-gradient(#c92940, #bc263c);
  background: -webkit-linear-gradient(top, #c92940, #bc263c);
  background: linear-gradient(top, #c92940, #bc263c); }
.position-card.data-scientist .button {
  background: #c92940;
  border: 1px solid #9f2033;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cd2a41, endColorstr=#ba263b, GradientType=0)";
  background: -webkit-linear-gradient(#cd2a41, #ba263b);
  background: -webkit-linear-gradient(top, #cd2a41, #ba263b);
  background: linear-gradient(top, #cd2a41, #ba263b); }
.position-card.customer-support .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#159499, endColorstr=#13878c, GradientType=0)";
  background: -webkit-linear-gradient(#159499, #13878c);
  background: -webkit-linear-gradient(top, #159499, #13878c);
  background: linear-gradient(top, #159499, #13878c); }
.position-card.customer-support .button {
  background: #159499;
  border: 1px solid #0f696c;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#16989d, endColorstr=#138589, GradientType=0)";
  background: -webkit-linear-gradient(#16989d, #138589);
  background: -webkit-linear-gradient(top, #16989d, #138589);
  background: linear-gradient(top, #16989d, #138589); }
.position-card .product-main .product-information .product-content {
  overflow: hidden; }

#team .team-photos {
  padding: 20px;
  margin: 0 auto;
  width: 662px; }
#team .card-container {
  border-radius: 4px;
  width: 116px;
  height: 158px;
  display: block;
  position: relative;
  float: left;
  margin: 20px 20px 0 0; }
  #team .card-container a {
    text-decoration: none; }
  #team .card-container .card {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
    #team .card-container .card img {
      height: 116px;
      width: 116px; }
    #team .card-container .card p {
      box-sizing: border-box;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      height: 158px;
      color: white;
      background: #444;
      font-size: 13px;
      padding: 10px 12px;
      line-height: 20px; }
    #team .card-container .card p, #team .card-container .card img {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    #team .card-container .card span {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      font-size: 18px;
      line-height: 30px;
      color: #454545;
      display: block;
      background: white;
      text-align: center;
      padding: 6px 0; }
  #team .card-container:nth-child(5n) {
    margin-right: 0; }
#team .rotate-container:hover .rotating {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }
#team .rotate-container:last-of-type:hover .rotating {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
#team .team-bits {
  padding: 20px 70px 0; }
  #team .team-bits p {
    margin-top: 20px;
    font-size: 18px; }

#company {
  background: white;
  border-bottom: 1px solid #ddd;
  font-size: 14px; }
  #company .feature-list {
    margin-top: 64px;
    text-align: center; }
    #company .feature-list h3 {
      font-weight: bold;
      font-size: 18px;
      margin-bottom: 18px; }
    #company .feature-list .job-icon {
      display: block;
      width: 190px;
      height: 87px;
      margin: 0 auto 44px; }
    #company .feature-list p a {
      text-decoration: underline; }

.shyp-content p {
  font-size: 16px !important;
  line-height: 24px !important; }
.shyp-content .footnote {
  color: #aaa !important; }
.shyp-content img {
  max-width: 800px;
  display: block;
  margin: 30px auto; }
.shyp-content .button {
  margin-right: 20px; }

.shyp-splash img {
  margin-bottom: 10px; }

.for {
  background: white; }
  .for nav, .for .top-bar {
    display: none; }
  .for *, .for *:before, .for *:after {
    box-sizing: border-box; }
  .for .minimal-nav {
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: all 0.5s cubic-bezier(0.23, 1.5, 0.32, 1);
    bottom: 0;
    top: auto;
    -webkit-transform: translateY(76px);
        -ms-transform: translateY(76px);
            transform: translateY(76px); }
    .for .minimal-nav.showing {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
    .for .minimal-nav .start-selling {
      width: auto;
      height: 40px;
      line-height: 40px; }
      .for .minimal-nav .start-selling .button--music {
        color: #c7636d; }
    .for .minimal-nav .login-button {
      font-size: 17px; }
    .for .minimal-nav.fixed {
      position: fixed;
      top: 0;
      bottom: auto;
      opacity: .98;
      z-index: 4; }
  .for .for-logo {
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: all 0.5s cubic-bezier(0.23, 1.5, 0.32, 1);
    -webkit-transform: translateY(-76px);
        -ms-transform: translateY(-76px);
            transform: translateY(-76px); }
    .for .for-logo.showing {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
  .for .films-nav .minimal-nav {
    background-color: #02959b; }
    .for .films-nav .minimal-nav .start-selling {
      color: #02959b; }
  .for .music-nav .minimal-nav {
    background-color: #c7636d; }
    .for .music-nav .minimal-nav .start-selling {
      color: #c7636d; }
  .for .publishing-nav .minimal-nav {
    background-color: #f27f6d; }
    .for .publishing-nav .minimal-nav .start-selling {
      color: #f27f6d; }
  .for .modals-container.showing .button-close {
    height: 30px;
    width: 30px; }
  .for .start-selling,
  .for .start-selling--publishing,
  .for .start-selling--films,
  .for .start-selling--music {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.2);
    color: white;
    display: inline-block;
    font-size: 1em;
    font-weight: 500;
    line-height: 2.5em;
    padding: 0 15px;
    text-align: center;
    text-shadow: none;
    -webkit-transition: all 0.15s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: all 0.15s cubic-bezier(0.23, 1.5, 0.32, 1);
    background: white;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
    font-size: 17px;
    width: 220px;
    height: 50px;
    line-height: 50px;
    position: relative; }
    .for .start-selling:hover,
    .for .start-selling--publishing:hover,
    .for .start-selling--films:hover,
    .for .start-selling--music:hover {
      background-color: rgba(0, 0, 0, 0.3);
      text-decoration: none; }
    .for .start-selling--publishing {
      color: #f27f6d; }
    .for .start-selling--films {
      color: #02959b; }
    .for .start-selling--music {
      color: #c7636d; }
    .for .start-selling:hover,
    .for .start-selling--publishing:hover,
    .for .start-selling--films:hover,
    .for .start-selling--music:hover {
      background: white;
      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
      top: -1px; }
    .for .start-selling:active,
    .for .start-selling--publishing:active,
    .for .start-selling--films:active,
    .for .start-selling--music:active {
      top: 1px;
      box-shadow: none; }
  @media (min-width: 768px) {
    .for .minimal-nav .logo {
      display: none; } }
  @media (min-width: 1200px) {
    .for .container {
      max-width: 1200px;
      width: 100%; } }

.for-slide--films h4 {
  color: #02959b; }
.for-slide--music h4 {
  color: #c7636d; }
.for-slide--publishing h4 {
  color: #f27f6d; }
.for-slide .content,
.for-slide--films .content,
.for-slide--music .content,
.for-slide--publishing .content {
  overflow-y: hidden;
  padding: 60px 0;
  position: relative; }
  .for-slide .content header,
  .for-slide--films .content header,
  .for-slide--music .content header,
  .for-slide--publishing .content header {
    text-align: center; }
  .for-slide .content h2,
  .for-slide--films .content h2,
  .for-slide--music .content h2,
  .for-slide--publishing .content h2 {
    color: #333;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px; }
  .for-slide .content h3,
  .for-slide--films .content h3,
  .for-slide--music .content h3,
  .for-slide--publishing .content h3 {
    color: #333;
    font-size: 21px;
    line-height: 1.2;
    margin-bottom: 5px; }
  .for-slide .content h4,
  .for-slide--films .content h4,
  .for-slide--music .content h4,
  .for-slide--publishing .content h4 {
    font-size: 18px;
    margin-bottom: 15px; }
  .for-slide .content p,
  .for-slide--films .content p,
  .for-slide--music .content p,
  .for-slide--publishing .content p {
    font-size: 21px;
    line-height: 1.8;
    margin: 0 0 30px;
    color: #999; }

@media (max-width: 768px) {
  .for-slide .content {
    padding: 30px 0; }
    .for-slide .content p.lead {
      font-size: 16px; }
    .for-slide .content h2 {
      font-size: 18px; } }
.for-slide-1 {
  background-color: #f3f2eb;
  height: 100vh; }
  .for-slide-1 .background,
  .for-slide-1 .background--film,
  .for-slide-1 .background--music,
  .for-slide-1 .background--publishing {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    z-index: 1; }
  .for-slide-1 .background--film {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/for/films/background-9348d3366213d11901ed5d2d151ed0c2.png); }
  .for-slide-1 .background--music {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/for/music/background-f24c29c223d8ccad4367aad8371cf1a3.png); }
  .for-slide-1 .background--publishing {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/for/publishing/background-a0ec0739e252a987812c14ec77b9a9b9.png); }
  .for-slide-1 .for-logo {
    z-index: 9; }
    .for-slide-1 .for-logo a {
      color: rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 18px;
      font-size: 36px;
      left: 1px; }
      .for-slide-1 .for-logo a:hover {
        color: rgba(0, 0, 0, 0.2); }
  .for-slide-1 .loading-color-bar {
    display: none;
    margin: 0 auto;
    position: relative;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%; }
    .for-slide-1 .loading-color-bar.showing {
      display: block; }
  .for-slide-1 .content {
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: all 0.5s cubic-bezier(0.23, 1.5, 0.32, 1);
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-300%);
        -ms-transform: translateY(-300%);
            transform: translateY(-300%);
    z-index: 6; }
    .for-slide-1 .content.showing {
      -webkit-transform: translateY(-60%);
          -ms-transform: translateY(-60%);
              transform: translateY(-60%); }
    .for-slide-1 .content .for-slide-header h2,
    .for-slide-1 .content .for-slide-header--films h2,
    .for-slide-1 .content .for-slide-header--music h2,
    .for-slide-1 .content .for-slide-header--publishing h2 {
      font-size: 64px;
      font-weight: 500;
      max-width: 720px;
      margin: 0 auto 30px; }
    .for-slide-1 .content .for-slide-header button,
    .for-slide-1 .content .for-slide-header--films button,
    .for-slide-1 .content .for-slide-header--music button,
    .for-slide-1 .content .for-slide-header--publishing button {
      padding-left: 15px;
      padding-right: 15px;
      height: 50px; }
    .for-slide-1 .content .for-slide-header--films h2 {
      color: #02959b; }
    .for-slide-1 .content .for-slide-header--films button {
      background: #02959b;
      border: 1px solid #02959b;
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#02959b, endColorstr=#02959b, GradientType=0)";
      background: -webkit-linear-gradient(#02959b, #02959b);
      background: -webkit-linear-gradient(top, #02959b, #02959b);
      background: linear-gradient(top, #02959b, #02959b); }
    .for-slide-1 .content .for-slide-header--music h2 {
      color: #c7636d; }
    .for-slide-1 .content .for-slide-header--music button {
      background: #c7636d;
      border: 1px solid #c7636d;
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c7636d, endColorstr=#c7636d, GradientType=0)";
      background: -webkit-linear-gradient(#c7636d, #c7636d);
      background: -webkit-linear-gradient(top, #c7636d, #c7636d);
      background: linear-gradient(top, #c7636d, #c7636d); }
    .for-slide-1 .content .for-slide-header--publishing h2 {
      color: #f27f6d; }
    .for-slide-1 .content .for-slide-header--publishing button {
      background: #f27f6d;
      border: 1px solid #f27f6d;
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f27f6d, endColorstr=#f27f6d, GradientType=0)";
      background: -webkit-linear-gradient(#f27f6d, #f27f6d);
      background: -webkit-linear-gradient(top, #f27f6d, #f27f6d);
      background: linear-gradient(top, #f27f6d, #f27f6d); }

@media (max-width: 768px) {
  .for-slide-1 .content {
    left: 0;
    margin-left: 0;
    padding-top: 90px;
    position: relative;
    -webkit-transform: translateY(-70%);
        -ms-transform: translateY(-70%);
            transform: translateY(-70%); }
    .for-slide-1 .content .for-slide-header--films h2,
    .for-slide-1 .content .for-slide-header--music h2,
    .for-slide-1 .content .for-slide-header--publishing h2 {
      font-size: 36px;
      margin-bottom: 30px; }
    .for-slide-1 .content .for-slide-header--films button,
    .for-slide-1 .content .for-slide-header--music button,
    .for-slide-1 .content .for-slide-header--publishing button {
      height: 40px;
      width: 150px; } }
.for-demo {
  background: white;
  -webkit-transition: all 1s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: all 1s cubic-bezier(0.23, 1.5, 0.32, 1);
  position: relative;
  left: 0;
  right: 0;
  width: 100%; }
  .for-demo.playing {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    height: 100vh; }
    .for-demo.playing .for-demo-widget {
      background: transparent;
      -webkit-transition: all 1s cubic-bezier(0.23, 1.5, 0.32, 1);
              transition: all 1s cubic-bezier(0.23, 1.5, 0.32, 1);
      padding-top: 30px; }
      .for-demo.playing .for-demo-widget .sample-phone {
        -webkit-transform: translateX(1000px);
            -ms-transform: translateX(1000px);
                transform: translateX(1000px); }
    .for-demo.playing .for-demo-pagination {
      display: block; }
  .for-demo .for-demo-pagination {
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    padding: 30px;
    z-index: 4; }
    .for-demo .for-demo-pagination .chevron {
      font-size: 21px;
      margin-right: 15px; }
      .for-demo .for-demo-pagination .chevron:last-child {
        margin-right: 0; }
      .for-demo .for-demo-pagination .chevron:hover {
        color: #999;
        cursor: pointer; }
    .for-demo .for-demo-pagination .circle {
      display: inline-block;
      border: 1px solid #797874;
      height: 12px;
      width: 12px;
      border-radius: 50%; }
      .for-demo .for-demo-pagination .circle.current {
        background: #797874; }
      .for-demo .for-demo-pagination .circle.current:hover {
        border-color: #797874; }
      .for-demo .for-demo-pagination .circle:hover {
        border-color: #999;
        cursor: pointer; }
  .for-demo .for-demo-content {
    text-align: center; }
    .for-demo .for-demo-content .copy {
      display: none;
      margin: 30px 0 0; }
    .for-demo .for-demo-content .title {
      -webkit-animation-duration: 1s;
              animation-duration: 1s;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both;
      -webkit-animation-delay: 500ms;
              animation-delay: 500ms;
      color: #797874;
      margin-bottom: 0;
      font-size: 24px;
      font-weight: 500;
      line-height: 1.2; }
    .for-demo .for-demo-content .lead {
      -webkit-animation-duration: 1s;
              animation-duration: 1s;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both;
      -webkit-animation-delay: 1000ms;
              animation-delay: 1000ms;
      color: #aaaaaa;
      line-height: 1.5;
      font-size: 18px; }

@media (max-width: 768px) {
  .for-demo.playing .for-demo-pagination {
    bottom: 0;
    position: fixed;
    top: auto;
    padding: 10px;
    background: #f5f5f5;
    border-top: 1px solid #eee; }
    .for-demo.playing .for-demo-pagination .right {
      padding-top: 3px; }
  .for-demo.playing .for-demo-content .title {
    font-size: 18px;
    margin-bottom: 10px; }
  .for-demo.playing .for-demo-content .lead {
    font-size: 14px; } }
.for-demo-widget {
  background: #f5f5f5;
  padding-top: 60px;
  position: relative;
  height: 550px; }
  .for-demo-widget .color-bar {
    background: -webkit-linear-gradient(left, #f09d1f 0%, #f09d1f 20%, #f09d1f 20%, #eb5d47 20%, #eb5d47 20%, #eb5d47 40%, #cb3246 40%, #cb3246 60%, #cb3246 60%, #962422 60%, #962422 80%, #208488 80%);
    background: linear-gradient(to right, #f09d1f 0%, #f09d1f 20%, #f09d1f 20%, #eb5d47 20%, #eb5d47 20%, #eb5d47 40%, #cb3246 40%, #cb3246 60%, #cb3246 60%, #962422 60%, #962422 80%, #208488 80%);
    height: 3px;
    width: 100%; }
  .for-demo-widget .sample-desktop {
    background: #efefe9;
    border-radius: 4px;
    border: 2px solid #dddddd;
    height: 590px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 940px;
    z-index: 3; }
    .for-demo-widget .sample-desktop .bar {
      background: #f5f5f5;
      border-bottom: 2px solid #eee;
      position: absolute;
      height: 25px;
      top: 0;
      width: 100%;
      z-index: 1; }
      .for-demo-widget .sample-desktop .bar span {
        float: left; }
      .for-demo-widget .sample-desktop .bar .left {
        width: 50%;
        padding-left: 8px; }
    .for-demo-widget .sample-desktop .circle {
      background: #e5e5e5;
      border-radius: 50%;
      display: inline-block;
      height: 8px;
      margin-top: 8px;
      margin-right: 8px;
      width: 8px; }
    .for-demo-widget .sample-desktop .color-bar {
      position: absolute;
      top: 25px;
      z-index: 1; }
    .for-demo-widget .sample-desktop .screen {
      -webkit-animation-duration: 1s;
              animation-duration: 1s;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both;
      border-radius: 4px;
      display: none;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
      height: auto;
      margin: 0 auto;
      width: 95%;
      max-width: 670px; }
      .for-demo-widget .sample-desktop .screen.screen-1 {
        display: block;
        margin-top: 50px; }
      .for-demo-widget .sample-desktop .screen.screen-2, .for-demo-widget .sample-desktop .screen.screen-4 {
        position: absolute;
        left: 50%;
        margin-left: -335px;
        margin-top: 50px; }
      .for-demo-widget .sample-desktop .screen.screen-3 {
        border-radius: 0;
        bottom: 0;
        margin: 0;
        max-width: 100%;
        position: absolute;
        width: 100%; }
      .for-demo-widget .sample-desktop .screen.screen-4 {
        left: 50%;
        margin-left: -335px;
        margin-top: 50px; }
  .for-demo-widget .sample-phone {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/for/phone-c0f2b466d87a1f463a3968314b9a5821.png) no-repeat;
    background-size: contain;
    height: 520px;
    padding: 70px 20px;
    width: 250px;
    z-index: 3;
    -webkit-transform: translate(300px, -500px);
        -ms-transform: translate(300px, -500px);
            transform: translate(300px, -500px);
    margin: 0 auto;
    position: relative; }
    .for-demo-widget .sample-phone .sample-phone-screen {
      background: #efefe9;
      border-radius: 4px;
      box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
      height: 100%;
      overflow-y: hidden;
      position: relative;
      width: 100%; }
      .for-demo-widget .sample-phone .sample-phone-screen .color-bar {
        margin-bottom: 8px; }
      .for-demo-widget .sample-phone .sample-phone-screen img {
        border-radius: 4px;
        box-shadow: 0, 0, 3px rgba(0, 0, 0, 0.05);
        width: 95%;
        margin-left: 2.5%; }

@media (max-width: 768px) {
  .for-demo-widget {
    height: auto;
    padding: 15px; }
    .for-demo-widget .sample-phone {
      display: none; }
    .for-demo-widget .sample-desktop {
      position: relative;
      width: 100%;
      height: 280px; }
      .for-demo-widget .sample-desktop .screen.screen-1 {
        margin-top: 35px; }
      .for-demo-widget .sample-desktop .screen.screen-2, .for-demo-widget .sample-desktop .screen.screen-4 {
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
        left: 0;
        width: 95%;
        margin-left: 2.5%; }
      .for-demo-widget .sample-desktop .screen.screen-3 {
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both; }
      .for-demo-widget .sample-desktop .screen.screen-4 {
        top: 0;
        margin-top: 45px; } }
.for-slide-2 {
  border-bottom: 2px solid #eee;
  border-top: 2px solid #eee;
  padding-top: 100px; }
  .for-slide-2 .button--films {
    background: #02959b;
    border: 1px solid #016569;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#029aa0, endColorstr=#028489, GradientType=0)";
    background: -webkit-linear-gradient(#029aa0, #028489);
    background: -webkit-linear-gradient(top, #029aa0, #028489);
    background: linear-gradient(top, #029aa0, #028489); }
  .for-slide-2 .button--music {
    background: #c7636d;
    border: 1px solid #b6414d;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c86771, endColorstr=#c25661, GradientType=0)";
    background: -webkit-linear-gradient(#c86771, #c25661);
    background: -webkit-linear-gradient(top, #c86771, #c25661);
    background: linear-gradient(top, #c86771, #c25661); }
  .for-slide-2 .button--publishing {
    background: #f27f6d;
    border: 1px solid #ee563e;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f28372, endColorstr=#f1715d, GradientType=0)";
    background: -webkit-linear-gradient(#f28372, #f1715d);
    background: -webkit-linear-gradient(top, #f28372, #f1715d);
    background: linear-gradient(top, #f28372, #f1715d); }
  .for-slide-2 .content {
    opacity: 1;
    text-align: center; }
    .for-slide-2 .content header p {
      margin-bottom: 20px; }

.for-slide-3,
.for-slide-4 {
  background: #f9f9f9;
  border-bottom: 2px solid #eee; }
  .for-slide-3 .sample-desktop,
  .for-slide-4 .sample-desktop {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom: 0;
    height: 330px;
    overflow: hidden;
    opacity: 1;
    width: 100%; }
    .for-slide-3 .sample-desktop .bar,
    .for-slide-4 .sample-desktop .bar {
      background: #f5f5f5;
      border-bottom: 2px solid #eee;
      height: 25px;
      position: relative;
      width: 100%; }
      .for-slide-3 .sample-desktop .bar *,
      .for-slide-4 .sample-desktop .bar * {
        float: left; }
      .for-slide-3 .sample-desktop .bar .left,
      .for-slide-4 .sample-desktop .bar .left {
        width: 50%;
        padding-left: 8px; }
        .for-slide-3 .sample-desktop .bar .left span,
        .for-slide-4 .sample-desktop .bar .left span {
          background: #e5e5e5;
          border-radius: 50%;
          display: inline-block;
          height: 8px;
          margin-top: 8px;
          margin-right: 8px;
          width: 8px; }
    .for-slide-3 .sample-desktop .sample-desktop-analytics-video,
    .for-slide-4 .sample-desktop .sample-desktop-analytics-video {
      max-width: 100%; }
    .for-slide-3 .sample-desktop .sample-desktop-customer-video,
    .for-slide-4 .sample-desktop .sample-desktop-customer-video {
      max-width: 100%; }
    .for-slide-3 .sample-desktop .sample-desktop-content-img,
    .for-slide-4 .sample-desktop .sample-desktop-content-img {
      display: none; }
  .for-slide-3 .content,
  .for-slide-4 .content {
    padding: 60px 0 0; }
    .for-slide-3 .content h2,
    .for-slide-4 .content h2 {
      font-size: 24px;
      margin-top: 50px; }
    .for-slide-3 .content p,
    .for-slide-4 .content p {
      font-size: 14px; }

@media (max-width: 768px) {
  .for-slide-2 {
    padding-top: 0; }

  .for-slide-3 .content,
  .for-slide-4 .content {
    text-align: center;
    padding: 2em 0 0; }
    .for-slide-3 .content h2,
    .for-slide-4 .content h2 {
      font-size: 18px;
      margin-top: 0; }
    .for-slide-3 .content h4,
    .for-slide-4 .content h4 {
      display: none; }
  .for-slide-3 .sample-desktop,
  .for-slide-4 .sample-desktop {
    border-radius: 4px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    height: 200px; }
    .for-slide-3 .sample-desktop .sample-desktop-analytics-video,
    .for-slide-3 .sample-desktop .sample-desktop-customer-video,
    .for-slide-4 .sample-desktop .sample-desktop-analytics-video,
    .for-slide-4 .sample-desktop .sample-desktop-customer-video {
      display: none; }
    .for-slide-3 .sample-desktop .sample-desktop-content-img,
    .for-slide-4 .sample-desktop .sample-desktop-content-img {
      display: block;
      width: 100%; } }
@media (min-width: 1200px) {
  .for-slide-3 .sample-desktop,
  .for-slide-4 .sample-desktop {
    height: 430px; }
  .for-slide-3 .content h2,
  .for-slide-4 .content h2 {
    margin-top: 120px; } }
.for-slide-4 {
  background: white; }

.for-slide-5 {
  background-color: #f9f9f9;
  border-bottom: 2px solid #eee; }
  .for-slide-5 .sample-product {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    position: relative; }
    .for-slide-5 .sample-product img,
    .for-slide-5 .sample-product iframe {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      border-bottom: 1px solid #eee;
      max-width: 100%; }
    .for-slide-5 .sample-product .sample-product-content {
      padding: 15px; }
      .for-slide-5 .sample-product .sample-product-content h3 {
        font-size: 18px;
        font-weight: bold;
        margin-top: 0; }
      .for-slide-5 .sample-product .sample-product-content p {
        margin: 10px 0 15px;
        font-size: 15px; }
        .for-slide-5 .sample-product .sample-product-content p:last-child {
          margin-bottom: 0; }
      .for-slide-5 .sample-product .sample-product-content .button {
        font-weight: 500;
        font-size: 16px;
        margin-top: 10px; }
        .for-slide-5 .sample-product .sample-product-content .button span {
          border-left: 1px solid rgba(0, 0, 0, 0.15);
          font-weight: bold;
          height: 100%;
          line-height: 38px;
          padding: 0 15px;
          position: absolute;
          right: 0;
          top: 0; }
        .for-slide-5 .sample-product .sample-product-content .button--films {
          background: #02959b;
          border: 1px solid #016569;
          filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#029aa0, endColorstr=#028489, GradientType=0)";
          background: -webkit-linear-gradient(#029aa0, #028489);
          background: -webkit-linear-gradient(top, #029aa0, #028489);
          background: linear-gradient(top, #029aa0, #028489); }
        .for-slide-5 .sample-product .sample-product-content .button--music {
          background: #c7636d;
          border: 1px solid #b6414d;
          filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c86771, endColorstr=#c25661, GradientType=0)";
          background: -webkit-linear-gradient(#c86771, #c25661);
          background: -webkit-linear-gradient(top, #c86771, #c25661);
          background: linear-gradient(top, #c86771, #c25661); }
        .for-slide-5 .sample-product .sample-product-content .button--publishing {
          background: #f27f6d;
          border: 1px solid #ee563e;
          filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f28372, endColorstr=#f1715d, GradientType=0)";
          background: -webkit-linear-gradient(#f28372, #f1715d);
          background: -webkit-linear-gradient(top, #f28372, #f1715d);
          background: linear-gradient(top, #f28372, #f1715d); }
    @media (max-width: 768px) {
      .for-slide-5 .sample-product {
        margin-bottom: 15px; }
        .for-slide-5 .sample-product .sample-product-content {
          padding: 15px; } }

.for-slide-6 .row {
  margin-bottom: 30px; }
  .for-slide-6 .row:last-child {
    margin-bottom: 0; }
.for-slide-6 .content h2 {
  font-size: 18px; }
.for-slide-6 .content h4 {
  font-size: 16px; }
.for-slide-6 .content p {
  font-size: 14px; }

@media (max-width: 768px) {
  .for-slide-6 {
    text-align: center; }
    .for-slide-6 .row {
      margin-bottom: 0; }
    .for-slide-6 h4 {
      display: none; } }
.for-slide-7--films {
  background-color: #02959b; }
.for-slide-7--music {
  background-color: #c7636d; }
.for-slide-7--publishing {
  background-color: #f27f6d; }
.for-slide-7 .content,
.for-slide-7--films .content,
.for-slide-7--music .content,
.for-slide-7--publishing .content {
  opacity: 1;
  text-align: center; }
  .for-slide-7 .content h2,
  .for-slide-7--films .content h2,
  .for-slide-7--music .content h2,
  .for-slide-7--publishing .content h2 {
    color: white;
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 20px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); }
  .for-slide-7 .content p,
  .for-slide-7--films .content p,
  .for-slide-7--music .content p,
  .for-slide-7--publishing .content p {
    color: white;
    font-size: 26px;
    opacity: .7;
    max-width: 700px;
    margin: 0 auto 30px; }
  .for-slide-7 .content a,
  .for-slide-7--films .content a,
  .for-slide-7--music .content a,
  .for-slide-7--publishing .content a {
    color: white;
    font-weight: 500; }

@media (max-width: 768px) {
  .for-slide-7--films .content h2,
  .for-slide-7--music .content h2,
  .for-slide-7--publishing .content h2 {
    font-size: 21px;
    margin-bottom: 10px; }
  .for-slide-7--films .content p,
  .for-slide-7--music .content p,
  .for-slide-7--publishing .content p {
    font-size: 16px;
    margin-bottom: 20px; } }
.for-card,
.for-card--publishing,
.for-card--films,
.for-card--music {
  background-size: cover;
  height: 300px;
  overflow: hidden;
  position: relative; }
  .for-card--publishing {
    background: #fcb426; }
    .for-card--publishing .for-card-image {
      background-image: url(https://static-1.gumroad.com/res/gumroad/assets/for/publishing/publishing_small-bb4eb77550cc0fb6b55bf94d642c032a.png); }
  .for-card--films {
    background: #027d82; }
    .for-card--films .for-card-image {
      background-image: url(https://static-1.gumroad.com/res/gumroad/assets/for/films/films_small-42e4ca119e158afee7a7515b5648e9b6.png); }
  .for-card--music {
    background: #c0505b; }
    .for-card--music .for-card-image {
      background-image: url(https://static-1.gumroad.com/res/gumroad/assets/for/music/music_small-392d07e7fad7a5f44a7c811799277ed9.png); }
  .for-card:hover,
  .for-card--publishing:hover,
  .for-card--films:hover,
  .for-card--music:hover {
    text-decoration: none; }
    .for-card:hover .for-card-image,
    .for-card--publishing:hover .for-card-image,
    .for-card--films:hover .for-card-image,
    .for-card--music:hover .for-card-image {
      -webkit-transform: scale(1.2) translateZ(0);
              transform: scale(1.2) translateZ(0); }
  .for-card .for-card-content,
  .for-card--publishing .for-card-content,
  .for-card--films .for-card-content,
  .for-card--music .for-card-content {
    color: white;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1); }
    .for-card .for-card-content h3,
    .for-card--publishing .for-card-content h3,
    .for-card--films .for-card-content h3,
    .for-card--music .for-card-content h3 {
      font-size: 21px;
      font-weight: bold; }
  .for-card .for-card-image,
  .for-card--publishing .for-card-image,
  .for-card--films .for-card-image,
  .for-card--music .for-card-image {
    background-size: cover;
    display: block;
    height: 105%;
    left: -2.5%;
    opacity: .3;
    position: absolute;
    top: -2.5%;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
    width: 105%; }

#charge #main-content h3 {
  margin-bottom: 15px; }
#charge #main-content form {
  margin-top: 40px; }
  #charge #main-content form input {
    float: left; }
#charge #main-content #charge-form {
  border-radius: 4px;
  padding: 15px;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
#charge #main-content #no-result, #charge #main-content #results {
  margin-top: 30px; }

.card-lookup-form p {
  float: left;
  position: relative;
  margin: 0 5px 3px 0; }
  .card-lookup-form p .upper-label {
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 100%;
    color: #aaa; }
.card-lookup-form input[type=text], .card-lookup-form select {
  margin-right: 10px; }
.card-lookup-form select {
  height: 42px; }
.card-lookup-form .cc_number, .card-lookup-form .expiry_month, .card-lookup-form .expiry_year, .card-lookup-form .price {
  width: 50px; }
.card-lookup-form .transaction_date {
  width: 100px;
  margin-right: 5px !important; }
.card-lookup-form .date_range {
  width: 25px;
  margin-right: 5px !important; }

.documentation-content {
  padding-top: 32px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400; }
  .documentation-content p {
    margin: 24px 0;
    font-size: 16px;
    line-height: 28px; }
  .documentation-content pre {
    border-radius: 4px;
    display: block;
    overflow: hidden;
    overflow-x: scroll;
    white-space: pre;
    border: 1px solid #ddd;
    background-color: #f8f8f8; }
    .documentation-content pre code {
      display: block;
      padding: 20px; }
  .documentation-content section {
    margin: 62px 0;
    padding-top: 36px; }
    .documentation-content section a {
      text-decoration: underline; }
    .documentation-content section h1 {
      font-weight: 700;
      font-size: 26px;
      color: #3c444a; }
    .documentation-content section h2 {
      font-weight: 700;
      font-size: 22px; }
    .documentation-content section h3 {
      font-weight: 700;
      font-size: 18px; }
    .documentation-content section:first-child {
      margin-top: 0; }
  .documentation-content .resource {
    padding: 24px 0; }
  .documentation-content .method {
    margin: 26px 0;
    padding: 28px 0;
    border-top: 1px dotted #ddd; }
    .documentation-content .method h2 {
      display: inline-block;
      font-size: 16px;
      font-weight: 700; }
      .documentation-content .method h2 .type {
        border-radius: 4px;
        background-color: #159499;
        border: 1px solid #127e83;
        text-transform: uppercase;
        font-family: "Helvetica Neue", Helvetica, sans-serif;
        font-size: 14px;
        padding: 4px 8px;
        margin: 0 8px 12px 0;
        color: white; }
    .documentation-content .method h3 {
      font-weight: 700; }
  .documentation-content .api-list li {
    font-size: 14px;
    padding: 4px 0; }
  .documentation-content .code-group {
    border-radius: 4px;
    margin: 24px 0;
    border: 1px solid #ddd; }
    .documentation-content .code-group pre {
      border-radius: 0;
      border: 0; }
    .documentation-content .code-group code {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12); }
    .documentation-content .code-group h3, .documentation-content .code-group .code-heading {
      display: block;
      font-size: 14px;
      padding: 14px 18px; }
  .documentation-content .parameters {
    margin: 32px 0; }
    .documentation-content .parameters ul {
      margin: 12px 0; }

.sticky-wrapper {
  position: absolute; }

#api-navigation {
  border-radius: 4px;
  position: absolute;
  font-size: 14px;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  width: 200px;
  padding: 0;
  top: 0;
  margin-top: 60px; }
  #api-navigation li a {
    display: block;
    padding: 12px 22px;
    border-bottom: 1px solid #eaeaea; }
  #api-navigation li:last-child a {
    border-bottom: 0; }
  #api-navigation .with-sub-nav {
    padding: 8px 0; }
    #api-navigation .with-sub-nav a {
      padding: 8px 22px; }
    #api-navigation .with-sub-nav > a {
      font-weight: 700;
      color: #999;
      text-decoration: none; }

.mobile-wrapper .minimal-nav {
  font-size: 16px; }
.mobile-wrapper.no-svg .mobile-hero-right .mobile-hero-screenshot-fallback {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/mobile/screenshot_fallback-4499d0fd32e10dee8934019f73ca3b7c.png);
  display: block;
  height: 712px;
  width: 620px; }

.mobile-hero {
  -webkit-transition: height 300ms linear;
          transition: height 300ms linear;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/mobile/mobile_background-6b89fccceeeb46f34983772f3a527a69.png) no-repeat center center fixed;
  background-size: cover;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  color: white;
  overflow: hidden;
  min-height: 850px;
  max-height: 850px;
  position: relative; }
  .mobile-hero .mobile-hero-container {
    box-sizing: border-box;
    left: 50%;
    margin-left: -450px;
    position: absolute;
    width: 960px; }

.mobile-hero-right {
  top: 156px;
  position: absolute;
  right: -200px;
  height: 600px;
  width: 600px;
  display: none; }
  .mobile-hero-right .mobile-hero-screenshot {
    max-width: 620px; }
  .mobile-hero-right .mobile-hero-screenshot-fallback {
    display: none; }

.mobile-hero-left {
  position: absolute;
  text-align: center;
  top: 250px;
  width: 500px; }
  .mobile-hero-left .mobile-hero-title {
    display: none;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 20px; }
  .mobile-hero-left .mobile-hero-introduction {
    display: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 25px;
    opacity: .7; }
  .mobile-hero-left .mobile-hero-cta-container {
    display: none;
    margin-bottom: 30px; }
    .mobile-hero-left .mobile-hero-cta-container .mobile-hero-cta {
      -webkit-transition: all 0s ease-in-out;
              transition: all 0s ease-in-out;
      font-weight: 500;
      padding: 20px;
      width: 150px; }
      .mobile-hero-left .mobile-hero-cta-container .mobile-hero-cta:first-child {
        margin-right: 25px; }

.mobile-apps-callout {
  background: white;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  border-top: 1px solid #dddddd;
  color: #797874;
  font-size: 14px;
  max-height: 60px;
  position: relative;
  z-index: 9; }
  .mobile-apps-callout .left {
    width: 710px;
    line-height: 60px; }
    .mobile-apps-callout .left img {
      float: left;
      max-width: 70px;
      margin: -20px 15px 0; }
    .mobile-apps-callout .left strong {
      color: #252a2e; }
  .mobile-apps-callout .right {
    width: 230px;
    padding: 10px 0; }
    .mobile-apps-callout .right a {
      background: #252a2e;
      border-radius: 4px;
      color: white;
      display: inline-block;
      padding: 8px 12px;
      position: relative;
      margin-right: 10px; }
      .mobile-apps-callout .right a:last-child {
        margin-right: 0; }
      .mobile-apps-callout .right a:hover {
        background: black;
        text-decoration: none; }
      .mobile-apps-callout .right a:active {
        top: 1px; }

@media screen and (max-width: 480px) {
  .mobile-hero-left,
  .mobile-hero-right,
  .mobile-hero .mobile-hero-container {
    position: relative;
    margin-left: 0;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

  .mobile-wrapper footer {
    display: none; }
  .mobile-wrapper .minimal-nav {
    font-size: 14px;
    position: absolute; }

  .mobile-hero {
    overflow-y: visible; }
    .mobile-hero .mobile-hero-container {
      padding: 10px; }

  .mobile-hero-right .mobile-hero-screenshot {
    width: 190%; }

  .mobile-hero-left {
    padding-top: 80px; }
    .mobile-hero-left .mobile-hero-title {
      font-size: 21px;
      margin-bottom: 10px; }
    .mobile-hero-left .mobile-hero-introduction {
      font-size: 14px; }
    .mobile-hero-left .mobile-hero-cta {
      font-size: 14px;
      padding: 10px; } }
.widget-content {
  width: 750px;
  margin: 50px auto;
  font-size: 16px; }
  .widget-content .note {
    font-size: 12px;
    color: #aaa; }

.widgets-container {
  width: 700px;
  padding: 25px;
  border: 1px solid #ddd;
  border-top-width: 0; }
  .widgets-container .search {
    box-sizing: border-box;
    width: 100%; }
  .widgets-container .cta-text {
    margin: 15px 0 25px;
    width: 100%;
    box-sizing: border-box; }

.widgets-preview {
  width: 700px;
  padding: 25px;
  border: 1px solid #ddd;
  border-top-width: 0;
  background: #efefe9;
  margin: 0 0 25px;
  font-size: 14px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .widgets-preview p {
    text-align: center; }
  .widgets-preview button {
    height: 46px;
    position: absolute;
    margin: 20px 0 0 -78px; }
  .widgets-preview .copy-code {
    resize: none;
    min-height: 0;
    width: 672px;
    font-size: 13px;
    line-height: 20px;
    border: 1px solid #ddd;
    padding: 12px 10px;
    margin: 10px 0 0;
    border-radius: 5px; }

.js-widgets-preview-container {
  text-align: center;
  padding: 50px 0;
  width: 676px;
  margin: 0 auto; }

.icn-overlay, .icn-embed {
  width: 57px;
  height: 72px;
  display: inline-block; }

.icn-overlay {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/widgets/icon-overlay-266efc1054635f0c02db52599bc6dde5.svg); }

.icn-embed {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/widgets/icon-embed-ce09f9dfab80d9aadae77ad8af7e3038.svg); }

.icn-copy {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/widgets/icon-copy-c0296458ec44cad0f1391b469d9536cf.svg) top center no-repeat;
  width: 20px;
  height: 21px;
  display: inline-block;
  padding: 0 8px; }

.auto-trigger {
  font-size: 16px;
  margin: 0;
  display: inline-block; }
  .auto-trigger ul {
    margin: 0;
    padding: 0;
    height: 30px; }
  .auto-trigger li {
    float: left;
    list-style: none;
    margin: 0 30px 0 0; }
  .auto-trigger input[type=checkbox] {
    width: 12px;
    margin-right: 5px; }

.choose-product {
  border-radius: 5px;
  margin: 15px 0 25px;
  text-align: center; }
  .choose-product.with-login-button {
    padding: 15px 15px 0;
    border: 1px solid #ddd; }
  .choose-product p {
    margin-bottom: 20px; }
  .choose-product button {
    margin-bottom: 15px; }
  .choose-product select {
    height: 42px;
    width: 100%; }

.widget-product {
  width: 196px;
  height: 116px; }
  .widget-product.selected {
    border: 2px #37adb2 solid; }
  .widget-product .product {
    height: 116px; }

.product-list {
  height: 190px;
  margin: 15px 0 0;
  overflow: scroll; }
  .product-list ul {
    display: inline;
    margin: 0;
    padding: 0; }
  .product-list li {
    float: left;
    list-style: none;
    margin: 0 34px 30px 0;
    text-align: left;
    border: 2px #fff solid;
    border-radius: 7px; }
  .product-list li:nth-child(3n+3) {
    margin-right: 0; }

.widget-tabs {
  height: 180px; }
  .widget-tabs a {
    background: #f9f9f9;
    width: 375px;
    display: inline-block;
    border: 1px solid #ddd;
    text-align: center;
    padding: 20px 0;
    color: #666;
    text-decoration: none; }
    .widget-tabs a.selected {
      background: white;
      border-bottom-width: 0; }
    .widget-tabs a p {
      color: #aaa;
      font-size: 15px; }
  .widget-tabs a:hover {
    background: #eee;
    border-bottom: 1px solid #ddd; }
    .widget-tabs a:hover.selected {
      background: #fff;
      border-bottom-width: 0; }
  .widget-tabs h3 {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    margin: 10px 0; }
  .widget-tabs p {
    font-size: 12px; }
  .widget-tabs ul {
    margin: 0;
    padding: 0; }
  .widget-tabs li {
    float: left;
    list-style: none;
    width: 375px; }
  .widget-tabs .overlay {
    border-top-left-radius: 5px; }
  .widget-tabs .embed {
    border-top-right-radius: 5px; }

.more-information-always-visible {
  opacity: 1; }

/**
 * Custom download from http://flag-sprites.com/
 * Select FamFamFam flag icon set
 * Deselect: Mayotte, West Sahara, Netherlands Antilles, Pitcairn,
 * and everything from the "Other areas" section except British IOT
 * THEN: manually added .bq next to .nl
 * AND: .bl and .mf next to .fr
 */
.intl-tel-input .flag {
  width: 16px;
  height: 11px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/flags-914e5cd68912771a9df2b14032ea1075.png); }
.intl-tel-input .ad {
  background-position: -16px 0; }
.intl-tel-input .ae {
  background-position: -32px 0; }
.intl-tel-input .af {
  background-position: -48px 0; }
.intl-tel-input .ag {
  background-position: -64px 0; }
.intl-tel-input .ai {
  background-position: -80px 0; }
.intl-tel-input .al {
  background-position: -96px 0; }
.intl-tel-input .am {
  background-position: -112px 0; }
.intl-tel-input .ao {
  background-position: -128px 0; }
.intl-tel-input .ar {
  background-position: -144px 0; }
.intl-tel-input .as {
  background-position: -160px 0; }
.intl-tel-input .at {
  background-position: -176px 0; }
.intl-tel-input .au {
  background-position: -192px 0; }
.intl-tel-input .aw {
  background-position: -208px 0; }
.intl-tel-input .az {
  background-position: -224px 0; }
.intl-tel-input .ba {
  background-position: -240px 0; }
.intl-tel-input .bb {
  background-position: 0 -11px; }
.intl-tel-input .bd {
  background-position: -16px -11px; }
.intl-tel-input .be {
  background-position: -32px -11px; }
.intl-tel-input .bf {
  background-position: -48px -11px; }
.intl-tel-input .bg {
  background-position: -64px -11px; }
.intl-tel-input .bh {
  background-position: -80px -11px; }
.intl-tel-input .bi {
  background-position: -96px -11px; }
.intl-tel-input .bj {
  background-position: -112px -11px; }
.intl-tel-input .bm {
  background-position: -128px -11px; }
.intl-tel-input .bn {
  background-position: -144px -11px; }
.intl-tel-input .bo {
  background-position: -160px -11px; }
.intl-tel-input .br {
  background-position: -176px -11px; }
.intl-tel-input .bs {
  background-position: -192px -11px; }
.intl-tel-input .bt {
  background-position: -208px -11px; }
.intl-tel-input .bw {
  background-position: -224px -11px; }
.intl-tel-input .by {
  background-position: -240px -11px; }
.intl-tel-input .bz {
  background-position: 0 -22px; }
.intl-tel-input .ca {
  background-position: -16px -22px; }
.intl-tel-input .cd {
  background-position: -32px -22px; }
.intl-tel-input .cf {
  background-position: -48px -22px; }
.intl-tel-input .cg {
  background-position: -64px -22px; }
.intl-tel-input .ch {
  background-position: -80px -22px; }
.intl-tel-input .ci {
  background-position: -96px -22px; }
.intl-tel-input .ck {
  background-position: -112px -22px; }
.intl-tel-input .cl {
  background-position: -128px -22px; }
.intl-tel-input .cm {
  background-position: -144px -22px; }
.intl-tel-input .cn {
  background-position: -160px -22px; }
.intl-tel-input .co {
  background-position: -176px -22px; }
.intl-tel-input .cr {
  background-position: -192px -22px; }
.intl-tel-input .cu {
  background-position: -208px -22px; }
.intl-tel-input .cv {
  background-position: -224px -22px; }
.intl-tel-input .cw {
  background-position: -240px -22px; }
.intl-tel-input .cy {
  background-position: 0 -33px; }
.intl-tel-input .cz {
  background-position: -16px -33px; }
.intl-tel-input .de {
  background-position: -32px -33px; }
.intl-tel-input .dj {
  background-position: -48px -33px; }
.intl-tel-input .dk {
  background-position: -64px -33px; }
.intl-tel-input .dm {
  background-position: -80px -33px; }
.intl-tel-input .do {
  background-position: -96px -33px; }
.intl-tel-input .dz {
  background-position: -112px -33px; }
.intl-tel-input .ec {
  background-position: -128px -33px; }
.intl-tel-input .ee {
  background-position: -144px -33px; }
.intl-tel-input .eg {
  background-position: -160px -33px; }
.intl-tel-input .er {
  background-position: -176px -33px; }
.intl-tel-input .es {
  background-position: -192px -33px; }
.intl-tel-input .et {
  background-position: -208px -33px; }
.intl-tel-input .fi {
  background-position: -224px -33px; }
.intl-tel-input .fj {
  background-position: -240px -33px; }
.intl-tel-input .fk {
  background-position: 0 -44px; }
.intl-tel-input .fm {
  background-position: -16px -44px; }
.intl-tel-input .fo {
  background-position: -32px -44px; }
.intl-tel-input .fr, .intl-tel-input .bl, .intl-tel-input .mf {
  background-position: -48px -44px; }
.intl-tel-input .ga {
  background-position: -64px -44px; }
.intl-tel-input .gb {
  background-position: -80px -44px; }
.intl-tel-input .gd {
  background-position: -96px -44px; }
.intl-tel-input .ge {
  background-position: -112px -44px; }
.intl-tel-input .gf {
  background-position: -128px -44px; }
.intl-tel-input .gh {
  background-position: -144px -44px; }
.intl-tel-input .gi {
  background-position: -160px -44px; }
.intl-tel-input .gl {
  background-position: -176px -44px; }
.intl-tel-input .gm {
  background-position: -192px -44px; }
.intl-tel-input .gn {
  background-position: -208px -44px; }
.intl-tel-input .gp {
  background-position: -224px -44px; }
.intl-tel-input .gq {
  background-position: -240px -44px; }
.intl-tel-input .gr {
  background-position: 0 -55px; }
.intl-tel-input .gt {
  background-position: -16px -55px; }
.intl-tel-input .gu {
  background-position: -32px -55px; }
.intl-tel-input .gw {
  background-position: -48px -55px; }
.intl-tel-input .gy {
  background-position: -64px -55px; }
.intl-tel-input .hk {
  background-position: -80px -55px; }
.intl-tel-input .hn {
  background-position: -96px -55px; }
.intl-tel-input .hr {
  background-position: -112px -55px; }
.intl-tel-input .ht {
  background-position: -128px -55px; }
.intl-tel-input .hu {
  background-position: -144px -55px; }
.intl-tel-input .id {
  background-position: -160px -55px; }
.intl-tel-input .ie {
  background-position: -176px -55px; }
.intl-tel-input .il {
  background-position: -192px -55px; }
.intl-tel-input .in {
  background-position: -208px -55px; }
.intl-tel-input .io {
  background-position: -224px -55px; }
.intl-tel-input .iq {
  background-position: -240px -55px; }
.intl-tel-input .ir {
  background-position: 0 -66px; }
.intl-tel-input .is {
  background-position: -16px -66px; }
.intl-tel-input .it {
  background-position: -32px -66px; }
.intl-tel-input .jm {
  background-position: -48px -66px; }
.intl-tel-input .jo {
  background-position: -64px -66px; }
.intl-tel-input .jp {
  background-position: -80px -66px; }
.intl-tel-input .ke {
  background-position: -96px -66px; }
.intl-tel-input .kg {
  background-position: -112px -66px; }
.intl-tel-input .kh {
  background-position: -128px -66px; }
.intl-tel-input .ki {
  background-position: -144px -66px; }
.intl-tel-input .km {
  background-position: -160px -66px; }
.intl-tel-input .kn {
  background-position: -176px -66px; }
.intl-tel-input .kp {
  background-position: -192px -66px; }
.intl-tel-input .kr {
  background-position: -208px -66px; }
.intl-tel-input .kw {
  background-position: -224px -66px; }
.intl-tel-input .ky {
  background-position: -240px -66px; }
.intl-tel-input .kz {
  background-position: 0 -77px; }
.intl-tel-input .la {
  background-position: -16px -77px; }
.intl-tel-input .lb {
  background-position: -32px -77px; }
.intl-tel-input .lc {
  background-position: -48px -77px; }
.intl-tel-input .li {
  background-position: -64px -77px; }
.intl-tel-input .lk {
  background-position: -80px -77px; }
.intl-tel-input .lr {
  background-position: -96px -77px; }
.intl-tel-input .ls {
  background-position: -112px -77px; }
.intl-tel-input .lt {
  background-position: -128px -77px; }
.intl-tel-input .lu {
  background-position: -144px -77px; }
.intl-tel-input .lv {
  background-position: -160px -77px; }
.intl-tel-input .ly {
  background-position: -176px -77px; }
.intl-tel-input .ma {
  background-position: -192px -77px; }
.intl-tel-input .mc {
  background-position: -208px -77px; }
.intl-tel-input .md {
  background-position: -224px -77px; }
.intl-tel-input .me {
  background-position: -112px -154px;
  height: 12px; }
.intl-tel-input .mg {
  background-position: 0 -88px; }
.intl-tel-input .mh {
  background-position: -16px -88px; }
.intl-tel-input .mk {
  background-position: -32px -88px; }
.intl-tel-input .ml {
  background-position: -48px -88px; }
.intl-tel-input .mm {
  background-position: -64px -88px; }
.intl-tel-input .mn {
  background-position: -80px -88px; }
.intl-tel-input .mo {
  background-position: -96px -88px; }
.intl-tel-input .mp {
  background-position: -112px -88px; }
.intl-tel-input .mq {
  background-position: -128px -88px; }
.intl-tel-input .mr {
  background-position: -144px -88px; }
.intl-tel-input .ms {
  background-position: -160px -88px; }
.intl-tel-input .mt {
  background-position: -176px -88px; }
.intl-tel-input .mu {
  background-position: -192px -88px; }
.intl-tel-input .mv {
  background-position: -208px -88px; }
.intl-tel-input .mw {
  background-position: -224px -88px; }
.intl-tel-input .mx {
  background-position: -240px -88px; }
.intl-tel-input .my {
  background-position: 0 -99px; }
.intl-tel-input .mz {
  background-position: -16px -99px; }
.intl-tel-input .na {
  background-position: -32px -99px; }
.intl-tel-input .nc {
  background-position: -48px -99px; }
.intl-tel-input .ne {
  background-position: -64px -99px; }
.intl-tel-input .nf {
  background-position: -80px -99px; }
.intl-tel-input .ng {
  background-position: -96px -99px; }
.intl-tel-input .ni {
  background-position: -112px -99px; }
.intl-tel-input .nl, .intl-tel-input .bq {
  background-position: -128px -99px; }
.intl-tel-input .no {
  background-position: -144px -99px; }
.intl-tel-input .np {
  background-position: -160px -99px; }
.intl-tel-input .nr {
  background-position: -176px -99px; }
.intl-tel-input .nu {
  background-position: -192px -99px; }
.intl-tel-input .nz {
  background-position: -208px -99px; }
.intl-tel-input .om {
  background-position: -224px -99px; }
.intl-tel-input .pa {
  background-position: -240px -99px; }
.intl-tel-input .pe {
  background-position: 0 -110px; }
.intl-tel-input .pf {
  background-position: -16px -110px; }
.intl-tel-input .pg {
  background-position: -32px -110px; }
.intl-tel-input .ph {
  background-position: -48px -110px; }
.intl-tel-input .pk {
  background-position: -64px -110px; }
.intl-tel-input .pl {
  background-position: -80px -110px; }
.intl-tel-input .pm {
  background-position: -96px -110px; }
.intl-tel-input .pr {
  background-position: -112px -110px; }
.intl-tel-input .ps {
  background-position: -128px -110px; }
.intl-tel-input .pt {
  background-position: -144px -110px; }
.intl-tel-input .pw {
  background-position: -160px -110px; }
.intl-tel-input .py {
  background-position: -176px -110px; }
.intl-tel-input .qa {
  background-position: -192px -110px; }
.intl-tel-input .re {
  background-position: -208px -110px; }
.intl-tel-input .ro {
  background-position: -224px -110px; }
.intl-tel-input .rs {
  background-position: -240px -110px; }
.intl-tel-input .ru {
  background-position: 0 -121px; }
.intl-tel-input .rw {
  background-position: -16px -121px; }
.intl-tel-input .sa {
  background-position: -32px -121px; }
.intl-tel-input .sb {
  background-position: -48px -121px; }
.intl-tel-input .sc {
  background-position: -64px -121px; }
.intl-tel-input .sd {
  background-position: -80px -121px; }
.intl-tel-input .se {
  background-position: -96px -121px; }
.intl-tel-input .sg {
  background-position: -112px -121px; }
.intl-tel-input .sh {
  background-position: -128px -121px; }
.intl-tel-input .si {
  background-position: -144px -121px; }
.intl-tel-input .sk {
  background-position: -160px -121px; }
.intl-tel-input .sl {
  background-position: -176px -121px; }
.intl-tel-input .sm {
  background-position: -192px -121px; }
.intl-tel-input .sn {
  background-position: -208px -121px; }
.intl-tel-input .so {
  background-position: -224px -121px; }
.intl-tel-input .sr {
  background-position: -240px -121px; }
.intl-tel-input .ss {
  background-position: 0 -132px; }
.intl-tel-input .st {
  background-position: -16px -132px; }
.intl-tel-input .sv {
  background-position: -32px -132px; }
.intl-tel-input .sx {
  background-position: -48px -132px; }
.intl-tel-input .sy {
  background-position: -64px -132px; }
.intl-tel-input .sz {
  background-position: -80px -132px; }
.intl-tel-input .tc {
  background-position: -96px -132px; }
.intl-tel-input .td {
  background-position: -112px -132px; }
.intl-tel-input .tg {
  background-position: -128px -132px; }
.intl-tel-input .th {
  background-position: -144px -132px; }
.intl-tel-input .tj {
  background-position: -160px -132px; }
.intl-tel-input .tk {
  background-position: -176px -132px; }
.intl-tel-input .tl {
  background-position: -192px -132px; }
.intl-tel-input .tm {
  background-position: -208px -132px; }
.intl-tel-input .tn {
  background-position: -224px -132px; }
.intl-tel-input .to {
  background-position: -240px -132px; }
.intl-tel-input .tr {
  background-position: 0 -143px; }
.intl-tel-input .tt {
  background-position: -16px -143px; }
.intl-tel-input .tv {
  background-position: -32px -143px; }
.intl-tel-input .tw {
  background-position: -48px -143px; }
.intl-tel-input .tz {
  background-position: -64px -143px; }
.intl-tel-input .ua {
  background-position: -80px -143px; }
.intl-tel-input .ug {
  background-position: -96px -143px; }
.intl-tel-input .us {
  background-position: -112px -143px; }
.intl-tel-input .uy {
  background-position: -128px -143px; }
.intl-tel-input .uz {
  background-position: -144px -143px; }
.intl-tel-input .va {
  background-position: -160px -143px; }
.intl-tel-input .vc {
  background-position: -176px -143px; }
.intl-tel-input .ve {
  background-position: -192px -143px; }
.intl-tel-input .vg {
  background-position: -208px -143px; }
.intl-tel-input .vi {
  background-position: -224px -143px; }
.intl-tel-input .vn {
  background-position: -240px -143px; }
.intl-tel-input .vu {
  background-position: 0 -154px; }
.intl-tel-input .wf {
  background-position: -16px -154px; }
.intl-tel-input .ws {
  background-position: -32px -154px; }
.intl-tel-input .ye {
  background-position: -48px -154px; }
.intl-tel-input .za {
  background-position: -64px -154px; }
.intl-tel-input .zm {
  background-position: -80px -154px; }
.intl-tel-input .zw {
  background-position: -96px -154px; }

/**
 * Custom download from http://flag-sprites.com/
 * Select FamFamFam flag icon set
 * Deselect: Mayotte, West Sahara, Netherlands Antilles, Pitcairn,
 * and everything from the "Other areas" section except British IOT
 * THEN: manually added .bq next to .nl
 * AND: .bl and .mf next to .fr
 */
.intl-tel-input .flag {
  width: 16px;
  height: 11px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/flags-914e5cd68912771a9df2b14032ea1075.png); }
.intl-tel-input .ad {
  background-position: -16px 0; }
.intl-tel-input .ae {
  background-position: -32px 0; }
.intl-tel-input .af {
  background-position: -48px 0; }
.intl-tel-input .ag {
  background-position: -64px 0; }
.intl-tel-input .ai {
  background-position: -80px 0; }
.intl-tel-input .al {
  background-position: -96px 0; }
.intl-tel-input .am {
  background-position: -112px 0; }
.intl-tel-input .ao {
  background-position: -128px 0; }
.intl-tel-input .ar {
  background-position: -144px 0; }
.intl-tel-input .as {
  background-position: -160px 0; }
.intl-tel-input .at {
  background-position: -176px 0; }
.intl-tel-input .au {
  background-position: -192px 0; }
.intl-tel-input .aw {
  background-position: -208px 0; }
.intl-tel-input .az {
  background-position: -224px 0; }
.intl-tel-input .ba {
  background-position: -240px 0; }
.intl-tel-input .bb {
  background-position: 0 -11px; }
.intl-tel-input .bd {
  background-position: -16px -11px; }
.intl-tel-input .be {
  background-position: -32px -11px; }
.intl-tel-input .bf {
  background-position: -48px -11px; }
.intl-tel-input .bg {
  background-position: -64px -11px; }
.intl-tel-input .bh {
  background-position: -80px -11px; }
.intl-tel-input .bi {
  background-position: -96px -11px; }
.intl-tel-input .bj {
  background-position: -112px -11px; }
.intl-tel-input .bm {
  background-position: -128px -11px; }
.intl-tel-input .bn {
  background-position: -144px -11px; }
.intl-tel-input .bo {
  background-position: -160px -11px; }
.intl-tel-input .br {
  background-position: -176px -11px; }
.intl-tel-input .bs {
  background-position: -192px -11px; }
.intl-tel-input .bt {
  background-position: -208px -11px; }
.intl-tel-input .bw {
  background-position: -224px -11px; }
.intl-tel-input .by {
  background-position: -240px -11px; }
.intl-tel-input .bz {
  background-position: 0 -22px; }
.intl-tel-input .ca {
  background-position: -16px -22px; }
.intl-tel-input .cd {
  background-position: -32px -22px; }
.intl-tel-input .cf {
  background-position: -48px -22px; }
.intl-tel-input .cg {
  background-position: -64px -22px; }
.intl-tel-input .ch {
  background-position: -80px -22px; }
.intl-tel-input .ci {
  background-position: -96px -22px; }
.intl-tel-input .ck {
  background-position: -112px -22px; }
.intl-tel-input .cl {
  background-position: -128px -22px; }
.intl-tel-input .cm {
  background-position: -144px -22px; }
.intl-tel-input .cn {
  background-position: -160px -22px; }
.intl-tel-input .co {
  background-position: -176px -22px; }
.intl-tel-input .cr {
  background-position: -192px -22px; }
.intl-tel-input .cu {
  background-position: -208px -22px; }
.intl-tel-input .cv {
  background-position: -224px -22px; }
.intl-tel-input .cw {
  background-position: -240px -22px; }
.intl-tel-input .cy {
  background-position: 0 -33px; }
.intl-tel-input .cz {
  background-position: -16px -33px; }
.intl-tel-input .de {
  background-position: -32px -33px; }
.intl-tel-input .dj {
  background-position: -48px -33px; }
.intl-tel-input .dk {
  background-position: -64px -33px; }
.intl-tel-input .dm {
  background-position: -80px -33px; }
.intl-tel-input .do {
  background-position: -96px -33px; }
.intl-tel-input .dz {
  background-position: -112px -33px; }
.intl-tel-input .ec {
  background-position: -128px -33px; }
.intl-tel-input .ee {
  background-position: -144px -33px; }
.intl-tel-input .eg {
  background-position: -160px -33px; }
.intl-tel-input .er {
  background-position: -176px -33px; }
.intl-tel-input .es {
  background-position: -192px -33px; }
.intl-tel-input .et {
  background-position: -208px -33px; }
.intl-tel-input .fi {
  background-position: -224px -33px; }
.intl-tel-input .fj {
  background-position: -240px -33px; }
.intl-tel-input .fk {
  background-position: 0 -44px; }
.intl-tel-input .fm {
  background-position: -16px -44px; }
.intl-tel-input .fo {
  background-position: -32px -44px; }
.intl-tel-input .fr, .intl-tel-input .bl, .intl-tel-input .mf {
  background-position: -48px -44px; }
.intl-tel-input .ga {
  background-position: -64px -44px; }
.intl-tel-input .gb {
  background-position: -80px -44px; }
.intl-tel-input .gd {
  background-position: -96px -44px; }
.intl-tel-input .ge {
  background-position: -112px -44px; }
.intl-tel-input .gf {
  background-position: -128px -44px; }
.intl-tel-input .gh {
  background-position: -144px -44px; }
.intl-tel-input .gi {
  background-position: -160px -44px; }
.intl-tel-input .gl {
  background-position: -176px -44px; }
.intl-tel-input .gm {
  background-position: -192px -44px; }
.intl-tel-input .gn {
  background-position: -208px -44px; }
.intl-tel-input .gp {
  background-position: -224px -44px; }
.intl-tel-input .gq {
  background-position: -240px -44px; }
.intl-tel-input .gr {
  background-position: 0 -55px; }
.intl-tel-input .gt {
  background-position: -16px -55px; }
.intl-tel-input .gu {
  background-position: -32px -55px; }
.intl-tel-input .gw {
  background-position: -48px -55px; }
.intl-tel-input .gy {
  background-position: -64px -55px; }
.intl-tel-input .hk {
  background-position: -80px -55px; }
.intl-tel-input .hn {
  background-position: -96px -55px; }
.intl-tel-input .hr {
  background-position: -112px -55px; }
.intl-tel-input .ht {
  background-position: -128px -55px; }
.intl-tel-input .hu {
  background-position: -144px -55px; }
.intl-tel-input .id {
  background-position: -160px -55px; }
.intl-tel-input .ie {
  background-position: -176px -55px; }
.intl-tel-input .il {
  background-position: -192px -55px; }
.intl-tel-input .in {
  background-position: -208px -55px; }
.intl-tel-input .io {
  background-position: -224px -55px; }
.intl-tel-input .iq {
  background-position: -240px -55px; }
.intl-tel-input .ir {
  background-position: 0 -66px; }
.intl-tel-input .is {
  background-position: -16px -66px; }
.intl-tel-input .it {
  background-position: -32px -66px; }
.intl-tel-input .jm {
  background-position: -48px -66px; }
.intl-tel-input .jo {
  background-position: -64px -66px; }
.intl-tel-input .jp {
  background-position: -80px -66px; }
.intl-tel-input .ke {
  background-position: -96px -66px; }
.intl-tel-input .kg {
  background-position: -112px -66px; }
.intl-tel-input .kh {
  background-position: -128px -66px; }
.intl-tel-input .ki {
  background-position: -144px -66px; }
.intl-tel-input .km {
  background-position: -160px -66px; }
.intl-tel-input .kn {
  background-position: -176px -66px; }
.intl-tel-input .kp {
  background-position: -192px -66px; }
.intl-tel-input .kr {
  background-position: -208px -66px; }
.intl-tel-input .kw {
  background-position: -224px -66px; }
.intl-tel-input .ky {
  background-position: -240px -66px; }
.intl-tel-input .kz {
  background-position: 0 -77px; }
.intl-tel-input .la {
  background-position: -16px -77px; }
.intl-tel-input .lb {
  background-position: -32px -77px; }
.intl-tel-input .lc {
  background-position: -48px -77px; }
.intl-tel-input .li {
  background-position: -64px -77px; }
.intl-tel-input .lk {
  background-position: -80px -77px; }
.intl-tel-input .lr {
  background-position: -96px -77px; }
.intl-tel-input .ls {
  background-position: -112px -77px; }
.intl-tel-input .lt {
  background-position: -128px -77px; }
.intl-tel-input .lu {
  background-position: -144px -77px; }
.intl-tel-input .lv {
  background-position: -160px -77px; }
.intl-tel-input .ly {
  background-position: -176px -77px; }
.intl-tel-input .ma {
  background-position: -192px -77px; }
.intl-tel-input .mc {
  background-position: -208px -77px; }
.intl-tel-input .md {
  background-position: -224px -77px; }
.intl-tel-input .me {
  background-position: -112px -154px;
  height: 12px; }
.intl-tel-input .mg {
  background-position: 0 -88px; }
.intl-tel-input .mh {
  background-position: -16px -88px; }
.intl-tel-input .mk {
  background-position: -32px -88px; }
.intl-tel-input .ml {
  background-position: -48px -88px; }
.intl-tel-input .mm {
  background-position: -64px -88px; }
.intl-tel-input .mn {
  background-position: -80px -88px; }
.intl-tel-input .mo {
  background-position: -96px -88px; }
.intl-tel-input .mp {
  background-position: -112px -88px; }
.intl-tel-input .mq {
  background-position: -128px -88px; }
.intl-tel-input .mr {
  background-position: -144px -88px; }
.intl-tel-input .ms {
  background-position: -160px -88px; }
.intl-tel-input .mt {
  background-position: -176px -88px; }
.intl-tel-input .mu {
  background-position: -192px -88px; }
.intl-tel-input .mv {
  background-position: -208px -88px; }
.intl-tel-input .mw {
  background-position: -224px -88px; }
.intl-tel-input .mx {
  background-position: -240px -88px; }
.intl-tel-input .my {
  background-position: 0 -99px; }
.intl-tel-input .mz {
  background-position: -16px -99px; }
.intl-tel-input .na {
  background-position: -32px -99px; }
.intl-tel-input .nc {
  background-position: -48px -99px; }
.intl-tel-input .ne {
  background-position: -64px -99px; }
.intl-tel-input .nf {
  background-position: -80px -99px; }
.intl-tel-input .ng {
  background-position: -96px -99px; }
.intl-tel-input .ni {
  background-position: -112px -99px; }
.intl-tel-input .nl, .intl-tel-input .bq {
  background-position: -128px -99px; }
.intl-tel-input .no {
  background-position: -144px -99px; }
.intl-tel-input .np {
  background-position: -160px -99px; }
.intl-tel-input .nr {
  background-position: -176px -99px; }
.intl-tel-input .nu {
  background-position: -192px -99px; }
.intl-tel-input .nz {
  background-position: -208px -99px; }
.intl-tel-input .om {
  background-position: -224px -99px; }
.intl-tel-input .pa {
  background-position: -240px -99px; }
.intl-tel-input .pe {
  background-position: 0 -110px; }
.intl-tel-input .pf {
  background-position: -16px -110px; }
.intl-tel-input .pg {
  background-position: -32px -110px; }
.intl-tel-input .ph {
  background-position: -48px -110px; }
.intl-tel-input .pk {
  background-position: -64px -110px; }
.intl-tel-input .pl {
  background-position: -80px -110px; }
.intl-tel-input .pm {
  background-position: -96px -110px; }
.intl-tel-input .pr {
  background-position: -112px -110px; }
.intl-tel-input .ps {
  background-position: -128px -110px; }
.intl-tel-input .pt {
  background-position: -144px -110px; }
.intl-tel-input .pw {
  background-position: -160px -110px; }
.intl-tel-input .py {
  background-position: -176px -110px; }
.intl-tel-input .qa {
  background-position: -192px -110px; }
.intl-tel-input .re {
  background-position: -208px -110px; }
.intl-tel-input .ro {
  background-position: -224px -110px; }
.intl-tel-input .rs {
  background-position: -240px -110px; }
.intl-tel-input .ru {
  background-position: 0 -121px; }
.intl-tel-input .rw {
  background-position: -16px -121px; }
.intl-tel-input .sa {
  background-position: -32px -121px; }
.intl-tel-input .sb {
  background-position: -48px -121px; }
.intl-tel-input .sc {
  background-position: -64px -121px; }
.intl-tel-input .sd {
  background-position: -80px -121px; }
.intl-tel-input .se {
  background-position: -96px -121px; }
.intl-tel-input .sg {
  background-position: -112px -121px; }
.intl-tel-input .sh {
  background-position: -128px -121px; }
.intl-tel-input .si {
  background-position: -144px -121px; }
.intl-tel-input .sk {
  background-position: -160px -121px; }
.intl-tel-input .sl {
  background-position: -176px -121px; }
.intl-tel-input .sm {
  background-position: -192px -121px; }
.intl-tel-input .sn {
  background-position: -208px -121px; }
.intl-tel-input .so {
  background-position: -224px -121px; }
.intl-tel-input .sr {
  background-position: -240px -121px; }
.intl-tel-input .ss {
  background-position: 0 -132px; }
.intl-tel-input .st {
  background-position: -16px -132px; }
.intl-tel-input .sv {
  background-position: -32px -132px; }
.intl-tel-input .sx {
  background-position: -48px -132px; }
.intl-tel-input .sy {
  background-position: -64px -132px; }
.intl-tel-input .sz {
  background-position: -80px -132px; }
.intl-tel-input .tc {
  background-position: -96px -132px; }
.intl-tel-input .td {
  background-position: -112px -132px; }
.intl-tel-input .tg {
  background-position: -128px -132px; }
.intl-tel-input .th {
  background-position: -144px -132px; }
.intl-tel-input .tj {
  background-position: -160px -132px; }
.intl-tel-input .tk {
  background-position: -176px -132px; }
.intl-tel-input .tl {
  background-position: -192px -132px; }
.intl-tel-input .tm {
  background-position: -208px -132px; }
.intl-tel-input .tn {
  background-position: -224px -132px; }
.intl-tel-input .to {
  background-position: -240px -132px; }
.intl-tel-input .tr {
  background-position: 0 -143px; }
.intl-tel-input .tt {
  background-position: -16px -143px; }
.intl-tel-input .tv {
  background-position: -32px -143px; }
.intl-tel-input .tw {
  background-position: -48px -143px; }
.intl-tel-input .tz {
  background-position: -64px -143px; }
.intl-tel-input .ua {
  background-position: -80px -143px; }
.intl-tel-input .ug {
  background-position: -96px -143px; }
.intl-tel-input .us {
  background-position: -112px -143px; }
.intl-tel-input .uy {
  background-position: -128px -143px; }
.intl-tel-input .uz {
  background-position: -144px -143px; }
.intl-tel-input .va {
  background-position: -160px -143px; }
.intl-tel-input .vc {
  background-position: -176px -143px; }
.intl-tel-input .ve {
  background-position: -192px -143px; }
.intl-tel-input .vg {
  background-position: -208px -143px; }
.intl-tel-input .vi {
  background-position: -224px -143px; }
.intl-tel-input .vn {
  background-position: -240px -143px; }
.intl-tel-input .vu {
  background-position: 0 -154px; }
.intl-tel-input .wf {
  background-position: -16px -154px; }
.intl-tel-input .ws {
  background-position: -32px -154px; }
.intl-tel-input .ye {
  background-position: -48px -154px; }
.intl-tel-input .za {
  background-position: -64px -154px; }
.intl-tel-input .zm {
  background-position: -80px -154px; }
.intl-tel-input .zw {
  background-position: -96px -154px; }

.intl-tel-input {
  position: relative;
  display: block; }
  .intl-tel-input * {
    box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 44px;
    margin-left: 0; }
  .intl-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px; }
  .intl-tel-input .flag-dropdown:hover {
    cursor: pointer; }
    .intl-tel-input .flag-dropdown:hover .selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input input[disabled] + .flag-dropdown:hover {
    cursor: default; }
    .intl-tel-input input[disabled] + .flag-dropdown:hover .selected-flag {
      background-color: transparent; }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 38px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .flag {
      position: absolute;
      top: 50%;
      margin-top: -5px; }
    .intl-tel-input .selected-flag .arrow {
      position: relative;
      top: 50%;
      margin-top: -2px;
      left: 20px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
      .intl-tel-input .selected-flag .arrow.up {
        border-top: none;
        border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    list-style: none;
    position: absolute;
    z-index: 2;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0;
    margin: -2px 0 0 -1px;
    background-color: white;
    border: 1px solid #ddd;
    width: 259px;
    text-align: left;
    max-height: 140px;
    overflow-y: scroll;
    border-top: none; }
    .intl-tel-input .country-list .flag {
      display: inline-block; }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #ddd; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px; }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
    .intl-tel-input .country-list .country.highlight {
      background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .flag, .intl-tel-input .country-list .country-name {
      margin-right: 6px; }

@media screen and (max-width: 480px) {
  .top-bar {
    background-size: contain; }

  #user_page .modals-container, #product_page .modals-container {
    position: absolute;
    min-height: 100%; }
    #user_page .modals-container .gr-modals .gr-modal, #product_page .modals-container .gr-modals .gr-modal {
      border-radius: 0;
      width: auto; }
      #user_page .modals-container .gr-modals .gr-modal .auth-title, #product_page .modals-container .gr-modals .gr-modal .auth-title {
        padding: 28px 18px; }
      #user_page .modals-container .gr-modals .gr-modal form .classic-auth,
      #user_page .modals-container .gr-modals .gr-modal form .social-auth, #product_page .modals-container .gr-modals .gr-modal form .classic-auth,
      #product_page .modals-container .gr-modals .gr-modal form .social-auth {
        width: 100%;
        padding: 0;
        margin: 0; }
      #user_page .modals-container .gr-modals .gr-modal form .classic-auth, #product_page .modals-container .gr-modals .gr-modal form .classic-auth {
        border-left: 0;
        margin-top: 22px;
        border-top: 1px solid #eee;
        padding-top: 22px; }
      #user_page .modals-container .gr-modals .gr-modal #signup-feature-list, #product_page .modals-container .gr-modals .gr-modal #signup-feature-list {
        display: none; }

  #user_page .buyer-bar-container, #product_page .buyer-bar-container {
    top: 10px;
    right: 10px;
    position: absolute; }
  #user_page #sharing, #user_page .product-panel-container, #user_page #email-product-modal, #user_page #admin-bar, #product_page #sharing, #product_page .product-panel-container, #product_page #email-product-modal, #product_page #admin-bar {
    display: none !important; }

  #user_page .wrapper, #product_page .wrapper {
    width: 100%;
    padding: 0 10px 1px;
    margin: 0;
    box-sizing: border-box; }
    #user_page .wrapper.showing-panel, #product_page .wrapper.showing-panel {
      left: 0 !important; }
    #user_page .wrapper #powered-by-footer, #product_page .wrapper #powered-by-footer {
      margin: 10px 0; }
    #user_page .wrapper .main-product-row, #product_page .wrapper .main-product-row {
      margin-top: 62px; }
    #user_page .wrapper .product, #product_page .wrapper .product {
      margin-bottom: 10px; }
      #user_page .wrapper .product .product-price, #product_page .wrapper .product .product-price {
        top: 20px !important;
        opacity: 1;
        -webkit-transition: all .3s linear;
                transition: all .3s linear; }
        #user_page .wrapper .product .product-price.moved, #product_page .wrapper .product .product-price.moved {
          opacity: 0;
          pointer-events: none; }
      #user_page .wrapper .product .preview-container .product-name, #product_page .wrapper .product .preview-container .product-name {
        display: none !important; }
      #user_page .wrapper .product .product-information, #product_page .wrapper .product .product-information {
        padding: 10px; }
        #user_page .wrapper .product .product-information blockquote, #product_page .wrapper .product .product-information blockquote {
          margin-top: 6px; }
        #user_page .wrapper .product .product-information .want-container, #product_page .wrapper .product .product-information .want-container {
          margin-top: 10px; }
        #user_page .wrapper .product .product-information .description-container, #user_page .wrapper .product .product-information .want-container, #product_page .wrapper .product .product-information .description-container, #product_page .wrapper .product .product-information .want-container {
          float: none;
          width: 100%;
          border: 0;
          padding-left: 0;
          min-height: 0 !important; }
          #user_page .wrapper .product .product-information .description-container .product-info, #user_page .wrapper .product .product-information .want-container .product-info, #product_page .wrapper .product .product-information .description-container .product-info, #product_page .wrapper .product .product-information .want-container .product-info {
            margin-top: 10px; }
          #user_page .wrapper .product .product-information .description-container:before, #user_page .wrapper .product .product-information .description-container:after, #user_page .wrapper .product .product-information .want-container:before, #user_page .wrapper .product .product-information .want-container:after, #product_page .wrapper .product .product-information .description-container:before, #product_page .wrapper .product .product-information .description-container:after, #product_page .wrapper .product .product-information .want-container:before, #product_page .wrapper .product .product-information .want-container:after {
            display: none !important; }
        #user_page .wrapper .product .product-information .product-info li span, #user_page .wrapper .product .product-information .product-info li strong, #product_page .wrapper .product .product-information .product-info li span, #product_page .wrapper .product .product-information .product-info li strong {
          padding: 0; }
      #user_page .wrapper .product .changed_mind_button, #product_page .wrapper .product .changed_mind_button {
        float: left;
        margin: 15px 10px; }
      #user_page .wrapper .product .payment-container, #product_page .wrapper .product .payment-container {
        padding: 10px 0;
        width: 280px; }
        #user_page .wrapper .product .payment-container .envelope, #user_page .wrapper .product .payment-container .credit_card_holder, #product_page .wrapper .product .payment-container .envelope, #product_page .wrapper .product .payment-container .credit_card_holder {
          margin-bottom: 10px; }
        #user_page .wrapper .product .payment-container .purchase_city, #product_page .wrapper .product .payment-container .purchase_city {
          width: 84px;
          left: 10px; }
        #user_page .wrapper .product .payment-container .purchase_state, #product_page .wrapper .product .payment-container .purchase_state {
          width: 63px;
          left: 104px; }
        #user_page .wrapper .product .payment-container .pay_button_container p, #product_page .wrapper .product .payment-container .pay_button_container p {
          padding-bottom: 10px; }
      #user_page .wrapper .product .buy_again_link, #product_page .wrapper .product .buy_again_link {
        display: none !important; }
    #user_page .wrapper .seller-main .profile-picture-holder img, #product_page .wrapper .seller-main .profile-picture-holder img {
      width: 48px;
      height: 48px;
      display: block; }

  #user_page .wrapper .seller-main {
    margin-top: 62px; }
  #user_page .wrapper #products {
    margin-top: 10px; }
    #user_page .wrapper #products .product-row {
      position: relative; }
      #user_page .wrapper #products .product-row .product {
        margin: 10px 0 0; }

  .is-modal .wrapper .product {
    margin-top: 10px !important; }

  .oauth .icn.gr-logo {
    margin: 0 auto; }
  .oauth .app-preview {
    margin: 22px 0 6px; }
  .oauth .oauth-wrapper {
    margin: 12px; }

  #user_page .empty-content,
  #user_page .empty-content.with-actions,
  #user_page .empty-content.with-actions.current-user {
    padding: 80px 8px;
    text-align: center; }
    #user_page .empty-content .empty-image,
    #user_page .empty-content.with-actions .empty-image,
    #user_page .empty-content.with-actions.current-user .empty-image {
      width: 60px;
      height: 60px;
      display: block;
      float: none;
      display: block;
      padding: 0;
      background-size: 60px 60px;
      margin: 0 auto; }
    #user_page .empty-content .empty-content-inner,
    #user_page .empty-content.with-actions .empty-content-inner,
    #user_page .empty-content.with-actions.current-user .empty-content-inner {
      float: none;
      border-left: 0;
      padding: 0;
      margin: 0 auto; }
    #user_page .empty-content .error-header,
    #user_page .empty-content.with-actions .error-header,
    #user_page .empty-content.with-actions.current-user .error-header {
      margin-top: 22px; }
      #user_page .empty-content .error-header h3,
      #user_page .empty-content .error-header p,
      #user_page .empty-content.with-actions .error-header h3,
      #user_page .empty-content.with-actions .error-header p,
      #user_page .empty-content.with-actions.current-user .error-header h3,
      #user_page .empty-content.with-actions.current-user .error-header p {
        font-size: 22px;
        line-height: 28px; }
  #user_page .empty-content.current-user .button {
    margin-top: 32px; }

  .author-hovercard {
    min-width: auto;
    max-width: 260px; }

  #admin-sidebar {
    box-sizing: border-box;
    position: static;
    width: 100%;
    padding: 10px; }

  #admin-body-wrapper {
    margin-left: 0; } }