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

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

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

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

.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 {
    -webkit-box-sizing: border-box;
            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; }

@-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); } }
.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;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  padding: 5px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          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;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  padding: 5px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          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; }

.or-section:before {
  background-color: #ddd;
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  top: 0;
  left: 50%; }
.or-section:after {
  width: 50px;
  height: 50px;
  display: block;
  background: #f8f8f8;
  border-radius: 50%;
  content: "or";
  color: #ddd;
  line-height: 50px;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  text-align: center; }

.hidden-text-for-emails {
  display: none;
  font-size: 1px;
  color: #efefe9;
  line-height: 1px;
  max-height: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden; }

.icn {
  background: url(https://assets.gumroad.com/assets/icons-3938f0d900f636eba9ed4a7a5251f826fad9086f535e44a5ee8228631ccb16ff.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://assets.gumroad.com/assets/guide/guide_sprite-f2d204e1105e8dc22fa4bbea84ecd954d4237c0a654ed5ae4ed721d9e34249ce.png) 0 0; }
    .icn.guide-icon.for_me {
      background-position: 0 -72px; }
    .icn.guide-icon.first_product {
      background-position: 0 -144px; }
    .icn.guide-icon.custom_delivery {
      background-position: 0 -216px; }
    .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://assets.gumroad.com/assets/jobs_sprite-c10bce1b5fd6f90afc3bc34d65e2a087ddad027b3b6b61c77625cf7515364690.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://assets.gumroad.com/assets/country_flags-443c90a176188fc9c7829f3095cbf672edb4caa5a56a4a63c15c9b5c32ef5a7f.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://assets.gumroad.com/assets/loading-14a877697a575fc4744952dbacbee6caa10fef1b93bdde497621ef48824a9860.gif) center;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom; }

.icn-logo {
  background: url(https://assets.gumroad.com/assets/logo-70cc6d4c5ab29be1bae97811585bc664524cd99897327ec47a67a76a6f69be91.svg);
  background-size: cover;
  display: inline-block;
  height: 20px;
  position: relative;
  width: 28px; }
  .icn-logo.wordmark {
    background: url(https://assets.gumroad.com/assets/wordmark_logo-7e44d3ab28fcd7a7cc7f992a38599b9a5968fc09ec1bdb32cb0b4291d3cd2bac.svg);
    height: 32px;
    width: 126px; }

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

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

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

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

.icn-switch {
  background: url(https://assets.gumroad.com/assets/switch-66b67ea63929c6dd9b8ddf19d1769632e71c2503114784ed4023053044426e8d.svg);
  background-size: contain;
  display: inline-block;
  width: 17px;
  height: 17px; }

@font-face {
  font-family: "GumIcons";
  src: url(https://assets.gumroad.com/assets/gumicons-04f6bd7c9f4b1d4462be594a256a6df8ec3758701666c7b6417399b0310e901b.eot);
  src: url(https://assets.gumroad.com/assets/gumicons-04f6bd7c9f4b1d4462be594a256a6df8ec3758701666c7b6417399b0310e901b.eot?#iefix) format("embedded-opentype"), url(https://assets.gumroad.com/assets/gumicons-88a061ee57995b0a5489fb43a0b4b3968903bff55b8d92fee120d36cb55cfa08.woff) format("woff"), url(https://assets.gumroad.com/assets/gumicons-0c711b8ec1c15fee8d70f83e686b5b4824a8acc2ca02ce2a6f574f31cf55e6bc.ttf) format("truetype"), url(https://assets.gumroad.com/assets/gumicons-48f56e46188442b8430f824f8a7fff784d80893e8ea230bf371b01aaf0a80cc8.svg#gumicons) format("svg");
  font-weight: normal;
  font-style: normal; }
.gi,
.check-list li:before,
.check-list--small li:before,
.check-list--bold li:before,
.check-list--full-width li:before,
.checkbox-list li:before,
.checkbox-list--horizontal li:before {
  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-bottom: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-chevron-bottom {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.gi-rainbow {
  background: url(https://assets.gumroad.com/assets/loading-rainbow-c21912609a55604afb296b7465239aa26c0fb8d3fc90c505b4976702e1b29077.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;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
          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: -apple-system, ".SFNSDisplay-Regular", "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;
    -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
            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 {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.4);
            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="disabled"], button[disabled=true],
  .button:disabled,
  .button.disabled,
  .button[disabled="disabled"],
  .button[disabled=true] {
    opacity: .6;
    cursor: not-allowed; }
    button:disabled:hover, button.disabled:hover, button[disabled="disabled"]:hover, button[disabled=true]:hover,
    .button:disabled:hover,
    .button.disabled:hover,
    .button[disabled="disabled"]:hover,
    .button[disabled=true]:hover {
      -webkit-box-shadow: none;
              box-shadow: none; }
  button.button-default,
  .button.button-default {
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
            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;
      -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
              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 {
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
      background: #eee;
      color: #797874; }
  button.button-primary,
  .button.button-primary {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
    background: #36a9ae -webkit-gradient(linear, left top, left bottom, from(#37adb2), to(#329ca0));
    background: #36a9ae linear-gradient(to bottom, #37adb2, #329ca0);
    border: 1px solid #2a8387; }
    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 {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3e5e9a, endColorstr=#385489, GradientType=0)";
    background: #3d5c96 -webkit-gradient(linear, left top, left bottom, from(#3e5e9a), to(#385489));
    background: #3d5c96 linear-gradient(to bottom, #3e5e9a, #385489);
    border: 1px solid #2e4672;
    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;
      border: 0; }
      button.button-social-facebook.button-plain:hover,
      .button.button-social-facebook.button-plain:hover {
        background: #365184;
        border: 1px solid #365184;
        border: 0; }
      button.button-social-facebook.button-plain:active,
      .button.button-social-facebook.button-plain:active {
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
                box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  button.button-social-twitter,
  .button.button-social-twitter {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5aaeee, endColorstr=#45a4ec, GradientType=0)";
    background: #55acee -webkit-gradient(linear, left top, left bottom, from(#5aaeee), to(#45a4ec));
    background: #55acee linear-gradient(to bottom, #5aaeee, #45a4ec);
    border: 1px solid #2795e9;
    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;
      -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;
        border: 0; }
      button.button-social-twitter.button-plain:active,
      .button.button-social-twitter.button-plain:active {
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
                box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  button.button-email,
  .button.button-email {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#272d31, endColorstr=#1d2124, GradientType=0)";
    background: #252a2e -webkit-gradient(linear, left top, left bottom, from(#272d31), to(#1d2124));
    background: #252a2e linear-gradient(to bottom, #272d31, #1d2124);
    border: 1px solid #0e1012; }
    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;
      border: 0; }
      button.button-email.button-plain:hover,
      .button.button-email.button-plain:hover {
        background: #1a1d20;
        border: 1px solid #1a1d20;
        border: 0; }
      button.button-email.button-plain:active,
      .button.button-email.button-plain:active {
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
                box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  button.button-paypal,
  .button.button-paypal {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3c7ec3, endColorstr=#3772b1, GradientType=0)";
    background: #3b7bbf -webkit-gradient(linear, left top, left bottom, from(#3c7ec3), to(#3772b1));
    background: #3b7bbf linear-gradient(to bottom, #3c7ec3, #3772b1);
    border: 1px solid #2f6298;
    font-size: 14px;
    padding: 10px 12px;
    font-weight: bold;
    text-shadow: 0 -1px 0 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;
      position: relative; }
    button.button-block .gi,
    button.button-block .icn,
    .button.button-block .gi,
    .button.button-block .icn {
      position: relative; }
    button.button-block .gi-external,
    .button.button-block .gi-external {
      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-danger,
  .button.button-danger {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cd2a41, endColorstr=#ba263b, GradientType=0)";
    background: #c92940 -webkit-gradient(linear, left top, left bottom, from(#cd2a41), to(#ba263b));
    background: #c92940 linear-gradient(to bottom, #cd2a41, #ba263b);
    border: 1px solid #9f2033; }
  button.button-plain,
  .button.button-plain {
    -webkit-box-shadow: none;
            box-shadow: none;
    text-decoration: none;
    text-shadow: none; }
  button.button-close,
  .button.button-close {
    -webkit-box-shadow: none;
            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;
      -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
              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: -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    margin-left: 5px; }
  button a,
  .button a {
    text-decoration: none; }
  button.showing-arrow .button-dropdown-indicator,
  .button.showing-arrow .button-dropdown-indicator {
    -webkit-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-in-series,
    .button.button-small.button-in-series {
      margin-right: 5px; }
    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%;
    -webkit-box-sizing: border-box;
            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://assets.gumroad.com/assets/remove_button-450a10032133b6c64a23b013908bf27580250091c79d637e44405871f8763c67.svg);
  background-size: contain; }
  .remove-button:hover {
    cursor: pointer; }

.stripe-connect {
  display: inline-block;
  margin-bottom: 1px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#28a0e5), to(#015e94));
  background-image: linear-gradient(#28a0e5, #015e94);
  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 1px;
  height: 30px;
  text-decoration: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .stripe-connect span {
    display: block;
    position: relative;
    padding: 0 12px 0 44px;
    height: 30px;
    background: #1275ff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7dc5ee), color-stop(85%, #008cdd), to(#30a2e4));
    background-image: linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    border-radius: 3px; }
    .stripe-connect span:before {
      content: "";
      display: block;
      position: absolute;
      left: 11px;
      top: 50%;
      width: 23px;
      height: 24px;
      margin-top: -12px;
      background-repeat: no-repeat;
      background-size: 23px 24px; }
  .stripe-connect:active {
    background: #005d93; }
    .stripe-connect:active span {
      color: #eee;
      background: #008cdd;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#008cdd), color-stop(85%, #008cdd), to(#239adf));
      background-image: linear-gradient(#008cdd, #008cdd 85%, #239adf);
      -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
              box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); }
  .stripe-connect.light-blue {
    background: #b5c3d8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b5c3d8), to(#9cabc2));
    background-image: linear-gradient(#b5c3d8, #9cabc2);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
    .stripe-connect.light-blue:active {
      background: #9babc2; }
      .stripe-connect.light-blue:active span {
        color: #556f88;
        text-shadow: 0 1px rgba(255, 255, 255, 0.8);
        background: #d7dee8;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d7dee8), to(#e7eef6));
        background-image: linear-gradient(#d7dee8, #e7eef6);
        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
                box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05); }
    .stripe-connect.light-blue span {
      color: #556f88;
      text-shadow: 0 1px rgba(255, 255, 255, 0.8);
      background: #f0f5fa;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f5fa), color-stop(85%, #e4ecf5), to(#e7eef6));
      background-image: linear-gradient(#f0f5fa, #e4ecf5 85%, #e7eef6);
      -webkit-box-shadow: inset 0 1px 0 #fff;
              box-shadow: inset 0 1px 0 #fff; }
      .stripe-connect.light-blue span:before {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAARfGZ1AAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAADIElEQVRIDbWVTWgTQRTHZ2Z3s5vdpsm2aZp+iKKNCgZsK4iWik0tClqwHozS9iYo4nfw0KNU8ebBm+JNESktBfEgWg+KB0FbiqhFMS1SKyk0lTY1zcd+jG82TSkNoXtoXngk+2bm92b/780EU0pRKWxwcJAjpQAzZrKqSigZ3G3ISsnguka8/FpZWrrOtwi8cI4jpJkiuodgTKAkhqbrC9lM5ms6o936/ObJ+7Vriv3GHFe/Cm8LX76nejwR2elEgsOBOI5DGD6UmpyuG750OtWuZbNLALMFp4axzYK3h690V6oVkXJ3ORJF0QITDIphQMHWTdNEqZSE3IroK7bT9XFMSG7n1T7vDaXMhWRZRhBcPw8ReAuHYVhJCwaLBGBPOc1FSdopSU4Lwuay3ve45FTfhdMfE8ll4U8srkxMTquLC4s/irAKwvDSiiWLw+HgeB40xkyHHHwu/lfouXZ7ePjhnafVlWptczAQhKFfbNyWYZTrc9XtikFjIOiOFSfIoAjyCfeP9kR+tp662AXAZ+AfbIFhEqUrAu8LNjw32SMksJLAwWVd4/V6UW1Njeqv9vW3n7n6JRQKrXbXRkkwMrE1OXyi7YFJcWDs29RxaBGetSDhCQKtkCiJVqHhOzhLyGOAdm8Ezo/ndxI923m4f3/jru8v346GpmPzTXCd5ZJA9/AcD8W2ZGPy2LY8nC0Y217vj17q7Xw3HZs79Gjg9c2sbkACMA4jSZJQRnJK7NGOUUSoBT/WG+mDWv4jFI8ih/ip4+DeqK5p16HpeVYDZjwkYBLZNYypacHravzhjKY3GXBQTPDxiSnkUVWkyMpqe0L9kbtMztiFw3TNgleoHqdOWRmhxtREBHR2CIKlM4sxM0yKAlv9UbtwqFnSggsAEggPx9t6LFgPlxfyV7oTvSc77hYMFgmAzHGLdqBp94vZ+aWFxUSyPpXRVN0wnHAEsMARw6VI6WBgS6yjpXEIOANFWAVhapozeOU/dAeMNoDXgXvAneCt4Anw3+CvwEfAbdvQyPiRvA6TsIr5phnc5zOF9+sm4XnBjJcMvsgtJ/8DyYLwNvinaNYAAAAASUVORK5CYII="); }
  .stripe-connect.dark {
    background: rgba(0, 0, 0, 0.5) !important; }
  .stripe-connect span:before, .stripe-connect.blue span:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAARfGZ1AAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAADQklEQVRIDbWVaUiUQRjHZ96dXY/d1fYQj1U03dJSw9YkFgy6DIkILRArQSSC7PjQjQQqVH7oQ0GHQUWgpQhKHzoNSqiUwpXcsrwIjzVtPVrzbPV9Z6bZhYV3N3WXYAeGmWeeZ37z8J95GEgpBf5oeXn1Es4fYAdzPDlM6je4RBYhR+LMU89UxiCBGiCgkUwsBYSA+SlPKLQBQAYEAZm+3j42K96z3NyOF7VOeMrp62opRcacjPW5+43rDTpNSKQ8QKZAEg7xmPCTs/O27uGJgXuNbW0pxyvLfTmAEBzthEsFZLxRvPdi5rpYo2cmUiQJDA4IVeo0obGdlvGfXUPj0Sym2zPuHxvzcWjDyVupJ/YYizKTGNjLw/HiduNTAqIRIUJ6Vpp+ky8bCSFgwQ2xgkGxFi1ioNWEBGuJB31gbLIv/2pd7SpFoGxtpCYkLSEq4ptlzIYFO7tc7w0TKkeEYg5ADnrWkkYhD8s26GPq3nW0WKxTptftPYBI4Mj3O2fHvKNZBMVSDmMwarXNjDkSF3d5kExZeiCr8M2VI+VFu9IvsPcYtzAvkfoEZkEEE45jMppq3ppbCNPFIY1nD1cpo07lbMmvOXeoDCF8BLKy9uUAAjDkBh+c6bz78mNtVVP7MwET7JBnqb4xXpdWVpC1OVzWn+ELHLCsneX/s7rkRWl1463cy1U3WroG21jhCGKJXPOtKQnpAuENvsAppgDB3TcDVIrpDHbK5Kd+y7W8iodNybHh22rOHyxUK+UaMYjZaoyp25rYL54TSihSKmwZ14v3lc3ZFxdbeywjn/tGJnkmzrydX1ApxOEACKymmXLYfXVpi1JMEOGxPi1ep18doY4r2J7uFumQQ9yGf01bMcZW8dpyc0oIjxxpuC5wuUDX+ovWrnYeg3aXvdLIqnmOvXPsfH6uA5YbTb1DX8ofvTLzTy6ZV4K6fAw+gXiATfdffmjeaUgc1UdpdWplsCooQBrEnqUw82dhdnjit/Vxc4f59tP3DRjzJvYteqrl4rmNlJIfrOwpgNklesDRNQBCHYtQAQqD2CgACNjHAJnG1EyfV/S67fZiJB5t2OGEe4n7L3fS4fpEv/2hUEATfoPbuam5v8N7nps70YTbAAAAAElFTkSuQmCC"); }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .stripe-connect span:before,
  .stripe-connect.blue span:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAwCAYAAABuZUjcAAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAAIbklEQVRoBdVZa5BURxU+fZ9z57mzs7PvF4i7srAQSCifMVDERC0jYlzUlJalKeGPlCnL/NEfywpWacoiVZRVJIYfGjGUu5bxj5qHFSAYyQOBEsJzYSHDvnd2dp535j66PX1vNgsULDPs1cr2Vs+9e7v79NfnnnP663MJYwwWYxEWI2iOedEClxabxgkBwjEvOuA9PQOOlSw64JMr4vK8GidYYMcOES4tVSEAAZ8FAUqon1GiAJEEEG0CjFB8cTaxZUMAo1gEqQA0UABprAjPbrUwXnkesgqKP8CBk5vDIenrE+BKmwI+MawA1MbCkdV10cBDflXuVmSxQRbFkCAQZ9U2ZTaONyxKcyXDHjMs83ImV3rz6njmDRPMUZB80zAJOuvvsflkXpTP7DrWyeXcYCqk75AEieawrEoty1vrvlcV0ja3VQdb1rVUQVd9EFqqNIj5ZfDJooPBsCnohq2ldDMynC42XZnW7z09lu25lMxDMl34y0gyvTsBwyewc84Z4MEPpWIzF/MBcLLtNzJISmxZU+PmWETbtqGzfvVja5uguyF02+kCIEJUk6Ex4oMV9XP9ZnQT/nZ24it7XrtoJ5LZ7SjAM+Bg2+0ckAOcbBkQIaZFVzY1bGurjezYfn87PNQZ5+13ZaQRXMzH26Lg8ymfUokQdAR59INOc53GQ6q/Jiiua6oJ7+h9uAPua47cHeLrwHEmQRmTGLHV6x4v+JYwWsOFCGRDn6RKem1rPPrkN9Y0uqAXLN4VwCgjYGEE8rBgMAjwKsF9S9WgLa9qjYcf+Po9jXdlGrfC5Wj8Vg0Lf+ZENAFmpGB9TWTLhmUxUD1UDg/gtudRnK+a4RtkgqQyO+RT5LVrmiLgJcN19gcGNojUWriS5yRQm7pcBTc/vyCKdW1RrWwzOTiYhGf+dRUmcgZosgDVfgWaMCS2V2tO+OzG0MiVjdUwiFiYm9a7O4kJAoZEooV9H4T0O0ofODkKr5+6+nY6V3heVZQpv6ZWaz55qSJJnXjtUBW5pT7k8xeK5u+B0PQdBVbQgTLq9HbQYthyNVSmTT6A/nB0aGpF0K99+trY1F7TNI9PZGXkKUVRtYjGZCIOV1dHR4Ynz8FSLV8BrjK6uiAlpLcmco1ipmgpAaU8rfesboCuumBg31uJbx6+qH0uX9D/em0i85xFhaslKZKA8/82RtYDhd/1MkCuBnjxrLgKB0EQSb5oWO+9O1bZrsy3+Kc3dcH+b99b07NuyXe6P9r8z/am+C9lkuqCjo4qGGkQES76qJcuz/2GOlUoFuVsQS+98frlaSeq8Gkqqctrg7Dz853wwrfugUfXtj3W3tJ8oCletRUEXy1SCSSYHhdu41gFqILcZCrzwkvnJmE0U3JtHefiL7eS2l7th11f7IQ9j65aVh+r+nlzbd2TELJrHPLmIXZX3wyBX8MTQMm8PJ0u9Pe9chGQYy9omvXouHu/thJqI+Ef1sZDm0AMBmfPiQsSPDuY2zhWwSH5ISU5Pjm98x9nRo7+7JVBB3wl5nJz35Vo/z/esBQUVf2+QlkD9Aw42/Ts3Au7ushdAhQ5UzJoOjE+OrV9/1tDR7cNnIax7N2bDX9nm1bUQXdz9Rp/MLwRoqAtDOzcaO7rvDrAWW8vhcatWVNjF6cmJre9embkz1947h3YfXgIUgVzblQldxgFH0ZOr/qULwM15k4Zlci4Vd9ZU5ltY71oObHBnBFQBidmUk8kEsOP7Hntwqsb974NfS8PAh7LKoo23Hw+2R4FQcSzKlDPgFOEyf8kx3HW94kQ7xJgRRdAJG7CyIWxgiXNUN0+k5nJLN83k3n8D8eHN3+1ux5+8uBHIKiWt1G1Rn3IJkiUCcQzU3G0h9qWHMeJdoSrwtr9dl6I6DNjFwRRyxiKnStSqkPJPsGSmZ+mp1P9z2dzOy3Klj31yMdmX9S8V75APEsomMZwT9fz9i6vkW9AvEgQyqrBQM2Dq9rrD0gCgXfHA0jpjIRm2Zcw+3CR2tZl27SnMZFSZ1lWcRwZITeDckresAEXaoKwwBh7/WQubgTOQj5BVjdv7KiBJz7bztMNcHIk03JiONNyfiK/ntv2VMHAMx6BjpoA/Gj9Emdjul7W7e6TeQNDK9WJLRm361P5c1drEmAaymaYoXpfjZoiOk7FHWuh5dxEHmzLHiXM9oyTz9FawRZw65f5yyzXBMpd0JGhFKB5nSwRMVvumDv2cxm4m1f5X4AuWhRePDUOtqEPQJVVGfWcBz1ahmPlTlxzqaJLquYZU1HTvjcTMD6dOULM0n+g5nKposHzdWbo7FgEkDBviWlYx++53XtQ33kvDU8dHAJm6L8usdwEZn09S3qiPed5lcCSLUpI0eEA8620zLbDl6bh8T+egkI+/7Rl6kegcTSPst1QUKaM+brhrjnF2yUQJNxnrGMnR7KbTw5nYFVjyAl98w2+VdvVlA67Dw3BgROjAKa+yyrpz0BKTbJnez1NT6AKrrnA1bEi1av2v3xaiL90dnxL2Kc0rsXc4WpcQEc8AEtiGrRiejmK6WWeMDIxtVwwKExijB5KFuBYIg1cy8dx0dTQ/yQVc78yBXMIqJ5i/VvvkqHdSjXuM/THKy7w2LQJ6fpJms38QiHGvlzBt+RwJv2JQ2elbjyRtjIi1AIRMAsKPuQduHVzr2YW+kIBE5BTwOzzxLKOiMX8QVuWh00IpqD+S0WHtLlzefpLBOZo/IYvEqQPnTX5dxmy4xookqaCjRuT4mMi8g3bxs2KCkj3GFj4+QSzA0RkeskU8iCJeUiBDv09Jt8OPEV6k7DlP3gxxh/dAPymPh/Kf5d897dIOd9P7H8oEd4G1JV8wPGbRadx52sgLmrRAZ99EZ5+LZgV+v+4Llrg/wX6HRCxgvzAAwAAAABJRU5ErkJggg=="); }

  .stripe-connect.light-blue span:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAwCAYAAABuZUjcAAAKRGlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUFNcXx9/MbC+0XZYiZem9twWkLr1IlSYKy+4CS1nWZRewN0QFIoqICFYkKGLAaCgSK6JYCAgW7AEJIkoMRhEVlczGHPX3Oyf5/U7eH3c+8333nnfn3vvOGQAoASECYQ6sAEC2UCKO9PdmxsUnMPG9AAZEgAM2AHC4uaLQKL9ogK5AXzYzF3WS8V8LAuD1LYBaAK5bBIQzmX/p/+9DkSsSSwCAwtEAOx4/l4tyIcpZ+RKRTJ9EmZ6SKWMYI2MxmiDKqjJO+8Tmf/p8Yk8Z87KFPNRHlrOIl82TcRfKG/OkfJSREJSL8gT8fJRvoKyfJc0WoPwGZXo2n5MLAIYi0yV8bjrK1ihTxNGRbJTnAkCgpH3FKV+xhF+A5gkAO0e0RCxIS5cwjbkmTBtnZxYzgJ+fxZdILMI53EyOmMdk52SLOMIlAHz6ZlkUUJLVlokW2dHG2dHRwtYSLf/n9Y+bn73+GWS9/eTxMuLPnkGMni/al9gvWk4tAKwptDZbvmgpOwFoWw+A6t0vmv4+AOQLAWjt++p7GLJ5SZdIRC5WVvn5+ZYCPtdSVtDP6386fPb8e/jqPEvZeZ9rx/Thp3KkWRKmrKjcnKwcqZiZK+Jw+UyL/x7ifx34VVpf5WEeyU/li/lC9KgYdMoEwjS03UKeQCLIETIFwr/r8L8M+yoHGX6aaxRodR8BPckSKPTRAfJrD8DQyABJ3IPuQJ/7FkKMAbKbF6s99mnuUUb3/7T/YeAy9BXOFaQxZTI7MprJlYrzZIzeCZnBAhKQB3SgBrSAHjAGFsAWOAFX4Al8QRAIA9EgHiwCXJAOsoEY5IPlYA0oAiVgC9gOqsFeUAcaQBM4BtrASXAOXARXwTVwE9wDQ2AUPAOT4DWYgSAID1EhGqQGaUMGkBlkC7Egd8gXCoEioXgoGUqDhJAUWg6tg0qgcqga2g81QN9DJ6Bz0GWoH7oDDUPj0O/QOxiBKTAd1oQNYSuYBXvBwXA0vBBOgxfDS+FCeDNcBdfCR+BW+Bx8Fb4JD8HP4CkEIGSEgeggFggLYSNhSAKSioiRlUgxUonUIk1IB9KNXEeGkAnkLQaHoWGYGAuMKyYAMx/DxSzGrMSUYqoxhzCtmC7MdcwwZhLzEUvFamDNsC7YQGwcNg2bjy3CVmLrsS3YC9ib2FHsaxwOx8AZ4ZxwAbh4XAZuGa4UtxvXjDuL68eN4KbweLwa3gzvhg/Dc/ASfBF+J/4I/gx+AD+Kf0MgE7QJtgQ/QgJBSFhLqCQcJpwmDBDGCDNEBaIB0YUYRuQRlxDLiHXEDmIfcZQ4Q1IkGZHcSNGkDNIaUhWpiXSBdJ/0kkwm65KdyRFkAXk1uYp8lHyJPEx+S1GimFLYlESKlLKZcpBylnKH8pJKpRpSPakJVAl1M7WBep76kPpGjiZnKRcox5NbJVcj1yo3IPdcnihvIO8lv0h+qXyl/HH5PvkJBaKCoQJbgaOwUqFG4YTCoMKUIk3RRjFMMVuxVPGw4mXFJ0p4JUMlXyWeUqHSAaXzSiM0hKZHY9O4tHW0OtoF2igdRzeiB9Iz6CX07+i99EllJWV75RjlAuUa5VPKQwyEYcgIZGQxyhjHGLcY71Q0VbxU+CqbVJpUBlSmVeeoeqryVYtVm1Vvqr5TY6r5qmWqbVVrU3ugjlE3VY9Qz1ffo35BfWIOfY7rHO6c4jnH5tzVgDVMNSI1lmkc0OjRmNLU0vTXFGnu1DyvOaHF0PLUytCq0DqtNa5N03bXFmhXaJ/RfspUZnoxs5hVzC7mpI6GToCOVGe/Tq/OjK6R7nzdtbrNug/0SHosvVS9Cr1OvUl9bf1Q/eX6jfp3DYgGLIN0gx0G3QbThkaGsYYbDNsMnxipGgUaLTVqNLpvTDX2MF5sXGt8wwRnwjLJNNltcs0UNnUwTTetMe0zg80czQRmu836zbHmzuZC81rzQQuKhZdFnkWjxbAlwzLEcq1lm+VzK32rBKutVt1WH60drLOs66zv2SjZBNmstemw+d3W1JZrW2N7w45q52e3yq7d7oW9mT3ffo/9bQeaQ6jDBodOhw+OTo5ixybHcSd9p2SnXU6DLDornFXKuuSMdfZ2XuV80vmti6OLxOWYy2+uFq6Zroddn8w1msufWzd3xE3XjeO2323Ineme7L7PfchDx4PjUevxyFPPk+dZ7znmZeKV4XXE67m3tbfYu8V7mu3CXsE+64P4+PsU+/T6KvnO9632fein65fm1+g36e/gv8z/bAA2IDhga8BgoGYgN7AhcDLIKWhFUFcwJTgquDr4UYhpiDikIxQODQrdFnp/nsE84by2MBAWGLYt7EG4Ufji8B8jcBHhETURjyNtIpdHdkfRopKiDke9jvaOLou+N994vnR+Z4x8TGJMQ8x0rE9seexQnFXcirir8erxgvj2BHxCTEJ9wtQC3wXbF4wmOiQWJd5aaLSwYOHlReqLshadSpJP4iQdT8YmxyYfTn7PCePUcqZSAlN2pUxy2dwd3Gc8T14Fb5zvxi/nj6W6pZanPklzS9uWNp7ukV6ZPiFgC6oFLzICMvZmTGeGZR7MnM2KzWrOJmQnZ58QKgkzhV05WjkFOf0iM1GRaGixy+LtiyfFweL6XCh3YW67hI7+TPVIjaXrpcN57nk1eW/yY/KPFygWCAt6lpgu2bRkbKnf0m+XYZZxl3Uu11m+ZvnwCq8V+1dCK1NWdq7SW1W4anS1/+pDa0hrMtf8tNZ6bfnaV+ti13UUahauLhxZ77++sUiuSFw0uMF1w96NmI2Cjb2b7Dbt3PSxmFd8pcS6pLLkfSm39Mo3Nt9UfTO7OXVzb5lj2Z4tuC3CLbe2emw9VK5YvrR8ZFvottYKZkVxxavtSdsvV9pX7t1B2iHdMVQVUtW+U3/nlp3vq9Orb9Z41zTv0ti1adf0bt7ugT2ee5r2au4t2ftun2Df7f3++1trDWsrD+AO5B14XBdT1/0t69uGevX6kvoPB4UHhw5FHupqcGpoOKxxuKwRbpQ2jh9JPHLtO5/v2pssmvY3M5pLjoKj0qNPv0/+/tax4GOdx1nHm34w+GFXC62luBVqXdI62ZbeNtQe395/IuhEZ4drR8uPlj8ePKlzsuaU8qmy06TThadnzyw9M3VWdHbiXNq5kc6kznvn487f6Iro6r0QfOHSRb+L57u9us9ccrt08rLL5RNXWFfarjpebe1x6Gn5yeGnll7H3tY+p772a87XOvrn9p8e8Bg4d93n+sUbgTeu3px3s//W/Fu3BxMHh27zbj+5k3Xnxd28uzP3Vt/H3i9+oPCg8qHGw9qfTX5uHnIcOjXsM9zzKOrRvRHuyLNfcn95P1r4mPq4ckx7rOGJ7ZOT437j154ueDr6TPRsZqLoV8Vfdz03fv7Db56/9UzGTY6+EL+Y/b30pdrLg6/sX3VOhU89fJ39ema6+I3am0NvWW+738W+G5vJf49/X/XB5EPHx+CP92ezZ2f/AAOY8/wRDtFgAAAHH0lEQVRoBdVZ628UVRS/857dme3strvblpaXCiI+WkCkpFAoECAgr0oqxASjiAZMiF9MiI80/AfqB+WD3/xABOMrKCgRJCBSLCACQUEIEai8ywJ97GNm/J3ZbizM7C7trpG9m7N39t5z7/2dM+eec+5dzrZtVoqFL0XQhLlkgYulpnGOYxxhLjngW7Zsdayk5IB3RyJSSWrcMP1aSQJPJfnwoIA3LFhTy3hrAdx+IzbIOMbsGkQAR3pM1Icdcxv1ZZtxf+D5OGPm3vbJo4/YbW0WLVSswglCLc3F5QtAzyx6ZbbA7Hc5jp8hCAIj4nmecTy2NyRwCqShOEZzWZbFTMtkpmky27Ku2Da36cC2j9vSjIV/b93RsZpmybo5n2htlct6yz6SReFlWZaZIitMURRGz6IkMoEXHPAOFAewnQacSrFkMsUSiTgoEU0kk4vBUzTgHM87GvcE3traKgTjxleyT5mvaTrTdY2pqo9JBNjReBp0v0sFLtI4tA2ClqFtIpPF43EIEdcd4Yr0hSWy23hnIvi2T/PPDwaDLBAIMFVRmSACbMY0XCDSImTCsOOvYDr0hqxUQnGxF9AA4/T2Ks2LXwsD9Iby8nIWNIJMVmTGZwWcAwFW4AWIYmfEycE7mC6OZfHjqviCYZT5gobhaIw24VALjRz6aO9Vsdm9I6eu6XN1mIcC8+ALAO0sS28qvY43iiG0csxydOHanJqm1ZFNk8vLp67hVeHjLfMbvx9ZHY7Fbvco17pi2vlL1youXemKXLh8Y8SV610jelPJIcDLP8QFXJHlELm77BsxPaltW6xx4vgDo2uiN6klZOh9RGNG1VzHz1Ogn6j99LkLcaqLXVzA4acRnIS82k6lTLbjx/aqhgmPvglQMZAMItcXAkVAw4nGjKq9hbroxQVcVeVenuN9//po7zUpQp44ffbZOSvWb48nEhv3fr5pBzhJu6TxP0E/g6iUpavifrt8VUXIuEC27eyrHDVFTtoLiqo2SKK4vem5tQebWl5dwW3ceO+c/4nG712EwUaPIhDmRU5RtMwoY5FwhIXg83VNmyxJ6uamY5ePNbWsXVFc/bpncwFfMnvqN4oi3iRTyfXh+zVO0bUyGmXRykpWXkEC6ONlWdo8c/m6L+atWpXJHt0rF9jiAq7rvpPzGuu/hqlYjjskr5mFKDiRB/Ijtw8FQywaibJKCEBvwOf3L032lf0wbcnqQIEYPYe7gIPrRPPU+kONk8Z/jVAPb38fH0gpiiLA+lgwaDgCRMJhJGf6FFXV3vNcucBGL+Am5ty2dM6UjkWzp3ziU+Vb+TZqpp9yGhLADwFCoXKYTgVD3vPSrBXr6wrE6RruBZyYzoK+nT7psdMb1rS8P+Hxh3bKstiT19X0S4CcGSmDzAzkO9gDHHL5510rF9jg8uMD5juC55jfry5aubBpb+xOz8Fd+3+rO3bqr6ndvX0VA/i8HyEEHT4CeoAl4/GFYHrLm3Fordk0npmNNP8haJeh+7uWzW04+M665R9MmzT+S0kU+jImkq2mJE1RFab6fA9nJixWnUvjmTUoS6K84xfQU0i+piya9fRhjrftfR2/L3M8TobToxYFEScnqehu0QW8ufX1eoGXJPNy6Mju3W2pAVgSeO4AHQLV+SR5pIVES+CQ1+QolPeoqlr0RMsFXJTkpXDbbVxVV/eclW+04wjTDod4HGe907aQuiImOV7RfbXVVdWNeqCMCUpu4ORM4Zl6csg2pC4X8GHRsNbdl6BrBs1MpWbh4DuLrhvoEGzZODVJHA7GPOuLJ5iG0ELAchUcn5mh63/n4hlKnwt4bW11uCvW65x+cLXAkgkQDgMpXDtQRkhAydXRKQnJVTqq5liZTv/V0dDJHCyD6rIZT5mU+15Fgk36/X7n/oQ0beGawQTgtMZxT4UP2a1zt4I6n8bxPlLNU+u+GxS6HMwch43lBZzu+tHpXPaIPDRKWi2gPDKi6sDo2sqjBUxx91CbOWdBN6r+hCqfJu+ezfuXEfCdX7lw+k70nvDmGHwr7KSbRrmA9+POa7v5lgwHA2debJn5KSIvxQBnsXxj7qcfwe4a8bmAD4tWnLp6s7uzN2lWw33kdhkeK/lUpat+3Kg9C2ZMPIzuC6A9HmxDbsJeozndwNesXLCf2mO376gnz3TW4Jph2I3Y7cidnr7ynt54MJky/ZZli8jFTZHnE7Ikdmt+9Ua0wjg/bvSwM0+OHXER0ZV2PqULn4EGBjH8LKzgJH+OZnBpHG3kczuNgF7dUD/2DJ6JBlO6wLwP9OtgBt0vr22a3hrHBHQnQkSXlTWgahBlg+WgIMgHIoEpb6cdTvZ7A3QRRFruBDm+FnXRiyhZ3jY+YCXKLwgI0QNTYkKPt1d5YBBmAaJdver48bx/pWQZ/781wx06nq7kgGc0lu8ElOF74OqSBf4P9hj31KSAw4AAAAAASUVORK5CYII="); } }
.container {
  margin: auto;
  width: 940px; }

.column,
.columns {
  -webkit-box-sizing: border-box;
          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 {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
@media screen and (max-width: 768px) {
  .responsive .container {
    max-width: 730px; }
    .responsive .container .column,
    .responsive .container .columns {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
@media screen and (min-width: 992px) {
  .responsive .container {
    max-width: 940px; }
    .responsive .container .column,
    .responsive .container .columns {
      padding-left: 15px;
      padding-right: 15px; }
      .responsive .container .column .row,
      .responsive .container .columns .row {
        margin-left: -15px;
        margin-right: -15px; } }

.row,
.clearfix {
  zoom: 1; }

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

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

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

@media screen and (max-width: 480px) {
  .visible-xs {
    display: block !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-left-side {
  border-radius: 4px;
  position: absolute;
  z-index: 10;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), -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), 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 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-left-side {
    opacity: 1;
    pointer-events: all;
    -webkit-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-left-side:before,
  .tooltip--from-top-center:after,
  .tooltip--from-top-right:after,
  .tooltip--from-bottom-center:after,
  .tooltip--for-chart:after,
  .tooltip--from-left-side: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;
          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%;
          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;
          transform-origin: 85% 0; }
  .tooltip--from-top-right:before, .tooltip--from-top-right:after {
    left: auto;
    right: 16px;
    margin-left: -6px; }

.tooltip--from-left-side {
  -webkit-transform-origin: 0% 15%;
          transform-origin: 0% 15%; }
  .tooltip--from-left-side:before, .tooltip--from-left-side:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    top: 10px;
    left: -12px; }
  .tooltip--from-left-side:before {
    border-top-color: rgba(0, 0, 0, 0.1);
    margin-left: -1px; }
  .tooltip--from-left-side: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: -apple-system, ".SFNSDisplay-Regular", "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);
          transform: translate(0, 1800px) rotate(-45deg);
  -webkit-transition: -webkit-transform 1s ease-in;
  transition: -webkit-transform 1s ease-in;
  transition: transform 1s ease-in;
  transition: transform 1s ease-in, -webkit-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: -apple-system, ".SFNSDisplay-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 20px;
  background: #fff;
  border: 1px solid #ddd;
  color: #aaa;
  padding: 10px;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02);
          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://assets.gumroad.com/assets/loading-14a877697a575fc4744952dbacbee6caa10fef1b93bdde497621ef48824a9860.gif) no-repeat right 10px center; }

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

:-ms-input-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; }

.styled-checkbox-container {
  position: relative;
  min-height: 22px;
  line-height: 21px; }
  .styled-checkbox-container input[type="checkbox"] {
    display: none;
    left: -9999px;
    position: absolute;
    top: -99999px; }
    .styled-checkbox-container input[type="checkbox"]:checked ~ .checkbox-container .checked-state {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); }
    .styled-checkbox-container input[type="checkbox"]:checked ~ .checkbox-container .unchecked-state {
      opacity: 0;
      -webkit-transform: scale(0);
              transform: scale(0); }
  .styled-checkbox-container .checked-state,
  .styled-checkbox-container .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); }
  .styled-checkbox-container .checked-state {
    border-color: #30969b;
    background: #36a9ae;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  .styled-checkbox-container .unchecked-state {
    background: #fff;
    border-color: #ddd;
    display: block;
    height: 20px;
    width: 20px; }
  .styled-checkbox-container label {
    color: #aaa;
    font-size: 14px;
    padding-left: 32px;
    position: relative;
    top: 1px;
    width: 100%;
    z-index: 5; }
    .styled-checkbox-container label:hover {
      color: #9d9d9d;
      cursor: pointer; }

input.error,
select.error {
  border-color: #c04355 !important;
  -webkit-box-shadow: 0 0 3px rgba(200, 0, 0, 0.3) !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:-ms-input-placeholder,
  select.error:-ms-input-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: -apple-system, ".SFNSDisplay-Regular", "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://assets.gumroad.com/assets/select_dropdown_indicator_dark-0cc8315645bddaea5c584e22a20d0abfc956e643ae626752534a3df063df5a98.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://assets.gumroad.com/assets/select_dropdown_indicator_light-7fc7935101b8b1a300ffd5a8eab08f206b1f8469a0ca6c99f9c314af3e9b1bf9.png); }
  select option:disabled {
    color: #c04355; }

.tag-pill,
.discover-tag-bar li,
.filter-products-container .tag-pill {
  border-radius: 20px;
  float: left;
  padding: 4px 14px;
  font-size: 13px;
  display: inline-block;
  border: 1px solid #ddd;
  background: #fff;
  color: #797874;
  cursor: pointer;
  margin: 14px 14px 0 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  .tag-pill:hover,
  .discover-tag-bar li:hover,
  .filter-products-container .tag-pill:hover {
    border-color: #c4c4c4;
    text-decoration: none; }
  .tag-pill:active,
  .discover-tag-bar li:active,
  .filter-products-container .tag-pill:active {
    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset;
            box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset; }
  .tag-pill.selected,
  .discover-tag-bar li.selected,
  .filter-products-container .selected.tag-pill {
    color: #fff;
    background: #36a9ae;
    border-color: transparent; }

.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-gradient(linear, left top, right top, from(#f09d1f), color-stop(20%, #f09d1f), color-stop(20%, #f09d1f), color-stop(20%, #eb5d47), color-stop(20%, #eb5d47), color-stop(40%, #eb5d47), color-stop(40%, #cb3246), color-stop(60%, #cb3246), color-stop(60%, #cb3246), color-stop(60%, #962422), color-stop(80%, #962422), color-stop(80%, #208488));
  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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  max-width: 291px;
  padding: 15px;
  text-align: center;
  width: 100%; }
  .mobile-app-popover .mobile-app-popover-title {
    color: #252a2e;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px; }
  .mobile-app-popover .create-an-account-wrapper form input {
    width: 100px;
    vertical-align: bottom;
    margin-right: 10px; }
  .mobile-app-popover .back {
    color: #aaa;
    line-height: 10px;
    margin-top: 15px;
    display: inline-block; }
  .mobile-app-popover .sms-phone-number-entry-container .mobile-number-field {
    color: #252a2e;
    font-size: 14px;
    height: 40px;
    width: 100%; }
  .mobile-app-popover .sms-phone-number-entry-container .button-send-sms {
    margin-top: 10px;
    text-shadow: none; }
  .mobile-app-popover .sms-phone-number-entry-container .sms-send-status {
    position: absolute;
    right: 0;
    top: 47px; }
    .mobile-app-popover .sms-phone-number-entry-container .sms-send-status img {
      position: relative;
      top: 3px; }
  .mobile-app-popover .button-send-sms,
  .mobile-app-popover .button-sms {
    background: #36a9ae;
    text-shadow: none; }
    .mobile-app-popover .button-send-sms[disabled="disabled"],
    .mobile-app-popover .button-sms[disabled="disabled"] {
      background: #ddd;
      cursor: not-allowed;
      pointer-events: none; }
    .mobile-app-popover .button-send-sms:hover,
    .mobile-app-popover .button-sms:hover {
      background: #30969b; }
    .mobile-app-popover .button-send-sms:active,
    .mobile-app-popover .button-sms:active {
      -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
              box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15); }
  .mobile-app-popover .help-text {
    margin: 0 0 10px; }

.mobile-app-download-buttons {
  position: relative; }
  .mobile-app-download-buttons .button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    text-align: center; }
    .mobile-app-download-buttons .button:hover, .mobile-app-download-buttons .button:active {
      -webkit-box-shadow: none;
              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 {
      -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
              box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15); }
    .mobile-app-download-buttons .button-store i {
      margin-right: 5px; }

.open-in-app-landing-page {
  -webkit-box-sizing: border-box;
          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%);
            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 {
      -webkit-box-sizing: border-box;
              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 {
        -webkit-box-sizing: border-box;
                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 {
        -webkit-box-sizing: border-box;
                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: -145px;
    top: auto !important;
    position: fixed;
    bottom: 70px;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%; }
    #download-page .mobile-app-popover:before, #download-page .mobile-app-popover:after {
      -webkit-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://assets.gumroad.com/assets/tipsy-3304a8badd2de4475f2a71ed54b153623ba7b75f303ecc5dceb0be7569f010d4.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: #f8f8f8;
  border: 1px dashed #ddd;
  border-top-width: 0;
  -webkit-box-sizing: border-box;
          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 {
  -webkit-box-sizing: border-box;
          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://assets.gumroad.com/assets/header_bar-bd3be3db872f96368507899b9f29f6e4acdd64c84dfc132c2f7366924c900b52.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);
              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);
              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);
            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 {
  -webkit-box-sizing: border-box;
          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 {
      -webkit-box-sizing: border-box;
              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 {
  -webkit-box-sizing: border-box;
          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 {
  -webkit-box-sizing: border-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 {
    -webkit-box-shadow: inset 0 1px 2px rbga(0, 0, 0, 0.2);
            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;
  -webkit-box-sizing: border-box;
          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;
      -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
              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;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
          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://assets.gumroad.com/assets/colors-686a709cbf3ec583a5988b2dd63ed94f1434e430fe04b6395e0281471e9d440c.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://assets.gumroad.com/assets/colors-686a709cbf3ec583a5988b2dd63ed94f1434e430fe04b6395e0281471e9d440c.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://assets.gumroad.com/assets/colors-686a709cbf3ec583a5988b2dd63ed94f1434e430fe04b6395e0281471e9d440c.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 * {
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          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, left top, left bottom, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), to(#f4f4f4));
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
          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://assets.gumroad.com/assets/chosen-sprite-8aa69ee6b2376505578d758bfbbc52aec88fa5e591f1a7cabd8adfa80a7b613a.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://assets.gumroad.com/assets/chosen-sprite-8aa69ee6b2376505578d758bfbbc52aec88fa5e591f1a7cabd8adfa80a7b613a.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://assets.gumroad.com/assets/chosen-sprite-8aa69ee6b2376505578d758bfbbc52aec88fa5e591f1a7cabd8adfa80a7b613a.png) no-repeat 100% -20px;
  background: url(https://assets.gumroad.com/assets/chosen-sprite-8aa69ee6b2376505578d758bfbbc52aec88fa5e591f1a7cabd8adfa80a7b613a.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, left top, left bottom, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  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;
  -webkit-box-shadow: none;
          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://assets.gumroad.com/assets/chosen-sprite-8aa69ee6b2376505578d758bfbbc52aec88fa5e591f1a7cabd8adfa80a7b613a.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, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eeeeee));
  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;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          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, left top, left bottom, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  -webkit-box-shadow: 0 1px 0 #fff inset;
          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;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          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://assets.gumroad.com/assets/chosen-sprite-8aa69ee6b2376505578d758bfbbc52aec88fa5e591f1a7cabd8adfa80a7b613a.png) no-repeat -30px -20px;
  background: url(https://assets.gumroad.com/assets/chosen-sprite-8aa69ee6b2376505578d758bfbbc52aec88fa5e591f1a7cabd8adfa80a7b613a.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://assets.gumroad.com/assets/chosen-sprite@2x-1e349b80fba8c23b63656925fda8dfe3c5927b5d0d8a1672143416caacf460fb.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 {
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02);
            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; }

.new-york {
  background-color: #fff !important; }
  .new-york .new-york [data-custom-highlight-color] {
    background: #fff !important;
    border: solid 3px #000 !important;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    font-size: 13px; }
  .new-york body, .new-york body.new-york, .new-york body.shiny, .new-york body.news, .new-york body.goblet-of-fire {
    background-color: #fff !important; }
  .new-york .top-bar {
    display: none; }
  .new-york .wrapper *,
  .new-york .product-display *,
  .new-york .selected-product-wrapper * {
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .new-york .wrapper label,
  .new-york .wrapper p,
  .new-york .product-display label,
  .new-york .product-display p,
  .new-york .selected-product-wrapper label,
  .new-york .selected-product-wrapper p {
    font-family: csb, "Century Schoolbook", Georgia, serif; }
  .new-york .wrapper .product,
  .new-york .product-display .product,
  .new-york .selected-product-wrapper .product {
    border: 1px solid rgba(0, 0, 0, 0.15); }
  .new-york .wrapper .preview-shadow,
  .new-york .product-display .preview-shadow,
  .new-york .selected-product-wrapper .preview-shadow {
    background: #ddd;
    height: 1px; }
  .new-york .wrapper .products-left,
  .new-york .wrapper .product-price-tag,
  .new-york .product-display .products-left,
  .new-york .product-display .product-price-tag,
  .new-york .selected-product-wrapper .products-left,
  .new-york .selected-product-wrapper .product-price-tag {
    background: #000;
    color: #fff; }
  .new-york .wrapper .product-price-tag,
  .new-york .product-display .product-price-tag,
  .new-york .selected-product-wrapper .product-price-tag {
    padding: 10px;
    top: 10px;
    right: 10px; }
    .new-york .wrapper .product-price-tag:before,
    .new-york .product-display .product-price-tag:before,
    .new-york .selected-product-wrapper .product-price-tag:before {
      border-width: 0; }
  .new-york .wrapper .buy-form-main,
  .new-york .product-display .buy-form-main,
  .new-york .selected-product-wrapper .buy-form-main {
    background: #fff; }
    .new-york .wrapper .buy-form-main .envelope,
    .new-york .wrapper .buy-form-main .credit_card,
    .new-york .product-display .buy-form-main .envelope,
    .new-york .product-display .buy-form-main .credit_card,
    .new-york .selected-product-wrapper .buy-form-main .envelope,
    .new-york .selected-product-wrapper .buy-form-main .credit_card {
      background: #fff; }
    .new-york .wrapper .buy-form-main .envelope,
    .new-york .product-display .buy-form-main .envelope,
    .new-york .selected-product-wrapper .buy-form-main .envelope {
      padding-top: 0; }
  .new-york .wrapper .changed_mind_button,
  .new-york .product-display .changed_mind_button,
  .new-york .selected-product-wrapper .changed_mind_button {
    margin: 0; }

.shiny {
  background-color: #6e6e6e !important; }
  .shiny .shiny [data-custom-highlight-color] {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3fb0dc, endColorstr=#2ca8d8, GradientType=0)";
    background: #3baedb -webkit-gradient(linear, left top, left bottom, from(#3fb0dc), to(#2ca8d8));
    background: #3baedb linear-gradient(to bottom, #3fb0dc, #2ca8d8);
    border: 1px solid #2394c0;
    border: 0 !important;
    font-weight: bold;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  .shiny body, .shiny body.new-york, .shiny body.shiny, .shiny body.news, .shiny body.goblet-of-fire {
    background-color: #6e6e6e !important; }
  .shiny .top-bar {
    display: none; }
  .shiny .wrapper .product,
  .shiny .product-display .product,
  .shiny .selected-product-wrapper .product {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }
    .shiny .wrapper .product .products-left,
    .shiny .wrapper .product .product-price-tag,
    .shiny .product-display .product .products-left,
    .shiny .product-display .product .product-price-tag,
    .shiny .selected-product-wrapper .product .products-left,
    .shiny .selected-product-wrapper .product .product-price-tag {
      background: #ddd;
      color: #252a2e; }
    .shiny .wrapper .product .product-price-tag,
    .shiny .product-display .product .product-price-tag,
    .shiny .selected-product-wrapper .product .product-price-tag {
      text-shadow: 0 1px 0 #fff; }
      .shiny .wrapper .product .product-price-tag:before,
      .shiny .product-display .product .product-price-tag:before,
      .shiny .selected-product-wrapper .product .product-price-tag:before {
        border-right-color: #ddd; }
    .shiny .wrapper .product .product-information,
    .shiny .product-display .product .product-information,
    .shiny .selected-product-wrapper .product .product-information {
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#f2f2f2, GradientType=0)";
      background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f2f2f2));
      background: linear-gradient(to bottom, #fafafa, #f2f2f2);
      border-top: 1px solid #fff; }
      .shiny .wrapper .product .product-information .product-content,
      .shiny .product-display .product .product-information .product-content,
      .shiny .selected-product-wrapper .product .product-information .product-content {
        text-shadow: 0 1px 1px #fff; }
      .shiny .wrapper .product .product-information .product-info,
      .shiny .product-display .product .product-information .product-info,
      .shiny .selected-product-wrapper .product .product-information .product-info {
        -webkit-box-shadow: 0 1px 1px #fff;
                box-shadow: 0 1px 1px #fff; }
      .shiny .wrapper .product .product-information .product-description h1,
      .shiny .wrapper .product .product-information .product-description h2,
      .shiny .wrapper .product .product-information .product-description h3,
      .shiny .wrapper .product .product-information .product-description h4,
      .shiny .wrapper .product .product-information .product-description h5,
      .shiny .wrapper .product .product-information .product-description h6,
      .shiny .wrapper .product .product-information .product-description p,
      .shiny .product-display .product .product-information .product-description h1,
      .shiny .product-display .product .product-information .product-description h2,
      .shiny .product-display .product .product-information .product-description h3,
      .shiny .product-display .product .product-information .product-description h4,
      .shiny .product-display .product .product-information .product-description h5,
      .shiny .product-display .product .product-information .product-description h6,
      .shiny .product-display .product .product-information .product-description p,
      .shiny .selected-product-wrapper .product .product-information .product-description h1,
      .shiny .selected-product-wrapper .product .product-information .product-description h2,
      .shiny .selected-product-wrapper .product .product-information .product-description h3,
      .shiny .selected-product-wrapper .product .product-information .product-description h4,
      .shiny .selected-product-wrapper .product .product-information .product-description h5,
      .shiny .selected-product-wrapper .product .product-information .product-description h6,
      .shiny .selected-product-wrapper .product .product-information .product-description p {
        font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
        font-weight: normal; }
    .shiny .wrapper .product input,
    .shiny .product-display .product input,
    .shiny .selected-product-wrapper .product input {
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

.news {
  background-color: #f5f5f5 !important; }
  .news .news [data-custom-highlight-color] {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ca1c07, endColorstr=#b41906, GradientType=0)";
    background: #c51b07 -webkit-gradient(linear, left top, left bottom, from(#ca1c07), to(#b41906));
    background: #c51b07 linear-gradient(to bottom, #ca1c07, #b41906);
    border: 1px solid #941405; }
  .news body, .news body.new-york, .news body.shiny, .news body.news, .news body.goblet-of-fire {
    background-color: #f5f5f5 !important; }
  .news .top-bar {
    background: #f5f5f5; }
  .news .wrapper .product,
  .news .product-display .product,
  .news .selected-product-wrapper .product {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
    .news .wrapper .product h1,
    .news .wrapper .product h2,
    .news .wrapper .product h3,
    .news .wrapper .product h4,
    .news .wrapper .product h5,
    .news .wrapper .product h6,
    .news .product-display .product h1,
    .news .product-display .product h2,
    .news .product-display .product h3,
    .news .product-display .product h4,
    .news .product-display .product h5,
    .news .product-display .product h6,
    .news .selected-product-wrapper .product h1,
    .news .selected-product-wrapper .product h2,
    .news .selected-product-wrapper .product h3,
    .news .selected-product-wrapper .product h4,
    .news .selected-product-wrapper .product h5,
    .news .selected-product-wrapper .product h6 {
      font-family: Superclarendon, serif; }
    .news .wrapper .product p,
    .news .wrapper .product button,
    .news .wrapper .product .button,
    .news .wrapper .product select,
    .news .product-display .product p,
    .news .product-display .product button,
    .news .product-display .product .button,
    .news .product-display .product select,
    .news .selected-product-wrapper .product p,
    .news .selected-product-wrapper .product button,
    .news .selected-product-wrapper .product .button,
    .news .selected-product-wrapper .product select {
      font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; }
    .news .wrapper .product label,
    .news .product-display .product label,
    .news .selected-product-wrapper .product label {
      font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }
    .news .wrapper .product .product-price-tag,
    .news .product-display .product .product-price-tag,
    .news .selected-product-wrapper .product .product-price-tag {
      border-radius: 99px;
      background: #c51b07;
      color: #fff;
      padding: 12px;
      top: 20px;
      right: 20px; }
      .news .wrapper .product .product-price-tag:before,
      .news .product-display .product .product-price-tag:before,
      .news .selected-product-wrapper .product .product-price-tag:before {
        border-width: 0; }

.goblet-of-fire {
  background-color: #454545 !important; }
  .goblet-of-fire .goblet-of-fire [data-custom-highlight-color] {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ca1c07, endColorstr=#b41906, GradientType=0)";
    background: #c51b07 -webkit-gradient(linear, left top, left bottom, from(#ca1c07), to(#b41906));
    background: #c51b07 linear-gradient(to bottom, #ca1c07, #b41906);
    border: 1px solid #941405; }
  .goblet-of-fire body, .goblet-of-fire body.new-york, .goblet-of-fire body.shiny, .goblet-of-fire body.news, .goblet-of-fire body.goblet-of-fire {
    background-color: #454545 !important; }
  .goblet-of-fire .top-bar {
    display: none; }
  .goblet-of-fire .wrapper .product .product-main,
  .goblet-of-fire .wrapper .product .preview-container,
  .goblet-of-fire .product-display .product .product-main,
  .goblet-of-fire .product-display .product .preview-container,
  .goblet-of-fire .selected-product-wrapper .product .product-main,
  .goblet-of-fire .selected-product-wrapper .product .preview-container {
    background: #c51b07; }
  .goblet-of-fire .wrapper .product .product-info,
  .goblet-of-fire .product-display .product .product-info,
  .goblet-of-fire .selected-product-wrapper .product .product-info {
    border: 1px solid rgba(0, 0, 0, 0.4);
    background: rgba(0, 0, 0, 0.15); }
    .goblet-of-fire .wrapper .product .product-info .summary,
    .goblet-of-fire .product-display .product .product-info .summary,
    .goblet-of-fire .selected-product-wrapper .product .product-info .summary {
      color: #ccc; }
    .goblet-of-fire .wrapper .product .product-info li:not(:last-of-type),
    .goblet-of-fire .product-display .product .product-info li:not(:last-of-type),
    .goblet-of-fire .selected-product-wrapper .product .product-info li:not(:last-of-type) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
  .goblet-of-fire .wrapper .product .description-container h1,
  .goblet-of-fire .wrapper .product .description-container h2,
  .goblet-of-fire .wrapper .product .description-container h3,
  .goblet-of-fire .wrapper .product .description-container h4,
  .goblet-of-fire .wrapper .product .description-container h5,
  .goblet-of-fire .wrapper .product .description-container h6,
  .goblet-of-fire .product-display .product .description-container h1,
  .goblet-of-fire .product-display .product .description-container h2,
  .goblet-of-fire .product-display .product .description-container h3,
  .goblet-of-fire .product-display .product .description-container h4,
  .goblet-of-fire .product-display .product .description-container h5,
  .goblet-of-fire .product-display .product .description-container h6,
  .goblet-of-fire .selected-product-wrapper .product .description-container h1,
  .goblet-of-fire .selected-product-wrapper .product .description-container h2,
  .goblet-of-fire .selected-product-wrapper .product .description-container h3,
  .goblet-of-fire .selected-product-wrapper .product .description-container h4,
  .goblet-of-fire .selected-product-wrapper .product .description-container h5,
  .goblet-of-fire .selected-product-wrapper .product .description-container h6 {
    color: #fff;
    font-weight: normal; }
  .goblet-of-fire .wrapper .product .description-container p,
  .goblet-of-fire .product-display .product .description-container p,
  .goblet-of-fire .selected-product-wrapper .product .description-container p {
    color: #999; }

.preview-toggle input[type=checkbox] {
  position: absolute;
  left: -9999px; }
.preview-toggle + label {
  position: relative;
  display: inline-block;
  margin: -3px 5px;
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 5px 1px #9d9d9d;
          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;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
            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;
  -webkit-box-shadow: inset 0 0 5px 1px #36a9ae;
          box-shadow: inset 0 0 5px 1px #36a9ae; }
.preview-toggle:checked + label .inactive {
  left: 15px;
  -webkit-box-shadow: inset 0 0 0 1px #36a9ae, 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 0 1px #36a9ae, 0 2px 4px rgba(0, 0, 0, 0.2); }
.preview-toggle:checked ~ .active-label {
  color: #36a9ae; }

.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-tax-id,
.creator-details-fields--newsletter-opt-in,
.creator-details-fields--account-type,
.creator-details-fields--vertical {
  margin-bottom: 20px;
  font-size: 17px;
  position: relative; }
  .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-tax-id input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 4px; }
    .creator-details-fields--business-tax-id 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-tax-id input,
  .creator-details-fields--newsletter-opt-in input,
  .creator-details-fields--account-type input,
  .creator-details-fields--vertical input {
    border: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
            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-tax-id 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-tax-id 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;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-sizing: border-box;
            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-tax-id 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-tax-id 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-tax-id 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-tax-id .half,
  .creator-details-fields--newsletter-opt-in .half,
  .creator-details-fields--account-type .half,
  .creator-details-fields--vertical .half {
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            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-tax-id .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-tax-id .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-tax-id .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-tax-id .full,
  .creator-details-fields--newsletter-opt-in .full,
  .creator-details-fields--account-type .full,
  .creator-details-fields--vertical .full {
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            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-tax-id .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-tax-id .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-tax-id 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-tax-id .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-tax-id 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-tax-id .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-tax-id 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 .no-state,
  .creator-details-fields--contact-information .no-state,
  .creator-details-fields--business-contact-information .no-state,
  .creator-details-fields--full-ssn .no-state,
  .creator-details-fields--business-tax-id .no-state,
  .creator-details-fields--newsletter-opt-in .no-state,
  .creator-details-fields--account-type .no-state,
  .creator-details-fields--vertical .no-state {
    width: 66.667%; }
  .creator-details-fields .creator-details-inform,
  .creator-details-fields--contact-information .creator-details-inform,
  .creator-details-fields--business-contact-information .creator-details-inform,
  .creator-details-fields--full-ssn .creator-details-inform,
  .creator-details-fields--business-tax-id .creator-details-inform,
  .creator-details-fields--newsletter-opt-in .creator-details-inform,
  .creator-details-fields--account-type .creator-details-inform,
  .creator-details-fields--vertical .creator-details-inform {
    background: #fff;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #aaa;
    font-size: 13px;
    line-height: 18px;
    padding: 10px 15px;
    position: absolute;
    margin: 0;
    top: 68px;
    width: 100%; }
    .creator-details-fields .creator-details-inform.showing,
    .creator-details-fields--contact-information .creator-details-inform.showing,
    .creator-details-fields--business-contact-information .creator-details-inform.showing,
    .creator-details-fields--full-ssn .creator-details-inform.showing,
    .creator-details-fields--business-tax-id .creator-details-inform.showing,
    .creator-details-fields--newsletter-opt-in .creator-details-inform.showing,
    .creator-details-fields--account-type .creator-details-inform.showing,
    .creator-details-fields--vertical .creator-details-inform.showing {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); }

.creator-details--fields--photo-id-file-upload {
  position: static !important;
  top: 0 !important;
  left: 0 !important;
  padding: 12px 0 13px !important; }

.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;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              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: #36a9ae -webkit-gradient(linear, left top, left bottom, from(#37adb2), to(#329ca0));
        background: #36a9ae linear-gradient(to bottom, #37adb2, #329ca0);
        border: 1px solid #2a8387;
        color: #fff;
        content: "\e015"; }
  .creator-details-fields--newsletter-opt-in.thirty-day-challenge {
    padding-bottom: 0; }
    .creator-details-fields--newsletter-opt-in.thirty-day-challenge p {
      display: inline-block; }
      .creator-details-fields--newsletter-opt-in.thirty-day-challenge p a {
        text-decoration: underline;
        color: #36a9ae; }

.creator-details-fields--account-type {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  display: block;
  height: 60px;
  z-index: 4; }
  .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);
              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);
              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;
    -webkit-box-sizing: border-box;
            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: #36a9ae -webkit-gradient(linear, left top, left bottom, from(#37adb2), to(#329ca0));
      background: #36a9ae linear-gradient(to bottom, #37adb2, #329ca0);
      border: 1px solid #2a8387;
      border-radius: 50%;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              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);
                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;
    -webkit-box-shadow: 0 0 3px rgba(200, 0, 0, 0.3);
            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;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    height: 107px;
    position: relative;
    text-align: center;
    width: 14.285%; }
    .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%);
                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);
                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);
                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 {
      -webkit-box-sizing: border-box;
              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://assets.gumroad.com/assets/settings/noise-50a5f54610c24b6c9420fd132d8f0e023cdb77d9c51c5c6788d0eca869f09703.png) #fff;
  margin-bottom: 20px;
  position: relative; }
  .creator-details-input-card .stroke {
    background: #36a9ae;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.4);
            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://assets.gumroad.com/assets/settings/noise-50a5f54610c24b6c9420fd132d8f0e023cdb77d9c51c5c6788d0eca869f09703.png) #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
            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: 11px;
      margin-top: 15px; }

.orientation-tip,
.orientation-tip--alert,
.orientation-tip--bank-statement-preview {
  -webkit-box-sizing: border-box;
          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 {
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
              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;
      -webkit-box-sizing: border-box;
              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);
            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%;
            transform-origin: 0 50%; }
    .orientation-tip--bank-statement-preview.showing {
      opacity: 1;
      -webkit-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 {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          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;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 250px;
  padding: 20px;
  text-align: center; }
  .orientation-introduction img {
    width: 100px;
    height: 100px;
    display: block;
    background: #f8f8f8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            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);
          transform: translateX(-9999px); }
  .audience-welcome-header.showing,
  .audience-success-header.showing {
    opacity: 1;
    height: 115px;
    -webkit-transform: translateX(0);
            transform: translateX(0); }

.audience-username-form {
  margin: 0 auto;
  text-align: center;
  width: 420px; }
  .audience-username-form .username-input,
  .audience-username-form .call-to-action {
    opacity: 0;
    -webkit-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);
              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;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-sizing: border-box;
            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: #f8f8f8;
  -webkit-box-sizing: border-box;
          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: 50px 60px 30px; }

.orientation-pathway,
.orientation-pathway--choose,
.orientation-pathway--product {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  -webkit-transition: 1s -webkit-transform cubic-bezier(0.23, 1.5, 0.32, 1);
  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);
  transition: 1s transform cubic-bezier(0.23, 1.5, 0.32, 1), 1s -webkit-transform cubic-bezier(0.23, 1.5, 0.32, 1);
  width: 940px;
  position: relative; }
  .orientation-pathway .pathway,
  .orientation-pathway--choose .pathway,
  .orientation-pathway--product .pathway {
    background: #f8f8f8;
    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-icon {
  background-size: cover;
  display: block;
  height: 157px;
  margin: 15px auto 30px;
  width: 256px; }
  .orientation-icon.audience-pathway-icon {
    background-image: url(https://assets.gumroad.com/assets/orientation/audience-6a4a96da3e4968545e1b9d261ead90db131b6655a783975b6e01c033336c939c.svg); }
  .orientation-icon.product-pathway-icon {
    background-image: url(https://assets.gumroad.com/assets/orientation/product-ee4929ac849d1597881c4e59473a8dd5780114d2113da79e76f5a78bdf4a1b37.svg); }
  .orientation-icon.grow-icon {
    background-image: url(https://assets.gumroad.com/assets/orientation/grow-154d270450b024b8b3dce54cd6488a7321bfee6a23aa8e50b491c88589fec815.svg);
    height: 120px;
    width: 176px; }
  .orientation-icon.engage-icon {
    background-image: url(https://assets.gumroad.com/assets/orientation/engage-4e57984283c4d364711744a726150128cef9d8d3a449a2e2b727a8d9dac9fc56.svg);
    height: 94px;
    margin-bottom: 40px;
    margin-top: 30px;
    width: 163px; }
  .orientation-icon.sell-icon {
    background-image: url(https://assets.gumroad.com/assets/orientation/sell-10629db9d9a880eef51ac261290cc992ef377f4e70f7fb882fb28c80cbe5ca62.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; }

.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://assets.gumroad.com/assets/dashboard-sales-64f3fbd7a0161da78edbc7687726afd04a4da6f998834d9b89201a2ca2d952a0.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;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px dashed #ddd;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0 0 40px #e6e6e6;
            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 {
      -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset;
              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);
              transform: translateY(0%) rotate(90deg); }
    .analytics-box .analytics-toggle .type-toggle .by-product-multi.showing-popover .gi {
      -webkit-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 {
  -webkit-box-sizing: border-box;
          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 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 21px;
    padding-left: 24px;
    padding-right: 20px;
    position: relative;
    width: 33%;
    float: left;
    background: url(https://assets.gumroad.com/assets/funnel-icon-a1d9a21536c47701bc541fc995fecae19d8ad5d4260591d28aca591fc72ce509.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;
  -webkit-box-sizing: border-box;
          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 {
      -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset;
              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;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.02);
          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;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
  .release-date-container input[type=text] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
            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;
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0; }
    .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 {
  -webkit-box-sizing: border-box;
          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;
    -webkit-box-sizing: border-box;
            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;
      -webkit-box-shadow: 0 0 0;
              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;
        -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset;
                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://assets.gumroad.com/assets/calendar-icon-4a30d6050f3eb2fb14d8e682a699fff5a00b6800274910ebbe895c7067c2e467.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);
              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://assets.gumroad.com/assets/dashboard-audience-9e43ec21c0c22bed8c23bd13a3dac097ab08f9e43ef2227d4017d9982f68f44a.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;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 1px dashed #ddd;
      background: #fff;
      text-align: center;
      -webkit-box-shadow: 0 0 40px #e6e6e6;
              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 .positive-change,
        .audience-box .audience-quick-stats li h2 .negative-change,
        .audience-box .audience-quick-stats li h2 .no-change {
          font-size: 17px;
          display: inline; }
        .audience-box .audience-quick-stats li h2 .positive-change {
          color: #36a9ae; }
        .audience-box .audience-quick-stats li h2 .negative-change {
          color: #c04355; }
        .audience-box .audience-quick-stats li h2 .no-change {
          color: #ccc; }
      .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;
        -webkit-box-shadow: none;
                box-shadow: none;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .audience-box .audience-quick-stats .total-followers a:hover {
          border-color: #d0d0d0;
          -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px;
                  box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px; }
        .audience-box .audience-quick-stats .total-followers a:active {
          -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset;
                  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: 31px;
      line-height: normal; }
    .audience-box .follower-signup-sources-section h3,
    .audience-box .consumption-section h3 {
      font-size: 17px; }
  .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;
    overflow: hidden; }
    .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 {
      -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset;
              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);
              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 {
        -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset;
                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://assets.gumroad.com/assets/mobile-icon-2fa61d5d752bfeca6dc6e33b1fa78adf434e72056e6d488426fd06bd777a1743.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),
  .audience-box .consumption-section .watch-data path:nth-child(1),
  .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: 10px;
    display: inline-block; }
  .audience-box .consumption-section .no-data {
    opacity: .5; }
  .audience-box .consumption-section .consumption-table {
    margin: 50px 0 30px;
    width: 100%;
    border-collapse: collapse; }
    .audience-box .consumption-section .consumption-table tr {
      border-bottom: 1px solid #eee; }
      .audience-box .consumption-section .consumption-table tr:last-child {
        border-bottom: 0; }
      .audience-box .consumption-section .consumption-table tr.showing-chart {
        border-bottom: 0; }
    .audience-box .consumption-section .consumption-table .chart-row.loading-chart td {
      background: url(https://assets.gumroad.com/assets/big-loading-8da0ed579f874ed4a69b742dd3c7615e1bc86bb888e0ecc28239423a789bbb8b.gif) center no-repeat; }
    .audience-box .consumption-section .consumption-table .chart-row.loading-chart .consumption-y-axis,
    .audience-box .consumption-section .consumption-table .chart-row.loading-chart .product-file-chart-analytics {
      opacity: 0; }
    .audience-box .consumption-section .consumption-table .chart-row .consumption-y-axis {
      position: absolute;
      left: 0;
      width: 44px;
      height: 225px;
      border-right: 1px solid #ddd;
      text-align: right; }
      .audience-box .consumption-section .consumption-table .chart-row .consumption-y-axis span {
        font-size: 13px;
        color: #ddd;
        display: block;
        position: absolute;
        right: 0;
        padding-right: 10px; }
      .audience-box .consumption-section .consumption-table .chart-row .consumption-y-axis .bottom-label {
        bottom: 0; }
    .audience-box .consumption-section .consumption-table .chart-row .line {
      fill: none;
      stroke: #36a9ae;
      stroke-width: 2px; }
    .audience-box .consumption-section .consumption-table .chart-row .point {
      fill: #36a9ae;
      opacity: 1; }
    .audience-box .consumption-section .consumption-table th {
      font-size: 13px;
      text-align: left;
      padding-bottom: 15px;
      border-bottom: 1px solid #eee; }
      .audience-box .consumption-section .consumption-table th::-moz-selection,
      .audience-box .consumption-section .consumption-table th span::-moz-selection {
        background: transparent; }
      .audience-box .consumption-section .consumption-table th::selection,
      .audience-box .consumption-section .consumption-table th span::selection {
        background: transparent; }
      .audience-box .consumption-section .consumption-table th strong {
        font-weight: normal;
        font-size: 17px; }
      .audience-box .consumption-section .consumption-table th span {
        color: #aaa; }
      .audience-box .consumption-section .consumption-table th .sort {
        cursor: pointer; }
        .audience-box .consumption-section .consumption-table th .sort .sort-arrow {
          font-size: 77%;
          opacity: 0; }
        .audience-box .consumption-section .consumption-table th .sort.selected .sort-arrow {
          opacity: 1; }
    .audience-box .consumption-section .consumption-table tr:not(.chart-row) td {
      font-size: 13px;
      padding: 15px 0;
      width: 145px; }
      .audience-box .consumption-section .consumption-table tr:not(.chart-row) td.sorted {
        font-weight: bold; }
      .audience-box .consumption-section .consumption-table tr:not(.chart-row) td.name {
        width: 435px; }
        .audience-box .consumption-section .consumption-table tr:not(.chart-row) td.name i {
          font-size: 22px;
          width: 22px;
          text-align: center;
          margin-right: 15px;
          vertical-align: bottom;
          float: left;
          margin-top: 8px; }
        .audience-box .consumption-section .consumption-table tr:not(.chart-row) td.name .file-name {
          overflow: hidden;
          text-overflow: ellipsis;
          display: block;
          white-space: nowrap;
          width: 370px;
          margin-top: -5px; }
        .audience-box .consumption-section .consumption-table tr:not(.chart-row) td.name .product-name {
          color: #ccc;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: block;
          width: 350px;
          font-size: 12px; }
      .audience-box .consumption-section .consumption-table tr:not(.chart-row) td.consumption, .audience-box .consumption-section .consumption-table tr:not(.chart-row) td.mobile, .audience-box .consumption-section .consumption-table tr:not(.chart-row) td.downloads, .audience-box .consumption-section .consumption-table tr:not(.chart-row) td.totals {
        vertical-align: middle; }
      .audience-box .consumption-section .consumption-table tr:not(.chart-row) td:last-child {
        width: 70px;
        text-align: left; }
      .audience-box .consumption-section .consumption-table tr:not(.chart-row) td .percentage-container {
        border-radius: 8px;
        background-color: #eee;
        height: 8px;
        margin-right: 30px; }
        .audience-box .consumption-section .consumption-table tr:not(.chart-row) td .percentage-container .percentage-bar {
          border-radius: 8px;
          height: 8px;
          width: 8px;
          min-width: 8px;
          -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 .consumption-section .consumption-table tr:not(.chart-row) td.consumption .percentage-bar {
        background-color: #fdce71; }
      .audience-box .consumption-section .consumption-table tr:not(.chart-row) td.mobile .percentage-bar {
        background-color: #f27f6d; }
      .audience-box .consumption-section .consumption-table tr:not(.chart-row) td.downloads .percentage-bar {
        background-color: #36a9ae; }
  .audience-box .audience-popover--import {
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px;
            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;
      pointer-events: all;
      cursor: pointer; }
  .modals-container .modal-shadow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    pointer-events: none;
    -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: -1400px;
      left: 0;
      right: 0;
      background-color: #fff;
      background-image: url(https://assets.gumroad.com/assets/header_bar-bd3be3db872f96368507899b9f29f6e4acdd64c84dfc132c2f7366924c900b52.png);
      background-position: bottom left;
      background-repeat: repeat-x;
      background-size: 100% 5px;
      -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
              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: 60px; }
      .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 {
            -webkit-box-sizing: border-box;
                    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 {
        -webkit-appearance: none;
           -moz-appearance: none;
                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 18px 18px;
      padding: 0; }
      .gr-modals.gr-auth .gr-modal .create .terms {
        margin-top: 15px;
        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%;
        -webkit-appearance: none;
           -moz-appearance: none;
                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; } }
@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 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 {
  -webkit-box-sizing: border-box;
          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; }
  .gr-auth form .row {
    padding: 0 18px; }
    .gr-auth form .row.create {
      margin-top: 34px;
      margin-bottom: 34px;
      padding: 0 33px; }
      .gr-auth form .row.create p {
        float: left;
        max-width: 404px;
        margin-left: 3px;
        font-size: 14px; }
        .gr-auth form .row.create p.terms {
          margin-top: 3px; }
      .gr-auth form .row.create button {
        float: right;
        margin-top: 2px; }
    .gr-auth form .row.upgrade-optin {
      padding: 0; }
      .gr-auth form .row.upgrade-optin .option {
        border: 1px solid #ddd;
        border-width: 1px 0;
        border-bottom: 0;
        padding: 34px;
        font-size: 15px;
        overflow: hidden;
        cursor: pointer; }
        .gr-auth form .row.upgrade-optin .option:first-of-type {
          border-right-width: 1px; }
        .gr-auth form .row.upgrade-optin .option.active {
          -webkit-box-shadow: inset 0 1.5px 4px rgba(0, 0, 0, 0.1);
                  box-shadow: inset 0 1.5px 4px rgba(0, 0, 0, 0.1);
          background: #fafafa; }
        .gr-auth form .row.upgrade-optin .option .checkbox-container {
          position: absolute;
          left: 27px;
          top: 32px; }
        .gr-auth form .row.upgrade-optin .option h3 {
          color: #252a2e;
          font-size: 17px;
          margin-bottom: 25px; }
        .gr-auth form .row.upgrade-optin .option h3,
        .gr-auth form .row.upgrade-optin .option li {
          padding-left: 25px; }
.gr-auth .classic-auth {
  border-left: 1px solid #eee; }
.gr-auth .social-auth .button {
  -webkit-box-sizing: border-box;
          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 #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 {
  -webkit-box-sizing: border-box;
          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 input[type="password"] {
  margin-bottom: 0; }
.gr-auth .g-recaptcha {
  display: inline-block;
  float: right;
  margin: 18px 13px 0; }
.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 .merchant-migration-message {
    padding-top: 30px; }

.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;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02);
          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;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
            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 {
    -webkit-box-shadow: none;
            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);
          transform: scale(0);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), -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), 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 0.3s cubic-bezier(0.23, 1.5, 0.32, 1); }
  .bundle-circle-link.showing {
    opacity: 1;
    pointer-events: all;
    -webkit-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;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
            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;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), -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), 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 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  -webkit-transform-origin: 95% 0;
          transform-origin: 95% 0; }
  .bundle-tool-tip.showing {
    opacity: 1;
    pointer-events: all;
    -webkit-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;
            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);
          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, .buyer-bar-container.showing-recommendations {
    height: auto !important;
    bottom: 10px; }
  .buyer-bar-container.showing-bundle {
    min-width: 310px; }
  .buyer-bar-container .profile-picture.empty {
    background-image: url(https://assets.gumroad.com/assets/empty_profile_picture-ff9d9d0b46c9057337f3c173118d6dd4e6f798bc7f4e7fbad2314a1baede749b.jpg); }
  .buyer-bar-container .buyer-circle-link {
    display: block;
    float: right; }
  .buyer-bar-container .buyer-circle-link:hover .buyer-circle {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
  .buyer-bar-container .buyer-circle-link:active .buyer-circle {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
            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;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
            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);
            transform: scale(0);
    -webkit-transform-origin: 95% 0%;
            transform-origin: 95% 0%;
    pointer-events: none; }
    .buyer-bar ul.showing {
      opacity: 1;
      -webkit-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;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    height: auto; }
    #product_page .wrapper.showing-customization-bar,
    #user_page .wrapper.showing-customization-bar {
      -webkit-transform: translateY(65px);
              transform: translateY(65px);
      height: calc(100vh - 65px); }
      #product_page .wrapper.showing-customization-bar.showing-core-nav,
      #user_page .wrapper.showing-customization-bar.showing-core-nav {
        -webkit-transform: translateY(135px);
                transform: translateY(135px);
        height: calc(100vh - 135px); }
  #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;
          transform-origin: 50% 0;
  -webkit-box-shadow: none;
          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;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          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 {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          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;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            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;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    height: 213px;
    border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#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 {
        float: right;
        position: relative;
        margin: 9px 10px;
        font-size: 10px;
        -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.braintree-paypal-button {
          border: 1px solid #ddd;
          background: #eee;
          border-radius: 14px;
          width: 100px;
          height: 24px;
          color: #9a9a9a; }
          .credit_card_holder .credit_card .stripe-card-info .paypal.braintree-paypal-button:hover {
            cursor: pointer;
            -webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2), 0 0 1px 1px rgba(255, 255, 255, 0.2);
                    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2), 0 0 1px 1px rgba(255, 255, 255, 0.2); }
        .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 .paypal .alignment-helper {
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
        .credit_card_holder .credit_card .stripe-card-info .paypal .logo-pp-duplicated {
          height: 18px;
          margin-right: 2px;
          vertical-align: middle; }
        .credit_card_holder .credit_card .stripe-card-info .paypal .logo-paypal-duplicated {
          height: 17px;
          vertical-align: middle; }
      .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] {
      -webkit-box-sizing: border-box;
              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://assets.gumroad.com/assets/icons-3938f0d900f636eba9ed4a7a5251f826fad9086f535e44a5ee8228631ccb16ff.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://assets.gumroad.com/assets/icons-3938f0d900f636eba9ed4a7a5251f826fad9086f535e44a5ee8228631ccb16ff.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);
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
              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;
      -webkit-box-sizing: content-box;
              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;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      font-size: 11px;
      -webkit-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;
        -webkit-box-sizing: content-box;
                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;
  margin-bottom: 0; }

.customer-list-header {
  padding: 0;
  position: absolute;
  -webkit-transition: -webkit-box-shadow .3s ease-in-out;
  transition: -webkit-box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
  width: 100%;
  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 15px 0; }
  .customer-list-header.fixed {
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
            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 {
  margin-bottom: 20px;
  padding: 75px 0 0;
  position: relative; }
  .customers-tab .section-heading {
    padding: 15px 0; }
    .customers-tab .section-heading span {
      color: #797874;
      font-size: 13px;
      line-height: 27px;
      text-transform: uppercase; }
      .customers-tab .section-heading span small {
        color: #bdbdb5; }
  .customers-tab .customers-list {
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px;
            box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px;
    overflow: hidden;
    position: relative;
    margin: 0; }
  .customers-tab.loading {
    background: url(https://assets.gumroad.com/assets/big-loading-8da0ed579f874ed4a69b742dd3c7615e1bc86bb888e0ecc28239423a789bbb8b.gif) center no-repeat;
    min-height: 400px; }
  .customers-tab.empty {
    background: url(https://assets.gumroad.com/assets/empty-15834bbd7fe9d82a7b730214b3a5b3c5bfdd8945b3a9099753cee781fcca6a4a.png) bottom center no-repeat;
    min-height: 400px; }
    .customers-tab.empty .section-heading {
      display: none; }
  .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: #f8f8f8; }
    .customers-tab .customer.showing-drawer {
      background: #f5f5f5; }
    .customers-tab .customer .identifier,
    .customers-tab .customer .product-name,
    .customers-tab .customer .time-and-price {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .customers-tab .customer .product-name {
      width: 390px;
      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 {
    -webkit-box-sizing: border-box;
            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 {
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
              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;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px;
          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: 362px;
  z-index: 9;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), -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), 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 0.3s cubic-bezier(0.23, 1.5, 0.32, 1); }
  .customer-popover.showing,
  .showing.customer-popover--import,
  .showing.customer-popover--export,
  .showing.customer-popover--filter,
  .showing.customer-popover--search,
  .showing.schedule-update-popover {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scale(1);
            transform: scale(1); }
  .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;
    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;
    padding: 10px; }
    .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-block,
  .customer-popover--import .button-block,
  .customer-popover--export .button-block,
  .customer-popover--filter .button-block,
  .customer-popover--search .button-block,
  .schedule-update-popover .button-block {
    width: 100%; }
  .customer-popover--import {
    -webkit-transform-origin: 65% 0;
            transform-origin: 65% 0; }
    .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 {
      -webkit-box-sizing: border-box;
              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 {
    -webkit-transform-origin: 75% 0;
            transform-origin: 75% 0; }
    .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--filter {
    -webkit-transform-origin: 85% 0;
            transform-origin: 85% 0; }
    .customer-popover--filter .styled-checkbox-container {
      margin: 17px 15px;
      padding: 0; }
  .customer-popover--search {
    -webkit-transform-origin: 95% 0;
            transform-origin: 95% 0; }
    .customer-popover--search input[type="text"] {
      -webkit-box-sizing: border-box;
              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 {
  -webkit-box-sizing: border-box;
          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;
        -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset;
                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 .new-update-button,
  .customer-actions .new-workflow-button,
  .customer-actions--showing-customers .new-update-button,
  .customer-actions--showing-updates .new-update-button,
  .customer-actions--showing-workflows .new-update-button,
  .new-update .new-update-header .new-update-button,
  .customer-actions--showing-customers .new-workflow-button,
  .customer-actions--showing-updates .new-workflow-button,
  .customer-actions--showing-workflows .new-workflow-button,
  .new-update .new-update-header .new-workflow-button {
    -webkit-perspective: 500;
            perspective: 500; }
  .customer-actions button,
  .customer-actions .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 .button,
  .customer-actions--showing-updates .button,
  .customer-actions--showing-workflows .button,
  .new-update .new-update-header .button {
    font-size: 17px; }
    .customer-actions button.cancel-publish,
    .customer-actions .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 .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 {
      width: 42px;
      height: 42px;
      display: block;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right-width: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: none;
      float: left;
      text-align: center; }
    .customer-actions button.show-cancel,
    .customer-actions .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 .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 {
      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--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 {
      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--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 {
      border-bottom-color: #fff;
      margin-top: 0;
      z-index: 10; }
  .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);
          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);
          transform: scale(1); }

.customer-drawer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  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);
  transition: transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(352px);
          transform: translateX(352px);
  background: #f5f5f5;
  border-left: 1px solid #ddd;
  width: 352px;
  padding: 0; }
  .customer-drawer:after {
    content: "";
    width: 100px;
    height: 100%;
    left: 100%;
    top: 0;
    background: #f5f5f5;
    position: absolute; }
  .customer-drawer.showing {
    -webkit-box-shadow: -1px, 0, 2px, rgba(0, 0, 0, 0.15);
            box-shadow: -1px, 0, 2px, rgba(0, 0, 0, 0.15);
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .customer-drawer .customer-drawer-content {
    position: absolute;
    padding: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .customer-drawer .customer-drawer-content.aligned {
      border: solid #eee;
      border-width: 1px 0 0; }
    .customer-drawer .customer-drawer-content .purchase-notice {
      margin-top: 12px; }
      .customer-drawer .customer-drawer-content .purchase-notice.twitter-buy-now {
        color: #fff;
        background: #55acee; }
    .customer-drawer .customer-drawer-content .message {
      margin: 15px 0; }
      .customer-drawer .customer-drawer-content .message .dismiss-button {
        display: none; }
      .customer-drawer .customer-drawer-content .message:hover .dismiss-button {
        display: block; }
    .customer-drawer .customer-drawer-content .sale-info-container {
      padding: 0 15px; }
    .customer-drawer .customer-drawer-content .sales-header {
      overflow: hidden;
      font-size: 14px;
      line-height: 14px;
      margin-bottom: 15px;
      color: #aaa; }
      .customer-drawer .customer-drawer-content .sales-header span {
        line-height: 25px;
        max-width: 295px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .customer-drawer .customer-drawer-content .sales-header .right {
        float: right; }
      .customer-drawer .customer-drawer-content .sales-header input[type=text] {
        font-size: 13px;
        padding: 2px 5px 1px;
        width: 130px; }
      .customer-drawer .customer-drawer-content .sales-header .initiate-message-holder,
      .customer-drawer .customer-drawer-content .sales-header .can-contact-holder {
        width: 50%;
        margin-top: 10px; }
      .customer-drawer .customer-drawer-content .sales-header .initiate-message-holder {
        float: right; }
      .customer-drawer .customer-drawer-content .sales-header .can-contact-holder {
        float: left;
        clear: both; }
        .customer-drawer .customer-drawer-content .sales-header .can-contact-holder label {
          margin-left: 10px;
          line-height: 23px; }
          .customer-drawer .customer-drawer-content .sales-header .can-contact-holder label:before {
            width: 20px;
            height: 20px;
            display: block;
            border-radius: 50%;
            background: #fff;
            border: 1px solid #ddd;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            content: "";
            display: block;
            float: left;
            font-size: 8px;
            font-family: GumIcons;
            line-height: 20px;
            text-align: center; }
          .customer-drawer .customer-drawer-content .sales-header .can-contact-holder label:hover {
            cursor: pointer;
            color: #aaa; }
        .customer-drawer .customer-drawer-content .sales-header .can-contact-holder input[type=checkbox] {
          display: none;
          left: -9999px;
          position: absolute;
          top: -9999px; }
          .customer-drawer .customer-drawer-content .sales-header .can-contact-holder input[type=checkbox]:checked ~ label:before {
            filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
            background: #36a9ae -webkit-gradient(linear, left top, left bottom, from(#37adb2), to(#329ca0));
            background: #36a9ae linear-gradient(to bottom, #37adb2, #329ca0);
            border: 1px solid #2a8387;
            color: #fff;
            content: "\e015"; }
  .customer-drawer .toggle {
    background: #fff;
    border: 1px solid #ddd;
    border-width: 1px 0;
    margin: 0 -15px 15px; }
    .customer-drawer .toggle a {
      width: 50%;
      float: left;
      display: inline-block;
      text-align: center;
      padding: 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      color: #ccc;
      font-size: 14px; }
      .customer-drawer .toggle a.active {
        color: #aaa;
        pointer-events: none;
        position: relative; }
        .customer-drawer .toggle a.active:before, .customer-drawer .toggle a.active:after {
          content: "";
          height: 0;
          position: absolute;
          width: 0;
          border-color: transparent;
          border-style: solid;
          border-width: 6px;
          left: 50%;
          top: 100%;
          margin-left: -6px; }
        .customer-drawer .toggle a.active:before {
          border-top-color: #ddd;
          margin-top: 1px; }
        .customer-drawer .toggle a.active:after {
          border-top-color: #fff; }
      .customer-drawer .toggle a:first-of-type {
        border-right: 1px solid #ddd; }
  .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,
      .customer-drawer .provided-fields .fields-heading .giftee-email-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 {
      -webkit-box-sizing: border-box;
              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: #f8f8f8;
      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://assets.gumroad.com/assets/big-loading-8da0ed579f874ed4a69b742dd3c7615e1bc86bb888e0ecc28239423a789bbb8b.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; }
  .customer-drawer .interactions li {
    padding: 12px 0; }
    .customer-drawer .interactions li:first-child {
      padding-top: 0; }
    .customer-drawer .interactions li:not(:last-child) {
      border-bottom: 1px solid #eee; }
    .customer-drawer .interactions li strong {
      display: block;
      color: #252a2e;
      font-size: 14px;
      margin-bottom: 6px;
      font-weight: normal;
      max-width: 60%;
      text-overflow: ellipsis;
      max-height: 18px;
      overflow: hidden;
      white-space: nowrap; }
      .customer-drawer .interactions li strong a {
        color: inherit;
        text-decoration: underline; }
    .customer-drawer .interactions li small {
      color: #aaa; }
      .customer-drawer .interactions li small.dull {
        opacity: .4; }
    .customer-drawer .interactions li .button {
      top: 10px; }

.modals-container .gr-modals .publish-update-modal-content {
  -webkit-box-sizing: border-box;
          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: #f8f8f8;
    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; }

.filter-box {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  background: #fff;
  font-size: 15px;
  padding: 0; }
  .filter-box.disabled {
    opacity: .6; }
    .filter-box.disabled li {
      pointer-events: none; }
  .filter-box li {
    padding: 15px;
    border-bottom: 1px solid #ddd; }
    .filter-box li > p {
      margin-bottom: 0; }
    .filter-box li:last-child {
      border-bottom: 0; }
    .filter-box li > .label,
    .filter-box li > .six.columns > .label {
      display: block;
      color: #aaa;
      font-size: 13px;
      line-height: 13px;
      margin-bottom: 13px;
      cursor: pointer; }
    .filter-box li .six.columns {
      padding: 0; }
      .filter-box li .six.columns:nth-child(1) {
        padding-right: 7.5px; }
      .filter-box li .six.columns:nth-child(2) {
        padding-left: 7.5px; }
      .filter-box li .six.columns input {
        width: 135px; }
      .filter-box li .six.columns .input-wrapper input {
        width: 102px; }
    .filter-box li select {
      width: 100%;
      padding: 10px;
      padding-right: 26px;
      display: block; }

.customization-modules-container {
  opacity: 0;
  position: fixed;
  bottom: 100%;
  pointer-events: none;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  width: 100%;
  z-index: 10; }
  .customization-modules-container.showing {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(65px);
            transform: translateY(65px); }
  .customization-modules-container.showing-core-nav {
    -webkit-transform: translateY(137px);
            transform: translateY(137px); }
    .customization-modules-container.showing-core-nav .customization-module-trigger {
      opacity: 1;
      pointer-events: all; }

#user_page .customization-modules-container:not(.showing-core-nav) .customization-module-trigger {
  opacity: .4;
  pointer-events: none; }

.customization-modules-container__modules {
  background: #fff;
  font-size: 17px;
  font-weight: 400;
  height: 65px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  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;
    -webkit-transition: 0.5s opacity cubic-bezier(0.23, 1.5, 0.32, 1);
    transition: 0.5s opacity cubic-bezier(0.23, 1.5, 0.32, 1); }
    .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-module__trigger:first-child > a {
      padding-left: 0; }
    .customization-modules-container__modules .customization-module__trigger:first-child .customization-module {
      margin-left: -175px; }
  .customization-modules-container__modules .customization-modules-container__actions {
    float: right; }
    .customization-modules-container__modules .customization-modules-container__actions .faux-preview-toggle {
      display: block;
      padding: 10px 0;
      position: relative;
      top: 2px;
      text-decoration: none; }
      .customization-modules-container__modules .customization-modules-container__actions .faux-preview-toggle .preview-toggle {
        line-height: 0; }
      .customization-modules-container__modules .customization-modules-container__actions .faux-preview-toggle:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 5; }
    .customization-modules-container__modules .customization-modules-container__actions .preview-toggle {
      line-height: 65px; }
    .customization-modules-container__modules .customization-modules-container__actions li {
      float: left;
      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,
.customization-module--form {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 320px;
  opacity: 0;
  -webkit-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;
          transform-origin: 50% 0; }
  .customization-module.showing,
  .showing.customization-module--displayed-products,
  .showing.customization-module--purchase-flow,
  .showing.customization-module--form {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  .customization-module:after, .customization-module:before,
  .customization-module--displayed-products:after,
  .customization-module--purchase-flow:after,
  .customization-module--form:after,
  .customization-module--displayed-products:before,
  .customization-module--purchase-flow:before,
  .customization-module--form:before {
    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:before,
  .customization-module--displayed-products:before,
  .customization-module--purchase-flow:before,
  .customization-module--form:before {
    border-bottom-color: #ddd;
    top: -21px; }
  .customization-module .customization-module__title,
  .customization-module--displayed-products .customization-module__title,
  .customization-module--purchase-flow .customization-module__title,
  .customization-module--form .customization-module__title {
    font-size: 17px;
    color: #252a2e;
    font-weight: 500;
    line-height: 1;
    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,
    .customization-module--form .customization-module__title a {
      font-weight: normal;
      font-size: 13px;
      color: #aaa; }
  .customization-module .customization-module__description,
  .customization-module--displayed-products .customization-module__description,
  .customization-module--purchase-flow .customization-module__description,
  .customization-module--form .customization-module__description {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 15px; }
  .customization-module .customization-module__help-link,
  .customization-module--displayed-products .customization-module__help-link,
  .customization-module--purchase-flow .customization-module__help-link,
  .customization-module--form .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,
  .customization-module--form .customization-module__input {
    clear: both;
    line-height: 40px;
    margin-bottom: 15px;
    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,
    .customization-module--form .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,
      .customization-module--form .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,
    .customization-module--form .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,
    .customization-module--form .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--form .customization-module__input .customization-module__input-label,
    .customization-module--displayed-products .customization-module .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module .customization-module--displayed-products .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--purchase-flow .customization-module .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module .customization-module--purchase-flow .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--form .customization-module .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module .customization-module--form .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--displayed-products .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--displayed-products .customization-module--purchase-flow .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--form .customization-module--displayed-products .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--displayed-products .customization-module--form .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--displayed-products .customization-module--purchase-flow .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--purchase-flow .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,
    .customization-module--form .customization-module--purchase-flow .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--purchase-flow .customization-module--form .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--displayed-products .customization-module--form .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--form .customization-module--displayed-products .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--purchase-flow .customization-module--form .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--form .customization-module--purchase-flow .customization-module__input .customization-module__input-label--for-checkbox,
    .customization-module--form .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,
      .customization-module--form .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,
        .customization-module--form .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;
          -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                  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%);
                  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,
        .customization-module--form .customization-module__input .customization-module__input-label--for-checkbox:hover {
          cursor: pointer; }
    .customization-module .customization-module__input .customization-module__textarea,
    .customization-module--displayed-products .customization-module__input .customization-module__textarea,
    .customization-module--purchase-flow .customization-module__input .customization-module__textarea,
    .customization-module--form .customization-module__input .customization-module__textarea {
      border-radius: 4px;
      border-radius: 4px;
      border: 1px solid #ddd;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
      font-size: 12px;
      line-height: 13px;
      width: 100%; }
    .customization-module .customization-module__input .custom-preview-action,
    .customization-module--displayed-products .customization-module__input .custom-preview-action,
    .customization-module--purchase-flow .customization-module__input .custom-preview-action,
    .customization-module--form .customization-module__input .custom-preview-action {
      color: #36a9ae;
      font-size: 13px;
      padding-right: 10px; }
    .customization-module .customization-module__input .css-hint-list,
    .customization-module--displayed-products .customization-module__input .css-hint-list,
    .customization-module--purchase-flow .customization-module__input .css-hint-list,
    .customization-module--form .customization-module__input .css-hint-list {
      line-height: 17px; }
      .customization-module .customization-module__input .css-hint-list .css-hint,
      .customization-module--displayed-products .customization-module__input .css-hint-list .css-hint,
      .customization-module--purchase-flow .customization-module__input .css-hint-list .css-hint,
      .customization-module--form .customization-module__input .css-hint-list .css-hint {
        color: #797874;
        cursor: pointer;
        display: inline;
        font-size: 13px; }
        .customization-module .customization-module__input .css-hint-list .css-hint:not(:first-child):before,
        .customization-module--displayed-products .customization-module__input .css-hint-list .css-hint:not(:first-child):before,
        .customization-module--purchase-flow .customization-module__input .css-hint-list .css-hint:not(:first-child):before,
        .customization-module--form .customization-module__input .css-hint-list .css-hint:not(:first-child):before {
          content: " | "; }
        .customization-module .customization-module__input .css-hint-list .css-hint:hover,
        .customization-module--displayed-products .customization-module__input .css-hint-list .css-hint:hover,
        .customization-module--purchase-flow .customization-module__input .css-hint-list .css-hint:hover,
        .customization-module--form .customization-module__input .css-hint-list .css-hint:hover {
          font-weight: bold; }
          .customization-module .customization-module__input .css-hint-list .css-hint:hover:before,
          .customization-module--displayed-products .customization-module__input .css-hint-list .css-hint:hover:before,
          .customization-module--purchase-flow .customization-module__input .css-hint-list .css-hint:hover:before,
          .customization-module--form .customization-module__input .css-hint-list .css-hint:hover:before {
            font-weight: normal; }
    .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,
    .customization-module--form .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,
      .customization-module--form .customization-module__input .customization-module__input-checkbox:checked ~ label:after {
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
        background: #36a9ae -webkit-gradient(linear, left top, left bottom, from(#37adb2), to(#329ca0));
        background: #36a9ae linear-gradient(to bottom, #37adb2, #329ca0);
        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,
    .customization-module--form .customization-module__input .customization-module__input-select {
      padding: 10px;
      width: 100%; }
    .customization-module .customization-module__input .colorpicker-holder,
    .customization-module--displayed-products .customization-module__input .colorpicker-holder,
    .customization-module--purchase-flow .customization-module__input .colorpicker-holder,
    .customization-module--form .customization-module__input .colorpicker-holder {
      position: relative;
      width: 124px;
      float: left; }
      .customization-module .customization-module__input .colorpicker-holder.first,
      .customization-module--displayed-products .customization-module__input .colorpicker-holder.first,
      .customization-module--purchase-flow .customization-module__input .colorpicker-holder.first,
      .customization-module--form .customization-module__input .colorpicker-holder.first {
        margin-right: 10px; }
    .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,
    .customization-module--form .customization-module__input .customization-module__input-colorpicker {
      border-radius: 25px;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 10px 15px;
      position: relative;
      max-height: 40px;
      width: 124px; }
    .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,
    .customization-module--form .customization-module__input .customization-module__input-range {
      top: 50%;
      -webkit-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,
      .customization-module--form .customization-module__input .customization-module__input-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                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,
    .customization-module--form .customization-module__input .customization-module__input-background-image {
      background: #f5f5f5;
      border-radius: 4px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      position: relative;
      overflow: hidden;
      margin-bottom: 10px; }
      .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,
      .customization-module--form .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--form .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--form .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,
      .customization-module--form .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--form .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,
      .customization-module--form .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--form .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,
        .customization-module--form .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--form .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,
        .customization-module--form .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);
                  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--form .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,
          .customization-module--form .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--form .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,
            .customization-module--form .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,
      .customization-module--form .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,
        .customization-module--form .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,
      .customization-module--form .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,
      .customization-module--form .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,
        .customization-module--form .customization-module__input .customization-module__input-background-image.has-background label .edit-actions {
          opacity: 0;
          -webkit-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,
          .customization-module--form .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,
      .customization-module--form .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%);
                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,
    .customization-module--form .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,
    .customization-module--form .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,
  .customization-module--form .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,
    .customization-module--form .customization-module__connection .button {
      -webkit-box-sizing: border-box;
              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,
    .customization-module--form .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,
    .customization-module--form .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,
    .customization-module--form .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 {
    padding: 0; }
    .customization-module--form hr {
      margin: 0 30px; }
    .customization-module--form .customization-module__input {
      padding: 0 30px; }
    .customization-module--form .customization-module__title {
      margin: 0 30px 15px; }
    .customization-module--form .customization-module__title:first-child {
      margin-top: 30px; }
    .customization-module--form .embed-copy-paste-container {
      position: relative;
      margin-bottom: 15px;
      white-space: nowrap; }
      .customization-module--form .embed-copy-paste-container .button {
        height: 40px;
        width: 40px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0;
        position: absolute;
        line-height: 40px;
        text-align: center;
        top: 10px;
        right: 10px; }
        .customization-module--form .embed-copy-paste-container .button .icn-copy {
          background: url(https://assets.gumroad.com/assets/widgets/icon-copy-f0ef022f20a13b23a269174452d53a094d6cebc8f95babd6cddb5d8d91a964ac.svg) top center no-repeat;
          background-size: cover;
          width: 15px;
          height: 16px;
          display: inline-block; }
      .customization-module--form .embed-copy-paste-container pre {
        background: #f5f5f5;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        color: #aaa;
        font-size: 13px;
        height: 60px;
        line-height: 20px;
        min-height: 0;
        padding: 4px 10px;
        pointer-events: none;
        overflow: hidden;
        width: 100%; }
        .customization-module--form .embed-copy-paste-container pre code {
          white-space: normal; }
        .customization-module--form .embed-copy-paste-container pre:after {
          background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f5f5f5), to(rgba(245, 245, 245, 0)));
          background: linear-gradient(-90deg, #f5f5f5 50%, rgba(245, 245, 245, 0) 100%);
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          content: "";
          height: 58px;
          position: absolute;
          right: 1px;
          top: 1px;
          width: 98px; }
    .customization-module--form .embed-preview-container {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      background: #f5f5f5;
      border-top: 1px solid #ddd;
      padding: 10px 30px 30px;
      margin-top: 30px; }
      .customization-module--form .embed-preview-container label {
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 15px; }
  .customization-module > form > button,
  .customization-module--displayed-products > form > button,
  .customization-module--purchase-flow > form > button,
  .customization-module--form > form > button {
    width: 100%; }
  .customization-module hr,
  .customization-module--displayed-products hr,
  .customization-module--purchase-flow hr,
  .customization-module--form hr {
    background: #eee;
    height: 1px;
    margin: 20px 0; }
  .customization-module > a,
  .customization-module--displayed-products > a,
  .customization-module--purchase-flow > a,
  .customization-module--form > a {
    color: #aaa; }
  .customization-module .steps,
  .customization-module--displayed-products .steps,
  .customization-module--purchase-flow .steps,
  .customization-module--form .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,
    .customization-module--form .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,
      .customization-module--form .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,
      .customization-module--form .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,
        .customization-module--form .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,
        .customization-module--form .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,
          .customization-module--form .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"],
        .customization-module--form .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,
        .customization-module--form .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,
        .customization-module--form .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,
          .customization-module--form .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,
            .customization-module--form .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,
        .customization-module--form .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,
          .customization-module--form .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,
            .customization-module--form .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--form .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,
          .customization-module--form .steps > li .step-options #js-edit-attributes-form ul li .js-custom-attr-value {
            font-family: -apple-system, ".SFNSDisplay-Regular", "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,
          .customization-module--form .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,
          .customization-module--form .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,
            .customization-module--form .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,
          .customization-module--form .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,
            .customization-module--form .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,
              .customization-module--form .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,
        .customization-module--form .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,
      .customization-module--form .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,
        .customization-module--form .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,
      .customization-module--form .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,
      .customization-module--form .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,
        .customization-module--form .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,
          .customization-module--form .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"],
          .customization-module--form .steps > li #dynamic-custom-fields li input[type="text"] {
            font-family: -apple-system, ".SFNSDisplay-Regular", "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"],
          .customization-module--form .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,
      .customization-module--form .steps > li textarea {
        -webkit-box-sizing: border-box;
                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,
      .customization-module--form .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--form .steps > li.active strong,
        .customization-module--displayed-products .steps > li.active a,
        .customization-module--purchase-flow .steps > li.active a,
        .customization-module--form .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,
        .customization-module--form .steps > li.active textarea {
          display: block; }

.css-hint-active {
  border: dashed 3px #000 !important; }

.updates-tab {
  padding: 0;
  position: relative;
  padding-top: 75px; }
  .updates-tab.empty {
    background: url(https://assets.gumroad.com/assets/empty-15834bbd7fe9d82a7b730214b3a5b3c5bfdd8945b3a9099753cee781fcca6a4a.png) bottom center no-repeat;
    min-height: 400px; }
  .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; }
  .updates-tab .update-list-holder {
    margin: 0 0 30px; }
    .updates-tab .update-list-holder .show-more {
      border: 1px solid #ddd;
      background: #f5f5f5;
      color: #797874;
      margin-top: 35px;
      font-weight: normal;
      padding: 20px; }
      .updates-tab .update-list-holder .show-more:hover {
        background: #eee; }

.update {
  padding: 15px 0; }
  .update:last-child {
    padding-bottom: 0; }
  .update .update-header {
    color: #797874;
    display: block;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 15px; }
    .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: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; }

.customer-count-notice {
  color: #797874;
  width: 470px;
  margin: 0 auto;
  padding: 30px;
  text-align: center; }

.update-letter,
.update-letter--create,
.update-letter--preview,
.update-letter--subject-line-and-number-sent,
.update-letter--showing-clicks-and-opens,
.update-letter--showing-sent-and-opens,
.update-letter--showing-sent {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          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--preview 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 {
    font-weight: bold;
    color: #555; }
  .update-letter .files-box,
  .update-letter--create .files-box,
  .update-letter--preview .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 {
    margin-bottom: 15px; }
  .update-letter .mini-rule,
  .update-letter--create .mini-rule,
  .update-letter--preview .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 {
    margin: 30px 0; }
  .update-letter .call-to-action-p,
  .update-letter--create .call-to-action-p,
  .update-letter--preview .call-to-action-p,
  .update-letter--subject-line-and-number-sent .call-to-action-p,
  .update-letter--showing-clicks-and-opens .call-to-action-p,
  .update-letter--showing-sent-and-opens .call-to-action-p,
  .update-letter--showing-sent .call-to-action-p {
    margin-top: 20px; }
  .update-letter .video.section,
  .update-letter--create .video.section,
  .update-letter--preview .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 {
    margin-top: 15px;
    font-size: 12px; }
    .update-letter .video.section input[type=checkbox],
    .update-letter--create .video.section input[type=checkbox],
    .update-letter--preview .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] {
      margin-right: 4px; }
    .update-letter .video.section label,
    .update-letter--create .video.section label,
    .update-letter--preview .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 {
      color: #aaa; }
    .update-letter .video.section .learn-more,
    .update-letter--create .video.section .learn-more,
    .update-letter--preview .video.section .learn-more,
    .update-letter--subject-line-and-number-sent .video.section .learn-more,
    .update-letter--showing-clicks-and-opens .video.section .learn-more,
    .update-letter--showing-sent-and-opens .video.section .learn-more,
    .update-letter--showing-sent .video.section .learn-more {
      float: right; }
  .update-letter .cover-image-add-button-holder,
  .update-letter--create .cover-image-add-button-holder,
  .update-letter--preview .cover-image-add-button-holder,
  .update-letter--subject-line-and-number-sent .cover-image-add-button-holder,
  .update-letter--showing-clicks-and-opens .cover-image-add-button-holder,
  .update-letter--showing-sent-and-opens .cover-image-add-button-holder,
  .update-letter--showing-sent .cover-image-add-button-holder {
    margin: 0 15px; }
    .update-letter .cover-image-add-button-holder button,
    .update-letter--create .cover-image-add-button-holder button,
    .update-letter--preview .cover-image-add-button-holder button,
    .update-letter--subject-line-and-number-sent .cover-image-add-button-holder button,
    .update-letter--showing-clicks-and-opens .cover-image-add-button-holder button,
    .update-letter--showing-sent-and-opens .cover-image-add-button-holder button,
    .update-letter--showing-sent .cover-image-add-button-holder button {
      width: 100%; }
  .update-letter .call-to-action-button-holder,
  .update-letter--create .call-to-action-button-holder,
  .update-letter--preview .call-to-action-button-holder,
  .update-letter--subject-line-and-number-sent .call-to-action-button-holder,
  .update-letter--showing-clicks-and-opens .call-to-action-button-holder,
  .update-letter--showing-sent-and-opens .call-to-action-button-holder,
  .update-letter--showing-sent .call-to-action-button-holder {
    margin: 15px;
    overflow: hidden; }
    .update-letter .call-to-action-button-holder button,
    .update-letter--create .call-to-action-button-holder button,
    .update-letter--preview .call-to-action-button-holder button,
    .update-letter--subject-line-and-number-sent .call-to-action-button-holder button,
    .update-letter--showing-clicks-and-opens .call-to-action-button-holder button,
    .update-letter--showing-sent-and-opens .call-to-action-button-holder button,
    .update-letter--showing-sent .call-to-action-button-holder button {
      width: 100%; }
    .update-letter .call-to-action-button-holder input[type=text],
    .update-letter--create .call-to-action-button-holder input[type=text],
    .update-letter--preview .call-to-action-button-holder input[type=text],
    .update-letter--subject-line-and-number-sent .call-to-action-button-holder input[type=text],
    .update-letter--showing-clicks-and-opens .call-to-action-button-holder input[type=text],
    .update-letter--showing-sent-and-opens .call-to-action-button-holder input[type=text],
    .update-letter--showing-sent .call-to-action-button-holder input[type=text] {
      border-radius: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 10px;
      width: 50%;
      float: left;
      margin: 0;
      border: 1px solid #ddd; }
      .update-letter .call-to-action-button-holder input[type=text]:focus,
      .update-letter--create .call-to-action-button-holder input[type=text]:focus,
      .update-letter--preview .call-to-action-button-holder input[type=text]:focus,
      .update-letter--subject-line-and-number-sent .call-to-action-button-holder input[type=text]:focus,
      .update-letter--showing-clicks-and-opens .call-to-action-button-holder input[type=text]:focus,
      .update-letter--showing-sent-and-opens .call-to-action-button-holder input[type=text]:focus,
      .update-letter--showing-sent .call-to-action-button-holder input[type=text]:focus {
        border: 1px solid #aaaaaa; }
      .update-letter .call-to-action-button-holder input[type=text]:first-of-type,
      .update-letter--create .call-to-action-button-holder input[type=text]:first-of-type,
      .update-letter--preview .call-to-action-button-holder input[type=text]:first-of-type,
      .update-letter--subject-line-and-number-sent .call-to-action-button-holder input[type=text]:first-of-type,
      .update-letter--showing-clicks-and-opens .call-to-action-button-holder input[type=text]:first-of-type,
      .update-letter--showing-sent-and-opens .call-to-action-button-holder input[type=text]:first-of-type,
      .update-letter--showing-sent .call-to-action-button-holder input[type=text]:first-of-type {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0; }
      .update-letter .call-to-action-button-holder input[type=text]:last-of-type,
      .update-letter--create .call-to-action-button-holder input[type=text]:last-of-type,
      .update-letter--preview .call-to-action-button-holder input[type=text]:last-of-type,
      .update-letter--subject-line-and-number-sent .call-to-action-button-holder input[type=text]:last-of-type,
      .update-letter--showing-clicks-and-opens .call-to-action-button-holder input[type=text]:last-of-type,
      .update-letter--showing-sent-and-opens .call-to-action-button-holder input[type=text]:last-of-type,
      .update-letter--showing-sent .call-to-action-button-holder input[type=text]:last-of-type {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
  .update-letter .update-file-options,
  .update-letter--create .update-file-options,
  .update-letter--preview .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 {
    border-top: 1px solid #ddd;
    padding: 15px; }
    .update-letter .update-file-options .files-list,
    .update-letter--create .update-file-options .files-list,
    .update-letter--preview .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 {
      clear: both;
      margin-bottom: 15px; }
    .update-letter .update-file-options .gi-pencil,
    .update-letter--create .update-file-options .gi-pencil,
    .update-letter--preview .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 {
      display: none !important; }
  .update-letter input[type=text],
  .update-letter .update-message,
  .update-letter--create input[type=text],
  .update-letter--preview input[type=text],
  .update-letter--subject-line-and-number-sent input[type=text],
  .update-letter--showing-clicks-and-opens input[type=text],
  .update-letter--showing-sent-and-opens input[type=text],
  .update-letter--showing-sent input[type=text],
  .update-letter--create .update-message,
  .update-letter--preview .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 {
    padding: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 15px;
    width: 100%; }
    .update-letter input[type=text].error,
    .update-letter .update-message.error,
    .update-letter--create input[type=text].error,
    .update-letter--preview input[type=text].error,
    .update-letter--subject-line-and-number-sent input[type=text].error,
    .update-letter--showing-clicks-and-opens input[type=text].error,
    .update-letter--showing-sent-and-opens input[type=text].error,
    .update-letter--showing-sent input[type=text].error,
    .update-letter--create .update-message.error,
    .update-letter--preview .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 {
      border-color: #c04355; }
  .update-letter .image-holder,
  .update-letter--create .image-holder,
  .update-letter--preview .image-holder,
  .update-letter--subject-line-and-number-sent .image-holder,
  .update-letter--showing-clicks-and-opens .image-holder,
  .update-letter--showing-sent-and-opens .image-holder,
  .update-letter--showing-sent .image-holder {
    border-radius: 4px;
    background: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden;
    margin: 0 15px;
    min-height: 140px;
    text-align: center; }
    .update-letter .image-holder button,
    .update-letter--create .image-holder button,
    .update-letter--preview .image-holder button,
    .update-letter--subject-line-and-number-sent .image-holder button,
    .update-letter--showing-clicks-and-opens .image-holder button,
    .update-letter--showing-sent-and-opens .image-holder button,
    .update-letter--showing-sent .image-holder button {
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
              transform: translateY(-50%) translateX(-50%);
      position: absolute; }
    .update-letter .image-holder .cover-image-preview,
    .update-letter--create .image-holder .cover-image-preview,
    .update-letter--preview .image-holder .cover-image-preview,
    .update-letter--subject-line-and-number-sent .image-holder .cover-image-preview,
    .update-letter--showing-clicks-and-opens .image-holder .cover-image-preview,
    .update-letter--showing-sent-and-opens .image-holder .cover-image-preview,
    .update-letter--showing-sent .image-holder .cover-image-preview {
      width: 100%;
      margin-bottom: -16px; }
    .update-letter .image-holder .remove-button,
    .update-letter--create .image-holder .remove-button,
    .update-letter--preview .image-holder .remove-button,
    .update-letter--subject-line-and-number-sent .image-holder .remove-button,
    .update-letter--showing-clicks-and-opens .image-holder .remove-button,
    .update-letter--showing-sent-and-opens .image-holder .remove-button,
    .update-letter--showing-sent .image-holder .remove-button {
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 5; }
  .update-letter .update-cover-image,
  .update-letter--create .update-cover-image,
  .update-letter--preview .update-cover-image,
  .update-letter--subject-line-and-number-sent .update-cover-image,
  .update-letter--showing-clicks-and-opens .update-cover-image,
  .update-letter--showing-sent-and-opens .update-cover-image,
  .update-letter--showing-sent .update-cover-image {
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 100%;
    max-width: 502px;
    margin: 20px auto 0; }
  .update-letter .update-message,
  .update-letter--create .update-message,
  .update-letter--preview .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 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 130px;
    width: 100%;
    max-width: 100%;
    padding: 15px;
    border: 0;
    font-size: 15px;
    margin-bottom: 0; }
  .update-letter--create {
    overflow: hidden;
    margin: 0 auto;
    padding: 0; }
    .update-letter--create input,
    .update-letter--create textarea {
      border-radius: 0;
      border: 0;
      border-bottom: 1px solid #ddd;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .update-letter--create input:focus,
      .update-letter--create textarea:focus {
        border: 0;
        border-bottom: 1px solid #aaaaaa; }
  .update-letter--preview {
    margin: 0 auto;
    width: 470px; }
  .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);
              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--preview .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 {
    position: relative; }
    .update-letter .update-letter-column:first-child,
    .update-letter--create .update-letter-column:first-child,
    .update-letter--preview .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 {
      padding-left: 30px; }
    .update-letter .update-letter-column:last-child,
    .update-letter--create .update-letter-column:last-child,
    .update-letter--preview .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 {
      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--preview .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 {
      cursor: pointer;
      opacity: 1;
      pointer-events: all;
      -webkit-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--preview .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-letter--create .update-letter-column .number-sent,
    .update-letter--preview .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-letter--create .update-letter-column .number-click,
    .update-letter--preview .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 {
      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--preview .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-letter--create .update-letter-column .click-percentage,
    .update-letter--preview .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 {
      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--preview .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 {
      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--preview .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 {
      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--preview .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 {
      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--preview .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 {
      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--preview .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 {
      background: #36a9ae;
      border-radius: 4px;
      border-right: 0;
      height: 15px;
      max-width: 100%; }

.tracked-email-clicks-popover {
  border-radius: 4px;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
          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);
          transform: scale(0);
  -webkit-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;
    float: none;
    border-bottom: 1px solid #ddd;
    padding: 0 15px; }
    .new-update .new-update-header .heading {
      font-size: 18px;
      line-height: 75px;
      float: left; }
    .new-update .new-update-header .workflow-name {
      width: 340px; }
    .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 .new-update-composer {
    padding: 15px 0;
    background: #eaeae4; }
    .new-update .new-update-composer .new-update-subheader {
      font-size: 15px;
      line-height: 25px;
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid #ddd; }
      .new-update .new-update-composer .new-update-subheader strong {
        -webkit-transition: color .3s linear, text-shadow .3s linear;
        transition: color .3s linear, text-shadow .3s linear;
        margin-left: 6px;
        font-weight: normal; }
        .new-update .new-update-composer .new-update-subheader strong.blurred {
          color: rgba(121, 120, 116, 0);
          text-shadow: 0 0 4px rgba(121, 120, 116, 0.4); }
      .new-update .new-update-composer .new-update-subheader button,
      .new-update .new-update-composer .new-update-subheader .button {
        margin-left: 15px;
        -webkit-transition: margin-left 0 linear;
        transition: margin-left 0 linear; }
        .new-update .new-update-composer .new-update-subheader button.cancel-delete,
        .new-update .new-update-composer .new-update-subheader .button.cancel-delete {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-right-width: 0; }
        .new-update .new-update-composer .new-update-subheader button.show-cancel,
        .new-update .new-update-composer .new-update-subheader .button.show-cancel {
          margin-left: 0;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .new-update .new-update-composer .new-update-subheader a {
        color: #aaa;
        font-size: 13px;
        text-decoration: underline; }
    .new-update .new-update-composer .seven.columns {
      padding-left: 0; }
  .new-update .styled-checkbox-container {
    margin: 15px auto 0; }

.schedule-update-popover {
  margin-top: -2px;
  -webkit-transform-origin: 85% 0;
          transform-origin: 85% 0; }
  .schedule-update-popover .show-cancel {
    width: calc(100% - 44px); }
  .schedule-update-popover .or {
    background: #fff;
    color: #aaa;
    clear: both;
    display: block;
    margin: 8px auto 0;
    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: #797874; }
      .schedule-update-popover .schedule-update-input h4 a {
        color: inherit;
        text-decoration: underline; }
    .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 {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      width: 55%;
      color: #797874; }
      .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: 15%; }
    .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; }

.workflows-tab {
  padding-top: 75px;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
  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);
  transition: transform 0.4s cubic-bezier(0.23, 1.5, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1.5, 0.32, 1); }
  .workflows-tab.empty .workflows-list {
    background: url(https://assets.gumroad.com/assets/empty-15834bbd7fe9d82a7b730214b3a5b3c5bfdd8945b3a9099753cee781fcca6a4a.png) bottom center no-repeat;
    min-height: 400px; }

.workflow,
.new-update {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  background: #fff;
  margin-bottom: 20px; }

.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; }
      .workflow-header .workflow-actions li button.show-cancel {
        margin-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        float: none; }

.workflow-analytics-content .row {
  padding: 15px 0; }
  .workflow-analytics-content .row:not(:first-of-type) {
    border-top: 1px solid #eee; }
  .workflow-analytics-content .row .show-on-hover {
    display: none; }
  .workflow-analytics-content .row .hide-on-hover {
    display: block; }
  .workflow-analytics-content .row:hover .show-on-hover {
    display: block; }
  .workflow-analytics-content .row:hover .hide-on-hover {
    display: none; }
.workflow-analytics-content strong {
  font-weight: 500;
  display: block; }
.workflow-analytics-content small {
  color: #aaa; }

.workflow-installments .workflow-installment:not(:first-child) {
  margin-top: 15px; }
.workflow-installments .workflow-installment-header {
  padding: 15px;
  border-bottom: 1px dashed #ddd; }
  .workflow-installments .workflow-installment-header small {
    font-size: 14px;
    line-height: 25px;
    color: #aaa; }
  .workflow-installments .workflow-installment-header button,
  .workflow-installments .workflow-installment-header .button {
    margin-left: 15px;
    -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.show-cancel,
    .workflow-installments .workflow-installment-header .button.show-cancel {
      margin-left: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
.workflow-installments .workflow-installment-body {
  padding: 15px; }
  .workflow-installments .workflow-installment-body h3 {
    font-size: 16px;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal; }
.workflow-installments .styled-checkbox-container {
  margin: 20px auto 5px; }
.workflow-installments .workflow-installment-delay {
  padding: 0 0 15px; }
  .workflow-installments .workflow-installment-delay input,
  .workflow-installments .workflow-installment-delay select {
    border-radius: 4px;
    padding: 10px;
    margin: 0; }
  .workflow-installments .workflow-installment-delay input {
    border: 1px solid #ddd;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    text-align: center;
    width: 20%; }
  .workflow-installments .workflow-installment-delay select {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 80%;
    float: right;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
.workflow-installments .workflow-installment-new-customers-notice {
  margin: 15px 0;
  position: relative;
  color: #aaa;
  font-size: 14px;
  width: 100%; }

.workflow-emails-placeholder {
  background: url(https://assets.gumroad.com/assets/workflow_emails_placeholder-b6b090bf0f062e7443180c120f293033a688bbcbf92615c20178a4b1db22320f.svg) top center no-repeat;
  font-size: 16px;
  padding: 100px 50px 0;
  line-height: 24px;
  margin: 15px;
  text-align: center; }

.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://assets.gumroad.com/assets/big-loading-8da0ed579f874ed4a69b742dd3c7615e1bc86bb888e0ecc28239423a789bbb8b.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;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          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 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%; }

.alert-box {
  -webkit-box-sizing: border-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);
            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;
  -webkit-box-shadow: 0px 6px 8px #eee;
          box-shadow: 0px 6px 8px #eee;
  -webkit-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; }

body#discover-page .bundle-circle-link {
  right: 12px; }
body#discover-page .buyer-circle-link {
  display: none; }
body#discover-page .checkout-tool-tip:before, body#discover-page .checkout-tool-tip:after {
  right: 11px; }
body#discover-page .powered-by-footer-holder {
  display: none; }

.discover-page {
  background-color: #efefe9; }

.discover-header {
  font-size: 17px;
  line-height: 27px;
  color: #797874;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 60px 0; }
  .discover-header h1 {
    margin-bottom: 15px;
    color: #252a2e;
    font-weight: 500;
    font-size: 36px;
    line-height: 36px; }
  .discover-header p {
    color: #797874;
    font-size: 17px; }
  .discover-header.coming-soon {
    padding-bottom: 30px; }

@media (max-width: 768px) {
  .discover-header {
    font-size: 13px;
    line-height: 21px;
    padding: 30px; }
    .discover-header h1 {
      font-size: 18px;
      line-height: 21px;
      margin-bottom: 10px; }
    .discover-header p {
      font-size: 13px;
      line-height: 21px; } }
.discover-tag-bar {
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding-bottom: 14px; }
  .discover-tag-bar ul {
    width: 960px; }

.discover-product-cards {
  margin-bottom: 30px; }

.discover-product {
  -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);
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  height: 325px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
  cursor: pointer; }
  .discover-product:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    position: relative;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); }
  .discover-product .discover-product__cover {
    border-bottom: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    color: #ddd;
    height: 205px;
    width: 100%;
    background-position: center;
    background-size: auto 100%;
    overflow: hidden;
    text-align: center; }
    .discover-product .discover-product__cover .gi {
      font-size: 64px;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 64px; }
    .discover-product .discover-product__cover .audio-preview-container {
      height: 205px;
      min-height: 205px; }
    .discover-product .discover-product__cover .oembed-preview-container iframe {
      height: 205px; }
  .discover-product .discover-product__price {
    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; }
    .discover-product .discover-product__price: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%; }
  .discover-product .discover-product__information {
    padding: 15px 15px 0;
    max-height: 120px;
    overflow: hidden; }
    .discover-product .discover-product__information:after {
      content: "";
      position: absolute;
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(72%, #fff));
      background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 72%);
      height: 35px;
      width: 100%;
      left: 0;
      bottom: 0;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .discover-product .discover-product__information h2 {
      color: #252a2e;
      font-weight: 400;
      font-size: 17px;
      line-height: 22px; }
    .discover-product .discover-product__information small {
      font-size: 13px;
      color: #aaa;
      margin-bottom: 10px; }
      .discover-product .discover-product__information small a {
        color: #36a9ae;
        text-decoration: underline; }
    .discover-product .discover-product__information p {
      font-size: 13px;
      color: #797874; }

@media (max-width: 992px) {
  .discover-product {
    margin-bottom: 15px; }
    .discover-product:hover {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } }
.discover-loading-holder {
  background: rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  border: 2px dashed #ddd;
  height: 524px;
  position: relative;
  margin-bottom: 60px; }
  .discover-loading-holder i {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px; }

@media (max-width: 768px) {
  .discover-loading-holder {
    margin-bottom: 15px; } }
.discover-pagination {
  clear: both;
  text-align: center;
  padding: 0 0 60px; }
  .discover-pagination ul {
    list-style: none;
    background: #fff;
    border-radius: 50px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    display: inline-block;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    font-size: 17px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .discover-pagination ul li {
      color: #797874;
      display: inline-block;
      margin-right: 15px; }
      .discover-pagination ul li:not(.active) {
        cursor: pointer;
        color: #aaa; }
        .discover-pagination ul li:not(.active):hover {
          color: #797874; }
      .discover-pagination ul li:last-child {
        margin-right: 0; }

@media (max-width: 992px) {
  .discover-pagination {
    padding: 15px 0 30px; } }
.top-seller-badge {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 15px;
  right: 15px;
  background: url(https://assets.gumroad.com/assets/top-seller-badge-50e20429dd78dca1849fd856425c453c255c330fc2d640b58b84758bb3dd3c03.svg) center no-repeat; }

.tip-marker {
  border-radius: 4px;
  display: none;
  position: absolute;
  padding: 13px 8px 11px 13px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          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% {
    -webkit-box-shadow: 0 0 2px #fdce71;
            box-shadow: 0 0 2px #fdce71; }
  100% {
    -webkit-box-shadow: 0 0 8px #fdce71;
            box-shadow: 0 0 8px #fdce71; } }

@keyframes glow {
  0% {
    -webkit-box-shadow: 0 0 2px #fdce71;
            box-shadow: 0 0 2px #fdce71; }
  100% {
    -webkit-box-shadow: 0 0 8px #fdce71;
            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;
    position: relative;
    z-index: 5; }
  #download-page .files-list {
    margin: 60px auto;
    text-align: left;
    width: 100%;
    max-width: 670px;
    border-radius: 0;
    overflow: visible; }
    #download-page .files-list div:first-of-type {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    #download-page .files-list .download-options {
      background: url(https://assets.gumroad.com/assets/download_page/more-options-f800f187128dc76e7c30d38431866f314472bf1faeae34a5a67a81368dd956d7.svg) center center no-repeat;
      width: 30px;
      height: 26px;
      display: block; }
    #download-page .files-list .file-row {
      max-height: inherit; }
    #download-page .files-list .file-row-left span {
      vertical-align: text-bottom; }
    #download-page .files-list .file-row-left .gi {
      font-size: 22px;
      width: 22px;
      text-align: center;
      margin-right: 10px; }
    #download-page .files-list .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 {
        margin-right: 0;
        padding: 0 0 10px; }
        #download-page .files-list .download-options-popover li:hover {
          color: #252a2e; }
        #download-page .files-list .download-options-popover li:last-child {
          border-bottom-width: 0;
          padding: 0; }
      #download-page .files-list .download-options-popover .kindle-widget {
        -webkit-box-sizing: border-box;
                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 {
        margin-top: 5px; }
        #download-page .files-list .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 .preview-container {
      border: 1px solid #ddd;
      border-width: 1px 1px 0;
      max-height: 300px;
      min-height: 300px; }
    #download-page #download-landing-page .product-name-container {
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=transparent, endColorstr=rgba(0, 0, 0, 0.3), GradientType=0)";
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.3)));
      background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
      bottom: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: block;
      padding: 60px 15px 15px;
      position: absolute;
      width: 100%; }
      #download-page #download-landing-page .product-name-container h2 {
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        text-align: center; }
    #download-page #download-landing-page .header-container {
      background-color: #f8f8f8;
      border: 1px solid #ddd;
      padding: 30px 0; }
      #download-page #download-landing-page .header-container .columns {
        text-align: center; }
      #download-page #download-landing-page .header-container .download-all-popover {
        left: 50%;
        width: 200px;
        margin-left: -100px;
        margin-top: 15px;
        text-align: left; }
        #download-page #download-landing-page .header-container .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-all-popover li:hover {
            cursor: pointer;
            color: #252a2e; }
            #download-page #download-landing-page .header-container .download-all-popover li:hover .dropbox-dropin-btn {
              color: #252a2e; }
          #download-page #download-landing-page .header-container .download-all-popover li:last-child {
            border-bottom-width: 0; }
        #download-page #download-landing-page .header-container .download-all-popover .download-zip {
          padding: 10px 20px; }
          #download-page #download-landing-page .header-container .download-all-popover .download-zip .gi {
            margin-top: 6px; }
        #download-page #download-landing-page .header-container .download-all-popover .gi {
          font-size: 20px;
          margin-top: 14px;
          position: absolute;
          right: 20px; }
        #download-page #download-landing-page .header-container .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-all-popover .dropbox-dropin-btn .dropin-btn-status {
            display: none; }
    #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 {
        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 .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 {
      padding-top: 60px;
      display: block;
      clear: both; }
  #download-page .add-to-library-options-container {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 670px;
    margin: 30px auto; }

@media screen and (max-width: 480px) {
  #download-page .wrapper {
    padding-bottom: 0;
    padding: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  #download-page .files-list {
    margin: 0 0 15px; }
  #download-page .add-to-library-options-container {
    margin: 0; }
    #download-page .add-to-library-options-container .button-primary {
      margin-top: 15px; }
  #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);
                transform: scale(1);
        border: 0;
        padding: 0;
        margin: 0;
        -webkit-box-shadow: 0 0 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);
                transform: rotate(270deg); }
  #download-page .mobile-file-row-right-toggle {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgba(255, 255, 255, 0)), color-stop(80%, white), to(white));
    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);
              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 .preview-container {
      max-height: 200px;
      min-height: 200px; }
    #download-page #download-landing-page .header-container {
      border-width: 1px 1px 0;
      padding: 1px; }
      #download-page #download-landing-page .header-container .or-section:before, #download-page #download-landing-page .header-container .or-section:after {
        display: none; }
      #download-page #download-landing-page .header-container .download-all {
        display: none; }
    #download-page #download-landing-page .mobile-app-popover-trigger {
      position: fixed;
      width: 100%;
      bottom: 0;
      left: 0;
      background-color: #36a9ae;
      padding: 20px 0;
      color: #fff;
      border: 0;
      border-radius: 0; } }
.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: 30px; }
    .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; }
  .recommended-products .button {
    margin: 0 15px 30px; }

@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 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 4px;
    width: 670px;
    margin: 30px auto 0;
    border: 1px solid #ddd; }
  #left-wrapper .share-tab .faux-wrapper {
    width: 768px; }
  #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;
    overflow-y: auto;
    margin-bottom: 30px; }
    #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 {
          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%;
        -webkit-box-sizing: border-box;
                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: 462px;
        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_name.showing-duration {
          width: 436px; }
      #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 {
        -webkit-box-sizing: border-box;
                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: 20px; }
        #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: 192px; }
          #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 {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        height: 49px;
        border-color: #ddd;
        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02);
                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 {
        -webkit-box-sizing: border-box;
                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;
    -webkit-box-sizing: border-box;
            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;
      -webkit-box-sizing: border-box;
              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);
                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);
                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%;
        -webkit-box-sizing: border-box;
                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%;
              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);
                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);
                  transform: scale(0);
          font-size: 10px; }
          #left-wrapper .upload-container .choose-existing li .gi-check.showing {
            opacity: 1;
            -webkit-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%;
          -webkit-box-sizing: border-box;
                  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;
          -webkit-box-sizing: border-box;
                  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 {
      -webkit-box-sizing: border-box;
              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;
              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;
          -webkit-box-shadow: none !important;
                  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: #f8f8f8; }
      #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://assets.gumroad.com/assets/ellipsis-icon-93cbbc74539422ab53c673e884e3f41b5eef0dd243b926704512bf513e923c56.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 {
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
        background: #36a9ae -webkit-gradient(linear, left top, left bottom, from(#37adb2), to(#329ca0));
        background: #36a9ae linear-gradient(to bottom, #37adb2, #329ca0);
        border: 1px solid #2a8387;
        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);
                transform: scale(0);
        font-size: 10px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                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);
                  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;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                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; }

.setting-actions-holder {
  margin-top: 20px; }
  .setting-actions-holder .setting-action {
    background: #fff;
    display: inline-block;
    width: 300px;
    position: relative; }

.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;
      -webkit-box-shadow: 0 1px 2px transparent;
              box-shadow: 0 1px 2px transparent;
      -webkit-box-sizing: border-box;
              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;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              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);
                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;
      -webkit-box-sizing: border-box;
              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 {
    -webkit-box-sizing: border-box;
            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 {
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              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 {
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
      background: #36a9ae -webkit-gradient(linear, left top, left bottom, from(#37adb2), to(#329ca0));
      background: #36a9ae linear-gradient(to bottom, #37adb2, #329ca0);
      border: 1px solid #2a8387;
      border-radius: 50%;
      color: #fff;
      font-size: 9px;
      opacity: 0;
      text-align: center;
      -webkit-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 {
    -webkit-box-sizing: border-box;
            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;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              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%);
              transform: translateY(-50%); }
  .limit-sales-tooltip input[type="checkbox"] {
    text-indent: -9999px;
    display: none; }
    .limit-sales-tooltip input[type="checkbox"]:checked ~ label:after {
      filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
      background: #36a9ae -webkit-gradient(linear, left top, left bottom, from(#37adb2), to(#329ca0));
      background: #36a9ae linear-gradient(to bottom, #37adb2, #329ca0);
      border: 1px solid #2a8387;
      color: #fff;
      content: "\e015"; }
  .limit-sales-tooltip input[type="text"] {
    margin-bottom: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
            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; }

.tags-and-categories-box {
  border-radius: 4px;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 10px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  padding: 20px;
  width: 470px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), -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), 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 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  -webkit-transform-origin: 63% 0;
          transform-origin: 63% 0; }
  .tags-and-categories-box.showing {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scale(1);
            transform: scale(1); }
  .tags-and-categories-box.static {
    position: relative;
    z-index: 2;
    width: auto; }
    .tags-and-categories-box.static:before, .tags-and-categories-box.static:after {
      opacity: 0; }
  .tags-and-categories-box:before, .tags-and-categories-box:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 8px;
    right: 37%;
    bottom: 100%;
    border-bottom-color: #f5f5f5; }
  .tags-and-categories-box:before {
    border-bottom-color: #ddd;
    margin-bottom: 1px; }
  .tags-and-categories-box h3 {
    font-size: 17px;
    font-weight: bold;
    color: #252a2e;
    margin-bottom: 12px; }
  .tags-and-categories-box h4 {
    font-size: 13px;
    margin-bottom: 10px;
    color: inherit; }
    .tags-and-categories-box h4 strong {
      font-weight: medium; }
  .tags-and-categories-box .learn-more {
    font-size: 17px;
    float: right;
    text-decoration: underline; }
  .tags-and-categories-box .creator-details-fields--vertical {
    padding: 0;
    overflow-x: scroll; }
    .tags-and-categories-box .creator-details-fields--vertical .vertical-scroller {
      width: 910px; }
  .tags-and-categories-box .tags-placeholder {
    height: 42px;
    width: 100%; }
  .tags-and-categories-box .chosen-results {
    opacity: 1;
    width: 100% !important; }
    .tags-and-categories-box .chosen-results li {
      float: none !important;
      margin-right: 0 !important; }
      .tags-and-categories-box .chosen-results li .tag-use-count {
        font-size: 14px;
        font-weight: bold; }
        .tags-and-categories-box .chosen-results li .tag-use-count:before {
          content: " ("; }
        .tags-and-categories-box .chosen-results li .tag-use-count:after {
          content: ")"; }

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,
  body.is-embed .scroll-button {
    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: -apple-system, ".SFNSDisplay-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.main-content .gumroad-product-embed .product-info ul {
  margin-bottom: 0; }

.envelope {
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(https://assets.gumroad.com/assets/product/patterns-f40ed85c07b5849d8f9cc4e044cb8fdbe5a88df0983fd17c2b1c329a8c289e87.png) 8px -11px repeat-x, -webkit-gradient(linear, left top, right bottom, from(#fafafa), to(#f5f5f5));
  background: url(https://assets.gumroad.com/assets/product/patterns-f40ed85c07b5849d8f9cc4e044cb8fdbe5a88df0983fd17c2b1c329a8c289e87.png) 8px -11px repeat-x, linear-gradient(to bottom right, #fafafa, #f5f5f5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          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%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .envelope .email-confirm-dialog span {
      display: block;
      margin-bottom: 5px; }
    .envelope .email-confirm-dialog .button {
      margin-right: 5px; }
  .envelope p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 10px 0;
    margin: 0;
    font-size: 13px;
    line-height: 21px;
    width: 100%; }
    .envelope p .btn.social {
      -webkit-box-sizing: border-box;
              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;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: inline-block;
      height: 38px;
      width: 100%;
      max-width: 100%;
      padding: 8px 10px;
      -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15);
              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.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_state {
        float: left;
        margin-right: 10px;
        width: 31%;
        width: calc(30% - 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;
      -webkit-box-sizing: border-box;
              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);
            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;
  position: relative;
  border-top: 1px solid #d8d8d2;
  padding: 36px 0 52px;
  background-color: #efefe9;
  color: #b0b0b0; }
  footer .icn,
  footer p {
    float: left; }
  footer .icn.logo {
    width: 20px;
    height: 20px;
    display: block;
    top: 2px;
    margin-right: 8px;
    background-position: 0 -469px; }
  footer .footer-item a {
    margin: 0 19px;
    color: #b0b0b0; }
  footer:hover .icn.logo {
    background-position: -20px -470px; }
  footer .pull-right {
    float: right; }
    footer .pull-right li {
      display: inline-block; }

@media (max-width: 768px) {
  footer {
    display: none; } }
.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 {
    float: right;
    margin-top: 3px; }
  .input-group h4 .add-button {
    border-radius: 99px;
    border: 2px solid #bbb;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20px;
    height: 20px;
    line-height: 14px;
    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://assets.gumroad.com/assets/product/sku_icon-6aafa196710ed4c9c76ca296a1ad0439eab943567099dcfa0749b94ac85ff36c.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);
            transform: scale(0);
    -webkit-transform-origin: 85% 100%;
            transform-origin: 85% 100%;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.11);
            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);
              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;
      -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.02);
              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);
              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);
                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 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #f5f5f5; }
    .input-group .inputs-box.variants-box .name {
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .input-group .inputs-box.variants-box .question-icon {
      width: 22px;
      height: 22px;
      display: block;
      background: url(https://assets.gumroad.com/assets/question-icon-fc7fa37462ff7f66dc4bb35efce841162bb600b1d0c28dac8e8f6f955652188b.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://assets.gumroad.com/assets/variants-choose-tooltip-d6ac2d7944fb779082dd532d0fa4dfca9f791eff2458ab63c275d5e655e57b46.png);
      background-position: bottom left;
      background-repeat: no-repeat;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 233px;
      left: 613px;
      top: 14px;
      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;
      -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.02);
              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);
              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);
                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);
                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 .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,
    .input-group .inputs-box .option-options-wrapper .share-offer-code {
      font-size: 15px;
      line-height: 17px;
      padding: 0 10px; }
    .input-group .inputs-box .option-options-wrapper .copy,
    .input-group .inputs-box .option-options-wrapper .share-offer-code {
      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 {
      -webkit-box-shadow: none;
              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;
      -webkit-box-shadow: 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;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          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%;
      -webkit-box-sizing: border-box;
              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: #f8f8f8;
          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%;
      -webkit-box-sizing: border-box;
              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; }

.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;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
            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: #f8f8f8;
    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;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          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 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 30%;
    float: left; }
  .invoice-preview .main {
    -webkit-box-sizing: border-box;
            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;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px;
          box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px;
  color: #999 !important;
  display: inline-block;
  font-family: -apple-system, ".SFNSDisplay-Regular", "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, -webkit-box-shadow .1s ease-in-out;
  transition: color .3s ease-in-out, -webkit-box-shadow .1s ease-in-out;
  transition: color .3s ease-in-out, box-shadow .1s ease-in-out;
  transition: color .3s ease-in-out, box-shadow .1s ease-in-out, -webkit-box-shadow .1s ease-in-out; }
  .gumroad-button span {
    background-image: url(https://assets.gumroad.com/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 {
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px !important;
            box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px !important;
    color: #777 !important; }
  .gumroad-button:active {
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 0 3px !important;
            box-shadow: inset rgba(0, 0, 0, 0.3) 0 0 3px !important;
    background: #f5f5f5; }

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

.flash-message {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  z-index: 13;
  top: -40px;
  left: 0;
  right: 0;
  text-align: center;
  color: #252a2e;
  font-size: 15px;
  display: block;
  -webkit-transition: top 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
  transition: top 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
  pointer-events: none; }
  .flash-message .message {
    border-radius: 4px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 8px 12px;
    pointer-events: all;
    cursor: pointer; }
  .flash-message.showing {
    top: 17px; }

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

@media (max-width: 768px) {
  .library-header {
    font-size: 18px;
    line-height: 27px;
    margin: 30px 15px; } }
.library-container footer {
  display: none; }
.library-container .mobile-apps-callout {
  bottom: 0;
  -webkit-box-shadow: none;
          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 {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center;
      display: block;
      position: absolute;
      bottom: 0;
      padding: 20px;
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(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: 17px;
        color: #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  .library .library-product {
    height: 300px; }
  .library .selected-product-wrapper .library-row {
    float: none;
    padding: 0; }

@media (max-width: 768px) {
  .library {
    padding: 15px 0 0; }
    .library .product-row {
      margin-bottom: 15px; }
    .library .product.popped .preview-container .close-popped-product-modal-button {
      display: block; } }
.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 {
    margin: 5px 0 10px; }
  .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 .dropbox-dropin-btn {
    display: block !important;
    border-radius: 4px !important;
    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
            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: -apple-system, ".SFNSDisplay-Regular", "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;
      -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15) !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 {
    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
            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;
      -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15) !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 .ended-notice,
  .selected-product-wrapper .library-product .product-information .purchase-notice {
    margin-bottom: 15px; }
    .selected-product-wrapper .library-product .product-information button:last-child,
    .selected-product-wrapper .library-product .product-information .button:last-child,
    .selected-product-wrapper .library-product .product-information .ended-notice:last-child,
    .selected-product-wrapper .library-product .product-information .purchase-notice:last-child {
      margin-bottom: 0; }
  .selected-product-wrapper .library-product .product-information .pause-button,
  .selected-product-wrapper .library-product .product-information .play-button {
    color: inherit; }

@media (max-width: 768px) {
  .selected-product-wrapper .library-product {
    padding: 15px 0 0; }
    .selected-product-wrapper .library-product.popped {
      padding: 0; }
    .selected-product-wrapper .library-product .product-information button,
    .selected-product-wrapper .library-product .product-information .button,
    .selected-product-wrapper .library-product .product-information .ended-notice {
      margin-bottom: 10px; }
    .selected-product-wrapper .library-product .product-information .preview-container .close-popped-product-modal-button {
      display: block; } }
.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; }
  .purchase-notice.full-width {
    display: block; }

.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://assets.gumroad.com/assets/kindle-button-gradient-e0fd27a5e17478a9ab586105e3c04abe389470d7de6ada22a713a64a401c4af2.png) repeat-x;
  background-size: contain;
  height: 15px; }
  .kindle-widget:hover {
    border-color: #797874; }
  .kindle-widget:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
            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.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: -apple-system, ".SFNSDisplay-Regular", "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;
  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: -apple-system, ".SFNSDisplay-Regular", "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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-box-sizing: border-box;
          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 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  -webkit-box-shadow: 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-gradient(linear, left top, left bottom, from(#242424), to(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;
  -webkit-box-shadow: 0 0 3px #000;
          box-shadow: 0 0 3px #000; }

.medium-editor-toolbar li button {
  background-color: #242424;
  background: -webkit-gradient(linear, left top, left bottom, from(#242424), to(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);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
          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-gradient(linear, left top, left bottom, from(#242424), to(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;
  -webkit-box-sizing: border-box;
          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 {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
    background: #36a9ae -webkit-gradient(linear, left top, left bottom, from(#37adb2), to(#329ca0));
    background: #36a9ae linear-gradient(to bottom, #37adb2, #329ca0);
    border: 1px solid #2a8387;
    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;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
    .navigation-dropdown-group--megaphone .task-count:hover {
      -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
              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 {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 6px 20px rgba(0, 0, 0, 0.4);
            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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=transparent, endColorstr=rgba(0, 0, 0, 0.8), GradientType=0)";
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(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 {
    -webkit-box-sizing: border-box;
            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,
.secondary-navigation,
.secondary-navigation--centered {
  border-bottom: 1px solid #ddddd4;
  height: 70px;
  position: relative;
  width: 100%;
  z-index: 2; }

#user_page .navigation--primary,
#product_page .navigation--primary {
  background: #efefe9; }

.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%);
            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://assets.gumroad.com/assets/wordmark_logo-7e44d3ab28fcd7a7cc7f992a38599b9a5968fc09ec1bdb32cb0b4291d3cd2bac.svg);
      height: 32px;
      width: 126px;
      left: 0;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
.navigation--primary .show-navigation {
  display: none; }
.navigation--primary .hide-navigation {
  display: none; }
.navigation--primary .navigation-logo {
  width: 24px; }
.navigation--primary .switch-navigation-trigger,
.navigation--primary .switch-navigation-trigger,
.navigation--primary .navigation-links > li.switch-navigation-trigger {
  color: #666;
  opacity: .58; }
  .navigation--primary .switch-navigation-trigger a:not(.button),
  .navigation--primary .switch-navigation-trigger a:not(.button) {
    color: #666; }
  .navigation--primary .switch-navigation-trigger:hover,
  .navigation--primary .switch-navigation-trigger:hover,
  .navigation--primary .navigation-links > li.switch-navigation-trigger:hover {
    opacity: 1; }
  .navigation--primary .switch-navigation-trigger .icn-switch,
  .navigation--primary .switch-navigation-trigger .icn-switch,
  .navigation--primary .navigation-links > li.switch-navigation-trigger .icn-switch {
    top: 4px;
    position: relative;
    margin-right: 13px; }
.navigation--primary .consumer .switch-navigation-trigger {
  float: right;
  padding-left: 15px; }
.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; }
    .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 {
      float: right; }
  .navigation--primary .navigation-links > li {
    display: inline-block;
    padding: 0 15px; }
    .navigation--primary .navigation-links > li.nav-item-login {
      padding-right: 0; }
    .navigation--primary .navigation-links > li.navigation-dropdown-group--megaphone {
      padding: 0; }
    .navigation--primary .navigation-links > li.switch-navigation-trigger .icn-switch {
      top: 4px;
      position: relative;
      margin-right: 8px; }
    .navigation--primary .navigation-links > li.log-out-trigger.consumer {
      padding-left: 15px; }
    .navigation--primary .navigation-links > li.log-out-trigger a:not(.button) .gi {
      margin-right: 10px; }
    .navigation--primary .navigation-links > li > a:not(.button) {
      display: block;
      font-size: 13px;
      font-weight: 500; }
      .navigation--primary .navigation-links > li > a:not(.button):hover {
        text-decoration: none; }
      .navigation--primary .navigation-links > li > a:not(.button) .unread-counter {
        border-radius: 99px;
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        color: #fff;
        background: #36a9ae;
        top: 18px;
        left: 26px;
        font-size: 11px;
        text-align: center;
        line-height: 16px; }
      .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: 18px; }
        .navigation--primary .navigation-links > li > a:not(.button) .gi:not(.gi-megaphone) {
          margin-right: 13px; }
  .navigation--primary .navigation-links > li:not(.switch-navigation-trigger) > a:not(.button) {
    color: #a0a0a0; }
    .navigation--primary .navigation-links > li:not(.switch-navigation-trigger) > a:not(.button):hover {
      color: #666; }
    .navigation--primary .navigation-links > li:not(.switch-navigation-trigger) > a:not(.button).active {
      color: #333; }
.navigation--primary .navigation-account {
  -webkit-box-sizing: border-box;
          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%);
            transform: translateY(-50%); }
    .navigation--primary .navigation-account .navigation-profile-picture:hover {
      cursor: pointer; }
  .navigation--primary .navigation-account .navigation-account-name {
    -webkit-box-sizing: border-box;
            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);
              transform: translateY(-50%) rotate(90deg);
      width: 15px; }
  .navigation--primary .navigation-account .nav-item-signup {
    padding: 15px;
    line-height: 0;
    height: auto; }
.navigation--primary .navigation-search {
  float: right;
  height: 70px;
  position: relative;
  width: 100%;
  max-width: 315px;
  margin-right: 10px; }
  .navigation--primary .navigation-search:after {
    content: "\e008";
    display: inline-block;
    font-family: GumIcons;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 17px;
    color: #aaa;
    z-index: 9; }
  .navigation--primary .navigation-search .navigation-search__filter {
    left: 1px;
    background: #f5f5f5;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    top: 50%;
    height: 38px;
    line-height: 38px;
    padding: 0 15px 0 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    color: #797874;
    display: inline-block;
    border-right: 1px solid #ddddd4; }
    .navigation--primary .navigation-search .navigation-search__filter:hover {
      text-decoration: none;
      color: #252a2e; }
  .navigation--primary .navigation-search .navigation-search__filter-dropdown {
    border-radius: 4px;
    -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);
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 15% 0%;
            transform-origin: 15% 0%;
    pointer-events: none;
    background: #f5f5f5;
    top: 100%;
    display: inline-block;
    position: absolute;
    border: 1px solid #ddddd4;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    z-index: 7; }
    .navigation--primary .navigation-search .navigation-search__filter-dropdown.showing {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
      pointer-events: all; }
    .navigation--primary .navigation-search .navigation-search__filter-dropdown:before, .navigation--primary .navigation-search .navigation-search__filter-dropdown:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      bottom: 100%;
      left: 21px;
      border-width: 6px;
      border-bottom-color: #f5f5f5; }
    .navigation--primary .navigation-search .navigation-search__filter-dropdown:before {
      margin-top: -2px;
      border-bottom-color: #aaa; }
    .navigation--primary .navigation-search .navigation-search__filter-dropdown li {
      border-bottom: 1px solid #ddddd4;
      font-size: 13px;
      padding: 6px 8px;
      cursor: pointer; }
      .navigation--primary .navigation-search .navigation-search__filter-dropdown li:hover {
        color: #252a2e; }
      .navigation--primary .navigation-search .navigation-search__filter-dropdown li:last-child {
        border-bottom: 0; }
  .navigation--primary .navigation-search .navigation-search__input {
    -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);
    font-size: 13px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 40px;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    border-radius: 50px;
    border: 1px solid #ddddd4;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    padding: 0 15px 0 130px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 100% center; }

@media only screen and (max-width: 768px) {
  .responsive .navigation--primary {
    height: 50px; }
    .responsive .navigation--primary.showing-links {
      height: 100px; }
    .responsive .navigation--primary.logged-out .navigation-links .nav-item-login,
    .responsive .navigation--primary.logged-out .navigation-links .nav-item-signup {
      display: inline-block;
      float: none;
      padding: 0 0 0 10px;
      top: 0; }
    .responsive .navigation--primary.logged-out .navigation-links.public .nav-item-login,
    .responsive .navigation--primary.logged-out .navigation-links.public .nav-item-signup {
      margin-top: 0;
      top: -1px;
      position: relative; }
    .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://assets.gumroad.com/assets/logo-70cc6d4c5ab29be1bae97811585bc664524cd99897327ec47a67a76a6f69be91.svg);
          left: 50%;
          -webkit-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;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 50px;
      left: 0;
      line-height: 50px;
      overflow-y: scroll;
      position: relative;
      text-align: left;
      top: 50px;
      white-space: nowrap;
      width: 100%;
      z-index: 9; }
      .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;
      z-index: 5; }
      .responsive .navigation--primary .navigation-account > li {
        height: 50px; }
      .responsive .navigation--primary .navigation-account .name,
      .responsive .navigation--primary .navigation-account .gi-chevron-right {
        display: none; }
    .responsive .navigation--primary .navigation-search {
      height: 50px;
      max-width: 100%;
      width: calc(100% - 105px);
      left: 50px;
      position: absolute;
      z-index: 9;
      margin-right: 0; }
      .responsive .navigation--primary .navigation-search:after,
      .responsive .navigation--primary .navigation-search .navigation-search__filter {
        display: none; }
      .responsive .navigation--primary .navigation-search ::-webkit-input-placeholder {
        text-indent: -9999px; }
      .responsive .navigation--primary .navigation-search :-ms-input-placeholder {
        text-indent: -9999px; }
      .responsive .navigation--primary .navigation-search ::-ms-input-placeholder {
        text-indent: -9999px; }
      .responsive .navigation--primary .navigation-search ::placeholder {
        text-indent: -9999px; }
      .responsive .navigation--primary .navigation-search .navigation-search__input {
        width: 32px;
        height: 32px;
        display: block;
        padding: 10px;
        background: url(https://assets.gumroad.com/assets/search-4cd41592dbea1b090668cf4d353d1eefb6cb7e0c176d0d857e2754a7f3af3039.png) #fff;
        background-size: 13px 13px;
        background-repeat: no-repeat;
        background-position: 9px 9px;
        z-index: 9; }
        .responsive .navigation--primary .navigation-search .navigation-search__input:focus {
          width: 100%;
          background-position: 95% center; }
          .responsive .navigation--primary .navigation-search .navigation-search__input:focus ::-webkit-input-placeholder {
            text-indent: 0; }
          .responsive .navigation--primary .navigation-search .navigation-search__input:focus :-ms-input-placeholder {
            text-indent: 0; }
          .responsive .navigation--primary .navigation-search .navigation-search__input:focus ::-ms-input-placeholder {
            text-indent: 0; }
          .responsive .navigation--primary .navigation-search .navigation-search__input:focus ::placeholder {
            text-indent: 0; } }
.secondary-navigation,
.secondary-navigation--centered {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  font-size: 17px;
  height: 65px;
  z-index: 1; }
  .secondary-navigation .secondary-navigation__trigger,
  .secondary-navigation--centered .secondary-navigation__trigger {
    float: none;
    display: inline-block;
    position: relative;
    -webkit-transition: 0.5s opacity cubic-bezier(0.23, 1.5, 0.32, 1);
    transition: 0.5s opacity cubic-bezier(0.23, 1.5, 0.32, 1); }
    .secondary-navigation .secondary-navigation__trigger > a:not(.button),
    .secondary-navigation--centered .secondary-navigation__trigger > a:not(.button) {
      height: 65px;
      padding: 0 15px;
      line-height: 65px;
      color: #a0a0a0;
      display: inline-block; }
      .secondary-navigation .secondary-navigation__trigger > a:not(.button):hover,
      .secondary-navigation--centered .secondary-navigation__trigger > a:not(.button):hover {
        color: #666;
        text-decoration: none; }
      .secondary-navigation .secondary-navigation__trigger > a:not(.button).active,
      .secondary-navigation--centered .secondary-navigation__trigger > a:not(.button).active {
        color: #333; }
    .secondary-navigation .secondary-navigation__trigger:first-child > a,
    .secondary-navigation--centered .secondary-navigation__trigger:first-child > a {
      padding-left: 0; }
    .secondary-navigation .secondary-navigation__trigger:first-child .customization-module,
    .secondary-navigation--centered .secondary-navigation__trigger:first-child .customization-module {
      margin-left: -175px; }
  .secondary-navigation .secondary-navigation__actions,
  .secondary-navigation--centered .secondary-navigation__actions {
    float: right;
    margin-top: 11px; }
    .secondary-navigation .secondary-navigation__actions .faux-preview-toggle,
    .secondary-navigation--centered .secondary-navigation__actions .faux-preview-toggle {
      display: block;
      padding: 10px 0;
      position: relative;
      text-decoration: none;
      top: 2px; }
      .secondary-navigation .secondary-navigation__actions .faux-preview-toggle:after,
      .secondary-navigation--centered .secondary-navigation__actions .faux-preview-toggle:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 5; }
    .secondary-navigation .secondary-navigation__actions li,
    .secondary-navigation--centered .secondary-navigation__actions li {
      float: left;
      margin-right: 15px; }
      .secondary-navigation .secondary-navigation__actions li:last-child,
      .secondary-navigation--centered .secondary-navigation__actions li:last-child {
        margin-right: 0; }

.secondary-navigation--centered {
  text-align: center; }
  .secondary-navigation--centered li {
    float: none;
    display: inline-block;
    line-height: 65px; }
    .secondary-navigation--centered li > a {
      height: 65px;
      padding: 0 15px;
      line-height: 65px;
      color: #a0a0a0; }
      .secondary-navigation--centered li > a:hover {
        color: #666;
        text-decoration: none; }
      .secondary-navigation--centered li > a.active {
        color: #333;
        cursor: default; }

.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; }
  .navigation-dropdown--account .with-button {
    padding: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

@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);
          transform: scale(1);
  pointer-events: all; }
.navigation-dropdown-group--account, .navigation-dropdown-group--megaphone, .navigation-dropdown-group--learn {
  position: relative; }

.minimal-nav {
  -webkit-box-sizing: border-box;
          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 {
      -webkit-box-shadow: none;
              box-shadow: none;
      font-size: 17px; }
      .minimal-nav .right .login-button:hover {
        -webkit-box-shadow: none;
                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;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          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: #f8f8f8;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            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 {
      -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
              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;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
            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;
    -webkit-box-sizing: border-box;
            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 {
      -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
              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;
    -webkit-box-sizing: border-box;
            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;
      -webkit-box-sizing: border-box;
              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);
                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);
                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;
        -webkit-box-sizing: border-box;
                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%;
              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);
                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);
                  transform: scale(0);
          font-size: 10px; }
          .new-product-form .upload-container .choose-existing li .gi-check.showing {
            opacity: 1;
            -webkit-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%;
          -webkit-box-sizing: border-box;
                  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;
    -webkit-box-sizing: border-box;
            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;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
            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 {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 100%;
      background: url(https://assets.gumroad.com/assets/header_bar-bd3be3db872f96368507899b9f29f6e4acdd64c84dfc132c2f7366924c900b52.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;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
              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%;
                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] {
      -webkit-box-sizing: border-box;
              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 {
    -webkit-box-sizing: border-box;
            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; }

@keyframes spinner {
  from {
    -webkit-transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg); } }
.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;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  padding: 5px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          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;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  padding: 5px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          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; }

.or-section:before {
  background-color: #ddd;
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  top: 0;
  left: 50%; }
.or-section:after {
  width: 50px;
  height: 50px;
  display: block;
  background: #f8f8f8;
  border-radius: 50%;
  content: "or";
  color: #ddd;
  line-height: 50px;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  text-align: center; }

.hidden-text-for-emails {
  display: none;
  font-size: 1px;
  color: #efefe9;
  line-height: 1px;
  max-height: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden; }

.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;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02);
          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);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02);
          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;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02);
          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;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
            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://assets.gumroad.com/assets/arrow-stripe-ae15afafb3ceae1880989ce11d05984a4dfad2333cdf9629432247dab35f0c86.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://assets.gumroad.com/assets/arrow-head-7701e0246fc143344f46163769bdfed920d44b1bda360c9b04b557fe47e070e8.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; }

.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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.4s cubic-bezier(0.23, 1.5, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
  transition: opacity 0.4s cubic-bezier(0.23, 1.5, 0.32, 1), -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), 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 0.4s cubic-bezier(0.23, 1.5, 0.32, 1);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%; }
  .vat-country-choice.showing {
    opacity: 1;
    -webkit-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 input[disabled],
.payout-settings select[disabled] {
  cursor: not-allowed; }
.payout-settings .update-accout-settings-button {
  width: 100%; }
.payout-settings .country-dropdown {
  border-width: 1px 0 0;
  border-radius: 0; }
.payout-settings .rotate-container {
  height: 232px; }
.payout-settings .notice {
  text-align: center;
  margin-top: 30px; }

.payout-account-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 20px;
  margin-bottom: 20px; }

.debit-card-form {
  max-width: 320px;
  margin: 0 auto 20px; }
  .debit-card-form .or-pay-with,
  .debit-card-form .paypal {
    display: none !important; }

.direct-deposit-form {
  background: url(https://assets.gumroad.com/assets/settings/noise-50a5f54610c24b6c9420fd132d8f0e023cdb77d9c51c5c6788d0eca869f09703.png);
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          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;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.4);
            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://assets.gumroad.com/assets/settings/noise-50a5f54610c24b6c9420fd132d8f0e023cdb77d9c51c5c6788d0eca869f09703.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;
      -webkit-box-shadow: none;
              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;
        -webkit-box-sizing: border-box;
                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; }

.add-company-owner-button {
  margin-bottom: 20px;
  width: 100%;
  text-align: center; }

.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%);
            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://assets.gumroad.com/assets/icons-3938f0d900f636eba9ed4a7a5251f826fad9086f535e44a5ee8228631ccb16ff.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://assets.gumroad.com/assets/icons-3938f0d900f636eba9ed4a7a5251f826fad9086f535e44a5ee8228631ccb16ff.png);
    background-position: -25px -135px; }

.is-embed .powered-by-footer,
.is-modal .powered-by-footer {
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
          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://assets.gumroad.com/assets/product/audio-controls-9aacf97dca9ebfd21c0257ffe9ac5879d9c516d88dacb54de903de243befafa4.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: 1; }
  .preview-container .preview-shadow {
    background: url(https://assets.gumroad.com/assets/product/patterns-f40ed85c07b5849d8f9cc4e044cb8fdbe5a88df0983fd17c2b1c329a8c289e87.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);
            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%);
              transform: translateY(-50%); }
    .preview-container .preview-arrow:hover {
      color: #fff;
      cursor: pointer;
      -webkit-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);
                transform: scale(1.1); }
    .preview-container .preview-arrow.previous {
      margin-left: 15px; }
      .preview-container .preview-arrow.previous:hover {
        -webkit-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;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            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%);
            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; }
    .preview-container .upload-method-container.showing-url-input {
      width: 390px; }
    .preview-container .upload-method-container .upload-method {
      -webkit-box-sizing: border-box;
              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 {
        -webkit-box-sizing: border-box;
                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;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        float: left; }
    .preview-container .upload-method-container .upload-method-toggle {
      -webkit-box-sizing: border-box;
              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;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
              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);
            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://assets.gumroad.com/assets/cover_placeholder_uploading-f29aafb612070c10dc05e7d8bda171383a763e0f5b3bd7b7daf5d13b072d4270.png); }
    @media only screen and (min-device-pixel-ratio: 2) {
      .preview-container.uploading:first-of-type {
        background-image: url(https://assets.gumroad.com/assets/cover_placeholder_uploading@2x-cd2f49b6df06c86ab0e25b0ae806bfe588e66a53bc171ff304d3829bf690dd1d.png);
        background-size: 670px 370px; } }
  .preview-container.default-preview {
    background-image: url(https://assets.gumroad.com/assets/cover_placeholder-e7bd41592610e2b3b325da4e2f07d3e11a5ea527d0156a4616dcde7260a7ccbb.png);
    background-position: center;
    min-height: 300px; }
    @media only screen and (min-device-pixel-ratio: 2) {
      .preview-container.default-preview {
        background-image: url(https://assets.gumroad.com/assets/cover_placeholder@2x-f60c210027ee166229ad8867ad12c10b5684656315245cee8713443e5ecca191.png);
        background-size: 670px 400px; } }
    .preview-container.default-preview .upload-method-container {
      background: transparent;
      -webkit-box-shadow: none;
              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);
            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);
            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 {
      -webkit-box-sizing: border-box;
              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 {
      -webkit-box-sizing: border-box;
              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;
    -webkit-box-sizing: border-box;
            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;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          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);
                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 {
    -webkit-box-sizing: border-box;
            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 {
    -webkit-box-sizing: border-box;
            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 {
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              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: #36a9ae -webkit-gradient(linear, left top, left bottom, from(#37adb2), to(#329ca0));
      background: #36a9ae linear-gradient(to bottom, #37adb2, #329ca0);
      border: 1px solid #2a8387;
      color: #fff;
      font-size: 9px;
      opacity: 0;
      text-align: center;
      -webkit-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);
            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: -apple-system, ".SFNSDisplay-Regular", "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 {
    color: #adadad;
    display: block;
    font-size: 16px;
    position: relative;
    margin-bottom: 10px; }
    .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 {
    -webkit-box-sizing: border-box;
            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: rgba(0, 0, 0, 0.15);
      content: ""; }
  .product-main .product-information.two-column .want-container {
    -webkit-box-sizing: border-box;
            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 .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 .already-bought-notice {
    border-radius: 4px;
    margin-top: 20px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 12px 15px; }
    .want-container .already-bought-notice .button {
      margin-top: 10px; }
  .want-container button {
    width: 100%; }

.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,
.faux-product--skeleton {
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  margin: 0 auto; }
  .faux-product .cover,
  .faux-product--skeleton .cover {
    width: 100%;
    height: 290px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.faux-product--skeleton {
  height: 670px; }
  .faux-product--skeleton .preview-container {
    opacity: .4; }

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

.product {
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          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; }

.scroll-button {
  z-index: 13;
  position: fixed;
  bottom: 15px;
  left: 50%;
  margin-left: -10px;
  font-size: 40px;
  color: #fff;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .3s ease-out, transform .3s ease-out;
  transition: opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.15); }
  .scroll-button.showing {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  .scroll-button:active {
    color: inherit; }

.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%);
              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;
          -webkit-box-shadow: 0 1px 2px rgba(0, 0, 3, 0.1);
                  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-gradient(linear, left top, right top, from(rgba(245, 245, 245, 0)), to(whitesmoke));
          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-gradient(linear, left top, right top, from(whitesmoke), to(rgba(245, 245, 245, 0)));
        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;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 3, 0.1);
            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);
            transform: scale(0);
    -webkit-transform-origin: 20% 0%;
            transform-origin: 20% 0%; }
    .read-wrapper .toc.showing {
      opacity: 1;
      -webkit-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-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#e9e9e9));
      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;
      -webkit-box-shadow: none;
              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;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 3, 0.1);
            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);
            transform: scale(0);
    -webkit-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);
              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;
      -webkit-box-sizing: border-box;
              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%);
                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%;
  -webkit-box-sizing: border-box;
          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;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.15);
            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;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17), 0 5px 10px rgba(0, 0, 0, 0.05);
          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 {
    -webkit-box-sizing: border-box;
            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 input[type=text] {
      -webkit-box-sizing: border-box;
              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:-ms-input-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 .try-again {
    border-top: 1px dotted #c04355;
    padding-top: 15px; }
  .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;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
            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 .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 .mobile-app-popover .country-list {
    border-bottom-width: 1px; }

.receipt_shadow {
  border-top: 1px solid #666;
  opacity: 0;
  background: url(https://assets.gumroad.com/assets/product/patterns-f40ed85c07b5849d8f9cc4e044cb8fdbe5a88df0983fd17c2b1c329a8c289e87.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://assets.gumroad.com/assets/icons-3938f0d900f636eba9ed4a7a5251f826fad9086f535e44a5ee8228631ccb16ff.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;
  -webkit-box-sizing: border-box;
          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-gradient(linear, left top, left bottom, from(#fff), to(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-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#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%; }
  .recommendations-blurb .button {
    margin-top: 15px; }

.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;
    -webkit-box-sizing: border-box;
            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;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  position: absolute;
  right: -30px;
  top: 15px; }
  .change-default:hover {
    -webkit-box-shadow: inset 0;
            box-shadow: inset 0; }

.offer-rental,
.offer-buy {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.12);
          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;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0; }

.creator-profile-card,
.creator-profile-card--medium,
.creator-profile-card--small {
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
          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[contenteditable]:hover,
    .creator-profile-card--medium .creator-profile-card__name[contenteditable]:hover,
    .creator-profile-card--small .creator-profile-card__name[contenteditable]: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;
    color: #797874;
    font-size: 21px;
    line-height: 150%; }
    .creator-profile-card .creator-profile-card__bio[contenteditable]:hover,
    .creator-profile-card--medium .creator-profile-card__bio[contenteditable]:hover,
    .creator-profile-card--small .creator-profile-card__bio[contenteditable]:hover {
      background: #fef1d6;
      border-radius: 4px;
      cursor: pointer; }
    .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 {
      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 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[contenteditable]:hover,
    .creator-profile-card--medium .creator-profile-card__form-subtext p[contenteditable]:hover,
    .creator-profile-card--small .creator-profile-card__form-subtext p[contenteditable]: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%;
      -webkit-box-sizing: border-box;
              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;
    -webkit-box-sizing: border-box;
            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;
      -webkit-box-sizing: border-box;
              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%);
          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);
            transform: translate(0, 0); }
    .creator-profile-card--medium .creator-profile-card__social {
      right: 15px; } }
.creator-profile-card--small {
  bottom: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  margin-bottom: 39px;
  opacity: 0;
  padding: 15px;
  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);
          transform: scale(0);
  -webkit-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="email"] {
      width: 65%;
      height: 40px;
      padding: 10px;
      font-size: 15px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .creator-profile-card--small .creator-profile-card__form .follow-user-form button {
      font-size: 15px;
      height: 40px;
      -webkit-box-sizing: border-box;
              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;
      -webkit-box-sizing: border-box;
              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);
          transform: scale(1);
  pointer-events: all; }

.filter-products-container {
  text-align: center; }
  .filter-products-container h4 {
    margin-top: 10px;
    font-size: 13px; }
  .filter-products-container .tag-pill {
    float: none; }

.settings-form input[type=text],
.settings-form input[type=email],
.settings-form input[type=url],
.settings-form textarea,
.settings-form select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%; }
  .settings-form input[type=text].tax-id,
  .settings-form input[type=email].tax-id,
  .settings-form input[type=url].tax-id,
  .settings-form textarea.tax-id,
  .settings-form select.tax-id {
    margin-left: 20px;
    width: 200px; }
.settings-form input[type=checkbox] {
  width: 12px; }
.settings-form select {
  padding: 10px; }
.settings-form textarea {
  max-width: 100%; }
.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 > label,
  .settings-form .setting-group > li label {
    font-size: 16px;
    margin-top: 11px; }
  .settings-form .setting-group.disabled {
    opacity: .5;
    pointer-events: none; }
  .settings-form .setting-group.not-bordered {
    border-top: 0;
    padding-top: 6px; }
  .settings-form .setting-group li.access-token-list-element {
    margin-top: 43px; }
    .settings-form .setting-group li.access-token-list-element .access-token-container {
      text-align: center;
      margin-left: 13px; }
    .settings-form .setting-group li.access-token-list-element .token-label {
      margin-top: 0; }
  .settings-form .setting-group .toggle-wrapper {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 20px;
    font-size: 17px; }
    .settings-form .setting-group .toggle-wrapper .preview-toggle {
      float: right; }
      .settings-form .setting-group .toggle-wrapper .preview-toggle label {
        margin-top: 0; }
  .settings-form .setting-group .preview-toggle {
    font-size: 17px; }
    .settings-form .setting-group .preview-toggle + .email {
      margin-top: 20px; }
  .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;
      -webkit-box-sizing: border-box;
              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 > 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 textarea:disabled {
    background-color: #eee;
    color: #aaa; }
.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;
    cursor: pointer; }
  .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;
  -webkit-box-sizing: border-box;
          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%);
              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: #55acee -webkit-gradient(linear, left top, left bottom, from(#5aaeee), to(#45a4ec));
      background: #55acee linear-gradient(to bottom, #5aaeee, #45a4ec);
      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: #55acee -webkit-gradient(linear, left top, left bottom, from(#5aaeee), to(#45a4ec));
    background: #55acee linear-gradient(to bottom, #5aaeee, #45a4ec);
    border: 1px solid #2795e9;
    border-radius: 4px;
    color: #fff;
    -webkit-box-sizing: border-box;
            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; }
.settings-form .sales-tax-wrapper input {
  width: 140px; }
.settings-form .sales-tax-wrapper label {
  float: left !important;
  margin-top: 0; }
.settings-form .pro-p {
  margin: 0 0 10px;
  color: #aaa; }

.well {
  border-radius: 4px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  background: #f5f5f5;
  padding: 15px; }

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

.preorder-release-now-button {
  margin-top: 10px; }

.share-tab-section {
  clear: both;
  padding: 20px;
  border-top: 1px solid #ddd; }
  .share-tab-section:first-child {
    border-top: 0; }
  .share-tab-section > small {
    text-transform: uppercase;
    display: block;
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 5px;
    color: #ccc; }
  .share-tab-section > strong {
    color: #252a2e;
    font-size: 20px; }
  .share-tab-section > p {
    color: #aaa;
    font-size: 13px;
    margin: 8px 0 0; }
  .share-tab-section .header-container {
    text-align: center;
    position: relative;
    margin: 25px 0; }
    .share-tab-section .header-container:before {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background: #ddd;
      position: absolute;
      top: 50%;
      left: 0; }
    .share-tab-section .header-container strong {
      font-weight: normal;
      display: inline-block;
      text-align: center;
      padding: 0 20px;
      background: #fff;
      text-transform: uppercase;
      color: #aaa;
      font-size: 16px;
      position: relative; }
  .share-tab-section .list-of-actions {
    margin: 0 -20px 20px 0; }
    .share-tab-section .list-of-actions li {
      width: 25%;
      float: left; }
      .share-tab-section .list-of-actions li:first-child {
        width: 50%; }
    .share-tab-section .list-of-actions input {
      height: 35px;
      width: 327px;
      padding-left: 15px;
      color: #aaa; }
    .share-tab-section .list-of-actions .share-link {
      position: absolute;
      top: 18px;
      right: 28px;
      opacity: .6; }
    .share-tab-section .list-of-actions .button-social-twitter,
    .share-tab-section .list-of-actions .button-social-facebook {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      font-weight: 500;
      margin-right: 20px;
      padding: 0 0 0 75px;
      height: 57px;
      line-height: 56px;
      text-align: left;
      display: block; }
  .share-tab-section .widget-tabs .icn-overlay,
  .share-tab-section .widget-tabs .icn-embed,
  .share-tab-section .widget-tabs p {
    display: none !important; }
  .share-tab-section .widget-tabs a {
    padding: 5px 0; }
    .share-tab-section .widget-tabs a h3 {
      font-size: 16px; }

.edit-page-tab .orientation-greeter {
  width: 786px;
  margin: 80px auto 30px; }
  .edit-page-tab .orientation-greeter .orientation-task-content {
    padding: 10px; }
    .edit-page-tab .orientation-greeter .orientation-task-content .header-container strong {
      background: #f8f8f8; }

.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;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          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; }
  .single-page-form:not(.horizontal-form) button {
    margin-top: 30px; }

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

.upgrade-content {
  font-size: 17px;
  line-height: 1.35; }
  .upgrade-content.splash {
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    margin: 60px 0;
    padding: 15px; }
    .upgrade-content.splash .check-list--bold {
      max-width: 263px; }

.upgrade-content-header {
  padding: 30px 0 0;
  text-align: center;
  line-height: 1; }
  .upgrade-content-header h1 {
    color: #252a2e;
    font-size: 48px;
    margin-bottom: 30px; }
  .upgrade-content-header h2 {
    color: #797874;
    font-size: 28px; }

.upgrade-content-section,
.upgrade-content-section--no-footer {
  margin: 40px auto; }
  .upgrade-content-section--no-footer {
    margin-bottom: 0; }
  .upgrade-content-section h3,
  .upgrade-content-section--no-footer h3 {
    color: #252a2e;
    font-size: 22px;
    line-height: 17px;
    margin-bottom: 30px; }
    .upgrade-content-section h3.spaced,
    .upgrade-content-section--no-footer h3.spaced {
      margin-top: 40px; }
  .upgrade-content-section .columns,
  .upgrade-content-section--no-footer .columns {
    padding: 0 30px; }
  .upgrade-content-section .four.columns,
  .upgrade-content-section .six.columns:first-of-type,
  .upgrade-content-section--no-footer .four.columns,
  .upgrade-content-section--no-footer .six.columns:first-of-type {
    border-right: 1px solid #ddd; }
  .upgrade-content-section .credit-card-form,
  .upgrade-content-section--no-footer .credit-card-form {
    max-width: 320px;
    margin-bottom: 30px; }

.upgrade-content-footer {
  text-align: center;
  padding-bottom: 30px; }
  .upgrade-content-footer h2 {
    color: #797874;
    font-size: 28px;
    margin-bottom: 30px; }
    .upgrade-content-footer h2 a {
      text-decoration: underline; }
  .upgrade-content-footer .skip-link {
    color: #aaa;
    text-decoration: underline;
    display: block;
    margin-top: 30px; }

.upgrade-fine-print {
  border-top: 1px solid #ddd;
  padding-top: 30px;
  font-size: 15px;
  line-height: 1.7; }

.tiers-table {
  border-radius: 4px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  width: 100%;
  font-size: 20px;
  margin-bottom: 30px;
  border-collapse: separate; }
  .tiers-table thead {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .tiers-table tr:last-of-type {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    .tiers-table tr:last-of-type td {
      border-bottom: 0; }
  .tiers-table tr.current {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#36a9ae, GradientType=0)";
    background: -webkit-gradient(linear, left top, left bottom, from(#37adb2), to(#36a9ae));
    background: linear-gradient(to bottom, #37adb2, #36a9ae);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    outline: 1px solid #2a8387; }
    .tiers-table tr.current td {
      border-bottom: 0; }
  .tiers-table th,
  .tiers-table td {
    padding: 20px;
    border-bottom: 1px solid #ddd; }
    .tiers-table th:first-of-type,
    .tiers-table td:first-of-type {
      text-align: left; }
    .tiers-table th:last-of-type,
    .tiers-table td:last-of-type {
      text-align: right; }

.upgrade-prompt {
  left: 50%;
  margin-left: -300px;
  width: 600px;
  margin-top: 20px; }
  .upgrade-prompt h3 {
    font-size: 17px;
    margin: 15px;
    color: #797874;
    text-align: center; }
  .upgrade-prompt hr {
    width: 100%;
    height: 1px;
    background: #ddd; }
  .upgrade-prompt img {
    border-radius: 4px;
    margin: 15px;
    display: block; }

.check-list,
.check-list--small,
.check-list--bold,
.check-list--full-width,
.checkbox-list,
.checkbox-list--horizontal {
  float: left; }
  .check-list li,
  .check-list--small li,
  .check-list--bold li,
  .check-list--full-width li,
  .checkbox-list li,
  .checkbox-list--horizontal li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px; }
    .check-list li:before,
    .check-list--small li:before,
    .check-list--bold li:before,
    .check-list--full-width li:before,
    .checkbox-list li:before,
    .checkbox-list--horizontal li:before {
      position: absolute;
      left: 0;
      top: 2px;
      content: "\e015";
      color: #ddd; }
    .check-list li:last-child,
    .check-list--small li:last-child,
    .check-list--bold li:last-child,
    .check-list--full-width li:last-child,
    .checkbox-list li:last-child,
    .checkbox-list--horizontal li:last-child {
      margin-bottom: 0; }
    .check-list li a,
    .check-list--small li a,
    .check-list--bold li a,
    .check-list--full-width li a,
    .checkbox-list li a,
    .checkbox-list--horizontal li a {
      color: inherit;
      text-decoration: underline;
      position: relative; }
      .check-list li a:hover,
      .check-list--small li a:hover,
      .check-list--bold li a:hover,
      .check-list--full-width li a:hover,
      .checkbox-list li a:hover,
      .checkbox-list--horizontal li a:hover {
        text-decoration: none; }
  .check-list--small li {
    margin-bottom: 10px;
    padding-left: 20px; }
  .check-list--bold li:before {
    color: #36a9ae; }
  .check-list--bold:nth-of-type(2) {
    margin-left: 20px;
    max-width: 253px; }
  .check-list--full-width {
    max-width: none; }

.checkbox-list li,
.checkbox-list--horizontal li {
  position: relative;
  margin-bottom: 25px;
  padding-left: 0; }
  .checkbox-list li:before,
  .checkbox-list--horizontal li:before {
    content: ""; }
.checkbox-list--horizontal li {
  display: inline-block; }
  .checkbox-list--horizontal li:not(:last-child) {
    margin-right: 20px; }
.checkbox-list.centered-above-tiers-table,
.centered-above-tiers-table.checkbox-list--horizontal {
  text-align: center;
  margin: 0 auto 10px;
  width: 100%; }
.checkbox-list small,
.checkbox-list--horizontal small {
  border-radius: 4px;
  background: #f5f5f5;
  color: #36a9ae;
  text-transform: uppercase;
  padding: 4px 6px;
  font-size: 13px;
  margin-left: 8px; }

.paid-feature-unlock-gate {
  background: rgba(245, 245, 245, 0.8);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6;
  text-align: center;
  border-top: 1px dashed #ddd;
  overflow: hidden; }
  .paid-feature-unlock-gate.on-filters-box {
    top: 197px; }
  .paid-feature-unlock-gate.on-customers-only-filters-box {
    top: 96px; }
  .paid-feature-unlock-gate.on-style-module {
    top: 124px; }
  .paid-feature-unlock-gate .ribbon-container {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 108px;
    width: 108px; }
    .paid-feature-unlock-gate .ribbon-container .ribbon {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      display: block;
      color: #614611;
      text-transform: uppercase;
      background: #fdce71;
      font-size: 13px;
      line-height: 21px;
      padding: 5px 10px;
      text-align: center;
      position: relative;
      right: -28px;
      top: 10px; }
  .paid-feature-unlock-gate p {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    font-size: 15px;
    padding: 20px; }
    .paid-feature-unlock-gate p .button {
      margin-top: 20px; }

.upgrade-gate-popover {
  padding: 15px;
  font-size: 15px;
  width: 270px; }
  .upgrade-gate-popover h3 {
    text-align: center;
    font-size: 17px; }
  .upgrade-gate-popover hr {
    margin: 15px -15px;
    height: 1px;
    background: #ddd; }
  .upgrade-gate-popover ul {
    margin: 15px 0; }
  .upgrade-gate-popover .button {
    clear: both; }

.upgrade-banner {
  padding: 20px 0 23px;
  background: #fff;
  width: 100%;
  position: relative;
  z-index: 10;
  line-height: 25px; }
  .upgrade-banner strong {
    color: #252a2e;
    margin-right: 5px; }
  .upgrade-banner .top-bar {
    top: auto;
    bottom: 0; }

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

#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 {
  margin-top: 60px; }
  #user_page .creator-profile-loading-indicator .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%;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              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:hover .show-product-page-button {
          display: block; }
      #user_page .creator-profile .product-row .product .show-product-page-button {
        position: absolute;
        z-index: 1;
        color: #797874;
        top: 15px;
        left: 15px; }
      #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 {
    -webkit-box-sizing: border-box;
            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-gradient(linear, left top, left bottom, from(transparent), to(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);
            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);
              transform: scale(1); }
      .selected-product-wrapper .product-row.showing.not-showing {
        -webkit-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="email"] {
    -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);
    -webkit-box-sizing: border-box;
            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="email"].error {
      border-right-width: 0 !important;
      -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02) !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);
    -webkit-box-shadow: none;
            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="email"] {
      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="email"],
  .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);
  -webkit-box-sizing: border-box;
          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;
  overflow: auto;
  background: none !important; }
  body#overlay-page .overlay-blocker {
    -webkit-transition: background .3s linear;
    transition: background .3s linear;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); }
  body#overlay-page.gumroad-minimized {
    overflow: hidden; }
    body#overlay-page.gumroad-minimized .overlay-blocker {
      pointer-events: none;
      background: transparent; }
    body#overlay-page.gumroad-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 footer {
    background: none;
    margin: 0 auto;
    padding: 0;
    width: 670px; }
  body#overlay-page .product-display {
    cursor: auto;
    height: auto;
    margin: auto;
    max-width: 670px; }
    body#overlay-page .product-display .product-row {
      height: auto;
      margin-bottom: 14px;
      -webkit-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);
                transform: scale(1);
        opacity: 1; }
        body#overlay-page .product-display .product-row.showing.not-showing {
          -webkit-transform: scale(0.8);
                  transform: scale(0.8);
          opacity: 0;
          margin: 0; }

.message {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 14px;
  position: relative; }
  .message .read-only-field {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #ddd; }
    .message .read-only-field strong {
      font-weight: normal;
      color: #252a2e; }
    .message .read-only-field small {
      color: #aaa;
      margin-left: 5px; }
    .message .read-only-field .button {
      float: right;
      position: absolute;
      right: 12px;
      top: 12px; }
    .message .read-only-field.with-reply {
      border-bottom: 0; }
  .message input,
  .message textarea {
    border-radius: 0;
    padding: 13px 15px 15px;
    border-width: 0 0 1px;
    width: 100%;
    font-size: 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #797874;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .message input:focus,
    .message textarea:focus {
      border-width: 0 0 1px; }
  .message .dashed {
    border-bottom: 1px dashed #ddd;
    margin: 0 15px; }
  .message textarea {
    border-width: 0;
    resize: none;
    min-height: 120px; }
    .message textarea:focus {
      border-width: 0; }
  .message .button-block {
    margin: 0 15px 15px; }

.new-message-container {
  margin: 100px auto; }
  .new-message-container header {
    text-align: center;
    margin-bottom: 20px; }
    .new-message-container header strong {
      display: block;
      color: #252a2e;
      font-size: 17px;
      margin-top: 10px; }
  .new-message-container .message,
  .new-message-container .seller-response-info {
    max-width: 320px;
    margin: 0 auto; }
    .new-message-container .message.seller-response-info,
    .new-message-container .seller-response-info.seller-response-info {
      margin-top: 10px;
      text-align: center; }

.feature-page .learn-page-title p {
  margin-bottom: 0; }
.feature-page .feature-screenshot--full-width-screenshot {
  margin: 60px 0 0; }
.feature-page .features-content-wrapper {
  background: #fff; }
.feature-page .section-header {
  padding-top: 30px;
  text-align: center; }
  .feature-page .section-header h2 {
    font-size: 24px; }
  .feature-page .section-header h4 {
    font-size: 18px;
    margin-top: 15px; }

@media (max-width: 992px) {
  .feature-page .feature-screenshot--full-width-screenshot {
    margin-top: 30px; }
  .feature-page h2 {
    font-size: 20px; }
  .feature-page h4 {
    font-size: 16px; } }
.features-nav {
  font-size: 17px;
  line-height: 32px;
  margin-top: 25px;
  position: absolute; }
  .features-nav .header {
    font-size: 14px;
    font-weight: 500;
    color: #797874;
    padding-top: 10px; }
  .features-nav a {
    color: #aaa; }
    .features-nav a:hover {
      color: #36a9ae; }

@media (max-width: 992px) {
  .features-nav {
    display: none; } }
.features-content article {
  margin-top: 40px;
  border-top: 1px solid #ddd;
  padding-top: 40px; }
  .features-content article:first-child {
    margin-top: 0;
    border-top: 0; }
  .features-content article .feature-detail-screenshot {
    border-radius: 4px; }
    .features-content article .feature-detail-screenshot img {
      margin: 0; }
.features-content .section-header h2 {
  font-size: 31px;
  line-height: 40px; }
.features-content .section-header h4 {
  font-size: 17px;
  color: #aaa;
  margin-top: 25px; }
.features-content .learn-article {
  padding: 60px 0 20px; }
  .features-content .learn-article .feature-screenshot--full-width-screenshot {
    margin-bottom: 0; }

@media (max-width: 992px) {
  .features-content article {
    margin-top: 15px;
    padding-top: 15px; }
  .features-content .section-header h2 {
    font-size: 24px;
    line-height: 30px; }
  .features-content .section-header h4 {
    font-size: 14px;
    line-height: 28px;
    margin-top: 10px; }
  .features-content .learn-article {
    padding: 15px 0; }
    .features-content .learn-article h3 {
      margin-top: 15px; } }
.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.with-screenshot,
    .feature-hero--tan .feature-hero__focus.with-screenshot,
    .homepage-hero .feature-hero__focus.with-screenshot {
      padding-bottom: 300px; }
    .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 .feature-hero__focus + .feature-screenshot--full-width-screenshot,
    .feature-hero--tan .feature-hero__focus + .feature-screenshot--full-width-screenshot,
    .homepage-hero .feature-hero__focus + .feature-screenshot--full-width-screenshot {
      position: absolute;
      top: 380px;
      margin-left: -50px; }
  .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--full-width-screenshot {
  position: relative; }
  .feature-screenshot .screenshot-container,
  .feature-screenshot--full-width-screenshot .screenshot-container {
    background: #f5f5f5;
    width: 100%; }
    .feature-screenshot .screenshot-container img,
    .feature-screenshot .screenshot-container .demo-image-desktop,
    .feature-screenshot .screenshot-container .demo-image-mobile,
    .feature-screenshot--full-width-screenshot .screenshot-container img,
    .feature-screenshot--full-width-screenshot .screenshot-container .demo-image-desktop,
    .feature-screenshot--full-width-screenshot .screenshot-container .demo-image-mobile {
      border: 1px solid #ddd;
      border-radius: 4px;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      background-size: contain;
      background-repeat: no-repeat; }
  .feature-screenshot--full-width-screenshot .screenshot-container img {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    max-width: 100%;
    display: block; }
  .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--medium,
.feature-screenshot__desktop--small {
  border-radius: 4px;
  border: 2px solid #ddd;
  max-height: 590px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 3; }
  .feature-screenshot__desktop .bar,
  .feature-screenshot__desktop--medium .bar,
  .feature-screenshot__desktop--small .bar {
    background: #f5f5f5;
    -webkit-box-sizing: border-box;
            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--medium .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--medium .screenshot-container,
  .feature-screenshot__desktop--small .screenshot-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 30px 30px 0; }
  .feature-screenshot__desktop--medium {
    max-height: 480px; }
    .feature-screenshot__desktop--medium img {
      width: 100%; }
    .feature-screenshot__desktop--medium .screenshot-container {
      padding: 0; }
  .feature-screenshot__desktop--small {
    max-height: 225px; }
    .feature-screenshot__desktop--small img {
      width: 100%; }
    .feature-screenshot__desktop--small .screenshot-container {
      padding: 0; }

.feature-screenshot__mobile,
.feature-screenshot__mobile--medium {
  background: url(https://assets.gumroad.com/assets/for/phone-f66ad28d81b13491fa475e5967589f9a88a68bc86d3cfe886466883844996227.png) no-repeat;
  background-size: contain;
  height: 520px;
  padding: 70px 20px;
  margin: 0 auto;
  position: absolute;
  top: 20px;
  right: -35px;
  width: 250px;
  z-index: 3; }
  .feature-screenshot__mobile .screenshot-container,
  .feature-screenshot__mobile--medium .screenshot-container {
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 450px;
    overflow-y: hidden;
    position: relative;
    width: 100%; }
    .feature-screenshot__mobile .screenshot-container img,
    .feature-screenshot__mobile--medium .screenshot-container img {
      width: 240px; }
  .feature-screenshot__mobile--medium {
    max-height: 416px;
    max-width: 200px;
    right: -40px;
    top: 10px; }
    .feature-screenshot__mobile--medium .screenshot-container {
      height: 360px; }
      .feature-screenshot__mobile--medium .screenshot-container img {
        width: 200px; }

@media (max-width: 768px) {
  .feature-screenshot,
  .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 .demo-image-desktop {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 0;
        position: relative;
        bottom: -10px;
        width: 100%;
        height: 320px; }

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

  .feature-screenshot__mobile,
  .feature-screenshot__mobile--medium {
    display: none; } }
.feature-section,
.feature-section--colored,
.feature-section--breakdown,
.feature-section--showcase,
.homepage-section {
  background: #efefe9;
  text-align: center; }
  .feature-section.white,
  .white.feature-section--colored,
  .white.feature-section--breakdown,
  .white.feature-section--showcase,
  .white.homepage-section {
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
  .feature-section .feature-section__focus,
  .feature-section--colored .feature-section__focus,
  .feature-section--breakdown .feature-section__focus,
  .feature-section--showcase .feature-section__focus,
  .homepage-section .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-section .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-section .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-section .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-section .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-section .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-section .feature-section__examples .example-name {
      display: block;
      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-section .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-section .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-section .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-section .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 .card-list,
  .feature-section--colored .card-list,
  .feature-section--breakdown .card-list,
  .feature-section--showcase .card-list,
  .homepage-section .card-list {
    clear: both;
    padding-top: 30px; }
    .feature-section .card-list li,
    .feature-section--colored .card-list li,
    .feature-section--breakdown .card-list li,
    .feature-section--showcase .card-list li,
    .homepage-section .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-section .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-section .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-section .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-section .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-section .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-section .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-section .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-section .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-section .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-section .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-section .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-section .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-section .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-section .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-section .feature-section__examples .img {
      margin-top: 15px; } }
.feature-section--breakdown {
  background: #36a9ae;
  border: 1px solid #2e8f93;
  border-width: 1px 0;
  padding-top: 390px; }
  .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://assets.gumroad.com/assets/features/physical-goods/icons/truck-icon-7023bb784998eed5cd97774543a66fd46294750aa1fe26440e2f323870d7fd5d.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-integrations {
        background: url(https://assets.gumroad.com/assets/features/physical-goods/icons/integrations-icon-66409697a5e38ab493a82ffb52601ce8b4dd393153903fe1c28310aa14a3e68c.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-variants {
        background: url(https://assets.gumroad.com/assets/features/physical-goods/icons/variants-icon-fc4c678729e32098203e8f6ca5439cd159eeb06f71054f4eb07c787f1060aed0.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-tracking {
        background: url(https://assets.gumroad.com/assets/features/physical-goods/icons/tracking-icon-e5509a43a4953ee11dd5b55417323f410080cef52bcd75e6a624815e682dacb0.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-subscriptions {
        background: url(https://assets.gumroad.com/assets/features/physical-goods/icons/subscriptions-icon-15d94a5d10ec039827276c73b75d228d1d7d00ca749c1c43252e760b23ba9c5d.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-pre-orders {
        background: url(https://assets.gumroad.com/assets/features/physical-goods/icons/pre-order-icon-3e0e0ea9733dc99fde7458d4c68b29602ae4eb6f68c1943adb1df92e95c9ba15.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-analytics {
        background: url(https://assets.gumroad.com/assets/features/audience/icons/analytics-icon-2ca692af51493f0ceb9c326417e3e74178677fa7e972b018cf01f94e75ac94cb.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-import {
        background: url(https://assets.gumroad.com/assets/features/audience/icons/import-icon-6b5630149ae7bdbae5789ace3ce12d7a6533cbbd1eb3aa1576a79b32cf1f5ab4.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-money {
        background: url(https://assets.gumroad.com/assets/features/audience/icons/money-icon-1f5d27c23733e92a9dc95b6cd15f64721ef0caab77744722ce7add9335934dc7.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-style {
        background: url(https://assets.gumroad.com/assets/features/audience/icons/style-icon-0dada78b8de2df95506688ee1a6e87d80fe13c7154f8ad49d77f6d961e1ccddf.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-support {
        background: url(https://assets.gumroad.com/assets/features/audience/icons/support-icon-0d9da9d55e7530a8dca5f42324994b6dbf50e1ad61fd88c7ae018a1be2825e5e.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-updates {
        background: url(https://assets.gumroad.com/assets/features/audience/icons/updates-icon-ed0b2bbcae0594ea4cd5fda37d6a4a0711a2c00757d153cdc3f884f2a8404776.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-digital-box {
        background: url(https://assets.gumroad.com/assets/features/subscriptions/icons/box-icon-0dbfd642eb08db9977abd0c2ab691a222a1d62118b0cca26d72f14e4d90cb696.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-organized {
        background: url(https://assets.gumroad.com/assets/features/subscriptions/icons/organized-icon-069717201a355e35783bd895f19c3b908146da3db412231c13cd000b536891ac.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-payment-options {
        background: url(https://assets.gumroad.com/assets/features/subscriptions/icons/payment-options-icon-1f5d27c23733e92a9dc95b6cd15f64721ef0caab77744722ce7add9335934dc7.svg) no-repeat; }
      .feature-section--breakdown .feature-section__examples .circle .gi-list {
        background: url(https://assets.gumroad.com/assets/features/subscriptions/icons/list-icon-43b2d46ae1406278ff5ec7b637ff54abc7ed396fbebc8f6f004e970c171b6540.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:hover {
    text-decoration: none; }
    .feature-section--showcase a:hover .product-example-container {
      -webkit-transform: scale(1.02);
              transform: scale(1.02);
      -webkit-box-shadow: 0 8px 8px #eee;
              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;
    -webkit-box-shadow: 0 2px 2px #eee;
            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.physical-one {
        background: url(https://assets.gumroad.com/assets/features/physical-goods/physical-example1-6e1a972f7cf532b3f209a7241cf632e2205b690a118f078453718dfc069800f1.png) center center no-repeat; }
      .feature-section--showcase .product-example-container .cover-photo.physical-two {
        background: url(https://assets.gumroad.com/assets/features/physical-goods/physical-example2-172565a0153f6725ce563c50f638943cbced52c97ac49f1570ce7be30e525b6a.png) center center no-repeat; }
      .feature-section--showcase .product-example-container .cover-photo.physical-three {
        background: url(https://assets.gumroad.com/assets/features/physical-goods/physical-example3-82d5ec3686d70af1214eda7eab95a92af755215af8f1749a1d09c65d1154164f.png) center center no-repeat; }
      .feature-section--showcase .product-example-container .cover-photo.subscriptions-one {
        background: url(https://assets.gumroad.com/assets/features/subscriptions/subscriptions-example1-ec4210fa265bc0976da0d5af75fddd7b24f7741bfa717baf2be888836cfb370d.png) center center no-repeat; }
      .feature-section--showcase .product-example-container .cover-photo.subscriptions-two {
        background: url(https://assets.gumroad.com/assets/features/subscriptions/subscriptions-example2-5825836c24e68db693df1361b202ced1c3771f7d0d629faec20b8d348004b75a.png) center center no-repeat; }
      .feature-section--showcase .product-example-container .cover-photo.subscriptions-three {
        background: url(https://assets.gumroad.com/assets/features/subscriptions/subscriptions-example3-ae29a1f198b00e3009862506a4aa82ed0d8af7493adc5e1ab8785d6555696284.png) center center no-repeat; }
    .feature-section--showcase .product-example-container .content {
      font-size: 17px;
      line-height: 28px;
      text-align: left;
      padding: 20px;
      color: #797874; }
  .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);
                transform: scale(1);
        -webkit-box-shadow: none;
                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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  width: 300px;
  z-index: 12;
  margin: 30px auto 0;
  overflow: hidden;
  background-color: #fff;
  color: #252a2e;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          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;
    -webkit-box-shadow: none;
            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; } }
.feature-section .rotate-container {
  height: 232px;
  margin-bottom: 60px; }
.feature-section .creator-details-label,
.feature-section .orientation-tip,
.feature-section .number-wrapper:nth-child(3) {
  display: none; }

.homepage-hero {
  background: transparent;
  padding: 60px 0;
  text-align: left; }
  .homepage-hero canvas {
    position: absolute;
    top: 0;
    left: 0; }
  .homepage-hero .dude {
    background: url(https://assets.gumroad.com/assets/home/dude-1131227acddff3966882b701578ff5047fc95762f069e1e93e81de11074502f4.png);
    background-size: cover;
    width: 737px;
    height: 801px;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
    position: absolute;
    right: -20px;
    top: -119px;
    pointer-events: none;
    z-index: 1; }
  .homepage-hero h1 {
    font-size: 44px;
    line-height: 52px; }
  .homepage-hero h2 {
    font-size: 24px;
    line-height: 35px;
    margin-top: 60px; }
  .homepage-hero h1,
  .homepage-hero h2 {
    padding-right: 420px; }
  .homepage-hero a {
    text-decoration: underline; }
  .homepage-hero [href="/sell/books"] {
    color: #fdce71; }
  .homepage-hero [href="/sell/films"] {
    color: #36a9ae; }
  .homepage-hero [href="/sell/music"] {
    color: #c04355; }
  .homepage-hero [href="/sell/courses"] {
    color: #f27f6d; }

@media (max-width: 768px) {
  .homepage-hero {
    padding: 30px;
    text-align: center; }
    .homepage-hero .dude {
      display: none; }
    .homepage-hero h1 {
      font-size: 24px;
      line-height: 30px; }
    .homepage-hero h2 {
      font-size: 16px;
      line-height: 20px;
      margin-top: 30px; }
    .homepage-hero h1,
    .homepage-hero h2 {
      padding-right: 0; } }
.homepage-section {
  text-align: left;
  padding: 60px; }
  .homepage-section.white {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.15); }
    .homepage-section.white h2,
    .homepage-section.white h3 {
      color: #252a2e; }
  .homepage-section.dark {
    color: #fff;
    background: #123839;
    position: relative; }
    .homepage-section.dark:after {
      content: "";
      background: url(https://assets.gumroad.com/assets/home/geo-pattern-26b3259d36156a6593994645e1af8601e298de0d1a7d0833f9efa607ca2f0aed.png);
      opacity: .2;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      z-index: 0;
      pointer-events: none; }
  .homepage-section .twelve.columns {
    padding: 0; }
  .homepage-section .six.columns:first-of-type {
    padding-left: 0;
    padding-right: 30px; }
  .homepage-section .six.columns:last-of-type {
    padding-left: 30px;
    padding-right: 0; }
  .homepage-section h2 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 20px; }
  .homepage-section h3 {
    font-size: 18px;
    line-height: 22px;
    margin-top: 30px; }
  .homepage-section p {
    font-size: 15px;
    line-height: 25px;
    margin-top: 15px; }
  .homepage-section table {
    border-collapse: separate;
    margin: 20px 0 0; }
  .homepage-section .macbook {
    background: url(https://assets.gumroad.com/assets/home/macbook-ea6cb57168d449e68ede16b73ea137b2dcc5f853131e9b2c91830b40015e6c32.png);
    background-size: cover;
    width: 1034px;
    height: 653px;
    margin: 20px auto;
    position: relative; }
    .homepage-section .macbook .laptop-screenshot {
      position: relative;
      left: -1px;
      margin: 0 auto;
      width: 710px;
      height: 443px;
      top: 50px;
      background-size: cover;
      background-image: url(https://assets.gumroad.com/assets/home/macbook-screenshots-39e4c8e7b884ac9cd8ed6e7ab454720d5619baf343625b416ccef08849977afe.png);
      -webkit-transition: background-position-x 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
      transition: background-position-x 0.3s cubic-bezier(0.23, 1.5, 0.32, 1); }
      .homepage-section .macbook .laptop-screenshot.sell {
        background-position-x: -709px; }
      .homepage-section .macbook .laptop-screenshot.analytics {
        background-position-x: -1419px; }
      .homepage-section .macbook .laptop-screenshot.customers {
        background-position-x: -2128px; }
      .homepage-section .macbook .laptop-screenshot.audience {
        background-position-x: -2837px; }
  .homepage-section .iphone {
    background: url(https://assets.gumroad.com/assets/home/iphone-221a167e5dfc0057d0f55e0aa654f42714bb7cfecdc19d71c03c3ec459d601bb.png);
    background-size: cover;
    width: 306px;
    height: 509px;
    position: absolute;
    right: 0;
    bottom: -700px;
    -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);
    z-index: 0; }
    .homepage-section .iphone.showing {
      bottom: 0; }
    .homepage-section .iphone .screenshot {
      position: absolute;
      top: 59px;
      left: 68px;
      width: 172px;
      height: 304px;
      background-size: cover;
      background-image: url(https://assets.gumroad.com/assets/home/iphone-screenshots-9e204c4847c930a9dee175020e642fa46c49091e2a3c2600d124909870307145.png);
      -webkit-transition: background-position-x 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
      transition: background-position-x 0.3s cubic-bezier(0.23, 1.5, 0.32, 1); }
      .homepage-section .iphone .screenshot.analytics {
        background-position-x: -171px; }
  .homepage-section .button-holder {
    margin-top: 60px;
    padding-top: 45px !important;
    border-top: 1px solid #ddd; }

@media (max-width: 768px) {
  .homepage-section {
    padding: 30px; }
    .homepage-section .six.columns:first-of-type {
      padding-right: 0; }
    .homepage-section .six.columns:last-of-type {
      padding-left: 0; }
    .homepage-section h2 {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 10px; }
    .homepage-section h3 {
      font-size: 18px;
      line-height: 24px;
      margin-top: 15px; }
    .homepage-section p {
      font-size: 14px;
      line-height: 20px;
      margin-top: 10px; }
    .homepage-section table {
      margin-top: 10px; }
    .homepage-section .macbook {
      width: 313.33333px;
      height: 197.87879px;
      margin: 10px auto 30px; }
      .homepage-section .macbook .laptop-screenshot {
        width: 215.15152px;
        height: 134.24242px;
        top: 15.15152px; }
    .homepage-section .iphone {
      width: 92.72727px;
      height: 154.24242px;
      margin: 10px auto; }
      .homepage-section .iphone .screenshot {
        width: 52.12121px;
        height: 92.12121px;
        top: 17.87879px;
        left: 20.60606px; } }
.feature-tabs {
  overflow: hidden;
  margin: -40px -60px -60px;
  border-top: 1px solid #ddd;
  background: #fbfbfb;
  z-index: 1;
  position: relative; }
  .feature-tabs li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20%;
    float: left;
    padding: 20px;
    cursor: pointer;
    text-align: center; }
    .feature-tabs li:not(:last-child) {
      border-right: 1px solid #ddd; }
    .feature-tabs li:hover {
      background: #f5f5f5; }
    .feature-tabs li:active, .feature-tabs li.selected {
      background: #f5f5f5;
      -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
              box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
    .feature-tabs li i {
      font-size: 36px;
      margin-bottom: 10px; }
    .feature-tabs li h5 {
      font-size: 18px;
      color: #252a2e; }
    .feature-tabs li p {
      font-size: 16px;
      line-height: 24px;
      color: #aaa; }
    .feature-tabs li:nth-child(1) i {
      color: #f27f6d; }
    .feature-tabs li:nth-child(2) i {
      color: #c04355; }
    .feature-tabs li:nth-child(3) i {
      color: #36a9ae; }
    .feature-tabs li:nth-child(4) i {
      color: #fdce71; }
    .feature-tabs li:nth-child(5) i {
      color: #f27f6d; }

@media (max-width: 768px) {
  .feature-tabs {
    margin: -20px -30px -30px; }
    .feature-tabs li {
      padding: 10px;
      width: 100%;
      float: none;
      text-align: left; }
      .feature-tabs li:not(:last-child) {
        border-bottom: 1px solid #ddd; }
      .feature-tabs li i {
        float: left;
        margin: 3px 10px 0 0; }
      .feature-tabs li h5 {
        font-size: 15px; }
      .feature-tabs li p {
        font-size: 13px;
        line-height: 18px;
        margin-top: 5px; } }
.homepage-testimonial {
  margin-top: 30px;
  position: relative;
  z-index: 1; }
  .homepage-testimonial.second-row {
    margin-top: 45px; }
  .homepage-testimonial:hover blockquote {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); }
  .homepage-testimonial blockquote {
    border-radius: 8px;
    background: #fff;
    padding: 15px;
    font-size: 24px;
    line-height: 33px;
    color: #252a2e;
    position: relative;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transition: -webkit-box-shadow 0.15s cubic-bezier(0.23, 1.5, 0.32, 1), -webkit-transform 0.15s cubic-bezier(0.23, 1.5, 0.32, 1);
    transition: -webkit-box-shadow 0.15s cubic-bezier(0.23, 1.5, 0.32, 1), -webkit-transform 0.15s cubic-bezier(0.23, 1.5, 0.32, 1);
    transition: box-shadow 0.15s cubic-bezier(0.23, 1.5, 0.32, 1), transform 0.15s cubic-bezier(0.23, 1.5, 0.32, 1);
    transition: box-shadow 0.15s cubic-bezier(0.23, 1.5, 0.32, 1), transform 0.15s cubic-bezier(0.23, 1.5, 0.32, 1), -webkit-box-shadow 0.15s cubic-bezier(0.23, 1.5, 0.32, 1), -webkit-transform 0.15s cubic-bezier(0.23, 1.5, 0.32, 1); }
    .homepage-testimonial blockquote:before {
      content: "“";
      position: absolute;
      left: 15px;
      top: 26px;
      color: #ddd;
      font-family: Superclarendon, Clarendon, Georgia, serif;
      font-size: 48px; }
    .homepage-testimonial blockquote .spacer {
      display: inline-block;
      width: 26px; }
    .homepage-testimonial blockquote:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-top-color: #fff;
      border-width: 10px;
      left: 50%;
      top: 100%;
      margin-left: -10px; }
    .homepage-testimonial blockquote.shadow {
      background: #36a9ae;
      position: absolute;
      top: 8px;
      margin-right: 15px; }
      .homepage-testimonial blockquote.shadow:after {
        content: "";
        height: 0;
        position: absolute;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-top-color: #36a9ae;
        border-width: 10px; }
      .homepage-testimonial blockquote.shadow.red {
        background: #c04355; }
        .homepage-testimonial blockquote.shadow.red:after {
          border-top-color: #c04355; }
      .homepage-testimonial blockquote.shadow.yellow {
        background: #fdce71; }
        .homepage-testimonial blockquote.shadow.yellow:after {
          border-top-color: #fdce71; }
  .homepage-testimonial img {
    width: 77px;
    height: 77px;
    display: block;
    margin: 45px auto 25px;
    border-radius: 100px; }
  .homepage-testimonial h4 {
    text-align: center;
    font-size: 20px; }
  .homepage-testimonial h5 {
    color: #929292;
    font-size: 18px;
    text-align: center; }
    .homepage-testimonial h5 p {
      margin-top: 5px; }
    .homepage-testimonial h5 a {
      text-decoration: underline; }

@media (max-width: 768px) {
  .homepage-testimonial.second-row {
    display: none; }
  .homepage-testimonial blockquote {
    padding: 10px;
    font-size: 18px;
    line-height: 25px; }
    .homepage-testimonial blockquote:before {
      left: 10px;
      top: 18px;
      font-size: 36px; }
    .homepage-testimonial blockquote .spacer {
      width: 20px; }
  .homepage-testimonial h4 {
    font-size: 18px; } }
.footer-signup {
  text-align: center;
  padding: 60px 0; }
  .footer-signup h3 {
    color: #5f5e5b;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    margin: 0 auto 30px;
    text-align: center; }

@media (max-width: 768px) {
  .footer-signup {
    padding: 30px 0; }
    .footer-signup h3 {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 15px; }
    .footer-signup button {
      font-size: 15px; } }
.main-content {
  padding: 40px 0;
  clear: both;
  margin: 0 auto;
  position: relative;
  background: #fff; }
  .main-content h3 {
    color: #252a2e;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    text-decoration: none;
    margin-bottom: 30px; }
    .main-content h3 small {
      color: #bbb;
      font-size: 20px;
      display: block; }
  .main-content .mini-rule {
    margin: 30px 0; }
  .main-content input {
    background: #fff;
    margin-right: 20px; }
  .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 {
      color: #aaa;
      font-weight: normal; }
  .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 {
      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 {
        text-decoration: none; }
  .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 {
    list-style: disc; }
  .main-content ol {
    list-style: decimal; }
    .main-content ol.unstyled {
      list-style: none; }
  .main-content ul ul {
    margin-left: 40px; }
  .main-content #about-list li {
    margin: 10px 0;
    color: #ccc; }
    .main-content #about-list li span em {
      color: #ccc;
      margin-left: 10px; }
  .main-content ol.subtle li,
  .main-content ul.subtle li {
    color: #aaa; }
  .main-content ul li span,
  .main-content ol li span {
    color: #252a2e; }
  .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 {
    z-index: -1; }
  .main-content #reset-password-form {
    text-align: center; }

@media (max-width: 768px) {
  .main-content {
    padding: 15px; } }
#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; }

.gumroad-table,
.learn-article table,
.learn-article--on-help-center table {
  border: 1px solid #ddd;
  border-radius: 4px;
  border-collapse: inherit;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  display: table;
  overflow: hidden;
  margin-bottom: 30px;
  width: 100%; }
  .gumroad-table tbody,
  .learn-article table tbody,
  .learn-article--on-help-center table tbody {
    width: 100%; }
  .gumroad-table tr,
  .learn-article table tr,
  .learn-article--on-help-center table tr {
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee; }
    .gumroad-table tr:nth-child(2n + 1),
    .learn-article table tr:nth-child(2n + 1),
    .learn-article--on-help-center table tr:nth-child(2n + 1) {
      background-color: white; }
    .gumroad-table tr:first-child,
    .learn-article table tr:first-child,
    .learn-article--on-help-center table tr:first-child {
      background-color: #fff;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
              box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
      .gumroad-table tr:first-child td,
      .learn-article table tr:first-child td,
      .learn-article--on-help-center table tr:first-child td {
        font-weight: 400; }
    .gumroad-table tr:last-child,
    .learn-article table tr:last-child,
    .learn-article--on-help-center table tr:last-child {
      border-bottom: 0; }
    .gumroad-table tr.bold td,
    .learn-article table tr.bold td,
    .learn-article--on-help-center table tr.bold td {
      border-top: 1px solid #ddd;
      font-weight: bold; }
      .gumroad-table tr.bold td a,
      .learn-article table tr.bold td a,
      .learn-article--on-help-center table tr.bold td a {
        font-weight: bold; }
  .gumroad-table td,
  .learn-article table td,
  .learn-article--on-help-center table td {
    padding: 15px;
    border-right: 1px solid #ddd; }
    .gumroad-table td:last-child,
    .learn-article table td:last-child,
    .learn-article--on-help-center table td:last-child {
      border-right: 0; }
    .gumroad-table td.supported:after, .gumroad-table td.not-supported:after,
    .learn-article table td.supported:after,
    .learn-article--on-help-center table td.supported:after,
    .learn-article table td.not-supported:after,
    .learn-article--on-help-center table td.not-supported:after {
      font-family: GumIcons;
      text-align: center;
      display: block; }
    .gumroad-table td.supported:after,
    .learn-article table td.supported:after,
    .learn-article--on-help-center table td.supported:after {
      color: #36a9ae;
      content: "\e015"; }
    .gumroad-table td.not-supported:after,
    .learn-article table td.not-supported:after,
    .learn-article--on-help-center table td.not-supported:after {
      color: #c04355;
      content: "\e018"; }

.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://assets.gumroad.com/assets/brand/ribbon-logo-d603fbd5950e025dfda68802c8ecc174f045ed2fe36ff1eaf078ec6112ada9c7.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%;
      -webkit-box-sizing: border-box;
              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 {
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.1);
  background-position: center;
  background-size: cover;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          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 {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=transparent, endColorstr=rgba(0, 0, 0, 0.35), GradientType=0)";
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(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 {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=transparent, endColorstr=rgba(0, 0, 0, 0.3), GradientType=0)";
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(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 {
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 13px;
    text-transform: uppercase; }
    .learn-card span.guide-tag,
    .learn-card--featured span.guide-tag {
      background: #fdce71; }
    .learn-card span.case-study-tag,
    .learn-card--featured span.case-study-tag {
      background: #159499; }
    .learn-card span.featured-tag,
    .learn-card--featured span.featured-tag {
      background: #c92940; }
  .learn-card h2,
  .learn-card .title,
  .learn-card--featured h2,
  .learn-card--featured .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 {
    margin-bottom: 15px; }
    .learn-card span,
    .learn-card--featured 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;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
            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 {
      -webkit-box-shadow: none;
              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;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            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 {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-bottom: 15px;
      width: 100%; }
  .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; }
    .learn-article--on-help-center h2 {
      margin-top: 0; }

@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 {
      -webkit-box-sizing: border-box;
              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);
              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;
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
              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;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          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%;
  height: 0;
  margin-bottom: 30px; }
  .responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media (max-width: 768px) {
  .responsive-iframe {
    margin-bottom: 15px; } }
.article-feedback-form {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
          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 {
        -webkit-box-sizing: border-box;
                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 {
  max-width: 860px;
  margin-bottom: 0; }
  .press-quotes li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    padding-right: 60px;
    float: left;
    margin-bottom: 60px; }
    .press-quotes li.in-last-row {
      margin-bottom: 0; }

@media (max-width: 768px) {
  .press-quotes li {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 15px; } }
.press-content p {
  margin-bottom: 0; }

.press-section.media-kit {
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15);
          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 {
    max-width: 860px; }
  .press-section.media-kit .gumroad-product-container {
    margin: 0 auto;
    max-width: 680px; }

@media (max-width: 768px) {
  .press-section.media-kit {
    display: none; } }
.challenge-hero {
  background: url(https://assets.gumroad.com/assets/challenge/background-d751b0e3f2b89b02f4c1f27ae1ae1b075fe4a92642028c381b96337e5d3f53f2.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%);
            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%);
          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%);
            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 {
    -webkit-box-sizing: border-box;
            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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
          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;
  -webkit-box-sizing: border-box;
          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 {
      -webkit-box-sizing: border-box;
              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);
          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;
  -webkit-box-sizing: border-box;
          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);
            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 {
      -webkit-box-sizing: border-box;
              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 {
        -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
                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%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
            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;
    -webkit-box-sizing: border-box;
            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%);
              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);
              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 {
  -webkit-box-sizing: border-box;
          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: #ddd;
    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 #ddd;
      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 -webkit-transform cubic-bezier(0.23, 1.5, 0.32, 1);
      transition: 0.3s transform cubic-bezier(0.23, 1.5, 0.32, 1);
      transition: 0.3s transform cubic-bezier(0.23, 1.5, 0.32, 1), 0.3s -webkit-transform cubic-bezier(0.23, 1.5, 0.32, 1);
      z-index: 4; }
      .small-product-lab-timeline .day .circle:hover {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        -webkit-transform-origin: center;
                transform-origin: center; }
        .small-product-lab-timeline .day .circle:hover .popover {
          opacity: 1;
          pointer-events: all;
          -webkit-transform: scale(1);
                  transform: scale(1);
          -webkit-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;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        -webkit-box-sizing: border-box;
                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);
                transform: scale(0);
        -webkit-transition: 0.3s -webkit-transform cubic-bezier(0.23, 1.5, 0.32, 1);
        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);
        transition: 0.3s transform cubic-bezier(0.23, 1.5, 0.32, 1), 0.3s -webkit-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: -apple-system, ".SFNSDisplay-Regular", "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://assets.gumroad.com/assets/grid_background-b5780a92d33f428a96ce2fdcec2f660618d7c3465e8a0194b16603a8c4a45257.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://assets.gumroad.com/assets/g_blueprint-bde18a51ca19de9c776aadfc8c533438560de803c6c96f9b1d8020123ea1a1bd.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://assets.gumroad.com/assets/g_blueprint@2x-0c1736b8e88706adcb1a17f51fed3b25fdd7e4da6ceb40f0b9cc80031b59fc32.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 {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
                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);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(255, 255, 255, 0.4);
                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-gradient(linear, left top, left bottom, from(#159499), to(#13878c));
  background: linear-gradient(to bottom, #159499, #13878c);
  color: #fff;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
          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-gradient(linear, left top, left bottom, from(#159499), to(#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: #159499 -webkit-gradient(linear, left top, left bottom, from(#16989d), to(#138589));
  background: #159499 linear-gradient(to bottom, #16989d, #138589);
  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-gradient(linear, left top, left bottom, from(#f26534), to(#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: #f26534 -webkit-gradient(linear, left top, left bottom, from(#f26939), to(#f15823));
  background: #f26534 linear-gradient(to bottom, #f26939, #f15823);
  border: 1px solid #e4460f; }
.position-card.back-end-engineer .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e76c5e, endColorstr=#e56051, GradientType=0)";
  background: -webkit-gradient(linear, left top, left bottom, from(#e76c5e), to(#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: #e76c5e -webkit-gradient(linear, left top, left bottom, from(#e87062), to(#e55e4e));
  background: #e76c5e linear-gradient(to bottom, #e87062, #e55e4e);
  border: 1px solid #e04332; }
.position-card.payments-engineer .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdce71, endColorstr=#fdc962, GradientType=0)";
  background: -webkit-gradient(linear, left top, left bottom, from(#fdce71), to(#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: #fdce71 -webkit-gradient(linear, left top, left bottom, from(#fdd076), to(#fdc85f));
  background: #fdce71 linear-gradient(to bottom, #fdd076, #fdc85f);
  border: 1px solid #fcbd3f; }
.position-card.compliance-manager .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdce71, endColorstr=#fdc962, GradientType=0)";
  background: -webkit-gradient(linear, left top, left bottom, from(#fdce71), to(#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: #fdce71 -webkit-gradient(linear, left top, left bottom, from(#fdd076), to(#fdc85f));
  background: #fdce71 linear-gradient(to bottom, #fdd076, #fdc85f);
  border: 1px solid #fcbd3f; }
.position-card.risk-engineer .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdce71, endColorstr=#fdc962, GradientType=0)";
  background: -webkit-gradient(linear, left top, left bottom, from(#fdce71), to(#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: #fdce71 -webkit-gradient(linear, left top, left bottom, from(#fdd076), to(#fdc85f));
  background: #fdce71 linear-gradient(to bottom, #fdd076, #fdc85f);
  border: 1px solid #fcbd3f; }
.position-card.data-scientist .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c92940, endColorstr=#bc263c, GradientType=0)";
  background: -webkit-gradient(linear, left top, left bottom, from(#c92940), to(#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: #c92940 -webkit-gradient(linear, left top, left bottom, from(#cd2a41), to(#ba263b));
  background: #c92940 linear-gradient(to bottom, #cd2a41, #ba263b);
  border: 1px solid #9f2033; }
.position-card.customer-support .cover {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#159499, endColorstr=#13878c, GradientType=0)";
  background: -webkit-gradient(linear, left top, left bottom, from(#159499), to(#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: #159499 -webkit-gradient(linear, left top, left bottom, from(#16989d), to(#138589));
  background: #159499 linear-gradient(to bottom, #16989d, #138589);
  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;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
            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 {
      -webkit-box-sizing: border-box;
              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);
            transform: translateY(76px); }
    .for .minimal-nav.showing {
      -webkit-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--courses button,
  .for .signup--books .button,
  .for .signup--films .button,
  .for .signup--music .button,
  .for .signup--courses .button {
    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--courses button:hover,
    .for .signup--books .button:hover,
    .for .signup--films .button:hover,
    .for .signup--music .button:hover,
    .for .signup--courses .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--courses button:active,
    .for .signup--books .button:active,
    .for .signup--films .button:active,
    .for .signup--music .button:active,
    .for .signup--courses .button:active {
      top: 1px;
      -webkit-box-shadow: none;
              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--courses button,
  .for .signup--courses .button {
    color: #3ca9ad; }
  .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);
            transform: translateY(-76px); }
    .for .for-logo .logo {
      margin-left: 15px; }
    .for .for-logo.showing {
      -webkit-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 .courses-nav .minimal-nav {
    background-color: #3ca9ad; }
    .for .courses-nav .minimal-nav .start-selling {
      color: #3ca9ad; }
  @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--courses h4 {
  color: #3ca9ad; }
.for-slide .content,
.for-slide--films .content,
.for-slide--music .content,
.for-slide--books .content,
.for-slide--courses .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--courses .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--courses .content h1,
  .for-slide--films .content h2,
  .for-slide--music .content h2,
  .for-slide--books .content h2,
  .for-slide--courses .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--courses .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--courses .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--courses .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--courses {
    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://assets.gumroad.com/assets/for/films/background-834dc9bd59b3863f16a1057b56f3a23d46a5dbffb0227baffd9390386a5463ac.png); }
  .for-slide-1 .background--music {
    background-image: url(https://assets.gumroad.com/assets/for/music/background-3b4ec18165bf650f0add57d0233da133e31460a6125cf5c75c373fa443e95168.png); }
  .for-slide-1 .background--books {
    background-image: url(https://assets.gumroad.com/assets/for/books/background-8e81b0728c5eaecaa2b6c0f5c92b0a1e8f366a78e44af567dbf5ac769bdf97e5.png); }
  .for-slide-1 .background--courses {
    background-image: url(https://assets.gumroad.com/assets/for/courses/background-86b05ec310d04f04b120e3c9d24e7e623c6aefb357edc4dccb49f69df7b76d42.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%);
            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--courses 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--courses 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 {
      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 {
      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 {
      background: #f27f6d;
      border: 1px solid #f27f6d; }
    .for-slide-1 .content .for-slide-header--courses h1 {
      color: #3ca9ad;
      max-width: 800px; }
    .for-slide-1 .content .for-slide-header--courses button {
      background: #3ca9ad;
      border: 1px solid #3ca9ad; }

@media (max-width: 768px) {
  .for-slide-1 .content {
    left: 0;
    margin-left: 0;
    padding-top: 90px;
    position: relative;
    -webkit-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--courses 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--courses 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);
                transform: translateX(1000px); }
    .for-demo.playing .for-demo-pagination {
      display: block; }
  .for-demo .for-demo-pagination {
    -webkit-box-sizing: border-box;
            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-gradient(linear, left top, right top, from(#f09d1f), color-stop(20%, #f09d1f), color-stop(20%, #f09d1f), color-stop(20%, #eb5d47), color-stop(20%, #eb5d47), color-stop(40%, #eb5d47), color-stop(40%, #cb3246), color-stop(60%, #cb3246), color-stop(60%, #cb3246), color-stop(60%, #962422), color-stop(80%, #962422), color-stop(80%, #208488));
    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;
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
              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://assets.gumroad.com/assets/for/phone-f66ad28d81b13491fa475e5967589f9a88a68bc86d3cfe886466883844996227.png) no-repeat;
    background-size: contain;
    height: 520px;
    padding: 70px 20px;
    margin: 0 auto;
    position: relative;
    -webkit-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;
      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
              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;
        -webkit-box-shadow: 0, 0, 3px rgba(0, 0, 0, 0.05);
                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: #02959b -webkit-gradient(linear, left top, left bottom, from(#029aa0), to(#028489));
    background: #02959b linear-gradient(to bottom, #029aa0, #028489);
    border: 1px solid #016569; }
  .for-slide-2 .button--music {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c86771, endColorstr=#c25661, GradientType=0)";
    background: #c7636d -webkit-gradient(linear, left top, left bottom, from(#c86771), to(#c25661));
    background: #c7636d linear-gradient(to bottom, #c86771, #c25661);
    border: 1px solid #b6414d; }
  .for-slide-2 .button--books {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f28372, endColorstr=#f1715d, GradientType=0)";
    background: #f27f6d -webkit-gradient(linear, left top, left bottom, from(#f28372), to(#f1715d));
    background: #f27f6d linear-gradient(to bottom, #f28372, #f1715d);
    border: 1px solid #ee563e; }
  .for-slide-2 .button--course {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3dadb1, endColorstr=#379ca0, GradientType=0)";
    background: #3ca9ad -webkit-gradient(linear, left top, left bottom, from(#3dadb1), to(#379ca0));
    background: #3ca9ad linear-gradient(to bottom, #3dadb1, #379ca0);
    border: 1px solid #2f8487; }
  .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: #f8f8f8;
  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 p,
    .for-slide-4 .content p {
      font-size: 14px; }

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

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

.for-slide-5 {
  background-color: #f8f8f8;
  border-bottom: 2px solid #eee; }
  .for-slide-5 .sample-product {
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
            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--courses {
        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: #02959b -webkit-gradient(linear, left top, left bottom, from(#029aa0), to(#028489));
          background: #02959b linear-gradient(to bottom, #029aa0, #028489);
          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: #c7636d -webkit-gradient(linear, left top, left bottom, from(#c86771), to(#c25661));
          background: #c7636d linear-gradient(to bottom, #c86771, #c25661);
          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: #f27f6d -webkit-gradient(linear, left top, left bottom, from(#f28372), to(#f1715d));
          background: #f27f6d linear-gradient(to bottom, #f28372, #f1715d);
          border: 1px solid #ee563e; }
        .for-slide-5 .sample-product .sample-product-content .button--courses {
          filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3dadb1, endColorstr=#379ca0, GradientType=0)";
          background: #3ca9ad -webkit-gradient(linear, left top, left bottom, from(#3dadb1), to(#379ca0));
          background: #3ca9ad linear-gradient(to bottom, #3dadb1, #379ca0);
          border: 1px solid #2f8487; }
    @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--courses {
  background-color: #3ca9ad; }
.for-slide-7 .content,
.for-slide-7--films .content,
.for-slide-7--music .content,
.for-slide-7--books .content,
.for-slide-7--courses .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--courses .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--courses .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--courses .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--courses .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--courses .content p {
    font-size: 16px;
    margin-bottom: 20px; } }
.discover-landing {
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin: 3em 0;
  font-size: 21px;
  line-height: 1.8; }

@media (max-width: 768px) {
  .discover-landing {
    font-size: 13px;
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0; }

  .discover-landing-section figure .locations-figure-legend .figure-legend__lines {
    display: none; } }
.discover-landing-header {
  padding: 3em 0; }
  .discover-landing-header h1 {
    color: #252a2e;
    font-size: 2.285em;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 1.25em; }
  .discover-landing-header figure img {
    width: 100%;
    height: auto; }

.discover-landing-section {
  margin: 0 auto 3.5em; }
  .discover-landing-section header {
    text-align: center;
    margin-bottom: 3em; }
    .discover-landing-section header h3 {
      color: #36a9ae;
      font-size: .8em;
      font-weight: bold;
      margin-bottom: 1.5em;
      text-transform: uppercase; }
    .discover-landing-section header h2 {
      font-size: 1.7em;
      color: #252a2e;
      line-height: 1.2; }
      .discover-landing-section header h2 a {
        color: #36a9ae; }
    .discover-landing-section header .button {
      margin-top: 2em; }
  .discover-landing-section figure {
    width: 100%;
    margin-bottom: 3em;
    text-align: center; }
    .discover-landing-section figure img {
      width: 100%;
      height: auto; }
    .discover-landing-section figure .locations-figure-legend {
      margin-top: .85em; }
      .discover-landing-section figure .locations-figure-legend h3 {
        font-size: 1em;
        color: #252a2e; }
      .discover-landing-section figure .locations-figure-legend h4 {
        color: #252a2e;
        font-size: .8em; }
      .discover-landing-section figure .locations-figure-legend .figure-legend__divider {
        float: left;
        height: 40px;
        width: 15.5%; }
      .discover-landing-section figure .locations-figure-legend .figure-legend__copy {
        float: left;
        width: 23%; }
      .discover-landing-section figure .locations-figure-legend .figure-legend__lines {
        background: url(https://assets.gumroad.com/assets/discover/discover_locations_legend_lines-546e89f61b34c57d2c2e59894f669c7cd7846d031ee03f4a5078fb53ceb585ea.png);
        height: 66px;
        width: 590px;
        margin: 0 auto;
        display: block;
        background-size: cover;
        margin-bottom: .5em; }
    .discover-landing-section figure .pricing-figure-legend {
      margin-top: .85em; }
      .discover-landing-section figure .pricing-figure-legend li {
        display: inline-block;
        margin-right: 15px;
        font-size: .75em;
        color: #252a2e; }
        .discover-landing-section figure .pricing-figure-legend li span {
          color: #aaa; }
        .discover-landing-section figure .pricing-figure-legend li:last-child {
          margin-right: 0; }
        .discover-landing-section figure .pricing-figure-legend li.creator:before, .discover-landing-section figure .pricing-figure-legend li.discover:before, .discover-landing-section figure .pricing-figure-legend li.standard:before {
          width: 15px;
          height: 15px;
          display: block;
          content: "";
          display: inline-block;
          position: relative;
          top: 2px;
          border-radius: 2px;
          margin-right: 5px; }
        .discover-landing-section figure .pricing-figure-legend li.creator:before {
          background: #36a9ae; }
        .discover-landing-section figure .pricing-figure-legend li.discover:before {
          background: #777; }
        .discover-landing-section figure .pricing-figure-legend li.standard:before {
          background: #ccc; }
  .discover-landing-section p {
    font-size: 1em;
    margin: 0 auto 2em;
    max-width: 633px; }
    .discover-landing-section p:last-child {
      margin-bottom: 0; }

#charge .main-content h3 {
  margin-bottom: 15px; }
#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.no-label {
    margin-top: 30px; }
  .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 .expiry_date,
.card-lookup-form .price {
  width: 50px; }
.card-lookup-form .transaction-date {
  width: 100px; }

#api-v2-content {
  background: #fff;
  overflow: hidden; }

.documentation-content {
  padding-top: 32px;
  font-family: -apple-system, ".SFNSDisplay-Regular", "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: -apple-system, ".SFNSDisplay-Regular", "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 {
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
              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://assets.gumroad.com/assets/mobile/screenshot_fallback-b36025a51c83d37e9fdfde6fb65cd245fa4223edeb4b5c945a9b8ecd76ed915b.png);
  display: block;
  height: 712px;
  width: 620px; }

.mobile-hero {
  -webkit-transition: height 300ms linear;
  transition: height 300ms linear;
  background: url(https://assets.gumroad.com/assets/mobile/mobile_background-21a50d3badbcb1873e22a766f7809ce9c124fa262d7969470e73a6bdc78da568.png) no-repeat center center fixed;
  background-size: cover;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          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 {
    -webkit-box-sizing: border-box;
            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;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
          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-container {
  margin: 50px auto; }

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

.widget-content {
  width: 100%;
  margin: 0 auto;
  max-width: 750px;
  font-size: 16px; }
  .widget-content .widgets-container {
    padding: 0 25px 25px;
    background: #fff;
    border: 1px solid #ddd;
    border-top-width: 0; }
    .widget-content .widgets-container p {
      padding-top: 25px;
      margin-bottom: 0; }
    .widget-content .widgets-container .cta-text {
      margin-top: 15px;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .widget-content .widgets-container .option-holder {
      margin-top: 25px; }
  .widget-content .widgets-preview {
    padding: 25px;
    border: 1px solid #ddd;
    border-top-width: 0;
    background: #f5f5f5;
    margin: 0 0 25px;
    font-size: 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
    .widget-content .widgets-preview p {
      text-align: center;
      color: #797874;
      margin-bottom: 0;
      font-size: 14px;
      line-height: 21px; }
      .widget-content .widgets-preview p.note {
        font-size: 12px;
        color: #aaa; }
    .widget-content .widgets-preview .widgets-code-container {
      position: relative; }
      .widget-content .widgets-preview .widgets-code-container .copy-code {
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        resize: none;
        min-height: 0;
        font-size: 13px;
        line-height: 20px;
        border: 1px solid #ddd;
        padding: 12px;
        padding-right: 80px;
        border-radius: 5px;
        margin-top: 14px; }
      .widget-content .widgets-preview .widgets-code-container .button {
        height: 21px;
        top: 66px;
        right: 10px;
        position: absolute; }
    .widget-content .widgets-preview .widgets-preview-container {
      text-align: center;
      margin: 30px auto 50px;
      width: 676px; }
  .widget-content .choose-product {
    margin: 15px 0 0; }
    .widget-content .choose-product select {
      height: 42px;
      padding-left: 10px;
      width: 100%; }

.widget-tabs {
  overflow: hidden; }
  .widget-tabs li {
    float: left;
    list-style: none;
    width: 50%; }
    .widget-tabs li:first-of-type a {
      border-top-left-radius: 4px;
      border-right-width: 0; }
    .widget-tabs li:last-of-type a {
      border-top-right-radius: 4px; }
  .widget-tabs a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    background: #f8f8f8;
    display: inline-block;
    border: 1px solid #ddd;
    text-align: center;
    padding: 20px 0;
    color: #666;
    text-decoration: none; }
    .widget-tabs a:hover {
      background: #eee; }
    .widget-tabs a.selected {
      background: #fff;
      border-bottom-color: #fff; }
    .widget-tabs a p {
      color: #aaa;
      font-size: 15px; }
    .widget-tabs a .icn-overlay,
    .widget-tabs a .icn-embed {
      width: 57px;
      height: 72px;
      display: inline-block; }
    .widget-tabs a .icn-overlay {
      background: url(https://assets.gumroad.com/assets/widgets/icon-overlay-70812f2e16818bec3ded5287565a88a6905b5a442212361c5747c1a7e2c43205.svg); }
    .widget-tabs a .icn-embed {
      background: url(https://assets.gumroad.com/assets/widgets/icon-embed-4716af914797e376a9cfa5c6f20c3b319b67f35cd3dc5de808887e6546d99dd3.svg); }
  .widget-tabs h3 {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    margin: 10px 0; }
  .widget-tabs p {
    font-size: 12px; }

/**
 * 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://assets.gumroad.com/assets/flags-13b04d20927ea293113730606092abd93c295abca0f80ed8245c7568f1c557a6.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://assets.gumroad.com/assets/flags-13b04d20927ea293113730606092abd93c295abca0f80ed8245c7568f1c557a6.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 * {
    -webkit-box-sizing: border-box;
            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 .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,
  .library .selected-product-wrapper {
    width: 100%;
    padding: 0 10px 1px;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    #user_page .wrapper .powered-by-footer,
    #product_page .wrapper .powered-by-footer,
    #user_page .selected-product-wrapper .powered-by-footer,
    .library .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,
    .library .selected-product-wrapper .main-product-row {
      margin-top: 62px; }
    #user_page .wrapper .product,
    #product_page .wrapper .product,
    #user_page .selected-product-wrapper .product,
    .library .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,
      .library .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,
        .library .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,
        .library .selected-product-wrapper .product .product-information .description-container,
        .library .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,
          .library .selected-product-wrapper .product .product-information .description-container .variant-selection select,
          .library .selected-product-wrapper .product .product-information .description-container .quantity-selector,
          .library .selected-product-wrapper .product .product-information .description-container .pay-what-you-want-selection .link_price_wrapper,
          .library .selected-product-wrapper .product .product-information .want-container .variant-selection select,
          .library .selected-product-wrapper .product .product-information .want-container .quantity-selector,
          .library .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,
          .library .selected-product-wrapper .product .product-information .description-container .product-info,
          .library .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,
          .library .selected-product-wrapper .product .product-information .description-container:before,
          .library .selected-product-wrapper .product .product-information .description-container:after,
          .library .selected-product-wrapper .product .product-information .want-container:before,
          .library .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,
        .library .selected-product-wrapper .product .product-information .product-info li span,
        .library .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,
      .library .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,
    .library .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; }

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