* {
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0; }

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

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

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

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

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

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

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

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

.spinning {
  -webkit-animation-name: spinner;
          animation-name: spinner;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

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

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

.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%);
      -ms-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://static-1.gumroad.com/res/gumroad/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://static-1.gumroad.com/res/gumroad/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://static-1.gumroad.com/res/gumroad/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://static-1.gumroad.com/res/gumroad/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://static-1.gumroad.com/res/gumroad/assets/loading-14a877697a575fc4744952dbacbee6caa10fef1b93bdde497621ef48824a9860.gif) center;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom; }

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

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

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

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

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

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

@font-face {
  font-family: "GumIcons";
  src: url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-04f6bd7c9f4b1d4462be594a256a6df8ec3758701666c7b6417399b0310e901b.eot);
  src: url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-04f6bd7c9f4b1d4462be594a256a6df8ec3758701666c7b6417399b0310e901b.eot?#iefix) format("embedded-opentype"), url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-88a061ee57995b0a5489fb43a0b4b3968903bff55b8d92fee120d36cb55cfa08.woff) format("woff"), url(https://static-1.gumroad.com/res/gumroad/assets/gumicons-0c711b8ec1c15fee8d70f83e686b5b4824a8acc2ca02ce2a6f574f31cf55e6bc.ttf) format("truetype"), url(https://static-1.gumroad.com/res/gumroad/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);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.gi-rainbow {
  background: url(https://static-1.gumroad.com/res/gumroad/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;
  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;
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); }
  button:active, button.button-active,
  .button:active,
  .button.button-active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.4);
    color: #fff; }
  button:disabled, button.disabled, button[disabled="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 {
      box-shadow: none; }
  button.button-default,
  .button.button-default {
    -webkit-transition: none;
            transition: none;
    box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
    background: #f5f5f5;
    color: #797874;
    border: 1px solid #c0c0c0; }
    button.button-default a,
    .button.button-default a {
      color: inherit; }
    button.button-default:hover,
    .button.button-default:hover {
      -webkit-transition: background .05s ease-in-out;
              transition: background .05s ease-in-out;
      background: #eee;
      color: #5f5e5b;
      box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); }
    button.button-default:active, button.button-default.button-active,
    .button.button-default:active,
    .button.button-default.button-active {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
      background: #eee;
      color: #797874; }
  button.button-primary,
  .button.button-primary {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#37adb2, endColorstr=#329ca0, GradientType=0)";
    background: #36a9ae -webkit-linear-gradient(top, #37adb2, #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-linear-gradient(top, #3e5e9a, #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 {
        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-linear-gradient(top, #5aaeee, #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 {
        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-linear-gradient(top, #272d31, #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 {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); }
  button.button-block,
  .button.button-block {
    display: block;
    text-align: center;
    padding: 18px auto; }
    button.button-block.button-w-i,
    .button.button-block.button-w-i {
      text-align: left;
      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-linear-gradient(top, #cd2a41, #ba263b);
    background: #c92940 linear-gradient(to bottom, #cd2a41, #ba263b);
    border: 1px solid #9f2033; }
  button.button-plain,
  .button.button-plain {
    box-shadow: none;
    text-decoration: none;
    text-shadow: none; }
  button.button-close,
  .button.button-close {
    box-shadow: none;
    border-radius: 99px;
    position: relative;
    height: 10px;
    width: 10px;
    padding: 10px;
    line-height: 10px;
    background: #eee;
    color: #aaa;
    text-align: center; }
    button.button-close .gi-close,
    .button.button-close .gi-close {
      font-size: 12px;
      position: relative;
      top: -1px; }
    button.button-close:hover,
    .button.button-close:hover {
      background: #ddd;
      text-decoration: none; }
    button.button-close:active,
    .button.button-close:active {
      line-height: 12px;
      background: #ddd;
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
      text-decoration: none;
      color: #aaa; }
  button.button-load,
  .button.button-load {
    border: 2px solid #ddd;
    background: #eee;
    font-weight: bold;
    color: #252a2e; }
    button.button-load:hover,
    .button.button-load:hover {
      background: #ddd; }
    button.button-load:active,
    .button.button-load:active {
      position: relative;
      top: 1px; }
  button .button-dropdown-indicator,
  .button .button-dropdown-indicator {
    display: inline-block;
    -webkit-transition: -webkit-transform .15s ease-in-out;
            transition: transform .15s ease-in-out;
    margin-left: 5px; }
  button a,
  .button a {
    text-decoration: none; }
  button.showing-arrow .button-dropdown-indicator,
  .button.showing-arrow .button-dropdown-indicator {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    vertical-align: bottom;
    line-height: 13px; }
  button.button-small,
  .button.button-small {
    padding: 5px 10px;
    font-size: 13px;
    position: relative; }
    button.button-small.button-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%;
    box-sizing: border-box;
    display: inline-block;
    line-height: 40px;
    padding: 0;
    text-align: center; }

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

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

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

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

.one.column {
  width: 8.333%; }

.two.columns {
  width: 16.666%; }

.three.columns {
  width: 25%; }

.four.columns {
  width: 33.333%; }

.five.columns {
  width: 41.666%; }

.six.columns {
  width: 50%; }

.seven.columns {
  width: 58.333%; }

.eight.columns {
  width: 66.666%; }

.nine.columns {
  width: 75%; }

.ten.columns {
  width: 83.333%; }

.eleven.columns {
  width: 91.666%; }

.twelve.columns {
  width: 100%; }

.half.column {
  width: 50%; }

.quarter.column {
  width: 25%; }

.full.column {
  width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.responsive .container {
  width: auto; }
@media screen and (max-width: 480px) {
  .responsive .container {
    max-width: 420px; }
    .responsive .container .column,
    .responsive .container .columns {
      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;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  border: 1px solid #ddd;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: transform 0.3s cubic-bezier(0.23, 1.5, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1.5, 0.32, 1); }
  .tooltip.showing,
  .showing.tooltip--from-top-center,
  .showing.tooltip--from-top-right,
  .showing.tooltip--from-bottom-center,
  .showing.tooltip--for-chart,
  .showing.tooltip--from-left-side {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .tooltip:before, .tooltip:after,
  .tooltip--from-top-center:before,
  .tooltip--from-top-right:before,
  .tooltip--from-bottom-center:before,
  .tooltip--for-chart:before,
  .tooltip--from-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;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0; }
  .tooltip--from-top-center:before, .tooltip--from-top-center:after,
  .tooltip--from-top-right:before,
  .tooltip--from-top-right:after {
    left: 50%;
    bottom: 100%;
    margin-left: -6px; }
  .tooltip--from-top-center:before,
  .tooltip--from-top-right:before {
    border-bottom-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 1px; }
  .tooltip--from-top-center:after,
  .tooltip--from-top-right:after {
    border-bottom-color: #fff; }

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

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

.tooltip--from-left-side {
  -webkit-transform-origin: 0% 15%;
      -ms-transform-origin: 0% 15%;
          transform-origin: 0% 15%; }
  .tooltip--from-left-side:before, .tooltip--from-left-side:after {
    -webkit-transform: rotate(90deg);
        -ms-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);
      -ms-transform: translate(0, 1800px) rotate(-45deg);
          transform: translate(0, 1800px) rotate(-45deg);
  -webkit-transition: -webkit-transform 1s ease-in;
          transition: transform 1s ease-in; }

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

.wrapper {
  margin: 0 auto; }

input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=email],
input[type=password],
textarea,
.textarea,
.input {
  border-radius: 4px;
  font-family: -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;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02);
  background-position: top right;
  background-repeat: no-repeat;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-appearance: caret; }
  input[type=text]:autofill,
  input[type=url]:autofill,
  input[type=tel]:autofill,
  input[type=number]:autofill,
  input[type=email]:autofill,
  input[type=password]:autofill,
  textarea:autofill,
  .textarea:autofill,
  .input:autofill {
    background: #fff;
    color: #aaa; }
  input[type=text]:focus,
  input[type=url]:focus,
  input[type=tel]:focus,
  input[type=number]:focus,
  input[type=email]:focus,
  input[type=password]:focus,
  textarea:focus,
  .textarea:focus,
  .input:focus {
    border: 1px solid #aaaaaa; }
  input[type=text].loading,
  input[type=url].loading,
  input[type=tel].loading,
  input[type=number].loading,
  input[type=email].loading,
  input[type=password].loading,
  textarea.loading,
  .textarea.loading,
  .input.loading {
    background: #fff url(https://static-1.gumroad.com/res/gumroad/assets/loading-14a877697a575fc4744952dbacbee6caa10fef1b93bdde497621ef48824a9860.gif) no-repeat right 10px center; }

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

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

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

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

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

.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);
          -ms-transform: scale(1);
              transform: scale(1); }
    .styled-checkbox-container input[type="checkbox"]:checked ~ .checkbox-container .unchecked-state {
      opacity: 0;
      -webkit-transform: scale(0);
          -ms-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);
        -ms-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;
  box-shadow: 0 0 3px rgba(200, 0, 0, 0.3) !important;
  background: white;
  background-position: top right;
  background-repeat: no-repeat; }
  input.error::-webkit-input-placeholder,
  select.error::-webkit-input-placeholder {
    color: rgba(192, 67, 85, 0.75) !important; }
  input.error::-moz-placeholder,
  select.error::-moz-placeholder {
    color: rgba(192, 67, 85, 0.75) !important; }
  input.error:-ms-input-placeholder,
  select.error:-ms-input-placeholder {
    color: rgba(192, 67, 85, 0.75) !important; }
  input.error::placeholder,
  select.error::placeholder {
    color: rgba(192, 67, 85, 0.75) !important; }

input[readonly] {
  color: #ccc; }
  input[readonly]:focus {
    border: 1px solid #ddd; }

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

select {
  border-radius: 4px;
  color: #aaa;
  font-family: -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://static-1.gumroad.com/res/gumroad/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://static-1.gumroad.com/res/gumroad/assets/select_dropdown_indicator_light-7fc7935101b8b1a300ffd5a8eab08f206b1f8469a0ca6c99f9c314af3e9b1bf9.png); }
  select option:disabled {
    color: #c04355; }

.tag-pill,
.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,
  .filter-products-container .tag-pill:hover {
    border-color: #c4c4c4;
    text-decoration: none; }
  .tag-pill:active,
  .filter-products-container .tag-pill:active {
    box-shadow: rgba(0, 0, 0, 0.12) 0 2px 2px inset; }
  .tag-pill.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-linear-gradient(left, #f09d1f 0%, #f09d1f 20%, #f09d1f 20%, #eb5d47 20%, #eb5d47 20%, #eb5d47 40%, #cb3246 40%, #cb3246 60%, #cb3246 60%, #962422 60%, #962422 80%, #208488 80%);
  background: linear-gradient(to right, #f09d1f 0%, #f09d1f 20%, #f09d1f 20%, #eb5d47 20%, #eb5d47 20%, #eb5d47 40%, #cb3246 40%, #cb3246 60%, #cb3246 60%, #962422 60%, #962422 80%, #208488 80%);
  height: 5px;
  margin: 0 auto;
  width: 150px; }

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

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

.mobile-app-popover {
  box-sizing: border-box;
  font-size: 14px;
  max-width: 291px;
  padding: 15px;
  text-align: center;
  width: 100%; }
  .mobile-app-popover .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 {
      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 {
    box-sizing: border-box;
    display: block;
    text-align: center; }
    .mobile-app-download-buttons .button:hover, .mobile-app-download-buttons .button:active {
      box-shadow: none; }
  .mobile-app-download-buttons .button-store {
    background: #252a2e;
    text-shadow: none;
    width: 123px;
    display: block;
    float: left;
    font-size: 14px;
    margin-bottom: 13px; }
    .mobile-app-download-buttons .button-store:first-child {
      margin-right: 13px; }
    .mobile-app-download-buttons .button-store:hover {
      background: #1a1d20; }
    .mobile-app-download-buttons .button-store:active {
      box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15); }
    .mobile-app-download-buttons .button-store i {
      margin-right: 5px; }

.open-in-app-landing-page {
  box-sizing: border-box;
  text-align: center;
  padding-top: 30px;
  position: absolute;
  height: 100%; }
  .open-in-app-landing-page .column {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0 30px; }
  .open-in-app-landing-page .open-in-app-heading {
    color: #252a2e;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px; }
  .open-in-app-landing-page .open-in-app-subtext {
    font-size: 18px;
    line-height: 24px; }
  .open-in-app-landing-page hr {
    background: #ddd;
    height: 1px;
    margin: 30px 0; }
  .open-in-app-landing-page .open-in-app-instructions {
    margin-top: 30px; }
    .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-password-info,
    .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-email-info {
      box-sizing: border-box;
      border: 1px solid #cdcdcd;
      height: 40px;
      line-height: 40px;
      overflow-x: scroll;
      overflow-y: hidden;
      position: relative;
      white-space: nowrap;
      width: 100%; }
      .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-password-info .label,
      .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-email-info .label {
        box-sizing: border-box;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background: #f5f5f5;
        border-right: 1px solid #cdcdcd;
        color: #8d8d8d;
        height: 100%;
        overflow: hidden;
        position: absolute;
        text-align: left;
        padding-left: 10px;
        width: 85px; }
      .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-password-info .info,
      .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-email-info .info {
        box-sizing: border-box;
        color: #797874;
        padding-left: 95px;
        position: absolute;
        text-align: left;
        width: 100%; }
    .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-email-info {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      border-bottom: 0; }
    .open-in-app-landing-page .open-in-app-instructions .mobile-app-popover-password-info {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      margin-bottom: 15px;
      overflow-x: hidden; }
    .open-in-app-landing-page .open-in-app-instructions .open-product-instructions {
      width: 285px;
      margin: 0 auto; }
    .open-in-app-landing-page .open-in-app-instructions .app-instruction-title {
      color: #797874;
      font-size: 14px;
      margin: 5px 0 20px; }
    .open-in-app-landing-page .open-in-app-instructions a {
      font-size: 15px;
      width: 255px;
      text-align: center; }
    .open-in-app-landing-page .open-in-app-instructions .download-app-instruction .download-app-instruction-button a {
      background: #000;
      border: 0;
      color: #fff;
      margin-bottom: 15px; }

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

@media screen and (max-width: 480px) {
  #download-page .mobile-app-popover {
    left: 50% !important;
    margin-left: -145px;
    top: auto !important;
    position: fixed;
    bottom: 70px;
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%; }
    #download-page .mobile-app-popover:before, #download-page .mobile-app-popover:after {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
      top: 100%; }
    #download-page .mobile-app-popover:before {
      margin-top: 0; }
    #download-page .mobile-app-popover:after {
      margin-top: -1px; } }
.tipsy {
  z-index: 999999;
  position: absolute;
  padding: 5px;
  font-size: 12px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/tipsy-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;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  width: 100%; }
  .file-row-container:nth-child(1),
  .subtitle-row-container:nth-child(1) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-width: 1px; }
  .file-row-container:last-child,
  .subtitle-row-container:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .file-row-container.complete,
  .subtitle-row-container.complete {
    background: #fff;
    border-style: solid; }
    .file-row-container.complete.sortable-ghost,
    .subtitle-row-container.complete.sortable-ghost {
      background: #f5f5f5; }
      .file-row-container.complete.sortable-ghost .file-row,
      .file-row-container.complete.sortable-ghost .subtitle-upload-drawer,
      .subtitle-row-container.complete.sortable-ghost .file-row,
      .subtitle-row-container.complete.sortable-ghost .subtitle-upload-drawer {
        opacity: 0; }

.file-row,
.subtitle-row {
  box-sizing: border-box;
  float: left;
  max-height: 52px;
  padding: 0 15px;
  width: 100%; }
  .file-row.subtitle-row,
  .subtitle-row.subtitle-row {
    border-top: 1px solid #ddd; }
    .file-row.subtitle-row:nth-child(1),
    .subtitle-row.subtitle-row:nth-child(1) {
      border-top: 0; }
  .file-row .uploading-bar,
  .subtitle-row .uploading-bar {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/header_bar-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);
          -ms-transform: scale(1);
              transform: scale(1);
      -webkit-transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
              transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1); }
    .file-row .uploading-circle .gi-check,
    .subtitle-row .uploading-circle .gi-check {
      background: #36a9ae;
      border-radius: 50%;
      color: #fff;
      font-size: 10px;
      height: 18px;
      line-height: 17px;
      opacity: 0;
      text-align: center;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0);
      -webkit-transition-delay: .3s;
              transition-delay: .3s;
      width: 18px; }
  .file-row .file-name,
  .subtitle-row .file-name {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis; }
  .file-row.complete .uploading-bar,
  .subtitle-row.complete .uploading-bar {
    height: 0; }
@-webkit-keyframes toggle-check {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  12% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  76% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }
@keyframes toggle-check {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  12% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  76% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }
  .file-row.showing-check .uploading-circle .gi-rainbow,
  .subtitle-row.showing-check .uploading-circle .gi-rainbow {
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  .file-row.showing-check .uploading-circle .gi-check,
  .subtitle-row.showing-check .uploading-circle .gi-check {
    -webkit-animation: toggle-check 3.6s 1;
            animation: toggle-check 3.6s 1; }

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

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

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

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

.placeholder {
  color: #ccc; }

.placeholderFocus {
  color: #ddd; }

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

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

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

.miniColors-colors {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 150px;
  height: 150px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/colors-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://static-1.gumroad.com/res/gumroad/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://static-1.gumroad.com/res/gumroad/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 * {
  box-sizing: border-box; }

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

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

.chosen-container a {
  cursor: pointer; }

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

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

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

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

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/chosen-sprite-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://static-1.gumroad.com/res/gumroad/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://static-1.gumroad.com/res/gumroad/assets/chosen-sprite-8aa69ee6b2376505578d758bfbbc52aec88fa5e591f1a7cabd8adfa80a7b613a.png) no-repeat 100% -20px;
  background: url(https://static-1.gumroad.com/res/gumroad/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, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text; }

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

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

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

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #ddd;
  max-width: 100%;
  border-radius: 3px;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-clip: padding-box;
  color: #797874;
  line-height: 13px;
  cursor: default; }

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

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/chosen-sprite-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, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: #fff url(https://static-1.gumroad.com/res/gumroad/assets/chosen-sprite-8aa69ee6b2376505578d758bfbbc52aec88fa5e591f1a7cabd8adfa80a7b613a.png) no-repeat -30px -20px;
  background: url(https://static-1.gumroad.com/res/gumroad/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://static-1.gumroad.com/res/gumroad/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 {
    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;
    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-linear-gradient(top, #3fb0dc, #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);
    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 {
    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-linear-gradient(top, #fafafa, #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 {
        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 {
      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-linear-gradient(top, #ca1c07, #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 {
    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-linear-gradient(top, #ca1c07, #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;
  box-shadow: inset 0 0 5px 1px #9d9d9d;
  width: 35px;
  height: 20px;
  background: #aaa;
  text-indent: -5000px;
  cursor: pointer; }
  .preview-toggle + label .active,
  .preview-toggle + label .inactive {
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: all 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 15px;
    height: 20px;
    width: 20px; }
  .preview-toggle + label .active {
    background: #36a9ae; }
  .preview-toggle + label .inactive {
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 1; }
.preview-toggle .inactive-label,
.preview-toggle .active-label {
  display: inline-block;
  color: #aaa; }
.preview-toggle:checked + label .active {
  width: 35px;
  background: #36a9ae;
  box-shadow: inset 0 0 5px 1px #36a9ae; }
.preview-toggle:checked + label .inactive {
  left: 15px;
  box-shadow: inset 0 0 0 1px #36a9ae, 0 2px 4px rgba(0, 0, 0, 0.2); }
.preview-toggle:checked ~ .active-label {
  color: #36a9ae; }

.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://static-1.gumroad.com/res/gumroad/assets/header_bar-bd3be3db872f96368507899b9f29f6e4acdd64c84dfc132c2f7366924c900b52.png);
      background-position: bottom left;
      background-repeat: repeat-x;
      background-size: 100% 5px;
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
      -webkit-transition: all .3s linear;
              transition: all .3s linear; }
      .modals-container .gr-modals .gr-modal.showing {
        top: 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 {
            box-sizing: border-box;
            position: absolute;
            padding: 17px 0 17px 44px;
            font-weight: bold;
            border: 1px solid #ddd;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            background: #fff;
            width: 100px; }
            .modals-container .gr-modals .gr-modal .email-form .share-email-field label .icn {
              position: absolute;
              top: 19px;
              left: 14px;
              display: block;
              width: 20px;
              height: 16px;
              opacity: .6; }
            .modals-container .gr-modals .gr-modal .email-form .share-email-field label:hover {
              cursor: pointer; }
          .modals-container .gr-modals .gr-modal .email-form .share-email-field textarea {
            max-width: 100%;
            border-top-left-radius: 0;
            border-top-right-radius: 0; }
          .modals-container .gr-modals .gr-modal .email-form .share-email-field input[type=email] {
            padding-left: 118px; }
        .modals-container .gr-modals .gr-modal .email-form .emailed-link {
          border: 1px solid #ddd;
          border-bottom: 0;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px;
          padding: 16px 18px 17px; }
          .modals-container .gr-modals .gr-modal .email-form .emailed-link .product-title {
            font-weight: bold; }
    .modals-container .gr-modals #email-product-modal {
      width: 600px; }

@media (max-width: 720px) {
  .modals-container {
    display: none; }
    .modals-container.showing {
      display: block; }

  .gr-modals.gr-auth .gr-modal {
    width: 95%;
    margin: 0 auto; }
    .gr-modals.gr-auth .gr-modal.showing {
      top: 30px; }
    .gr-modals.gr-auth .gr-modal .six.columns {
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
    .gr-modals.gr-auth .gr-modal .auth-title {
      padding: 18px; }
      .gr-modals.gr-auth .gr-modal .auth-title h2 {
        font-size: 18px;
        width: 90%; }
      .gr-modals.gr-auth .gr-modal .auth-title .close-modal {
        margin-right: 15px;
        position: absolute;
        right: 0; }
    .gr-modals.gr-auth .gr-modal .social-auth .button {
      font-size: 16px;
      height: 45px;
      line-height: 42px;
      margin-bottom: 0;
      padding-left: 60px; }
      .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-facebook, .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter {
        float: left;
        margin-right: 2%;
        width: 49%; }
        .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-facebook:last-child, .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter:last-child {
          margin-right: 0; }
        .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-facebook .gi, .gr-modals.gr-auth .gr-modal .social-auth .button.button-social-twitter .gi {
          height: 44px;
          line-height: 44px;
          width: 44px; }
    .gr-modals.gr-auth .gr-modal .classic-auth {
      border-left: 0;
      border-top: 1px solid #eee;
      margin-top: 15px;
      padding-top: 15px; }
      .gr-modals.gr-auth .gr-modal .classic-auth input {
        appearance: none;
        float: left;
        height: 45px;
        margin-right: 2%;
        margin-bottom: 10px;
        width: 49%; }
        .gr-modals.gr-auth .gr-modal .classic-auth input:last-child {
          margin-right: 0; }
    .gr-modals.gr-auth .gr-modal .create {
      margin: 0 0 15px;
      padding: 0; }
      .gr-modals.gr-auth .gr-modal .create .terms {
        margin-bottom: 15px; }
    .gr-modals.gr-auth .gr-modal #forgot-password-form {
      padding: 0 18px; }
      .gr-modals.gr-auth .gr-modal #forgot-password-form .email {
        margin-right: 0;
        width: 60%;
        appearance: none; }
      .gr-modals.gr-auth .gr-modal #forgot-password-form .button-primary {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        height: 47px;
        margin: 1px 0 0 -10px;
        padding: 13px 20px 14px; }
      .gr-modals.gr-auth .gr-modal #forgot-password-form .separator {
        display: none; } }
@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 {
  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 {
          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 {
  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 {
  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 .g-recaptcha {
  display: inline-block;
  float: right;
  margin: 15px 13px 0; }
.gr-auth .faded .social-auth,
.gr-auth .faded .classic-auth {
  pointer-events: none;
  opacity: .3; }
.gr-auth .faded .create {
  display: none; }

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

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

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

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

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

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

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

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

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

.buyer-bar-container {
  position: fixed;
  top: 13px;
  right: 0;
  min-width: 120px;
  min-height: 245px;
  z-index: 11;
  overflow-y: auto;
  padding-right: 10px;
  padding-left: 2px;
  pointer-events: none;
  -webkit-transition: bottom 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: bottom 0.3s cubic-bezier(0.23, 1.5, 0.32, 1); }
  .buyer-bar-container .buyer-circle-link,
  .buyer-bar-container .bundle-tool-tip {
    pointer-events: all; }
  .buyer-bar-container.showing-checkout, .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://static-1.gumroad.com/res/gumroad/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 {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
  .buyer-bar-container .buyer-circle-link:active .buyer-circle {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }

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

#product_page,
#user_page {
  background: #f5f5f5;
  background-size: cover;
  background-attachment: fixed; }
  #product_page .wrapper,
  #user_page .wrapper {
    min-width: 0;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    width: auto;
    box-sizing: border-box;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    height: auto; }
    #product_page .wrapper.showing-customization-bar,
    #user_page .wrapper.showing-customization-bar {
      -webkit-transform: translateY(65px);
          -ms-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);
            -ms-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; }

.credit_card_holder {
  position: relative;
  margin-bottom: 20px;
  height: 213px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transition: height 0.5s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: height 0.5s cubic-bezier(0.23, 1.5, 0.32, 1); }
  .credit_card_holder.small {
    margin-bottom: 10px; }
    .credit_card_holder.small .pay-by-paypal .charge-to-container p {
      width: 140px; }
  .credit_card_holder.showing-paypal {
    height: 155px;
    -webkit-transition-delay: .5s;
            transition-delay: .5s; }
    .credit_card_holder.showing-paypal .flipper {
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg);
      -webkit-transition-delay: .5s;
              transition-delay: .5s; }
  .credit_card_holder .flipper {
    -webkit-transition: .6s;
            transition: .6s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    position: relative; }
  .credit_card_holder .gi-credit-card {
    float: left;
    margin: 1px 0 0 5px;
    font-size: 35px; }
  .credit_card_holder .card_error_popup {
    border-radius: 4px;
    background: #fff;
    left: 10px;
    right: 10px;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 2;
    top: -54px;
    font-size: 15px;
    font-weight: bold;
    color: #c04355;
    text-align: center; }
    .credit_card_holder .card_error_popup .card_error_popup_arrow {
      border-width: 10px;
      border-color: #fff transparent transparent;
      left: 50%;
      margin-left: -10px;
      z-index: 3;
      margin-top: 10px; }
    .credit_card_holder .card_error_popup .message {
      font-weight: bold; }
  .credit_card_holder .credit_card,
  .credit_card_holder .pay-by-paypal {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .credit_card_holder .credit_card {
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    height: 213px;
    border: 1px solid #ccc;
    background: -webkit-linear-gradient(top, #fff, #f5f5f5);
    background: linear-gradient(top, #fff, #f5f5f5);
    padding-bottom: 10px;
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
    .credit_card_holder .credit_card.test_card {
      overflow: hidden; }
    .credit_card_holder .credit_card .stripe-card-info {
      background: #e5e5e5;
      margin-top: 10px;
      color: #252a2e;
      overflow: hidden;
      height: 44px; }
      .credit_card_holder .credit_card .stripe-card-info h4 {
        font-weight: 600;
        font-size: 17px;
        padding: 12px 10px 0;
        line-height: 21px;
        margin: 0;
        float: left; }
      .credit_card_holder .credit_card .stripe-card-info .paypal {
        border: 1px solid #c9c9c9;
        background: #e5e5e5;
        border-radius: 4px;
        width: 66px;
        height: 30px;
        float: right;
        position: relative;
        margin: 6px 10px;
        font-size: 50px;
        color: #9a9a9a;
        -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
        text-align: center; }
        .credit_card_holder .credit_card .stripe-card-info .paypal:hover {
          cursor: pointer;
          color: #029cde;
          background: #fff;
          border: 1px solid #ddd; }
        .credit_card_holder .credit_card .stripe-card-info .paypal:active {
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); }
        .credit_card_holder .credit_card .stripe-card-info .paypal .gi-paypal {
          position: relative;
          top: -14px; }
        .credit_card_holder .credit_card .stripe-card-info .paypal.loading {
          pointer-events: none;
          opacity: .4; }
      .credit_card_holder .credit_card .stripe-card-info .or-pay-with {
        float: right;
        color: #9a9a9a;
        margin: 12px 0 0;
        padding: 0; }
      .credit_card_holder .credit_card .stripe-card-info .loading-gif {
        float: right;
        margin-right: 10px;
        margin-top: 15px; }
    .credit_card_holder .credit_card p {
      padding: 10px 10px 0;
      margin: 0;
      font-size: 13px;
      line-height: 21px; }
    .credit_card_holder .credit_card label {
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.3);
      display: block;
      font-size: 12px;
      margin: 0;
      float: none;
      text-overflow: ellipsis;
      height: 21px; }
      .credit_card_holder .credit_card label:hover {
        cursor: pointer; }
    .credit_card_holder .credit_card .keep-on-file-notice {
      float: right; }
      .credit_card_holder .credit_card .keep-on-file-notice label {
        display: inline-block;
        margin-left: 4px;
        width: auto; }
    .credit_card_holder .credit_card input[type=tel],
    .credit_card_holder .credit_card input[type=text],
    .credit_card_holder .credit_card input[type=number] {
      box-sizing: border-box;
      border-radius: 4px;
      margin-top: 4px;
      width: 100%;
      max-width: 100%;
      padding: 8px 10px;
      margin-right: 0;
      height: 38px; }
      .credit_card_holder .credit_card input[type=tel]:focus,
      .credit_card_holder .credit_card input[type=text]:focus,
      .credit_card_holder .credit_card input[type=number]:focus {
        border-color: #aaa; }
      .credit_card_holder .credit_card input[type=tel].error,
      .credit_card_holder .credit_card input[type=text].error,
      .credit_card_holder .credit_card input[type=number].error {
        background: #fff; }
    .credit_card_holder .credit_card .cc-icon {
      background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-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://static-1.gumroad.com/res/gumroad/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);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      position: absolute;
      z-index: 1;
      right: 10px;
      left: 10px;
      margin-top: 44px;
      padding: 5px 8px;
      color: #ddd;
      text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
      display: none; }
      .credit_card_holder .credit_card .cc_security_blurb a {
        color: #fff; }
      .credit_card_holder .credit_card .cc_security_blurb:before {
        content: "";
        height: 0;
        position: absolute;
        width: 0;
        border-color: transparent;
        border-style: solid;
        border-bottom-color: rgba(0, 0, 0, 0.9);
        border-width: 4px;
        bottom: 100%;
        right: 12px; }
    .credit_card_holder .credit_card input.cv_code,
    .credit_card_holder .credit_card input.expiry_date {
      width: 31px;
      height: 19px;
      box-sizing: content-box; }
    .credit_card_holder .credit_card input.expiry_date {
      width: 70px; }
    .credit_card_holder .credit_card .full-name-p {
      padding: 10px 0; }
      .credit_card_holder .credit_card .full-name-p input {
        width: 120px; }
    .credit_card_holder .credit_card .preset_cc_input {
      border-radius: 0;
      display: inline-block;
      margin-top: 4px;
      padding: 0;
      margin-right: 0;
      font-size: 17px;
      line-height: 17px;
      color: #aaa;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); }
    .credit_card_holder .credit_card .preset_cc_number {
      letter-spacing: 7px;
      font-weight: bold;
      padding: 32px 0;
      color: rgba(0, 0, 0, 0.4);
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px #fff, 0 1px 2px #fff; }
    .credit_card_holder .credit_card.remembered .js-expiry_date_p {
      position: absolute;
      bottom: 15px;
      right: 15px;
      text-align: right; }
      .credit_card_holder .credit_card.remembered .js-expiry_date_p label {
        width: auto; }
    .credit_card_holder .credit_card .cv_code_p {
      float: right;
      max-width: 145px;
      clear: none;
      padding-left: 0; }
      .credit_card_holder .credit_card .cv_code_p label {
        float: right;
        text-align: right; }
      .credit_card_holder .credit_card .cv_code_p input {
        float: right;
        clear: right; }
    .credit_card_holder .credit_card .use_different_card {
      float: left;
      width: 160px;
      position: relative;
      font-size: 15px;
      left: 20px;
      padding: 10px 0 12px;
      display: block; }
    .credit_card_holder .credit_card .test_card_notice {
      background: #fff;
      position: absolute;
      left: -45px;
      bottom: 15px;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      padding: 10px 50px;
      color: #000;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      font-size: 11px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    .credit_card_holder .credit_card .expiry-date-p,
    .credit_card_holder .credit_card .full-name-p {
      float: left;
      clear: none; }
    .credit_card_holder .credit_card .cc-zipcode-p {
      position: absolute;
      left: 117px; }
      .credit_card_holder .credit_card .cc-zipcode-p .cc-zipcode {
        width: 99px;
        height: 19px;
        box-sizing: content-box; }
  .credit_card_holder .pay-by-paypal {
    height: 155px;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
    .credit_card_holder .pay-by-paypal .stripe-card-info .gi-paypal {
      font-size: 70px;
      line-height: 32px;
      float: left;
      margin-left: 25px; }
    .credit_card_holder .pay-by-paypal .stripe-card-info .gi-credit-card {
      font-size: 35px;
      float: right;
      color: #9a9a9a;
      margin: 0 13px; }
      .credit_card_holder .pay-by-paypal .stripe-card-info .gi-credit-card:hover {
        cursor: pointer;
        color: #666; }
    .credit_card_holder .pay-by-paypal .stripe-card-info .or-pay-with {
      right: 40px; }
    .credit_card_holder .pay-by-paypal .keep-on-file-notice {
      margin-top: -40px; }
      .credit_card_holder .pay-by-paypal .keep-on-file-notice label {
        padding: 10px 10px 10px 5px;
        margin-left: 0; }
    .credit_card_holder .pay-by-paypal .charge-to-container {
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 4px;
      margin: 0 10px;
      height: 44px; }
      .credit_card_holder .pay-by-paypal .charge-to-container .gi-paypal {
        font-size: 50px;
        color: #029cde;
        float: left;
        line-height: 36px;
        margin: 0 20px; }
      .credit_card_holder .pay-by-paypal .charge-to-container .gi-close {
        float: right;
        line-height: 46px;
        color: #9a9a9a;
        margin-right: 10px; }
        .credit_card_holder .pay-by-paypal .charge-to-container .gi-close:hover {
          cursor: pointer;
          color: #666; }
      .credit_card_holder .pay-by-paypal .charge-to-container p {
        color: #b8b8b8;
        font-size: 14px;
        width: 170px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 24px; }
    .credit_card_holder .pay-by-paypal label {
      padding: 10px; }

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

.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);
      -ms-transform: translateY(0);
          transform: translateY(0);
  width: 100%;
  z-index: 10; }
  .customization-modules-container.showing {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(65px);
        -ms-transform: translateY(65px);
            transform: translateY(65px); }
  .customization-modules-container.showing-core-nav {
    -webkit-transform: translateY(137px);
        -ms-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;
  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;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  width: 320px;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s all cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: 0.3s all cubic-bezier(0.23, 1.5, 0.32, 1);
  padding: 30px;
  position: absolute;
  left: 50%;
  margin-left: -165px;
  top: 80px;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0; }
  .customization-module.showing,
  .showing.customization-module--displayed-products,
  .showing.customization-module--purchase-flow,
  .showing.customization-module--form {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-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;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          content: "";
          display: block;
          font-size: 8px;
          font-family: GumIcons;
          line-height: 20px;
          position: absolute;
          right: 0;
          text-align: center;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .customization-module .customization-module__input .customization-module__input-label--for-checkbox:hover,
        .customization-module--displayed-products .customization-module__input .customization-module__input-label--for-checkbox:hover,
        .customization-module--purchase-flow .customization-module__input .customization-module__input-label--for-checkbox:hover,
        .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;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
      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-linear-gradient(top, #37adb2, #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;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      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%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      right: 0;
      border-radius: 8px;
      height: 3px;
      background-color: #ddd;
      width: 175px;
      -webkit-appearance: none; }
      .customization-module .customization-module__input .customization-module__input-range::-webkit-slider-thumb,
      .customization-module--displayed-products .customization-module__input .customization-module__input-range::-webkit-slider-thumb,
      .customization-module--purchase-flow .customization-module__input .customization-module__input-range::-webkit-slider-thumb,
      .customization-module--form .customization-module__input .customization-module__input-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        background-color: #fff;
        border: 1px solid #ddd;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        width: 20px;
        height: 20px;
        border-radius: 10px;
        cursor: pointer; }
    .customization-module .customization-module__input .customization-module__input-background-image,
    .customization-module--displayed-products .customization-module__input .customization-module__input-background-image,
    .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image,
    .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);
      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);
              -ms-transform: translateY(-35%) scale(1);
                  transform: translateY(-35%) scale(1); }
          .customization-module .customization-module__input .customization-module__input-background-image label .edit-actions p,
          .customization-module .customization-module__input .customization-module__input-background-image .processing-placeholder .edit-actions p,
          .customization-module--displayed-products .customization-module__input .customization-module__input-background-image label .edit-actions p,
          .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image label .edit-actions p,
          .customization-module--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%);
              -ms-transform: scale(0), translateY(-50%);
                  transform: scale(0), translateY(-50%); }
          .customization-module .customization-module__input .customization-module__input-background-image.has-background label .edit-actions p,
          .customization-module--displayed-products .customization-module__input .customization-module__input-background-image.has-background label .edit-actions p,
          .customization-module--purchase-flow .customization-module__input .customization-module__input-background-image.has-background label .edit-actions p,
          .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%);
            -ms-transform: scale(1), translateY(-50%);
                transform: scale(1), translateY(-50%); }
    .customization-module .customization-module__input .miniColors-triggerWrap,
    .customization-module--displayed-products .customization-module__input .miniColors-triggerWrap,
    .customization-module--purchase-flow .customization-module__input .miniColors-triggerWrap,
    .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 {
      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;
        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://static-1.gumroad.com/res/gumroad/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;
        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-linear-gradient(180deg, #f5f5f5 50%, rgba(245, 245, 245, 0) 100%);
          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 {
        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; }

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

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

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

@keyframes glow {
  0% {
    box-shadow: 0 0 2px #fdce71; }
  100% {
    box-shadow: 0 0 8px #fdce71; } }
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;
  box-sizing: border-box;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/product/patterns-f40ed85c07b5849d8f9cc4e044cb8fdbe5a88df0983fd17c2b1c329a8c289e87.png) 8px -11px repeat-x, -webkit-linear-gradient(top left, #fafafa, #f5f5f5);
  background: url(https://static-1.gumroad.com/res/gumroad/assets/product/patterns-f40ed85c07b5849d8f9cc4e044cb8fdbe5a88df0983fd17c2b1c329a8c289e87.png) 8px -11px repeat-x, linear-gradient(to bottom right, #fafafa, #f5f5f5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  padding-bottom: 10px;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 4px; }
  .envelope .or-mark {
    display: inline-block;
    margin: 0 auto;
    padding: 0 6px;
    position: relative;
    top: 5px;
    text-transform: uppercase;
    background: #fafafa;
    color: #bbb;
    z-index: 1; }
  .envelope .social-signup-wrapper {
    position: relative;
    text-align: center; }
    .envelope .social-signup-wrapper .social-button {
      text-align: left; }
    .envelope .social-signup-wrapper .mini-rule {
      position: absolute;
      margin-top: -6px; }
  .envelope .mini-rule {
    margin-bottom: 0; }
  .envelope label {
    color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    margin: 0 0 5px;
    text-transform: uppercase; }
  .envelope .custom-field-container input {
    margin-top: 10px; }
    .envelope .custom-field-container input:first-of-type {
      margin-top: 0; }
  .envelope .email-confirm-dialog {
    padding: 10px;
    top: 100%;
    margin-top: 8px;
    width: 300px;
    margin-left: -150px;
    left: 50%;
    box-sizing: border-box; }
    .envelope .email-confirm-dialog span {
      display: block;
      margin-bottom: 5px; }
    .envelope .email-confirm-dialog .button {
      margin-right: 5px; }
  .envelope p {
    box-sizing: border-box;
    padding: 10px 10px 0;
    margin: 0;
    font-size: 13px;
    line-height: 21px;
    width: 100%; }
    .envelope p .btn.social {
      box-sizing: border-box;
      position: relative;
      text-align: left;
      width: 100%; }
      .envelope p .btn.social i {
        top: 10px; }
    .envelope p input[type=text],
    .envelope p input[type=email],
    .envelope p input[type=password],
    .envelope p textarea,
    .envelope p select {
      border-radius: 4px;
      box-sizing: border-box;
      display: inline-block;
      height: 38px;
      width: 100%;
      max-width: 100%;
      padding: 8px 10px;
      box-shadow: 0 1px 1px rgba(255, 255, 255, 0.15);
      float: none; }
      .envelope p input[type=text]:focus,
      .envelope p input[type=email]:focus,
      .envelope p input[type=password]:focus,
      .envelope p textarea:focus,
      .envelope p select:focus {
        border-color: #aaa; }
      .envelope p input[type=text].error,
      .envelope p input[type=email].error,
      .envelope p input[type=password].error,
      .envelope p textarea.error,
      .envelope p select.error {
        background: #fff; }
    .envelope p.variant_selection select {
      margin-top: 10px; }
      .envelope p.variant_selection select:first-child {
        margin-top: 0; }
    .envelope p textarea {
      margin-top: 12px;
      min-height: 100px;
      resize: vertical; }
    .envelope p.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;
      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; }

.gumroad-button {
  background-color: #fff;
  background-repeat: repeat-x;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px;
  color: #999 !important;
  display: inline-block;
  font-family: -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, box-shadow .1s ease-in-out;
          transition: color .3s ease-in-out, box-shadow .1s ease-in-out; }
  .gumroad-button span {
    background-image: url(https://static-1.gumroad.com/res/gumroad/button/button_logo.png);
    background-size: cover;
    height: 17px;
    width: 16px;
    display: inline-block;
    content: "";
    margin-bottom: -3px;
    margin-right: 15px; }
  .gumroad-button strong {
    color: #666;
    font-weight: bold; }
  .gumroad-button:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px !important;
    color: #777 !important; }
  .gumroad-button:active {
    box-shadow: inset rgba(0, 0, 0, 0.3) 0 0 3px !important;
    background: #f5f5f5; }

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

.flash-message {
  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);
    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; }

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

.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-linear-gradient(top, #37adb2, #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;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
    .navigation-dropdown-group--megaphone .task-count:hover {
      box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
      cursor: pointer; }
  .navigation-dropdown-group--megaphone .task-counter.no-tasks .task-count {
    opacity: 0; }

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

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

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

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

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

.navigation,
.navigation--primary,
.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%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 24px; }
    .navigation--primary .show-navigation .icn-logo.wordmark,
    .navigation--primary .hide-navigation .icn-logo.wordmark,
    .navigation--primary .navigation-logo .icn-logo.wordmark {
      background: url(https://static-1.gumroad.com/res/gumroad/assets/wordmark_logo-7e44d3ab28fcd7a7cc7f992a38599b9a5968fc09ec1bdb32cb0b4291d3cd2bac.svg);
      height: 32px;
      width: 126px;
      left: 0;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
.navigation--primary .show-navigation {
  display: none; }
.navigation--primary .hide-navigation {
  display: none; }
.navigation--primary .navigation-logo {
  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 {
  box-sizing: border-box;
  color: #a0a0a0;
  height: 70px;
  float: right;
  padding-left: 15px;
  font-size: 13px;
  max-width: 250px;
  z-index: 9; }
  .navigation--primary .navigation-account > li {
    line-height: 70px;
    height: 70px; }
  .navigation--primary .navigation-account .navigation-profile-picture {
    width: 32px;
    height: 32px;
    display: block;
    float: left;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    .navigation--primary .navigation-account .navigation-profile-picture:hover {
      cursor: pointer; }
  .navigation--primary .navigation-account .navigation-account-name {
    box-sizing: border-box;
    float: left; }
    .navigation--primary .navigation-account .navigation-account-name:hover {
      color: #666;
      cursor: pointer; }
    .navigation--primary .navigation-account .navigation-account-name .name {
      font-weight: 500;
      padding: 0 20px 0 10px;
      text-align: left; }
    .navigation--primary .navigation-account .navigation-account-name .gi {
      right: 0;
      font-size: 14px;
      position: absolute;
      margin-top: 4px;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(90deg);
          -ms-transform: translateY(-50%) rotate(90deg);
              transform: translateY(-50%) rotate(90deg);
      width: 15px; }
  .navigation--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%);
        -ms-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%);
        -ms-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);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 15% 0%;
        -ms-transform-origin: 15% 0%;
            transform-origin: 15% 0%;
    pointer-events: none;
    background: #f5f5f5;
    top: 100%;
    display: inline-block;
    position: absolute;
    border: 1px solid #ddddd4;
    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);
          -ms-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;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    border-radius: 50px;
    border: 1px solid #ddddd4;
    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://static-1.gumroad.com/res/gumroad/assets/logo-70cc6d4c5ab29be1bae97811585bc664524cd99897327ec47a67a76a6f69be91.svg);
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
    .responsive .navigation--primary .navigation-links {
      display: none;
      background: #e3e3dc;
      border: 1px solid #ccccc0;
      border-width: 1px 0;
      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 ::-moz-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://static-1.gumroad.com/res/gumroad/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 ::-moz-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;
    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);
      -ms-transform: scale(1);
          transform: scale(1);
  pointer-events: all; }
.navigation-dropdown-group--account, .navigation-dropdown-group--megaphone, .navigation-dropdown-group--learn {
  position: relative; }

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

@media (max-width: 768px) {
  .minimal-nav {
    font-size: 14px;
    padding: 10px; }
    .minimal-nav .vertical-nav li {
      margin-right: 15px; }
    .minimal-nav .right,
    .minimal-nav .left {
      padding: 0; }
      .minimal-nav .right .login-button,
      .minimal-nav .right .start-selling,
      .minimal-nav .left .login-button,
      .minimal-nav .left .start-selling {
        font-size: 14px; } }
.payment-container {
  margin: 0 auto;
  max-width: 320px;
  display: block;
  padding: 20px 0;
  width: 95%; }
  .payment-container .gift-trigger {
    position: absolute;
    right: 14px;
    top: 19px; }
    .payment-container .gift-trigger.active .gift {
      background-position: -98px -489px; }
  .payment-container .rental-message,
  .payment-container .subscription-charge-occurrences-message {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin: 15px 0 0; }

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

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

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

.pay_button_container {
  clear: both; }
  .pay_button_container .pay_button {
    margin: 0 auto;
    width: 100%;
    font-size: 17px;
    display: block; }
    .pay_button_container .pay_button.small {
      font-size: 15px;
      padding: 10px; }

@media (max-width: 480px) {
  .payment-container {
    padding: 10px 0; } }
.powered-by-footer {
  border-radius: 4px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  margin: 14px 0;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.6); }
  .powered-by-footer a {
    text-decoration: underline;
    font-weight: bold;
    color: inherit; }
  .powered-by-footer span {
    position: relative;
    display: inline-block;
    opacity: .6; }
  .powered-by-footer .gi-lock,
  .powered-by-footer .gi-logo {
    font-size: 20px;
    margin: 0 5px;
    position: relative;
    top: 2px; }
  .powered-by-footer.absolutely-positioned {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%; }

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

.dark-background .powered-by-footer,
.is-embed .powered-by-footer,
.is-modal .powered-by-footer {
  color: rgba(255, 255, 255, 0.6); }
  .dark-background .powered-by-footer span,
  .is-embed .powered-by-footer span,
  .is-modal .powered-by-footer span {
    opacity: .6; }
  .dark-background .powered-by-footer .lock,
  .is-embed .powered-by-footer .lock,
  .is-modal .powered-by-footer .lock {
    background: url(https://static-1.gumroad.com/res/gumroad/assets/icons-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://static-1.gumroad.com/res/gumroad/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);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); }
  .is-embed .powered-by-footer span,
  .is-modal .powered-by-footer span {
    opacity: 1; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.product-main .product-information {
  padding: 20px; }
  .product-main .product-information h1 {
    font-family: -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 {
    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 {
    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;
  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;
  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);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
          transition: opacity .3s ease-out, transform .3s ease-out;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.15); }
  .scroll-button.showing {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .scroll-button:active {
    color: inherit; }

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

.receipt {
  position: absolute;
  top: 1px;
  background: #fff;
  width: 241px;
  padding: 15px 15px 0;
  left: 50%;
  margin-left: -135px;
  border-top-width: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.17), 0 5px 10px rgba(0, 0, 0, 0.05);
  margin-top: -300px; }
  .receipt h4 {
    color: #bfbfbf;
    font-size: 13px;
    line-height: 21px;
    margin: 0 0 10px; }
  .receipt h5 {
    font-weight: bold;
    color: #555;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 21px; }
  .receipt .mini-rule {
    margin: 10px 0 16px; }
  .receipt .product-name {
    color: #252a2e; }
    .receipt .product-name.total {
      font-weight: 500; }
    .receipt .product-name .quantity {
      color: #aaa;
      font-size: 12px; }
  .receipt p {
    margin: 12px 0 0;
    color: #797874;
    font-size: 13px;
    line-height: 21px; }
  .receipt textarea {
    box-sizing: border-box;
    background: #fff;
    margin-top: 15px;
    font-size: 13px;
    line-height: 21px;
    width: 100%;
    padding: 5px 8px;
    min-height: 50px; }
  .receipt .receipt-entry {
    margin: 0;
    padding: 0;
    border-top: 1px dotted #ddd;
    font-size: 15px;
    overflow: hidden; }
    .receipt .receipt-entry .button {
      margin-top: 12px;
      margin-right: 5px; }
    .receipt .receipt-entry .product-details {
      padding: 12px 12px 14px 0;
      display: block;
      margin-right: 60px;
      border-right: 1px dotted #ddd; }
      .receipt .receipt-entry .product-details p {
        margin-bottom: 0;
        line-height: 18px; }
    .receipt .receipt-entry:last-child {
      border-bottom: 1px dotted #ddd; }
    .receipt .receipt-entry.purchase_error {
      border-color: #c04355; }
      .receipt .receipt-entry.purchase_error .purchase_failed_notice {
        border-radius: 4px;
        display: inline-block;
        background-color: #ffe4e1;
        margin: 12px 0;
        padding: 0 7px;
        color: #c04355;
        font-size: 13px;
        text-transform: uppercase; }
      .receipt .receipt-entry.purchase_error .purchase_error_message {
        margin: 8px 0 12px; }
    .receipt .receipt-entry input[type=text] {
      box-sizing: border-box;
      width: 100%;
      font-size: 15px;
      line-height: 21px;
      padding: 0 7px;
      height: 32px;
      color: #36a9ae;
      text-decoration: underline; }
    .receipt .receipt-entry input::-webkit-input-placeholder {
      color: #9ddee0 !important;
      text-decoration: underline; }
    .receipt .receipt-entry input::-moz-placeholder {
      color: #9ddee0 !important;
      text-decoration: underline; }
    .receipt .receipt-entry input:-ms-input-placeholder {
      color: #9ddee0 !important;
      text-decoration: underline; }
    .receipt .receipt-entry input::placeholder {
      color: #9ddee0 !important;
      text-decoration: underline; }
    .receipt .receipt-entry .receipt-price {
      color: #555;
      float: right;
      display: block;
      padding: 12px 0;
      text-align: center;
      width: 60px; }
      .receipt .receipt-entry .receipt-price.total {
        font-weight: 500; }
  .receipt .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;
    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://static-1.gumroad.com/res/gumroad/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://static-1.gumroad.com/res/gumroad/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;
  box-sizing: border-box; }
  .recommendations-blurb:before, .recommendations-blurb:after {
    border-radius: 4px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    z-index: 6; }
  .recommendations-blurb:before {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=rgba(255, 255, 255, 0), GradientType=0)";
    background: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
    top: 0; }
  .recommendations-blurb:after {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255, 255, 255, 0), endColorstr=#fff, GradientType=0)";
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    bottom: 0; }
  .recommendations-blurb .recommendations-text {
    margin-bottom: 15px; }
  .recommendations-blurb .title {
    margin-bottom: 5px;
    overflow: hidden; }
    .recommendations-blurb .title strong {
      font-weight: bold;
      color: #252a2e;
      display: block;
      float: left; }
    .recommendations-blurb .title a {
      float: right; }
  .recommendations-blurb button {
    margin: 10px 5px 0 0; }
  .recommendations-blurb .product-row {
    margin-bottom: 12px; }
    .recommendations-blurb .product-row:first-child {
      margin-top: 5px; }
    .recommendations-blurb .product-row:last-child {
      margin-bottom: 0; }
    .recommendations-blurb .product-row .background-cover {
      display: block;
      width: 100%; }
    .recommendations-blurb .product-row .oembed-preview-container iframe {
      height: 100%; }
  .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;
    box-sizing: border-box;
    color: #797874; }
  .purchase-selector .purchase-type--buy {
    left: 50%;
    border-left: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .purchase-selector input[type=checkbox]:checked ~ .purchase-type--buy {
    color: #252a2e;
    background: #eee; }
    .purchase-selector input[type=checkbox]:checked ~ .purchase-type--buy:before, .purchase-selector input[type=checkbox]:checked ~ .purchase-type--buy:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 8px;
      left: 50%;
      margin-left: -8px;
      top: 100%;
      border-top-color: #ddd;
      z-index: 11; }
    .purchase-selector input[type=checkbox]:checked ~ .purchase-type--buy:after {
      border-top-color: #eee;
      margin-top: -1px;
      z-index: 15; }
  .purchase-selector .purchase-type--rent {
    color: #252a2e;
    background: #eee;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
    .purchase-selector .purchase-type--rent:before, .purchase-selector .purchase-type--rent:after {
      content: "";
      height: 0;
      position: absolute;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 8px;
      left: 50%;
      margin-left: -8px;
      top: 100%;
      border-top-color: #ddd;
      z-index: 11; }
    .purchase-selector .purchase-type--rent:after {
      border-top-color: #eee;
      margin-top: -1px;
      z-index: 15; }
  .purchase-selector input[type=checkbox]:checked ~ .purchase-type--rent {
    color: #797874;
    background: #fff; }
    .purchase-selector input[type=checkbox]:checked ~ .purchase-type--rent:before, .purchase-selector input[type=checkbox]:checked ~ .purchase-type--rent:after {
      display: none; }

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

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

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

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

.creator-profile-card,
.creator-profile-card--medium,
.creator-profile-card--small {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  margin-top: 80px;
  max-width: 100%;
  -webkit-perspective: 500;
          perspective: 500;
  padding: 30px;
  text-align: center;
  -webkit-transition: max-width 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: max-width 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  z-index: 5; }
  .creator-profile-card .profile-picture-large,
  .creator-profile-card--medium .profile-picture-large,
  .creator-profile-card--small .profile-picture-large {
    margin: -80px auto 15px;
    z-index: 2; }
  .creator-profile-card .creator-profile-card__name,
  .creator-profile-card--medium .creator-profile-card__name,
  .creator-profile-card--small .creator-profile-card__name {
    color: #252a2e;
    font-size: 32px;
    line-height: 1.2;
    margin: 0 auto 20px;
    max-width: 670px; }
    .creator-profile-card .creator-profile-card__name[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%;
      box-sizing: border-box;
      color: #797874;
      font-size: 11px;
      line-height: 25px;
      padding: 0;
      text-align: center;
      z-index: 1; }
  .creator-profile-card .creator-profile-card__social,
  .creator-profile-card--medium .creator-profile-card__social,
  .creator-profile-card--small .creator-profile-card__social {
    color: #ccc;
    font-size: 17px;
    right: 30px;
    position: absolute; }
    .creator-profile-card .creator-profile-card__social a,
    .creator-profile-card--medium .creator-profile-card__social a,
    .creator-profile-card--small .creator-profile-card__social a {
      color: #ddd;
      margin-left: 10px;
      text-decoration: none;
      position: relative;
      top: 3px; }
      .creator-profile-card .creator-profile-card__social a:hover,
      .creator-profile-card--medium .creator-profile-card__social a:hover,
      .creator-profile-card--small .creator-profile-card__social a:hover {
        text-decoration: none; }
        .creator-profile-card .creator-profile-card__social a:hover .gi-grid,
        .creator-profile-card--medium .creator-profile-card__social a:hover .gi-grid,
        .creator-profile-card--small .creator-profile-card__social a:hover .gi-grid {
          color: #ccc; }
        .creator-profile-card .creator-profile-card__social a:hover .gi-twitter,
        .creator-profile-card--medium .creator-profile-card__social a:hover .gi-twitter,
        .creator-profile-card--small .creator-profile-card__social a:hover .gi-twitter {
          color: #55acee; }
        .creator-profile-card .creator-profile-card__social a:hover .gi-facebook,
        .creator-profile-card--medium .creator-profile-card__social a:hover .gi-facebook,
        .creator-profile-card--small .creator-profile-card__social a:hover .gi-facebook {
          color: #3d5c96; }
  .creator-profile-card .creator-profile-card__follow-page-link,
  .creator-profile-card--medium .creator-profile-card__follow-page-link,
  .creator-profile-card--small .creator-profile-card__follow-page-link {
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    display: none;
    height: 100%;
    font-size: 17px;
    left: 0;
    padding: 65px 30px 30px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
    .creator-profile-card .creator-profile-card__follow-page-link button,
    .creator-profile-card--medium .creator-profile-card__follow-page-link button,
    .creator-profile-card--small .creator-profile-card__follow-page-link button {
      width: 25px;
      height: 25px;
      display: block;
      background: #eee;
      border-radius: 50%;
      color: #797874;
      font-size: 13px;
      line-height: 25px;
      padding: 0;
      position: absolute;
      right: 30px;
      text-align: center;
      top: 30px; }
    .creator-profile-card .creator-profile-card__follow-page-link p,
    .creator-profile-card--medium .creator-profile-card__follow-page-link p,
    .creator-profile-card--small .creator-profile-card__follow-page-link p {
      border: 1px solid #ddd;
      border-radius: 4px;
      box-sizing: border-box;
      margin-bottom: 15px;
      padding: 15px; }
    .creator-profile-card .creator-profile-card__follow-page-link small,
    .creator-profile-card--medium .creator-profile-card__follow-page-link small,
    .creator-profile-card--small .creator-profile-card__follow-page-link small {
      color: #aaa;
      font-size: 15px; }
  .creator-profile-card .verified-badge,
  .creator-profile-card--medium .verified-badge,
  .creator-profile-card--small .verified-badge {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: rgba(0, 0, 0, 0.3);
    display: inline-block;
    float: right;
    font-size: 10px;
    font-weight: 500;
    margin-left: 10px;
    padding: 1px 6px;
    text-transform: uppercase; }

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

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

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

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

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

.upgrade-content {
  font-size: 17px;
  line-height: 1.35; }
  .upgrade-content.splash {
    border-radius: 4px;
    background: #fff;
    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-linear-gradient(top, #37adb2, #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);
          -ms-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%);
        -ms-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 {
  margin: 60px auto; }
  .selected-product-wrapper .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%;
      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 {
    box-sizing: border-box; }
  #user_page .creator-profile.gridster .product-row .product .product-main {
    height: 100% !important;
    background: rgba(0, 0, 0, 0.1); }
    #user_page .creator-profile.gridster .product-row .product .product-main .preview-container {
      background-color: transparent; }
      #user_page .creator-profile.gridster .product-row .product .product-main .preview-container:not(.default-preview) {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        height: 100%; }
        #user_page .creator-profile.gridster .product-row .product .product-main .preview-container:not(.default-preview) img.preview {
          display: none;
          width: 0;
          min-width: 0; }
        #user_page .creator-profile.gridster .product-row .product .product-main .preview-container:not(.default-preview) .oembed-preview-container iframe {
          max-height: 100%; }
        #user_page .creator-profile.gridster .product-row .product .product-main .preview-container:not(.default-preview) .preview-shadow {
          display: none !important; }
      #user_page .creator-profile.gridster .product-row .product .product-main .preview-container:hover .product-name-container {
        opacity: 1; }
      #user_page .creator-profile.gridster .product-row .product .product-main .preview-container .product-name-container {
        filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=transparent, endColorstr=rgba(0, 0, 0, 0.25), GradientType=0)";
        background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25));
        background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.25));
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        display: block !important;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        opacity: 0;
        -webkit-transition: opacity .3s ease-in-out;
                transition: opacity .3s ease-in-out; }
        #user_page .creator-profile.gridster .product-row .product .product-main .preview-container .product-name-container .product-name {
          font-weight: bold;
          font-size: 16px;
          color: #fff;
          text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          text-align: center; }
        #user_page .creator-profile.gridster .product-row .product .product-main .preview-container .product-name-container .button {
          margin-bottom: 15px; }
    #user_page .creator-profile.gridster .product-row .product .product-main:not(.popped) .preview-content {
      width: 100%;
      height: 100%; }
      #user_page .creator-profile.gridster .product-row .product .product-main:not(.popped) .preview-content .oembed-preview-container {
        width: 100%;
        height: 100%; }

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

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

.follow-user-form {
  -webkit-transition: width 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
          transition: width 0.3s cubic-bezier(0.23, 1.5, 0.32, 1);
  margin: 0 auto; }
  .follow-user-form input[type="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);
    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;
      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02) !important; }
  .follow-user-form button {
    -webkit-transition: border-radius 1.5s cubic-bezier(0.23, 1.5, 0.32, 1);
            transition: border-radius 1.5s cubic-bezier(0.23, 1.5, 0.32, 1);
    box-shadow: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: inline-block;
    position: relative;
    height: 50px;
    min-width: 50px;
    vertical-align: top; }
  .follow-user-form.done {
    width: 50px; }
    .follow-user-form.done input[type="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);
  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; }

/**
 * Custom download from http://flag-sprites.com/
 * Select FamFamFam flag icon set
 * Deselect: Mayotte, West Sahara, Netherlands Antilles, Pitcairn,
 * and everything from the "Other areas" section except British IOT
 * THEN: manually added .bq next to .nl
 * AND: .bl and .mf next to .fr
 */
.intl-tel-input .flag {
  width: 16px;
  height: 11px;
  background: url(https://static-1.gumroad.com/res/gumroad/assets/flags-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://static-1.gumroad.com/res/gumroad/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 * {
    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;
    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; } }