* {
  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; }

.csstransforms3d.preserve3d .rotating {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all .3s linear;
          transition: all .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; }

.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; }

.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; }

.profile-picture-small {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: block;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  padding: 5px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative; }
  .profile-picture-small .profile-picture {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px; }

.profile-picture-large {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: block;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  padding: 5px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative; }
  .profile-picture-large .profile-picture {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -45px;
    margin-top: -45px; }

@-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); } }
.icn {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c464cf1980f8ee1739261cf34d735e7d.png);
  display: block;
  width: 18px;
  height: 18px; }
  .icn.gr-logo {
    background-position: 0 -77px; }
    .icn.gr-logo.wordmark {
      background-position: 0 -43px; }
  .icn.guide-icon {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/guide/guide_sprite-e4bbd311c05271ddf1673653cd539b84.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 {
      background-position: 0 -432px; }
    .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-7043c49d247ebc1298f62e3676876376.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-9072e5b1b4813f90e7c8e824a08a6eb5.png) 0 0 repeat-y;
    width: 60px;
    height: 40px;
    border: 1px solid #f5f5f5; }
    .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; }

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

.icn-logo {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/logo-a626b1ffe18e90bedebde8877ce8f400.svg);
  background-size: cover;
  display: inline-block;
  height: 20px;
  position: relative;
  width: 28px; }
  .icn-logo.wordmark {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/wordmark_logo-1fa50c8c4d1a1b1d400fa62c697eb761.svg);
    height: 32px;
    width: 126px; }

.icn-subtitles {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/subtitles-3927a3ed02ec847b924aff8490272e04.svg);
  background-size: cover;
  display: block;
  height: 20px;
  position: relative;
  width: 28px; }

.icn-shipstation-logo {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/shipstation_logo-e851304835e8c8f23dc19c1042fafa5e.png);
  display: inline-block;
  width: 90px;
  height: 20px;
  margin: 5px; }

.icn-broken-heart {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/help_center/broken_heart-8c459be58dedd80034744e7a94c25643.svg);
  background-size: contain;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 1px; }

.icn-heart {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/help_center/heart-2622a4f7bdb69c8400e0d8db018786d8.svg);
  background-size: contain;
  display: inline-block;
  width: 15px;
  height: 13px; }

@font-face {
  font-family: "GumIcons";
  src: url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-f1a003f9f6c9f31a5cef0d64bfe906d8.eot);
  src: url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-f1a003f9f6c9f31a5cef0d64bfe906d8.eot?#iefix) format("embedded-opentype"), url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-5b2b671f40c0313c1cb4cda59aa7926d.woff) format("woff"), url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-2537f7a09fc44c3c71b4bf492401521f.ttf) format("truetype"), url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-2613b3c4d21a15f8fd6f69cb8b0a1a64.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-mail-box: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-filter:before {
  content: "\e030"; }

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

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

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

.gi-double-letter:before {
  content: "\e034"; }

.gi-apple:before {
  content: "\e035"; }

.gi-android:before {
  content: "\e036"; }

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

.gi-dropbox:before {
  content: "\e038"; }

.gi-gallery:before {
  content: "\e039"; }

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

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

.gi-shipping-truck:before {
  content: "\e042"; }

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

.gi-music-note:before {
  content: "\e044"; }

.gi-headphones:before {
  content: "\e045"; }

.gi-alarm:before {
  content: "\e046"; }

.gi-paypal:before {
  content: "\e047"; }

.gi-american-express:before {
  content: "\e048"; }

.gi-visa:before {
  content: "\e049"; }

.gi-mastercard:before {
  content: "\e050"; }

.gi-jcb:before {
  content: "\e051"; }

.gi-credit-card:before {
  content: "\e052"; }

.gi-music:before {
  content: "\e044"; }

.gi-education:before {
  content: "\e034"; }

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

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

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

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

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

.gi-rainbow {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/loading-rainbow-50c12c36c52304354a63179282f4a6fb.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; }

@-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: #fff;
  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: #fff; }
  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: #f5f5f5;
    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: #eee;
      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: #797874; }
  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(top, #37adb2, #329ca0);
    background: linear-gradient(to bottom, #37adb2, #329ca0); }
    button.button-primary.loading,
    .button.button-primary.loading {
      position: relative;
      text-indent: -9999px; }
      button.button-primary.loading:before,
      .button.button-primary.loading:before {
        -webkit-animation: gi-spin 1.5s infinite linear;
                animation: gi-spin 1.5s infinite linear;
        content: "\e007";
        font-family: GumIcons;
        left: 0;
        position: absolute;
        text-indent: 0;
        width: 100%; }
  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(top, #3e5e9a, #385489);
    background: linear-gradient(to bottom, #3e5e9a, #385489);
    position: relative; }
    button.button-social-facebook:not(.button-circle) .gi.gi-check, button.button-social-facebook:not(.button-circle) .gi.gi-facebook,
    .button.button-social-facebook:not(.button-circle) .gi.gi-check,
    .button.button-social-facebook:not(.button-circle) .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; }
    button.button-social-facebook .gi-check,
    button.button-social-facebook .gi-facebook,
    .button.button-social-facebook .gi-check,
    .button.button-social-facebook .gi-facebook {
      font-size: 22px; }
    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(top, #3d5c96, #3d5c96);
      background: linear-gradient(to bottom, #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(top, #365184, #365184);
        background: linear-gradient(to bottom, #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(top, #5aaeee, #45a4ec);
    background: linear-gradient(to bottom, #5aaeee, #45a4ec);
    position: relative; }
    button.button-social-twitter:not(.button-circle) .gi.gi-twitter,
    .button.button-social-twitter:not(.button-circle) .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(top, #55acee, #55acee);
      background: linear-gradient(to bottom, #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(top, #3ea1ec, #3ea1ec);
        background: linear-gradient(to bottom, #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: #252a2e;
    border: 1px solid #0e1012;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#272d31, endColorstr=#1d2124, GradientType=0)";
    background: -webkit-linear-gradient(top, #272d31, #1d2124);
    background: linear-gradient(to bottom, #272d31, #1d2124); }
    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: #252a2e;
      border: 1px solid #252a2e;
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#252a2e, endColorstr=#252a2e, GradientType=0)";
      background: -webkit-linear-gradient(top, #252a2e, #252a2e);
      background: linear-gradient(to bottom, #252a2e, #252a2e);
      border: 0; }
      button.button-email.button-plain:hover,
      .button.button-email.button-plain:hover {
        background: #1a1d20;
        border: 1px solid #1a1d20;
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a1d20, endColorstr=#1a1d20, GradientType=0)";
        background: -webkit-linear-gradient(top, #1a1d20, #1a1d20);
        background: linear-gradient(to bottom, #1a1d20, #1a1d20);
        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: #c92940;
    border: 1px solid #9f2033;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cd2a41, endColorstr=#ba263b, GradientType=0)";
    background: -webkit-linear-gradient(top, #cd2a41, #ba263b);
    background: linear-gradient(to bottom, #cd2a41, #ba263b); }
  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: #eee;
    color: #aaa;
    text-align: center; }
    button.button-close .gi-close,
    .button.button-close .gi-close {
      font-size: 12px;
      position: relative;
      top: -1px; }
    button.button-close:hover,
    .button.button-close:hover {
      background: #ddd;
      text-decoration: none; }
    button.button-close:active,
    .button.button-close:active {
      line-height: 12px;
      background: #ddd;
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
      text-decoration: none;
      color: #aaa; }
  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; }
  button.button-circle,
  .button.button-circle {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    line-height: 40px;
    padding: 0;
    text-align: center; }

.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; }

.remove-button {
  width: 20px;
  height: 20px;
  display: block;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/remove_button-49ffb28ac7d881c77fb5663b14a09484.svg);
  background-size: contain; }
  .remove-button:hover {
    cursor: pointer; }

.container {
  margin: auto;
  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: 960px; }
    .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 !important; }

  .hidden-xs {
    display: none !important; } }
@media screen and (max-width: 768px) {
  .visible-sm {
    display: block !important; }

  .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; }

@-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; }

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

.tooltip,
.tooltip--from-top-center,
.tooltip--from-top-right,
.tooltip--from-bottom-center,
.tooltip--for-chart,
.tooltip--from-right {
  border-radius: 4px;
  position: absolute;
  z-index: 10;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1); }
  .tooltip.showing,
  .showing.tooltip--from-top-center,
  .showing.tooltip--from-top-right,
  .showing.tooltip--from-bottom-center,
  .showing.tooltip--for-chart,
  .showing.tooltip--from-right {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .tooltip:before, .tooltip:after,
  .tooltip--from-top-center:before,
  .tooltip--from-top-right:before,
  .tooltip--from-bottom-center:before,
  .tooltip--for-chart:before,
  .tooltip--from-right:before,
  .tooltip--from-top-center:after,
  .tooltip--from-top-right:after,
  .tooltip--from-bottom-center:after,
  .tooltip--for-chart:after,
  .tooltip--from-right:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px; }

.tooltip--from-top-center,
.tooltip--from-top-right {
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0; }
  .tooltip--from-top-center:before, .tooltip--from-top-center:after,
  .tooltip--from-top-right:before,
  .tooltip--from-top-right:after {
    left: 50%;
    bottom: 100%;
    margin-left: -6px; }
  .tooltip--from-top-center:before,
  .tooltip--from-top-right:before {
    border-bottom-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 1px; }
  .tooltip--from-top-center:after,
  .tooltip--from-top-right:after {
    border-bottom-color: #fff; }

.tooltip--from-bottom-center,
.tooltip--for-chart {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }
  .tooltip--from-bottom-center:before, .tooltip--from-bottom-center:after,
  .tooltip--for-chart:before,
  .tooltip--for-chart:after {
    top: 100%;
    left: 50%;
    margin-left: -6px; }
  .tooltip--from-bottom-center:before,
  .tooltip--for-chart:before {
    border-top-color: rgba(0, 0, 0, 0.1);
    margin-top: 1px; }
  .tooltip--from-bottom-center:after,
  .tooltip--for-chart:after {
    border-top-color: #fff; }

.tooltip--from-top-right {
  -webkit-transform-origin: 85% 0;
      -ms-transform-origin: 85% 0;
          transform-origin: 85% 0; }
  .tooltip--from-top-right:before, .tooltip--from-top-right:after {
    left: auto;
    right: 16px;
    margin-left: -6px; }

.tooltip--from-right {
  -webkit-transform-origin: 0% 15%;
      -ms-transform-origin: 0% 15%;
          transform-origin: 0% 15%; }
  .tooltip--from-right:before, .tooltip--from-right:after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    top: 30px;
    left: -12px; }
  .tooltip--from-right:before {
    border-top-color: rgba(0, 0, 0, 0.1);
    margin-left: -1px; }
  .tooltip--from-right:after {
    border-top-color: #fff; }

.tooltip--for-chart {
  max-width: 400px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 24px;
  color: #777;
  font-weight: medium; }
  .tooltip--for-chart strong {
    font-weight: bold; }
  .tooltip--for-chart span {
    display: block;
    color: #aaa;
    font-weight: normal; }

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;
  -webkit-font-smoothing: antialiased;
  height: auto; }

.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: #1e5d60;
    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 #000 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; }

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: #fff;
  border: 1px solid #ddd;
  color: #aaa;
  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;
  -webkit-appearance: none;
  -moz-appearance: caret; }
  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 {
    background: #fff;
    color: #aaa; }
  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 #aaaaaa; }
  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: #fff url(https://static-1.gumroad.com/res/gumroad/assets/loading-08db17f326b47821260d5cce66c0e4aa.gif) no-repeat right 10px center; }

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

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

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

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

.input-wrapper {
  position: relative; }
  .input-wrapper:focused {
    border-color: #aaaaaa; }
  .input-wrapper input[type=text] {
    float: left; }
  .input-wrapper select {
    float: left;
    left: -3px;
    position: relative; }
  .input-wrapper.has-prefix .input-prefix {
    background: #eee;
    font-size: 17px;
    line-height: 17px;
    border: 1px solid #ddd;
    border-right-width: 0;
    color: #aaa;
    padding: 11px 11px 12px;
    border-radius: 4px 0 0 4px;
    float: left; }
  .input-wrapper.has-prefix select,
  .input-wrapper.has-prefix input,
  .input-wrapper.has-prefix button {
    border-radius: 0 4px 4px 0; }
  .input-wrapper.has-suffix label.input-suffix {
    background: #eee;
    font-size: 17px;
    line-height: 17px;
    border: 1px solid #ddd;
    border-left-width: 0;
    color: #aaa;
    padding: 11px 11px 12px;
    float: right; }
    .input-wrapper.has-suffix label.input-suffix:hover {
      cursor: pointer; }
  .input-wrapper.has-suffix.has-prefix select,
  .input-wrapper.has-suffix.has-prefix input {
    border-radius: 0; }
  .input-wrapper.has-suffix .input-suffix {
    border-radius: 0 4px 4px 0;
    overflow: hidden; }
  .input-wrapper.has-suffix select,
  .input-wrapper.has-suffix input {
    border-radius: 4px 0 0 4px; }

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

input.error,
select.error {
  border-color: #c04355 !important;
  box-shadow: 0 0 3px rgba(200, 0, 0, 0.3) !important;
  background: white;
  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: #ccc; }
  input[readonly]:focus {
    border: 1px solid #ddd; }

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

select {
  border-radius: 4px;
  color: #aaa;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  background: #fff;
  border: 1px solid #ddd; }
  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_dark-145a071f1b43a45637475282246ae8c2.png) right 10px center #fff;
    background-size: 20px;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap; }
    select.appearance-none:focus {
      border: 1px solid #999999; }
    select.appearance-none:disabled {
      background-image: none; }
    select.appearance-none.dark-background {
      background-image: url(https://static-1.gumroad.com/res/gumroad/assets/select_dropdown_indicator_light-4985e998406e05201749dff0446465e1.png); }
  select option:disabled {
    color: #c04355; }

.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: #797874; }
    ul.tree li strong {
      color: #252a2e;
      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: #fff;
      display: inline-block; }
  ul.tree .list-line {
    background: #797874;
    height: 100%;
    width: 1px;
    display: block;
    position: absolute;
    z-index: 0;
    margin-left: 10px;
    bottom: 13px; }

.mobile-app-popover {
  box-sizing: border-box;
  font-size: 14px;
  max-width: 291px;
  padding: 15px;
  text-align: center;
  width: 100%; }
  .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: #f5f5f5;
      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: #797874;
      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;
    overflow-x: hidden; }
  .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: #aaa;
    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 .column {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0 30px; }
  .open-in-app-landing-page .open-in-app-heading {
    color: #252a2e;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px; }
  .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 {
    margin-top: 30px; }
    .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-password-info,
    .open-in-app-landing-page .open-in-app-instructions .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%; }
      .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-password-info .label,
      .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-email-info .label {
        box-sizing: border-box;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background: #f5f5f5;
        border-right: 1px solid #cdcdcd;
        color: #8d8d8d;
        height: 100%;
        overflow: hidden;
        position: absolute;
        text-align: left;
        padding-left: 10px;
        width: 85px; }
      .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-password-info .info,
      .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-email-info .info {
        box-sizing: border-box;
        color: #797874;
        padding-left: 95px;
        position: absolute;
        text-align: left;
        width: 100%; }
    .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-email-info {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      border-bottom: 0; }
    .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-password-info {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      margin-bottom: 15px;
      overflow-x: hidden; }
    .open-in-app-landing-page .open-in-app-instructions .open-product-instructions {
      width: 285px;
      margin: 0 auto; }
    .open-in-app-landing-page .open-in-app-instructions .app-instruction-title {
      color: #797874;
      font-size: 14px;
      margin: 5px 0 20px; }
    .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: #000;
      border: 0;
      color: #fff;
      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-1ee8424e02b205ab39c7ab61a02c3947.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; }

.files-list,
.subtitle-list {
  border-radius: 4px;
  margin-bottom: 15px;
  overflow: hidden; }
  .files-list.not-rounded-top, .files-list.not-rounded-top .file-row-container:nth-child(1),
  .subtitle-list.not-rounded-top,
  .subtitle-list.not-rounded-top .file-row-container:nth-child(1) {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.file-row-container,
.subtitle-row-container {
  background: #f9f9f9;
  border: 1px dashed #ddd;
  border-top-width: 0;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  width: 100%; }
  .file-row-container:nth-child(1),
  .subtitle-row-container:nth-child(1) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-width: 1px; }
  .file-row-container:last-child,
  .subtitle-row-container:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .file-row-container.complete,
  .subtitle-row-container.complete {
    background: #fff;
    border-style: solid; }
    .file-row-container.complete.sortable-ghost,
    .subtitle-row-container.complete.sortable-ghost {
      background: #f5f5f5; }
      .file-row-container.complete.sortable-ghost .file-row,
      .file-row-container.complete.sortable-ghost .subtitle-upload-drawer,
      .subtitle-row-container.complete.sortable-ghost .file-row,
      .subtitle-row-container.complete.sortable-ghost .subtitle-upload-drawer {
        opacity: 0; }

.file-row,
.subtitle-row {
  box-sizing: border-box;
  float: left;
  max-height: 52px;
  padding: 0 15px;
  width: 100%; }
  .file-row.subtitle-row,
  .subtitle-row.subtitle-row {
    border-top: 1px solid #ddd; }
    .file-row.subtitle-row:nth-child(1),
    .subtitle-row.subtitle-row:nth-child(1) {
      border-top: 0; }
  .file-row .uploading-bar,
  .subtitle-row .uploading-bar {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/header_bar-f0eee8627ac2659ec79a0f03bb7600ef.png) 0 0;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    width: 0%; }
  .file-row .uploading-circle,
  .subtitle-row .uploading-circle {
    margin-right: 5px;
    position: relative;
    display: inline; }
    .file-row .uploading-circle .gi,
    .subtitle-row .uploading-circle .gi {
      position: absolute;
      right: 0;
      top: -2px; }
    .file-row .uploading-circle .gi-rainbow,
    .subtitle-row .uploading-circle .gi-rainbow {
      background-repeat: no-repeat;
      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); }
    .file-row .uploading-circle .gi-check,
    .subtitle-row .uploading-circle .gi-check {
      background: #36a9ae;
      border-radius: 50%;
      color: #fff;
      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; }
  .file-row .file-name,
  .subtitle-row .file-name {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis; }
  .file-row.complete .uploading-bar,
  .subtitle-row.complete .uploading-bar {
    height: 0; }
@-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); } }
  .file-row.showing-check .uploading-circle .gi-rainbow,
  .subtitle-row.showing-check .uploading-circle .gi-rainbow {
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  .file-row.showing-check .uploading-circle .gi-check,
  .subtitle-row.showing-check .uploading-circle .gi-check {
    -webkit-animation: toggle-check 3.6s 1;
            animation: toggle-check 3.6s 1; }

.file-row-left,
.subtitle-row-left {
  box-sizing: border-box;
  float: left;
  padding: 15px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
  width: 60%; }
  .file-row-left .file-name-form,
  .subtitle-row-left .file-name-form {
    position: absolute;
    left: 32px;
    top: 11px;
    width: 100%; }
    .file-row-left .file-name-form .file-name-input,
    .file-row-left .file-name-form .change-file-name-trigger,
    .subtitle-row-left .file-name-form .file-name-input,
    .subtitle-row-left .file-name-form .change-file-name-trigger {
      box-sizing: border-box;
      float: left;
      font-size: 13px;
      height: 30px;
      padding: 0 5px; }
      .file-row-left .file-name-form .file-name-input.file-name-input,
      .file-row-left .file-name-form .change-file-name-trigger.file-name-input,
      .subtitle-row-left .file-name-form .file-name-input.file-name-input,
      .subtitle-row-left .file-name-form .change-file-name-trigger.file-name-input {
        width: 50%; }
      .file-row-left .file-name-form .file-name-input.change-file-name-trigger,
      .file-row-left .file-name-form .change-file-name-trigger.change-file-name-trigger,
      .subtitle-row-left .file-name-form .file-name-input.change-file-name-trigger,
      .subtitle-row-left .file-name-form .change-file-name-trigger.change-file-name-trigger {
        margin-left: 10px;
        text-align: center;
        width: 10%; }
  .file-row-left .gi-hamburger,
  .subtitle-row-left .gi-hamburger {
    color: #ccc;
    float: left;
    margin: 4px 15px 0 0; }
    .file-row-left .gi-hamburger:hover,
    .subtitle-row-left .gi-hamburger:hover {
      cursor: move;
      color: #aaa; }
  .file-row-left .gi-pencil,
  .subtitle-row-left .gi-pencil {
    display: none; }
  .file-row-left:hover .gi-pencil,
  .subtitle-row-left:hover .gi-pencil {
    display: inline-block;
    margin-left: 10px; }

.file-row-right,
.subtitle-row-right {
  box-sizing: border-box;
  float: right;
  font-size: 12px;
  list-style: none;
  width: 40%; }
  .file-row-right li,
  .subtitle-row-right li {
    float: right;
    margin-right: 10px;
    padding: 15px 0; }
    .file-row-right li select,
    .subtitle-row-right li select {
      font-size: 13px;
      height: 20px;
      max-width: 80px; }
    .file-row-right li .icn-subtitles,
    .subtitle-row-right li .icn-subtitles {
      opacity: .6; }
      .file-row-right li .icn-subtitles:hover,
      .subtitle-row-right li .icn-subtitles:hover {
        cursor: pointer;
        opacity: .8; }
      .file-row-right li .icn-subtitles.active,
      .subtitle-row-right li .icn-subtitles.active {
        opacity: 1; }
        .file-row-right li .icn-subtitles.active:before, .file-row-right li .icn-subtitles.active:after,
        .subtitle-row-right li .icn-subtitles.active:before,
        .subtitle-row-right li .icn-subtitles.active:after {
          content: "";
          height: 0;
          position: absolute;
          width: 0;
          border-color: transparent;
          border-style: solid;
          border-width: 5px;
          top: 28px;
          left: 50%;
          margin-left: -5px;
          border-bottom-color: #f5f5f5; }
        .file-row-right li .icn-subtitles.active:before,
        .subtitle-row-right li .icn-subtitles.active:before {
          border-bottom-color: #ddd;
          margin-top: -1px; }
    .file-row-right li.meta-holder,
    .subtitle-row-right li.meta-holder {
      color: #ccc;
      line-height: 25px; }
    .file-row-right li:first-child,
    .subtitle-row-right li:first-child {
      margin-right: 0;
      padding-right: 0; }

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

.subtitle-upload-drawer,
.subtitle-upload-drawer--no-upload-box {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  float: left;
  padding: 15px;
  width: 100%; }
  .subtitle-upload-drawer .subtitle-upload-box,
  .subtitle-upload-drawer--no-upload-box .subtitle-upload-box {
    border: 1px dashed #ddd;
    width: 100%; }
    .subtitle-upload-drawer .subtitle-upload-box:hover,
    .subtitle-upload-drawer--no-upload-box .subtitle-upload-box:hover {
      text-decoration: none; }
    .subtitle-upload-drawer .subtitle-upload-box:active,
    .subtitle-upload-drawer--no-upload-box .subtitle-upload-box:active {
      background: rgba(0, 0, 0, 0.15);
      color: #aaa;
      box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); }
  .subtitle-upload-drawer--no-upload-box {
    padding-bottom: 0; }

.placeholder {
  color: #ccc; }

.placeholderFocus {
  color: #ddd; }

.miniColors-selector {
  position: absolute;
  width: 175px;
  height: 150px;
  background: #fff;
  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: #000;
  border-color: #000; }

.miniColors-colors {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 150px;
  height: 150px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/colors-69458268fba5865fb522c336d15bc3a3.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-69458268fba5865fb522c336d15bc3a3.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-69458268fba5865fb522c336d15bc3a3.png) -20px 0 no-repeat;
  cursor: crosshair; }

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

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

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

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

.miniColors-triggerWrap {
  position: absolute; }

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

.miniColors-trigger {
  outline: none; }

.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; }

/*!
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 1px 2px 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: #797874; }

.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(https://static-1.gumroad.com/res/gumroad/assets/chosen-sprite-1c16d242a2a6c1fb198db0cb8a6b937b.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(https://static-1.gumroad.com/res/gumroad/assets/chosen-sprite-1c16d242a2a6c1fb198db0cb8a6b937b.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: #fff url(https://static-1.gumroad.com/res/gumroad/assets/chosen-sprite-1c16d242a2a6c1fb198db0cb8a6b937b.png) no-repeat 100% -20px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/chosen-sprite-1c16d242a2a6c1fb198db0cb8a6b937b.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: #797874;
  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: #eee; }

.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 #ddd;
  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: #797874;
  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 #ddd;
  max-width: 100%;
  border-radius: 3px;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-clip: padding-box;
  color: #797874;
  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(https://static-1.gumroad.com/res/gumroad/assets/chosen-sprite-1c16d242a2a6c1fb198db0cb8a6b937b.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: #ddd; }

.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: #fff url(https://static-1.gumroad.com/res/gumroad/assets/chosen-sprite-1c16d242a2a6c1fb198db0cb8a6b937b.png) no-repeat -30px -20px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/chosen-sprite-1c16d242a2a6c1fb198db0cb8a6b937b.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 (-webkit-min-device-pixel-ratio: 1.5), 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(https://static-1.gumroad.com/res/gumroad/assets/chosen-sprite@2x-92a3e192afa303edbfcafea874b4565b.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important; } }
/* @end */
/* Gumroad edits: */
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 7px 0 2px;
  padding-left: 4px; }

.chosen-container {
  font-size: 17px; }
  .chosen-container .chosen-choices {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02);
    border-radius: 4px;
    border-color: #ddd;
    padding-bottom: 6px;
    background-image: none; }
    .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;
    overflow: hidden; }
  .chosen-container.chosen-container-active .chosen-choices {
    border-color: #aaaaaa; }
  .chosen-container.chosen-container-active .chosen-drop {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-color: #f5f5f5;
    margin-top: -2px; }

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

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

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

.main-app-content.analytics-box {
  padding: 0 0 30px; }

.analytics-options {
  margin-top: 20px; }

.analytics-box #datepicker-calendar {
  z-index: 205;
  position: absolute; }
.analytics-box .analytics-empty-state {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/dashboard-sales-c49b04f83c60c5addb264064c966a731.png) top center;
  height: 640px; }
  .analytics-box .analytics-empty-state .empty-state-message {
    border-radius: 4px;
    margin: 0 auto;
    top: 80px;
    position: relative;
    width: 700px;
    padding: 40px;
    box-sizing: border-box;
    border: 1px dashed #ddd;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 40px #e6e6e6;
    font-size: 17px;
    -webkit-animation-name: message;
            animation-name: message;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1.5, 0.32, 1);
            animation-timing-function: cubic-bezier(0.23, 1.5, 0.32, 1);
    -webkit-animation-duration: .3s;
            animation-duration: .3s; }
    .analytics-box .analytics-empty-state .empty-state-message h1 {
      font-size: 26px; }
    .analytics-box .analytics-empty-state .empty-state-message p {
      font-size: 21px;
      line-height: 34px;
      margin: 40px 0;
      color: #aaa; }
@-webkit-keyframes message {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes message {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
.analytics-box .analytics-toggle {
  margin: 50px 0; }
  .analytics-box .analytics-toggle .type-toggle .toggle {
    border-radius: 20px;
    float: left;
    padding: 8px 16px;
    margin: 0;
    font-size: 17px;
    display: inline-block;
    border: 1px solid #ddd;
    background: #fff;
    color: #797874;
    cursor: pointer;
    margin-right: 20px;
    -webkit-transition: all .2s ease;
            transition: all .2s ease; }
    .analytics-box .analytics-toggle .type-toggle .toggle:hover {
      border-color: #c4c4c4; }
    .analytics-box .analytics-toggle .type-toggle .toggle:active, .analytics-box .analytics-toggle .type-toggle .toggle:active + .by-product-multi {
      box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset; }
    .analytics-box .analytics-toggle .type-toggle .toggle.selected, .analytics-box .analytics-toggle .type-toggle .toggle.selected + .by-product-multi {
      color: #fff;
      background: #36a9ae;
      border-color: transparent; }
    .analytics-box .analytics-toggle .type-toggle .toggle.by-product-single.selected {
      border-right-color: #fff; }
  .analytics-box .analytics-toggle .type-toggle .trigger-wrapper {
    float: left; }
  .analytics-box .analytics-toggle .type-toggle .by-product-single {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: 0; }
  .analytics-box .analytics-toggle .type-toggle .by-product-multi {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: 0;
    color: #ccc; }
    .analytics-box .analytics-toggle .type-toggle .by-product-multi .gi {
      -webkit-transform: translateY(0%) rotate(90deg);
          -ms-transform: translateY(0%) rotate(90deg);
              transform: translateY(0%) rotate(90deg); }
    .analytics-box .analytics-toggle .type-toggle .by-product-multi.showing-popover .gi {
      -webkit-transform: translateY(0%) rotate(270deg);
          -ms-transform: translateY(0%) rotate(270deg);
              transform: translateY(0%) rotate(270deg); }
.analytics-box .chart-analytics {
  clear: both;
  width: 940px;
  height: 370px;
  position: relative;
  opacity: 0;
  margin: 40px 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: #36a9ae; }
  .analytics-box .chart-analytics .y-axis.left text {
    fill: #36a9ae; }
  .analytics-box .chart-analytics .line {
    fill: none;
    stroke: #36a9ae;
    stroke-width: 2px; }
  .analytics-box .chart-analytics .point {
    fill: #36a9ae; }
  .analytics-box .chart-analytics .bar {
    border-radius: 10px; }
    .analytics-box .chart-analytics .bar.views {
      fill: #f5f5f5; }
      .analytics-box .chart-analytics .bar.views.highlight {
        fill: #4fc3c8; }
    .analytics-box .chart-analytics .bar.sales {
      fill: #eee; }
      .analytics-box .chart-analytics .bar.sales.highlight {
        opacity: 0; }
.analytics-box .total-analytics .full.column {
  padding: 0; }
.analytics-box .total-analytics li {
  box-sizing: border-box;
  color: #797874;
  font-size: 45px;
  width: 33%;
  float: left;
  line-height: 40px; }
  .analytics-box .total-analytics li strong {
    font-weight: inherit; }
.analytics-box .total-analytics .total-recurring-charges {
  position: absolute;
  font-size: 17px; }
.analytics-box .legend {
  margin-top: 10px; }
  .analytics-box .legend li {
    box-sizing: border-box;
    font-size: 21px;
    padding-left: 24px;
    padding-right: 20px;
    position: relative;
    width: 33%;
    float: left;
    background: url(https://static-1.gumroad.com/res/gumroad/assets/funnel-icon-a5dcc69208305078f753587bcd6f663e.svg) center right no-repeat; }
    .analytics-box .legend li:before {
      border-radius: 50%;
      width: 14px;
      height: 14px;
      display: block;
      display: block;
      content: "";
      background: #000;
      position: absolute;
      top: 4px;
      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: #36a9ae; }
      .analytics-box .legend li.total:before {
        background: #36a9ae; }
    .analytics-box .legend li:last-child {
      background: none; }
.analytics-box .conversion-analytics {
  position: relative;
  padding-right: 30px;
  margin-top: 30px; }
  .analytics-box .conversion-analytics .conversion-available-notice {
    color: #797874;
    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: #36a9ae; }
    .analytics-box .conversion-analytics .pie .background {
      fill: #36a9ae;
      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;
    padding: 5px 8px; }
  .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: #fff;
    stroke-width: 1px; }
.analytics-box .referrals {
  padding: 0 0 0 30px; }
  .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 solid #eee; }
      .analytics-box .referrals .referral-table td.sorted {
        font-weight: bold; }
      .analytics-box .referrals .referral-table td.domain .domain-name {
        width: 180px;
        overflow: hidden;
        text-overflow: ellipsis; }
        .analytics-box .referrals .referral-table td.domain .domain-name.expanded {
          word-wrap: break-word; }
    .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: #fff;
      padding: 2px 4px; }
    .analytics-box .referrals .referral-table .buynow .views,
    .analytics-box .referrals .referral-table .buynow .conversion {
      color: #fff; }
    .analytics-box .referrals .referral-table .last {
      text-align: right; }
.analytics-box #products {
  color: #797874;
  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: 26px;
  line-height: 32px;
  color: #797874;
  margin-bottom: 24px; }
.analytics-box .products-list {
  top: 50px;
  left: 0;
  padding: 15px;
  min-width: 300px;
  box-sizing: border-box;
  font-size: 17px; }
  .analytics-box .products-list .toggle-products {
    border-radius: 20px;
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 12px;
    padding: 6px 15px;
    border: 1px solid #ddd;
    color: #797874;
    -webkit-transition: all .2s ease;
            transition: all .2s ease; }
    .analytics-box .products-list .toggle-products:hover {
      border-color: #c4c4c4;
      text-decoration: none; }
    .analytics-box .products-list .toggle-products:active {
      box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset; }
  .analytics-box .products-list li {
    margin-bottom: 15px;
    max-width: 400px; }
    .analytics-box .products-list li:first-of-type {
      padding-right: 90px; }
    .analytics-box .products-list li:last-child {
      margin-bottom: 0; }
    .analytics-box .products-list li label {
      padding-left: 5px;
      font-size: 17px; }
.analytics-box #load-more {
  margin-top: 30px; }

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

.release-date-container {
  border-radius: 4px;
  position: relative;
  background: #fff;
  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: #aaa; }
  .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: #eee; }
  .release-date-container #datepicker-calendar {
    border-radius: 4px;
    padding: 10px;
    width: 231px;
    left: 15px;
    margin-top: -10px; }
    .release-date-container #datepicker-calendar:before, .release-date-container #datepicker-calendar:after {
      right: 115px; }

.dashboard-primary-menu {
  background: #fff;
  border-bottom: 1px solid #ddd;
  height: 75px;
  margin-bottom: 30px; }

.dashboard-actions {
  box-sizing: border-box;
  color: #aaa;
  float: left;
  width: 100%; }
  .dashboard-actions li {
    display: inline-block;
    font-size: 17px;
    margin-right: 30px;
    line-height: 75px;
    color: #797874; }
    .dashboard-actions li a {
      display: block;
      color: #b3b3b3; }
    .dashboard-actions li .active {
      position: relative; }
      .dashboard-actions li .active:before, .dashboard-actions li .active: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-top-color: #ddd; }
      .dashboard-actions li .active:after {
        border-top-color: #fff;
        margin-top: -1px; }
  .dashboard-actions .actions {
    position: relative;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    padding: 17px;
    height: 75px;
    float: right; }
    .dashboard-actions .actions .button.circle-button {
      border-radius: 50%;
      font-size: 16px;
      position: relative;
      background: #fff;
      border: 1px solid #ddd;
      color: #797874;
      box-shadow: 0 0 0;
      vertical-align: middle;
      padding: 10px 14px 11px;
      float: right;
      margin-left: 10px; }
      .dashboard-actions .actions .button.circle-button.showing-arrow {
        color: #252a2e;
        box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset; }
        .dashboard-actions .actions .button.circle-button.showing-arrow:before, .dashboard-actions .actions .button.circle-button.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; }
        .dashboard-actions .actions .button.circle-button.showing-arrow:after {
          border-bottom-color: #fff;
          margin-top: 1px;
          z-index: 10; }
    .dashboard-actions .actions.active {
      color: #252a2e; }
  .dashboard-actions .dashboard-date-picker {
    float: right;
    margin-right: 0; }
    .dashboard-actions .dashboard-date-picker .calendar-icon {
      width: 22px;
      height: 22px;
      display: block;
      background: url(https://static-1.gumroad.com/res/gumroad/assets/calendar-icon-118410bd577f2ed200172055e1237d2d.svg) top left;
      display: inline-block;
      margin: 0 15px -6px 0; }
    .dashboard-actions .dashboard-date-picker .gi {
      right: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(90deg);
          -ms-transform: translateY(-50%) rotate(90deg);
              transform: translateY(-50%) rotate(90deg); }

.audience-box {
  position: relative;
  padding: 0; }
  .audience-box .orientation-greeter {
    margin-top: 110px; }
  .audience-box .audience-empty-state {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/dashboard-audience-1f725c9ba3ae73944a41f6a318618fb5.png) top center;
    height: 640px; }
    .audience-box .audience-empty-state .empty-state-message {
      border-radius: 4px;
      margin: 0 auto;
      top: 80px;
      position: relative;
      width: 700px;
      padding: 40px;
      box-sizing: border-box;
      border: 1px dashed #ddd;
      background: #fff;
      text-align: center;
      box-shadow: 0 0 40px #e6e6e6;
      font-size: 17px;
      -webkit-animation-name: message;
              animation-name: message;
      -webkit-animation-iteration-count: 1;
              animation-iteration-count: 1;
      -webkit-animation-timing-function: cubic-bezier(0.23, 1.5, 0.32, 1);
              animation-timing-function: cubic-bezier(0.23, 1.5, 0.32, 1);
      -webkit-animation-duration: .3s;
              animation-duration: .3s; }
      .audience-box .audience-empty-state .empty-state-message h1 {
        font-size: 26px; }
      .audience-box .audience-empty-state .empty-state-message p {
        font-size: 21px;
        line-height: 34px;
        margin: 40px 0;
        color: #aaa; }
      .audience-box .audience-empty-state .empty-state-message .audience-first-steps {
        display: inline-block;
        width: 100%; }
        .audience-box .audience-empty-state .empty-state-message .audience-first-steps li {
          float: left;
          color: #ccc;
          width: 50%; }
          .audience-box .audience-empty-state .empty-state-message .audience-first-steps li .divider {
            position: absolute;
            margin: 10px 0 0 27px; }
          .audience-box .audience-empty-state .empty-state-message .audience-first-steps li .button {
            width: 210px; }
@keyframes message {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
  .audience-box .follower-section {
    margin-top: 60px;
    min-height: 328px; }
  .audience-box .audience-quick-stats {
    padding-left: 0; }
    .audience-box .audience-quick-stats li {
      margin-bottom: 30px; }
      .audience-box .audience-quick-stats li h2 {
        font-size: 40px;
        line-height: normal; }
        .audience-box .audience-quick-stats li h2 .increase {
          font-size: 17px;
          display: inline;
          color: #36a9ae; }
      .audience-box .audience-quick-stats li .label {
        color: #aaa;
        display: inherit;
        font-size: 21px;
        margin: 10px 0; }
    .audience-box .audience-quick-stats .legend {
      width: 14px;
      height: 14px;
      display: block;
      border-radius: 50%;
      display: inline-block;
      margin-left: 5px; }
    .audience-box .audience-quick-stats .total-followers {
      border-bottom: 1px solid #ddd;
      padding-bottom: 30px; }
      .audience-box .audience-quick-stats .total-followers h2 {
        font-size: 60px; }
      .audience-box .audience-quick-stats .total-followers .legend {
        background-color: #36a9ae; }
      .audience-box .audience-quick-stats .total-followers a {
        border-radius: 20px;
        padding: 8px 16px;
        margin: 10px 0 0;
        font-size: 17px;
        border: 1px solid #ddd;
        background: #fff;
        color: #797874;
        cursor: pointer;
        box-shadow: none;
        -webkit-transition: all .2s ease;
                transition: all .2s ease; }
        .audience-box .audience-quick-stats .total-followers a:hover {
          border-color: #d0d0d0;
          box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px; }
        .audience-box .audience-quick-stats .total-followers a:active {
          box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset; }
    .audience-box .audience-quick-stats .new-followers .legend {
      background-color: #ddd; }
  .audience-box .follower-signup-sources-section,
  .audience-box .consumption-section {
    border-top: 1px solid #ddd;
    padding: 60px 0 0;
    margin: 60px auto; }
    .audience-box .follower-signup-sources-section h1,
    .audience-box .consumption-section h1 {
      font-size: 26px;
      line-height: 40px; }
    .audience-box .follower-signup-sources-section h2,
    .audience-box .consumption-section h2 {
      font-size: 36px;
      line-height: normal; }
    .audience-box .follower-signup-sources-section h3,
    .audience-box .consumption-section h3 {
      font-size: 21px; }
  .audience-box .follower-signup-sources-section .sources-container {
    margin-top: 40px; }
    .audience-box .follower-signup-sources-section .sources-container .columns {
      padding-left: 0;
      padding-right: 40px; }
    .audience-box .follower-signup-sources-section .sources-container .data-container {
      border-radius: 11px;
      background-color: #eee;
      height: 11px;
      width: 100%;
      margin: 10px 0 15px; }
      .audience-box .follower-signup-sources-section .sources-container .data-container .data {
        border-radius: 11px;
        background-color: #36a9ae;
        height: 11px;
        width: 11px;
        min-width: 11px;
        -webkit-transition: width 1s cubic-bezier(0.23, 1.5, 0.32, 1);
                transition: width 1s cubic-bezier(0.23, 1.5, 0.32, 1); }
    .audience-box .follower-signup-sources-section .sources-container .title {
      font-size: 21px;
      color: #aaa; }
  .audience-box .consumption-section .consumption-data-container {
    margin-top: 60px; }
    .audience-box .consumption-section .consumption-data-container li {
      float: left;
      width: 100px;
      margin-right: 110px; }
      .audience-box .consumption-section .consumption-data-container li:last-child {
        margin-right: 0; }
  .audience-box .consumption-section .unique-switch {
    position: absolute;
    text-align: center;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    margin-top: 10px; }
    .audience-box .consumption-section .unique-switch li {
      color: #aaa;
      text-decoration: underline;
      display: inline-block;
      cursor: pointer;
      padding: 0 10px;
      font-size: 14px; }
    .audience-box .consumption-section .unique-switch .active {
      color: #36a9ae;
      text-decoration: none;
      font-weight: bold;
      cursor: default; }
  .audience-box .consumption-section .consumption-toggles .toggle {
    border-radius: 20px;
    float: left;
    padding: 8px 16px;
    font-size: 17px;
    display: inline-block;
    border: 1px solid #ddd;
    background: #fff;
    color: #797874;
    cursor: pointer;
    margin-right: 20px;
    -webkit-transition: all .2s ease;
            transition: all .2s ease; }
    .audience-box .consumption-section .consumption-toggles .toggle:hover {
      border-color: #c4c4c4; }
    .audience-box .consumption-section .consumption-toggles .toggle:active {
      box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset; }
    .audience-box .consumption-section .consumption-toggles .toggle.selected {
      color: #fff;
      background: #36a9ae;
      border-color: #36a9ae; }
  .audience-box .consumption-section .consumption-toggles .by-product-multi {
    margin-right: 0; }
    .audience-box .consumption-section .consumption-toggles .by-product-multi .gi {
      -webkit-transform: translateY(0%) rotate(90deg);
          -ms-transform: translateY(0%) rotate(90deg);
              transform: translateY(0%) rotate(90deg);
      margin-left: 8px; }
  .audience-box .consumption-section .consumption-toggles .products-list {
    padding: 15px;
    min-width: 300px;
    font-size: 17px;
    margin-top: 50px;
    right: 0; }
    .audience-box .consumption-section .consumption-toggles .products-list #toggle-products {
      border-radius: 20px;
      position: absolute;
      right: 8px;
      top: 8px;
      font-size: 12px;
      padding: 6px 15px;
      border: 1px solid #ddd;
      color: #797874;
      -webkit-transition: all .2s ease;
              transition: all .2s ease; }
      .audience-box .consumption-section .consumption-toggles .products-list #toggle-products:hover {
        border-color: #c4c4c4;
        text-decoration: none; }
      .audience-box .consumption-section .consumption-toggles .products-list #toggle-products:active {
        box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset; }
    .audience-box .consumption-section .consumption-toggles .products-list li {
      margin-bottom: 15px;
      text-align: left; }
      .audience-box .consumption-section .consumption-toggles .products-list li:first-of-type {
        padding-right: 90px; }
      .audience-box .consumption-section .consumption-toggles .products-list li:last-child {
        margin-bottom: 0; }
      .audience-box .consumption-section .consumption-toggles .products-list li label {
        padding-left: 5px;
        font-size: 17px; }
  .audience-box .consumption-section .graph {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: block;
    background-color: #eee;
    margin-bottom: 20px; }
    .audience-box .consumption-section .graph .empty-space {
      border-radius: 50%;
      width: 78px;
      height: 78px;
      display: block;
      background-color: #fff;
      margin: 0 auto;
      top: 11px;
      position: relative; }
      .audience-box .consumption-section .graph .empty-space .gi {
        font-size: 34px;
        margin: 20px 0 0 28px;
        color: #aaa; }
      .audience-box .consumption-section .graph .empty-space .gi-mobile {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/mobile-icon-c868c81523aeafe912f1535ccb9e44fc.svg) center center no-repeat;
        width: 22px;
        height: 36px; }
  .audience-box .consumption-section .data {
    position: absolute; }
    .audience-box .consumption-section .data path {
      fill: #eee; }
  .audience-box .consumption-section .read-data path:nth-child(1) {
    fill: #36a9ae; }
  .audience-box .consumption-section .watch-data path:nth-child(1) {
    fill: #c04355; }
  .audience-box .consumption-section .listen-data path:nth-child(1) {
    fill: #fdce71; }
  .audience-box .consumption-section .mobile-data path:nth-child(1) {
    fill: #f27f6d; }
  .audience-box .consumption-section .download-data path:nth-child(1) {
    fill: #36a9ae; }
  .audience-box .consumption-section .title {
    color: #aaa;
    margin-top: 20px; }
  .audience-box .consumption-section .no-data {
    opacity: .5; }
  .audience-box .audience-popover--import {
    border-radius: 4px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px;
    border: 1px solid #ddd;
    margin-top: 10px;
    padding: 15px;
    position: absolute;
    left: 12px;
    top: 61px;
    width: 320px;
    z-index: 9;
    text-align: left; }
    .audience-box .audience-popover--import .followers-import-uploader {
      width: 100%;
      border-right: #ddd 2px dashed;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      text-decoration: none; }
    .audience-box .audience-popover--import h3 {
      color: #252a2e;
      float: none;
      font-weight: bold;
      font-size: 15px;
      line-height: 21px;
      padding-bottom: 10px; }
    .audience-box .audience-popover--import p {
      font-size: 14px;
      line-height: 1.8;
      margin-bottom: 15px; }
    .audience-box .audience-popover--import li {
      line-height: 21px; }
    .audience-box .audience-popover--import .button,
    .audience-box .audience-popover--import button {
      margin-top: 15px;
      width: 100%; }
  .audience-box .date-analytics {
    padding-right: 0; }
  .audience-box .chart-analytics {
    clear: both;
    position: relative;
    opacity: 0; }
    .audience-box .chart-analytics.shown {
      opacity: 1; }
    .audience-box .chart-analytics .y-axis {
      opacity: 0; }
    .audience-box .chart-analytics .line {
      fill: none;
      stroke: #36a9ae;
      stroke-width: 2px; }
    .audience-box .chart-analytics .point {
      fill: #36a9ae;
      opacity: 1; }
    .audience-box .chart-analytics .bar {
      fill: #eee;
      border: 1px solid #ddd;
      border-bottom: 0; }
      .audience-box .chart-analytics .bar.highlight {
        fill: #4fc3c8;
        border-color: #4fc3c8; }

.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: #fff;
      background-image: url(https://static-1.gumroad.com/res/gumroad/assets/header_bar-f0eee8627ac2659ec79a0f03bb7600ef.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: #fff;
            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 {
    display: none; }
    .modals-container.showing {
      display: block; }

  .gr-modals.gr-auth .gr-modal {
    width: 95%;
    margin: 0 auto; }
    .gr-modals.gr-auth .gr-modal.showing {
      top: 30px; }
    .gr-modals.gr-auth .gr-modal .six.columns {
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
    .gr-modals.gr-auth .gr-modal .auth-title {
      padding: 18px; }
      .gr-modals.gr-auth .gr-modal .auth-title h2 {
        font-size: 18px;
        width: 90%; }
      .gr-modals.gr-auth .gr-modal .auth-title .close-modal {
        margin-right: 15px;
        position: absolute;
        right: 0; }
    .gr-modals.gr-auth .gr-modal .social-auth .button {
      font-size: 16px;
      height: 45px;
      line-height: 42px;
      margin-bottom: 0;
      padding-left: 60px; }
      .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-facebook, .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter {
        float: left;
        margin-right: 2%;
        width: 49%; }
        .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-facebook:last-child, .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter:last-child {
          margin-right: 0; }
        .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-facebook .gi, .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter .gi {
          height: 44px;
          line-height: 44px;
          width: 44px; }
    .gr-modals.gr-auth .gr-modal .classic-auth {
      border-left: 0;
      border-top: 1px solid #eee;
      margin-top: 15px;
      padding-top: 15px; }
      .gr-modals.gr-auth .gr-modal .classic-auth input {
        appearance: none;
        float: left;
        height: 45px;
        margin-right: 2%;
        margin-bottom: 10px;
        width: 49%; }
        .gr-modals.gr-auth .gr-modal .classic-auth input:last-child {
          margin-right: 0; }
    .gr-modals.gr-auth .gr-modal .create {
      margin: 0 0 15px;
      padding: 0; }
      .gr-modals.gr-auth .gr-modal .create .terms {
        margin-bottom: 15px; }
    .gr-modals.gr-auth .gr-modal #forgot-password-form {
      padding: 0 18px; }
      .gr-modals.gr-auth .gr-modal #forgot-password-form .email {
        margin-right: 0;
        width: 60%;
        appearance: none; }
      .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; }
      .gr-modals.gr-auth .gr-modal #forgot-password-form .separator {
        display: none; }
    .gr-modals.gr-auth .gr-modal #signup-feature-list {
      display: none; } }
@media (max-width: 575px) {
  .gr-modals.gr-auth .gr-modal {
    background-image: none; }
    .gr-modals.gr-auth .gr-modal .classic-auth input {
      float: none;
      margin-right: 0;
      width: 100%; }
    .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-facebook, .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter {
      float: none;
      margin-right: 0;
      margin-bottom: 10px;
      width: 100%; }
    .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter {
      margin-bottom: 0; } }
@media (max-width: 480px) {
  .gr-modals.gr-auth .gr-modal {
    border-radius: 0;
    height: 100%;
    position: fixed;
    overflow-y: scroll;
    width: 100%; }
    .gr-modals.gr-auth .gr-modal.showing {
      top: 0; }
    .gr-modals.gr-auth .gr-modal #forgot-password-prompt {
      margin-top: 4px; }
    .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: #eee;
    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: #fff;
  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 #eee; }
.gr-auth .social-auth .button {
  box-sizing: border-box;
  font-weight: 500;
  margin-bottom: 18px;
  padding: 0 15px 0 75px;
  height: 57px;
  line-height: 56px; }
.gr-auth .switch-to {
  clear: both;
  padding: 22px 0 25px;
  border-top: 1px solid #eee;
  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: #eee;
  -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: #797874; }
    .account-metrics span .gi {
      margin-left: 10px; }
      .account-metrics span .gi:hover {
        color: #666;
        cursor: pointer; }

.account-metrics-by-product {
  background: #fafafa;
  border: 1px solid #e2e2e2;
  height: 0;
  opacity: 0;
  position: relative;
  -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);
  pointer-events: none; }
  .account-metrics-by-product:before, .account-metrics-by-product:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-bottom-color: #e2e2e2;
    border-width: 8px;
    left: 50%;
    margin: -16px 0 0 238px;
    top: 0;
    z-index: 9; }
  .account-metrics-by-product:after {
    border-bottom-color: #fafafa;
    margin-top: -15px; }
  .account-metrics-by-product.showing {
    height: auto;
    opacity: 1;
    margin-bottom: 44px;
    pointer-events: all; }
    .account-metrics-by-product.showing.loaded-more {
      height: auto; }
  .account-metrics-by-product table {
    margin: 15px 0;
    table-layout: fixed;
    width: 100%; }
    .account-metrics-by-product table td,
    .account-metrics-by-product table th {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .account-metrics-by-product table td:first-child,
      .account-metrics-by-product table th:first-child {
        padding-left: 0;
        padding-right: 15px;
        width: 393px; }
      .account-metrics-by-product table td:last-child,
      .account-metrics-by-product table th:last-child {
        padding-right: 0; }
    .account-metrics-by-product table th {
      color: #252a2e;
      font-size: 17px;
      height: 60px;
      line-height: 60px;
      text-align: left; }
    .account-metrics-by-product table tbody {
      font-size: 17px;
      line-height: 60px; }
      .account-metrics-by-product table tbody tr {
        border-bottom: 1px solid #eee;
        color: #797874;
        height: 60px; }
        .account-metrics-by-product table tbody tr:last-child {
          border-bottom: 0; }
      .account-metrics-by-product table tbody td {
        text-align: left; }
  .account-metrics-by-product .button-load {
    margin-bottom: 15px; }

.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: #f5f5f5;
    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: #fff;
    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: #797874; }
  .period .amounts {
    background-color: #fff; }
    .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: #797874;
      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; }

.bundle-circle-link {
  position: absolute;
  right: 48px;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1); }
  .bundle-circle-link.showing {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .bundle-circle-link:hover {
    text-decoration: none;
    color: #1e5d60; }
  .bundle-circle-link .bundle-circle {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    display: block;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #ddd;
    text-align: center;
    line-height: 30px;
    font-size: 15px; }

.bundle-tool-tip {
  border-radius: 4px;
  min-width: 300px;
  background: #fff;
  margin: 20px auto 40px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  -webkit-transform-origin: 95% 0;
      -ms-transform-origin: 95% 0;
          transform-origin: 95% 0; }
  .bundle-tool-tip.showing {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .bundle-tool-tip:before, .bundle-tool-tip:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    bottom: 100%;
    right: 10px;
    border-width: 6px;
    border-bottom-color: #fff;
    -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.checkout-tool-tip {
    position: absolute;
    top: 20px;
    right: 10px;
    -webkit-transform-origin: 85% 0;
        -ms-transform-origin: 85% 0;
            transform-origin: 85% 0; }
    .bundle-tool-tip.checkout-tool-tip:before, .bundle-tool-tip.checkout-tool-tip:after {
      right: 47px; }
  .bundle-tool-tip .powered-by-footer-holder {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    -webkit-transition: opacity .3s linear;
            transition: opacity .3s linear;
    opacity: 0; }
    .bundle-tool-tip .powered-by-footer-holder .locale-holder {
      display: none; }

.showing-checkout .checkout-tool-tip:after {
  border-bottom-color: #eee; }

.showing-checkout .powered-by-footer-holder {
  opacity: 1; }

.bundled-product-list li {
  padding: 12px 40px;
  font-size: 14px;
  position: relative;
  border-bottom: 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 .name .quantity {
      font-weight: normal;
      color: #aaa;
      font-size: 12px; }
  .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%; }
.bundled-product-list .bundle-start-button {
  display: block;
  width: 280px;
  margin: 10px; }

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

.to-animate-to-bundle {
  z-index: 99;
  -webkit-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;
  top: 0;
  left: 0; }

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

.custom-domain .bundle-circle-link {
  float: right;
  position: inherit; }
.custom-domain .bundle-tool-tip.checkout-tool-tip:before,
.custom-domain .bundle-tool-tip.checkout-tool-tip:after {
  right: inherit; }

.buyer-bar-container {
  position: fixed;
  top: 13px;
  right: 0;
  min-width: 120px;
  min-height: 245px;
  z-index: 11;
  overflow-y: auto;
  padding-right: 10px;
  padding-left: 2px;
  pointer-events: none;
  -webkit-transition: bottom 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: bottom 0.3s cubic-bezier(0.23, 1.5, 0.32, 1); }
  .buyer-bar-container .buyer-circle-link,
  .buyer-bar-container .bundle-tool-tip {
    pointer-events: all; }
  .buyer-bar-container.showing-checkout {
    bottom: 10px; }
  .buyer-bar-container.showing-bundle {
    min-width: 310px; }
  .buyer-bar-container .profile-picture.empty {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/empty_profile_picture-5146afb6bc50b633a7d750108170d6ff.jpg); }
  .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: #aaa;
    font-size: 21px;
    line-height: 21px; }
    .buyer-bar .gi:hover {
      color: #666; }
    .buyer-bar .gi:active {
      color: #252a2e; }
  .buyer-bar ul {
    border-radius: 4px;
    position: relative;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    clear: right;
    opacity: 0;
    top: 10px;
    -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: 95% 0%;
        -ms-transform-origin: 95% 0%;
            transform-origin: 95% 0%;
    pointer-events: none; }
    .buyer-bar ul.showing {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      pointer-events: all; }
    .buyer-bar ul:before {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      bottom: 100%;
      right: 10px;
      border-width: 6px;
      border-bottom-color: #fff; }
    .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;
    padding-top: 0;
    position: relative;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    width: auto;
    box-sizing: border-box; }
    #product_page .wrapper.showing-panel,
    #user_page .wrapper.showing-panel {
      padding-top: 65px; }
  #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: #fff;
      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: #fff; }
      #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; }

.checkout-page.wrapper {
  width: 300px;
  margin-top: 20px; }
.checkout-page .js-bundle-message {
  border-radius: 4px;
  background-color: #ddd;
  padding: 10px;
  margin-top: 20px;
  text-align: center; }
  .checkout-page .js-bundle-message:before {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    left: 146px;
    bottom: 100%;
    border-width: 6px;
    border-bottom-color: #ddd; }
.checkout-page .profile-picture-large {
  margin: 0 auto; }
.checkout-page .bundle-tool-tip {
  background: transparent;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
  box-shadow: none; }
  .checkout-page .bundle-tool-tip:before, .checkout-page .bundle-tool-tip:after {
    content: none; }
.checkout-page .bundled-product-list {
  border-radius: 4px;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
  .checkout-page .bundled-product-list li:last-of-type {
    border-bottom: 0; }
.checkout-page .bundle-checkout-form {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.checkout-page .bundle-checkout {
  height: initial; }

.credit_card_holder {
  position: relative;
  margin-bottom: 20px;
  height: 213px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transition: height 0.5s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: height 0.5s cubic-bezier(0.23, 1.5, 0.32, 1); }
  .credit_card_holder.small {
    margin-bottom: 10px; }
    .credit_card_holder.small .pay-by-paypal .charge-to-container p {
      width: 140px; }
  .credit_card_holder.showing-paypal {
    height: 155px;
    -webkit-transition-delay: .5s;
            transition-delay: .5s; }
    .credit_card_holder.showing-paypal .flipper {
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg);
      -webkit-transition-delay: .5s;
              transition-delay: .5s; }
  .credit_card_holder .flipper {
    -webkit-transition: .6s;
            transition: .6s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    position: relative; }
  .credit_card_holder .gi-credit-card {
    float: left;
    margin: 1px 0 0 5px;
    font-size: 35px; }
  .credit_card_holder .card_error_popup {
    border-radius: 4px;
    background: #fff;
    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: #fff 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,
  .credit_card_holder .pay-by-paypal {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .credit_card_holder .credit_card {
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    height: 213px;
    border: 1px solid #ccc;
    background: -webkit-linear-gradient(top, #fff, #f5f5f5);
    background: linear-gradient(top, #fff, #f5f5f5);
    padding-bottom: 10px;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
    .credit_card_holder .credit_card.test_card {
      overflow: hidden; }
    .credit_card_holder .credit_card .stripe-card-info {
      background: #e5e5e5;
      margin-top: 10px;
      color: #252a2e;
      overflow: hidden;
      height: 44px; }
      .credit_card_holder .credit_card .stripe-card-info h4 {
        font-weight: 600;
        font-size: 17px;
        padding: 12px 10px 0;
        line-height: 21px;
        margin: 0;
        float: left; }
      .credit_card_holder .credit_card .stripe-card-info .paypal {
        border: 1px solid #c9c9c9;
        background: #e5e5e5;
        border-radius: 4px;
        width: 66px;
        height: 30px;
        float: right;
        position: relative;
        margin: 6px 10px;
        font-size: 50px;
        color: #9a9a9a;
        -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
        text-align: center; }
        .credit_card_holder .credit_card .stripe-card-info .paypal:hover {
          cursor: pointer;
          color: #029cde;
          background: #fff;
          border: 1px solid #ddd; }
        .credit_card_holder .credit_card .stripe-card-info .paypal:active {
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); }
        .credit_card_holder .credit_card .stripe-card-info .paypal .gi-paypal {
          position: relative;
          top: -14px; }
        .credit_card_holder .credit_card .stripe-card-info .paypal.loading {
          pointer-events: none;
          opacity: .4; }
      .credit_card_holder .credit_card .stripe-card-info .or-pay-with {
        float: right;
        color: #9a9a9a;
        margin: 12px 0 0;
        padding: 0; }
      .credit_card_holder .credit_card .stripe-card-info .loading-gif {
        float: right;
        margin-right: 10px;
        margin-top: 15px; }
    .credit_card_holder .credit_card p {
      padding: 10px 10px 0;
      margin: 0;
      font-size: 13px;
      line-height: 21px; }
    .credit_card_holder .credit_card label {
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.3);
      display: block;
      font-size: 12px;
      margin: 0;
      float: none;
      text-overflow: ellipsis;
      height: 21px; }
      .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: #fff; }
    .credit_card_holder .credit_card .cc-icon {
      background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c464cf1980f8ee1739261cf34d735e7d.png) 0 0;
      width: 32px;
      height: 32px;
      position: absolute;
      margin-top: 8px;
      right: 18px; }
      .credit_card_holder .credit_card .cc-icon.amex {
        background-position: 0 0 !important; }
      .credit_card_holder .credit_card .cc-icon.visa {
        background-position: -32px 0 !important; }
      .credit_card_holder .credit_card .cc-icon.mastercard {
        background-position: -64px 0 !important; }
      .credit_card_holder .credit_card .cc-icon.jcb {
        background-position: -96px 0 !important; }
      .credit_card_holder .credit_card .cc-icon.diners {
        background-position: -128px 0 !important; }
      .credit_card_holder .credit_card .cc-icon.discover {
        background-position: -160px 0 !important; }
      .credit_card_holder .credit_card .cc-icon.generic_card {
        background-position: -192px 0 !important; }
    .credit_card_holder .credit_card .cc_number_security_indicator {
      position: absolute;
      background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-c464cf1980f8ee1739261cf34d735e7d.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: #fff; }
      .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 .full-name-p {
      padding: 10px 0; }
      .credit_card_holder .credit_card .full-name-p input {
        width: 120px; }
    .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: #aaa;
      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 #fff, 0 1px 2px #fff; }
    .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;
      max-width: 145px;
      clear: none;
      padding-left: 0; }
      .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;
        clear: 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: #fff;
      position: absolute;
      left: -45px;
      bottom: 15px;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      padding: 10px 50px;
      color: #000;
      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 .expiry-date-p,
    .credit_card_holder .credit_card .full-name-p {
      float: left;
      clear: none; }
    .credit_card_holder .credit_card .cc-zipcode-p {
      position: absolute;
      left: 117px; }
      .credit_card_holder .credit_card .cc-zipcode-p .cc-zipcode {
        width: 99px;
        height: 19px;
        box-sizing: content-box; }
  .credit_card_holder .pay-by-paypal {
    height: 155px;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
    .credit_card_holder .pay-by-paypal .stripe-card-info .gi-paypal {
      font-size: 70px;
      line-height: 32px;
      float: left;
      margin-left: 25px; }
    .credit_card_holder .pay-by-paypal .stripe-card-info .gi-credit-card {
      font-size: 35px;
      float: right;
      color: #9a9a9a;
      margin: 0 13px; }
      .credit_card_holder .pay-by-paypal .stripe-card-info .gi-credit-card:hover {
        cursor: pointer;
        color: #666; }
    .credit_card_holder .pay-by-paypal .stripe-card-info .or-pay-with {
      right: 40px; }
    .credit_card_holder .pay-by-paypal .keep-on-file-notice {
      margin-top: -40px; }
      .credit_card_holder .pay-by-paypal .keep-on-file-notice label {
        padding: 10px 10px 10px 5px;
        margin-left: 0; }
    .credit_card_holder .pay-by-paypal .charge-to-container {
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 4px;
      margin: 0 10px;
      height: 44px; }
      .credit_card_holder .pay-by-paypal .charge-to-container .gi-paypal {
        font-size: 50px;
        color: #029cde;
        float: left;
        line-height: 36px;
        margin: 0 20px; }
      .credit_card_holder .pay-by-paypal .charge-to-container .gi-close {
        float: right;
        line-height: 46px;
        color: #9a9a9a;
        margin-right: 10px; }
        .credit_card_holder .pay-by-paypal .charge-to-container .gi-close:hover {
          cursor: pointer;
          color: #666; }
      .credit_card_holder .pay-by-paypal .charge-to-container p {
        color: #b8b8b8;
        font-size: 14px;
        width: 170px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 24px; }
    .credit_card_holder .pay-by-paypal label {
      padding: 10px; }

.no-preserve3d .credit_card_holder {
  -webkit-perspective: 0;
          perspective: 0; }
  .no-preserve3d .credit_card_holder .pay-by-paypal {
    display: none; }
  .no-preserve3d .credit_card_holder.showing-paypal .new-card {
    display: none; }
  .no-preserve3d .credit_card_holder.showing-paypal .flipper,
  .no-preserve3d .credit_card_holder.showing-paypal .pay-by-paypal {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    display: block; }

.customers-box {
  background: #efefe9;
  border-bottom: 0;
  padding: 0 0 50px;
  margin-bottom: 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: #fff;
    border-bottom: 1px solid #ddd;
    height: 75px; }
  .customer-list-header .customer-secondary-menu {
    padding: 15px; }
    .customer-list-header .customer-secondary-menu h4 {
      color: #797874;
      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: #fff;
    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-67f409a29a30be1d6af4dbb220d39f06.gif) center no-repeat;
    min-height: 400px; }
  .customers-tab.empty {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/empty-e919801a5f7c0c5e4738ca418d55eb35.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: #252a2e;
    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; }
    .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: 390px; }
      .customers-tab .customer .product-name:hover {
        cursor: pointer; }
    .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 .actions {
      width: 20px;
      padding: 20px;
      position: relative;
      text-align: center; }
      .customers-tab .customer .actions .disclosure-indicator {
        color: #aaa; }
    .customers-tab .customer .note {
      border-radius: 4px;
      color: #797874;
      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 .show-more {
    box-sizing: border-box;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #797874;
    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: #aaa;
    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: #aaa;
    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%;
    border-right: #ddd 2px dashed;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .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 #datepicker-calendar {
      top: auto;
      margin-top: 10px; }
      .customer-popover--export #date-range #datepicker-calendar:after, .customer-popover--export #date-range #datepicker-calendar:before {
        right: 24px; }
  .customer-popover--search input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    background: #fff; }
  .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: #aaa;
  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,
      .customer-actions--showing-customers li a.showing-arrow,
      .customer-actions--showing-updates li a.showing-arrow,
      .customer-actions--showing-workflows li a.showing-arrow,
      .new-update .new-update-header li a.showing-arrow {
        color: #252a2e;
        box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset; }
        .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: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 {
    font-size: 16px;
    position: relative;
    color: #797874; }
  .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; }
    .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 {
      width: 42px;
      height: 42px;
      display: block;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right-width: 0;
      box-sizing: border-box;
      display: none;
      float: left;
      text-align: center; }
    .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 {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      height: 42px;
      float: left; }
    .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: #fff;
      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; }

.shipping-notice-icon .gi-shipping-truck {
  color: #aaa;
  font-size: 32px;
  position: absolute;
  right: 20px;
  top: 10px; }
.shipping-notice-icon .gi-check {
  width: 12px;
  height: 12px;
  display: block;
  background: #36a9ae;
  border-radius: 50%;
  color: #fff;
  font-size: 6px;
  line-height: 12px;
  position: absolute;
  opacity: 0;
  right: 15px;
  text-align: center;
  top: 15px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -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); }
.shipping-notice-icon:hover .gi-shipping-truck {
  color: #797874; }
.shipping-notice-icon.shipped .gi-shipping-truck {
  color: #797874; }
.shipping-notice-icon.shipped .gi-check {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.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;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(352px);
      -ms-transform: translateX(352px);
          transform: translateX(352px);
  width: 352px;
  padding: 15px;
  background: #f5f5f5;
  border-left: 1px solid #ddd; }
  .customer-drawer:after {
    content: "";
    width: 100px;
    height: 100%;
    left: 100%;
    top: 0;
    background: #f5f5f5;
    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: #fff;
      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: #f5f5f5;
    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: #fff;
      border-bottom: 1px solid #ddd;
      color: #797874;
      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: #fff; }
    .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 .tracking-information .tracking-number {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 12px 14px;
    width: 187px;
    margin-bottom: 12px; }
  .customer-drawer .tracking-information .carrier {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    width: 104px;
    height: 46px;
    float: right;
    padding: 12px 14px; }
  .customer-drawer .tracking-information .shipping-state {
    width: 290px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .customer-drawer .tracking-information .shipping-state .shipping-notice-icon {
      position: absolute;
      right: -5px;
      top: -5px; }
  .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 #ddd;
      border-bottom: 0;
      padding: 12px 14px;
      margin-bottom: 0; }
      .customer-drawer .sale-actions .recurring-purchase .remaining-notice {
        float: right;
        color: #ccc; }
      .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: #ccc;
        padding-left: 5px;
        font-size: 14px; }
        .customer-drawer .sale-actions .recurring-purchase .refund-notice .seconds-left {
          color: #aaa;
          margin-right: 5px; }
      .customer-drawer .sale-actions .recurring-purchase:first-child {
        background: #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        color: #797874;
        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 #ddd;
        margin-bottom: 15px; }
      .customer-drawer .sale-actions .recurring-purchase:only-child {
        border-radius: 4px;
        border: 1px solid #ddd; }
    .customer-drawer .sale-actions .cancel-subscription,
    .customer-drawer .sale-actions .end-subscription,
    .customer-drawer .sale-actions .shipping-state {
      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-67f409a29a30be1d6af4dbb220d39f06.gif) no-repeat;
    margin: 15px 0 30px -16px;
    width: 32px;
    min-height: 32px; }
  .customer-drawer .note {
    border-radius: 4px;
    color: #797874;
    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 #9d9d9d;
  width: 35px;
  height: 20px;
  background: #aaa;
  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: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 1; }
.preview-toggle .inactive-label,
.preview-toggle .active-label {
  display: inline-block;
  color: #aaa; }
.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;
  padding-top: 75px; }
  .updates-tab .updates-list.empty {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/empty-e919801a5f7c0c5e4738ca418d55eb35.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: #aaa;
    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,
.update-letter--subject-line-and-number-sent,
.update-letter--showing-clicks-and-opens,
.update-letter--showing-sent-and-opens,
.update-letter--showing-sent,
.update-email--create,
.workflow-installments .workflow-installment {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  background: #fff;
  font-size: 15px;
  padding: 30px; }
  .update-letter h3,
  .update-letter--create h3,
  .update-letter--subject-line-and-number-sent h3,
  .update-letter--showing-clicks-and-opens h3,
  .update-letter--showing-sent-and-opens h3,
  .update-letter--showing-sent h3,
  .update-email--create h3,
  .workflow-installments .workflow-installment h3 {
    font-weight: bold;
    color: #555; }
  .update-letter .customer-count-notice,
  .update-letter--create .customer-count-notice,
  .update-letter--subject-line-and-number-sent .customer-count-notice,
  .update-letter--showing-clicks-and-opens .customer-count-notice,
  .update-letter--showing-sent-and-opens .customer-count-notice,
  .update-letter--showing-sent .customer-count-notice,
  .update-email--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 #ddd;
    color: #797874;
    margin: 30px -30px -30px;
    padding: 30px;
    text-align: center; }
  .update-letter .files-box,
  .update-letter--create .files-box,
  .update-letter--subject-line-and-number-sent .files-box,
  .update-letter--showing-clicks-and-opens .files-box,
  .update-letter--showing-sent-and-opens .files-box,
  .update-letter--showing-sent .files-box,
  .update-email--create .files-box,
  .workflow-installments .workflow-installment .files-box {
    margin-bottom: 15px; }
  .update-letter .mini-rule,
  .update-letter--create .mini-rule,
  .update-letter--subject-line-and-number-sent .mini-rule,
  .update-letter--showing-clicks-and-opens .mini-rule,
  .update-letter--showing-sent-and-opens .mini-rule,
  .update-letter--showing-sent .mini-rule,
  .update-email--create .mini-rule,
  .workflow-installments .workflow-installment .mini-rule {
    margin: 30px 0; }
  .update-letter .video.section,
  .update-letter--create .video.section,
  .update-letter--subject-line-and-number-sent .video.section,
  .update-letter--showing-clicks-and-opens .video.section,
  .update-letter--showing-sent-and-opens .video.section,
  .update-letter--showing-sent .video.section,
  .update-email--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],
    .update-letter--subject-line-and-number-sent .video.section input[type=checkbox],
    .update-letter--showing-clicks-and-opens .video.section input[type=checkbox],
    .update-letter--showing-sent-and-opens .video.section input[type=checkbox],
    .update-letter--showing-sent .video.section input[type=checkbox],
    .update-email--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,
    .update-letter--subject-line-and-number-sent .video.section label,
    .update-letter--showing-clicks-and-opens .video.section label,
    .update-letter--showing-sent-and-opens .video.section label,
    .update-letter--showing-sent .video.section label,
    .update-email--create .video.section label,
    .workflow-installments .workflow-installment .video.section label {
      color: #aaa;
      font-size: 12px; }
    .update-letter .video.section a.learn-more,
    .update-letter--create .video.section a.learn-more,
    .update-letter--subject-line-and-number-sent .video.section a.learn-more,
    .update-letter--showing-clicks-and-opens .video.section a.learn-more,
    .update-letter--showing-sent-and-opens .video.section a.learn-more,
    .update-letter--showing-sent .video.section a.learn-more,
    .update-email--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,
  .update-letter--subject-line-and-number-sent .update-file-options,
  .update-letter--showing-clicks-and-opens .update-file-options,
  .update-letter--showing-sent-and-opens .update-file-options,
  .update-letter--showing-sent .update-file-options,
  .update-email--create .update-file-options,
  .workflow-installments .workflow-installment .update-file-options {
    padding-top: 15px; }
    .update-letter .update-file-options .files-list,
    .update-letter--create .update-file-options .files-list,
    .update-letter--subject-line-and-number-sent .update-file-options .files-list,
    .update-letter--showing-clicks-and-opens .update-file-options .files-list,
    .update-letter--showing-sent-and-opens .update-file-options .files-list,
    .update-letter--showing-sent .update-file-options .files-list,
    .update-email--create .update-file-options .files-list,
    .workflow-installments .workflow-installment .update-file-options .files-list {
      margin-bottom: 30px; }
    .update-letter .update-file-options .gi-pencil,
    .update-letter--create .update-file-options .gi-pencil,
    .update-letter--subject-line-and-number-sent .update-file-options .gi-pencil,
    .update-letter--showing-clicks-and-opens .update-file-options .gi-pencil,
    .update-letter--showing-sent-and-opens .update-file-options .gi-pencil,
    .update-letter--showing-sent .update-file-options .gi-pencil,
    .update-email--create .update-file-options .gi-pencil,
    .workflow-installments .workflow-installment .update-file-options .gi-pencil {
      display: none !important; }
  .update-letter input,
  .update-letter .update-message,
  .update-letter--create input,
  .update-letter--subject-line-and-number-sent input,
  .update-letter--showing-clicks-and-opens input,
  .update-letter--showing-sent-and-opens input,
  .update-letter--showing-sent input,
  .update-email--create input,
  .workflow-installments .workflow-installment input,
  .update-letter--create .update-message,
  .update-letter--subject-line-and-number-sent .update-message,
  .update-letter--showing-clicks-and-opens .update-message,
  .update-letter--showing-sent-and-opens .update-message,
  .update-letter--showing-sent .update-message,
  .update-email--create .update-message,
  .workflow-installments .workflow-installment .update-message {
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 100%; }
    .update-letter input.error,
    .update-letter .update-message.error,
    .update-letter--create input.error,
    .update-letter--subject-line-and-number-sent input.error,
    .update-letter--showing-clicks-and-opens input.error,
    .update-letter--showing-sent-and-opens input.error,
    .update-letter--showing-sent input.error,
    .update-email--create input.error,
    .workflow-installments .workflow-installment input.error,
    .update-letter--create .update-message.error,
    .update-letter--subject-line-and-number-sent .update-message.error,
    .update-letter--showing-clicks-and-opens .update-message.error,
    .update-letter--showing-sent-and-opens .update-message.error,
    .update-letter--showing-sent .update-message.error,
    .update-email--create .update-message.error,
    .workflow-installments .workflow-installment .update-message.error {
      border-color: #c04355; }
  .update-letter .update-message,
  .update-letter--create .update-message,
  .update-letter--subject-line-and-number-sent .update-message,
  .update-letter--showing-clicks-and-opens .update-message,
  .update-letter--showing-sent-and-opens .update-message,
  .update-letter--showing-sent .update-message,
  .update-email--create .update-message,
  .workflow-installments .workflow-installment .update-message {
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 130px;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    font-size: 17px; }
  .update-letter--create {
    margin: 0 auto;
    padding: 30px;
    width: 470px; }
    .update-letter--create .update {
      padding: 0; }
  .update-letter--subject-line-and-number-sent {
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 40px 0; }
    .update-letter--subject-line-and-number-sent .update-letter-column {
      top: 50%;
      margin-top: -10px; }
      .update-letter--subject-line-and-number-sent .update-letter-column .update-letter-subject {
        margin-top: -1px; }
    .update-letter--subject-line-and-number-sent .number-sent {
      padding-left: 30px; }
  .update-letter--showing-clicks-and-opens, .update-letter--showing-sent-and-opens, .update-letter--showing-sent {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    padding: 40px 0; }
    .update-letter--showing-clicks-and-opens:after, .update-letter--showing-sent-and-opens:after, .update-letter--showing-sent:after {
      background: #ddd;
      content: " ";
      height: 100%;
      left: 50%;
      position: absolute;
      top: 0;
      width: 1px; }
  .update-letter--showing-clicks-and-opens .update-letter-column:nth-child(2),
  .update-letter--showing-clicks-and-opens .update-letter-column:nth-child(3) {
    text-align: center; }
  .update-letter--showing-clicks-and-opens .update-letter-column:nth-child(3):hover {
    cursor: pointer; }
    .update-letter--showing-clicks-and-opens .update-letter-column:nth-child(3):hover .tracked-email-clicks-popover {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      -webkit-transition-delay: .3s;
              transition-delay: .3s; }
  .update-letter--showing-sent-and-opens {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden; }
    .update-letter--showing-sent-and-opens .update-letter-column:nth-child(1) {
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-top: 15px; }
    .update-letter--showing-sent-and-opens .update-letter-column:nth-child(2),
    .update-letter--showing-sent-and-opens .update-letter-column:nth-child(3) {
      text-align: center; }
  .update-letter--showing-sent {
    height: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .update-letter--showing-sent .update-letter-column {
      overflow: hidden;
      padding-left: 30px;
      padding-right: 30px;
      text-overflow: ellipsis; }
    .update-letter--showing-sent .number-sent {
      display: inline;
      float: right; }
    .update-letter--showing-sent .email-sent {
      color: #797874;
      font-weight: 500;
      font-size: 17px;
      float: left; }
  .update-letter .update-letter-column,
  .update-letter--create .update-letter-column,
  .update-letter--subject-line-and-number-sent .update-letter-column,
  .update-letter--showing-clicks-and-opens .update-letter-column,
  .update-letter--showing-sent-and-opens .update-letter-column,
  .update-letter--showing-sent .update-letter-column,
  .update-email--create .update-letter-column,
  .workflow-installments .workflow-installment .update-letter-column {
    position: relative; }
    .update-letter .update-letter-column:first-child,
    .update-letter--create .update-letter-column:first-child,
    .update-letter--subject-line-and-number-sent .update-letter-column:first-child,
    .update-letter--showing-clicks-and-opens .update-letter-column:first-child,
    .update-letter--showing-sent-and-opens .update-letter-column:first-child,
    .update-letter--showing-sent .update-letter-column:first-child,
    .update-email--create .update-letter-column:first-child,
    .workflow-installments .workflow-installment .update-letter-column:first-child {
      padding-left: 30px; }
    .update-letter .update-letter-column:last-child,
    .update-letter--create .update-letter-column:last-child,
    .update-letter--subject-line-and-number-sent .update-letter-column:last-child,
    .update-letter--showing-clicks-and-opens .update-letter-column:last-child,
    .update-letter--showing-sent-and-opens .update-letter-column:last-child,
    .update-letter--showing-sent .update-letter-column:last-child,
    .update-email--create .update-letter-column:last-child,
    .workflow-installments .workflow-installment .update-letter-column:last-child {
      padding-right: 30px; }
    .update-letter .update-letter-column:hover .tracked-email-clicks-popover,
    .update-letter--create .update-letter-column:hover .tracked-email-clicks-popover,
    .update-letter--subject-line-and-number-sent .update-letter-column:hover .tracked-email-clicks-popover,
    .update-letter--showing-clicks-and-opens .update-letter-column:hover .tracked-email-clicks-popover,
    .update-letter--showing-sent-and-opens .update-letter-column:hover .tracked-email-clicks-popover,
    .update-letter--showing-sent .update-letter-column:hover .tracked-email-clicks-popover,
    .update-email--create .update-letter-column:hover .tracked-email-clicks-popover,
    .workflow-installments .workflow-installment .update-letter-column:hover .tracked-email-clicks-popover {
      cursor: pointer;
      opacity: 1;
      pointer-events: all;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      -webkit-transition-delay: .3s;
              transition-delay: .3s; }
    .update-letter .update-letter-column .number-open,
    .update-letter .update-letter-column .number-sent,
    .update-letter .update-letter-column .number-click,
    .update-letter--create .update-letter-column .number-open,
    .update-letter--subject-line-and-number-sent .update-letter-column .number-open,
    .update-letter--showing-clicks-and-opens .update-letter-column .number-open,
    .update-letter--showing-sent-and-opens .update-letter-column .number-open,
    .update-letter--showing-sent .update-letter-column .number-open,
    .update-email--create .update-letter-column .number-open,
    .workflow-installments .workflow-installment .update-letter-column .number-open,
    .update-letter--create .update-letter-column .number-sent,
    .update-letter--subject-line-and-number-sent .update-letter-column .number-sent,
    .update-letter--showing-clicks-and-opens .update-letter-column .number-sent,
    .update-letter--showing-sent-and-opens .update-letter-column .number-sent,
    .update-letter--showing-sent .update-letter-column .number-sent,
    .update-email--create .update-letter-column .number-sent,
    .workflow-installments .workflow-installment .update-letter-column .number-sent,
    .update-letter--create .update-letter-column .number-click,
    .update-letter--subject-line-and-number-sent .update-letter-column .number-click,
    .update-letter--showing-clicks-and-opens .update-letter-column .number-click,
    .update-letter--showing-sent-and-opens .update-letter-column .number-click,
    .update-letter--showing-sent .update-letter-column .number-click,
    .update-email--create .update-letter-column .number-click,
    .workflow-installments .workflow-installment .update-letter-column .number-click {
      display: inline-block; }
    .update-letter .update-letter-column .open-percentage,
    .update-letter .update-letter-column .click-percentage,
    .update-letter--create .update-letter-column .open-percentage,
    .update-letter--subject-line-and-number-sent .update-letter-column .open-percentage,
    .update-letter--showing-clicks-and-opens .update-letter-column .open-percentage,
    .update-letter--showing-sent-and-opens .update-letter-column .open-percentage,
    .update-letter--showing-sent .update-letter-column .open-percentage,
    .update-email--create .update-letter-column .open-percentage,
    .workflow-installments .workflow-installment .update-letter-column .open-percentage,
    .update-letter--create .update-letter-column .click-percentage,
    .update-letter--subject-line-and-number-sent .update-letter-column .click-percentage,
    .update-letter--showing-clicks-and-opens .update-letter-column .click-percentage,
    .update-letter--showing-sent-and-opens .update-letter-column .click-percentage,
    .update-letter--showing-sent .update-letter-column .click-percentage,
    .update-email--create .update-letter-column .click-percentage,
    .workflow-installments .workflow-installment .update-letter-column .click-percentage {
      color: #36a9ae;
      display: inline-block;
      font-size: 16px;
      font-weight: 500;
      float: right;
      padding-right: 5px; }
    .update-letter .update-letter-column .update-letter-subject,
    .update-letter--create .update-letter-column .update-letter-subject,
    .update-letter--subject-line-and-number-sent .update-letter-column .update-letter-subject,
    .update-letter--showing-clicks-and-opens .update-letter-column .update-letter-subject,
    .update-letter--showing-sent-and-opens .update-letter-column .update-letter-subject,
    .update-letter--showing-sent .update-letter-column .update-letter-subject,
    .update-email--create .update-letter-column .update-letter-subject,
    .workflow-installments .workflow-installment .update-letter-column .update-letter-subject {
      color: #797874;
      float: left;
      font-weight: 500;
      font-size: 17px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .update-letter .update-letter-column strong,
    .update-letter--create .update-letter-column strong,
    .update-letter--subject-line-and-number-sent .update-letter-column strong,
    .update-letter--showing-clicks-and-opens .update-letter-column strong,
    .update-letter--showing-sent-and-opens .update-letter-column strong,
    .update-letter--showing-sent .update-letter-column strong,
    .update-email--create .update-letter-column strong,
    .workflow-installments .workflow-installment .update-letter-column strong {
      font-size: 24px;
      color: #36a9ae;
      font-weight: 500;
      margin-bottom: 10px;
      width: 100%; }
    .update-letter .update-letter-column small,
    .update-letter--create .update-letter-column small,
    .update-letter--subject-line-and-number-sent .update-letter-column small,
    .update-letter--showing-clicks-and-opens .update-letter-column small,
    .update-letter--showing-sent-and-opens .update-letter-column small,
    .update-letter--showing-sent .update-letter-column small,
    .update-email--create .update-letter-column small,
    .workflow-installments .workflow-installment .update-letter-column small {
      color: #aaa;
      font-size: 16px;
      font-weight: 400;
      width: 100%; }
    .update-letter .update-letter-column .bar-graph,
    .update-letter--create .update-letter-column .bar-graph,
    .update-letter--subject-line-and-number-sent .update-letter-column .bar-graph,
    .update-letter--showing-clicks-and-opens .update-letter-column .bar-graph,
    .update-letter--showing-sent-and-opens .update-letter-column .bar-graph,
    .update-letter--showing-sent .update-letter-column .bar-graph,
    .update-email--create .update-letter-column .bar-graph,
    .workflow-installments .workflow-installment .update-letter-column .bar-graph {
      background: #c1e2e3;
      border-radius: 4px;
      height: 15px;
      margin-top: 15px; }
    .update-letter .update-letter-column .inside,
    .update-letter--create .update-letter-column .inside,
    .update-letter--subject-line-and-number-sent .update-letter-column .inside,
    .update-letter--showing-clicks-and-opens .update-letter-column .inside,
    .update-letter--showing-sent-and-opens .update-letter-column .inside,
    .update-letter--showing-sent .update-letter-column .inside,
    .update-email--create .update-letter-column .inside,
    .workflow-installments .workflow-installment .update-letter-column .inside {
      background: #36a9ae;
      border-radius: 4px;
      border-right: 0;
      height: 15px; }

.tracked-email-clicks-popover {
  border-radius: 4px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  left: 100%;
  line-height: 21px;
  margin-left: -118px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -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);
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  text-align: left;
  top: 60px;
  width: 350px;
  z-index: 1; }
  .tracked-email-clicks-popover:before, .tracked-email-clicks-popover:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    bottom: 100%;
    border-bottom-color: #fff;
    border-width: 6px;
    left: 10%;
    margin-left: -3px; }
  .tracked-email-clicks-popover:before {
    border-bottom-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 1px; }
  .tracked-email-clicks-popover li {
    border-bottom: 1px solid #ddd;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #aaa; }
    .tracked-email-clicks-popover li .number {
      color: #36a9ae;
      font-weight: 500;
      margin-right: 10px; }
    .tracked-email-clicks-popover li:last-child {
      border-bottom: 0; }

.new-update {
  margin-top: 20px;
  position: relative; }
  .new-update .new-update-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #fff;
    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;
        padding: 2px 10px 2px 6px; }
  .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: calc(100% - 44px); }
  .schedule-update-popover .or {
    background: #fff;
    color: #aaa;
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    width: 20px;
    z-index: 9; }
  .schedule-update-popover hr {
    background: #eee;
    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: #eee;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      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 #ddd; }
      .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: 230px !important;
      height: 218px !important;
      position: absolute !important;
      top: 50px;
      right: 0;
      z-index: 9999; }

.preview-update-modal .gr-modals {
  overflow: scroll; }
  .preview-update-modal .gr-modals .gr-modal {
    margin: 0 auto 100px; }
.preview-update-modal .preview-update-content {
  padding: 34px;
  overflow: hidden; }
  .preview-update-modal .preview-update-content .button-close {
    float: right; }
    .preview-update-modal .preview-update-content .button-close i {
      pointer-events: none; }
  .preview-update-modal .preview-update-content .update-letter {
    box-shadow: none; }
.preview-update-modal .modal-shadow {
  background: rgba(0, 0, 0, 0.4); }

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

.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);
    margin-bottom: 40px; }
  .workflows-tab.empty .workflows-list {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/empty-e919801a5f7c0c5e4738ca418d55eb35.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: #fff;
  margin-bottom: 15px;
  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: 20px; }
  .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: #fff;
      margin-top: 12px; }
    .workflow--create.showing {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    .workflow--create .workflow-header {
      padding: 17px 0; }
      .workflow--create .workflow-header .workflow-for,
      .workflow--create .workflow-header .workflow-name {
        width: 370px; }
  .workflow--list-view {
    overflow: visible;
    position: relative; }
    .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: 19px;
        margin-bottom: 15px; }
      .workflow--list-view .workflow-title .contains-email-count h4,
      .workflow--list-view .workflow-title--edit .contains-email-count h4 {
        color: #aaa;
        font-size: 16px;
        display: inline-block;
        vertical-align: top; }
      .workflow--list-view .workflow-title .contains-email-count li,
      .workflow--list-view .workflow-title--edit .contains-email-count li {
        list-style: none;
        display: inline-block;
        position: relative;
        margin-left: 10px; }
        .workflow--list-view .workflow-title .contains-email-count li .ellipsis-icon,
        .workflow--list-view .workflow-title--edit .contains-email-count li .ellipsis-icon {
          width: 22px;
          height: 22px;
          display: block;
          background: url(https://static-1.gumroad.com/res/gumroad/assets/ellipsis-icon-f53338ce859690db630916e35e5c5e49.svg) top left; }
          .workflow--list-view .workflow-title .contains-email-count li .ellipsis-icon:hover,
          .workflow--list-view .workflow-title--edit .contains-email-count li .ellipsis-icon:hover {
            background-position: bottom right;
            cursor: pointer; }
        .workflow--list-view .workflow-title .contains-email-count li .contains-email-count-popover,
        .workflow--list-view .workflow-title--edit .contains-email-count li .contains-email-count-popover {
          width: 320px;
          box-sizing: border-box;
          top: 33px;
          left: 50%;
          margin-left: -160px; }
          .workflow--list-view .workflow-title .contains-email-count li .contains-email-count-popover .email-count-list li,
          .workflow--list-view .workflow-title--edit .contains-email-count li .contains-email-count-popover .email-count-list li {
            display: block;
            clear: both;
            border-bottom: 1px solid #ddd;
            padding: 20px 15px; }
            .workflow--list-view .workflow-title .contains-email-count li .contains-email-count-popover .email-count-list li:last-child,
            .workflow--list-view .workflow-title--edit .contains-email-count li .contains-email-count-popover .email-count-list li:last-child {
              border-bottom: 0; }
            .workflow--list-view .workflow-title .contains-email-count li .contains-email-count-popover .email-count-list li h2,
            .workflow--list-view .workflow-title--edit .contains-email-count li .contains-email-count-popover .email-count-list li h2 {
              margin-bottom: 0;
              color: #252a2e;
              font-weight: 600; }
            .workflow--list-view .workflow-title .contains-email-count li .contains-email-count-popover .email-count-list li p,
            .workflow--list-view .workflow-title--edit .contains-email-count li .contains-email-count-popover .email-count-list li p {
              max-width: 260px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .workflow--list-view .workflow-title .contains-email-count li .contains-email-count-popover .email-count-list li .gi,
            .workflow--list-view .workflow-title--edit .contains-email-count li .contains-email-count-popover .email-count-list li .gi {
              float: left;
              margin-right: 10px; }
            .workflow--list-view .workflow-title .contains-email-count li .contains-email-count-popover .email-count-list li .active-workflow,
            .workflow--list-view .workflow-title--edit .contains-email-count li .contains-email-count-popover .email-count-list li .active-workflow {
              width: 22px;
              height: 22px;
              display: block;
              background: url(https://static-1.gumroad.com/res/gumroad/assets/active-workflow-77d087c3bb0e1f1232720932e82ce475.svg);
              background-repeat: no-repeat;
              margin-top: 1px; }
            .workflow--list-view .workflow-title .contains-email-count li .contains-email-count-popover .email-count-list li .inactive-workflow,
            .workflow--list-view .workflow-title--edit .contains-email-count li .contains-email-count-popover .email-count-list li .inactive-workflow {
              width: 22px;
              height: 22px;
              display: block;
              background: url(https://static-1.gumroad.com/res/gumroad/assets/inactive-workflow-c3ab1c4f9739d7d7c75a5001b7aa76c8.svg);
              background-repeat: no-repeat;
              margin-top: 1px; }
      .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-recipients {
  padding: 20px 0; }
  .workflow-recipients h4 {
    color: #aaa;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase; }

.workflow-header {
  box-sizing: border-box;
  padding: 30px; }
  .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: #f5f5f5;
    border-right: 1px solid #ddd;
    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 #ddd;
    color: #aaa;
    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.edit-button {
          border-radius: 20px;
          border: 1px solid #ddd;
          background: #fff;
          padding: 10px 20px;
          margin-top: 8px;
          -webkit-transition: all .2s ease;
                  transition: all .2s ease; }
          .workflow-header .workflow-actions li button.edit-button i {
            margin-right: 15px; }
          .workflow-header .workflow-actions li button.edit-button:hover {
            border-color: #c4c4c4; }
          .workflow-header .workflow-actions li button.edit-button:active {
            box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset; }
        .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: #aaa;
        font-size: 17px;
        text-decoration: underline; }

.workflow-analytics-content .row {
  border-top: 1px solid #eee;
  padding: 30px 0; }
.workflow-analytics-content .workflow-analytics-content__subject {
  color: #797874;
  float: left;
  font-weight: 500;
  font-size: 17px;
  margin-top: 15px;
  overflow: hidden;
  padding-left: 30px;
  text-overflow: ellipsis;
  white-space: nowrap; }
.workflow-analytics-content strong {
  font-size: 24px;
  color: #36a9ae;
  font-weight: 500;
  margin-bottom: 10px;
  display: block; }
.workflow-analytics-content small {
  color: #aaa;
  font-size: 16px;
  font-weight: 400; }
.workflow-analytics-content .workflow-analytics-content__sent,
.workflow-analytics-content .workflow-analytics-content__opens,
.workflow-analytics-content .workflow-analytics-content__clicks {
  text-align: center; }
.workflow-analytics-content .workflow-analytics-hover .number-open,
.workflow-analytics-content .workflow-analytics-hover .number-click {
  display: none; }
.workflow-analytics-content .workflow-analytics-hover .percentage-open,
.workflow-analytics-content .workflow-analytics-hover .percentage-click {
  display: block; }
.workflow-analytics-content .workflow-analytics-hover:hover .number-open,
.workflow-analytics-content .workflow-analytics-hover:hover .number-click {
  display: block; }
.workflow-analytics-content .workflow-analytics-hover:hover .percentage-open,
.workflow-analytics-content .workflow-analytics-hover:hover .percentage-click {
  display: none; }

.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 .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;
      font-weight: normal; }
    .workflow-installments .workflow-installment-header .text-link {
      color: #aaa;
      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-form textarea {
      box-sizing: border-box;
      width: 100%; }
  .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; }

.preview-installment-modal .button-close {
  position: absolute;
  top: 30px;
  right: 30px; }
  .preview-installment-modal .button-close i {
    pointer-events: none; }
.preview-installment-modal .preview-installment-content {
  padding: 30px;
  overflow: hidden; }
  .preview-installment-modal .preview-installment-content .update {
    font-size: 15px;
    padding: 30px; }
  .preview-installment-modal .preview-installment-content .mini-rule {
    margin: 30px 0; }
  .preview-installment-modal .preview-installment-content .loading-indicator {
    padding: 60px;
    background: url(https://static-1.gumroad.com/res/gumroad/assets/big-loading-67f409a29a30be1d6af4dbb220d39f06.gif) center no-repeat; }

#dashboard {
  padding: 0 50px; }
  #dashboard .links {
    margin-top: 30px; }
  #dashboard .links td,
  #dashboard .users td {
    color: #252a2e;
    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: #888;
      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 #fff;
  color: #c04355; }
  .alert-box a {
    float: right;
    font-weight: bold;
    color: #4f1b22;
    text-decoration: underline; }

.date-picker-container {
  float: right;
  text-align: right; }

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: #797874;
  text-decoration: none;
  cursor: pointer;
  outline: none; }
  div.datepicker a span {
    cursor: inherit; }

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

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

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: #fff; }

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

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

.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: 191px;
  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: #252a2e; }

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

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: #36a9ae;
  font-weight: normal;
  font-size: 17px; }

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

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

.datepicker a, .datepicker a:hover {
  color: #000; }

.datepicker table.datepickerViewDays,
.datepicker table.datepickerViewMonths,
.datepicker table.datepickerViewYears {
  background: #fff;
  margin-right: 10px; }

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

tbody.datepickerDays td.datepickerSelected {
  background: #36a9ae; }

.datepicker tbody.datepickerDays td:hover {
  background: #2a8387;
  color: #fff;
  cursor: pointer; }

.datepicker td.datepickerToday a {
  color: #36a9ae;
  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 #date-range-field {
  cursor: pointer;
  padding: 0 30px 0 0;
  color: #b3b3b3; }
  #date-range #date-range-field:hover {
    color: #80807d; }
    #date-range #date-range-field:hover .calendar-icon {
      background-position: bottom right; }
  #date-range #date-range-field .gi {
    right: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg); }
  #date-range #date-range-field a {
    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: #252a2e; }

#datepicker-calendar {
  top: 70px;
  right: -15px;
  width: 727px;
  height: 222px;
  padding: 10px 0 6px 10px;
  box-shadow: 0px 6px 8px #eee;
  -webkit-transform-origin: 98% 0%;
      -ms-transform-origin: 98% 0%;
          transform-origin: 98% 0%; }
  #datepicker-calendar:before, #datepicker-calendar:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 8px;
    right: 13px;
    bottom: 100%;
    border-bottom-color: #ddd; }
  #datepicker-calendar:after {
    border-bottom-color: #fff;
    top: -14px; }
  #datepicker-calendar .datepicker {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 0; }
    #datepicker-calendar .datepicker th {
      background: #fff; }

.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; }
  #date-range-field .toggle-arrow {
    color: #797874; }

.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; }

#download-page {
  background: #f5f5f5;
  background-size: cover;
  background-attachment: fixed; }
  #download-page .wrapper {
    width: auto;
    padding-bottom: 80px;
    position: relative;
    z-index: 5; }
  #download-page .files-list,
  #download-page .single-file-container {
    margin: 0 auto 30px;
    text-align: left;
    width: 670px; }
    #download-page .files-list .download-options,
    #download-page .single-file-container .download-options {
      background: url(https://static-1.gumroad.com/res/gumroad/assets/download_page/more-options-e8792981dfb29acd0a369764e0059d54.svg) center center no-repeat;
      width: 30px;
      height: 26px;
      display: block; }
    #download-page .files-list .file-row,
    #download-page .single-file-container .file-row {
      max-height: inherit; }
    #download-page .files-list .file-row-left span,
    #download-page .single-file-container .file-row-left span {
      vertical-align: text-bottom; }
    #download-page .files-list .file-row-left .gi,
    #download-page .single-file-container .file-row-left .gi {
      font-size: 22px;
      width: 22px;
      text-align: center;
      margin-right: 10px; }
    #download-page .files-list .download-options-popover,
    #download-page .single-file-container .download-options-popover {
      width: 150px;
      padding: 10px;
      color: #797874;
      margin: 8px 0 0 -134px;
      z-index: 10; }
      #download-page .files-list .download-options-popover li,
      #download-page .single-file-container .download-options-popover li {
        margin-right: 0;
        padding: 0 0 10px; }
        #download-page .files-list .download-options-popover li:hover,
        #download-page .single-file-container .download-options-popover li:hover {
          color: #252a2e; }
        #download-page .files-list .download-options-popover li:last-child,
        #download-page .single-file-container .download-options-popover li:last-child {
          border-bottom-width: 0;
          padding: 0; }
      #download-page .files-list .download-options-popover .kindle-widget,
      #download-page .single-file-container .download-options-popover .kindle-widget {
        box-sizing: border-box;
        width: 100%;
        padding: 2px 6px 3px;
        margin: 5px 0 0;
        height: 22px; }
      #download-page .files-list .download-options-popover .kindle-email,
      #download-page .single-file-container .download-options-popover .kindle-email {
        margin-top: 5px; }
        #download-page .files-list .download-options-popover .kindle-email input[type=text],
        #download-page .single-file-container .download-options-popover .kindle-email input[type=text] {
          width: 76px;
          font-size: 13px;
          padding: 2px 5px 1px; }
  #download-page .mobile-file-row-right-toggle {
    display: none; }
  #download-page #download-landing-page {
    text-align: center; }
    #download-page #download-landing-page .header-container {
      background: #efefe9;
      border-bottom: 1px solid #ddd;
      padding: 18px 0 15px;
      margin-bottom: 50px;
      box-sizing: border-box; }
      #download-page #download-landing-page .header-container .download-landing-page-header {
        width: 940px;
        margin: 0 auto;
        text-align: left;
        position: relative;
        display: inline-block; }
        #download-page #download-landing-page .header-container .download-landing-page-header h2 {
          font-size: 24px;
          line-height: 42px;
          color: #797874;
          width: 650px; }
        #download-page #download-landing-page .header-container .download-landing-page-header h3 {
          color: #888;
          font-size: 16px;
          line-height: 27px;
          margin: 0; }
        #download-page #download-landing-page .header-container .download-landing-page-header .download-all {
          right: 0;
          top: 50%;
          float: right;
          margin-left: 15px; }
          #download-page #download-landing-page .header-container .download-landing-page-header .download-all .down-arrow {
            background: url(https://static-1.gumroad.com/res/gumroad/assets/download_page/down-arrow-de7dfb2aae6a8a1e7fecc67fb40510ca.png);
            width: 10px;
            height: 7px;
            display: inline-block;
            margin: 5px 2px 0 10px;
            float: right;
            -webkit-transition: all 0.1s cubic-bezier(0.23, 1.5, 0.32, 1);
                    transition: all 0.1s cubic-bezier(0.23, 1.5, 0.32, 1); }
          #download-page #download-landing-page .header-container .download-landing-page-header .download-all.showing .down-arrow {
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg); }
        #download-page #download-landing-page .header-container .download-landing-page-header .download-all-popover {
          font-size: 14px;
          line-height: 34px;
          right: 0;
          margin: 55px 0 0;
          z-index: 9; }
          #download-page #download-landing-page .header-container .download-landing-page-header .download-all-popover li {
            min-width: 160px;
            color: #797874;
            -webkit-transition: all .2s ease-in-out;
                    transition: all .2s ease-in-out;
            border-bottom: 1px solid #ddd; }
            #download-page #download-landing-page .header-container .download-landing-page-header .download-all-popover li:hover {
              cursor: pointer;
              color: #252a2e; }
              #download-page #download-landing-page .header-container .download-landing-page-header .download-all-popover li:hover .dropbox-dropin-btn {
                color: #252a2e; }
            #download-page #download-landing-page .header-container .download-landing-page-header .download-all-popover li:last-child {
              border-bottom-width: 0; }
          #download-page #download-landing-page .header-container .download-landing-page-header .download-all-popover .download-zip {
            padding: 10px 20px; }
            #download-page #download-landing-page .header-container .download-landing-page-header .download-all-popover .download-zip .gi {
              margin-top: 6px; }
          #download-page #download-landing-page .header-container .download-landing-page-header .download-all-popover .gi {
            font-size: 20px;
            margin-top: 14px;
            position: absolute;
            right: 20px; }
          #download-page #download-landing-page .header-container .download-landing-page-header .download-all-popover .dropbox-dropin-btn {
            padding: 22px 20px 18px;
            border: 0;
            border-radius: 0;
            background: transparent;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 14px;
            font-weight: normal;
            color: #797874;
            width: 170px;
            -webkit-transition: all .2s ease-in-out;
                    transition: all .2s ease-in-out; }
            #download-page #download-landing-page .header-container .download-landing-page-header .download-all-popover .dropbox-dropin-btn .dropin-btn-status {
              display: none; }
        #download-page #download-landing-page .header-container .download-landing-page-header .mobile-app-popover-trigger {
          display: block;
          float: right;
          z-index: 12; }
    #download-page #download-landing-page .files-list .file-row-left {
      width: 50%; }
    #download-page #download-landing-page .files-list .file-row-right {
      width: auto; }
    #download-page #download-landing-page .files-box {
      margin: 30px auto;
      text-align: left;
      height: 52px; }
      #download-page #download-landing-page .files-box .file-row,
      #download-page #download-landing-page .files-box .subtitle-row {
        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 .gi,
        #download-page #download-landing-page .files-box .subtitle-row .gi {
          font-size: 22px; }
        #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: #bbb;
            line-height: 25px; }
        #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 .subtitle-list {
        margin: 0; }
    #download-page #download-landing-page .single-file-container {
      border-radius: 4px;
      width: 670px;
      background: #fff;
      border: 1px solid #ddd;
      margin: 0 auto 30px;
      text-align: center;
      padding: 20px;
      box-sizing: border-box; }
      #download-page #download-landing-page .single-file-container .product-title {
        font-size: 24px;
        line-height: 34px; }
        #download-page #download-landing-page .single-file-container .product-title .gi {
          font-size: 82px;
          display: block;
          margin-bottom: 20px;
          color: #ddd;
          margin-right: 0; }
      #download-page #download-landing-page .single-file-container .file-type {
        color: #ddd;
        padding: 20px 0; }
      #download-page #download-landing-page .single-file-container .consumption-types {
        display: inline-block; }
        #download-page #download-landing-page .single-file-container .consumption-types li {
          float: left;
          margin-right: 10px; }
      #download-page #download-landing-page .single-file-container .download-options-popover {
        margin: 5px 0 0 -137px; }
    #download-page #download-landing-page .mini-rule {
      margin-top: 60px; }
    #download-page #download-landing-page form h3 {
      font-size: 17px;
      margin-bottom: 15px; }
    #download-page #download-landing-page form input {
      background: #fff;
      margin-right: 10px;
      vertical-align: bottom; }
    #download-page #download-landing-page form .tos-p {
      margin-top: 10px;
      font-size: 12px;
      color: #aaa; }
      #download-page #download-landing-page form .tos-p a {
        color: inherit;
        text-decoration: underline; }
    #download-page #download-landing-page .download-help {
      margin-top: 30px;
      display: block; }
  #download-page .add-to-library-options-container {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    box-sizing: border-box;
    width: 670px;
    margin: 0 auto 30px; }
  #download-page #share-options {
    bottom: 0;
    left: 0; }
    #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;
      text-align: left; }
    #download-page #share-options .sharing {
      float: none;
      margin-top: 0; }
      #download-page #share-options .sharing .button:last-of-type {
        margin-right: 0; }
  #download-page .mobile-apps-callout {
    bottom: 0;
    box-shadow: none;
    position: fixed;
    width: 100%; }

@media screen and (max-width: 480px) {
  #download-page #download-landing-page .header-container {
    margin-bottom: 15px; }
  #download-page #download-landing-page .single-file-container {
    width: inherit;
    margin: 15px;
    box-sizing: border-box; }
    #download-page #download-landing-page .single-file-container .download-options-popover {
      margin: 5px 0 0 -80px; }
      #download-page #download-landing-page .single-file-container .download-options-popover:before, #download-page #download-landing-page .single-file-container .download-options-popover:after {
        left: 50%; }

  #download-page .wrapper {
    padding-bottom: 0; }
  #download-page .mobile-apps-callout {
    display: none; }
  #download-page .files-list {
    border: 0;
    margin-top: 0; }
  #download-page .file-row-container {
    height: 52px;
    float: none; }
    #download-page .file-row-container .file-row {
      position: relative;
      float: none; }
    #download-page .file-row-container .file-row-left,
    #download-page .file-row-container .file-row-right {
      float: none;
      width: 100%; }
      #download-page .file-row-container .file-row-left .meta-holder,
      #download-page .file-row-container .file-row-right .meta-holder {
        display: none; }
        #download-page .file-row-container .file-row-left .meta-holder h3,
        #download-page .file-row-container .file-row-right .meta-holder h3 {
          font-size: 14px;
          line-height: 18px; }
      #download-page .file-row-container .file-row-left .download-options,
      #download-page .file-row-container .file-row-right .download-options {
        display: none; }
      #download-page .file-row-container .file-row-left .download-options-popover,
      #download-page .file-row-container .file-row-right .download-options-popover {
        display: block;
        border-radius: 0;
        background: transparent;
        position: relative;
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        border: 0;
        padding: 0;
        margin: 0;
        box-shadow: 0 0 0; }
        #download-page .file-row-container .file-row-left .download-options-popover:after, #download-page .file-row-container .file-row-left .download-options-popover:before,
        #download-page .file-row-container .file-row-right .download-options-popover:after,
        #download-page .file-row-container .file-row-right .download-options-popover:before {
          display: none; }
        #download-page .file-row-container .file-row-left .download-options-popover li,
        #download-page .file-row-container .file-row-right .download-options-popover li {
          padding: 0;
          float: left; }
    #download-page .file-row-container .file-row-left {
      height: 50px; }
    #download-page .file-row-container .file-row-right,
    #download-page .file-row-container .subtitle-upload-drawer--no-upload-box {
      display: none; }
    #download-page .file-row-container.open {
      height: auto;
      padding-bottom: 20px; }
      #download-page .file-row-container.open .file-row-right,
      #download-page .file-row-container.open .subtitle-upload-drawer--no-upload-box {
        display: block; }
      #download-page .file-row-container.open .subtitle-upload-drawer--no-upload-box {
        margin: 20px 0 -20px; }
      #download-page .file-row-container.open .mobile-file-row-right-toggle .gi {
        -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
                transform: rotate(270deg); }
  #download-page .mobile-file-row-right-toggle {
    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%);
    box-sizing: border-box;
    color: #ccc;
    display: block;
    font-size: 12px;
    height: 50px;
    left: 0;
    line-height: 50px;
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 9; }
    #download-page .mobile-file-row-right-toggle .gi {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
    #download-page .mobile-file-row-right-toggle .file-row-mobile-meta {
      margin-right: 5px; }
  #download-page #download-landing-page {
    padding: 0 0 40px; }
    #download-page #download-landing-page .files-list {
      width: 350px; }
    #download-page #download-landing-page .header-container .download-landing-page-header {
      width: 100%; }
      #download-page #download-landing-page .header-container .download-landing-page-header h2 {
        font-size: 18px;
        line-height: 28px;
        width: 90%;
        padding-left: 15px; }
      #download-page #download-landing-page .header-container .download-landing-page-header h3 {
        font-size: 14px;
        line-height: 18px; }
        #download-page #download-landing-page .header-container .download-landing-page-header h3.subheader {
          margin-top: 15px; }
      #download-page #download-landing-page .header-container .download-landing-page-header .download-all {
        display: none; }
      #download-page #download-landing-page .header-container .download-landing-page-header .mobile-app-popover-trigger {
        position: fixed;
        width: 100%;
        bottom: 0;
        background-color: #36a9ae;
        padding: 20px 0;
        color: #fff;
        border: 0;
        border-radius: 0; }
  #download-page .add-to-library-options-container {
    width: initial;
    margin: 0 15px; }
  #download-page #share-options {
    display: none; } }
.recommended-products {
  margin-top: 60px; }
  .recommended-products h3 {
    color: #797874;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    padding: 20px 0 30px; }
  .recommended-products .product {
    margin-bottom: 15px; }
    .recommended-products .product .product-price-tag {
      top: 20px;
      font-size: 18px;
      line-height: 18px;
      padding: 12px 10px 12px 8px; }
      .recommended-products .product .product-price-tag:before {
        border-width: 21px; }

@media (max-width: 768px) {
  .recommended-products {
    margin-top: 30px; }
    .recommended-products h3 {
      padding: 15px 0;
      font-size: 16px;
      line-height: 25px; } }
#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: #fff; }
      #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 .main-p.offer-codes h4 {
          margin-bottom: 0; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab .main-p.subscription-options-p label {
          font-size: 15px;
          margin-left: 5px; }
      #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: #fff; }
        #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: 466px;
        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,
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .rental_price_range {
        display: inline;
        padding-top: 14px;
        padding-bottom: 13px;
        text-align: center;
        width: 70px; }
      #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,
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_rent_wrapper {
        position: relative;
        display: inline-block;
        float: right;
        margin-left: 17px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper.has-duration .link_price_range,
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_rent_wrapper.has-duration .link_price_range {
          padding-right: 36px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper #duration_indicator,
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_rent_wrapper #duration_indicator {
          position: absolute;
          top: 15px;
          right: 15px;
          font-size: 15px;
          line-height: 22px;
          color: #aaa;
          pointer-events: none; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper #suggested_price_wrapper,
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_rent_wrapper #suggested_price_wrapper {
          position: absolute;
          bottom: 100%;
          right: 0;
          margin-bottom: 15px;
          z-index: 3;
          width: 191px; }
          #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,
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_rent_wrapper #suggested_price_wrapper:before,
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_rent_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,
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_rent_wrapper #suggested_price_wrapper:after {
            border-top-color: #fff;
            margin-top: -1px; }
          #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_rent_wrapper #suggested_price_wrapper:before {
            border-top-color: #ddd; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper #suggested_price_wrapper input,
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_rent_wrapper #suggested_price_wrapper input {
            padding: 14px 10px 13px;
            width: 70px; }
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper .input-prefix,
        #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_rent_wrapper .input-prefix {
          padding: 15px 10px; }
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_price_wrapper .input-prefix.focused,
          #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_rent_wrapper .input-prefix.focused {
            border-color: #aaaaaa; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab #edit_link_rent_wrapper {
        float: left; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.basic-tab .sales-tax-container {
        border: 1px solid #ddd;
        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: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: 57px;
          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: #ddd;
          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; }
          #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 .regions {
          border-top: 1px solid #ddd; }
          #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 #ddd; }
            #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 #ddd; }
            #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: #ddd;
        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: 22px; }
      #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 #ddd; }
      #left-wrapper #edit-page-tab-holder .edit-page-tab.options-tab.showing-limit-sales {
        min-height: 533px; }
  #left-wrapper .upload-container {
    font-size: 16px;
    color: #aaa;
    border: 2px dashed #ccc;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 15px;
    position: relative; }
    #left-wrapper .upload-container .choose {
      height: 80px;
      -webkit-transition: all .2s ease-in-out;
              transition: all .2s ease-in-out;
      position: absolute;
      width: 100%;
      padding-top: 20px;
      box-sizing: border-box; }
      #left-wrapper .upload-container .choose:hover {
        color: #252a2e;
        cursor: pointer;
        background: #eee; }
      #left-wrapper .upload-container .choose.not-showing {
        opacity: 0;
        -webkit-transform: translate(0, -5px);
            -ms-transform: translate(0, -5px);
                transform: translate(0, -5px);
        position: absolute;
        background: transparent;
        visibility: hidden; }
      #left-wrapper .upload-container .choose .gi {
        font-size: 32px;
        position: relative;
        top: 4px;
        margin-right: 6px; }
    #left-wrapper .upload-container .add-files {
      opacity: 0;
      height: 60px;
      margin: 15px 0 5px;
      -webkit-transition: all .20s ease-in-out;
              transition: all .20s ease-in-out;
      visibility: hidden; }
      #left-wrapper .upload-container .add-files.showing {
        opacity: 1;
        display: block;
        -webkit-transform: translate(0, -5px);
            -ms-transform: translate(0, -5px);
                transform: translate(0, -5px);
        visibility: visible; }
      #left-wrapper .upload-container .add-files ul {
        display: inline-block;
        width: 100%; }
      #left-wrapper .upload-container .add-files li {
        float: left;
        border-right: 1px solid #ccc;
        width: 33%;
        box-sizing: border-box;
        height: 60px;
        -webkit-transition: all .20s ease-in-out;
                transition: all .20s ease-in-out;
        padding-top: 15px; }
        #left-wrapper .upload-container .add-files li:hover, #left-wrapper .upload-container .add-files li.active {
          color: #252a2e;
          cursor: pointer; }
        #left-wrapper .upload-container .add-files li:last-child {
          border-right: 0; }
        #left-wrapper .upload-container .add-files li.disabled {
          pointer-events: none;
          border-right-color: #888;
          opacity: .4; }
      #left-wrapper .upload-container .add-files .gi {
        font-size: 24px;
        position: relative;
        top: 2px;
        margin-right: 6px; }
    #left-wrapper .upload-container .choose-existing {
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 4px;
      opacity: 0;
      margin: 10px 15px 15px;
      -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) translateZ(0);
              transform: scale(0) translateZ(0);
      -webkit-transform-origin: 50% 0%;
          -ms-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      position: absolute; }
      #left-wrapper .upload-container .choose-existing:before, #left-wrapper .upload-container .choose-existing: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: #ccc;
        margin-top: -17px; }
      #left-wrapper .upload-container .choose-existing:after {
        border-bottom-color: #eee;
        margin-top: -16px;
        z-index: 5; }
      #left-wrapper .upload-container .choose-existing.showing {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        display: block;
        position: relative; }
      #left-wrapper .upload-container .choose-existing .files {
        max-height: 330px;
        overflow-x: hidden;
        overflow-y: scroll; }
      #left-wrapper .upload-container .choose-existing li {
        border-top: 1px solid #ccc;
        font-size: 14px;
        text-align: left;
        padding: 10px;
        position: relative;
        height: 25px; }
        #left-wrapper .upload-container .choose-existing li:first-child {
          border-top: 0; }
        #left-wrapper .upload-container .choose-existing li:last-child {
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px; }
        #left-wrapper .upload-container .choose-existing li:hover {
          background: #f5f5f5;
          color: #252a2e;
          cursor: pointer; }
        #left-wrapper .upload-container .choose-existing li .gi,
        #left-wrapper .upload-container .choose-existing li .file-row-title,
        #left-wrapper .upload-container .choose-existing li .type {
          display: inline-block; }
        #left-wrapper .upload-container .choose-existing li .gi {
          font-size: 22px;
          float: left; }
        #left-wrapper .upload-container .choose-existing li .gi-check {
          background: #36a9ae;
          border-radius: 50%;
          color: #fff;
          height: 24px;
          line-height: 24px;
          right: 10px;
          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: 24px;
          float: right;
          opacity: 0;
          -webkit-transform: scale(0);
              -ms-transform: scale(0);
                  transform: scale(0);
          font-size: 10px; }
          #left-wrapper .upload-container .choose-existing li .gi-check.showing {
            opacity: 1;
            -webkit-transform: scale(1);
                -ms-transform: scale(1);
                    transform: scale(1); }
        #left-wrapper .upload-container .choose-existing li .file-row-title {
          color: #797874;
          margin: 2px 0 0 10px;
          width: 380px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          float: left; }
        #left-wrapper .upload-container .choose-existing li .type {
          color: #ccc;
          right: 50px;
          position: absolute;
          margin-top: 2px; }
      #left-wrapper .upload-container .choose-existing .search {
        background: #eee;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
        #left-wrapper .upload-container .choose-existing .search input[type=text] {
          width: 100%;
          box-sizing: border-box; }
      #left-wrapper .upload-container .choose-existing .check {
        width: 24px;
        height: 24px;
        border-radius: 24px;
        border: 1px solid #ddd;
        background: #fff;
        right: 10px;
        position: absolute;
        display: inline-block; }
        #left-wrapper .upload-container .choose-existing .check.not-showing {
          display: none; }
  #left-wrapper #file-drawer {
    padding: 20px;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    position: relative; }
    #left-wrapper #file-drawer .rotate-container {
      height: 85px; }
      #left-wrapper #file-drawer .rotate-container.showing-existing-files-container {
        height: 500px; }
    #left-wrapper #file-drawer .product-groups {
      border-top: 1px solid #ddd;
      margin: 20px 0; }
    #left-wrapper #file-drawer .product-group-controls {
      cursor: pointer;
      pointer-events: all; }
      #left-wrapper #file-drawer .product-group-controls h1 {
        color: #797874;
        font-size: 15px;
        text-align: center; }
        #left-wrapper #file-drawer .product-group-controls h1 .add-button {
          border-radius: 99px;
          border: 2px solid #797874;
          box-sizing: border-box;
          width: 18px;
          height: 18px;
          line-height: 10px;
          text-align: center;
          display: inline-block;
          font-weight: bold;
          position: relative;
          top: -1px;
          margin-right: 2px;
          text-decoration: none; }
      #left-wrapper #file-drawer .product-group-controls h2 {
        color: #aaa;
        font-size: 13px;
        text-align: center; }
    #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 #file-specific p {
      font-size: 15px;
      margin-top: 20px; }
      #left-wrapper #file-drawer #file-specific p input {
        margin-right: 5px; }
      #left-wrapper #file-drawer #file-specific p a {
        text-decoration: underline; }
      #left-wrapper #file-drawer #file-specific p .learn-more {
        float: right; }
      #left-wrapper #file-drawer #file-specific p small {
        font-size: 13px;
        margin-left: 10px;
        color: #aaa; }
    #left-wrapper #file-drawer .files-list {
      -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);
      opacity: 1;
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      margin-bottom: 20px;
      -webkit-transform-origin: 50% 0;
          -ms-transform-origin: 50% 0;
              transform-origin: 50% 0; }
    #left-wrapper #file-drawer .file-update-prompt {
      border-radius: 4px;
      margin-bottom: 20px;
      padding: 10px 14px;
      background: #fff;
      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: #fff;
        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 #file-drawer .product-files-grouping {
      margin: 20px 0;
      position: relative;
      -webkit-perspective: 300;
              perspective: 300; }
      #left-wrapper #file-drawer .product-files-grouping .files-list {
        margin-bottom: 0; }
      #left-wrapper #file-drawer .product-files-grouping.collapsed {
        height: 52px; }
        #left-wrapper #file-drawer .product-files-grouping.collapsed .product-files-grouping-title {
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px; }
        #left-wrapper #file-drawer .product-files-grouping.collapsed .files-list {
          opacity: 0;
          -webkit-transform: rotateX(-60deg);
                  transform: rotateX(-60deg);
          pointer-events: none; }
      #left-wrapper #file-drawer .product-files-grouping .product-files-grouping-title {
        background-color: #fff;
        border: 1px #ddd solid;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        padding: 15px; }
        #left-wrapper #file-drawer .product-files-grouping .product-files-grouping-title .edit-grouping-title {
          border: 0;
          box-shadow: none !important;
          color: #252a2e;
          font-size: 15px;
          padding: 0;
          width: 525px; }
      #left-wrapper #file-drawer .product-files-grouping .file-row {
        color: #aaa; }
        #left-wrapper #file-drawer .product-files-grouping .file-row:hover {
          cursor: pointer;
          color: #797874; }
      #left-wrapper #file-drawer .product-files-grouping .unsaved {
        background-color: #f9f9f9; }
      #left-wrapper #file-drawer .product-files-grouping .product-files-grouping-edit-actions {
        position: absolute;
        right: 0;
        top: 0;
        padding: 15px; }
        #left-wrapper #file-drawer .product-files-grouping .product-files-grouping-edit-actions .ellipsis-icon {
          width: 22px;
          height: 22px;
          display: block;
          background: url(https://static-1.gumroad.com/res/gumroad/assets/ellipsis-icon-f53338ce859690db630916e35e5c5e49.svg) top left;
          margin-right: 5px; }
          #left-wrapper #file-drawer .product-files-grouping .product-files-grouping-edit-actions .ellipsis-icon:hover {
            background-position: bottom right;
            cursor: pointer; }
        #left-wrapper #file-drawer .product-files-grouping .product-files-grouping-edit-actions li {
          display: inline-block; }
      #left-wrapper #file-drawer .product-files-grouping .file-row-container:nth-child(1),
      #left-wrapper #file-drawer .product-files-grouping .files-list {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top-width: 0; }
      #left-wrapper #file-drawer .product-files-grouping .file-row-right li:hover {
        cursor: pointer; }
      #left-wrapper #file-drawer .product-files-grouping .file-row-right .gi-check {
        background: #36a9ae;
        border: 1px solid #2a8387;
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
        background: -webkit-linear-gradient(top, #37adb2, #329ca0);
        background: linear-gradient(to bottom, #37adb2, #329ca0);
        border-radius: 50%;
        color: #fff;
        height: 20px;
        line-height: 20px;
        right: 15px;
        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: 20px;
        float: right;
        opacity: 0;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0);
        font-size: 10px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
        #left-wrapper #file-drawer .product-files-grouping .file-row-right .gi-check.showing {
          opacity: 1;
          -webkit-transform: scale(1);
              -ms-transform: scale(1);
                  transform: scale(1); }
      #left-wrapper #file-drawer .product-files-grouping .file-row-right .check {
        width: 20px;
        height: 20px;
        border-radius: 20px;
        border: 1px solid #ddd;
        background: #fff;
        right: 15px;
        position: absolute;
        display: inline-block;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
        #left-wrapper #file-drawer .product-files-grouping .file-row-right .check.not-showing {
          display: none; }
  #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; }

.offer-code-actions-holder {
  margin-top: 20px; }
  .offer-code-actions-holder .offer-code-action {
    background: #fff;
    display: inline-block;
    width: 300px;
    position: relative; }
    .offer-code-actions-holder .offer-code-action input[type="checkbox"] {
      display: none;
      left: -9999px;
      position: absolute;
      top: -99999px; }
      .offer-code-actions-holder .offer-code-action input[type="checkbox"]:checked ~ .checkbox-container .checked-state {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
      .offer-code-actions-holder .offer-code-action input[type="checkbox"]:checked ~ .checkbox-container .unchecked-state {
        opacity: 0;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0); }
    .offer-code-actions-holder .offer-code-action .checked-state,
    .offer-code-actions-holder .offer-code-action .unchecked-state {
      width: 22px;
      height: 22px;
      display: block;
      border: 1px solid;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      font-size: 10px;
      left: 0;
      line-height: 22px;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
      -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); }
    .offer-code-actions-holder .offer-code-action .checked-state {
      border-color: #30969b;
      background: #36a9ae;
      opacity: 0;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0); }
    .offer-code-actions-holder .offer-code-action .unchecked-state {
      background: #fff;
      border-color: #ddd;
      display: block;
      height: 20px;
      width: 20px; }
    .offer-code-actions-holder .offer-code-action label {
      color: #aaa;
      font-size: 14px;
      padding-left: 32px;
      position: relative;
      top: 1px;
      width: 100%;
      z-index: 5; }
      .offer-code-actions-holder .offer-code-action label:hover {
        color: #9d9d9d;
        cursor: pointer; }

.billing-options-grid {
  float: left;
  margin-bottom: 10px;
  width: 630px; }
  .billing-options-grid .billing-option-container {
    float: left;
    position: relative;
    width: 310px; }
    .billing-options-grid .billing-option-container:nth-child(odd) {
      margin: 0 10px 10px 0; }
    .billing-options-grid .billing-option-container .billing-option {
      border: 1px dashed #ddd;
      border-radius: 4px;
      box-shadow: 0 1px 2px transparent;
      box-sizing: border-box;
      color: #aaa;
      overflow: hidden;
      -webkit-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out;
      width: 100%; }
    .billing-options-grid .billing-option-container input[type=checkbox] {
      display: none;
      left: -9999px;
      position: absolute;
      top: -9999px; }
    .billing-options-grid .billing-option-container > label {
      background: rgba(255, 255, 255, 0.2);
      border-radius: 4px;
      height: 100%;
      line-height: 50px;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 5; }
      .billing-options-grid .billing-option-container > label:hover {
        cursor: pointer;
        background: rgba(255, 255, 255, 0); }
    .billing-options-grid .billing-option-container input[type=checkbox]:checked ~ .billing-option {
      border: 1px solid #ddd;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      opacity: 1; }
      .billing-options-grid .billing-option-container input[type=checkbox]:checked ~ .billing-option .input-prefix,
      .billing-options-grid .billing-option-container input[type=checkbox]:checked ~ .billing-option .link_price_range {
        border-style: solid; }
      .billing-options-grid .billing-option-container input[type=checkbox]:checked ~ .billing-option .billing-option-right,
      .billing-options-grid .billing-option-container input[type=checkbox]:checked ~ .billing-option .link_price_range {
        color: #252a2e; }
      .billing-options-grid .billing-option-container input[type=checkbox]:checked ~ .billing-option .input-prefix {
        background: #eee; }
      .billing-options-grid .billing-option-container input[type=checkbox]:checked ~ .billing-option .gi-check {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
    .billing-options-grid .billing-option-container input[type=checkbox]:checked ~ label {
      background: rgba(255, 255, 255, 0);
      width: 200px; }
  .billing-options-grid .billing-option-left {
    float: left;
    width: 110px; }
    .billing-options-grid .billing-option-left .input-prefix,
    .billing-options-grid .billing-option-left .link_price_range {
      background: transparent;
      border-width: 0;
      border-radius: 0;
      border-style: dashed;
      box-sizing: border-box;
      height: 50px;
      position: relative;
      text-align: center; }
    .billing-options-grid .billing-option-left .input-prefix {
      border-right: 0;
      padding: 17px 10px;
      width: 30px; }
    .billing-options-grid .billing-option-left .link_price_range {
      border-width: 0 1px;
      width: 80px; }
      .billing-options-grid .billing-option-left .link_price_range:focus {
        border-color: #ddd; }
  .billing-options-grid .billing-option-right {
    box-sizing: border-box;
    float: left;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    position: relative;
    width: 198px; }
    .billing-options-grid .billing-option-right .empty-circle,
    .billing-options-grid .billing-option-right .gi-check {
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      border-radius: 50%;
      height: 20px;
      line-height: 20px;
      width: 20px;
      position: absolute;
      right: 15px;
      top: 13px; }
    .billing-options-grid .billing-option-right .empty-circle {
      border: 1px solid rgba(0, 0, 0, 0.15);
      z-index: 3; }
    .billing-options-grid .billing-option-right .default {
      background: #ddd;
      border: 1px solid #c4c4c4;
      border-radius: 2px;
      color: #666;
      font-size: 10px;
      font-weight: bold;
      line-height: 12px;
      padding: 3px;
      right: 45px;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: 15px;
      width: auto;
      z-index: 3; }
    .billing-options-grid .billing-option-right .gi-check {
      background: #36a9ae;
      border: 1px solid #2a8387;
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
      background: -webkit-linear-gradient(top, #37adb2, #329ca0);
      background: linear-gradient(to bottom, #37adb2, #329ca0);
      border-radius: 50%;
      color: #fff;
      font-size: 9px;
      opacity: 0;
      text-align: center;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0);
      -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);
      z-index: 4; }

.product-option-row {
  font-size: 17px;
  padding: 20px;
  border-bottom: 1px solid #ddd;
  position: relative; }
  .product-option-row:last-child {
    border-bottom: 0; }

.product-option-row-header .limit-sales-link {
  display: inline-block;
  padding-top: 6px; }
.product-option-row-header .product-option-row-header__input {
  color: #252a2e;
  display: inline-block;
  height: 30px;
  margin-right: 15px; }
  .product-option-row-header .product-option-row-header__input:last-child {
    margin-right: 0; }
  .product-option-row-header .product-option-row-header__input label {
    display: inline-block;
    vertical-align: top;
    padding-top: 6px; }
  .product-option-row-header .product-option-row-header__input > input {
    box-sizing: border-box;
    height: 30px; }
    .product-option-row-header .product-option-row-header__input > input.duration {
      width: 50px; }
    .product-option-row-header .product-option-row-header__input > input.permalink {
      width: 95px; }

.limit-sales-tooltip {
  width: 590px;
  padding: 20px;
  margin-top: 10px;
  left: 20px;
  font-size: 15px; }
  .limit-sales-tooltip h4 {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    color: #aaa;
    text-transform: uppercase;
    font-weight: normal; }
  .limit-sales-tooltip label {
    color: #797874;
    cursor: pointer;
    font-size: 13px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 15px);
    white-space: nowrap;
    display: block; }
    .limit-sales-tooltip label:hover {
      color: #252a2e; }
    .limit-sales-tooltip label:after {
      width: 15px;
      height: 15px;
      display: block;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #ddd;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      content: "";
      display: block;
      font-size: 7px;
      font-family: GumIcons;
      line-height: 15px;
      position: absolute;
      right: 0;
      text-align: center;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .limit-sales-tooltip input[type="checkbox"] {
    text-indent: -9999px;
    display: none; }
    .limit-sales-tooltip input[type="checkbox"]:checked ~ label:after {
      background: #36a9ae;
      border: 1px solid #2a8387;
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
      background: -webkit-linear-gradient(top, #37adb2, #329ca0);
      background: linear-gradient(to bottom, #37adb2, #329ca0);
      color: #fff;
      content: "\e015"; }
  .limit-sales-tooltip input[type="text"] {
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box; }
  .limit-sales-tooltip ul {
    overflow: hidden; }
    .limit-sales-tooltip ul li {
      width: calc(25% - 20px);
      float: left;
      margin-right: 25px;
      position: relative; }
      .limit-sales-tooltip ul li:nth-child(4n) {
        margin-right: 0; }

#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-email {
          padding: 7px 10px; }
        #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: #fff;
        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: #fff;
        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 .customization-modules-container,
  body.is-embed .top-bar,
  body.is-embed .locale-holder,
  body.is-embed .profile-background-container {
    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-2d247d6e73f4cfc49dfa27746c99ed3e.png) 8px -11px repeat-x, -webkit-linear-gradient(top left, #fafafa, #f5f5f5);
  background: url(https://static-1.gumroad.com/res/gumroad/assets/product/patterns-2d247d6e73f4cfc49dfa27746c99ed3e.png) 8px -11px repeat-x, linear-gradient(to bottom right, #fafafa, #f5f5f5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  padding-bottom: 10px;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 4px; }
  .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.3);
    font-size: 12px;
    margin: 0 0 5px;
    text-transform: uppercase; }
  .envelope .custom-field-container input {
    margin-top: 10px; }
    .envelope .custom-field-container input:first-of-type {
      margin-top: 0; }
  .envelope .email-confirm-dialog {
    padding: 10px;
    top: 100%;
    margin-top: 8px;
    width: 300px;
    margin-left: -150px;
    left: 50%;
    box-sizing: border-box; }
    .envelope .email-confirm-dialog span {
      display: block;
      margin-bottom: 5px; }
    .envelope .email-confirm-dialog .button {
      margin-right: 5px; }
  .envelope p {
    box-sizing: border-box;
    padding: 10px 10px 0;
    margin: 0;
    font-size: 13px;
    line-height: 21px;
    width: 100%; }
    .envelope p .btn.social {
      box-sizing: border-box;
      position: relative;
      text-align: left;
      width: 100%; }
      .envelope p .btn.social i {
        top: 10px; }
    .envelope p input[type=text],
    .envelope p input[type=email],
    .envelope p input[type=password],
    .envelope p textarea,
    .envelope p select {
      border-radius: 4px;
      box-sizing: border-box;
      display: inline-block;
      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[type=text]:focus,
      .envelope p input[type=email]:focus,
      .envelope p input[type=password]:focus,
      .envelope p textarea:focus,
      .envelope p select:focus {
        border-color: #aaa; }
      .envelope p input[type=text].error,
      .envelope p input[type=email].error,
      .envelope p input[type=password].error,
      .envelope p textarea.error,
      .envelope p select.error {
        background: #fff; }
    .envelope p.variant_selection select {
      margin-top: 10px; }
      .envelope p.variant_selection select:first-child {
        margin-top: 0; }
    .envelope p textarea {
      margin-top: 12px;
      min-height: 100px;
      resize: vertical; }
    .envelope p .purchase_state {
      float: left;
      margin-right: 10px;
      width: 31%;
      width: calc(30% - 10px); }
    .envelope p.multi-column {
      position: relative;
      display: block;
      overflow: hidden;
      min-height: 38px; }
      .envelope p.multi-column input,
      .envelope p.multi-column select {
        float: left; }
      .envelope p.multi-column .purchase_city {
        margin-right: 10px;
        width: 31%;
        width: calc(39% - 10px); }
      .envelope p.multi-column .purchase_zip_code {
        width: 31%; }
      .envelope p.multi-column.no-dropdown .purchase_state {
        width: 31%;
        width: calc(31% - 10px); }
      .envelope p.multi-column.no-dropdown .purchase_zip_code {
        width: 30%; }
    .envelope p.shipping-rate-holder {
      overflow: hidden;
      min-height: 38px; }
    .envelope p.has-shipping-rate select {
      width: 70%;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      float: left; }
    .envelope p.has-shipping-rate .shipping-rate {
      border-radius: 4px;
      box-sizing: border-box;
      width: 30%;
      height: 38px;
      text-align: center;
      font-size: 14px;
      line-height: 36px;
      color: #aaa;
      float: right;
      border: 1px solid #ddd;
      border-left: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      display: block; }
  .envelope.small {
    margin-bottom: 10px; }
  .envelope .keep-on-file-notice {
    float: right; }
    .envelope .keep-on-file-notice label {
      display: inline-block;
      margin-left: 4px;
      width: auto;
      cursor: pointer; }
  .envelope .street-address-checker {
    border-radius: 4px;
    position: relative;
    margin: 10px 10px 0;
    padding: 5px 10px;
    background: #eee;
    border: 1px solid #ccc; }
    .envelope .street-address-checker strong {
      font-weight: normal;
      display: block; }
    .envelope .street-address-checker button {
      margin: 5px 2px 5px 0; }
    .envelope .street-address-checker:before, .envelope .street-address-checker:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 8px;
      left: 15%;
      margin-left: -8px;
      top: 100%;
      border-top-color: #ccc;
      margin-top: 1px; }
    .envelope .street-address-checker:after {
      border-top-color: #eee;
      margin-top: 0;
      z-index: 10; }

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

.following-list {
  margin-bottom: 50px; }
  .following-list a:not(.button) {
    display: block; }
    .following-list a:not(.button):hover {
      text-decoration: none; }
  .following-list .creator-profile-card {
    margin-top: 60px; }
  .following-list .creator-profile-card--small {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    margin: 30px 0;
    max-width: 100%;
    position: relative;
    pointer-events: all; }
    .following-list .creator-profile-card--small:last-child {
      margin-bottom: 0; }
    .following-list .creator-profile-card--small .creator-profile-card__bio {
      height: 80px;
      overflow: hidden; }
    .following-list .creator-profile-card--small .button {
      display: block;
      text-align: center; }
    .following-list .creator-profile-card--small:after, .following-list .creator-profile-card--small:before {
      display: none; }

@media (max-width: 768px) {
  .following-list {
    margin-bottom: 15px; }
    .following-list .creator-profile-card--small {
      min-height: 0; }
      .following-list .creator-profile-card--small .creator-profile-card__bio {
        min-height: 0; } }
footer {
  clear: both;
  padding-top: 36px;
  text-align: left;
  font-size: 13px;
  line-height: 21px;
  color: #797874;
  background: #fff;
  position: relative; }
  footer .top-bar {
    z-index: 0; }
  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 .dev-info {
    padding: 18px 0; }
    footer .dev-info ul li {
      display: inline; }
      footer .dev-info ul li:after {
        content: " \00b7 "; }
      footer .dev-info ul li:last-child:after {
        content: ""; }
      footer .dev-info ul li em {
        font-weight: bold; }
  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: #fff;
      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-column {
  width: 202px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 36px;
  padding: 0 30px;
  border-right: 1px dotted #e8e8e8;
  height: 172px; }
  .footer-column:first-child {
    padding-left: 0; }
  .footer-column:last-child {
    border-right-width: 0;
    padding-right: 0; }
  .footer-column h5 {
    margin-bottom: 14px;
    font-weight: bold; }
  .footer-column .footer-item {
    display: block;
    font-size: 14px;
    padding: 8px 0; }
    .footer-column .footer-item .about-item a:not(:first-of-type):before {
      content: "/";
      padding: 0 5px; }
    .footer-column .footer-item a {
      color: #b0b0b0;
      font-size: 13px;
      -webkit-transition: color .2s linear;
              transition: color .2s linear; }
      .footer-column .footer-item a:hover {
        color: #838383;
        text-decoration: none; }
    .footer-column .footer-item .gi {
      font-size: 16px;
      margin-right: 8px;
      margin-left: 2px; }
      .footer-column .footer-item .gi.gi-facebook {
        font-size: 20px;
        margin-left: 0; }
  .footer-column .blog-date {
    display: block;
    color: #ccc; }
  .footer-column.blog {
    border-right: 0; }
    .footer-column.blog li {
      margin: 12px 0; }
      .footer-column.blog li a {
        font-size: 13px;
        color: #b0b0b0; }
      .footer-column.blog li .blog-date {
        font-weight: normal; }

@media (max-width: 768px) {
  footer #footer-terminal {
    display: none; }

  .footer-column {
    border-right: 0;
    height: auto;
    margin-bottom: 15px;
    padding: 0; }
    .footer-column .footer-card form input[type=email] {
      width: 86%; } }
.minimal-footer {
  background: rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 13px;
  padding: 30px; }
  .minimal-footer a {
    color: #fff; }
    .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; } }
.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 h4 .add-button {
    border-radius: 99px;
    border: 2px solid #bbb;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    line-height: 12px;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    position: relative;
    text-decoration: none; }
    .input-group h4 .add-button:hover {
      color: #888;
      border-color: #888; }
  .input-group h4 .default-sku-button {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/product/sku_icon-e55e9d409e1b24742a4a7f1e8e5d0b86.png) top left;
    width: 29px;
    height: 20px;
    margin-right: 10px; }
    .input-group h4 .default-sku-button:hover, .input-group h4 .default-sku-button.active {
      background-position: bottom left; }
  .input-group h4 .default-sku-popover {
    border-radius: 4px;
    opacity: 0;
    background: #fff;
    border: 1px solid #ddd;
    width: 390px;
    z-index: 10;
    margin: -95px 0 0 220px;
    position: absolute;
    padding: 15px;
    -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: 85% 100%;
        -ms-transform-origin: 85% 100%;
            transform-origin: 85% 100%;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.11); }
    .input-group h4 .default-sku-popover.showing-default-sku {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    .input-group h4 .default-sku-popover:after, .input-group h4 .default-sku-popover:before {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 8px;
      top: 56px;
      left: 84%;
      border-top-color: #fff; }
    .input-group h4 .default-sku-popover:before {
      border-top-color: #ddd;
      margin-top: 1px; }
    .input-group h4 .default-sku-popover input {
      border: 0;
      box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.02);
      padding: 3px;
      width: 300px; }
    .input-group h4 .default-sku-popover .gi {
      font-size: 22px;
      float: left; }
    .input-group h4 .default-sku-popover .gi-check {
      background: #36a9ae;
      border-radius: 50%;
      color: #fff;
      height: 24px;
      line-height: 24px;
      right: 15px;
      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: 24px;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0);
      font-size: 10px;
      position: absolute;
      opacity: 0; }
      .input-group h4 .default-sku-popover .gi-check.showing {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
      .input-group h4 .default-sku-popover .gi-check:hover {
        cursor: pointer; }
.input-group p {
  color: #bbb;
  font-size: 15px; }
  .input-group p input[type=checkbox] {
    margin-right: 4px; }
.input-group .inputs-box {
  width: 628px;
  margin: 10px 20px 20px 0;
  position: relative; }
  .input-group .inputs-box.variants-box {
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #f5f5f5; }
    .input-group .inputs-box.variants-box .name {
      box-sizing: border-box; }
    .input-group .inputs-box.variants-box .question-icon {
      width: 22px;
      height: 22px;
      display: block;
      background: url(https://static-1.gumroad.com/res/gumroad/assets/question-icon-351022003077f08e2d20959b0afb5e8c.svg) top left;
      position: absolute;
      right: 20px;
      top: 20px; }
      .input-group .inputs-box.variants-box .question-icon:hover {
        background-position: bottom right;
        cursor: pointer; }
    .input-group .inputs-box.variants-box .contains-category-name-popover {
      background-image: url(https://static-1.gumroad.com/res/gumroad/assets/variants-choose-tooltip-b8143c822f5178c0f4b9f27b1a17638c.png);
      background-position: bottom left;
      background-repeat: no-repeat;
      box-sizing: border-box;
      height: 233px;
      left: 613px;
      top: -6px;
      width: 250px; }
      .input-group .inputs-box.variants-box .contains-category-name-popover p {
        color: #797874;
        border-bottom: 1px solid #ddd;
        font-size: 13px;
        padding: 15px; }
    .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 #ddd; }
    .input-group .inputs-box.skus-box .option-options-wrapper .max-purchase-count {
      width: 81px; }
    .input-group .inputs-box.skus-box .option-options-wrapper .copy {
      right: 100%;
      width: 100px;
      display: inline-block;
      position: absolute;
      top: 11px;
      text-align: right;
      margin-right: 105px;
      cursor: pointer; }
  .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: 13px;
    color: #aaa;
    padding-bottom: 10px;
    display: block; }
    .input-group .inputs-box .subheader.quantity {
      width: 102px; }
    .input-group .inputs-box .subheader.additional {
      width: 112px;
      text-align: center; }
  .input-group .inputs-box .option {
    border-radius: 0;
    color: #252a2e;
    background: transparent;
    border: 1px solid #ddd;
    border-bottom-width: 0;
    -webkit-transition: all .06s ease-in-out;
            transition: all .06s ease-in-out;
    height: 20px;
    width: 348px;
    padding-right: 232px; }
  .input-group .inputs-box .option-select {
    height: 41px;
    padding-left: 10px;
    width: 628px; }
  .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: 150px; }
    .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:last-of-type .option-select {
      height: 42px; }
    .input-group .inputs-box .option-couplet .url {
      position: absolute;
      top: 11px;
      color: #aaa;
      font-size: 17px;
      pointer-events: none; }
    .input-group .inputs-box .option-couplet .edit-custom-sku {
      position: absolute;
      right: 225px;
      margin-top: -30px; }
    .input-group .inputs-box .option-couplet .amount-left {
      right: 275px; }
    .input-group .inputs-box .option-couplet .save-custom-sku {
      right: 220px;
      position: absolute;
      margin-top: -30px; }
    .input-group .inputs-box .option-couplet .showing-sku {
      font-size: 10px;
      padding-top: 0;
      height: 30px;
      color: #ccc; }
    .input-group .inputs-box .option-couplet .custom-sku {
      position: absolute;
      border: 0;
      margin-top: -33px;
      background-color: transparent !important;
      width: 360px;
      box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.02);
      color: #797874;
      opacity: 0;
      -webkit-transition: all .1s ease-in-out;
              transition: all .1s ease-in-out; }
      .input-group .inputs-box .option-couplet .custom-sku.showing-custom-sku {
        opacity: 1; }
    .input-group .inputs-box .option-couplet .gi {
      font-size: 22px;
      float: left; }
    .input-group .inputs-box .option-couplet .gi-compass {
      padding-left: 1px;
      width: 27px; }
    .input-group .inputs-box .option-couplet .save-custom-sku,
    .input-group .inputs-box .option-couplet .gi-check {
      background: #36a9ae;
      border-radius: 50%;
      color: #fff;
      height: 24px;
      line-height: 24px;
      right: 215px;
      margin-top: -32px;
      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: 24px;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0);
      font-size: 10px;
      position: absolute;
      opacity: 0; }
      .input-group .inputs-box .option-couplet .save-custom-sku.showing-save-custom-sku,
      .input-group .inputs-box .option-couplet .gi-check.showing-save-custom-sku {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
      .input-group .inputs-box .option-couplet .save-custom-sku.not-showing-save-custom-sku,
      .input-group .inputs-box .option-couplet .gi-check.not-showing-save-custom-sku {
        opacity: 0;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0); }
      .input-group .inputs-box .option-couplet .save-custom-sku:hover,
      .input-group .inputs-box .option-couplet .gi-check:hover {
        cursor: pointer; }
  .input-group .inputs-box .used {
    color: #aaa;
    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: #797874; }
    .input-group .inputs-box .prefix-checkbox input {
      margin-right: 5px; }
    .input-group .inputs-box .prefix-checkbox.custom-checkbox label {
      color: #aaa;
      font-size: 12px;
      padding-left: 32px;
      position: relative;
      z-index: 5; }
      .input-group .inputs-box .prefix-checkbox.custom-checkbox label:hover {
        cursor: pointer; }
    .input-group .inputs-box .prefix-checkbox.custom-checkbox .checkbox-container {
      height: 22px;
      left: 10px;
      position: absolute;
      top: 8px; }
      .input-group .inputs-box .prefix-checkbox.custom-checkbox .checkbox-container .unchecked-state,
      .input-group .inputs-box .prefix-checkbox.custom-checkbox .checkbox-container .checked-state {
        width: 22px;
        height: 22px;
        display: block;
        border: 1px solid;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 10px;
        left: 0;
        line-height: 22px;
        margin-top: 0;
        position: absolute;
        text-align: center;
        top: 0;
        -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); }
      .input-group .inputs-box .prefix-checkbox.custom-checkbox .checkbox-container .unchecked-state {
        background: #fff;
        border-color: #ddd; }
      .input-group .inputs-box .prefix-checkbox.custom-checkbox .checkbox-container .checked-state {
        background: #36a9ae;
        border-color: #30969b;
        opacity: 0;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0); }
    .input-group .inputs-box .prefix-checkbox.custom-checkbox input[type="checkbox"] {
      display: none;
      left: -9999px;
      position: absolute;
      top: -9999px; }
      .input-group .inputs-box .prefix-checkbox.custom-checkbox input[type="checkbox"]:checked ~ .checkbox-container .checked-state {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
      .input-group .inputs-box .prefix-checkbox.custom-checkbox input[type="checkbox"]:checked ~ .checkbox-container .unchecked-state {
        opacity: 0;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0); }
  .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 #ddd;
    border-bottom: 1px solid #ddd;
    border-width: 1px 0; }
    .input-group .inputs-box .option-options-wrapper span,
    .input-group .inputs-box .option-options-wrapper .copy {
      font-size: 15px;
      line-height: 17px;
      padding: 0 10px; }
    .input-group .inputs-box .option-options-wrapper .copy {
      padding: 0 8px;
      display: inline-block;
      color: #aaa;
      text-decoration: underline;
      cursor: pointer; }
    .input-group .inputs-box .option-options-wrapper .price-prefix {
      background: #eee;
      color: #aaa;
      position: absolute;
      top: -1px;
      bottom: -1px;
      right: 100%;
      height: 16px;
      text-align: center;
      padding: 12px 8px;
      border: 1px solid #ddd;
      font-size: 15px;
      line-height: 17px;
      min-width: 20px; }
  .input-group .inputs-box .offer-code-options-wrapper,
  .input-group .inputs-box .shipping-destination-options-wrapper {
    border-color: transparent; }
    .input-group .inputs-box .offer-code-options-wrapper .currency_sign,
    .input-group .inputs-box .shipping-destination-options-wrapper .currency_sign {
      padding-right: 0; }
    .input-group .inputs-box .offer-code-options-wrapper .amount-off-prefix,
    .input-group .inputs-box .offer-code-options-wrapper .amount-alone-prefix,
    .input-group .inputs-box .offer-code-options-wrapper .amount-with-others-prefix,
    .input-group .inputs-box .shipping-destination-options-wrapper .amount-off-prefix,
    .input-group .inputs-box .shipping-destination-options-wrapper .amount-alone-prefix,
    .input-group .inputs-box .shipping-destination-options-wrapper .amount-with-others-prefix {
      text-decoration: underline;
      color: #aaa;
      font-size: 15px;
      background: #eee;
      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,
      .input-group .inputs-box .offer-code-options-wrapper .amount-alone-prefix.showing,
      .input-group .inputs-box .offer-code-options-wrapper .amount-with-others-prefix.showing,
      .input-group .inputs-box .shipping-destination-options-wrapper .amount-off-prefix.showing,
      .input-group .inputs-box .shipping-destination-options-wrapper .amount-alone-prefix.showing,
      .input-group .inputs-box .shipping-destination-options-wrapper .amount-with-others-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,
  .input-group .inputs-box .amount-alone,
  .input-group .inputs-box .amount-with-others {
    border-radius: 0;
    width: 50px;
    height: 20px;
    border: 0;
    text-align: center;
    color: #aaa;
    border-bottom: 1px solid #ddd; }
  .input-group .inputs-box .amount-off,
  .input-group .inputs-box .quantity,
  .input-group .inputs-box .amount-alone,
  .input-group .inputs-box .amount-with-others {
    border: 1px solid #ddd;
    border-width: 0 1px; }
    .input-group .inputs-box .amount-off:focus,
    .input-group .inputs-box .quantity:focus,
    .input-group .inputs-box .amount-alone:focus,
    .input-group .inputs-box .amount-with-others: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 #ddd; }
    .input-group .inputs-box .max-purchase-count:focus {
      border-color: none;
      box-shadow: none; }
  .input-group .inputs-box .shipping-destination-couplet select {
    border-radius: 0;
    border-bottom: 0;
    background-position: 43% 50%; }
  .input-group .inputs-box .shipping-destination-couplet:first-of-type {
    margin-top: 10px; }
    .input-group .inputs-box .shipping-destination-couplet:first-of-type select {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
  .input-group .inputs-box .shipping-destination-couplet:last-of-type select {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .input-group .inputs-box .shipping-destination-couplet .amount-alone,
  .input-group .inputs-box .shipping-destination-couplet .amount-with-others {
    width: 90px;
    text-align: left;
    border: 0; }
  .input-group .inputs-box .shipping-destination-couplet .amount-alone-prefix,
  .input-group .inputs-box .shipping-destination-couplet .amount-with-others-prefix {
    display: inline-block;
    height: 21px;
    text-align: center;
    top: -2px;
    text-decoration: none !important;
    position: relative; }
  .input-group .inputs-box .remove-option-button {
    position: absolute;
    background: #cd5959;
    color: #fff;
    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,
  .input-group .inputs-box .option-couplet:last-of-type select,
  .input-group .inputs-box .shipping-destination-couplet:last-of-type .option,
  .input-group .inputs-box .shipping-destination-couplet:last-of-type .offer-code-name,
  .input-group .inputs-box .shipping-destination-couplet:last-of-type select {
    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,
  .input-group .inputs-box .option-couplet:last-of-type .shipping-destination-options-wrapper,
  .input-group .inputs-box .shipping-destination-couplet:last-of-type .price-change-wrapper,
  .input-group .inputs-box .shipping-destination-couplet:last-of-type .offer-code-options-wrapper,
  .input-group .inputs-box .shipping-destination-couplet:last-of-type .shipping-destination-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: #797874;
    font-size: 18px;
    line-height: 1.8;
    text-align: center; }

.invites-content {
  border-radius: 4px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  margin: 40px 0;
  padding: 0; }
  .invites-content .invites-form {
    background: #f5f5f5;
    padding: 15px; }
    .invites-content .invites-form .invites-email-input,
    .invites-content .invites-form input[type=url] {
      width: 100%;
      box-sizing: border-box; }
      .invites-content .invites-form .invites-email-input input,
      .invites-content .invites-form input[type=url] input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right-width: 0; }
      .invites-content .invites-form .invites-email-input button,
      .invites-content .invites-form input[type=url] 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: #fff;
      border: 1px solid #ddd;
      color: #aaa;
      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: #aaa;
          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: #919191; }
        .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: #aaa; }
        .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:not(.affiliates-form) .four.columns {
      padding-right: 0; }
    .invites-content .invites-form.affiliates-form .columns:not(:first-of-type),
    .invites-content .invites-form.affiliates-form .column {
      padding-left: 0; }
    .invites-content .invites-form.affiliates-form .affiliate-email {
      width: 100%;
      box-sizing: border-box; }
    .invites-content .invites-form.affiliates-form .mini-rule {
      opacity: .1;
      border-top-style: dotted;
      margin: 15px 0; }
    .invites-content .invites-form.affiliates-form select,
    .invites-content .invites-form.affiliates-form button {
      width: 100%;
      height: 42px;
      padding: 10px; }
    .invites-content .invites-form.affiliates-form .input-wrapper input {
      width: 48px; }
    .invites-content .invites-form.affiliates-form .input-suffix {
      background: #eee; }
  .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: 18px 0 15px;
      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-content .affiliates-table th:nth-child(1),
  .invites-content .affiliates-table td:nth-child(1) {
    width: 33.334%; }
  .invites-content .affiliates-table th:nth-child(2),
  .invites-content .affiliates-table td:nth-child(2) {
    width: 41.667%; }
  .invites-content .affiliates-table th:nth-child(3),
  .invites-content .affiliates-table td:nth-child(3) {
    width: 10%; }
  .invites-content .affiliates-table th:nth-child(4),
  .invites-content .affiliates-table td:nth-child(4) {
    width: 15%; }
  .invites-content .affiliates-table .referral-url {
    font-size: 12px;
    color: #aaa;
    margin-left: 4px; }
    .invites-content .affiliates-table .referral-url:hover {
      color: #777777; }
  .invites-content .affiliates-table .remove-button {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px; }
  .invites-content .affiliates-table tr:hover .remove-button {
    display: block; }

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

.invites-signup {
  max-width: 670px;
  margin: 100px auto 60px; }
  .invites-signup .invites-signup-content {
    border-radius: 4px;
    background: #fff;
    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: #fff;
  border-bottom: 1px dotted #eee;
  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 {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center; }
  .invites-signup-footer .icn-logo {
    margin: 0 auto; }

.invoice-preview {
  background: #fff;
  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: #252a2e;
    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-f0eee8627ac2659ec79a0f03bb7600ef.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:hover {
    cursor: pointer; }
  .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-container .mobile-apps-callout .gi-close {
    display: block; }

.library {
  padding: 50px 0;
  -webkit-transition: height .3s ease-in-out;
          transition: height .3s ease-in-out; }
  .library .product-row {
    margin-bottom: 30px; }
  .library .library-row .preview-container {
    height: 300px !important;
    cursor: pointer; }
    .library .library-row .preview-container:not(.default-preview) {
      background-position: center top;
      background-size: cover; }
    .library .library-row .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 .library-row .preview-container .product-name-container h2 {
        margin-top: 10px;
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  .library .library-product {
    height: 300px; }
  .library .selected-product-wrapper .library-row {
    float: none;
    padding: 0; }

.selected-product-wrapper .library-product {
  height: auto !important;
  background: #fff; }
  .selected-product-wrapper .library-product .product-name-container {
    opacity: 0; }
  .selected-product-wrapper .library-product .product-information .author-byline {
    display: block !important; }
    .selected-product-wrapper .library-product .product-information .author-byline .creator-profile-card--small {
      margin-bottom: 15px; }
  .selected-product-wrapper .library-product .product-information .purchase-notice {
    display: inline-block;
    margin: 20px 0; }
  .selected-product-wrapper .library-product .product-information .installments {
    margin-bottom: 20px;
    position: relative; }
    .selected-product-wrapper .library-product .product-information .installments strong {
      text-transform: uppercase;
      font-weight: normal;
      color: #bfbfbf;
      font-size: 13px;
      line-height: 21px;
      margin: 0; }
    .selected-product-wrapper .library-product .product-information .installments li {
      margin-top: 10px;
      font-size: 15px;
      color: #797874; }
      .selected-product-wrapper .library-product .product-information .installments li a {
        display: inline-block;
        margin-right: 5px; }
  .selected-product-wrapper .library-product .product-information .kindle-email {
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 15px;
    background: #fff;
    margin-bottom: 15px;
    position: relative; }
    .selected-product-wrapper .library-product .product-information .kindle-email:before, .selected-product-wrapper .library-product .product-information .kindle-email: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-top-color: #ddd;
      z-index: 11; }
    .selected-product-wrapper .library-product .product-information .kindle-email:after {
      border-top-color: #fff;
      margin-top: -1px;
      z-index: 15; }
    .selected-product-wrapper .library-product .product-information .kindle-email label {
      font-weight: bold;
      color: #252a2e;
      font-size: 15px;
      display: block;
      margin-bottom: 8px; }
    .selected-product-wrapper .library-product .product-information .kindle-email input {
      display: block;
      background: #fff;
      float: left;
      margin-right: 10px;
      width: 116px; }
    .selected-product-wrapper .library-product .product-information .kindle-email .note {
      display: block;
      font-size: 12px; }
  .selected-product-wrapper .library-product .product-information .purchase-actions {
    font-size: 14px; }
    .selected-product-wrapper .library-product .product-information .purchase-actions .billing-options-list {
      background: #fff;
      margin: 15px; }
      .selected-product-wrapper .library-product .product-information .purchase-actions .billing-options-list li:last-child {
        border-bottom: 0; }
    .selected-product-wrapper .library-product .product-information .purchase-actions .cancel-subscription-options {
      border-top: 1px solid #ddd;
      padding: 15px 0 0; }
    .selected-product-wrapper .library-product .product-information .purchase-actions .button-danger {
      margin-bottom: 0; }
    .selected-product-wrapper .library-product .product-information .purchase-actions .charges-container {
      background: #fff;
      color: #252a2e;
      padding: 15px; }
      .selected-product-wrapper .library-product .product-information .purchase-actions .charges-container li {
        border-bottom: 0;
        margin-bottom: 15px; }
        .selected-product-wrapper .library-product .product-information .purchase-actions .charges-container li .button {
          position: relative;
          top: 0;
          right: 0;
          margin-bottom: 0; }
        .selected-product-wrapper .library-product .product-information .purchase-actions .charges-container li:last-child {
          margin-bottom: 0; }
      .selected-product-wrapper .library-product .product-information .purchase-actions .charges-container .charges-credit {
        margin-bottom: 0; }
        .selected-product-wrapper .library-product .product-information .purchase-actions .charges-container .charges-credit .right {
          color: #36a9ae; }
      .selected-product-wrapper .library-product .product-information .purchase-actions .charges-container .charges-total p {
        font-weight: 500; }
      .selected-product-wrapper .library-product .product-information .purchase-actions .charges-container .charges-payment-method {
        border-top: 1px dotted #ddd;
        padding-top: 15px; }
        .selected-product-wrapper .library-product .product-information .purchase-actions .charges-container .charges-payment-method span {
          float: left; }
          .selected-product-wrapper .library-product .product-information .purchase-actions .charges-container .charges-payment-method span.card-type {
            color: #aaa;
            margin-right: 5px; }
  .selected-product-wrapper .library-product .product-information .dropbox-dropin-btn {
    display: block !important;
    border-radius: 4px !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
    background: #f5f5f5 !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; }
    .selected-product-wrapper .library-product .product-information .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; }
    .selected-product-wrapper .library-product .product-information .dropbox-dropin-btn .dropin-btn-status {
      top: -1px !important;
      right: 5px !important; }
  .selected-product-wrapper .library-product .product-information .kindle-widget {
    box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
    background: #f5f5f5;
    color: #797874;
    border: 1px solid #c0c0c0;
    padding: 11px 15px 12px;
    display: block;
    text-align: center;
    font-size: 17px; }
    .selected-product-wrapper .library-product .product-information .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; }
  .selected-product-wrapper .library-product .product-information button,
  .selected-product-wrapper .library-product .product-information .button,
  .selected-product-wrapper .library-product .product-information .dropbox-saver,
  .selected-product-wrapper .library-product .product-information .ended-notice {
    margin-bottom: 15px; }
  .selected-product-wrapper .library-product .product-information .pause-button,
  .selected-product-wrapper .library-product .product-information .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; }

.ended-notice {
  border-radius: 4px;
  display: block;
  padding: 10px;
  font-size: 17px;
  text-align: center;
  border: 1px solid #c04355;
  color: #c04355; }

.kindle-widget {
  border-radius: 4px;
  display: inline-block;
  padding: 5px 6px 4px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 12px;
  line-height: 16px;
  border: 1px solid #ccc;
  color: #252a2e;
  background: transparent url(https://static-1.gumroad.com/res/gumroad/assets/kindle-button-gradient-fc8934be65215fbd6b82c4f3285d9fdb.png) repeat-x;
  background-size: contain;
  height: 15px; }
  .kindle-widget:hover {
    border-color: #797874; }
  .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: #fff;
  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: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -16px; }
  .loading-overlay.analytics {
    left: -60px;
    padding: 0 60px; }
  .loading-overlay.admin {
    background: #efefe9; }
  .loading-overlay.hide_spinner img {
    opacity: 0; }

@-webkit-keyframes medium-editor-image-loading {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes medium-editor-image-loading {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes medium-editor-pop-upwards {
  0% {
    opacity: 0;
    -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
    transform: matrix(0.97, 0, 0, 1, 0, 12); }
  20% {
    opacity: .7;
    -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
    transform: matrix(0.99, 0, 0, 1, 0, 2); }
  40% {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
    transform: matrix(1, 0, 0, 1, 0, -1); }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0); } }
@keyframes medium-editor-pop-upwards {
  0% {
    opacity: 0;
    -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
    transform: matrix(0.97, 0, 0, 1, 0, 12); }
  20% {
    opacity: .7;
    -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
    transform: matrix(0.99, 0, 0, 1, 0, 2); }
  40% {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
    transform: matrix(1, 0, 0, 1, 0, -1); }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0); } }
.medium-editor-anchor-preview {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  left: 0;
  line-height: 1.4;
  max-width: 280px;
  position: absolute;
  text-align: center;
  top: 0;
  word-break: break-all;
  word-wrap: break-word;
  visibility: hidden;
  z-index: 2000; }

.medium-editor-anchor-preview a {
  color: #fff;
  display: inline-block;
  margin: 5px 5px 10px; }

.medium-editor-anchor-preview-active {
  visibility: visible; }

.medium-editor-dragover {
  background: #ddd; }

.medium-editor-image-loading {
  -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
  animation: medium-editor-image-loading 1s infinite ease-in-out;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  height: 40px;
  width: 40px; }

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

.medium-editor-placeholder:after {
  content: attr(data-placeholder) !important;
  font-style: italic;
  left: 0;
  position: absolute;
  top: 0;
  white-space: pre; }

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

.medium-toolbar-arrow-under:after {
  border-width: 8px 8px 0 8px; }

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

.medium-editor-toolbar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 2000; }

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

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

.medium-editor-toolbar li button {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 1.33;
  margin: 0;
  padding: 15px;
  text-decoration: none; }

.medium-editor-toolbar li button:focus {
  outline: none; }

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

.medium-editor-toolbar li .medium-editor-action-pre {
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px;
  font-weight: 100;
  padding: 15px 0; }

.medium-editor-toolbar-active {
  visibility: visible; }

.medium-editor-sticky-toolbar {
  position: fixed;
  top: 1px; }

.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
  -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
  animation: medium-editor-pop-upwards 160ms forwards linear; }

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

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

.medium-editor-toolbar-form {
  display: none; }

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

.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
  line-height: 14px;
  margin-left: 5px;
  padding-bottom: 5px; }

.medium-editor-toolbar-form .medium-editor-toolbar-input,
.medium-editor-toolbar-form label {
  border: none;
  box-sizing: border-box;
  font-size: 14px;
  margin: 0;
  padding: 6px;
  width: 316px;
  display: inline-block; }

.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
.medium-editor-toolbar-form label:focus {
  appearance: none;
  border: none;
  box-shadow: none;
  outline: 0; }

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

.medium-editor-toolbar-actions:after {
  clear: both;
  content: "";
  display: table; }

[data-medium-editor-element] img {
  max-width: 100%; }

[data-medium-editor-element] sub {
  vertical-align: sub; }

[data-medium-editor-element] sup {
  vertical-align: super; }

.medium-editor-hidden {
  display: none; }

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

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

.medium-editor-toolbar {
  background-color: #242424;
  background: -webkit-linear-gradient(top, #242424, rgba(36, 36, 36, 0.75));
  background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, 0.75));
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 0 0 3px #000; }

.medium-editor-toolbar li button {
  background-color: #242424;
  background: -webkit-linear-gradient(top, #242424, rgba(36, 36, 36, 0.89));
  background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, 0.89));
  border: 0;
  border-right: 1px solid #000;
  border-left: 1px solid #333;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  color: #fff;
  height: 50px;
  min-width: 50px;
  -webkit-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in; }

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

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

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

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

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

.medium-editor-toolbar-form .medium-editor-toolbar-input {
  background: #242424;
  box-sizing: border-box;
  color: #ccc;
  height: 50px; }

.medium-editor-toolbar-form a {
  color: #fff; }

.medium-editor-toolbar-anchor-preview {
  background: #242424;
  border-radius: 5px;
  color: #fff; }

.medium-editor-placeholder:after {
  color: #b3b3b1; }

.medium-editor-toolbar li button {
  border-radius: 0; }

.medium-editor-placeholder:after {
  top: 12px;
  left: 12px; }

.navigation-dropdown-group--megaphone {
  z-index: 9; }
  .navigation-dropdown-group--megaphone .task-count {
    background: #36a9ae;
    border: 1px solid #2a8387;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
    background: -webkit-linear-gradient(top, #37adb2, #329ca0);
    background: linear-gradient(to bottom, #37adb2, #329ca0);
    border: 1px solid #30969b;
    display: inline-block;
    line-height: 28px;
    width: 28px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    position: relative;
    font-size: 13px;
    font-weight: bold;
    margin-left: -15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
    .navigation-dropdown-group--megaphone .task-count:hover {
      box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
      cursor: pointer; }
  .navigation-dropdown-group--megaphone .task-counter.no-tasks .task-count {
    opacity: 0; }

.megaphone-task,
.megaphone-task--default,
.navigation-dropdown--learn a {
  -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: relative;
  border-bottom: 1px solid #eee;
  opacity: 1;
  padding: 20px; }
  .megaphone-task:last-child,
  .megaphone-task--default:last-child,
  .navigation-dropdown--learn a:last-child {
    border-bottom: 0; }
  .megaphone-task h2,
  .megaphone-task--default h2,
  .navigation-dropdown--learn a h2 {
    color: #252a2e;
    font-weight: 600;
    margin-bottom: 10px; }
  .megaphone-task p,
  .megaphone-task--default p,
  .navigation-dropdown--learn a p {
    color: #797874;
    font-size: 14px;
    line-height: 21px; }
    .megaphone-task p:not(:last-child),
    .megaphone-task--default p:not(:last-child),
    .navigation-dropdown--learn a p:not(:last-child) {
      margin-bottom: 15px; }
  .megaphone-task .megaphone-task-dismiss,
  .megaphone-task--default .megaphone-task-dismiss,
  .navigation-dropdown--learn a .megaphone-task-dismiss {
    display: none;
    position: absolute;
    right: 15px;
    top: 15px; }
    .megaphone-task .megaphone-task-dismiss .gi-close,
    .megaphone-task--default .megaphone-task-dismiss .gi-close,
    .navigation-dropdown--learn a .megaphone-task-dismiss .gi-close {
      color: #ccc;
      font-size: 12px;
      -webkit-transition: .3s all ease-in-out;
              transition: .3s all ease-in-out; }
      .megaphone-task .megaphone-task-dismiss .gi-close:hover,
      .megaphone-task--default .megaphone-task-dismiss .gi-close:hover,
      .navigation-dropdown--learn a .megaphone-task-dismiss .gi-close:hover {
        color: #797874; }
  .megaphone-task:hover .megaphone-task-dismiss,
  .megaphone-task--default:hover .megaphone-task-dismiss,
  .navigation-dropdown--learn a:hover .megaphone-task-dismiss {
    display: block; }
  .megaphone-task--default h2 {
    font-size: 16px;
    margin-bottom: 20px; }

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 .locale-holder,
  body.is-modal .profile-background-container {
    display: none !important; }

#iframe_loading_indicator {
  position: fixed;
  z-index: 2000;
  color: #fff;
  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(top, transparent, rgba(0, 0, 0, 0.8));
  background: linear-gradient(to bottom, 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: #fff;
    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: #fff; }
      .more-information blockquote a:active {
        color: inherit; }
  .more-information .product-info {
    display: none !important; }

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

.navigation,
.navigation--primary,
.navigation--secondary {
  background: #efefe9;
  border-bottom: 1px solid #ddd;
  height: 70px;
  position: relative;
  width: 100%; }

.navigation--primary .show-navigation,
.navigation--primary .hide-navigation,
.navigation--primary .navigation-logo {
  width: 32px;
  height: 70px;
  position: absolute;
  z-index: 9; }
  .navigation--primary .show-navigation.public,
  .navigation--primary .hide-navigation.public,
  .navigation--primary .navigation-logo.public {
    width: 25px; }
  .navigation--primary .show-navigation .icn-logo,
  .navigation--primary .hide-navigation .icn-logo,
  .navigation--primary .navigation-logo .icn-logo {
    height: 25px;
    left: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 24px; }
    .navigation--primary .show-navigation .icn-logo.wordmark,
    .navigation--primary .hide-navigation .icn-logo.wordmark,
    .navigation--primary .navigation-logo .icn-logo.wordmark {
      background: url(https://static-1.gumroad.com/res/gumroad/assets/wordmark_logo-1fa50c8c4d1a1b1d400fa62c697eb761.svg);
      height: 32px;
      width: 126px;
      left: 0;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
.navigation--primary .show-navigation {
  display: none; }
.navigation--primary .hide-navigation {
  display: none; }
.navigation--primary .navigation-logo {
  left: 0;
  width: 24px; }
.navigation--primary .navigation-links {
  float: right;
  height: 70px;
  line-height: 70px;
  text-align: right;
  z-index: 9; }
  .navigation--primary .navigation-links.public {
    left: auto;
    right: 0;
    width: 100%; }
    .navigation--primary .navigation-links.public .navigation-dropdown-group--learn {
      padding-right: 0; }
    .navigation--primary .navigation-links.public .nav-item-login,
    .navigation--primary .navigation-links.public .nav-item-signup {
      padding-left: 25px;
      float: right;
      margin-top: 2px; }
  .navigation--primary .navigation-links > li {
    display: inline-block;
    padding: 0 15px; }
    .navigation--primary .navigation-links > li:last-child {
      padding: 0; }
    .navigation--primary .navigation-links > li > a:not(.button) {
      display: block;
      font-size: 13px;
      color: #a0a0a0;
      font-weight: 500; }
      .navigation--primary .navigation-links > li > a:not(.button) .gi {
        float: left;
        font-size: 25px;
        line-height: 70px;
        position: relative;
        text-align: center;
        top: -1px;
        width: 20px; }
        .navigation--primary .navigation-links > li > a:not(.button) .gi:not(.gi-megaphone) {
          margin-right: 13px; }
      .navigation--primary .navigation-links > li > a:not(.button):hover {
        color: #666;
        text-decoration: none; }
      .navigation--primary .navigation-links > li > a:not(.button).active {
        color: #333; }
.navigation--primary .navigation-account {
  box-sizing: border-box;
  color: #a0a0a0;
  height: 70px;
  float: right;
  padding-left: 15px;
  font-size: 13px;
  max-width: 250px;
  z-index: 9; }
  .navigation--primary .navigation-account > li {
    line-height: 70px;
    height: 70px; }
  .navigation--primary .navigation-account .navigation-profile-picture {
    width: 32px;
    height: 32px;
    display: block;
    float: left;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    .navigation--primary .navigation-account .navigation-profile-picture:hover {
      cursor: pointer; }
  .navigation--primary .navigation-account .navigation-account-name {
    box-sizing: border-box;
    float: left; }
    .navigation--primary .navigation-account .navigation-account-name:hover {
      color: #666;
      cursor: pointer; }
    .navigation--primary .navigation-account .navigation-account-name .name {
      font-weight: 500;
      padding: 0 20px 0 10px;
      text-align: left; }
    .navigation--primary .navigation-account .navigation-account-name .gi {
      right: 0;
      font-size: 14px;
      position: absolute;
      margin-top: 4px;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(90deg);
          -ms-transform: translateY(-50%) rotate(90deg);
              transform: translateY(-50%) rotate(90deg);
      width: 15px; }

.navigation--secondary {
  z-index: 6;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  height: 65px;
  text-align: center; }
  .navigation--secondary li {
    float: none;
    display: inline-block; }
    .navigation--secondary li > a:not(.button) {
      height: 65px;
      padding: 0 20px;
      line-height: 65px;
      font-size: 13px;
      font-weight: 500;
      color: #a0a0a0; }
      .navigation--secondary li > a:not(.button):hover {
        color: #666;
        text-decoration: none; }
      .navigation--secondary li > a:not(.button).active {
        color: #333; }

@media only screen and (max-width: 768px) {
  .responsive .navigation--primary {
    height: 50px; }
    .responsive .navigation--primary.showing-links {
      height: 100px; }
      .responsive .navigation--primary.showing-links:before, .responsive .navigation--primary.showing-links:after {
        content: "";
        height: 0;
        position: absolute;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 10px;
        left: 50%;
        margin-left: -10px;
        bottom: 100%; }
      .responsive .navigation--primary.showing-links:after {
        border-bottom-color: #fff; }
      .responsive .navigation--primary.showing-links:before {
        border-bottom-color: #ddd;
        margin-bottom: 2px; }
    .responsive .navigation--primary.logged-out .show-navigation {
      display: none; }
    .responsive .navigation--primary.logged-out .navigation-logo {
      left: 0;
      margin-left: 0; }
    .responsive .navigation--primary.logged-out .navigation-links {
      background: transparent;
      border: 0;
      display: block;
      padding-right: 15px;
      top: 0;
      width: calc(100% - 65px); }
    .responsive .navigation--primary.logged-out .nav-item-login,
    .responsive .navigation--primary.logged-out .nav-item-signup {
      padding: 0; }
    .responsive .navigation--primary .show-navigation,
    .responsive .navigation--primary .hide-navigation,
    .responsive .navigation--primary .navigation-logo {
      width: 50px;
      height: 50px;
      display: block; }
    .responsive .navigation--primary .show-navigation,
    .responsive .navigation--primary .hide-navigation {
      line-height: 50px;
      font-size: 17px;
      text-align: center; }
    .responsive .navigation--primary .show-navigation {
      display: block; }
    .responsive .navigation--primary .hide-navigation {
      display: none; }
    .responsive .navigation--primary .navigation-logo {
      left: 50%;
      margin-left: -25px; }
      .responsive .navigation--primary .navigation-logo .icn-logo {
        width: 16.66667px;
        height: 17px; }
        .responsive .navigation--primary .navigation-logo .icn-logo.wordmark {
          background: url(https://static-1.gumroad.com/res/gumroad/assets/logo-a626b1ffe18e90bedebde8877ce8f400.svg);
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
    .responsive .navigation--primary .navigation-links {
      display: none;
      background: #e3e3dc;
      border: 1px solid #ccccc0;
      border-width: 1px 0;
      height: 50px;
      left: 0;
      line-height: 50px;
      overflow-y: scroll;
      position: relative;
      text-align: left;
      top: 50px;
      white-space: nowrap;
      width: 100%;
      z-index: 5; }
      .responsive .navigation--primary .navigation-links > li > a > .gi {
        line-height: 50px; }
      .responsive .navigation--primary .navigation-links li:first-child {
        padding-left: 15px; }
      .responsive .navigation--primary .navigation-links li:last-child {
        padding-right: 15px; }
      .responsive .navigation--primary .navigation-links .task-counter.no-tasks .task-count {
        opacity: 0; }
      .responsive .navigation--primary .navigation-links .navigation-dropdown-group--learn,
      .responsive .navigation--primary .navigation-links .navigation-dropdown-group--megaphone {
        display: none; }
    .responsive .navigation--primary .navigation-account {
      height: 50px;
      width: 32px;
      position: absolute;
      padding: 0;
      right: 15px; }
      .responsive .navigation--primary .navigation-account > li {
        height: 50px; }
      .responsive .navigation--primary .navigation-account .name,
      .responsive .navigation--primary .navigation-account .gi-chevron-right {
        display: none; } }
.navigation-dropdown,
.navigation-dropdown--account,
.navigation-dropdown--learn,
.navigation-dropdown--megaphone {
  top: 65px;
  line-height: 21px;
  text-align: left;
  max-width: 360px;
  right: 15px;
  width: 100%;
  z-index: 10; }
  .navigation-dropdown > li,
  .navigation-dropdown--account > li,
  .navigation-dropdown--learn > li,
  .navigation-dropdown--megaphone > li {
    border-bottom: 1px solid #ddd;
    line-height: 50px;
    height: 50px; }
    .navigation-dropdown > li:last-child,
    .navigation-dropdown--account > li:last-child,
    .navigation-dropdown--learn > li:last-child,
    .navigation-dropdown--megaphone > li:last-child {
      border-bottom: 0; }
    .navigation-dropdown > li > a:not(.button),
    .navigation-dropdown--account > li > a:not(.button),
    .navigation-dropdown--learn > li > a:not(.button),
    .navigation-dropdown--megaphone > li > a:not(.button) {
      display: block;
      font-size: 13px;
      color: #a0a0a0;
      padding: 0 20px; }
      .navigation-dropdown > li > a:not(.button):hover,
      .navigation-dropdown--account > li > a:not(.button):hover,
      .navigation-dropdown--learn > li > a:not(.button):hover,
      .navigation-dropdown--megaphone > li > a:not(.button):hover {
        color: #666;
        text-decoration: none; }
      .navigation-dropdown > li > a:not(.button).active,
      .navigation-dropdown--account > li > a:not(.button).active,
      .navigation-dropdown--learn > li > a:not(.button).active,
      .navigation-dropdown--megaphone > li > a:not(.button).active {
        color: #333; }
    .navigation-dropdown > li .gi,
    .navigation-dropdown--account > li .gi,
    .navigation-dropdown--learn > li .gi,
    .navigation-dropdown--megaphone > li .gi {
      font-size: 25px;
      position: relative;
      top: 3px;
      margin-right: 10px;
      text-align: center;
      width: 20px; }

.navigation-dropdown--account {
  right: -15px;
  width: 180px; }

@media only screen and (max-width: 768px) {
  .responsive .navigation-dropdown--account {
    top: 60px;
    right: -7px; } }
.navigation-dropdown--learn,
.navigation-dropdown--megaphone {
  position: absolute;
  right: 50%;
  margin-right: -180px;
  width: 360px; }

.navigation-dropdown--learn a {
  color: #797874;
  display: block;
  overflow: hidden; }
  .navigation-dropdown--learn a:hover {
    background: #fafafa;
    text-decoration: none; }
  .navigation-dropdown--learn a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .navigation-dropdown--learn a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .navigation-dropdown--learn a li h2 {
    margin-bottom: 0; }
  .navigation-dropdown--learn a li .gi {
    font-size: 20px;
    float: left;
    height: 60px;
    line-height: 20px;
    margin-right: 15px; }

.navigation-dropdown-group .megaphone-trigger,
.navigation-dropdown-group--account .megaphone-trigger,
.navigation-dropdown-group--megaphone .megaphone-trigger,
.navigation-dropdown-group--learn .megaphone-trigger {
  position: relative; }
.navigation-dropdown-group .gi-megaphone,
.navigation-dropdown-group--account .gi-megaphone,
.navigation-dropdown-group--megaphone .gi-megaphone,
.navigation-dropdown-group--learn .gi-megaphone {
  position: absolute;
  margin-right: 0;
  top: 0;
  left: 8px; }
.navigation-dropdown-group.open .dropdown,
.open.navigation-dropdown-group--account .dropdown,
.open.navigation-dropdown-group--megaphone .dropdown,
.open.navigation-dropdown-group--learn .dropdown {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  pointer-events: all; }
.navigation-dropdown-group--account, .navigation-dropdown-group--megaphone, .navigation-dropdown-group--learn {
  position: relative; }

.minimal-nav {
  box-sizing: border-box;
  color: #fff;
  float: left;
  font-size: 17px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4; }
  .minimal-nav a {
    color: #fff; }
  .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; }

@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;
  min-height: 50px; }
  .new-product-form.in-greeter {
    background: #f9f9f9;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    min-height: 230px; }
  .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; }
    .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;
      padding: 15px; }
    .new-product-form .step .step-header a {
      color: #888;
      text-decoration: underline;
      padding: 15px 0; }
  .new-product-form .step-one .icon-button,
  .new-product-form .step-zero .icon-button,
  .new-product-form .subscription-choice .icon-button,
  .new-product-form .digital-choice .icon-button,
  .new-product-form .physical-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,
    .new-product-form .digital-choice .icon-button:hover,
    .new-product-form .physical-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,
    .new-product-form .digital-choice .icon-button:active,
    .new-product-form .physical-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,
      .new-product-form .digital-choice .icon-button:active .icn,
      .new-product-form .digital-choice .icon-button:active h3,
      .new-product-form .digital-choice .icon-button:active p,
      .new-product-form .physical-choice .icon-button:active .icn,
      .new-product-form .physical-choice .icon-button:active h3,
      .new-product-form .physical-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,
    .new-product-form .digital-choice .icon-button:last-child,
    .new-product-form .physical-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,
    .new-product-form .digital-choice .icon-button .icn,
    .new-product-form .physical-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,
    .new-product-form .digital-choice .icon-button h3,
    .new-product-form .physical-choice .icon-button h3 {
      font-weight: bold;
      font-size: 16px;
      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,
    .new-product-form .digital-choice .icon-button p,
    .new-product-form .physical-choice .icon-button p {
      color: #aaa;
      font-size: 15px;
      margin-bottom: 0; }
  .new-product-form .step-one .webhook-link,
  .new-product-form .step-zero .webhook-link,
  .new-product-form .subscription-choice .webhook-link,
  .new-product-form .digital-choice .webhook-link,
  .new-product-form .physical-choice .webhook-link {
    border-top: 1px solid #ddd;
    background: #fff;
    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,
    .new-product-form .digital-choice .webhook-link:hover,
    .new-product-form .physical-choice .webhook-link:hover {
      text-decoration: none; }
  .new-product-form .step-two .step-header,
  .new-product-form .subscription-choice .step-header,
  .new-product-form .digital-choice .step-header,
  .new-product-form .physical-choice .step-header {
    border-style: solid; }
    .new-product-form .step-two .step-header .with-close,
    .new-product-form .subscription-choice .step-header .with-close,
    .new-product-form .digital-choice .step-header .with-close,
    .new-product-form .physical-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,
    .new-product-form .digital-choice .step-header .button-close,
    .new-product-form .physical-choice .step-header .button-close {
      width: 7px;
      height: 7px;
      display: block;
      padding: 10px;
      position: absolute;
      top: 12px;
      background: #eee; }
  .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; }
  .new-product-form .step-two .button-primary.adding-button {
    padding-left: 0;
    padding-right: 0; }
  .new-product-form .step-two .button-holder {
    padding: 0 15px 15px; }
  .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 .file-upload-holder .upload-box {
    padding: 33px 33px 15px;
    border-color: #ccc;
    height: 87px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px; }
    .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 .upload-container {
    font-size: 16px;
    color: #aaa;
    border: 2px dashed #ccc;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 15px;
    position: relative; }
    .new-product-form .upload-container .choose {
      height: 80px;
      -webkit-transition: all .20s ease-in-out;
              transition: all .20s ease-in-out;
      position: absolute;
      width: 100%;
      padding-top: 20px;
      box-sizing: border-box; }
      .new-product-form .upload-container .choose:hover {
        color: #252a2e;
        cursor: pointer;
        background: #eee; }
      .new-product-form .upload-container .choose.not-showing {
        opacity: 0;
        -webkit-transform: translate(0, -5px);
            -ms-transform: translate(0, -5px);
                transform: translate(0, -5px);
        position: absolute;
        background: transparent;
        visibility: hidden; }
      .new-product-form .upload-container .choose .gi {
        font-size: 32px;
        position: relative;
        top: 3px;
        margin-right: 6px; }
    .new-product-form .upload-container .add-files {
      opacity: 0;
      height: 60px;
      margin: 15px 0 5px;
      -webkit-transition: all .20s ease-in-out;
              transition: all .20s ease-in-out;
      visibility: hidden; }
      .new-product-form .upload-container .add-files.showing {
        opacity: 1;
        display: block;
        -webkit-transform: translate(0, -5px);
            -ms-transform: translate(0, -5px);
                transform: translate(0, -5px);
        visibility: visible; }
      .new-product-form .upload-container .add-files ul {
        display: inline-block;
        width: 100%; }
      .new-product-form .upload-container .add-files li {
        float: left;
        border-right: 1px solid #ccc;
        width: 33%;
        height: 60px;
        -webkit-transition: all .20s ease-in-out;
                transition: all .20s ease-in-out;
        padding-top: 16px;
        box-sizing: border-box; }
        .new-product-form .upload-container .add-files li:hover, .new-product-form .upload-container .add-files li.active {
          color: #252a2e;
          cursor: pointer; }
        .new-product-form .upload-container .add-files li:last-child {
          border-right: 0; }
        .new-product-form .upload-container .add-files li.disabled {
          pointer-events: none;
          border-right-color: #888;
          opacity: .4; }
      .new-product-form .upload-container .add-files .gi {
        font-size: 24px;
        margin-right: 6px;
        top: 2px;
        position: relative; }
    .new-product-form .upload-container .choose-existing {
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 4px;
      opacity: 0;
      margin: 10px 15px 15px;
      -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) translateZ(0);
              transform: scale(0) translateZ(0);
      -webkit-transform-origin: 50% 0%;
          -ms-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      position: absolute; }
      .new-product-form .upload-container .choose-existing:before, .new-product-form .upload-container .choose-existing: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: #ccc;
        margin-top: -17px; }
      .new-product-form .upload-container .choose-existing:after {
        border-bottom-color: #eee;
        margin-top: -16px;
        z-index: 5; }
      .new-product-form .upload-container .choose-existing.showing {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        display: block;
        position: relative; }
      .new-product-form .upload-container .choose-existing .files {
        max-height: 330px;
        overflow-x: hidden;
        overflow-y: scroll; }
      .new-product-form .upload-container .choose-existing li {
        border-top: 1px solid #ccc;
        font-size: 14px;
        text-align: left;
        padding: 10px;
        position: relative;
        height: 25px; }
        .new-product-form .upload-container .choose-existing li:first-child {
          border-top: 0; }
        .new-product-form .upload-container .choose-existing li:last-child {
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px; }
        .new-product-form .upload-container .choose-existing li:hover {
          background: #f5f5f5;
          color: #252a2e;
          cursor: pointer; }
        .new-product-form .upload-container .choose-existing li .gi,
        .new-product-form .upload-container .choose-existing li .file-row-title,
        .new-product-form .upload-container .choose-existing li .type {
          display: inline-block; }
        .new-product-form .upload-container .choose-existing li .gi {
          font-size: 22px;
          float: left; }
        .new-product-form .upload-container .choose-existing li .gi-check {
          background: #36a9ae;
          border-radius: 50%;
          color: #fff;
          height: 24px;
          line-height: 24px;
          right: 10px;
          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: 24px;
          float: right;
          opacity: 0;
          -webkit-transform: scale(0);
              -ms-transform: scale(0);
                  transform: scale(0);
          font-size: 10px; }
          .new-product-form .upload-container .choose-existing li .gi-check.showing {
            opacity: 1;
            -webkit-transform: scale(1);
                -ms-transform: scale(1);
                    transform: scale(1); }
        .new-product-form .upload-container .choose-existing li .file-row-title {
          color: #797874;
          margin: 2px 0 0 10px;
          width: 620px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          float: left; }
        .new-product-form .upload-container .choose-existing li .type {
          color: #ccc;
          right: 50px;
          float: right;
          margin-right: 10px;
          margin-top: 2px; }
      .new-product-form .upload-container .choose-existing .search {
        background: #eee;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
        .new-product-form .upload-container .choose-existing .search input[type=text] {
          width: 100%;
          box-sizing: border-box; }
      .new-product-form .upload-container .choose-existing .check {
        width: 24px;
        height: 24px;
        border-radius: 24px;
        border: 1px solid #ddd;
        background: #fff;
        right: 10px;
        position: absolute;
        display: inline-block; }
        .new-product-form .upload-container .choose-existing .check.not-showing {
          display: none; }
  .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).computer-button {
      border-right: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  .new-product-form .files-box {
    margin: 0 0 15px; }
  .new-product-form button {
    width: 100%; }
  .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: #fff;
    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: #fff;
      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-f0eee8627ac2659ec79a0f03bb7600ef.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: #fff;
    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;
      text-align: left; }
      .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 .physical-preorder-shipping-info {
      color: #aaa; }
    .new-product-form .release-date-holder .release-date-container {
      border-radius: 4px;
      height: 40px;
      background: #fff;
      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: 85px;
        top: -185px;
        -webkit-transform-origin: 50% 100%;
            -ms-transform-origin: 50% 100%;
                transform-origin: 50% 100%; }
        .new-product-form .release-date-holder .release-date-container #datepicker-calendar:before, .new-product-form .release-date-holder .release-date-container #datepicker-calendar:after {
          display: none; }
  .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 .product-name {
    width: 670px; }
  .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 input[type=text] {
      width: 70px; }
    .new-product-form .link_price_wrapper .duration_indicator {
      position: absolute;
      top: 11px;
      right: 18px;
      font-size: 15px;
      line-height: 22px;
      color: #aaa;
      text-decoration: underline; }
      .new-product-form .link_price_wrapper .duration_indicator:hover {
        cursor: pointer; }
  .new-product-form .has-duration .product-name {
    width: 644px; }
  .new-product-form .has-duration .link_price_wrapper input[type=text] {
    padding-right: 36px;
    text-align: center; }

.csstransforms3d.preserve3d .rotating {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all .3s linear;
          transition: all .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; }

.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; }

.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; }

.profile-picture-small {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: block;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  padding: 5px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative; }
  .profile-picture-small .profile-picture {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px; }

.profile-picture-large {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: block;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  padding: 5px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative; }
  .profile-picture-large .profile-picture {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -45px;
    margin-top: -45px; }

@keyframes spinner {
  from {
    -webkit-transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg); } }
.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: 30px;
    text-align: center;
    font-size: 17px;
    line-height: 30px; }
    .oauth .current-user .profile-picture-large {
      margin: 0 auto 30px; }
  .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: #fff;
  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: #797874; }
    .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: #f5f5f5;
  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: #f5f5f5;
  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: #fff; }
  .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: #aaa; }
      .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: #ccc;
        font-weight: normal;
        cursor: text; }
        .links tr td.stat span,
        .applications tr td.stat span,
        .users tr td.stat span {
          padding: 0 10px;
          color: #797874; }
          .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-33372e60b2a6b3681673c21b41f128da.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: #fff url(https://static-1.gumroad.com/res/gumroad/assets/arrow-head-f67343125a4b3680ae4899b147f56736.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: #fff; }
      .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; }

.creator-details-label {
  font-size: 13px;
  margin-bottom: 15px; }
  .creator-details-label label {
    color: #aaa;
    font-weight: 500; }
    .creator-details-label label span {
      font-weight: 400;
      color: #ccc; }

.creator-details-fields,
.creator-details-fields--contact-information,
.creator-details-fields--business-contact-information,
.creator-details-fields--full-ssn,
.creator-details-fields--business-ein,
.creator-details-fields--newsletter-opt-in,
.creator-details-fields--account-type,
.creator-details-fields--vertical {
  margin-bottom: 20px;
  font-size: 17px; }
  .creator-details-fields--contact-information, .creator-details-fields--business-contact-information, .creator-details-fields--full-ssn {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden; }
  .creator-details-fields--business-ein input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 4px; }
    .creator-details-fields--business-ein input[type="text"]:focus {
      border-bottom: 1px solid #ddd; }
  .creator-details-fields input,
  .creator-details-fields--contact-information input,
  .creator-details-fields--business-contact-information input,
  .creator-details-fields--full-ssn input,
  .creator-details-fields--business-ein input,
  .creator-details-fields--newsletter-opt-in input,
  .creator-details-fields--account-type input,
  .creator-details-fields--vertical input {
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    height: 60px;
    padding: 20px; }
    .creator-details-fields input:focus,
    .creator-details-fields--contact-information input:focus,
    .creator-details-fields--business-contact-information input:focus,
    .creator-details-fields--full-ssn input:focus,
    .creator-details-fields--business-ein input:focus,
    .creator-details-fields--newsletter-opt-in input:focus,
    .creator-details-fields--account-type input:focus,
    .creator-details-fields--vertical input:focus {
      border: 0; }
  .creator-details-fields select,
  .creator-details-fields--contact-information select,
  .creator-details-fields--business-contact-information select,
  .creator-details-fields--full-ssn select,
  .creator-details-fields--business-ein select,
  .creator-details-fields--newsletter-opt-in select,
  .creator-details-fields--account-type select,
  .creator-details-fields--vertical select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    box-sizing: border-box;
    height: 60px;
    padding: 0 20px;
    width: 100%; }
    .creator-details-fields select.half,
    .creator-details-fields--contact-information select.half,
    .creator-details-fields--business-contact-information select.half,
    .creator-details-fields--full-ssn select.half,
    .creator-details-fields--business-ein select.half,
    .creator-details-fields--newsletter-opt-in select.half,
    .creator-details-fields--account-type select.half,
    .creator-details-fields--vertical select.half {
      border: 0;
      border-bottom: 1px solid #ddd;
      border-radius: 0;
      height: 60px; }
    .creator-details-fields select.third,
    .creator-details-fields--contact-information select.third,
    .creator-details-fields--business-contact-information select.third,
    .creator-details-fields--full-ssn select.third,
    .creator-details-fields--business-ein select.third,
    .creator-details-fields--newsletter-opt-in select.third,
    .creator-details-fields--account-type select.third,
    .creator-details-fields--vertical select.third {
      border: 0;
      border-radius: 0;
      height: 60px; }
    .creator-details-fields select.full:focus,
    .creator-details-fields--contact-information select.full:focus,
    .creator-details-fields--business-contact-information select.full:focus,
    .creator-details-fields--full-ssn select.full:focus,
    .creator-details-fields--business-ein select.full:focus,
    .creator-details-fields--newsletter-opt-in select.full:focus,
    .creator-details-fields--account-type select.full:focus,
    .creator-details-fields--vertical select.full:focus {
      border-color: #ddd; }
  .creator-details-fields .half,
  .creator-details-fields--contact-information .half,
  .creator-details-fields--business-contact-information .half,
  .creator-details-fields--full-ssn .half,
  .creator-details-fields--business-ein .half,
  .creator-details-fields--newsletter-opt-in .half,
  .creator-details-fields--account-type .half,
  .creator-details-fields--vertical .half {
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    width: 50%; }
    .creator-details-fields .half:focus,
    .creator-details-fields--contact-information .half:focus,
    .creator-details-fields--business-contact-information .half:focus,
    .creator-details-fields--full-ssn .half:focus,
    .creator-details-fields--business-ein .half:focus,
    .creator-details-fields--newsletter-opt-in .half:focus,
    .creator-details-fields--account-type .half:focus,
    .creator-details-fields--vertical .half:focus {
      border-bottom: 1px solid #ddd; }
    .creator-details-fields .half:first-child,
    .creator-details-fields--contact-information .half:first-child,
    .creator-details-fields--business-contact-information .half:first-child,
    .creator-details-fields--full-ssn .half:first-child,
    .creator-details-fields--business-ein .half:first-child,
    .creator-details-fields--newsletter-opt-in .half:first-child,
    .creator-details-fields--account-type .half:first-child,
    .creator-details-fields--vertical .half:first-child {
      border-right: 1px solid #ddd; }
      .creator-details-fields .half:first-child:focus,
      .creator-details-fields--contact-information .half:first-child:focus,
      .creator-details-fields--business-contact-information .half:first-child:focus,
      .creator-details-fields--full-ssn .half:first-child:focus,
      .creator-details-fields--business-ein .half:first-child:focus,
      .creator-details-fields--newsletter-opt-in .half:first-child:focus,
      .creator-details-fields--account-type .half:first-child:focus,
      .creator-details-fields--vertical .half:first-child:focus {
        border-right: 1px solid #ddd; }
  .creator-details-fields .full,
  .creator-details-fields--contact-information .full,
  .creator-details-fields--business-contact-information .full,
  .creator-details-fields--full-ssn .full,
  .creator-details-fields--business-ein .full,
  .creator-details-fields--newsletter-opt-in .full,
  .creator-details-fields--account-type .full,
  .creator-details-fields--vertical .full {
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    width: 100%; }
    .creator-details-fields .full:focus,
    .creator-details-fields--contact-information .full:focus,
    .creator-details-fields--business-contact-information .full:focus,
    .creator-details-fields--full-ssn .full:focus,
    .creator-details-fields--business-ein .full:focus,
    .creator-details-fields--newsletter-opt-in .full:focus,
    .creator-details-fields--account-type .full:focus,
    .creator-details-fields--vertical .full:focus {
      border-bottom: 1px solid #ddd; }
  .creator-details-fields .third,
  .creator-details-fields select.third,
  .creator-details-fields--contact-information .third,
  .creator-details-fields--business-contact-information .third,
  .creator-details-fields--full-ssn .third,
  .creator-details-fields--business-ein .third,
  .creator-details-fields--newsletter-opt-in .third,
  .creator-details-fields--account-type .third,
  .creator-details-fields--vertical .third,
  .creator-details-fields--contact-information select.third,
  .creator-details-fields--business-contact-information select.third,
  .creator-details-fields--full-ssn select.third,
  .creator-details-fields--business-ein select.third,
  .creator-details-fields--newsletter-opt-in select.third,
  .creator-details-fields--account-type select.third,
  .creator-details-fields--vertical select.third {
    border-right: 1px solid #ddd;
    width: 33.333%; }
    .creator-details-fields .third:focus,
    .creator-details-fields select.third:focus,
    .creator-details-fields--contact-information .third:focus,
    .creator-details-fields--business-contact-information .third:focus,
    .creator-details-fields--full-ssn .third:focus,
    .creator-details-fields--business-ein .third:focus,
    .creator-details-fields--newsletter-opt-in .third:focus,
    .creator-details-fields--account-type .third:focus,
    .creator-details-fields--vertical .third:focus,
    .creator-details-fields--contact-information select.third:focus,
    .creator-details-fields--business-contact-information select.third:focus,
    .creator-details-fields--full-ssn select.third:focus,
    .creator-details-fields--business-ein select.third:focus,
    .creator-details-fields--newsletter-opt-in select.third:focus,
    .creator-details-fields--account-type select.third:focus,
    .creator-details-fields--vertical select.third:focus {
      border-right: 1px solid #ddd; }
    .creator-details-fields .third.last-in-row,
    .creator-details-fields select.third.last-in-row,
    .creator-details-fields--contact-information .third.last-in-row,
    .creator-details-fields--business-contact-information .third.last-in-row,
    .creator-details-fields--full-ssn .third.last-in-row,
    .creator-details-fields--business-ein .third.last-in-row,
    .creator-details-fields--newsletter-opt-in .third.last-in-row,
    .creator-details-fields--account-type .third.last-in-row,
    .creator-details-fields--vertical .third.last-in-row,
    .creator-details-fields--contact-information select.third.last-in-row,
    .creator-details-fields--business-contact-information select.third.last-in-row,
    .creator-details-fields--full-ssn select.third.last-in-row,
    .creator-details-fields--business-ein select.third.last-in-row,
    .creator-details-fields--newsletter-opt-in select.third.last-in-row,
    .creator-details-fields--account-type select.third.last-in-row,
    .creator-details-fields--vertical select.third.last-in-row {
      border-right: 0; }

.creator-details-fields--newsletter-opt-in {
  font-size: 17px; }
  .creator-details-fields--newsletter-opt-in label {
    color: #aaa; }
    .creator-details-fields--newsletter-opt-in label:before {
      width: 20px;
      height: 20px;
      display: block;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #ddd;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      content: "";
      display: inline-block;
      font-size: 8px;
      font-family: GumIcons;
      line-height: 20px;
      margin-right: 15px;
      text-align: center;
      float: left;
      position: relative;
      top: -1px; }
    .creator-details-fields--newsletter-opt-in label:hover {
      cursor: pointer; }
  .creator-details-fields--newsletter-opt-in input[type="checkbox"] {
    text-indent: -9999px;
    display: none; }
    .creator-details-fields--newsletter-opt-in input[type="checkbox"]:checked ~ label {
      color: #797874; }
      .creator-details-fields--newsletter-opt-in input[type="checkbox"]:checked ~ label:before {
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
        background: -webkit-linear-gradient(top, #37adb2, #329ca0);
        background: linear-gradient(to bottom, #37adb2, #329ca0);
        background: #36a9ae;
        border: 1px solid #2a8387;
        color: #fff;
        content: "\e015"; }

.creator-details-fields--account-type {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  display: block;
  height: 60px;
  z-index: 9; }
  .creator-details-fields--account-type:after {
    border-right: 1px solid #ddd;
    content: "";
    display: block;
    height: 60px;
    left: 50%;
    position: absolute;
    top: 0; }
  .creator-details-fields--account-type:hover {
    cursor: pointer; }
  .creator-details-fields--account-type.is-business .account-type--individual, .creator-details-fields--account-type:not(.is-business) .account-type--business {
    color: #ccc; }
    .creator-details-fields--account-type.is-business .account-type--individual .gi-check, .creator-details-fields--account-type:not(.is-business) .account-type--business .gi-check {
      opacity: 0;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0); }
  .creator-details-fields--account-type.is-business .account-type--business, .creator-details-fields--account-type:not(.is-business) .account-type--individual {
    color: #aaa; }
    .creator-details-fields--account-type.is-business .account-type--business .gi-check, .creator-details-fields--account-type:not(.is-business) .account-type--individual .gi-check {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
  .creator-details-fields--account-type .six.columns {
    padding: 0; }
  .creator-details-fields--account-type .account-type,
  .creator-details-fields--account-type .account-type--business,
  .creator-details-fields--account-type .account-type--individual {
    background: #fff;
    box-sizing: border-box;
    border-bottom: 0;
    color: #aaa;
    display: inline-block;
    height: 60px;
    padding: 20px;
    position: absolute;
    width: 50%; }
    .creator-details-fields--account-type .account-type .gi-check,
    .creator-details-fields--account-type .account-type--business .gi-check,
    .creator-details-fields--account-type .account-type--individual .gi-check {
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
      background: -webkit-linear-gradient(top, #37adb2, #329ca0);
      background: linear-gradient(to bottom, #37adb2, #329ca0);
      background: #36a9ae;
      border: 1px solid #2a8387;
      border-radius: 50%;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      color: #fff;
      font-size: 15px;
      height: 32px;
      line-height: 32px;
      margin-top: -6px;
      margin-right: -6px;
      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-fields--account-type .account-type--business {
      color: #ccc;
      left: 50%; }
      .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-fields--vertical {
  border-radius: 4px;
  background: #fff;
  border: 1px solid #ddd;
  overflow: hidden;
  padding: 0 15px; }
  .creator-details-fields--vertical.error {
    border-color: #c04355;
    box-shadow: 0 0 3px rgba(200, 0, 0, 0.3);
    background: white; }
    .creator-details-fields--vertical.error .creator-vertical {
      border-right-color: #c04355; }
  .creator-details-fields--vertical .creator-vertical {
    border-right: 1px solid #eee;
    box-sizing: border-box;
    float: left;
    height: 107px;
    position: relative;
    text-align: center;
    width: 12.5%; }
    .creator-details-fields--vertical .creator-vertical:last-child {
      border-right: 0; }
    .creator-details-fields--vertical .creator-vertical input[type=checkbox] {
      position: absolute;
      top: -9999px;
      left: -9999px;
      display: none; }
    .creator-details-fields--vertical .creator-vertical label {
      color: #ccc;
      font-weight: 400;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      -webkit-transition: .3s color ease-in-out, .3s background ease-in-out;
              transition: .3s color ease-in-out, .3s background ease-in-out;
      width: 100%; }
      .creator-details-fields--vertical .creator-vertical label:hover {
        cursor: pointer;
        background: #f5f5f5; }
      .creator-details-fields--vertical .creator-vertical label .content {
        display: block;
        font-size: 11px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
      .creator-details-fields--vertical .creator-vertical label .gi {
        display: block;
        font-size: 50px; }
      .creator-details-fields--vertical .creator-vertical label .gi-check {
        background: #36a9ae;
        border-radius: 50%;
        color: #fff;
        font-size: 10px;
        height: 15px;
        line-height: 15px;
        opacity: 0;
        position: absolute;
        right: 30px;
        text-align: center;
        top: 5px;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0);
        -webkit-transition: 0.3s all cubic-bezier(0.23, 1.5, 0.32, 1);
                transition: 0.3s all cubic-bezier(0.23, 1.5, 0.32, 1);
        width: 15px; }
    .creator-details-fields--vertical .creator-vertical input[type=checkbox]:checked ~ .vertical {
      color: #797874; }
      .creator-details-fields--vertical .creator-vertical input[type=checkbox]:checked ~ .vertical .gi-check {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }

.creator-details-survey {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  margin-bottom: 20px;
  padding: 0 15px; }
  .creator-details-survey .row {
    border-bottom: 1px solid #eee;
    padding: 15px 0; }
    .creator-details-survey .row label {
      font-size: 16px;
      line-height: 40px; }
      .creator-details-survey .row label.with-note {
        line-height: 0; }
    .creator-details-survey .row small {
      color: #aaa;
      display: block;
      font-size: 12px; }
      .creator-details-survey .row small span {
        color: #36a9ae;
        text-decoration: underline; }
    .creator-details-survey .row input,
    .creator-details-survey .row select {
      box-sizing: border-box;
      height: 40px;
      padding: 10px;
      width: 100%; }
    .creator-details-survey .row:last-child {
      border-bottom: 0;
      margin-bottom: 0; }

.creator-details-input-card {
  border: 1px solid #ddd;
  border-radius: 4px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/settings/noise-2f76089e958bd3dc92fbf4ccca15968b.png) #fff;
  margin-bottom: 20px;
  position: relative; }
  .creator-details-input-card .stroke {
    background: #36a9ae;
    border-radius: 3px;
    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-2f76089e958bd3dc92fbf4ccca15968b.png) #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    padding: 20px 5px 0;
    position: relative;
    overflow: hidden;
    margin: 10px;
    z-index: 2; }
    .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;
      border: 1px solid #ddd;
      border-radius: 4px; }
    .creator-details-input-card .creator-details-input-card-content .creator-ssn-container {
      padding-left: 0; }
    .creator-details-input-card .creator-details-input-card-content .mini-rule {
      margin-bottom: 15px; }
    .creator-details-input-card .creator-details-input-card-content .month,
    .creator-details-input-card .creator-details-input-card-content .day,
    .creator-details-input-card .creator-details-input-card-content .year {
      margin-right: 15px;
      width: calc(33% - 15px); }
    .creator-details-input-card .creator-details-input-card-content .year {
      margin-right: 0;
      width: calc(33%); }
    .creator-details-input-card .creator-details-input-card-content .whole {
      width: 100%; }

.orientation-task-content {
  padding: 30px 20px;
  text-align: left; }
  .orientation-task-content .button-block {
    width: 100%; }
  .orientation-task-content .orientation-task-footer .notice {
    margin: 15px 0;
    text-align: center; }
    .orientation-task-content .orientation-task-footer .notice small {
      color: #aaa;
      font-size: 12px;
      margin-top: 15px; }

.orientation-tip,
.orientation-tip--alert,
.orientation-tip--bank-statement-preview {
  box-sizing: border-box;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 20px;
  position: relative; }
  .orientation-tip .orientation-tip-title,
  .orientation-tip--alert .orientation-tip-title,
  .orientation-tip--bank-statement-preview .orientation-tip-title {
    color: #252a2e;
    font-size: 17px;
    font-weight: bold; }
    .orientation-tip .orientation-tip-title .gi,
    .orientation-tip--alert .orientation-tip-title .gi,
    .orientation-tip--bank-statement-preview .orientation-tip-title .gi {
      margin-right: 5px;
      font-size: 21px; }
  .orientation-tip .orientation-tip-content p,
  .orientation-tip--alert .orientation-tip-content p,
  .orientation-tip--bank-statement-preview .orientation-tip-content p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px; }
    .orientation-tip .orientation-tip-content p:last-child,
    .orientation-tip--alert .orientation-tip-content p:last-child,
    .orientation-tip--bank-statement-preview .orientation-tip-content p:last-child {
      margin-bottom: 0; }
  .orientation-tip .encryption-notice-toggle,
  .orientation-tip--alert .encryption-notice-toggle,
  .orientation-tip--bank-statement-preview .encryption-notice-toggle {
    background: #36a9ae;
    border-radius: 50%;
    color: #fff;
    font-weight: 500;
    text-align: center;
    width: 20px; }
    .orientation-tip .encryption-notice-toggle:hover,
    .orientation-tip--alert .encryption-notice-toggle:hover,
    .orientation-tip--bank-statement-preview .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,
    .orientation-tip--alert .encryption-notice-toggle.active,
    .orientation-tip--bank-statement-preview .encryption-notice-toggle.active,
    .orientation-tip--alert .encryption-notice-toggle:active,
    .orientation-tip--bank-statement-preview .encryption-notice-toggle:active {
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  .orientation-tip--alert {
    background: #fffdf9;
    border: 1px solid #fdce71;
    padding: 0; }
    .orientation-tip--alert h2 {
      background: #fedfa3;
      border-bottom: 1px solid #fdce71;
      padding: 15px 20px; }
    .orientation-tip--alert .orientation-tip-content {
      padding: 20px; }
    .orientation-tip--alert h2,
    .orientation-tip--alert p,
    .orientation-tip--alert label {
      color: #614611; }
    .orientation-tip--alert .button,
    .orientation-tip--alert input {
      width: 100%; }
    .orientation-tip--alert .columns {
      padding-right: 0; }
    .orientation-tip--alert .eight.columns {
      padding-left: 0; }
    .orientation-tip--alert input {
      border-color: #fdce71;
      box-sizing: border-box; }
      .orientation-tip--alert input:focus {
        border-color: #fdce71; }
  .orientation-tip--bank-statement-preview {
    bottom: -71px;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: -243px;
    width: 280px;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -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);
    -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
            transform-origin: 0 50%; }
    .orientation-tip--bank-statement-preview.showing {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    .orientation-tip--bank-statement-preview:after, .orientation-tip--bank-statement-preview:before {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-right-color: #fff;
      border-width: 10px;
      top: 50%;
      margin-left: -10px;
      left: -10px; }
    .orientation-tip--bank-statement-preview:before {
      border-right-color: #ddd;
      margin-left: -11px; }
    .orientation-tip--bank-statement-preview table {
      width: 100%; }
    .orientation-tip--bank-statement-preview thead {
      border-bottom: 1px solid #ddd;
      color: #ccc;
      font-size: 7px;
      letter-spacing: 1px; }
      .orientation-tip--bank-statement-preview thead th {
        padding: 5px;
        text-transform: uppercase; }
        .orientation-tip--bank-statement-preview thead th:first-child {
          padding-left: 10px; }
        .orientation-tip--bank-statement-preview thead th:last-child {
          padding-right: 10px;
          text-align: right; }
    .orientation-tip--bank-statement-preview tbody {
      color: #797874;
      font-size: 12px; }
      .orientation-tip--bank-statement-preview tbody .example td {
        color: #252a2e; }
      .orientation-tip--bank-statement-preview tbody .example td:nth-child(2) {
        overflow: hidden;
        max-width: 100px;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .orientation-tip--bank-statement-preview tbody .highlight {
        border: 1px solid #fedfa3;
        border-radius: 2px;
        background: #fef1d6;
        margin-left: -3px;
        padding: 2px 3px; }
      .orientation-tip--bank-statement-preview tbody td {
        padding: 5px;
        text-transform: uppercase; }
        .orientation-tip--bank-statement-preview tbody td:first-child {
          padding-left: 10px; }
        .orientation-tip--bank-statement-preview tbody td:last-child {
          padding-right: 10px;
          text-align: right; }
  .orientation-tip.secure-details-explanation,
  .secure-details-explanation.orientation-tip--alert,
  .secure-details-explanation.orientation-tip--bank-statement-preview {
    margin-top: 15px;
    position: relative; }

.orientation-modal .gr-modals .gr-modal,
.orientation-modal--is-video-modal .gr-modals .gr-modal {
  background-image: none;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 670px;
  max-height: 85vh; }
  .orientation-modal .gr-modals .gr-modal.showing,
  .orientation-modal--is-video-modal .gr-modals .gr-modal.showing {
    top: 50px; }
@-moz-document url-prefix() {
  .orientation-modal .orientation-task-content .creator-secure-details input,
  .orientation-modal--is-video-modal .orientation-task-content .creator-secure-details input {
    -moz-box-sizing: content-box !important;
    width: 90% !important;
    height: 15px !important;
    padding: 12px !important; } }
.orientation-modal--is-video-modal .gr-modals .gr-modal {
  max-width: 940px;
  overflow: visible;
  width: 100%; }
.orientation-modal--is-video-modal .button-close {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  position: absolute;
  right: -15px;
  top: -15px; }
.orientation-modal--is-video-modal iframe {
  margin-bottom: -6px; }

.orientation-greeter {
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin: 50px 0 0; }

.orientation-introduction {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #fff;
  box-sizing: border-box;
  height: 250px;
  padding: 20px;
  text-align: center; }
  .orientation-introduction img {
    width: 100px;
    height: 100px;
    display: block;
    background: #f9f9f9;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    margin: -70px auto 20px;
    padding: 5px; }
  .orientation-introduction h2 {
    color: #252a2e;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 15px; }
  .orientation-introduction .lead {
    color: #797874;
    font-size: 21px;
    line-height: 31px;
    margin: 0 auto;
    max-width: 840px; }
    .orientation-introduction .lead a {
      text-decoration: underline; }
      .orientation-introduction .lead a:hover {
        color: #30969b; }
  .orientation-introduction .cite {
    color: #aaa;
    font-weight: 500;
    margin-top: 15px; }
    .orientation-introduction .cite span {
      color: #ccc;
      font-weight: 400; }

.audience-welcome-header,
.audience-success-header {
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
          transition: opacity 1s ease-in-out;
  -webkit-transform: translateX(-9999px);
      -ms-transform: translateX(-9999px);
          transform: translateX(-9999px); }
  .audience-welcome-header.showing,
  .audience-success-header.showing {
    opacity: 1;
    height: 115px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); }

.audience-username-form {
  bottom: -21px;
  height: 42px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 420px; }
  .audience-username-form .username-input,
  .audience-username-form .call-to-action {
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -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); }
    .audience-username-form .username-input.showing,
    .audience-username-form .call-to-action.showing {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    .audience-username-form .username-input.call-to-action,
    .audience-username-form .call-to-action.call-to-action {
      -webkit-transition-delay: .4s;
              transition-delay: .4s;
      width: 100%;
      top: 0;
      left: 0;
      position: absolute; }
  .audience-username-form input {
    width: 175px;
    border-right: 0; }
    .audience-username-form input:focus {
      border-right: 0; }
  .audience-username-form .input-suffix {
    width: 42px;
    height: 42px;
    display: block;
    box-shadow: none;
    box-sizing: border-box;
    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); }

.orientation-main-content,
.orientation-main-content--no-footer,
.orientation-main-content--larger-padding {
  background: #f9f9f9;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  clear: both;
  height: auto;
  overflow: hidden;
  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: 100%; }
  .orientation-main-content h3,
  .orientation-main-content--no-footer h3,
  .orientation-main-content--larger-padding h3 {
    color: #252a2e;
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 15px; }
  .orientation-main-content h4,
  .orientation-main-content--no-footer h4,
  .orientation-main-content--larger-padding h4 {
    color: #252a2e;
    font-size: 14px;
    margin-bottom: 10px; }
  .orientation-main-content p,
  .orientation-main-content--no-footer p,
  .orientation-main-content--larger-padding p {
    color: #aaa;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px; }
    .orientation-main-content p.small,
    .orientation-main-content--no-footer p.small,
    .orientation-main-content--larger-padding p.small {
      font-size: 12px;
      line-height: 18px; }
  .orientation-main-content--no-footer {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: 0; }
  .orientation-main-content--larger-padding {
    padding: 60px 60px 30px; }

.orientation-pathway,
.orientation-pathway--choose,
.orientation-pathway--product {
  box-sizing: border-box;
  float: left;
  -webkit-transition: 1s -webkit-transform cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: 1s transform cubic-bezier(0.23, 1.5, 0.32, 1);
  width: 940px; }
  .orientation-pathway .pathway,
  .orientation-pathway--choose .pathway,
  .orientation-pathway--product .pathway {
    background: #f9f9f9;
    padding: 30px 15px;
    -webkit-transition: background 1s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: background 1s cubic-bezier(0.23, 1.5, 0.32, 1); }
    .orientation-pathway .pathway .pathway-cta,
    .orientation-pathway--choose .pathway .pathway-cta,
    .orientation-pathway--product .pathway .pathway-cta {
      width: 200px; }
    .orientation-pathway .pathway.bordered,
    .orientation-pathway--choose .pathway.bordered,
    .orientation-pathway--product .pathway.bordered {
      border-right: 1px solid #ddd;
      position: relative; }
      .orientation-pathway .pathway.bordered:after,
      .orientation-pathway--choose .pathway.bordered:after,
      .orientation-pathway--product .pathway.bordered:after {
        width: 50px;
        height: 50px;
        display: block;
        background: #f9f9f9;
        border-radius: 50%;
        content: "or";
        color: #ddd;
        line-height: 50px;
        text-transform: uppercase;
        position: absolute;
        right: -25px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }

.orientation-icon {
  background-size: cover;
  display: block;
  height: 157px;
  margin: 15px auto 30px;
  width: 256px; }
  .orientation-icon.audience-pathway-icon {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/orientation/audience-4ce03d344c4210df2f811447a65606de.svg); }
  .orientation-icon.product-pathway-icon {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/orientation/product-1f090eaf357fc79b084a511a08dabdff.svg); }
  .orientation-icon.grow-icon {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/orientation/grow-8c873a8e09f70f1b8451512230440a81.svg);
    height: 120px;
    width: 176px; }
  .orientation-icon.engage-icon {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/orientation/engage-60007a4ba4d9cb07b2dd167ce3f68504.svg);
    height: 94px;
    margin-bottom: 40px;
    margin-top: 30px;
    width: 163px; }
  .orientation-icon.sell-icon {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/orientation/sell-5d67f1058a08d0ac0a6401c7759c5df0.svg);
    height: 108px;
    margin-bottom: 40px;
    width: 142px; }

.orientation-signoff,
.orientation-signoff--thirty-day-challenge {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #797874;
  font-size: 17px;
  padding: 30px 30px 30px 70px;
  text-align: center; }
  .orientation-signoff .gi,
  .orientation-signoff--thirty-day-challenge .gi {
    font-size: 32px;
    left: 30px;
    position: absolute;
    top: 23px;
    width: 32px; }
  .orientation-signoff.condensed,
  .condensed.orientation-signoff--thirty-day-challenge {
    padding-left: 40px; }
  .orientation-signoff--thirty-day-challenge {
    font-size: 14px;
    padding: 20px; }
    .orientation-signoff--thirty-day-challenge strong {
      color: #252a2e; }

.welcome-greeter .navigation-links,
.welcome-greeter .navigation-dropdown--account li:not(.log-out-trigger) {
  display: none; }

.payment-container {
  margin: 0 auto;
  max-width: 320px;
  display: block;
  padding: 20px 0;
  width: 95%; }
  .payment-container .gift-trigger {
    position: absolute;
    right: 14px;
    top: 19px; }
    .payment-container .gift-trigger.active .gift {
      background-position: -98px -489px; }
  .payment-container .rental-message,
  .payment-container .subscription-charge-occurrences-message {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin: 15px 0 0; }

.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: #fff;
  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: #fff; }
  .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: #fff;
  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_button {
    margin: 0 auto;
    width: 100%;
    font-size: 17px;
    display: block; }
    .pay_button_container .pay_button.small {
      font-size: 15px;
      padding: 10px; }

@media (max-width: 480px) {
  .payment-container {
    padding: 10px 0; } }
.payout-settings .update-accout-settings-button {
  width: 100%; }
.payout-settings .country-dropdown {
  border-width: 1px 0 0;
  border-radius: 0;
  cursor: not-allowed; }
.payout-settings .notice {
  text-align: center;
  margin-top: 30px; }

.direct-deposit-form {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/settings/noise-2f76089e958bd3dc92fbf4ccca15968b.png);
  border: 1px solid #ddd;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 4px; }
  .direct-deposit-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: #36a9ae;
    border-radius: 3px; }
  .direct-deposit-form .main-direct-deposit-form {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/settings/noise-2f76089e958bd3dc92fbf4ccca15968b.png) #fff;
    margin: 9px 10px;
    position: relative;
    padding: 20px;
    overflow: hidden;
    z-index: 2; }
    .direct-deposit-form .main-direct-deposit-form .label {
      color: #aaa;
      font-weight: 500;
      font-size: 13px; }
    .direct-deposit-form .main-direct-deposit-form .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 #eee;
      color: #252a2e; }
    .direct-deposit-form .main-direct-deposit-form .numbers {
      overflow: hidden;
      margin-top: 20px; }
      .direct-deposit-form .main-direct-deposit-form .numbers label {
        float: left; }
      .direct-deposit-form .main-direct-deposit-form .numbers input {
        float: left;
        clear: left;
        margin-top: 10px;
        background-color: #fff;
        box-sizing: border-box;
        font-size: 17px;
        letter-spacing: 4px;
        padding: 8px;
        width: 151px; }
        .direct-deposit-form .main-direct-deposit-form .numbers input.three-digits {
          width: 60px; }
        .direct-deposit-form .main-direct-deposit-form .numbers input.five-digits {
          width: 88px; }
      .direct-deposit-form .main-direct-deposit-form .numbers .number-wrapper {
        float: left;
        margin-right: 15px; }
        .direct-deposit-form .main-direct-deposit-form .numbers .number-wrapper:last-child {
          margin-right: 0; }
      .direct-deposit-form .main-direct-deposit-form .numbers .preset-number {
        padding: 9px 0 8px;
        font-size: 17px;
        letter-spacing: 4px; }
      .direct-deposit-form .main-direct-deposit-form .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 .gi-lock,
  .powered-by-footer .gi-logo {
    font-size: 20px;
    margin: 0 5px;
    position: relative;
    top: 2px; }
  .powered-by-footer.absolutely-positioned {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%; }

.locale-holder {
  margin: 0 auto 24px;
  text-align: center; }
  .locale-holder select {
    font-size: 13px;
    padding: 10px; }

.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-c464cf1980f8ee1739261cf34d735e7d.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-c464cf1980f8ee1739261cf34d735e7d.png);
    background-position: -25px -135px; }

.is-embed .powered-by-footer,
.is-modal .powered-by-footer {
  color: #fff;
  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; }

.preview-container {
  background: #f7f7f7;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  .preview-container .image-preview-container,
  .preview-container .oembed-preview-container {
    line-height: 0;
    margin: 0 auto;
    overflow: hidden; }
    .preview-container .image-preview-container.image-preview-container img,
    .preview-container .oembed-preview-container.image-preview-container img {
      margin: 0 auto;
      display: block;
      width: 100%; }
    .preview-container .image-preview-container.oembed-preview-container iframe,
    .preview-container .oembed-preview-container.oembed-preview-container iframe {
      width: 100%; }
      .preview-container .image-preview-container.oembed-preview-container iframe + p,
      .preview-container .oembed-preview-container.oembed-preview-container iframe + p {
        display: none !important; }
  .preview-container .audio-preview-container,
  .preview-container .video-preview-container {
    min-height: 300px;
    position: relative;
    width: 100%; }
    .preview-container .audio-preview-container .media-control,
    .preview-container .video-preview-container .media-control {
      width: 80px;
      height: 80px;
      display: block;
      background: url(https://static-1.gumroad.com/res/gumroad/assets/product/audio-controls-2bebcb113a04b9a58b6fafa2a3f1e513.png) no-repeat;
      left: 50%;
      margin-left: -40px;
      margin-top: -40px;
      position: absolute;
      text-indent: -9999px;
      top: 50%;
      z-index: 0; }
      .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;
      display: none; }
    .preview-container .audio-preview-container.audio-preview-container,
    .preview-container .video-preview-container.audio-preview-container {
      height: 300px; }
      .preview-container .audio-preview-container.audio-preview-container .audio-progress,
      .preview-container .video-preview-container.audio-preview-container .audio-progress {
        width: 80px;
        height: 80px;
        display: block;
        left: 50%;
        margin-left: -40px;
        margin-top: -40px;
        position: absolute;
        top: 50%;
        z-index: 1; }
        .preview-container .audio-preview-container.audio-preview-container .audio-progress:hover,
        .preview-container .video-preview-container.audio-preview-container .audio-progress:hover {
          cursor: pointer; }
    .preview-container .audio-preview-container.video-preview-container,
    .preview-container .video-preview-container.video-preview-container {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      background: #000; }
      .preview-container .audio-preview-container.video-preview-container .player:hover,
      .preview-container .video-preview-container.video-preview-container .player:hover {
        cursor: pointer; }
  .preview-container .preview-remove-button {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 3; }
  .preview-container .preview-shadow {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/product/patterns-2d247d6e73f4cfc49dfa27746c99ed3e.png) 0 0;
    bottom: 0;
    height: 3px;
    opacity: .4;
    position: absolute;
    width: 100%;
    z-index: 1; }
  .preview-container .preview-arrow {
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 30px;
    height: 20px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -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);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 20px;
    z-index: 3; }
    .preview-container .preview-arrow.showing {
      display: block; }
    .preview-container .preview-arrow i {
      position: absolute;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .preview-container .preview-arrow:hover {
      color: #fff;
      cursor: pointer;
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1); }
    .preview-container .preview-arrow.next {
      margin-right: 15px;
      right: 0; }
      .preview-container .preview-arrow.next:hover {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1); }
    .preview-container .preview-arrow.previous {
      margin-left: 15px; }
      .preview-container .preview-arrow.previous:hover {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1); }
  .preview-container .upload-indicator {
    display: none; }
  .preview-container .upload-method-container {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    height: 120px;
    left: 50%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -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);
    width: 220px;
    z-index: 2; }
    .preview-container .upload-method-container.showing-url-input {
      width: 390px; }
    .preview-container .upload-method-container .upload-method {
      box-sizing: border-box;
      height: 42px;
      padding: 15px;
      position: absolute;
      width: 100%; }
      .preview-container .upload-method-container .upload-method input,
      .preview-container .upload-method-container .upload-method .button-primary {
        box-sizing: border-box;
        float: left; }
      .preview-container .upload-method-container .upload-method input[type=url] {
        height: 42px;
        margin-right: 5px;
        width: calc(100% - 47px); }
      .preview-container .upload-method-container .upload-method .button-primary {
        width: 42px;
        height: 42px;
        display: block;
        box-sizing: border-box;
        float: left; }
    .preview-container .upload-method-container .upload-method-toggle {
      box-sizing: border-box;
      padding: 15px;
      position: absolute;
      text-align: center;
      top: 50px;
      width: 100%; }
      .preview-container .upload-method-container .upload-method-toggle .toggle-trigger {
        color: #36a9ae; }
        .preview-container .upload-method-container .upload-method-toggle .toggle-trigger:hover {
          color: #2a8387;
          cursor: pointer; }
  .preview-container .close-popped-product-modal-button {
    display: none;
    position: absolute;
    left: 15px;
    top: 15px; }
  .preview-container .preview-picker {
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 3; }
    .preview-container .preview-picker li {
      border: 1px solid #fff;
      border-radius: 10px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
      display: inline-block;
      height: 10px;
      margin: 0 5px;
      width: 10px; }
      .preview-container .preview-picker li.active, .preview-container .preview-picker li.active:hover {
        background-color: #fff;
        border-color: #fff;
        cursor: pointer; }
      .preview-container .preview-picker li:hover {
        cursor: pointer; }
    .preview-container .preview-picker.empty {
      display: none; }
  .preview-container:hover .upload-method-container {
    opacity: 1; }
  .preview-container:hover .preview-arrow {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .preview-container.has-multiple-previews h2 {
    margin-bottom: 20px; }
  .preview-container.uploading .upload-indicator {
    background: rgba(255, 255, 255, 0.8);
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3; }
    .preview-container.uploading .upload-indicator .gi-rainbow {
      width: 60px;
      height: 60px;
      display: block;
      left: 50%;
      margin-left: -30px;
      margin-top: -30px;
      position: absolute;
      top: 50%; }
    .preview-container.uploading .upload-indicator .gi-spin {
      -webkit-animation: gi-spin .90s infinite linear;
              animation: gi-spin .90s infinite linear; }
  .preview-container.uploading .upload-method-container,
  .preview-container.uploading .preview-arrow {
    display: none; }
  .preview-container.uploading .default-preview {
    background: transparent; }
  .preview-container.uploading:first-of-type {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/cover_placeholder_uploading-e1b8ff04279159f31f6bb7583a3820c8.png); }
    @media only screen and (min-device-pixel-ratio: 2) {
      .preview-container.uploading:first-of-type {
        background-image: url(https://static-1.gumroad.com/res/gumroad/assets/cover_placeholder_uploading@2x-6e3b683fa472e8834a89d7d6895dbd62.png);
        background-size: 670px 370px; } }
  .preview-container.default-preview {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/cover_placeholder-43fcf771c28cb96c40f8a624b047ed23.png);
    background-position: center;
    min-height: 300px; }
    @media 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-5b2a8e8deda4fd68d9f18cf563cbd1b4.png);
        background-size: 670px 400px; } }
    .preview-container.default-preview .upload-method-container {
      background: transparent;
      box-shadow: none;
      opacity: 1;
      top: 72%; }
    .preview-container.default-preview .preview-picker,
    .preview-container.default-preview .preview-remove-button,
    .preview-container.default-preview .preview-arrow {
      display: none; }
  .preview-container.fixed-preview-height {
    height: 100%; }

@media (max-width: 768px) {
  #user_page .product.popped .preview-container .close-popped-product-modal-button {
    display: block; } }
.edit-page-tab .preview-container.default-preview {
  background-position: 50% 110%; }

@media (max-width: 768px) {
  #user_page .product:not(.popped) .preview-container .preview-picker,
  #user_page .product:not(.popped) .preview-container .preview-arrow {
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0); }

  #user_page .product.popped .preview-container .preview-picker,
  #user_page .product.popped .preview-container .preview-arrow,
  #product_page .preview-container .preview-picker,
  #product_page .preview-container .preview-arrow {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); } }
.product-description {
  color: #797874;
  font-size: 17px;
  line-height: 26px; }
  .product-description img {
    height: auto;
    margin-top: 10px;
    max-width: 100%; }

.with-rich-text,
.product-description {
  word-wrap: break-word; }
  .with-rich-text h3,
  .with-rich-text h4,
  .product-description h3,
  .product-description h4 {
    margin-bottom: 10px;
    font-weight: bold;
    color: #252a2e; }
  .with-rich-text h3,
  .product-description h3 {
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee; }
  .with-rich-text p,
  .product-description p {
    margin-bottom: 10px; }
    .with-rich-text p:last-child,
    .product-description p:last-child {
      margin-bottom: 0; }
  .with-rich-text blockquote,
  .product-description blockquote {
    font-family: Georgia, serif;
    font-style: italic;
    margin-bottom: 10px; }
    .with-rich-text blockquote:last-child,
    .product-description blockquote:last-child {
      margin-bottom: 0; }
  .with-rich-text ul,
  .product-description ul {
    list-style: disc; }
    .with-rich-text ul li,
    .product-description ul li {
      margin-left: 20px; }
  .with-rich-text a:not(.button),
  .product-description a:not(.button) {
    color: #252a2e;
    text-decoration: underline;
    white-space: pre-wrap;
    word-wrap: break-word; }
    .with-rich-text a:not(.button):active,
    .product-description a:not(.button):active {
      color: #111; }

.product-info,
.billing-options-list {
  border-radius: 4px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.15);
  overflow: hidden; }
  .product-info h5,
  .billing-options-list h5 {
    color: #ccc;
    font-size: 13px;
    display: block;
    text-transform: uppercase;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
  .product-info .summary,
  .product-info .summary-input,
  .billing-options-list .summary,
  .billing-options-list .summary-input {
    color: #252a2e;
    font-size: 15px;
    width: 100%;
    min-height: 48px; }
  .product-info li,
  .billing-options-list li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden;
    padding: 0; }
    .product-info li:last-child,
    .billing-options-list li:last-child {
      border-bottom-width: 0; }
    .product-info li input[type=text],
    .billing-options-list 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,
    .billing-options-list li input[type=text],
    .billing-options-list li span,
    .billing-options-list li strong {
      box-sizing: border-box;
      width: 50%;
      font-size: 15px;
      float: left;
      display: block; }
      .product-info li input[type=text]:nth-child(even),
      .product-info li span:nth-child(even),
      .product-info li strong:nth-child(even),
      .billing-options-list li input[type=text]:nth-child(even),
      .billing-options-list li span:nth-child(even),
      .billing-options-list li strong:nth-child(even) {
        color: #797874;
        text-align: right; }
    .product-info li:first-child input[type=text],
    .billing-options-list li:first-child input[type=text] {
      width: 100%; }
    .product-info li.summary,
    .billing-options-list li.summary {
      box-sizing: border-box; }
  .product-info .remove-button,
  .billing-options-list .remove-button {
    position: absolute;
    top: 11px;
    right: 11px; }
  .product-info .file-info-element,
  .billing-options-list .file-info-element {
    padding: 10px 15px; }
    .product-info .file-info-element .file-information-attr-label,
    .billing-options-list .file-info-element .file-information-attr-label {
      color: #aaa; }
    .product-info .file-info-element .file-information-attr-value,
    .billing-options-list .file-info-element .file-information-attr-value {
      color: #797874;
      font-weight: 400; }

.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: #ccc; }
  .product-main .product-info li strong {
    text-align: right;
    font-weight: normal;
    color: #797874; }

.variant-selection select {
  width: 100%;
  padding: 13px 20px 13px 15px;
  margin-bottom: 20px; }

.quantity-selector {
  border-radius: 4px;
  background: #fff;
  border: 1px solid #ddd;
  color: #aaa;
  font-size: 17px;
  margin-bottom: 20px;
  padding: 11px;
  text-align: center; }
  .quantity-selector a {
    color: #000;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    font-weight: bold;
    position: relative;
    top: -1px; }
    .quantity-selector a:hover {
      text-decoration: none;
      color: #000; }
    .quantity-selector a.disabled {
      opacity: .4;
      pointer-events: none; }
  .quantity-selector span {
    margin: 0 15px;
    display: inline-block; }
    .quantity-selector span strong {
      color: #000; }

.pay-what-you-want-selection .link_price_range {
  height: 20px; }
.pay-what-you-want-selection .link_price_wrapper {
  overflow: hidden;
  margin-bottom: 20px; }
.pay-what-you-want-selection .input-wrapper .input-prefix {
  border-color: #ddd !important;
  width: 67%;
  width: calc(100% - 73px);
  padding: 11px 0 12px;
  font-size: 15px;
  text-overflow: ellipsis;
  text-align: center; }
  .pay-what-you-want-selection .input-wrapper .input-prefix.focused {
    border-color: #ccc !important; }
.pay-what-you-want-selection input[type=text] {
  border-color: #ddd;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  float: left;
  width: 50px;
  font-size: 15px; }
  .pay-what-you-want-selection input[type=text]:focus {
    border-color: #ccc; }

.billing-options-list {
  margin-bottom: 20px; }
  .billing-options-list .billing-option-container {
    font-size: 17px;
    position: relative; }
    .billing-options-list .billing-option-container input[type="radio"] {
      display: none;
      left: -9999px;
      position: absolute;
      top: -9999px; }
    .billing-options-list .billing-option-container label {
      background: rgba(255, 255, 255, 0.2);
      height: 48px;
      -webkit-transition: 0.3s all cubic-bezier(0.23, 1.5, 0.32, 1);
              transition: 0.3s all cubic-bezier(0.23, 1.5, 0.32, 1);
      z-index: 5; }
      .billing-options-list .billing-option-container label:hover {
        background: rgba(255, 255, 255, 0);
        cursor: pointer; }
    .billing-options-list .billing-option-container input:checked ~ .billing-option {
      background: #f5f5f5; }
      .billing-options-list .billing-option-container input:checked ~ .billing-option .billing-option-left {
        color: #252a2e; }
      .billing-options-list .billing-option-container input:checked ~ .billing-option .billing-option-right .gi-check {
        opacity: 1;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1); }
    .billing-options-list .billing-option-container input:checked ~ label {
      background: rgba(255, 255, 255, 0); }
  .billing-options-list .billing-option {
    height: 48px; }
  .billing-options-list .billing-option-left {
    box-sizing: border-box;
    color: #aaa;
    float: left;
    line-height: 48px;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 48px); }
    .billing-options-list .billing-option-left .price {
      font-size: 17px; }
    .billing-options-list .billing-option-left .discount {
      background: #f5f5f5;
      border: 1px solid #ddd;
      border-radius: 2px;
      color: #666;
      font-size: 8px;
      font-weight: bold;
      line-height: 12px;
      padding: 2px;
      right: 45px;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: 16px;
      width: auto;
      z-index: 3; }
  .billing-options-list .billing-option-right {
    box-sizing: border-box;
    float: left;
    font-size: 17px;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    position: relative;
    width: 48px; }
    .billing-options-list .billing-option-right .empty-circle,
    .billing-options-list .billing-option-right .gi-check {
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      border-radius: 50%;
      height: 20px;
      line-height: 20px;
      width: 20px;
      position: absolute;
      right: 15px;
      top: 13px; }
    .billing-options-list .billing-option-right .empty-circle {
      border: 1px solid rgba(0, 0, 0, 0.15);
      z-index: 3; }
    .billing-options-list .billing-option-right .gi-check {
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
      background: -webkit-linear-gradient(top, #37adb2, #329ca0);
      background: linear-gradient(to bottom, #37adb2, #329ca0);
      background: #36a9ae;
      border: 1px solid #2a8387;
      color: #fff;
      font-size: 9px;
      opacity: 0;
      text-align: center;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0);
      -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);
      z-index: 4; }

.product-info-stream-only-indicator {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #eee;
  margin-top: 20px;
  overflow: hidden;
  padding: 10px; }
  .product-info-stream-only-indicator h5 {
    float: left;
    color: #252a2e;
    font-size: 17px; }
  .product-info-stream-only-indicator small {
    float: right;
    color: #ccc; }

.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;
    position: relative;
    display: inline; }
    .product-main .product-information .author-byline:before {
      content: "";
      width: 100%;
      height: 40px;
      position: absolute;
      left: 0;
      bottom: 100%; }
    .product-main .product-information .author-byline .profile-picture-small {
      display: inline-block;
      margin: -3px 2px 0;
      vertical-align: middle; }
    .product-main .product-information .author-byline > a {
      text-decoration: underline; }
  .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: #eee;
      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: #eee;
      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%; }

.customization-modules-container {
  opacity: 0;
  position: fixed;
  pointer-events: none;
  -webkit-transition: .3s all ease-in-out;
          transition: .3s all ease-in-out;
  -webkit-transform: translateY(-135px);
      -ms-transform: translateY(-135px);
          transform: translateY(-135px);
  width: 100%;
  z-index: 10; }
  .customization-modules-container.showing {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translatey(0);
        -ms-transform: translatey(0);
            transform: translatey(0); }
  .customization-modules-container.showing-preview {
    -webkit-transform: translateY(-70px);
        -ms-transform: translateY(-70px);
            transform: translateY(-70px); }

.customization-modules-container__modules {
  background: #fff;
  font-size: 17px;
  font-weight: 400;
  height: 65px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  z-index: 4; }
  .customization-modules-container__modules .customization-module-trigger {
    float: none;
    display: inline-block;
    position: relative; }
    .customization-modules-container__modules .customization-module-trigger > a {
      height: 65px;
      padding: 0 15px;
      line-height: 65px;
      color: #a0a0a0; }
      .customization-modules-container__modules .customization-module-trigger > a:hover {
        color: #666;
        text-decoration: none; }
      .customization-modules-container__modules .customization-module-trigger > a.active {
        color: #333; }
  .customization-modules-container__modules .customization-modules-container__actions {
    float: right; }
    .customization-modules-container__modules .customization-modules-container__actions li {
      float: left;
      line-height: 65px;
      margin-right: 15px; }
      .customization-modules-container__modules .customization-modules-container__actions li:not(.preview-toggle) {
        padding: 12px 0; }
      .customization-modules-container__modules .customization-modules-container__actions li:last-child {
        margin-right: 0; }

.customization-module,
.customization-module--displayed-products,
.customization-module--purchase-flow {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  width: 320px;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s all cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: 0.3s all cubic-bezier(0.23, 1.5, 0.32, 1);
  padding: 30px;
  position: absolute;
  left: 50%;
  margin-left: -165px;
  top: 80px;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0; }
  .customization-module.showing,
  .showing.customization-module--displayed-products,
  .showing.customization-module--purchase-flow {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .customization-module:after,
  .customization-module--displayed-products:after,
  .customization-module--purchase-flow:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-bottom-color: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: 100%;
    z-index: 2; }
  .customization-module .customization-module__title,
  .customization-module--displayed-products .customization-module__title,
  .customization-module--purchase-flow .customization-module__title {
    font-size: 17px;
    color: #252a2e;
    font-weight: 500;
    margin-bottom: 15px; }
    .customization-module .customization-module__title a,
    .customization-module--displayed-products .customization-module__title a,
    .customization-module--purchase-flow .customization-module__title a {
      font-weight: normal;
      font-size: 13px;
      color: #aaa; }
  .customization-module .customization-module__help-link,
  .customization-module--displayed-products .customization-module__help-link,
  .customization-module--purchase-flow .customization-module__help-link {
    float: right;
    color: #36a9ae;
    font-size: 13px; }
  .customization-module .customization-module__input,
  .customization-module--displayed-products .customization-module__input,
  .customization-module--purchase-flow .customization-module__input {
    clear: both;
    line-height: 40px;
    margin-bottom: 10px;
    min-height: 40px;
    position: relative; }
    .customization-module .customization-module__input:hover,
    .customization-module--displayed-products .customization-module__input:hover,
    .customization-module--purchase-flow .customization-module__input:hover {
      cursor: pointer; }
      .customization-module .customization-module__input:hover .customization-module__input-label--for-checkbox,
      .customization-module--displayed-products .customization-module__input:hover .customization-module__input-label--for-checkbox,
      .customization-module--purchase-flow .customization-module__input:hover .customization-module__input-label--for-checkbox {
        color: #797874; }
    .customization-module .customization-module__input:last-child,
    .customization-module--displayed-products .customization-module__input:last-child,
    .customization-module--purchase-flow .customization-module__input:last-child {
      margin-bottom: 0; }
    .customization-module .customization-module__input.tiling-input,
    .customization-module--displayed-products .customization-module__input.tiling-input,
    .customization-module--purchase-flow .customization-module__input.tiling-input {
      margin-bottom: 0; }
    .customization-module .customization-module__input .customization-module__input-label,
    .customization-module .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--displayed-products .customization-module__input .customization-module__input-label,
    .customization-module--purchase-flow .customization-module__input .customization-module__input-label,
    .customization-module--displayed-products .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--purchase-flow .customization-module__input .customization-module__input-label--for-checkbox {
      color: #aaa;
      display: block;
      font-size: 17px; }
      .customization-module .customization-module__input .customization-module__input-label--for-checkbox,
      .customization-module--displayed-products .customization-module__input .customization-module__input-label--for-checkbox,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-label--for-checkbox {
        overflow-x: hidden;
        text-overflow: ellipsis;
        width: calc(100% - 30px);
        white-space: nowrap; }
        .customization-module .customization-module__input .customization-module__input-label--for-checkbox:after,
        .customization-module--displayed-products .customization-module__input .customization-module__input-label--for-checkbox:after,
        .customization-module--purchase-flow .customization-module__input .customization-module__input-label--for-checkbox:after {
          width: 20px;
          height: 20px;
          display: block;
          border-radius: 50%;
          background: #fff;
          border: 1px solid #ddd;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          content: "";
          display: block;
          font-size: 8px;
          font-family: GumIcons;
          line-height: 20px;
          position: absolute;
          right: 0;
          text-align: center;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .customization-module .customization-module__input .customization-module__input-label--for-checkbox:hover,
        .customization-module--displayed-products .customization-module__input .customization-module__input-label--for-checkbox:hover,
        .customization-module--purchase-flow .customization-module__input .customization-module__input-label--for-checkbox:hover {
          cursor: pointer; }
    .customization-module .customization-module__input .customization-module__input-checkbox,
    .customization-module--displayed-products .customization-module__input .customization-module__input-checkbox,
    .customization-module--purchase-flow .customization-module__input .customization-module__input-checkbox {
      text-indent: -9999px;
      display: none; }
      .customization-module .customization-module__input .customization-module__input-checkbox:checked ~ label:after,
      .customization-module--displayed-products .customization-module__input .customization-module__input-checkbox:checked ~ label:after,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-checkbox:checked ~ label:after {
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
        background: -webkit-linear-gradient(top, #37adb2, #329ca0);
        background: linear-gradient(to bottom, #37adb2, #329ca0);
        background: #36a9ae;
        border: 1px solid #2a8387;
        color: #fff;
        content: "\e015"; }
    .customization-module .customization-module__input .customization-module__input-select,
    .customization-module--displayed-products .customization-module__input .customization-module__input-select,
    .customization-module--purchase-flow .customization-module__input .customization-module__input-select {
      padding: 10px;
      width: 100%; }
    .customization-module .customization-module__input .customization-module__input-colorpicker,
    .customization-module--displayed-products .customization-module__input .customization-module__input-colorpicker,
    .customization-module--purchase-flow .customization-module__input .customization-module__input-colorpicker {
      border-radius: 25px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      padding: 10px 15px;
      position: absolute;
      max-height: 40px;
      right: 0;
      top: 0;
      width: 125px; }
    .customization-module .customization-module__input .customization-module__input-range,
    .customization-module--displayed-products .customization-module__input .customization-module__input-range,
    .customization-module--purchase-flow .customization-module__input .customization-module__input-range {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      right: 0;
      border-radius: 8px;
      height: 3px;
      background-color: #ddd;
      width: 175px;
      -webkit-appearance: none; }
      .customization-module .customization-module__input .customization-module__input-range::-webkit-slider-thumb,
      .customization-module--displayed-products .customization-module__input .customization-module__input-range::-webkit-slider-thumb,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        background-color: #fff;
        border: 1px solid #ddd;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        width: 20px;
        height: 20px;
        border-radius: 10px;
        cursor: pointer; }
    .customization-module .customization-module__input .customization-module__input-background-image,
    .customization-module--displayed-products .customization-module__input .customization-module__input-background-image,
    .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image {
      background: #f5f5f5;
      border-radius: 4px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      position: relative;
      overflow: hidden; }
      .customization-module .customization-module__input .customization-module__input-background-image .remove-button,
      .customization-module--displayed-products .customization-module__input .customization-module__input-background-image .remove-button,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image .remove-button {
        display: none;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 5; }
      .customization-module .customization-module__input .customization-module__input-background-image img,
      .customization-module .customization-module__input .customization-module__input-background-image video,
      .customization-module .customization-module__input .customization-module__input-background-image .background-placeholder,
      .customization-module--displayed-products .customization-module__input .customization-module__input-background-image img,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image img,
      .customization-module--displayed-products .customization-module__input .customization-module__input-background-image video,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image video,
      .customization-module--displayed-products .customization-module__input .customization-module__input-background-image .background-placeholder,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image .background-placeholder {
        margin-bottom: -16px;
        min-height: 100px;
        width: 100%; }
      .customization-module .customization-module__input .customization-module__input-background-image label,
      .customization-module .customization-module__input .customization-module__input-background-image .processing-placeholder,
      .customization-module--displayed-products .customization-module__input .customization-module__input-background-image label,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image label,
      .customization-module--displayed-products .customization-module__input .customization-module__input-background-image .processing-placeholder,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image .processing-placeholder {
        position: absolute;
        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);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .customization-module .customization-module__input .customization-module__input-background-image label:hover,
        .customization-module .customization-module__input .customization-module__input-background-image .processing-placeholder:hover,
        .customization-module--displayed-products .customization-module__input .customization-module__input-background-image label:hover,
        .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image label:hover,
        .customization-module--displayed-products .customization-module__input .customization-module__input-background-image .processing-placeholder:hover,
        .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image .processing-placeholder:hover {
          cursor: pointer; }
        .customization-module .customization-module__input .customization-module__input-background-image label .edit-actions,
        .customization-module .customization-module__input .customization-module__input-background-image .processing-placeholder .edit-actions,
        .customization-module--displayed-products .customization-module__input .customization-module__input-background-image label .edit-actions,
        .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image label .edit-actions,
        .customization-module--displayed-products .customization-module__input .customization-module__input-background-image .processing-placeholder .edit-actions,
        .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image .processing-placeholder .edit-actions {
          position: relative;
          top: 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);
          -webkit-transform: translateY(-35%) scale(1);
              -ms-transform: translateY(-35%) scale(1);
                  transform: translateY(-35%) scale(1); }
          .customization-module .customization-module__input .customization-module__input-background-image label .edit-actions p,
          .customization-module .customization-module__input .customization-module__input-background-image .processing-placeholder .edit-actions p,
          .customization-module--displayed-products .customization-module__input .customization-module__input-background-image label .edit-actions p,
          .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image label .edit-actions p,
          .customization-module--displayed-products .customization-module__input .customization-module__input-background-image .processing-placeholder .edit-actions p,
          .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image .processing-placeholder .edit-actions p {
            color: #aaa;
            max-width: 80%;
            line-height: 15px;
            margin-top: 10px;
            margin: 10px auto;
            font-size: 11px; }
            .customization-module .customization-module__input .customization-module__input-background-image label .edit-actions p a,
            .customization-module .customization-module__input .customization-module__input-background-image .processing-placeholder .edit-actions p a,
            .customization-module--displayed-products .customization-module__input .customization-module__input-background-image label .edit-actions p a,
            .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image label .edit-actions p a,
            .customization-module--displayed-products .customization-module__input .customization-module__input-background-image .processing-placeholder .edit-actions p a,
            .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image .processing-placeholder .edit-actions p a {
              text-decoration: underline; }
      .customization-module .customization-module__input .customization-module__input-background-image .processing-placeholder,
      .customization-module--displayed-products .customization-module__input .customization-module__input-background-image .processing-placeholder,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image .processing-placeholder {
        display: none;
        padding-top: 94px; }
        .customization-module .customization-module__input .customization-module__input-background-image .processing-placeholder .processing-placeholder__text,
        .customization-module--displayed-products .customization-module__input .customization-module__input-background-image .processing-placeholder .processing-placeholder__text,
        .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image .processing-placeholder .processing-placeholder__text {
          font-size: 11px;
          color: #aaa; }
      .customization-module .customization-module__input .customization-module__input-background-image.has-background .remove-button,
      .customization-module--displayed-products .customization-module__input .customization-module__input-background-image.has-background .remove-button,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image.has-background .remove-button {
        display: block; }
      .customization-module .customization-module__input .customization-module__input-background-image.has-background label,
      .customization-module--displayed-products .customization-module__input .customization-module__input-background-image.has-background label,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image.has-background label {
        pointer-events: none; }
        .customization-module .customization-module__input .customization-module__input-background-image.has-background label .edit-actions,
        .customization-module--displayed-products .customization-module__input .customization-module__input-background-image.has-background label .edit-actions,
        .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image.has-background label .edit-actions {
          opacity: 0;
          -webkit-transform: scale(0), translateY(-50%);
              -ms-transform: scale(0), translateY(-50%);
                  transform: scale(0), translateY(-50%); }
          .customization-module .customization-module__input .customization-module__input-background-image.has-background label .edit-actions p,
          .customization-module--displayed-products .customization-module__input .customization-module__input-background-image.has-background label .edit-actions p,
          .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image.has-background label .edit-actions p {
            display: none; }
      .customization-module .customization-module__input .customization-module__input-background-image.has-background:hover label .edit-actions,
      .customization-module--displayed-products .customization-module__input .customization-module__input-background-image.has-background:hover label .edit-actions,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image.has-background:hover label .edit-actions {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: scale(1), translateY(-50%);
            -ms-transform: scale(1), translateY(-50%);
                transform: scale(1), translateY(-50%); }
    .customization-module .customization-module__input .miniColors-triggerWrap,
    .customization-module--displayed-products .customization-module__input .miniColors-triggerWrap,
    .customization-module--purchase-flow .customization-module__input .miniColors-triggerWrap {
      border-radius: 50%;
      overflow: hidden;
      position: absolute;
      right: 10px;
      top: 10px; }
    .customization-module .customization-module__input .miniColors-trigger,
    .customization-module--displayed-products .customization-module__input .miniColors-trigger,
    .customization-module--purchase-flow .customization-module__input .miniColors-trigger {
      position: absolute;
      top: 0; }
  .customization-module .customization-module__connection,
  .customization-module--displayed-products .customization-module__connection,
  .customization-module--purchase-flow .customization-module__connection {
    float: left;
    margin-right: 10px;
    position: relative;
    width: calc(50% - 5px); }
    .customization-module .customization-module__connection .button,
    .customization-module--displayed-products .customization-module__connection .button,
    .customization-module--purchase-flow .customization-module__connection .button {
      box-sizing: border-box;
      height: 60px; }
    .customization-module .customization-module__connection .connection-username,
    .customization-module--displayed-products .customization-module__connection .connection-username,
    .customization-module--purchase-flow .customization-module__connection .connection-username {
      background-color: transparent;
      background-position: right;
      background-size: 12px;
      border: 0;
      display: block;
      color: #fff;
      font-size: 13px;
      opacity: .6;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
    .customization-module .customization-module__connection .disconnect-button,
    .customization-module--displayed-products .customization-module__connection .disconnect-button,
    .customization-module--purchase-flow .customization-module__connection .disconnect-button {
      position: absolute;
      right: -8px;
      top: -8px; }
    .customization-module .customization-module__connection:last-child,
    .customization-module--displayed-products .customization-module__connection:last-child,
    .customization-module--purchase-flow .customization-module__connection:last-child {
      margin-right: 0; }
  .customization-module--displayed-products {
    padding: 0; }
    .customization-module--displayed-products ul {
      max-height: 600px;
      overflow-y: scroll;
      padding: 30px; }
    .customization-module--displayed-products .customization-module__input {
      margin-bottom: 0; }
  .customization-module--purchase-flow {
    padding: 0;
    margin-left: -130px;
    width: 260px; }
    .customization-module--purchase-flow button {
      width: 100%; }
  .customization-module > form > button,
  .customization-module--displayed-products > form > button,
  .customization-module--purchase-flow > form > button {
    width: 100%; }
  .customization-module hr,
  .customization-module--displayed-products hr,
  .customization-module--purchase-flow hr {
    background: #eee;
    height: 1px;
    margin: 20px 0; }
  .customization-module > a,
  .customization-module--displayed-products > a,
  .customization-module--purchase-flow > a {
    color: #aaa; }
  .customization-module .steps,
  .customization-module--displayed-products .steps,
  .customization-module--purchase-flow .steps {
    overflow: hidden;
    font-size: 13px;
    border-radius: 4px; }
    .customization-module .steps > li,
    .customization-module--displayed-products .steps > li,
    .customization-module--purchase-flow .steps > li {
      padding: 0;
      border-bottom: 1px solid #eee;
      opacity: .8; }
      .customization-module .steps > li:last-child,
      .customization-module--displayed-products .steps > li:last-child,
      .customization-module--purchase-flow .steps > li:last-child {
        border-bottom: 0; }
      .customization-module .steps > li .step-options,
      .customization-module--displayed-products .steps > li .step-options,
      .customization-module--purchase-flow .steps > li .step-options {
        background: #fff;
        border-top: 1px solid #ddd; }
        .customization-module .steps > li .step-options select,
        .customization-module--displayed-products .steps > li .step-options select,
        .customization-module--purchase-flow .steps > li .step-options select {
          width: 100%;
          height: 40px;
          margin-bottom: 15px;
          padding: 6px 8px; }
        .customization-module .steps > li .step-options .bordered,
        .customization-module--displayed-products .steps > li .step-options .bordered,
        .customization-module--purchase-flow .steps > li .step-options .bordered {
          border-bottom: 1px solid #ddd;
          height: 31px;
          margin-bottom: 14px;
          margin-top: -4px; }
          .customization-module .steps > li .step-options .bordered.labels,
          .customization-module--displayed-products .steps > li .step-options .bordered.labels,
          .customization-module--purchase-flow .steps > li .step-options .bordered.labels {
            border-bottom: 0;
            padding: 0;
            margin-bottom: 0; }
        .customization-module .steps > li .step-options input#custom_fields_new[type="checkbox"],
        .customization-module--displayed-products .steps > li .step-options input#custom_fields_new[type="checkbox"],
        .customization-module--purchase-flow .steps > li .step-options input#custom_fields_new[type="checkbox"] {
          position: absolute;
          right: 15px;
          top: 15px; }
        .customization-module .steps > li .step-options #js-edit-fields-form #dynamic-custom-fields-title,
        .customization-module--displayed-products .steps > li .step-options #js-edit-fields-form #dynamic-custom-fields-title,
        .customization-module--purchase-flow .steps > li .step-options #js-edit-fields-form #dynamic-custom-fields-title {
          display: block; }
        .customization-module .steps > li .step-options #js-edit-fields-form .labels,
        .customization-module--displayed-products .steps > li .step-options #js-edit-fields-form .labels,
        .customization-module--purchase-flow .steps > li .step-options #js-edit-fields-form .labels {
          overflow: hidden; }
          .customization-module .steps > li .step-options #js-edit-fields-form .labels span,
          .customization-module--displayed-products .steps > li .step-options #js-edit-fields-form .labels span,
          .customization-module--purchase-flow .steps > li .step-options #js-edit-fields-form .labels span {
            padding: 0 10px 10px;
            float: left; }
            .customization-module .steps > li .step-options #js-edit-fields-form .labels span.required-label,
            .customization-module--displayed-products .steps > li .step-options #js-edit-fields-form .labels span.required-label,
            .customization-module--purchase-flow .steps > li .step-options #js-edit-fields-form .labels span.required-label {
              float: right; }
        .customization-module .steps > li .step-options #js-edit-attributes-form ul li,
        .customization-module--displayed-products .steps > li .step-options #js-edit-attributes-form ul li,
        .customization-module--purchase-flow .steps > li .step-options #js-edit-attributes-form ul li {
          padding: 0;
          position: relative;
          overflow: hidden;
          height: 41px; }
          .customization-module .steps > li .step-options #js-edit-attributes-form ul li.summary,
          .customization-module--displayed-products .steps > li .step-options #js-edit-attributes-form ul li.summary,
          .customization-module--purchase-flow .steps > li .step-options #js-edit-attributes-form ul li.summary {
            padding: 0;
            height: 48px; }
            .customization-module .steps > li .step-options #js-edit-attributes-form ul li.summary input,
            .customization-module--displayed-products .steps > li .step-options #js-edit-attributes-form ul li.summary input,
            .customization-module--purchase-flow .steps > li .step-options #js-edit-attributes-form ul li.summary input {
              color: #252a2e;
              font-size: 17px; }
          .customization-module .steps > li .step-options #js-edit-attributes-form ul li .js-custom-attr-label,
          .customization-module .steps > li .step-options #js-edit-attributes-form ul li .js-custom-attr-value,
          .customization-module--displayed-products .steps > li .step-options #js-edit-attributes-form ul li .js-custom-attr-label,
          .customization-module--purchase-flow .steps > li .step-options #js-edit-attributes-form ul li .js-custom-attr-label,
          .customization-module--displayed-products .steps > li .step-options #js-edit-attributes-form ul li .js-custom-attr-value,
          .customization-module--purchase-flow .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; }
          .customization-module .steps > li .step-options #js-edit-attributes-form ul li .js-custom-attr-value,
          .customization-module--displayed-products .steps > li .step-options #js-edit-attributes-form ul li .js-custom-attr-value,
          .customization-module--purchase-flow .steps > li .step-options #js-edit-attributes-form ul li .js-custom-attr-value {
            color: #797874;
            text-align: right; }
          .customization-module .steps > li .step-options #js-edit-attributes-form ul li span,
          .customization-module--displayed-products .steps > li .step-options #js-edit-attributes-form ul li span,
          .customization-module--purchase-flow .steps > li .step-options #js-edit-attributes-form ul li span {
            color: #ccc; }
            .customization-module .steps > li .step-options #js-edit-attributes-form ul li span.file-information-attr-label,
            .customization-module--displayed-products .steps > li .step-options #js-edit-attributes-form ul li span.file-information-attr-label,
            .customization-module--purchase-flow .steps > li .step-options #js-edit-attributes-form ul li span.file-information-attr-label {
              padding: 10px;
              width: 50%; }
          .customization-module .steps > li .step-options #js-edit-attributes-form ul li strong,
          .customization-module--displayed-products .steps > li .step-options #js-edit-attributes-form ul li strong,
          .customization-module--purchase-flow .steps > li .step-options #js-edit-attributes-form ul li strong {
            font-size: 15px;
            margin-top: -10px;
            padding-right: 0; }
            .customization-module .steps > li .step-options #js-edit-attributes-form ul li strong.file-information-attr-value,
            .customization-module--displayed-products .steps > li .step-options #js-edit-attributes-form ul li strong.file-information-attr-value,
            .customization-module--purchase-flow .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: #797874;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap; }
              .customization-module .steps > li .step-options #js-edit-attributes-form ul li strong.file-information-attr-value.shifted-left,
              .customization-module--displayed-products .steps > li .step-options #js-edit-attributes-form ul li strong.file-information-attr-value.shifted-left,
              .customization-module--purchase-flow .steps > li .step-options #js-edit-attributes-form ul li strong.file-information-attr-value.shifted-left {
                padding-right: 40px; }
        .customization-module .steps > li .step-options.padded,
        .customization-module--displayed-products .steps > li .step-options.padded,
        .customization-module--purchase-flow .steps > li .step-options.padded {
          padding: 15px; }
      .customization-module .steps > li > strong,
      .customization-module--displayed-products .steps > li > strong,
      .customization-module--purchase-flow .steps > li > strong {
        display: block;
        padding: 15px;
        font-size: 17px;
        font-weight: 400; }
        .customization-module .steps > li > strong a,
        .customization-module--displayed-products .steps > li > strong a,
        .customization-module--purchase-flow .steps > li > strong a {
          color: #797874;
          margin-left: 5px; }
      .customization-module .steps > li #require_shipping_information,
      .customization-module--displayed-products .steps > li #require_shipping_information,
      .customization-module--purchase-flow .steps > li #require_shipping_information {
        top: 5px; }
      .customization-module .steps > li #dynamic-custom-fields,
      .customization-module--displayed-products .steps > li #dynamic-custom-fields,
      .customization-module--purchase-flow .steps > li #dynamic-custom-fields {
        line-height: 21px;
        border: 1px solid #ddd;
        list-style: none;
        vertical-align: baseline;
        border-radius: 5px; }
        .customization-module .steps > li #dynamic-custom-fields li,
        .customization-module--displayed-products .steps > li #dynamic-custom-fields li,
        .customization-module--purchase-flow .steps > li #dynamic-custom-fields li {
          padding: 0;
          position: relative;
          overflow: hidden;
          height: 41px;
          border-bottom: 1px solid #ddd; }
          .customization-module .steps > li #dynamic-custom-fields li:last-child,
          .customization-module--displayed-products .steps > li #dynamic-custom-fields li:last-child,
          .customization-module--purchase-flow .steps > li #dynamic-custom-fields li:last-child {
            border-bottom: 0; }
          .customization-module .steps > li #dynamic-custom-fields li input[type="text"],
          .customization-module--displayed-products .steps > li #dynamic-custom-fields li input[type="text"],
          .customization-module--purchase-flow .steps > li #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; }
          .customization-module .steps > li #dynamic-custom-fields li input[type="checkbox"],
          .customization-module--displayed-products .steps > li #dynamic-custom-fields li input[type="checkbox"],
          .customization-module--purchase-flow .steps > li #dynamic-custom-fields li input[type="checkbox"] {
            right: 5px; }
      .customization-module .steps > li textarea,
      .customization-module--displayed-products .steps > li textarea,
      .customization-module--purchase-flow .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: #fff; }
      .customization-module .steps > li.active,
      .customization-module--displayed-products .steps > li.active,
      .customization-module--purchase-flow .steps > li.active {
        opacity: 1; }
        .customization-module .steps > li.active strong,
        .customization-module .steps > li.active a,
        .customization-module--displayed-products .steps > li.active strong,
        .customization-module--purchase-flow .steps > li.active strong,
        .customization-module--displayed-products .steps > li.active a,
        .customization-module--purchase-flow .steps > li.active a {
          color: #252a2e; }
        .customization-module .steps > li.active textarea,
        .customization-module--displayed-products .steps > li.active textarea,
        .customization-module--purchase-flow .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: #fff;
  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: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden; }
  .product .buy-form-main {
    background: #eee;
    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: #ccc; }
      .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 .document-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #efefe9;
    z-index: 9999;
    text-align: center;
    -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
    -webkit-transition-delay: .7s;
            transition-delay: .7s;
    border-bottom: 1px solid #ddd; }
    .read-wrapper .document-loading.loaded {
      height: 0; }
    .read-wrapper .document-loading .loading-container {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out;
      padding: 0 30px; }
      .read-wrapper .document-loading .loading-container.loaded {
        opacity: 0;
        margin-top: -30px; }
      .read-wrapper .document-loading .loading-container h1 {
        font-size: 24px;
        color: #545350;
        margin-bottom: 20px;
        line-height: 34px; }
      .read-wrapper .document-loading .loading-container h3 {
        font-size: 16px;
        color: #969591;
        margin-bottom: 30px; }
      .read-wrapper .document-loading .loading-container .loading-percentage {
        color: #c9cac3;
        display: none;
        font-size: 14px;
        margin-top: 30px; }
  .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-radius: 14px;
        height: 14px;
        width: 14px;
        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: #fff;
          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: #fff;
            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: #fff;
              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: #fff;
                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: 16px 0 2px;
      text-align: center; }
    .read-wrapper .info a {
      color: #aaa;
      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: 100%;
    background-color: #fff;
    text-align: center;
    z-index: 12; }
    .read-wrapper .main .content {
      height: 90%;
      margin: 30px 70px; }
    .read-wrapper .main .arrow {
      position: absolute;
      top: 0;
      color: #b2b2b2;
      cursor: pointer;
      font-size: 30px;
      height: 100%;
      width: 70px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out; }
      .read-wrapper .main .arrow i {
        top: 50%;
        position: absolute; }
      .read-wrapper .main .arrow.next {
        right: 0; }
        .read-wrapper .main .arrow.next i {
          left: 25px; }
        .read-wrapper .main .arrow.next:hover {
          background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0) 0%, whitesmoke 100%);
          background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, whitesmoke 100%);
          -webkit-transition: .3s;
                  transition: .3s;
          color: #02959b;
          cursor: pointer; }
      .read-wrapper .main .arrow.previous i {
        right: 25px; }
      .read-wrapper .main .arrow.previous:hover {
        background: -webkit-linear-gradient(left, whitesmoke 0%, rgba(245, 245, 245, 0) 100%);
        background: linear-gradient(to right, whitesmoke 0%, rgba(245, 245, 245, 0) 100%);
        -webkit-transition: .3s;
                transition: .3s;
        color: #02959b;
        cursor: pointer; }
  .read-wrapper .toc {
    position: absolute;
    width: 300px;
    background: #fff;
    z-index: 50;
    margin: 60px 0 0 24px;
    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: #fff;
      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 .search {
    float: right;
    font-size: 24px;
    display: none; }
    .read-wrapper .search input {
      background: transparent;
      box-shadow: none;
      width: 42px;
      position: absolute;
      right: 0;
      opacity: 0;
      margin: 15px;
      -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);
      z-index: 9;
      border: 1px solid #ddd; }
      .read-wrapper .search input:focus {
        background: #fff;
        width: 300px;
        z-index: 1;
        opacity: 1; }
        .read-wrapper .search input:focus:hover {
          cursor: text; }
      .read-wrapper .search input:hover {
        cursor: pointer; }
    .read-wrapper .search .gi {
      position: absolute;
      right: 30px;
      top: 25px;
      z-index: 2;
      color: #aaa; }
      .read-wrapper .search .gi:hover {
        color: #666;
        cursor: pointer; }
  .read-wrapper .search-popover {
    width: 320px;
    max-height: 330px;
    background: #fff;
    position: absolute;
    right: 0;
    z-index: 50;
    display: none;
    margin: 54px 15px 0 0;
    border: 1px solid #ddd;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: scroll; }
    .read-wrapper .search-popover li {
      padding: 15px 0 10px 15px;
      position: relative;
      cursor: pointer;
      font-size: 15px; }
      .read-wrapper .search-popover li:hover {
        background: #f5f5f5; }
    .read-wrapper .search-popover .title,
    .read-wrapper .search-popover .page {
      display: inline-block; }
    .read-wrapper .search-popover .title {
      width: 200px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .read-wrapper .search-popover .page {
      position: absolute;
      right: 15px;
      color: #ccc; }
  .read-wrapper .appearance {
    position: absolute;
    width: 250px;
    background: #fff;
    z-index: 50;
    margin: 60px 0 0 28px;
    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 .appearance.toc-showing {
      margin-left: 82px; }
    .read-wrapper .appearance.showing {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
    .read-wrapper .appearance:before, .read-wrapper .appearance: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 .appearance:after {
      border-bottom-color: #fff;
      margin-top: -16px;
      z-index: 5; }
    .read-wrapper .appearance h1 {
      text-align: center;
      margin: 15px 0; }
    .read-wrapper .appearance .btn-zoom-in,
    .read-wrapper .appearance .btn-zoom-out {
      width: 50%;
      height: 80px;
      border-top: 1px solid #ddd;
      display: inline-block;
      float: left;
      box-sizing: border-box;
      text-align: center;
      font-size: 26px;
      color: #bfbfbf;
      -webkit-transition: all .3s ease-in-out;
              transition: all .3s ease-in-out; }
      .read-wrapper .appearance .btn-zoom-in:hover,
      .read-wrapper .appearance .btn-zoom-out:hover {
        background: #f5f5f5;
        color: #797874; }
      .read-wrapper .appearance .btn-zoom-in i,
      .read-wrapper .appearance .btn-zoom-out i {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
    .read-wrapper .appearance .btn-zoom-in {
      font-size: 40px;
      border-left: 1px solid #ddd; }
  .read-wrapper .pagination {
    width: 100%;
    text-align: center;
    margin-top: 3px; }
    .read-wrapper .pagination .controls {
      color: #969591; }
    .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 #ddd;
  width: 100%;
  box-sizing: border-box;
  max-height: 420px;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #fff; }
  .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; }

@media screen and (max-width: 480px) {
  .read-wrapper .pagination {
    width: auto;
    text-align: center;
    margin: 3px 80px 0 160px; }

  .read-wrapper .info h1 {
    font-size: 18px;
    color: #545350;
    margin: 16px 0 2px;
    text-align: center;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }
.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: #fff;
  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 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 .product-name .quantity {
      color: #aaa;
      font-size: 12px; }
  .receipt p {
    margin: 12px 0 0;
    color: #797874;
    font-size: 13px;
    line-height: 21px; }
  .receipt textarea {
    box-sizing: border-box;
    background: #fff;
    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: #fff;
    font-size: 13px;
    line-height: 13px;
    border: 1px solid #ddd;
    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 {
      margin-top: 12px;
      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-2d247d6e73f4cfc49dfa27746c99ed3e.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-c464cf1980f8ee1739261cf34d735e7d.png) 1px -158px;
  height: 13px;
  margin: 16px -16px -13px; }

.product.small {
  height: 300px; }
  .product.small .background-cover {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat; }

.recommendations-blurb {
  padding: 12px;
  width: 300px;
  max-height: 500px;
  overflow-y: scroll;
  box-sizing: border-box; }
  .recommendations-blurb:before, .recommendations-blurb:after {
    border-radius: 4px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    z-index: 6; }
  .recommendations-blurb:before {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=rgba(255, 255, 255, 0), GradientType=0)";
    background: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
    top: 0; }
  .recommendations-blurb:after {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255, 255, 255, 0), endColorstr=#fff, GradientType=0)";
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    bottom: 0; }
  .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%; }

.purchase-selector {
  margin-bottom: 20px;
  position: relative; }
  .purchase-selector input[type=checkbox] {
    display: none;
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .purchase-selector label {
    border: 1px solid #ddd;
    color: #797874;
    border-radius: 4px;
    position: relative;
    width: 100%;
    height: 40px;
    display: block;
    z-index: 10; }
    .purchase-selector label:hover {
      cursor: pointer; }
  .purchase-selector .purchase-type--rent,
  .purchase-selector .purchase-type--buy {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    padding: 10px;
    font-size: 17px;
    text-align: center;
    box-sizing: border-box;
    color: #797874; }
  .purchase-selector .purchase-type--buy {
    left: 50%;
    border-left: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .purchase-selector input[type=checkbox]:checked ~ .purchase-type--buy {
    color: #252a2e;
    background: #eee; }
    .purchase-selector input[type=checkbox]:checked ~ .purchase-type--buy:before, .purchase-selector input[type=checkbox]:checked ~ .purchase-type--buy: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-top-color: #ddd;
      z-index: 11; }
    .purchase-selector input[type=checkbox]:checked ~ .purchase-type--buy:after {
      border-top-color: #eee;
      margin-top: -1px;
      z-index: 15; }
  .purchase-selector .purchase-type--rent {
    color: #252a2e;
    background: #eee;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
    .purchase-selector .purchase-type--rent:before, .purchase-selector .purchase-type--rent: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-top-color: #ddd;
      z-index: 11; }
    .purchase-selector .purchase-type--rent:after {
      border-top-color: #eee;
      margin-top: -1px;
      z-index: 15; }
  .purchase-selector input[type=checkbox]:checked ~ .purchase-type--rent {
    color: #797874;
    background: #fff; }
    .purchase-selector input[type=checkbox]:checked ~ .purchase-type--rent:before, .purchase-selector input[type=checkbox]:checked ~ .purchase-type--rent:after {
      display: none; }

.title-rent,
.title-buy {
  position: absolute;
  margin: -20px 0 0;
  color: #aaa;
  font-size: 12px; }

.btn-remove {
  position: absolute;
  right: 0;
  top: -20px;
  font-size: 10px;
  color: #aaa; }
  .btn-remove:hover {
    color: #252a2e; }

.change-default {
  width: 18px;
  height: 18px;
  padding: 0;
  box-shadow: 0;
  position: absolute;
  right: -30px;
  top: 15px; }
  .change-default:hover {
    box-shadow: inset 0; }

.offer-rental,
.offer-buy {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.12);
  border: 1px dashed #ddd;
  padding: 15px 14px;
  line-height: 17px;
  border-radius: 4px;
  background: #fff;
  color: #6f6f6f;
  font-size: 16px;
  position: relative;
  display: inline-block;
  float: left;
  margin-left: 18px;
  min-width: 121px; }
  .offer-rental:hover,
  .offer-buy:hover {
    background: #f5f5f5;
    box-shadow: 0 0 0; }

.creator-profile-card,
.creator-profile-card--medium,
.creator-profile-card--small {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  margin-top: 80px;
  max-width: 100%;
  -webkit-perspective: 500;
          perspective: 500;
  padding: 30px;
  text-align: center;
  -webkit-transition: max-width 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: max-width 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  z-index: 5; }
  .creator-profile-card .profile-picture-large,
  .creator-profile-card--medium .profile-picture-large,
  .creator-profile-card--small .profile-picture-large {
    margin: -80px auto 15px;
    z-index: 2; }
  .creator-profile-card .creator-profile-card__name,
  .creator-profile-card--medium .creator-profile-card__name,
  .creator-profile-card--small .creator-profile-card__name {
    color: #252a2e;
    font-size: 32px;
    line-height: 1.2;
    margin: 0 auto 20px;
    max-width: 670px; }
    .creator-profile-card .creator-profile-card__name[data-contenteditable=true]:hover,
    .creator-profile-card--medium .creator-profile-card__name[data-contenteditable=true]:hover,
    .creator-profile-card--small .creator-profile-card__name[data-contenteditable=true]:hover {
      background: #fef1d6;
      border-radius: 4px;
      cursor: pointer; }
  .creator-profile-card .creator-profile-card__bio,
  .creator-profile-card--medium .creator-profile-card__bio,
  .creator-profile-card--small .creator-profile-card__bio {
    max-width: 670px;
    margin: 0 auto 20px; }
    .creator-profile-card .creator-profile-card__bio p,
    .creator-profile-card--medium .creator-profile-card__bio p,
    .creator-profile-card--small .creator-profile-card__bio p {
      color: #797874;
      font-size: 21px;
      line-height: 1.5;
      margin-bottom: 15px; }
      .creator-profile-card .creator-profile-card__bio p:last-child,
      .creator-profile-card--medium .creator-profile-card__bio p:last-child,
      .creator-profile-card--small .creator-profile-card__bio p:last-child {
        margin-bottom: 0; }
      .creator-profile-card .creator-profile-card__bio p[data-contenteditable=true]:hover,
      .creator-profile-card--medium .creator-profile-card__bio p[data-contenteditable=true]:hover,
      .creator-profile-card--small .creator-profile-card__bio p[data-contenteditable=true]:hover {
        background: #fef1d6;
        border-radius: 4px;
        cursor: pointer; }
    .creator-profile-card .creator-profile-card__bio a,
    .creator-profile-card--medium .creator-profile-card__bio a,
    .creator-profile-card--small .creator-profile-card__bio a {
      color: inherit;
      text-decoration: underline; }
  .creator-profile-card .creator-profile-card__form,
  .creator-profile-card--medium .creator-profile-card__form,
  .creator-profile-card--small .creator-profile-card__form {
    -webkit-perspective: 500;
            perspective: 500;
    margin-bottom: 15px; }
    .creator-profile-card .creator-profile-card__form .form-preview .follow-user-form,
    .creator-profile-card--medium .creator-profile-card__form .form-preview .follow-user-form,
    .creator-profile-card--small .creator-profile-card__form .form-preview .follow-user-form {
      display: none; }
    .creator-profile-card .creator-profile-card__form .form-preview.showing-follow-by-email-form .follow-user-form,
    .creator-profile-card--medium .creator-profile-card__form .form-preview.showing-follow-by-email-form .follow-user-form,
    .creator-profile-card--small .creator-profile-card__form .form-preview.showing-follow-by-email-form .follow-user-form {
      display: block; }
    .creator-profile-card .creator-profile-card__form .form-preview.showing-follow-by-email-form .follow-user-button,
    .creator-profile-card--medium .creator-profile-card__form .form-preview.showing-follow-by-email-form .follow-user-button,
    .creator-profile-card--small .creator-profile-card__form .form-preview.showing-follow-by-email-form .follow-user-button {
      display: none; }
  .creator-profile-card .creator-profile-card__form-subtext,
  .creator-profile-card--medium .creator-profile-card__form-subtext,
  .creator-profile-card--small .creator-profile-card__form-subtext {
    color: #aaa;
    font-size: 13px; }
    .creator-profile-card .creator-profile-card__form-subtext p[data-contenteditable=true]:hover,
    .creator-profile-card--medium .creator-profile-card__form-subtext p[data-contenteditable=true]:hover,
    .creator-profile-card--small .creator-profile-card__form-subtext p[data-contenteditable=true]:hover {
      background: #fef1d6;
      border-radius: 4px;
      cursor: pointer; }
  .creator-profile-card .creator-profile-card__show-link-to-follow-page,
  .creator-profile-card--medium .creator-profile-card__show-link-to-follow-page,
  .creator-profile-card--small .creator-profile-card__show-link-to-follow-page {
    left: 30px;
    position: absolute;
    z-index: 1; }
    .creator-profile-card .creator-profile-card__show-link-to-follow-page button,
    .creator-profile-card--medium .creator-profile-card__show-link-to-follow-page button,
    .creator-profile-card--small .creator-profile-card__show-link-to-follow-page button {
      width: 25px;
      height: 25px;
      display: block;
      background: #eee;
      border-radius: 50%;
      box-sizing: border-box;
      color: #797874;
      font-size: 11px;
      line-height: 25px;
      padding: 0;
      text-align: center;
      z-index: 1; }
  .creator-profile-card .creator-profile-card__social,
  .creator-profile-card--medium .creator-profile-card__social,
  .creator-profile-card--small .creator-profile-card__social {
    color: #ccc;
    font-size: 17px;
    right: 30px;
    position: absolute; }
    .creator-profile-card .creator-profile-card__social a,
    .creator-profile-card--medium .creator-profile-card__social a,
    .creator-profile-card--small .creator-profile-card__social a {
      color: #ddd;
      margin-left: 10px;
      text-decoration: none;
      position: relative;
      top: 3px; }
      .creator-profile-card .creator-profile-card__social a:hover,
      .creator-profile-card--medium .creator-profile-card__social a:hover,
      .creator-profile-card--small .creator-profile-card__social a:hover {
        text-decoration: none; }
        .creator-profile-card .creator-profile-card__social a:hover .gi-grid,
        .creator-profile-card--medium .creator-profile-card__social a:hover .gi-grid,
        .creator-profile-card--small .creator-profile-card__social a:hover .gi-grid {
          color: #ccc; }
        .creator-profile-card .creator-profile-card__social a:hover .gi-twitter,
        .creator-profile-card--medium .creator-profile-card__social a:hover .gi-twitter,
        .creator-profile-card--small .creator-profile-card__social a:hover .gi-twitter {
          color: #55acee; }
        .creator-profile-card .creator-profile-card__social a:hover .gi-facebook,
        .creator-profile-card--medium .creator-profile-card__social a:hover .gi-facebook,
        .creator-profile-card--small .creator-profile-card__social a:hover .gi-facebook {
          color: #3d5c96; }
  .creator-profile-card .creator-profile-card__follow-page-link,
  .creator-profile-card--medium .creator-profile-card__follow-page-link,
  .creator-profile-card--small .creator-profile-card__follow-page-link {
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    display: none;
    height: 100%;
    font-size: 17px;
    left: 0;
    padding: 65px 30px 30px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
    .creator-profile-card .creator-profile-card__follow-page-link button,
    .creator-profile-card--medium .creator-profile-card__follow-page-link button,
    .creator-profile-card--small .creator-profile-card__follow-page-link button {
      width: 25px;
      height: 25px;
      display: block;
      background: #eee;
      border-radius: 50%;
      color: #797874;
      font-size: 13px;
      line-height: 25px;
      padding: 0;
      position: absolute;
      right: 30px;
      text-align: center;
      top: 30px; }
    .creator-profile-card .creator-profile-card__follow-page-link p,
    .creator-profile-card--medium .creator-profile-card__follow-page-link p,
    .creator-profile-card--small .creator-profile-card__follow-page-link p {
      border: 1px solid #ddd;
      border-radius: 4px;
      box-sizing: border-box;
      margin-bottom: 15px;
      padding: 15px; }
    .creator-profile-card .creator-profile-card__follow-page-link small,
    .creator-profile-card--medium .creator-profile-card__follow-page-link small,
    .creator-profile-card--small .creator-profile-card__follow-page-link small {
      color: #aaa;
      font-size: 15px; }
  .creator-profile-card .verified-badge,
  .creator-profile-card--medium .verified-badge,
  .creator-profile-card--small .verified-badge {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: rgba(0, 0, 0, 0.3);
    display: inline-block;
    float: right;
    font-size: 10px;
    font-weight: 500;
    margin-left: 10px;
    padding: 1px 6px;
    text-transform: uppercase; }

@media (max-width: 768px) {
  .creator-profile-card,
  .creator-profile-card--medium,
  .creator-profile-card--small {
    padding: 15px; }
    .creator-profile-card .profile-picture-large,
    .creator-profile-card--medium .profile-picture-large,
    .creator-profile-card--small .profile-picture-large {
      margin: -65px auto 15px; }
    .creator-profile-card .creator-profile-card__name,
    .creator-profile-card--medium .creator-profile-card__name,
    .creator-profile-card--small .creator-profile-card__name {
      font-size: 18px; }
    .creator-profile-card .creator-profile-card__bio,
    .creator-profile-card--medium .creator-profile-card__bio,
    .creator-profile-card--small .creator-profile-card__bio {
      margin: 15px 0; }
      .creator-profile-card .creator-profile-card__bio p,
      .creator-profile-card--medium .creator-profile-card__bio p,
      .creator-profile-card--small .creator-profile-card__bio p {
        font-size: 13px;
        line-height: 20px; } }
.creator-profile-card--medium {
  left: 50%;
  margin-top: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%; }

@media (max-width: 768px) {
  .creator-profile-card--medium {
    left: 0;
    margin-top: 80px;
    top: 0;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }
    .creator-profile-card--medium .creator-profile-card__social {
      right: 15px; } }
.creator-profile-card--small {
  bottom: 100%;
  box-sizing: border-box;
  left: 0;
  margin-bottom: 39px;
  opacity: 0;
  padding: 15px;
  pointer-events: none;
  position: absolute;
  -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: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 10% 100%;
      -ms-transform-origin: 10% 100%;
          transform-origin: 10% 100%;
  width: 300px;
  z-index: 4;
  -webkit-transition-delay: .3s;
          transition-delay: .3s; }
  .creator-profile-card--small .profile-picture-large {
    margin: 15px auto; }
  .creator-profile-card--small .creator-profile-card__name {
    font-size: 21px;
    margin-bottom: 10px; }
  .creator-profile-card--small .creator-profile-card__bio {
    margin: 0; }
    .creator-profile-card--small .creator-profile-card__bio p {
      font-size: 13px;
      line-height: 20px; }
  .creator-profile-card--small .creator-profile-card__social,
  .creator-profile-card--small .show-follow-page-link-button,
  .creator-profile-card--small .creator-profile-card__follow-page-link {
    display: none; }
  .creator-profile-card--small .creator-profile-card__form {
    margin: 10px 0 5px; }
    .creator-profile-card--small .creator-profile-card__form .follow-user-form input[type="text"] {
      width: 65%;
      height: 40px;
      padding: 10px;
      font-size: 15px;
      box-sizing: border-box; }
    .creator-profile-card--small .creator-profile-card__form .follow-user-form button {
      font-size: 15px;
      height: 40px;
      box-sizing: border-box;
      width: 35%;
      top: 0; }
    .creator-profile-card--small .creator-profile-card__form .follow-user-form.done button {
      min-width: 40px;
      width: 40px; }
    .creator-profile-card--small .creator-profile-card__form .follow-user-button,
    .creator-profile-card--small .creator-profile-card__form .unfollow-user-button {
      font-size: 15px;
      height: 40px;
      box-sizing: border-box;
      padding: 10px 15px; }
      .creator-profile-card--small .creator-profile-card__form .follow-user-button.done,
      .creator-profile-card--small .creator-profile-card__form .unfollow-user-button.done {
        padding: 10px;
        width: 40px; }
  .creator-profile-card--small .creator-profile-card__form-subtext {
    font-size: 11px; }
  .creator-profile-card--small:after, .creator-profile-card--small:before {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    left: 35px;
    top: 100%;
    border-top-color: #fff;
    z-index: 5; }
  .creator-profile-card--small:before {
    margin-top: 1px;
    border-top-color: #eee;
    z-index: 4; }

.author-byline:hover .creator-profile-card--small {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  pointer-events: all; }

.settings-form input[type=text],
.settings-form input[type=email],
.settings-form input[type=url],
.settings-form textarea,
.settings-form select {
  box-sizing: border-box;
  width: 100%; }
.settings-form input[type=checkbox] {
  width: 12px; }
.settings-form select {
  padding: 10px; }
.settings-form textarea {
  max-width: 100%; }
.settings-form label {
  font-size: 16px;
  margin-top: 11px; }
.settings-form .profile-picture-large {
  float: left;
  margin-right: 30px; }
.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.third-party-analytics-section {
    padding-top: 0; }
  .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 .setting-group .analytics-label {
    margin-top: 0;
    background-color: #f00; }
  .settings-form .setting-group .add-analytics {
    width: 100%;
    margin-top: 11px; }
    .settings-form .setting-group .add-analytics h3 {
      color: #aaa;
      font-size: 15px;
      padding-bottom: 20px; }
    .settings-form .setting-group .add-analytics .add-button {
      border-radius: 99px;
      border: 2px solid #aaa;
      box-sizing: border-box;
      color: #aaa;
      width: 20px;
      height: 20px;
      line-height: 12px;
      font-size: 18px;
      text-align: center;
      display: inline-block;
      font-weight: bold;
      position: relative;
      text-decoration: none; }
      .settings-form .setting-group .add-analytics .add-button:hover {
        color: #777777;
        border-color: #777777; }
  .settings-form .setting-group .analytics-inputs {
    padding-bottom: 10px; }
    .settings-form .setting-group .analytics-inputs h4 {
      text-transform: uppercase; }
    .settings-form .setting-group .analytics-inputs select {
      max-width: 320px;
      margin-right: 40px;
      padding: 2px 0 2px 6px; }
    .settings-form .setting-group .analytics-inputs textarea {
      margin-top: 20px; }
  .settings-form .setting-group .remove-button {
    width: 20px;
    position: absolute;
    right: 93px;
    margin-top: 2px; }
.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: #797874;
  margin-top: 20px; }
  .settings-form .setting > p.prepended-p {
    margin: 12px 0 20px; }
.settings-form .setting.with-options input[type=text],
.settings-form .setting.with-options input[type=url] {
  margin-bottom: 12px; }
.settings-form .setting.with-options textarea {
  margin-bottom: 12px;
  min-height: 120px; }
.settings-form .setting.with-options .learn-more-prompt {
  margin-top: 0;
  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: #797874; }
  .settings-form .setting.with-options .setting-option a {
    display: inline-block;
    font-size: 15px;
    margin-left: 10px; }
.settings-form .learn-more-section {
  margin-top: -10px; }
  .settings-form .learn-more-section a {
    font-size: 15px; }
.settings-form .integration {
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  color: #aaa;
  font-size: 13px;
  line-height: 25px;
  margin: 0 0 15px;
  overflow: hidden;
  padding: 15px;
  position: relative; }
  .settings-form .integration.shipstation {
    padding-left: 130px; }
    .settings-form .integration.shipstation .service-icon {
      border-radius: 4px;
      border: 1px solid #ddd;
      background: #fff;
      height: 30px;
      left: 15px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 100px; }
  .settings-form .integration.twitter {
    padding-left: 15px; }
    .settings-form .integration.twitter .service-icon {
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5aaeee, endColorstr=#45a4ec, GradientType=0)";
      background: -webkit-linear-gradient(top, #5aaeee, #45a4ec);
      background: linear-gradient(to bottom, #5aaeee, #45a4ec);
      background: #55acee;
      border: 1px solid #2795e9;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      height: 25px;
      line-height: 25px;
      margin-right: 10px;
      text-align: center;
      width: 25px; }
  .settings-form .integration p {
    font-size: 13px;
    line-height: 17px; }
  .settings-form .integration .button,
  .settings-form .integration .twitter-buy-now-note {
    float: right;
    display: inline-block;
    margin-left: 10px; }
  .settings-form .integration .twitter-buy-now-note {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5aaeee, endColorstr=#45a4ec, GradientType=0)";
    background: -webkit-linear-gradient(top, #5aaeee, #45a4ec);
    background: linear-gradient(to bottom, #5aaeee, #45a4ec);
    background: #55acee;
    border: 1px solid #2795e9;
    border-radius: 4px;
    color: #fff;
    box-sizing: border-box;
    height: 25px;
    line-height: 13px;
    padding: 5px 10px; }
.settings-form .twitter-buy-now {
  border-radius: 4px;
  color: #668090;
  padding: 20px;
  background: #f5f5f5;
  border: 1px solid #ddd; }
  .settings-form .twitter-buy-now h3 {
    color: #385363;
    font-weight: bold;
    font-size: 16px; }
  .settings-form .twitter-buy-now p {
    font-size: 13px;
    line-height: 21px;
    margin-top: 10px; }
.settings-form .chosen-placeholder {
  height: 42px;
  color: #fff;
  font-size: .01em; }
.settings-form .submit-row .setting-group {
  border-top: 0;
  padding-top: 26px; }
.settings-form .delete-account-trigger {
  color: #c04355;
  font-size: 16px; }
.settings-form .credit_card_holder {
  width: 320px;
  margin-bottom: 0; }

#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; }

.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: #fff;
    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: #fff; }
    .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: #fff; }
  .single-page-form h1 {
    font-size: 20px;
    line-height: 27px;
    color: #252a2e;
    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; }

.transcoding-notice-overlay {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  padding: 60px; }
  .transcoding-notice-overlay .button {
    background: #fff; }
  .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 #fff;
      color: transparent; }
    .transcoding-notice-overlay p b {
      font-weight: normal;
      text-shadow: 0 0 3px #fff; }

.selected-product-wrapper .product-row, body#overlay-page .product-display .product-row {
  margin: 60px auto; }
  .selected-product-wrapper .product-row .preview-container, body#overlay-page .product-display .product-row .preview-container {
    background-size: auto !important; }
  .selected-product-wrapper .product-row .purchase_form.multi-buy-form, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form {
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    width: 226px;
    background: #f5f5f5;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-bottom-color: #aaa;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    z-index: 11; }
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form:hover, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form:hover {
      cursor: auto; }
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form .envelope, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form .envelope {
      border: 0;
      background: none;
      box-shadow: none;
      margin-bottom: 0;
      padding: 0; }
      .selected-product-wrapper .product-row .purchase_form.multi-buy-form .envelope .gift-trigger, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form .envelope .gift-trigger {
        display: none; }
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form .email, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form .email,
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form .credit_card_holder,
    body#overlay-page .product-display .product-row .purchase_form.multi-buy-form .credit_card_holder,
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form #full-name-on-credit-card-container,
    body#overlay-page .product-display .product-row .purchase_form.multi-buy-form #full-name-on-credit-card-container,
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form .js-shipping-information-container,
    body#overlay-page .product-display .product-row .purchase_form.multi-buy-form .js-shipping-information-container,
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form .pay_button_container,
    body#overlay-page .product-display .product-row .purchase_form.multi-buy-form .pay_button_container {
      display: none; }
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form .payment-blurb, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form .payment-blurb {
      display: none !important; }
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form .email-p, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form .email-p {
      padding-top: 0; }
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form .subscription-notice, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form .subscription-notice {
      margin: 10px 0; }
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form .offer-code-p, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form .offer-code-p,
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form #custom-fields,
    body#overlay-page .product-display .product-row .purchase_form.multi-buy-form #custom-fields {
      padding-bottom: 10px; }
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form:before, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form:before, .selected-product-wrapper .product-row .purchase_form.multi-buy-form:after, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      left: 50%;
      top: 100%; }
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form:after, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form:after {
      border-top-color: #f5f5f5;
      border-width: 6px;
      margin-left: -6px; }
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form:before, body#overlay-page .product-display .product-row .purchase_form.multi-buy-form:before {
      border-top-color: #ccc;
      border-width: 7px;
      margin-left: -7px; }

#user_page .wrapper {
  max-width: 960px;
  height: 100vh;
  position: relative; }
  #user_page .wrapper button.scroll-trigger {
    clear: both;
    display: none;
    width: 100%; }
  #user_page .wrapper.thinner {
    max-width: 670px; }
    #user_page .wrapper.thinner .product-row {
      width: 670px;
      left: 15px; }
      #user_page .wrapper.thinner .product-row .gs-resize-handle {
        display: none; }
#user_page .gi-spin {
  -webkit-animation: gi-spin .90s infinite linear;
          animation: gi-spin .90s infinite linear; }
#user_page .creator-profile-loading-indicator__icon {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto; }
#user_page .creator-profile {
  display: none;
  margin-top: 15px;
  padding-bottom: 30px; }
  #user_page .creator-profile .product-row {
    -webkit-transition: width .3s ease-in-out, margin-left .3s ease-in-out, margin-top .3s ease-in-out;
            transition: width .3s ease-in-out, margin-left .3s ease-in-out, margin-top .3s ease-in-out; }
    #user_page .creator-profile .product-row .product {
      -webkit-transition: width 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), height 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
              transition: width 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), height 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
      margin: 0;
      height: 100%;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      position: relative; }
      #user_page .creator-profile .product-row .product:hover {
        cursor: pointer; }
      #user_page .creator-profile .product-row .product .product-main {
        border-radius: 4px;
        overflow: visible;
        height: 100%; }
        #user_page .creator-profile .product-row .product .product-main .preview-container {
          border-radius: 4px;
          height: 100%; }
  #user_page .creator-profile.gridster[data-is-owner="true"] .product-row .product {
    cursor: move; }
  #user_page .creator-profile.gridster .product-row,
  #user_page .creator-profile.gridster .product-row .product-information {
    box-sizing: border-box; }
  #user_page .creator-profile.gridster .product-row .product .product-main {
    height: 100% !important;
    background: rgba(0, 0, 0, 0.1); }
    #user_page .creator-profile.gridster .product-row .product .product-main .preview-container {
      background-color: transparent; }
      #user_page .creator-profile.gridster .product-row .product .product-main .preview-container:not(.default-preview) {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        height: 100%; }
        #user_page .creator-profile.gridster .product-row .product .product-main .preview-container:not(.default-preview) img.preview {
          display: none;
          width: 0;
          min-width: 0; }
        #user_page .creator-profile.gridster .product-row .product .product-main .preview-container:not(.default-preview) .oembed-preview-container iframe {
          max-height: 100%; }
        #user_page .creator-profile.gridster .product-row .product .product-main .preview-container:not(.default-preview) .preview-shadow {
          display: none !important; }
      #user_page .creator-profile.gridster .product-row .product .product-main .preview-container:hover .product-name-container {
        opacity: 1; }
      #user_page .creator-profile.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(top, transparent, rgba(0, 0, 0, 0.25));
        background: linear-gradient(to bottom, 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;
        opacity: 0;
        -webkit-transition: opacity .3s ease-in-out;
                transition: opacity .3s ease-in-out; }
        #user_page .creator-profile.gridster .product-row .product .product-main .preview-container .product-name-container .product-name {
          font-weight: bold;
          font-size: 16px;
          color: #fff;
          text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          text-align: center; }
        #user_page .creator-profile.gridster .product-row .product .product-main .preview-container .product-name-container .button {
          margin-bottom: 15px; }
    #user_page .creator-profile.gridster .product-row .product .product-main:not(.popped) .preview-content {
      width: 100%;
      height: 100%; }
      #user_page .creator-profile.gridster .product-row .product .product-main:not(.popped) .preview-content .oembed-preview-container {
        width: 100%;
        height: 100%; }

.selected-product-wrapper {
  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;
  pointer-events: none;
  overflow-y: auto; }
  .selected-product-wrapper.showing {
    z-index: 12;
    -webkit-transition: z-index 0s;
            transition: z-index 0s;
    pointer-events: all; }
    .selected-product-wrapper.showing .shadow-background {
      opacity: 1; }
  .selected-product-wrapper .shadow-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
            transition: opacity .3s ease-out; }
    .selected-product-wrapper .shadow-background:hover {
      cursor: pointer; }
  .selected-product-wrapper .product-row {
    position: relative;
    width: 670px;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -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); }
    .selected-product-wrapper .product-row .author-byline {
      display: none !important; }
    .selected-product-wrapper .product-row.showing {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
      .selected-product-wrapper .product-row.showing.not-showing {
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
        opacity: 0; }

.profile-background-container {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0; }
  .profile-background-container img,
  .profile-background-container video {
    min-height: 100%;
    min-width: 100%; }

.follow-user-form {
  -webkit-transition: width 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: width 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  margin: 0 auto; }
  .follow-user-form input[type="text"] {
    -webkit-transition: width 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), padding 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: width 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), padding 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
    box-sizing: border-box;
    padding: 15px;
    border-right-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: inline-block;
    height: 50px; }
    .follow-user-form input[type="text"].error {
      border-right-width: 0 !important;
      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02) !important; }
  .follow-user-form button {
    -webkit-transition: border-radius 1.5s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: border-radius 1.5s cubic-bezier(0.23, 1.5, 0.32, 1);
    box-shadow: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: inline-block;
    position: relative;
    height: 50px;
    min-width: 50px;
    vertical-align: top; }
  .follow-user-form.done {
    width: 50px; }
    .follow-user-form.done input[type="text"] {
      display: none; }
    .follow-user-form.done button {
      border-radius: 99px;
      width: 50px;
      height: 50px;
      display: block;
      -webkit-animation-duration: 0.3s;
              animation-duration: 0.3s;
      -webkit-animation-delay: 0.3s;
              animation-delay: 0.3s;
      -webkit-animation-name: popAnimation;
              animation-name: popAnimation;
      opacity: 1 !important; }

@media screen and (max-width: 480px) {
  .follow-user-form input[type="text"],
  .follow-user-form button {
    height: 40px;
    font-size: 13px; }
  .follow-user-form.done button {
    width: 40px;
    height: 40px;
    display: block; } }
.follow-user-button,
.unfollow-user-button {
  -webkit-transition: border-radius 1.5s cubic-bezier(0.23, 1.5, 0.32, 1), width 1.5s cubic-bezier(0.23, 1.5, 0.32, 1), padding 1.5s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: border-radius 1.5s cubic-bezier(0.23, 1.5, 0.32, 1), width 1.5s cubic-bezier(0.23, 1.5, 0.32, 1), padding 1.5s cubic-bezier(0.23, 1.5, 0.32, 1);
  box-sizing: border-box;
  height: 50px;
  padding: 15px 30px; }
  .follow-user-button.done,
  .unfollow-user-button.done {
    border-radius: 99px;
    width: 50px;
    padding: 15px;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
    -webkit-animation-name: popAnimation;
            animation-name: popAnimation;
    opacity: 1 !important; }

.user-follow-page {
  height: 100vh; }

body#overlay-page {
  cursor: pointer;
  -webkit-transition: background .3s linear;
          transition: background .3s linear;
  overflow: auto; }
  body#overlay-page.minimized {
    background: transparent !important;
    overflow: hidden; }
    body#overlay-page.minimized.checking-out {
      overflow-y: auto; }
  body#overlay-page .top-bar {
    display: none; }
  body#overlay-page .buyer-bar-container {
    cursor: auto;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    z-index: 0 !important; }
  body#overlay-page .product-display {
    cursor: auto;
    height: auto;
    margin: auto;
    max-width: 670px; }
    body#overlay-page .product-display .product-row {
      height: auto;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0);
      -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); }
      body#overlay-page .product-display .product-row.showing {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        opacity: 1; }
        body#overlay-page .product-display .product-row.showing.not-showing {
          -webkit-transform: scale(0.8);
              -ms-transform: scale(0.8);
                  transform: scale(0.8);
          opacity: 0;
          margin: 0; }

.feature-hero,
.feature-hero--tan,
.homepage-hero {
  background: #fff;
  text-align: center; }
  .feature-hero .feature-hero__focus,
  .feature-hero--tan .feature-hero__focus,
  .homepage-hero .feature-hero__focus {
    padding: 100px 0; }
    .feature-hero .feature-hero__focus h1,
    .feature-hero--tan .feature-hero__focus h1,
    .homepage-hero .feature-hero__focus h1 {
      color: #5f5e5b;
      font-size: 36px;
      font-weight: 500;
      line-height: 42px;
      margin-bottom: 20px; }
    .feature-hero .feature-hero__focus p,
    .feature-hero--tan .feature-hero__focus p,
    .homepage-hero .feature-hero__focus p {
      font-size: 21px;
      margin-bottom: 30px; }
      .feature-hero .feature-hero__focus p:last-child,
      .feature-hero--tan .feature-hero__focus p:last-child,
      .homepage-hero .feature-hero__focus p:last-child {
        margin-bottom: 0; }
  .feature-hero--tan {
    background: #efefe9; }

@media (max-width: 768px) {
  .feature-hero .feature-hero__focus,
  .feature-hero--tan .feature-hero__focus,
  .homepage-hero .feature-hero__focus {
    padding: 30px 0; }
    .feature-hero .feature-hero__focus h1,
    .feature-hero--tan .feature-hero__focus h1,
    .homepage-hero .feature-hero__focus h1 {
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 15px; }
    .feature-hero .feature-hero__focus p,
    .feature-hero--tan .feature-hero__focus p,
    .homepage-hero .feature-hero__focus p {
      font-size: 15px;
      line-height: 23px;
      margin-bottom: 15px; }
    .feature-hero .feature-hero__focus button,
    .feature-hero--tan .feature-hero__focus button,
    .homepage-hero .feature-hero__focus button {
      font-size: 15px; } }
.feature-screenshot,
.feature-screenshot--on-homepage,
.feature-screenshot--full-width-screenshot {
  height: 595px;
  margin-bottom: -400px; }
  .feature-screenshot .screenshot-container,
  .feature-screenshot--on-homepage .screenshot-container,
  .feature-screenshot--full-width-screenshot .screenshot-container {
    background: #f5f5f5;
    width: 100%; }
    .feature-screenshot .screenshot-container img,
    .feature-screenshot--on-homepage .screenshot-container img,
    .feature-screenshot--full-width-screenshot .screenshot-container img {
      border: 1px solid #ddd;
      border-radius: 4px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      max-width: 670px;
      width: 100%; }
  .feature-screenshot--on-homepage {
    margin-bottom: -70px; }
  .feature-screenshot--full-width-screenshot .screenshot-container img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    max-width: 100%; }
  .feature-screenshot--full-width-screenshot .feature-screenshot__desktop .screenshot-container {
    padding: 0; }
  .feature-screenshot--full-width-screenshot .feature-screenshot__mobile .screenshot-container img {
    margin: 0;
    max-width: 100%; }

.feature-screenshot__desktop,
.feature-screenshot__desktop--small {
  border-radius: 4px;
  border: 2px solid #ddd;
  height: 590px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 3; }
  .feature-screenshot__desktop .bar,
  .feature-screenshot__desktop--small .bar {
    background: #f5f5f5;
    box-sizing: border-box;
    border-bottom: 2px solid #eee;
    height: 25px;
    padding: 0 8px;
    text-align: left;
    width: 100%; }
    .feature-screenshot__desktop .bar .circle,
    .feature-screenshot__desktop--small .bar .circle {
      background: #eee;
      border-radius: 50%;
      display: inline-block;
      height: 8px;
      margin-top: 8px;
      margin-right: 4px;
      width: 8px; }
  .feature-screenshot__desktop .screenshot-container,
  .feature-screenshot__desktop--small .screenshot-container {
    box-sizing: border-box;
    padding: 30px 30px 0; }
  .feature-screenshot__desktop--small {
    height: 225px; }
    .feature-screenshot__desktop--small img {
      width: 100%; }
    .feature-screenshot__desktop--small .screenshot-container {
      padding: 0; }

.feature-screenshot__mobile {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/for/phone-0b478ed5457d03437a830e39f50ef1de.png) no-repeat;
  background-size: contain;
  height: 520px;
  padding: 70px 20px;
  margin: 0 auto;
  position: relative;
  -webkit-transform: translate(360px, -575px);
      -ms-transform: translate(360px, -575px);
          transform: translate(360px, -575px);
  width: 250px;
  z-index: 3; }
  .feature-screenshot__mobile .screenshot-container {
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 100%;
    max-height: 450px;
    overflow-y: hidden;
    position: relative;
    width: 100%; }
    .feature-screenshot__mobile .screenshot-container img {
      margin: 5px auto 0;
      max-width: 240px; }

@media (max-width: 768px) {
  .feature-screenshot,
  .feature-screenshot--on-homepage,
  .feature-screenshot--full-width-screenshot {
    height: auto;
    margin-bottom: 0; }

  .feature-screenshot__desktop {
    border-radius: 0;
    border-width: 1px 0;
    height: auto; }
    .feature-screenshot__desktop .screenshot-container {
      padding: 0 10px; }
      .feature-screenshot__desktop .screenshot-container img {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 0;
        position: relative;
        bottom: -10px; }

  .feature-screenshot--full-width-screenshot .screenshot-container {
    padding: 0; }

  .feature-screenshot__mobile {
    display: none; } }
.feature-section,
.feature-section--colored,
.feature-section--breakdown,
.feature-section--showcase,
.homepage-fees {
  background: #efefe9;
  text-align: center; }
  .feature-section.white,
  .white.feature-section--colored,
  .white.feature-section--breakdown,
  .white.feature-section--showcase,
  .white.homepage-fees {
    background: #fff; }
  .feature-section .feature-section__focus,
  .feature-section--colored .feature-section__focus,
  .feature-section--breakdown .feature-section__focus,
  .feature-section--showcase .feature-section__focus,
  .homepage-fees .feature-section__focus {
    padding: 90px 0 60px; }
    .feature-section .feature-section__focus h2,
    .feature-section--colored .feature-section__focus h2,
    .feature-section--breakdown .feature-section__focus h2,
    .feature-section--showcase .feature-section__focus h2,
    .homepage-fees .feature-section__focus h2 {
      color: #5f5e5b;
      font-size: 24px;
      font-weight: 500;
      line-height: 42px;
      margin-bottom: 15px; }
    .feature-section .feature-section__focus p,
    .feature-section--colored .feature-section__focus p,
    .feature-section--breakdown .feature-section__focus p,
    .feature-section--showcase .feature-section__focus p,
    .homepage-fees .feature-section__focus p {
      color: #5f5e5b;
      font-size: 18px;
      line-height: 27px;
      opacity: .6; }
    .feature-section .feature-section__focus .button,
    .feature-section--colored .feature-section__focus .button,
    .feature-section--breakdown .feature-section__focus .button,
    .feature-section--showcase .feature-section__focus .button,
    .homepage-fees .feature-section__focus .button {
      margin-top: 30px; }
  .feature-section .feature-section__examples,
  .feature-section--colored .feature-section__examples,
  .feature-section--breakdown .feature-section__examples,
  .feature-section--showcase .feature-section__examples,
  .homepage-fees .feature-section__examples {
    padding-bottom: 90px; }
    .feature-section .feature-section__examples .example,
    .feature-section--colored .feature-section__examples .example,
    .feature-section--breakdown .feature-section__examples .example,
    .feature-section--showcase .feature-section__examples .example,
    .homepage-fees .feature-section__examples .example {
      margin-bottom: 40px; }
    .feature-section .feature-section__examples .example-name,
    .feature-section--colored .feature-section__examples .example-name,
    .feature-section--breakdown .feature-section__examples .example-name,
    .feature-section--showcase .feature-section__examples .example-name,
    .homepage-fees .feature-section__examples .example-name {
      font-size: 17px;
      margin-top: 20px; }
    .feature-section .feature-section__examples .illustration,
    .feature-section--colored .feature-section__examples .illustration,
    .feature-section--breakdown .feature-section__examples .illustration,
    .feature-section--showcase .feature-section__examples .illustration,
    .homepage-fees .feature-section__examples .illustration {
      display: block;
      width: 284px;
      height: 140px;
      margin: 0 auto; }
    .feature-section .feature-section__examples h3,
    .feature-section--colored .feature-section__examples h3,
    .feature-section--breakdown .feature-section__examples h3,
    .feature-section--showcase .feature-section__examples h3,
    .homepage-fees .feature-section__examples h3 {
      color: #5f5e5b;
      font-size: 18px;
      font-weight: 500;
      line-height: 27px;
      margin-bottom: 15px; }
    .feature-section .feature-section__examples p,
    .feature-section--colored .feature-section__examples p,
    .feature-section--breakdown .feature-section__examples p,
    .feature-section--showcase .feature-section__examples p,
    .homepage-fees .feature-section__examples p {
      color: #797874;
      font-size: 13px;
      line-height: 21px;
      opacity: .6; }
  .feature-section .feature-section__media,
  .feature-section--colored .feature-section__media,
  .feature-section--breakdown .feature-section__media,
  .feature-section--showcase .feature-section__media,
  .homepage-fees .feature-section__media {
    margin-top: 0; }
  .feature-section--colored {
    background: #36a9ae; }
    .feature-section--colored .feature-section__focus h2,
    .feature-section--colored .feature-section__focus h3,
    .feature-section--colored .feature-section__focus p,
    .feature-section--colored .feature-section__examples h2,
    .feature-section--colored .feature-section__examples h3,
    .feature-section--colored .feature-section__examples p {
      color: #fff; }
    .feature-section--colored.orange {
      background: #f27f6d; }
    .feature-section--colored.red {
      background: #c04355; }
  .feature-section .img,
  .feature-section--colored .img,
  .feature-section--breakdown .img,
  .feature-section--showcase .img,
  .homepage-fees .img {
    display: block;
    background: transparent url(https://static-1.gumroad.com/res/gumroad/assets/home/hp_images-d974de439a6e6b276188e6d429ff86b7.png) 0 0 repeat; }
  .feature-section .bar-chart li,
  .feature-section--colored .bar-chart li,
  .feature-section--breakdown .bar-chart li,
  .feature-section--showcase .bar-chart li,
  .homepage-fees .bar-chart li {
    border-radius: 4px;
    display: inline-block;
    position: relative;
    margin: 0 4px;
    background: #f9ba7f;
    width: 18px;
    overflow: hidden; }
    .feature-section .bar-chart li i,
    .feature-section--colored .bar-chart li i,
    .feature-section--breakdown .bar-chart li i,
    .feature-section--showcase .bar-chart li i,
    .homepage-fees .bar-chart li i {
      border-radius: 4px;
      width: 18px;
      background: #f9a04d;
      position: absolute;
      left: 0;
      bottom: 0; }
    .feature-section .bar-chart li:nth-child(1),
    .feature-section--colored .bar-chart li:nth-child(1),
    .feature-section--breakdown .bar-chart li:nth-child(1),
    .feature-section--showcase .bar-chart li:nth-child(1),
    .homepage-fees .bar-chart li:nth-child(1) {
      height: 92px; }
      .feature-section .bar-chart li:nth-child(1) i,
      .feature-section--colored .bar-chart li:nth-child(1) i,
      .feature-section--breakdown .bar-chart li:nth-child(1) i,
      .feature-section--showcase .bar-chart li:nth-child(1) i,
      .homepage-fees .bar-chart li:nth-child(1) i {
        height: 64px; }
    .feature-section .bar-chart li:nth-child(2),
    .feature-section--colored .bar-chart li:nth-child(2),
    .feature-section--breakdown .bar-chart li:nth-child(2),
    .feature-section--showcase .bar-chart li:nth-child(2),
    .homepage-fees .bar-chart li:nth-child(2) {
      height: 110px; }
      .feature-section .bar-chart li:nth-child(2) i,
      .feature-section--colored .bar-chart li:nth-child(2) i,
      .feature-section--breakdown .bar-chart li:nth-child(2) i,
      .feature-section--showcase .bar-chart li:nth-child(2) i,
      .homepage-fees .bar-chart li:nth-child(2) i {
        height: 86px; }
    .feature-section .bar-chart li:nth-child(3),
    .feature-section--colored .bar-chart li:nth-child(3),
    .feature-section--breakdown .bar-chart li:nth-child(3),
    .feature-section--showcase .bar-chart li:nth-child(3),
    .homepage-fees .bar-chart li:nth-child(3) {
      height: 122px; }
      .feature-section .bar-chart li:nth-child(3) i,
      .feature-section--colored .bar-chart li:nth-child(3) i,
      .feature-section--breakdown .bar-chart li:nth-child(3) i,
      .feature-section--showcase .bar-chart li:nth-child(3) i,
      .homepage-fees .bar-chart li:nth-child(3) i {
        height: 100px; }
    .feature-section .bar-chart li:nth-child(4),
    .feature-section--colored .bar-chart li:nth-child(4),
    .feature-section--breakdown .bar-chart li:nth-child(4),
    .feature-section--showcase .bar-chart li:nth-child(4),
    .homepage-fees .bar-chart li:nth-child(4) {
      height: 104px; }
      .feature-section .bar-chart li:nth-child(4) i,
      .feature-section--colored .bar-chart li:nth-child(4) i,
      .feature-section--breakdown .bar-chart li:nth-child(4) i,
      .feature-section--showcase .bar-chart li:nth-child(4) i,
      .homepage-fees .bar-chart li:nth-child(4) i {
        height: 72px; }
    .feature-section .bar-chart li:nth-child(5),
    .feature-section--colored .bar-chart li:nth-child(5),
    .feature-section--breakdown .bar-chart li:nth-child(5),
    .feature-section--showcase .bar-chart li:nth-child(5),
    .homepage-fees .bar-chart li:nth-child(5) {
      height: 82px; }
      .feature-section .bar-chart li:nth-child(5) i,
      .feature-section--colored .bar-chart li:nth-child(5) i,
      .feature-section--breakdown .bar-chart li:nth-child(5) i,
      .feature-section--showcase .bar-chart li:nth-child(5) i,
      .homepage-fees .bar-chart li:nth-child(5) i {
        height: 62px; }
  .feature-section .sales-traffic,
  .feature-section--colored .sales-traffic,
  .feature-section--breakdown .sales-traffic,
  .feature-section--showcase .sales-traffic,
  .homepage-fees .sales-traffic {
    height: 119px;
    background-position: -464px -590px;
    margin-left: 12px; }
  .feature-section .analytics-map,
  .feature-section--colored .analytics-map,
  .feature-section--breakdown .analytics-map,
  .feature-section--showcase .analytics-map,
  .homepage-fees .analytics-map {
    height: 144px;
    background-position: -464px -720px; }
  .feature-section .card-list li,
  .feature-section--colored .card-list li,
  .feature-section--breakdown .card-list li,
  .feature-section--showcase .card-list li,
  .homepage-fees .card-list li {
    display: inline-block;
    margin: 6px;
    width: 54px;
    height: 36px; }
    .feature-section .card-list li.mastercard,
    .feature-section--colored .card-list li.mastercard,
    .feature-section--breakdown .card-list li.mastercard,
    .feature-section--showcase .card-list li.mastercard,
    .homepage-fees .card-list li.mastercard {
      background-position: -54px -570px; }
    .feature-section .card-list li.visa,
    .feature-section--colored .card-list li.visa,
    .feature-section--breakdown .card-list li.visa,
    .feature-section--showcase .card-list li.visa,
    .homepage-fees .card-list li.visa {
      background-position: -108px -570px; }
    .feature-section .card-list li.diners-club,
    .feature-section--colored .card-list li.diners-club,
    .feature-section--breakdown .card-list li.diners-club,
    .feature-section--showcase .card-list li.diners-club,
    .homepage-fees .card-list li.diners-club {
      background-position: -162px -570px; }
    .feature-section .card-list li.amex,
    .feature-section--colored .card-list li.amex,
    .feature-section--breakdown .card-list li.amex,
    .feature-section--showcase .card-list li.amex,
    .homepage-fees .card-list li.amex {
      background-position: -216px -570px; }
    .feature-section .card-list li.discover,
    .feature-section--colored .card-list li.discover,
    .feature-section--breakdown .card-list li.discover,
    .feature-section--showcase .card-list li.discover,
    .homepage-fees .card-list li.discover {
      background-position: -270px -570px; }
    .feature-section .card-list li.more-cards,
    .feature-section--colored .card-list li.more-cards,
    .feature-section--breakdown .card-list li.more-cards,
    .feature-section--showcase .card-list li.more-cards,
    .homepage-fees .card-list li.more-cards {
      background-position: -324px -570px; }
    .feature-section .card-list li.paypal,
    .feature-section--colored .card-list li.paypal,
    .feature-section--breakdown .card-list li.paypal,
    .feature-section--showcase .card-list li.paypal,
    .homepage-fees .card-list li.paypal {
      background-position: -378px -570px; }

@media (max-width: 768px) {
  .feature-section .feature-section__focus,
  .feature-section--colored .feature-section__focus,
  .feature-section--breakdown .feature-section__focus,
  .feature-section--showcase .feature-section__focus,
  .homepage-fees .feature-section__focus {
    padding: 30px 0; }
    .feature-section .feature-section__focus h2,
    .feature-section--colored .feature-section__focus h2,
    .feature-section--breakdown .feature-section__focus h2,
    .feature-section--showcase .feature-section__focus h2,
    .homepage-fees .feature-section__focus h2 {
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 5px; }
    .feature-section .feature-section__focus p,
    .feature-section--colored .feature-section__focus p,
    .feature-section--breakdown .feature-section__focus p,
    .feature-section--showcase .feature-section__focus p,
    .homepage-fees .feature-section__focus p {
      font-size: 15px;
      line-height: 23px;
      margin-bottom: 0; }
    .feature-section .feature-section__focus .button,
    .feature-section--colored .feature-section__focus .button,
    .feature-section--breakdown .feature-section__focus .button,
    .feature-section--showcase .feature-section__focus .button,
    .homepage-fees .feature-section__focus .button {
      margin-top: 10px;
      font-size: 15px; }
  .feature-section .feature-section__examples,
  .feature-section--colored .feature-section__examples,
  .feature-section--breakdown .feature-section__examples,
  .feature-section--showcase .feature-section__examples,
  .homepage-fees .feature-section__examples {
    padding-bottom: 30px; }
    .feature-section .feature-section__examples h3,
    .feature-section--colored .feature-section__examples h3,
    .feature-section--breakdown .feature-section__examples h3,
    .feature-section--showcase .feature-section__examples h3,
    .homepage-fees .feature-section__examples h3 {
      font-size: 15px;
      line-height: 23px;
      margin-bottom: 5px; }
    .feature-section .feature-section__examples p,
    .feature-section--colored .feature-section__examples p,
    .feature-section--breakdown .feature-section__examples p,
    .feature-section--showcase .feature-section__examples p,
    .homepage-fees .feature-section__examples p {
      font-size: 13px;
      line-height: 21px;
      margin-bottom: 30px; }
    .feature-section .feature-section__examples .img,
    .feature-section--colored .feature-section__examples .img,
    .feature-section--breakdown .feature-section__examples .img,
    .feature-section--showcase .feature-section__examples .img,
    .homepage-fees .feature-section__examples .img {
      margin-top: 15px; } }
.feature-section--breakdown {
  background: #36a9ae;
  border: 1px solid #2e8f93;
  border-width: 1px 0;
  padding-top: 400px; }
  .feature-section--breakdown .feature-section__focus h2,
  .feature-section--breakdown .feature-section__focus p {
    color: #fff; }
  .feature-section--breakdown .feature-section__examples {
    text-align: left; }
    .feature-section--breakdown .feature-section__examples h3,
    .feature-section--breakdown .feature-section__examples p {
      color: #fff; }
    .feature-section--breakdown .feature-section__examples .circle {
      width: 70px;
      height: 70px;
      display: block;
      border-radius: 50%;
      border: 1px solid #fff;
      float: left;
      margin: 0 30px 70px 0; }
      .feature-section--breakdown .feature-section__examples .circle .gi {
        width: 32px;
        height: 32px;
        display: block;
        margin: 19px 0 0 20px; }
      .feature-section--breakdown .feature-section__examples .circle .gi-truck {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/physical-goods/icons/truck-icon-069111888bf1a7c267af68f354545a9b.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-integrations {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/physical-goods/icons/integrations-icon-2e232ba19eda326089ff8eebc58d7b85.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-variants {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/physical-goods/icons/variants-icon-ceb157a64c55d3079bfaac638c60396e.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-tracking {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/physical-goods/icons/tracking-icon-268feaf14c5a4a2a594ead5386123f9c.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-subscriptions {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/physical-goods/icons/subscriptions-icon-12989b92d31287d94f8b27eeb4cd12e4.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-pre-orders {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/physical-goods/icons/pre-order-icon-58e327162d5fda6e275de03a6c21dfee.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-analytics {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/audience/icons/analytics-icon-f2d8f80c1c9e524cf416ffc044603260.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-import {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/audience/icons/import-icon-fe525544078dc6a33e3ed68c3cc75bb4.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-money {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/audience/icons/money-icon-e5a8031186e48490bd260730246b6d53.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-style {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/audience/icons/style-icon-79410a4243e1ac65e3bf51e1323b7e50.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-support {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/audience/icons/support-icon-0e5716b32be6e6313b21ac067fd769da.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-updates {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/audience/icons/updates-icon-03019633cf3c3ca407e02fdd5e34cae4.svg) no-repeat; }

@media (max-width: 768px) {
  .feature-section--breakdown {
    padding-top: 30px; } }
.feature-section--showcase {
  background: #fff; }
  .feature-section--showcase .feature-section__callout {
    padding-bottom: 90px; }
    .feature-section--showcase .feature-section__callout h2 {
      font-size: 24px;
      line-height: 36px;
      font-weight: 500;
      margin-bottom: 15px;
      color: #797874; }
  .feature-section--showcase a {
    display: block;
    color: inherit; }
    .feature-section--showcase a:hover {
      text-decoration: none; }
      .feature-section--showcase a:hover .product-example-container {
        -webkit-transform: scale(1.02);
            -ms-transform: scale(1.02);
                transform: scale(1.02);
        box-shadow: 0 8px 8px #eee; }
      .feature-section--showcase a:hover .by-line {
        text-decoration: underline; }
  .feature-section--showcase .product-example {
    margin-bottom: 80px; }
  .feature-section--showcase .product-example-container {
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 2px #eee;
    position: relative;
    width: 100%;
    -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); }
    .feature-section--showcase .product-example-container:before, .feature-section--showcase .product-example-container:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 12px;
      left: 50%;
      margin-left: -14px;
      top: 100%;
      border-top-color: #ddd; }
    .feature-section--showcase .product-example-container:after {
      border-top-color: #fff;
      margin-top: -1px; }
    .feature-section--showcase .product-example-container .cover-photo {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      height: 150px;
      border-bottom: 1px solid #ddd; }
      .feature-section--showcase .product-example-container .cover-photo.one {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/physical-goods/physical-example1-7b2e3ee736fbe6e0a846ab8e6fd2fdc9.png) center center no-repeat; }
      .feature-section--showcase .product-example-container .cover-photo.two {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/physical-goods/physical-example2-88c1f9e6b0a0b82d8aefc4e68a79602c.png) center center no-repeat; }
      .feature-section--showcase .product-example-container .cover-photo.three {
        background: url(https://static-1.gumroad.com/res/gumroad/assets/features/physical-goods/physical-example3-6f176e319a36da8b83d929f0092c527d.png) center center no-repeat; }
    .feature-section--showcase .product-example-container .content {
      font-size: 17px;
      line-height: 28px;
      text-align: left;
      padding: 20px; }
  .feature-section--showcase .by-line {
    margin-top: 30px;
    font-size: 17px;
    color: #36a9ae; }
    .feature-section--showcase .by-line .profile-picture-small {
      margin: 0 auto 20px; }

@media (max-width: 768px) {
  .feature-section--showcase {
    padding-top: 30px; }
    .feature-section--showcase .feature-section__focus {
      padding: 0 0 30px; }
    .feature-section--showcase a {
      margin-bottom: 30px; }
      .feature-section--showcase a:hover .product-example-container {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        box-shadow: none; }
    .feature-section--showcase .product-example-container .content {
      font-size: 13px;
      line-height: 1.8; }
    .feature-section--showcase .feature-section__callout {
      padding-bottom: 30px; }
      .feature-section--showcase .feature-section__callout h2 {
        font-size: 18px;
        line-height: 27px; }
      .feature-section--showcase .feature-section__callout button {
        font-size: 15px; } }
.pricing-calculator {
  box-sizing: border-box;
  border-radius: 4px;
  width: 300px;
  z-index: 12;
  margin: 30px auto 0;
  overflow: hidden;
  background-color: #fff;
  color: #252a2e;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  position: relative;
  top: -50px; }
  .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: #252a2e;
    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; }

@media (max-width: 768px) {
  .pricing-calculator {
    top: -30px; } }
.homepage-hero {
  background: #efefe9;
  position: relative;
  top: -1px; }
  .homepage-hero .feature-hero__focus {
    padding: 60px 0 30px; }

@media (max-width: 768px) {
  .homepage-hero {
    top: 0; }
    .homepage-hero .feature-hero__focus {
      padding: 30px; }
      .homepage-hero .feature-hero__focus h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0; } }
.homepage-fees {
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 120px 0 30px; }
  .homepage-fees h2 {
    color: #252a2e;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px; }
  .homepage-fees p {
    font-size: 21px;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #797874; }
  .homepage-fees button {
    min-width: 200px;
    margin: 0 auto; }

@media (max-width: 768px) {
  .homepage-fees {
    padding: 30px 0; }
    .homepage-fees h2 {
      font-size: 18px; }
    .homepage-fees p {
      font-size: 15px;
      margin-bottom: 15px; }
    .homepage-fees button {
      font-size: 15px; } }
.footer-signup {
  padding: 60px 0; }
  .footer-signup h3 {
    color: #5f5e5b;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin: 0 auto 30px;
    text-align: center; }
  .footer-signup button {
    display: block;
    margin: 0 auto; }

@media (max-width: 768px) {
  .footer-signup {
    border-top: 1px solid #ddd;
    padding: 30px 0; }
    .footer-signup h3 {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 15px; }
    .footer-signup button {
      font-size: 15px; } }
#setup {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/home/setup_bg-476280f7ad9e218909dfdcb64f75e108.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: #252a2e; }
      #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-d974de439a6e6b276188e6d429ff86b7.png) 0 0 repeat;
    width: 467px;
    height: 335px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -234px;
    background-position: 0 -584px; }

body.public {
  background: #fff; }

#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: #fff;
    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: #252a2e;
    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 #fff; }
  #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: #ccc; }
    #main-content #about-list li span em,
    .main-content #about-list li span em {
      color: #ccc;
      margin-left: 10px; }
  #main-content ol.subtle li,
  #main-content ul.subtle li,
  .main-content ol.subtle li,
  .main-content ul.subtle li {
    color: #aaa; }
  #main-content ul li span,
  #main-content ol li span,
  .main-content ul li span,
  .main-content ol li span {
    color: #252a2e; }
  #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-page {
  background: #fff; }

.learn-nav,
.learn-nav--challenge {
  background: #efefe9;
  border-bottom: 1px solid #ddd;
  color: #797874;
  font-size: 18px;
  height: 80px;
  position: relative;
  z-index: 4; }
  .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: #797874;
        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-c6dcf68f250af170f9aa3c12218139e3.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,
.learn-page-title--has-search {
  background: #efefe9;
  border-bottom: 1px solid #ddd;
  padding: 60px 0;
  text-align: center; }
  .learn-page-title h1,
  .learn-page-title h2,
  .learn-page-title--small h1,
  .learn-page-title--has-search h1,
  .learn-page-title--small h2,
  .learn-page-title--has-search h2 {
    color: #797874;
    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--has-search h1:last-child,
    .learn-page-title--small h2:last-child,
    .learn-page-title--has-search h2:last-child {
      margin-bottom: 0; }
  .learn-page-title h2,
  .learn-page-title--small h2,
  .learn-page-title--has-search h2 {
    font-size: 36px;
    line-height: 46px; }
  .learn-page-title p,
  .learn-page-title--small p,
  .learn-page-title--has-search p {
    color: #9a9995;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 30px; }
    .learn-page-title p.small,
    .learn-page-title--small p.small,
    .learn-page-title--has-search p.small {
      font-size: 14px;
      line-height: 27px;
      max-width: 500px;
      margin: 0 auto; }
  .learn-page-title hr,
  .learn-page-title--small hr,
  .learn-page-title--has-search hr {
    background: #f5f5f5;
    height: 1px;
    margin-bottom: 30px; }
  .learn-page-title .learn-page-title__search,
  .learn-page-title--small .learn-page-title__search,
  .learn-page-title--has-search .learn-page-title__search {
    width: 100%; }
    .learn-page-title .learn-page-title__search input,
    .learn-page-title--small .learn-page-title__search input,
    .learn-page-title--has-search .learn-page-title__search input {
      width: 100%;
      box-sizing: border-box; }
  .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,
  .learn-page-title--has-search h1 {
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 15px; }
  .learn-page-title p,
  .learn-page-title--small p,
  .learn-page-title--has-search p {
    font-size: 21px;
    line-height: 28px; } }
@media (max-width: 480px) {
  .learn-page-title,
  .learn-page-title--small,
  .learn-page-title--has-search {
    padding: 30px 0; }
    .learn-page-title h1,
    .learn-page-title--small h1,
    .learn-page-title--has-search h1 {
      font-size: 21px;
      line-height: 25px;
      margin-bottom: 15px; }
    .learn-page-title h2,
    .learn-page-title--small h2,
    .learn-page-title--has-search h2 {
      font-size: 18px;
      line-height: 21px;
      margin-bottom: 15px; }
    .learn-page-title p,
    .learn-page-title--small p,
    .learn-page-title--has-search p {
      font-size: 14px;
      line-height: 21px;
      margin-bottom: 15px; }
    .learn-page-title--has-search {
      padding: 15px 0; } }
.learn-card,
.learn-card--featured,
.collections-grid-container .learn-card--collection,
.collection-products .learn-card--collection {
  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: #fff;
  height: 283px;
  list-style: none;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out; }
  .learn-card:hover .text,
  .learn-card--featured:hover .text,
  .collections-grid-container .learn-card--collection:hover .text,
  .collection-products .learn-card--collection:hover .text {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=transparent, endColorstr=rgba(0, 0, 0, 0.35), GradientType=0)";
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.35));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.35)); }
  .learn-card--featured {
    height: 541px;
    margin-bottom: 0; }
    .learn-card--featured h2 {
      font-size: 24px;
      margin-bottom: 5px; }
  .learn-card .text,
  .learn-card--featured .text,
  .collections-grid-container .learn-card--collection .text,
  .collection-products .learn-card--collection .text {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=transparent, endColorstr=rgba(0, 0, 0, 0.3), GradientType=0)";
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 45px 15px 15px; }
  .learn-card span,
  .learn-card--featured span,
  .collections-grid-container .learn-card--collection span,
  .collection-products .learn-card--collection span {
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 13px;
    text-transform: uppercase; }
    .learn-card span.guide-tag,
    .learn-card--featured span.guide-tag,
    .collections-grid-container .learn-card--collection span.guide-tag,
    .collection-products .learn-card--collection span.guide-tag {
      background: #fdce71; }
    .learn-card span.case-study-tag,
    .learn-card--featured span.case-study-tag,
    .collections-grid-container .learn-card--collection span.case-study-tag,
    .collection-products .learn-card--collection span.case-study-tag {
      background: #159499; }
    .learn-card span.featured-tag,
    .learn-card--featured span.featured-tag,
    .collections-grid-container .learn-card--collection span.featured-tag,
    .collection-products .learn-card--collection span.featured-tag {
      background: #c92940; }
  .learn-card h2,
  .learn-card .title,
  .learn-card--featured h2,
  .collections-grid-container .learn-card--collection h2,
  .collection-products .learn-card--collection h2,
  .learn-card--featured .title,
  .collections-grid-container .learn-card--collection .title,
  .collection-products .learn-card--collection .title {
    margin-top: 10px;
    line-height: 27px;
    font-size: 17px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }

@media (max-width: 480px) {
  .learn-card,
  .learn-card--featured,
  .collections-grid-container .learn-card--collection,
  .collection-products .learn-card--collection {
    margin-bottom: 15px; }
    .learn-card span,
    .learn-card--featured span,
    .collections-grid-container .learn-card--collection span,
    .collection-products .learn-card--collection span {
      font-size: 10px; }
    .learn-card--featured {
      height: 300px; } }
.learn-article,
.learn-article--on-help-center {
  padding: 60px 0 20px;
  font-size: 18px;
  line-height: 1.8; }
  .learn-article > h1,
  .learn-article--on-help-center > h1 {
    color: #252a2e;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    margin: 0 0 30px; }
  .learn-article > h2,
  .learn-article--on-help-center > h2 {
    border-bottom: 1px solid #ddd;
    color: #252a2e;
    font-weight: 200;
    font-size: 24px;
    margin: 45px 0 30px;
    padding-bottom: 15px; }
  .learn-article > h3,
  .learn-article--on-help-center > h3 {
    color: #252a2e;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px; }
    .learn-article > h3 a,
    .learn-article--on-help-center > h3 a {
      color: #36a9ae; }
  .learn-article img:not(.profile-picture-small),
  .learn-article--on-help-center img:not(.profile-picture-small) {
    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 #ddd; }
    .learn-article img:not(.profile-picture-small).no-shadow,
    .learn-article--on-help-center img:not(.profile-picture-small).no-shadow {
      box-shadow: none;
      border: 0; }
  .learn-article .learn-article__author-and-date,
  .learn-article--on-help-center .learn-article__author-and-date {
    color: #aaa;
    margin-bottom: 30px;
    text-align: center; }
    .learn-article .learn-article__author-and-date .profile-picture-small,
    .learn-article--on-help-center .learn-article__author-and-date .profile-picture-small {
      display: inline-block;
      margin: 0 8px -8px;
      padding: 3px; }
    .learn-article .learn-article__author-and-date time,
    .learn-article .learn-article__author-and-date address,
    .learn-article--on-help-center .learn-article__author-and-date time,
    .learn-article--on-help-center .learn-article__author-and-date address {
      font-style: normal;
      display: inline-block; }
  .learn-article p,
  .learn-article--on-help-center p {
    margin-bottom: 30px;
    font-size: 18px; }
    .learn-article p.lead,
    .learn-article--on-help-center p.lead {
      color: #797874;
      font-size: 18px;
      line-height: 1.8;
      margin-bottom: 15px;
      text-align: center; }
  .learn-article pre,
  .learn-article--on-help-center pre {
    background: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 15px;
    white-space: pre; }
  .learn-article .gist,
  .learn-article--on-help-center .gist {
    background: 0 1px 2px rgba(0, 0, 0, 0.15) !important; }
    .learn-article .gist .gist-data,
    .learn-article--on-help-center .gist .gist-data {
      border-bottom: 0 !important; }
    .learn-article .gist .gist-file,
    .learn-article--on-help-center .gist .gist-file {
      border-radius: 4px !important;
      overflow: hidden !important;
      border-bottom-color: #ddd !important; }
    .learn-article .gist .blob-code,
    .learn-article--on-help-center .gist .blob-code {
      padding: 15px !important; }
    .learn-article .gist .blob-num,
    .learn-article .gist .gist-meta,
    .learn-article--on-help-center .gist .blob-num,
    .learn-article--on-help-center .gist .gist-meta {
      display: none !important; }
  .learn-article blockquote,
  .learn-article--on-help-center 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,
  .learn-article--on-help-center ul {
    margin-bottom: 30px; }
    .learn-article ul li,
    .learn-article--on-help-center ul li {
      list-style: disc;
      line-height: 1.8; }
  .learn-article ol,
  .learn-article--on-help-center ol {
    counter-reset: list;
    margin-bottom: 30px; }
    .learn-article ol > li,
    .learn-article--on-help-center ol > li {
      position: relative; }
      .learn-article ol > li:before,
      .learn-article--on-help-center ol > li:before {
        counter-increment: list;
        content: counter(list) ".";
        color: #aaa;
        left: -25px;
        position: absolute; }
  .learn-article hr,
  .learn-article--on-help-center hr {
    margin-bottom: 30px;
    border-top: 1px solid #f5f5f5; }
  .learn-article form,
  .learn-article--on-help-center form {
    margin-bottom: 30px; }
    .learn-article form input,
    .learn-article form textarea,
    .learn-article--on-help-center form input,
    .learn-article--on-help-center form textarea {
      box-sizing: border-box;
      margin-bottom: 15px;
      width: 100%; }
  .learn-article table,
  .learn-article--on-help-center table {
    border: 1px solid #ddd;
    border-radius: 4px;
    border-collapse: inherit;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    display: table;
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%; }
    .learn-article table tbody,
    .learn-article--on-help-center table tbody {
      width: 100%; }
    .learn-article table tr,
    .learn-article--on-help-center table tr {
      background-color: #f5f5f5;
      border-bottom: 1px solid #eee; }
      .learn-article table tr:nth-child(2n + 1),
      .learn-article--on-help-center table tr:nth-child(2n + 1) {
        background-color: white; }
      .learn-article table tr:last-child,
      .learn-article--on-help-center table tr:last-child {
        border-bottom: 0; }
    .learn-article table td,
    .learn-article--on-help-center table td {
      padding: 15px;
      border-right: 1px solid #ddd; }
      .learn-article table td:last-child,
      .learn-article--on-help-center table td:last-child {
        border-right: 0; }
      .learn-article table td.supported:after, .learn-article table td.not-supported:after,
      .learn-article--on-help-center table td.supported:after,
      .learn-article--on-help-center table td.not-supported:after {
        font-family: GumIcons;
        text-align: center;
        display: block; }
      .learn-article table td.supported:after,
      .learn-article--on-help-center table td.supported:after {
        color: #36a9ae;
        content: "\e015"; }
      .learn-article table td.not-supported:after,
      .learn-article--on-help-center table td.not-supported:after {
        color: #c04355;
        content: "\e018"; }
    .learn-article table tr:first-child,
    .learn-article--on-help-center table tr:first-child {
      background-color: #fff;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
      .learn-article table tr:first-child td,
      .learn-article--on-help-center table tr:first-child td {
        font-weight: 400; }
  .learn-article strong,
  .learn-article--on-help-center strong {
    color: #252a2e;
    font-weight: 500; }
  .learn-article .breadcrumbs,
  .learn-article--on-help-center .breadcrumbs {
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 10px 15px; }
  .learn-article--on-help-center {
    padding-top: 0; }
    .learn-article--on-help-center h1 {
      text-align: left; }

@media (max-width: 480px) {
  .learn-article,
  .learn-article--on-help-center {
    font-size: 14px; }
    .learn-article h1,
    .learn-article--on-help-center h1 {
      font-size: 24px;
      margin-bottom: 15px; }
    .learn-article h2,
    .learn-article--on-help-center h2 {
      font-size: 18px;
      margin: 30px 0 15px; }
    .learn-article h3,
    .learn-article--on-help-center h3 {
      font-size: 16px;
      margin: 30px 0 15px; }
    .learn-article p,
    .learn-article--on-help-center p {
      font-size: 14px;
      margin-bottom: 15px; }
    .learn-article blockquote,
    .learn-article--on-help-center blockquote {
      font-size: 16px;
      line-height: 26px;
      padding-left: 15px; }
    .learn-article ul li,
    .learn-article--on-help-center ul li {
      margin-bottom: 5px;
      list-style-position: inside; }
    .learn-article form,
    .learn-article table,
    .learn-article hr,
    .learn-article ul,
    .learn-article .breadcrumbs,
    .learn-article--on-help-center form,
    .learn-article--on-help-center table,
    .learn-article--on-help-center hr,
    .learn-article--on-help-center ul,
    .learn-article--on-help-center .breadcrumbs {
      margin-bottom: 15px; }
    .learn-article .large-content-container,
    .learn-article--on-help-center .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,
.learn-section-header--centered,
.small-product-lab-section,
.small-product-lab-section--inspire,
.small-product-lab-section--hero,
.small-product-lab-timeline {
  margin: 30px 0; }
  .learn-section-header--centered {
    text-align: center; }
  .learn-section-header h2,
  .learn-section-header--centered h2,
  .small-product-lab-section h2,
  .small-product-lab-section--inspire h2,
  .small-product-lab-section--hero h2,
  .small-product-lab-timeline h2 {
    font-size: 30px;
    font-weight: 500;
    color: #252a2e;
    line-height: 37px;
    margin-bottom: 30px; }
  .learn-section-header h3,
  .learn-section-header--centered h3,
  .small-product-lab-section h3,
  .small-product-lab-section--inspire h3,
  .small-product-lab-section--hero h3,
  .small-product-lab-timeline h3 {
    font-weight: bold;
    font-size: 21px;
    color: #252a2e; }
    .learn-section-header h3 a,
    .learn-section-header--centered h3 a,
    .small-product-lab-section h3 a,
    .small-product-lab-section--inspire h3 a,
    .small-product-lab-section--hero h3 a,
    .small-product-lab-timeline h3 a {
      color: #36a9ae; }
  .learn-section-header h4,
  .learn-section-header--centered h4,
  .small-product-lab-section h4,
  .small-product-lab-section--inspire h4,
  .small-product-lab-section--hero h4,
  .small-product-lab-timeline h4 {
    font-size: 17px;
    color: #797874;
    margin-top: 10px; }
  .learn-section-header p,
  .learn-section-header--centered p,
  .small-product-lab-section p,
  .small-product-lab-section--inspire p,
  .small-product-lab-section--hero p,
  .small-product-lab-timeline p {
    color: #797874;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px; }
    .learn-section-header p:last-child,
    .learn-section-header--centered p:last-child,
    .small-product-lab-section p:last-child,
    .small-product-lab-section--inspire p:last-child,
    .small-product-lab-section--hero p:last-child,
    .small-product-lab-timeline p:last-child {
      margin-bottom: 0; }

@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-article-list {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 15px;
  max-width: 280px;
  overflow: hidden; }
  .learn-article-list h3 {
    border-bottom: 1px solid #eee;
    color: #252a2e;
    font-weight: 500;
    font-size: 17px;
    line-height: 17px;
    padding: 15px; }
  .learn-article-list li {
    background: #fff;
    border-bottom: 1px solid #eee;
    -webkit-transition: background .3s linear;
            transition: background .3s linear;
    white-space: nowrap; }
    .learn-article-list li a {
      box-sizing: border-box;
      display: block;
      overflow-x: hidden;
      padding: 10px 15px;
      text-overflow: ellipsis;
      width: 100%; }
      .learn-article-list li a span {
        margin-bottom: 5px; }
      .learn-article-list li a p {
        color: #aaa;
        line-height: 20px;
        font-size: 13px;
        white-space: normal; }
      .learn-article-list li a:hover {
        text-decoration: none; }
      .learn-article-list li a.js_is_current {
        background: #f5f5f5; }
    .learn-article-list li:hover {
      background: #f5f5f5; }
    .learn-article-list li:last-child {
      border-bottom: 0; }
  .learn-article-list:last-child {
    margin-bottom: 0; }

.learn-challenge-callout {
  background: #fff;
  border: 1px solid #ddd;
  font-size: 14px;
  padding: 15px;
  color: #797874; }
  .learn-challenge-callout strong {
    color: #252a2e;
    display: block;
    margin-bottom: 15px; }
  .learn-challenge-callout .button {
    margin-top: 15px; }

.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; } }
.tips-and-tricks-signup {
  border-radius: 4px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  padding: 45px;
  font-size: 17px;
  margin: 30px 0;
  overflow: hidden;
  text-align: center; }
  .tips-and-tricks-signup p {
    color: #797874;
    margin-bottom: 15px; }
    .tips-and-tricks-signup p strong {
      color: #252a2e;
      display: block;
      font-weight: 500;
      font-size: 24px; }
  .tips-and-tricks-signup form {
    max-width: 500px;
    margin: 0 auto;
    width: 100%; }
    .tips-and-tricks-signup form input,
    .tips-and-tricks-signup form button {
      display: inline-block; }
    .tips-and-tricks-signup form input {
      width: 335px; }
    .tips-and-tricks-signup form button {
      vertical-align: top;
      width: 150px; }
  .tips-and-tricks-signup small {
    display: block;
    color: #aaa;
    font-size: 13px; }

@media (max-width: 715px) {
  .tips-and-tricks-signup {
    font-size: 13px; }
    .tips-and-tricks-signup p strong {
      font-size: 18px; }
    .tips-and-tricks-signup form button,
    .tips-and-tricks-signup form input {
      width: 100%; }
    .tips-and-tricks-signup small {
      font-size: 11px; } }
.responsive-iframe {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }
  .responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.article-feedback-form {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  clear: both;
  padding: 20px;
  margin-bottom: 30px; }
  .article-feedback-form .article-feedback-form__left {
    line-height: 43px; }
    .article-feedback-form .article-feedback-form__left h3 {
      color: #252a2e;
      font-size: 18px;
      font-weight: 500; }
  .article-feedback-form .article-feedback-form__right ul {
    list-style: none;
    margin-bottom: 0; }
    .article-feedback-form .article-feedback-form__right ul li {
      display: inline-block;
      margin-bottom: 0;
      width: calc(50% - 7.5px);
      margin-right: 15px; }
      .article-feedback-form .article-feedback-form__right ul li:last-child {
        margin-right: 0; }
      .article-feedback-form .article-feedback-form__right ul li .button {
        box-sizing: border-box;
        text-align: center;
        width: 100%; }

@media (max-width: 768px) {
  .article-feedback-form {
    margin-bottom: 15px; }
    .article-feedback-form .article-feedback-form__left {
      line-height: 18px; }
      .article-feedback-form .article-feedback-form__left h3 {
        text-align: center;
        margin: 0 0 15px; } }
.press-quotes {
  width: 860px;
  margin-bottom: 0; }
  .press-quotes li {
    box-sizing: border-box;
    width: 50%;
    padding-right: 60px;
    float: left;
    margin-bottom: 60px; }
    .press-quotes li.in-last-row {
      margin-bottom: 0; }

.press-content p {
  margin-bottom: 0; }

.press-section.media-kit {
  background: #f5f5f5;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15);
  padding: 60px 0;
  text-align: center; }
  .press-section.media-kit h4 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 40px;
    color: #252a2e; }
  .press-section.media-kit .container {
    width: 860px; }
  .press-section.media-kit .gumroad-product-container {
    margin: 0 auto;
    width: 680px; }

.challenge-hero {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/challenge/background-342d1a7a19d646e4117bf415460cac57.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-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: #fff;
  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: #fff;
      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: #20304d;
        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: #20304d;
        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: #797874;
        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,
.small-product-lab-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: #fff;
  opacity: 0;
  padding: 24px;
  position: fixed;
  width: 100%;
  z-index: 12; }
  .challenge-footer.showing,
  .showing.small-product-lab-footer {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  .challenge-footer .container,
  .small-product-lab-footer .container {
    max-width: 940px; }
  .challenge-footer form,
  .small-product-lab-footer form {
    margin-bottom: 0; }
    .challenge-footer form p,
    .small-product-lab-footer form p {
      font-size: 18px;
      line-height: 42px; }
    .challenge-footer form .form-buttons,
    .small-product-lab-footer form .form-buttons {
      width: 95%;
      float: left; }
    .challenge-footer form .dismiss,
    .small-product-lab-footer form .dismiss {
      width: 5%;
      float: left;
      font-size: 15px;
      line-height: 42px;
      text-align: right; }
      .challenge-footer form .dismiss:hover,
      .small-product-lab-footer form .dismiss:hover {
        cursor: pointer; }
    .challenge-footer form input,
    .challenge-footer form button,
    .small-product-lab-footer form input,
    .small-product-lab-footer form button {
      box-sizing: border-box; }
    .challenge-footer form input,
    .small-product-lab-footer form input {
      border-color: #30969b;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      width: 70%; }
    .challenge-footer form button,
    .small-product-lab-footer form 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 form button:hover,
      .small-product-lab-footer form button:hover {
        box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px; }

.small-product-lab-section h2,
.small-product-lab-section--inspire h2,
.small-product-lab-section--hero h2,
.small-product-lab-timeline h2 {
  padding-top: 40px; }
.small-product-lab-section hr,
.small-product-lab-section--inspire hr,
.small-product-lab-section--hero hr,
.small-product-lab-timeline hr {
  background: #ddd;
  height: 1px;
  width: 70%;
  margin: 75px auto 0; }
.small-product-lab-section .small-product-lab-section-content,
.small-product-lab-section--inspire .small-product-lab-section-content,
.small-product-lab-section--hero .small-product-lab-section-content,
.small-product-lab-timeline .small-product-lab-section-content {
  margin: 0 auto;
  max-width: 600px;
  padding: 15px;
  padding-top: 40px;
  text-align: center; }
  .small-product-lab-section .small-product-lab-section-content img,
  .small-product-lab-section--inspire .small-product-lab-section-content img,
  .small-product-lab-section--hero .small-product-lab-section-content img,
  .small-product-lab-timeline .small-product-lab-section-content img {
    width: 100%;
    margin-bottom: 60px;
    max-width: 355px; }
    .small-product-lab-section .small-product-lab-section-content img.trophy,
    .small-product-lab-section--inspire .small-product-lab-section-content img.trophy,
    .small-product-lab-section--hero .small-product-lab-section-content img.trophy,
    .small-product-lab-timeline .small-product-lab-section-content img.trophy {
      margin-bottom: 0; }
.small-product-lab-section .creator-card,
.small-product-lab-section--inspire .creator-card,
.small-product-lab-section--hero .creator-card,
.small-product-lab-timeline .creator-card {
  margin-top: 30px;
  margin-bottom: 50px;
  text-align: center; }
  .small-product-lab-section .creator-card .creator-profile-picture,
  .small-product-lab-section--inspire .creator-card .creator-profile-picture,
  .small-product-lab-section--hero .creator-card .creator-profile-picture,
  .small-product-lab-timeline .creator-card .creator-profile-picture {
    width: 100px;
    height: 100px;
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    margin: 0 auto 15px;
    padding: 5px; }
  .small-product-lab-section .creator-card h3,
  .small-product-lab-section--inspire .creator-card h3,
  .small-product-lab-section--hero .creator-card h3,
  .small-product-lab-timeline .creator-card h3 {
    color: #797874;
    font-weight: 500; }
  .small-product-lab-section .creator-card h4,
  .small-product-lab-section--inspire .creator-card h4,
  .small-product-lab-section--hero .creator-card h4,
  .small-product-lab-timeline .creator-card h4 {
    color: #ccc;
    font-weight: 200;
    margin-bottom: 30px; }
  .small-product-lab-section .creator-card p,
  .small-product-lab-section .creator-card blockquote,
  .small-product-lab-section--inspire .creator-card p,
  .small-product-lab-section--hero .creator-card p,
  .small-product-lab-timeline .creator-card p,
  .small-product-lab-section--inspire .creator-card blockquote,
  .small-product-lab-section--hero .creator-card blockquote,
  .small-product-lab-timeline .creator-card blockquote {
    font-size: 14px;
    line-height: 26px;
    max-width: 230px;
    margin: 0 auto 15px; }
  .small-product-lab-section .creator-card blockquote,
  .small-product-lab-section--inspire .creator-card blockquote,
  .small-product-lab-section--hero .creator-card blockquote,
  .small-product-lab-timeline .creator-card blockquote {
    background: #efefe9;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 30px;
    position: relative; }
    .small-product-lab-section .creator-card blockquote:after,
    .small-product-lab-section--inspire .creator-card blockquote:after,
    .small-product-lab-section--hero .creator-card blockquote:after,
    .small-product-lab-timeline .creator-card blockquote:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 10px;
      border-top-color: #efefe9;
      left: 50%;
      margin-left: -5px;
      top: 100%; }
  .small-product-lab-section .creator-card .social-links,
  .small-product-lab-section--inspire .creator-card .social-links,
  .small-product-lab-section--hero .creator-card .social-links,
  .small-product-lab-timeline .creator-card .social-links {
    font-size: 32px; }
    .small-product-lab-section .creator-card .social-links li,
    .small-product-lab-section--inspire .creator-card .social-links li,
    .small-product-lab-section--hero .creator-card .social-links li,
    .small-product-lab-timeline .creator-card .social-links li {
      display: inline-block;
      margin-right: 15px;
      -webkit-transition: 0.3s all cubic-bezier(0.23, 1.5, 0.32, 1);
              transition: 0.3s all cubic-bezier(0.23, 1.5, 0.32, 1); }
      .small-product-lab-section .creator-card .social-links li:last-child,
      .small-product-lab-section--inspire .creator-card .social-links li:last-child,
      .small-product-lab-section--hero .creator-card .social-links li:last-child,
      .small-product-lab-timeline .creator-card .social-links li:last-child {
        margin-right: 0; }
      .small-product-lab-section .creator-card .social-links li a,
      .small-product-lab-section--inspire .creator-card .social-links li a,
      .small-product-lab-section--hero .creator-card .social-links li a,
      .small-product-lab-timeline .creator-card .social-links li a {
        color: #ccc; }
        .small-product-lab-section .creator-card .social-links li a:hover,
        .small-product-lab-section--inspire .creator-card .social-links li a:hover,
        .small-product-lab-section--hero .creator-card .social-links li a:hover,
        .small-product-lab-timeline .creator-card .social-links li a:hover {
          color: #aaa; }
.small-product-lab-section .small-product-lab-sponsors-container,
.small-product-lab-section--inspire .small-product-lab-sponsors-container,
.small-product-lab-section--hero .small-product-lab-sponsors-container,
.small-product-lab-timeline .small-product-lab-sponsors-container {
  margin: 30px 0;
  padding-bottom: 100px; }
  .small-product-lab-section .small-product-lab-sponsors-container ul,
  .small-product-lab-section--inspire .small-product-lab-sponsors-container ul,
  .small-product-lab-section--hero .small-product-lab-sponsors-container ul,
  .small-product-lab-timeline .small-product-lab-sponsors-container ul {
    font-size: 17px;
    line-height: 32px;
    list-style: circle;
    list-style-position: inside;
    margin: 0 auto;
    max-width: 475px;
    padding-bottom: 90px;
    text-align: left; }
  .small-product-lab-section .small-product-lab-sponsors-container hr,
  .small-product-lab-section--inspire .small-product-lab-sponsors-container hr,
  .small-product-lab-section--hero .small-product-lab-sponsors-container hr,
  .small-product-lab-timeline .small-product-lab-sponsors-container hr {
    background: #ddd;
    height: 1px;
    width: 100%; }
.small-product-lab-section .small-product-lab-sponsors,
.small-product-lab-section--inspire .small-product-lab-sponsors,
.small-product-lab-section--hero .small-product-lab-sponsors,
.small-product-lab-timeline .small-product-lab-sponsors {
  float: left;
  margin-bottom: 30px;
  width: 100%; }
  .small-product-lab-section .small-product-lab-sponsors .sponsor-card,
  .small-product-lab-section--inspire .small-product-lab-sponsors .sponsor-card,
  .small-product-lab-section--hero .small-product-lab-sponsors .sponsor-card,
  .small-product-lab-timeline .small-product-lab-sponsors .sponsor-card {
    padding: 30px 30px 125px;
    height: 200px;
    box-sizing: border-box; }
    .small-product-lab-section .small-product-lab-sponsors .sponsor-card .sponsor-content,
    .small-product-lab-section--inspire .small-product-lab-sponsors .sponsor-card .sponsor-content,
    .small-product-lab-section--hero .small-product-lab-sponsors .sponsor-card .sponsor-content,
    .small-product-lab-timeline .small-product-lab-sponsors .sponsor-card .sponsor-content {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .small-product-lab-section .small-product-lab-sponsors hr,
  .small-product-lab-section--inspire .small-product-lab-sponsors hr,
  .small-product-lab-section--hero .small-product-lab-sponsors hr,
  .small-product-lab-timeline .small-product-lab-sponsors hr {
    background: #ddd;
    height: 1px;
    width: 70%; }
  .small-product-lab-section .small-product-lab-sponsors p,
  .small-product-lab-section--inspire .small-product-lab-sponsors p,
  .small-product-lab-section--hero .small-product-lab-sponsors p,
  .small-product-lab-timeline .small-product-lab-sponsors p {
    font-size: 12px;
    line-height: 18px; }
  .small-product-lab-section .small-product-lab-sponsors img,
  .small-product-lab-section--inspire .small-product-lab-sponsors img,
  .small-product-lab-section--hero .small-product-lab-sponsors img,
  .small-product-lab-timeline .small-product-lab-sponsors img {
    margin: 0 auto 10px;
    max-width: 80px;
    width: 100%; }

.small-product-lab-section--inspire {
  text-align: center; }
  .small-product-lab-section--inspire .small-product-lab-section-content-container {
    background: #f27f6d;
    padding: 10px 0; }
    .small-product-lab-section--inspire .small-product-lab-section-content-container img {
      width: 200px;
      height: 200px;
      display: block;
      margin: 0;
      display: inline; }
    .small-product-lab-section--inspire .small-product-lab-section-content-container h2,
    .small-product-lab-section--inspire .small-product-lab-section-content-container p {
      color: #fff; }
    .small-product-lab-section--inspire .small-product-lab-section-content-container .button {
      padding: 18px 35px;
      margin-bottom: 30px;
      background: #fff;
      color: #f27f6d; }
  .small-product-lab-section--inspire .upward-arrow,
  .small-product-lab-section--inspire .downward-arrow {
    width: 100%; }
    .small-product-lab-section--inspire .upward-arrow.upward-arrow,
    .small-product-lab-section--inspire .downward-arrow.upward-arrow {
      margin-bottom: -10px;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .small-product-lab-section--inspire .upward-arrow.downward-arrow,
    .small-product-lab-section--inspire .downward-arrow.downward-arrow {
      margin-top: -1px; }

.small-product-lab-section--hero .learn-page-title {
  background: transparent;
  border: 0;
  padding: 0; }
.small-product-lab-section--hero .small-product-lab-hero-wordmark {
  margin-bottom: 15px; }
.small-product-lab-section--hero .small-product-lab-hero-introduction {
  box-sizing: border-box;
  margin: 15px auto;
  max-width: 775px;
  padding: 0 15px; }
.small-product-lab-section--hero .small-product-lab-hero-symbol {
  max-width: 355px;
  margin-bottom: 25px;
  width: 80%; }

.small-product-lab-section--divider {
  margin: 90px 0;
  text-align: center; }
  .small-product-lab-section--divider img {
    max-width: 30px;
    width: 100%; }

.small-product-lab-timeline {
  margin: 0 0 120px; }
  .small-product-lab-timeline hr {
    background: #f5f5f5;
    height: 1px;
    position: relative;
    top: -10px;
    width: 100%;
    margin: 0; }
  .small-product-lab-timeline .day {
    float: left;
    height: 20px;
    text-align: center;
    width: 10%; }
    .small-product-lab-timeline .day .circle {
      width: 20px;
      height: 20px;
      display: block;
      background: #fff;
      border: 1px solid #f5f5f5;
      border-radius: 50%;
      margin: 0 auto;
      position: relative;
      -webkit-transition: 0.3s -webkit-transform cubic-bezier(0.23, 1.5, 0.32, 1);
              transition: 0.3s transform cubic-bezier(0.23, 1.5, 0.32, 1);
      z-index: 4; }
      .small-product-lab-timeline .day .circle:hover {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
                transform: scale(1.2);
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center; }
        .small-product-lab-timeline .day .circle:hover .popover {
          opacity: 1;
          pointer-events: all;
          -webkit-transform: scale(1);
              -ms-transform: scale(1);
                  transform: scale(1);
          -webkit-transform-origin: bottom center;
              -ms-transform-origin: bottom center;
                  transform-origin: bottom center; }
      .small-product-lab-timeline .day .circle .popover {
        background: #fff;
        border-radius: 4px;
        bottom: 40px;
        border: 1px solid #ddd;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        box-sizing: border-box;
        left: 50%;
        margin-left: -100px;
        padding: 15px;
        pointer-events: none;
        position: absolute;
        opacity: 0;
        text-align: center;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0);
        -webkit-transition: 0.3s -webkit-transform cubic-bezier(0.23, 1.5, 0.32, 1);
                transition: 0.3s transform cubic-bezier(0.23, 1.5, 0.32, 1);
        width: 200px; }
        .small-product-lab-timeline .day .circle .popover:before, .small-product-lab-timeline .day .circle .popover:after {
          content: "";
          height: 0;
          position: absolute;
          width: 0;
          border-color: transparent;
          border-style: solid;
          border-width: 10px;
          left: 50%;
          margin-left: -10px;
          top: 99%; }
        .small-product-lab-timeline .day .circle .popover:after {
          border-top-color: #fff; }
        .small-product-lab-timeline .day .circle .popover:before {
          border-top-color: #ddd;
          margin-top: 2px; }
        .small-product-lab-timeline .day .circle .popover h3,
        .small-product-lab-timeline .day .circle .popover p {
          font-size: 13px;
          line-height: 20px; }
        .small-product-lab-timeline .day .circle .popover h3 {
          line-height: 15px;
          margin-bottom: 5px; }
    .small-product-lab-timeline .day .number {
      color: #ccc;
      font-size: 10px; }

.small-product-lab-footer {
  z-index: 4; }
  .small-product-lab-footer form input,
  .small-product-lab-footer form button {
    width: 100%;
    border-radius: 4px; }
  .small-product-lab-footer form .sharing {
    margin-top: 10px; }

@media (max-width: 480px) {
  .small-product-lab-footer {
    padding: 10px;
    text-align: center; }
    .small-product-lab-footer form input,
    .small-product-lab-footer form button {
      font-size: 13px;
      height: 40px; }
    .small-product-lab-footer form input {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
    .small-product-lab-footer form button {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      top: 0; }
    .small-product-lab-footer form .six.columns {
      width: 100%; }
    .small-product-lab-footer form .four.columns {
      padding: 0;
      width: 70%; }
    .small-product-lab-footer form .two.columns {
      padding: 0;
      width: 30%; }
    .small-product-lab-footer form p {
      font-size: 13px;
      line-height: 21px;
      margin-bottom: 8px; }
    .small-product-lab-footer form .sharing {
      text-align: center;
      margin: 0;
      width: 100%; } }
#jobs {
  background: #efefe9; }

.jobs-content {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.6em; }
  .jobs-content h2 {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 8px; }
  .jobs-content section {
    padding: 64px 0;
    clear: both; }
  .jobs-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-content #quote {
    background: #fff;
    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; }

#jobs-splash {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/home/setup_bg-476280f7ad9e218909dfdcb64f75e108.png) top center #efefe9;
  position: relative;
  text-align: center;
  color: #252a2e;
  border-bottom: 1px solid #ddd;
  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-60b75d436e0d6328162c6fade35d837e.png);
  position: absolute;
  top: 50%;
  margin-top: -152px;
  left: 50%;
  margin-left: -152px;
  opacity: .3; }
  @media only screen and (min-device-pixel-ratio: 2) {
    #blueprint-logo {
      background-image: url(https://static-1.gumroad.com/res/gumroad/assets/g_blueprint@2x-cc3d77a97b0e268e2909992c77967401.png);
      background-size: 315px 315px; } }

#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: #aaa; }
  #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: #fff; }
      #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(top, #159499, #13878c);
  background: linear-gradient(to bottom, #159499, #13878c);
  color: #fff;
  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(top, #159499, #13878c);
  background: linear-gradient(to bottom, #159499, #13878c); }
.position-card.product-designer .button, .position-card.product-design-intern .button {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#16989d, endColorstr=#138589, GradientType=0)";
  background: -webkit-linear-gradient(top, #16989d, #138589);
  background: linear-gradient(to bottom, #16989d, #138589);
  background: #159499;
  border: 1px solid #0f696c; }
.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(top, #f26534, #f15a26);
  background: linear-gradient(to bottom, #f26534, #f15a26); }
.position-card.front-end-engineer .button, .position-card.engineering-intern .button {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f26939, endColorstr=#f15823, GradientType=0)";
  background: -webkit-linear-gradient(top, #f26939, #f15823);
  background: linear-gradient(to bottom, #f26939, #f15823);
  background: #f26534;
  border: 1px solid #e4460f; }
.position-card.back-end-engineer .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e76c5e, endColorstr=#e56051, GradientType=0)";
  background: -webkit-linear-gradient(top, #e76c5e, #e56051);
  background: linear-gradient(to bottom, #e76c5e, #e56051); }
.position-card.back-end-engineer .button {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e87062, endColorstr=#e55e4e, GradientType=0)";
  background: -webkit-linear-gradient(top, #e87062, #e55e4e);
  background: linear-gradient(to bottom, #e87062, #e55e4e);
  background: #e76c5e;
  border: 1px solid #e04332; }
.position-card.payments-engineer .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdce71, endColorstr=#fdc962, GradientType=0)";
  background: -webkit-linear-gradient(top, #fdce71, #fdc962);
  background: linear-gradient(to bottom, #fdce71, #fdc962); }
.position-card.payments-engineer .button {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdd076, endColorstr=#fdc85f, GradientType=0)";
  background: -webkit-linear-gradient(top, #fdd076, #fdc85f);
  background: linear-gradient(to bottom, #fdd076, #fdc85f);
  background: #fdce71;
  border: 1px solid #fcbd3f; }
.position-card.compliance-manager .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdce71, endColorstr=#fdc962, GradientType=0)";
  background: -webkit-linear-gradient(top, #fdce71, #fdc962);
  background: linear-gradient(to bottom, #fdce71, #fdc962); }
.position-card.compliance-manager .button {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdd076, endColorstr=#fdc85f, GradientType=0)";
  background: -webkit-linear-gradient(top, #fdd076, #fdc85f);
  background: linear-gradient(to bottom, #fdd076, #fdc85f);
  background: #fdce71;
  border: 1px solid #fcbd3f; }
.position-card.risk-engineer .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdce71, endColorstr=#fdc962, GradientType=0)";
  background: -webkit-linear-gradient(top, #fdce71, #fdc962);
  background: linear-gradient(to bottom, #fdce71, #fdc962); }
.position-card.risk-engineer .button {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdd076, endColorstr=#fdc85f, GradientType=0)";
  background: -webkit-linear-gradient(top, #fdd076, #fdc85f);
  background: linear-gradient(to bottom, #fdd076, #fdc85f);
  background: #fdce71;
  border: 1px solid #fcbd3f; }
.position-card.data-scientist .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c92940, endColorstr=#bc263c, GradientType=0)";
  background: -webkit-linear-gradient(top, #c92940, #bc263c);
  background: linear-gradient(to bottom, #c92940, #bc263c); }
.position-card.data-scientist .button {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cd2a41, endColorstr=#ba263b, GradientType=0)";
  background: -webkit-linear-gradient(top, #cd2a41, #ba263b);
  background: linear-gradient(to bottom, #cd2a41, #ba263b);
  background: #c92940;
  border: 1px solid #9f2033; }
.position-card.customer-support .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#159499, endColorstr=#13878c, GradientType=0)";
  background: -webkit-linear-gradient(top, #159499, #13878c);
  background: linear-gradient(to bottom, #159499, #13878c); }
.position-card.customer-support .button {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#16989d, endColorstr=#138589, GradientType=0)";
  background: -webkit-linear-gradient(top, #16989d, #138589);
  background: linear-gradient(to bottom, #16989d, #138589);
  background: #159499;
  border: 1px solid #0f696c; }
.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: #fff;
      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: #252a2e;
      display: block;
      background: #fff;
      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: #fff;
  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; }

.for {
  background: #fff; }
  .for .minimal-nav {
    -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);
    bottom: 0;
    opacity: 1;
    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.fixed {
      position: fixed;
      top: 0;
      bottom: auto;
      opacity: .98;
      z-index: 4; }
    .for .minimal-nav .start-selling {
      background: #fff; }
  .for .signup button,
  .for .signup .button,
  .for .signup--books button,
  .for .signup--films button,
  .for .signup--music button,
  .for .signup--bloggers button,
  .for .signup--books .button,
  .for .signup--films .button,
  .for .signup--music .button,
  .for .signup--bloggers .button {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#fff, GradientType=0)";
    background: -webkit-linear-gradient(top, #fff, #fff);
    background: linear-gradient(to bottom, #fff, #fff);
    background: #fff;
    border: 1px solid #fff;
    position: relative; }
    .for .signup button:hover,
    .for .signup .button:hover,
    .for .signup--books button:hover,
    .for .signup--films button:hover,
    .for .signup--music button:hover,
    .for .signup--bloggers button:hover,
    .for .signup--books .button:hover,
    .for .signup--films .button:hover,
    .for .signup--music .button:hover,
    .for .signup--bloggers .button:hover {
      top: -1px; }
    .for .signup button:active,
    .for .signup .button:active,
    .for .signup--books button:active,
    .for .signup--films button:active,
    .for .signup--music button:active,
    .for .signup--bloggers button:active,
    .for .signup--books .button:active,
    .for .signup--films .button:active,
    .for .signup--music .button:active,
    .for .signup--bloggers .button:active {
      top: 1px;
      box-shadow: none; }
  .for .signup--books button,
  .for .signup--books .button {
    color: #f27f6d; }
  .for .signup--films button,
  .for .signup--films .button {
    color: #02959b; }
  .for .signup--music button,
  .for .signup--music .button {
    color: #c7636d; }
  .for .signup--bloggers button,
  .for .signup--bloggers .button {
    color: #02959b; }
  .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 .logo {
      margin-left: 15px; }
    .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 .books-nav .minimal-nav {
    background-color: #f27f6d; }
    .for .books-nav .minimal-nav .start-selling {
      color: #f27f6d; }
  .for .bloggers-nav .minimal-nav {
    background-color: #02959b; }
    .for .bloggers-nav .minimal-nav .start-selling {
      color: #02959b; }
  @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--books h4 {
  color: #f27f6d; }
.for-slide--bloggers h4 {
  color: #02959b; }
.for-slide .content,
.for-slide--films .content,
.for-slide--music .content,
.for-slide--books .content,
.for-slide--bloggers .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--books .content header,
  .for-slide--bloggers .content header {
    text-align: center; }
  .for-slide .content h1,
  .for-slide .content h2,
  .for-slide--films .content h1,
  .for-slide--music .content h1,
  .for-slide--books .content h1,
  .for-slide--bloggers .content h1,
  .for-slide--films .content h2,
  .for-slide--music .content h2,
  .for-slide--books .content h2,
  .for-slide--bloggers .content h2 {
    color: #252a2e;
    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--books .content h3,
  .for-slide--bloggers .content h3 {
    color: #252a2e;
    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--books .content h4,
  .for-slide--bloggers .content h4 {
    font-size: 18px;
    margin-bottom: 15px; }
  .for-slide .content p,
  .for-slide--films .content p,
  .for-slide--music .content p,
  .for-slide--books .content p,
  .for-slide--bloggers .content p {
    font-size: 21px;
    line-height: 1.8;
    margin: 0 0 30px;
    color: #797874; }

@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--books,
  .for-slide-1 .background--bloggers {
    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-18fab4656df0ba37dbb546c1a4cce965.png); }
  .for-slide-1 .background--music {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/for/music/background-1113e4f5b5c2c0297198dccf5a3d0fed.png); }
  .for-slide-1 .background--books {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/for/books/background-ca9aec60401c3d4360b742d1b66a34dc.png); }
  .for-slide-1 .background--bloggers {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/for/bloggers/background-7acef41700379bf91ad64e779fd0a7ad.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 .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(-60%);
        -ms-transform: translateY(-60%);
            transform: translateY(-60%);
    z-index: 6; }
    .for-slide-1 .content .for-slide-header h1,
    .for-slide-1 .content .for-slide-header--films h1,
    .for-slide-1 .content .for-slide-header--music h1,
    .for-slide-1 .content .for-slide-header--books h1,
    .for-slide-1 .content .for-slide-header--bloggers h1 {
      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--books button,
    .for-slide-1 .content .for-slide-header--bloggers button {
      padding-left: 15px;
      padding-right: 15px;
      height: 50px; }
    .for-slide-1 .content .for-slide-header--films h1 {
      color: #02959b; }
    .for-slide-1 .content .for-slide-header--films button {
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#02959b, endColorstr=#02959b, GradientType=0)";
      background: -webkit-linear-gradient(top, #02959b, #02959b);
      background: linear-gradient(to bottom, #02959b, #02959b);
      background: #02959b;
      border: 1px solid #02959b; }
    .for-slide-1 .content .for-slide-header--music h1 {
      color: #c7636d; }
    .for-slide-1 .content .for-slide-header--music button {
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c7636d, endColorstr=#c7636d, GradientType=0)";
      background: -webkit-linear-gradient(top, #c7636d, #c7636d);
      background: linear-gradient(to bottom, #c7636d, #c7636d);
      background: #c7636d;
      border: 1px solid #c7636d; }
    .for-slide-1 .content .for-slide-header--books h1 {
      color: #f27f6d; }
    .for-slide-1 .content .for-slide-header--books button {
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f27f6d, endColorstr=#f27f6d, GradientType=0)";
      background: -webkit-linear-gradient(top, #f27f6d, #f27f6d);
      background: linear-gradient(to bottom, #f27f6d, #f27f6d);
      background: #f27f6d;
      border: 1px solid #f27f6d; }
    .for-slide-1 .content .for-slide-header--bloggers h1 {
      color: #fff;
      max-width: 800px; }
    .for-slide-1 .content .for-slide-header--bloggers button {
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#02959b, endColorstr=#02959b, GradientType=0)";
      background: -webkit-linear-gradient(top, #02959b, #02959b);
      background: linear-gradient(to bottom, #02959b, #02959b);
      background: #02959b;
      border: 1px solid #02959b; }

@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 h1,
    .for-slide-1 .content .for-slide-header--music h1,
    .for-slide-1 .content .for-slide-header--books h1,
    .for-slide-1 .content .for-slide-header--bloggers h1 {
      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--books button,
    .for-slide-1 .content .for-slide-header--bloggers button {
      height: 40px;
      width: 150px; } }
.for-demo {
  -webkit-transition: top 1s cubic-bezier(0.23, 1.5, 0.32, 1), height 2s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: top 1s cubic-bezier(0.23, 1.5, 0.32, 1), height 2s cubic-bezier(0.23, 1.5, 0.32, 1);
  position: relative;
  left: 0;
  right: 0;
  width: 100%; }
  .for-demo.playing {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    height: 100vh; }
    .for-demo.playing .for-demo-widget {
      background: transparent;
      -webkit-transition: padding 1s cubic-bezier(0.23, 1.5, 0.32, 1);
              transition: padding 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 {
    box-sizing: border-box;
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    padding: 30px;
    z-index: 4; }
    .for-demo .for-demo-pagination .chevron {
      color: rgba(0, 0, 0, 0.2);
      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: rgba(0, 0, 0, 0.3);
        cursor: pointer; }
    .for-demo .for-demo-pagination .circle {
      border-radius: 50%;
      border: 1px solid rgba(0, 0, 0, 0.2);
      display: inline-block;
      height: 12px;
      position: relative;
      width: 12px; }
      .for-demo .for-demo-pagination .circle.current {
        background: rgba(0, 0, 0, 0.3); }
      .for-demo .for-demo-pagination .circle:hover {
        border-color: rgba(0, 0, 0, 0.3);
        cursor: pointer; }
    .for-demo .for-demo-pagination .gi-close {
      color: rgba(0, 0, 0, 0.2);
      font-size: 18px;
      margin-left: 15px;
      position: relative;
      top: -1px; }
      .for-demo .for-demo-pagination .gi-close:hover {
        color: rgba(0, 0, 0, 0.3);
        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: rgba(0, 0, 0, 0.5);
      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: rgba(0, 0, 0, 0.3);
      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 #ddd;
    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: #eee;
      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-0b478ed5457d03437a830e39f50ef1de.png) no-repeat;
    background-size: contain;
    height: 520px;
    padding: 70px 20px;
    margin: 0 auto;
    position: relative;
    -webkit-transform: translate(300px, -570px);
        -ms-transform: translate(300px, -570px);
            transform: translate(300px, -570px);
    width: 250px;
    z-index: 3; }
    .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%;
      max-height: 450px;
      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 {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#029aa0, endColorstr=#028489, GradientType=0)";
    background: -webkit-linear-gradient(top, #029aa0, #028489);
    background: linear-gradient(to bottom, #029aa0, #028489);
    background: #02959b;
    border: 1px solid #016569; }
  .for-slide-2 .button--music {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c86771, endColorstr=#c25661, GradientType=0)";
    background: -webkit-linear-gradient(top, #c86771, #c25661);
    background: linear-gradient(to bottom, #c86771, #c25661);
    background: #c7636d;
    border: 1px solid #b6414d; }
  .for-slide-2 .button--books {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f28372, endColorstr=#f1715d, GradientType=0)";
    background: -webkit-linear-gradient(top, #f28372, #f1715d);
    background: linear-gradient(to bottom, #f28372, #f1715d);
    background: #f27f6d;
    border: 1px solid #ee563e; }
  .for-slide-2 .button--bloggers {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#029aa0, endColorstr=#028489, GradientType=0)";
    background: -webkit-linear-gradient(top, #029aa0, #028489);
    background: linear-gradient(to bottom, #029aa0, #028489);
    background: #02959b;
    border: 1px solid #016569; }
  .for-slide-2 .content {
    opacity: 1;
    text-align: center; }
    .for-slide-2 .content header p {
      margin-bottom: 20px; }

.for-slide-quote {
  background: #fff;
  border-bottom: 2px solid #eee;
  text-align: center; }
  .for-slide-quote img {
    max-width: 100%; }
  .for-slide-quote .content {
    padding: 60px 0; }
    .for-slide-quote .content h2 {
      font-size: 26px;
      line-height: 36px;
      margin-top: 40px;
      color: #aaa; }
    .for-slide-quote .content .headshot {
      margin-top: 30px; }
    .for-slide-quote .content h4 {
      font-size: 22px;
      line-height: 30px;
      margin-top: 30px;
      color: #c4c4c4; }
    .for-slide-quote .content p {
      font-size: 14px;
      color: #ddd; }

.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: #fff;
    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: #eee;
          border-radius: 50%;
          display: inline-block;
          height: 8px;
          margin-top: 8px;
          margin-right: 8px;
          width: 8px; }
    .for-slide-3 .sample-desktop img,
    .for-slide-4 .sample-desktop img {
      max-width: 100%; }
    .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 .h2--bloggers,
    .for-slide-4 .content .h2--bloggers {
      color: #36a9ae; }
    .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 .desktop-bloggers,
    .for-slide-4 .sample-desktop .desktop-bloggers {
      border-bottom: 2px solid #444; }
    .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: #fff; }

.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--bloggers {
        text-align: center; }
      .for-slide-5 .sample-product .sample-product-content .six.columns {
        margin-bottom: -10px;
        margin-top: -13px;
        width: 52%; }
        .for-slide-5 .sample-product .sample-product-content .six.columns.rent {
          margin-right: 8px; }
        .for-slide-5 .sample-product .sample-product-content .six.columns.buy {
          margin-left: -23px; }
      .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 {
          filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#029aa0, endColorstr=#028489, GradientType=0)";
          background: -webkit-linear-gradient(top, #029aa0, #028489);
          background: linear-gradient(to bottom, #029aa0, #028489);
          background: #02959b;
          border: 1px solid #016569; }
        .for-slide-5 .sample-product .sample-product-content .button--music {
          filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c86771, endColorstr=#c25661, GradientType=0)";
          background: -webkit-linear-gradient(top, #c86771, #c25661);
          background: linear-gradient(to bottom, #c86771, #c25661);
          background: #c7636d;
          border: 1px solid #b6414d; }
        .for-slide-5 .sample-product .sample-product-content .button--books {
          filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f28372, endColorstr=#f1715d, GradientType=0)";
          background: -webkit-linear-gradient(top, #f28372, #f1715d);
          background: linear-gradient(to bottom, #f28372, #f1715d);
          background: #f27f6d;
          border: 1px solid #ee563e; }
        .for-slide-5 .sample-product .sample-product-content .button--bloggers {
          filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#029aa0, endColorstr=#028489, GradientType=0)";
          background: -webkit-linear-gradient(top, #029aa0, #028489);
          background: linear-gradient(to bottom, #029aa0, #028489);
          background: #02959b;
          border: 1px solid #016569; }
    @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--books {
  background-color: #f27f6d; }
.for-slide-7--bloggers {
  background-color: #02959b; }
.for-slide-7 .content,
.for-slide-7--films .content,
.for-slide-7--music .content,
.for-slide-7--books .content,
.for-slide-7--bloggers .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--books .content h2,
  .for-slide-7--bloggers .content h2 {
    color: #fff;
    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--books .content p,
  .for-slide-7--bloggers .content p {
    color: #fff;
    font-size: 26px;
    opacity: .7;
    max-width: 800px;
    margin: 0 auto 30px; }
  .for-slide-7 .content a,
  .for-slide-7--films .content a,
  .for-slide-7--music .content a,
  .for-slide-7--books .content a,
  .for-slide-7--bloggers .content a {
    color: #fff;
    font-weight: 500; }

@media (max-width: 768px) {
  .for-slide-7--films .content h2,
  .for-slide-7--music .content h2,
  .for-slide-7--books .content h2,
  .for-slide-7--bloggers .content h2 {
    font-size: 21px;
    margin-bottom: 10px; }
  .for-slide-7--films .content p,
  .for-slide-7--music .content p,
  .for-slide-7--books .content p,
  .for-slide-7--bloggers .content p {
    font-size: 16px;
    margin-bottom: 20px; } }
.for-card,
.for-card--books,
.for-card--films,
.for-card--music,
.for-card--bloggers {
  background-position: center center;
  background-size: cover;
  height: 300px;
  overflow: hidden;
  position: relative;
  display: block; }
  .for-card--books {
    background: #fcb426; }
    .for-card--books .for-card-image {
      background-image: url(https://static-1.gumroad.com/res/gumroad/assets/for/books/books_small-50b003543218b7ba4afc161468a2e38c.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-7b76d50ead49616c3df3a40e9e4c1ba4.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-0612192e20d85f0d17bc6c15d24d3519.png); }
  .for-card--bloggers {
    background: #027d82; }
    .for-card--bloggers .for-card-image {
      background-image: url(https://static-1.gumroad.com/res/gumroad/for/bloggers/bloggers_small.png); }
  .for-card:hover,
  .for-card--books:hover,
  .for-card--films:hover,
  .for-card--music:hover,
  .for-card--bloggers:hover {
    text-decoration: none; }
    .for-card:hover .for-card-image,
    .for-card--books:hover .for-card-image,
    .for-card--films:hover .for-card-image,
    .for-card--music:hover .for-card-image,
    .for-card--bloggers:hover .for-card-image {
      -webkit-transform: scale(1.2) translateZ(0);
              transform: scale(1.2) translateZ(0); }
  .for-card .for-card-content,
  .for-card--books .for-card-content,
  .for-card--films .for-card-content,
  .for-card--music .for-card-content,
  .for-card--bloggers .for-card-content {
    color: #fff;
    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--books .for-card-content h3,
    .for-card--films .for-card-content h3,
    .for-card--music .for-card-content h3,
    .for-card--bloggers .for-card-content h3 {
      font-size: 21px;
      font-weight: 500; }
  .for-card .for-card-image,
  .for-card--books .for-card-image,
  .for-card--films .for-card-image,
  .for-card--music .for-card-image,
  .for-card--bloggers .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%; }

@media screen and (min-width: 768px) {
  .responsive .for-cards-container {
    background: #efefe9;
    max-width: 100%; }
    .responsive .for-cards-container .four.columns {
      padding-right: 0;
      padding-left: 0; } }
@media (max-width: 768px) {
  .for-cards-container {
    border: 1px solid #ddd;
    border-width: 1px 0;
    padding: 15px 0 0; }
    .for-cards-container .four.columns {
      padding-left: 15px;
      padding-right: 15px;
      margin-bottom: 15px; }
    .for-cards-container:last-child {
      margin-bottom: 0; }

  .for-card,
  .for-card--books,
  .for-card--films,
  .for-card--music,
  .for-card--bloggers {
    border-radius: 4px;
    height: 100px; }
    .for-card:hover,
    .for-card--books:hover,
    .for-card--films:hover,
    .for-card--music:hover,
    .for-card--bloggers:hover {
      text-decoration: none; }
      .for-card:hover .for-card-image,
      .for-card--books:hover .for-card-image,
      .for-card--films:hover .for-card-image,
      .for-card--music:hover .for-card-image,
      .for-card--bloggers:hover .for-card-image {
        -webkit-transform: scale(1) translateZ(0);
                transform: scale(1) translateZ(0); }
    .for-card .for-card-content h3,
    .for-card--books .for-card-content h3,
    .for-card--films .for-card-content h3,
    .for-card--music .for-card-content h3,
    .for-card--bloggers .for-card-content h3 {
      font-size: 18px; } }
.collections-grid-container {
  background: rgba(0, 0, 0, 0.01);
  padding: 30px 0; }
  .collections-grid-container .collections-header {
    text-align: center; }
    .collections-grid-container .collections-header h3 {
      color: #5f5e5b;
      font-weight: 500;
      font-size: 24px;
      margin: 30px 0; }
    .collections-grid-container .collections-header hr {
      background: rgba(0, 0, 0, 0.1);
      display: block;
      height: 3px;
      margin: 0 auto 30px;
      max-width: 100px; }
  .collections-grid-container .learn-card--collection {
    height: 243px;
    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);
    z-index: 9; }
    .collections-grid-container .learn-card--collection:hover {
      -webkit-transform: scale(1.02);
          -ms-transform: scale(1.02);
              transform: scale(1.02); }
  .collections-grid-container .collection-thumbnail {
    display: inline-block;
    position: relative;
    width: 213px; }
    .collections-grid-container .collection-thumbnail .collection-hover-right,
    .collections-grid-container .collection-thumbnail .collection-hover-left {
      background-size: contain;
      border-radius: 4px;
      box-sizing: border-box;
      display: block;
      height: 243px;
      position: absolute;
      top: 0;
      -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
              transform: rotate(0deg);
      -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: 212px;
      z-index: 1; }
    .collections-grid-container .collection-thumbnail:hover .collection-hover-right {
      background: rgba(0, 0, 0, 0.1);
      -webkit-transform: rotate(-5deg);
          -ms-transform: rotate(-5deg);
              transform: rotate(-5deg); }
    .collections-grid-container .collection-thumbnail:hover .collection-hover-left {
      background: rgba(0, 0, 0, 0.3);
      -webkit-transform: rotate(5deg);
          -ms-transform: rotate(5deg);
              transform: rotate(5deg); }
  .collections-page .collections-grid-container {
    background: #efefe9;
    padding: 0;
    margin-bottom: 0; }
    .collections-page .collections-grid-container .learn-card--collection {
      margin-bottom: 0; }

@media (max-width: 768px) {
  .responsive .collections-grid-container {
    padding: 30px 0 5px; }
    .responsive .collections-grid-container .collections-header h3 {
      font-size: 18px;
      margin: 0 0 15px; }
    .responsive .collections-grid-container .collections-grid-column {
      width: 50%; }
      .responsive .collections-grid-container .collections-grid-column:nth-child(odd) {
        padding-right: 0; }
    .responsive .collections-grid-container .learn-card--collection {
      height: 150px; }
      .responsive .collections-grid-container .learn-card--collection .title {
        font-size: 13px;
        line-height: 18px; }
    .responsive .collections-grid-container .collection-thumbnail {
      height: 165px;
      width: 100%; }
      .responsive .collections-grid-container .collection-thumbnail .collection-hover-right,
      .responsive .collections-grid-container .collection-thumbnail .collection-hover-left {
        display: none; } }
.collection-header,
.collection-header--spl-creators {
  font-size: 18px;
  line-height: 27px;
  color: #797874;
  border-bottom: 1px solid #ddd;
  text-align: center;
  background-color: #fff;
  box-sizing: border-box;
  padding: 60px 0; }
  .collection-header h1,
  .collection-header--spl-creators h1 {
    margin-bottom: 20px;
    color: #252a2e;
    font-weight: 500;
    font-size: 32px;
    line-height: 32px; }
  .collection-header--spl-creators {
    background-image: url(https://static-1.gumroad.com/res/gumroad/assets/collections/spl_creators/background_spl_teal-e85bd5120abfa0786b962bab03c993d0.jpg);
    background-size: 1000px;
    height: 200px;
    background-position: center; }
    .collection-header--spl-creators h1,
    .collection-header--spl-creators p {
      color: #fff; }
  .collection-header img,
  .collection-header--spl-creators img {
    margin-bottom: 30px;
    width: 100%; }

@media (max-width: 768px) {
  .collection-header {
    padding: 15px 0; }
    .collection-header h1 {
      font-size: 18px;
      margin: 0; }
    .collection-header p {
      font-size: 13px;
      line-height: 21px; }
    .collection-header--spl-creators {
      height: auto; } }
.collection-products {
  background: #efefe9;
  padding: 30px 0; }
  .collection-products .spl-badge-section {
    text-align: center;
    padding-bottom: 30px; }
    .collection-products .spl-badge-section img {
      height: 175px;
      width: 175px; }
  .collection-products hr {
    background: rgba(0, 0, 0, 0.1);
    display: block;
    height: 1px;
    margin: 100px auto 0;
    max-width: 150px; }
  .collection-products .spl-products-all h1 {
    color: #797874;
    font-weight: 500;
    font-size: 24px;
    padding-top: 60px;
    line-height: 30px;
    text-align: center; }
  .collection-products .spl-products-all hr {
    background: rgba(0, 0, 0, 0.1);
    display: block;
    height: 3px;
    margin: 30px auto 0;
    max-width: 200px; }
  .collection-products .learn-card--collection {
    text-align: center; }
    .collection-products .learn-card--collection .text {
      opacity: 0;
      -webkit-transition: opacity .3s ease-in-out;
              transition: opacity .3s ease-in-out; }
    .collection-products .learn-card--collection:hover {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
      .collection-products .learn-card--collection:hover .text {
        opacity: 1; }
  .collections-page .collection-products {
    background: none;
    padding: 0; }
    .collections-page .collection-products .learn-card--collection {
      width: 283px;
      display: inline-block;
      margin: 0 15px 30px; }
      .collections-page .collection-products .learn-card--collection .text h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }

@media (max-width: 768px) {
  .collection-products {
    padding: 15px 0; }
    .collection-products .line {
      display: none; }
    .collection-products .learn-card--collection {
      height: 200px; }
      .collection-products .learn-card--collection .text {
        opacity: 1; } }
.collection-footer-signup {
  background: #efefe9;
  border-top: 1px solid #ddd;
  padding: 60px 0;
  text-align: center; }
  .collection-footer-signup h3 {
    color: #797874;
    font-weight: 500;
    font-size: 24px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 30px; }

@media (max-width: 768px) {
  .collection-footer-signup {
    padding: 30px 0; }
    .collection-footer-signup h3 {
      font-size: 18px;
      margin-bottom: 15px; } }
.collections-page {
  background-color: #efefe9; }
  .collections-page.search-only {
    background-color: #fff; }
    .collections-page.search-only .collections {
      display: none; }
  .collections-page .collections-row {
    margin-top: 30px; }

.collections-search {
  background: inherit;
  padding-top: 30px;
  padding-bottom: 30px; }
  .collections-search .query {
    text-align: center; }
    .collections-search .query input {
      border-radius: 4px;
      font-size: 17px;
      line-height: 20px;
      background: #fff;
      border: 1px solid #ddd;
      color: #aaa;
      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;
      width: 400px;
      text-align: center;
      outline: none; }
  .collections-search .results {
    margin-top: 30px;
    text-align: center; }

.collections-no-search-padding {
  height: 30px; }

.small-product-lab-footer {
  z-index: 5; }

#charge .main-content h3 {
  margin-bottom: 15px; }
#charge .main-content .no-label {
  margin-top: 30px; }
#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;
    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; }

.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: #f5f5f5; }
    .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: #fff; }
    .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: #f5f5f5;
  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: #797874;
      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-663bf03ea2a98ad276de6c43e0d0630e.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-9834d8e915f430fd64f2b421f543ce27.png) no-repeat center center fixed;
  background-size: cover;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  color: #fff;
  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: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  color: #797874;
  font-size: 14px;
  max-height: 60px;
  position: relative;
  z-index: 9; }
  .mobile-apps-callout .left {
    width: 710px;
    line-height: 58px;
    text-indent: 85px; }
    .mobile-apps-callout .left img {
      position: absolute;
      max-width: 70px;
      left: 0;
      top: 50%;
      margin-top: -50px; }
    .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: #fff;
      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: #000;
        text-decoration: none; }
      .mobile-apps-callout .right a:active {
        top: 1px; }
  .mobile-apps-callout .gi-close {
    color: #ccc;
    font-size: 18px;
    margin-top: -10px;
    position: absolute;
    right: 20px;
    top: 50%; }
    .mobile-apps-callout .gi-close:hover {
      cursor: pointer;
      color: #aaa; }

@media screen and (max-width: 768px) {
  .mobile-apps-callout {
    display: none; } }
@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;
    pointer-events: none; }

.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-83eea5e3c478101225b6499ed6823d2f.svg); }

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

.icn-copy {
  background: url(https://static-1.gumroad.com/res/gumroad/assets/widgets/icon-copy-ab6f6d7855988523af50927fdca1164d.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 solid #fff;
    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: #fff;
      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-bf6665ca806a03e85d1449c00874994d.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-bf6665ca806a03e85d1449c00874994d.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: #fff;
    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) {
  *,
  :after,
  :before {
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch; }

  .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: 25px 15px; }
      #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 .sharing,
  #user_page #email-product-modal,
  #product_page .sharing,
  #product_page #email-product-modal {
    display: none !important; }

  #user_page .wrapper,
  #product_page .wrapper,
  #user_page .selected-product-wrapper {
    width: 100%;
    padding: 0 10px 1px;
    margin: 0;
    box-sizing: border-box; }
    #user_page .wrapper .powered-by-footer,
    #product_page .wrapper .powered-by-footer,
    #user_page .selected-product-wrapper .powered-by-footer {
      margin: 10px 0; }
    #user_page .wrapper .main-product-row,
    #product_page .wrapper .main-product-row,
    #user_page .selected-product-wrapper .main-product-row {
      margin-top: 62px; }
    #user_page .wrapper .product,
    #product_page .wrapper .product,
    #user_page .selected-product-wrapper .product {
      margin-bottom: 10px; }
      #user_page .wrapper .product .product-information,
      #product_page .wrapper .product .product-information,
      #user_page .selected-product-wrapper .product .product-information {
        padding: 10px; }
        #user_page .wrapper .product .product-information .want-container,
        #product_page .wrapper .product .product-information .want-container,
        #user_page .selected-product-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,
        #user_page .selected-product-wrapper .product .product-information .description-container,
        #user_page .selected-product-wrapper .product .product-information .want-container {
          float: none;
          width: 100%;
          border: 0;
          padding: 0;
          min-height: 0 !important; }
          #user_page .wrapper .product .product-information .description-container .variant-selection select,
          #user_page .wrapper .product .product-information .description-container .quantity-selector,
          #user_page .wrapper .product .product-information .description-container .pay-what-you-want-selection .link_price_wrapper,
          #user_page .wrapper .product .product-information .want-container .variant-selection select,
          #user_page .wrapper .product .product-information .want-container .quantity-selector,
          #user_page .wrapper .product .product-information .want-container .pay-what-you-want-selection .link_price_wrapper,
          #product_page .wrapper .product .product-information .description-container .variant-selection select,
          #product_page .wrapper .product .product-information .description-container .quantity-selector,
          #product_page .wrapper .product .product-information .description-container .pay-what-you-want-selection .link_price_wrapper,
          #product_page .wrapper .product .product-information .want-container .variant-selection select,
          #product_page .wrapper .product .product-information .want-container .quantity-selector,
          #product_page .wrapper .product .product-information .want-container .pay-what-you-want-selection .link_price_wrapper,
          #user_page .selected-product-wrapper .product .product-information .description-container .variant-selection select,
          #user_page .selected-product-wrapper .product .product-information .description-container .quantity-selector,
          #user_page .selected-product-wrapper .product .product-information .description-container .pay-what-you-want-selection .link_price_wrapper,
          #user_page .selected-product-wrapper .product .product-information .want-container .variant-selection select,
          #user_page .selected-product-wrapper .product .product-information .want-container .quantity-selector,
          #user_page .selected-product-wrapper .product .product-information .want-container .pay-what-you-want-selection .link_price_wrapper {
            margin-bottom: 10px; }
          #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,
          #user_page .selected-product-wrapper .product .product-information .description-container .product-info,
          #user_page .selected-product-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,
          #user_page .selected-product-wrapper .product .product-information .description-container:before,
          #user_page .selected-product-wrapper .product .product-information .description-container:after,
          #user_page .selected-product-wrapper .product .product-information .want-container:before,
          #user_page .selected-product-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,
        #user_page .selected-product-wrapper .product .product-information .product-info li span,
        #user_page .selected-product-wrapper .product .product-information .product-info li strong {
          padding: 0; }
      #user_page .wrapper .product .changed_mind_button,
      #product_page .wrapper .product .changed_mind_button,
      #user_page .selected-product-wrapper .product .changed_mind_button {
        float: left;
        margin: 15px 10px; }
    #user_page .wrapper .seller-main .profile-picture-holder img,
    #product_page .wrapper .seller-main .profile-picture-holder img,
    #user_page .selected-product-wrapper .seller-main .profile-picture-holder img {
      width: 48px;
      height: 48px;
      display: block; }

  #user_page .wrapper .seller-main .bio {
    color: #aaa;
    font-size: 17px;
    line-height: 30px;
    margin: 30px 0 0; }
  #user_page .wrapper .gridster {
    width: auto;
    position: relative;
    left: -10px; }
    #user_page .wrapper .gridster .product-row {
      width: 100%;
      height: 300px; }
  #user_page .wrapper #products {
    margin-top: 0;
    padding-bottom: 0; }
    #user_page .wrapper #products .product-row .product-name-container {
      opacity: 1 !important; }

  .selected-product-wrapper .product-row {
    margin: 10px auto;
    width: auto; }
    .selected-product-wrapper .product-row .purchase_form.multi-buy-form {
      left: 10px; }

  .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; }

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

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