@charset "UTF-8";
/*
 $borders-color - USING ON:
	  stroke-button borders,
	  logo-buttons flags,
	  fields borders,
	  borders of some mind blocks,
	  borders of some blocks,
	  password progress-line bg,
	  other borders */
/*
 $borders-hash - USING ON:
	  posts where images bordered (autoposts, link-post) */
/*
 $font-medium - USING ON:
	  all buttons
	  some titles
	  all links */
/*
 $font-light - USING ON:
	  "Check your email" popup, */
/*
	$color-08 - USING ON:
	cards hover overlay */
/*
	$color-white-05 - USING ON:
	cards buttons after hover with dark-bg, hover on text, etc. */
/*
	$color-white-03 - USING ON:
	hover on $color-white-05 */
/*
	$color-white-01 - USING ON:
	progress-bar on add track at add album */
/*
 $color-03 - USING ON:
	  disabled btns - pledges activity
		longArrow and disable text  - manage campaign */
/*
 $color-02 - USING ON:
	  applause icons */
/*
 $color-01 - USING ON:
	  applause icons hover
		notice in price-popup(on album for sale and crowd. album) */
/*
 $gray-hover - USING ON (only gray links when you hover on):
		post's time
		"Describe more" in "add post"
		"Add photo, video" in "add post" */
/*
 $color-03 - USING ON:
		as background in payout(pending step) */
/*
 $green - USING ON:
	  buttons "fan" ("become a fan")
	  buttons "buy", "pledge",
		confirmation progress lines */
/*
 $green - USING ON:
	  buttons "fan" ("become a fan")
	  buttons "buy", "pledge", */
/*
 $placeholder-color - USING ON:
		placeholder */
/*
	альбом плашка с applause и другими функциями */
/*
 $red - USING ON:
	  hover on delete button,
	  password tips,
	  notice titles, */
/*
 $line-height-* - USING ON:
	  buttons
		text */
/*
 $box-shadow - USING ON:
	  tips */
/*
 $box-shadow - USING ON:
	  posts (news-feed, profiles, post-page) */
/*
 $box-shadow - USING ON:
	  video posts */
/*
 $drop-down-shadow - USING ON:
	  drop-downs (only, without selectized fields) */
/*
 $select-shadow - USING ON:
	  selectized fields (only, without drop-downs) */
/*
	from "organizer.sass" */
* {
  box-sizing: border-box;
  outline: 0; }

html:not(.mobile) .mobileVisible {
  display: none; }

body {
  max-width: 1920px;
  min-width: 980px;
  margin: 0 auto;
  overflow-y: scroll;
  font-family: "Montserrat-s4m", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.2px;
  line-height: 1;
  background-color: #f2f2f2;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }
  body.thin {
    overflow-x: auto; }

img {
  display: block;
  max-height: 100%;
  max-width: 100%; }

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.4px; }

strong {
  font-weight: 600; }

input {
  max-width: 100%;
  border: none;
  background: none;
  outline: none;
  padding: 0;
  font-family: "Montserrat-s4m", sans-serif;
  letter-spacing: -0.2px; }
  input:-webkit-autofill {
    background-color: transparent !important;
    background-image: none !important;
    color: black !important; }
  input[type='checkbox'] {
    display: none; }

textarea {
  border: none;
  font-family: "Montserrat-s4m", sans-serif;
  letter-spacing: inherit; }
  textarea:-webkit-autofill {
    background-color: transparent !important;
    background-image: none !important;
    color: black !important; }

select:-webkit-autofill {
  background-color: transparent !important;
  background-image: none !important;
  color: black !important; }

ul {
  padding: 0;
  margin: 0; }

li {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  color: #000;
  text-decoration: none;
  transition: color .3s ease, opacity .3s ease; }
  a.img {
    position: relative;
    display: block; }

[data-page-name] {
  transition-property: color, background-color, opacity;
  transition-duration: 0.3s; }

p {
  margin: 0; }

button {
  border: none;
  padding: 0;
  background: none;
  font-family: "Montserrat-s4m", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.2px;
  line-height: 1; }

::placeholder {
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  font-family: "Montserrat-s4m", sans-serif; }

.clear:after {
  content: '';
  clear: both;
  display: block; }

.hidden {
  display: none !important; }

.hidden2 {
  display: none !important; }

.not-visible {
  visibility: hidden !important; }

[contenteditable="true"] {
  min-height: 12px;
  width: 100%;
  white-space: pre-wrap; }
  [contenteditable="true"]:empty {
    display: block !important; }

.pre-wrap {
  white-space: pre-wrap !important; }

.s4m {
  margin: 0 auto;
  min-height: calc(100vh - 190px); }
  .s4m .curated_settings {
    min-height: calc(100vh - 250px); }

.white-bg {
  background-color: #fff; }

.black-bg {
  background-color: #000; }

h1.title {
  font-size: 50px;
  letter-spacing: -1.4px;
  font-weight: 600;
  line-height: 1; }
  h1.title.title_green {
    color: #48ea8d; }
  h1.title.title_red {
    color: #ff2051; }

.hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  overflow: hidden;
  max-width: 100%;
  opacity: 0;
  transition: all .4s ease; }

.artists .img:after {
  content: '';
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all .4s ease; }

.artists .img:hover:after {
  opacity: 1; }

.avatar {
  font-weight: 600;
  display: flex;
  height: 100%;
  background-color: #dedede;
  color: rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  text-transform: capitalize; }
  .avatar img {
    background-color: #ffffff; }

.proven {
  display: inline-block;
  margin-left: 5px;
  height: 14px;
  text-align: center;
  width: 14px;
  border-radius: 50%;
  padding: 2px;
  font-size: 0; }

.svg_proven {
  fill: #fff;
  height: 10px;
  width: 10px; }

.btn_black {
  display: inline-block;
  font-size: 12px;
  letter-spacing: -0.2px;
  color: #fff;
  line-height: 30px;
  white-space: nowrap;
  background-color: #000;
  border-radius: 2px;
  padding: 0 12px;
  transition: background-color .3s ease,color .3s ease;
  cursor: pointer; }
  .btn_black:hover {
    background-color: #fff;
    color: #000; }

.btn_green {
  display: inline-block;
  vertical-align: middle;
  background-color: #48ea8d;
  color: #fff;
  font-size: 12px;
  letter-spacing: -0.2px;
  line-height: 30px;
  padding: 0 15px 0 12px;
  cursor: pointer;
  margin-left: 10px; }
  .btn_green:hover {
    background-color: #00e4c2; }

.btn_simple {
  font-size: 12px;
  letter-spacing: -0.2px;
  color: #a1a1a1;
  display: inline-block;
  margin-right: 20px;
  cursor: pointer; }
  .btn_simple:hover {
    opacity: 0.8; }

.btn_more {
  display: inline-block;
  font-size: 12px;
  letter-spacing: -0.2px;
  line-height: 28px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  margin-top: 40px;
  padding: 0 12px;
  cursor: pointer; }

.red {
  color: #ff3d4f; }

.main-footer {
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

.nowrap {
  white-space: nowrap; }

/* temp */
.information-popup {
  text-align: center; }
  .information-popup .buttons {
    margin-top: 36px; }

.cookie-wr {
  position: relative;
  z-index: 121; }
  .cookie-wr i a {
    font-family: inherit; }

.cr-original-image {
  max-height: none; }

.crop-panel-container {
  height: 530px;
  position: relative; }
  .crop-panel-container .drop_hover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    z-index: 2; }

.bold-text {
  font-weight: 600; }

/* temp end */
.error-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  z-index: 99; }
  .error-wrap h1 {
    margin-top: 101px;
    font-size: 60px;
    letter-spacing: -1.4px;
    font-weight: 600;
    margin-bottom: 58px; }
  .error-wrap h2 {
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: 300;
    margin-bottom: 13px; }
  .error-wrap p {
    font-size: 13px;
    letter-spacing: -0.4px;
    margin-bottom: 38px; }
  .error-wrap .manage {
    margin-bottom: 100px; }
    .error-wrap .manage .btn-stroked {
      margin-right: 17px; }
  .error-wrap .random-gif {
    width: 480px;
    margin-bottom: 100px; }
    .error-wrap .random-gif .giphy-src > div {
      pointer-events: none; }
  .error-wrap .image {
    width: 480px;
    height: 280px;
    margin-bottom: 11px; }
  .error-wrap .auth {
    font-size: 13px;
    letter-spacing: -0.4px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 40px; }

.tooltipster-base {
  position: absolute; }

.link-underline {
  cursor: pointer;
  border-bottom: 1px solid #000;
  transition: color 0.3s, border-color 0.3s; }
  .link-underline:hover {
    border-bottom-color: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.5); }

@media (min-width: 1920px) {
  body {
    box-shadow: 0 0 50px 1px rgba(0, 0, 0, 0.1); } }

@media screen and (min-width: 980px) {
  body {
    overflow-x: hidden; } }

@media screen and (max-width: 999px) {
  body {
    max-width: 1000px; } }

@media screen and (max-width: calc(980px - 1px)) {
  body {
    overflow-x: scroll; }
    body.thin {
      overflow-x: scroll; } }