@charset "UTF-8";
/* line 17, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* line 20, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body {
  line-height: 1;
}

/* line 22, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 24, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 26, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 28, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 101, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 30, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 114, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/**

Variables

**/
/**

Mixins

**/
/**

Модули изображений

**/
/* line 7, ../../app/assets/stylesheets/base/modules/images.scss */
.img-placeholder {
  background-color: #f1f1f1;
}

@-moz-keyframes spinner {
  /* line 2, ../../app/assets/stylesheets/site/_load_rotator.scss */
  from {
    opacity: 1;
  }

  /* line 3, ../../app/assets/stylesheets/site/_load_rotator.scss */
  to {
    opacity: 0.065;
  }
}

@-webkit-keyframes spinner {
  /* line 7, ../../app/assets/stylesheets/site/_load_rotator.scss */
  from {
    opacity: 1;
  }

  /* line 8, ../../app/assets/stylesheets/site/_load_rotator.scss */
  to {
    opacity: 0.065;
  }
}

@keyframes spinner {
  /* line 12, ../../app/assets/stylesheets/site/_load_rotator.scss */
  from {
    opacity: 1;
  }

  /* line 13, ../../app/assets/stylesheets/site/_load_rotator.scss */
  to {
    opacity: 0.065;
  }
}

/* line 16, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator {
  position: relative;
}
/* line 19, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span {
  -webkit-animation: spinner 0.6s steps(12) infinite;
  -moz-animation: spinner 0.6s steps(12) infinite;
  animation: spinner 0.6s steps(12) infinite;
  border-radius: 16px;
  border: 2px solid #1e39f6;
  display: inline-block;
  height: 8px;
  left: 50%;
  margin-left: -2px;
  outline: 1px solid transparent;
  position: absolute;
  top: 0;
  -webkit-transform-origin: 50% 180%;
  -moz-transform-origin: 50% 180%;
  -ms-transform-origin: 50% 180%;
  -o-transform-origin: 50% 180%;
  transform-origin: 50% 180%;
  width: 0;
}
/* line 36, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span.s-1 {
  -webkit-animation-delay: -0ms;
  -moz-animation-delay: -0ms;
  animation-delay: -0ms;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* line 36, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span.s-2 {
  -webkit-animation-delay: -50ms;
  -moz-animation-delay: -50ms;
  animation-delay: -50ms;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
/* line 36, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span.s-3 {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  animation-delay: -100ms;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
/* line 36, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span.s-4 {
  -webkit-animation-delay: -150ms;
  -moz-animation-delay: -150ms;
  animation-delay: -150ms;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* line 36, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span.s-5 {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  animation-delay: -200ms;
  -webkit-transform: rotate(-120deg);
  -moz-transform: rotate(-120deg);
  -ms-transform: rotate(-120deg);
  -o-transform: rotate(-120deg);
  transform: rotate(-120deg);
}
/* line 36, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span.s-6 {
  -webkit-animation-delay: -250ms;
  -moz-animation-delay: -250ms;
  animation-delay: -250ms;
  -webkit-transform: rotate(-150deg);
  -moz-transform: rotate(-150deg);
  -ms-transform: rotate(-150deg);
  -o-transform: rotate(-150deg);
  transform: rotate(-150deg);
}
/* line 36, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span.s-7 {
  -webkit-animation-delay: -300ms;
  -moz-animation-delay: -300ms;
  animation-delay: -300ms;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
/* line 36, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span.s-8 {
  -webkit-animation-delay: -350ms;
  -moz-animation-delay: -350ms;
  animation-delay: -350ms;
  -webkit-transform: rotate(-210deg);
  -moz-transform: rotate(-210deg);
  -ms-transform: rotate(-210deg);
  -o-transform: rotate(-210deg);
  transform: rotate(-210deg);
}
/* line 36, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span.s-9 {
  -webkit-animation-delay: -400ms;
  -moz-animation-delay: -400ms;
  animation-delay: -400ms;
  -webkit-transform: rotate(-240deg);
  -moz-transform: rotate(-240deg);
  -ms-transform: rotate(-240deg);
  -o-transform: rotate(-240deg);
  transform: rotate(-240deg);
}
/* line 36, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span.s-10 {
  -webkit-animation-delay: -450ms;
  -moz-animation-delay: -450ms;
  animation-delay: -450ms;
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  transform: rotate(-270deg);
}
/* line 36, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span.s-11 {
  -webkit-animation-delay: -500ms;
  -moz-animation-delay: -500ms;
  animation-delay: -500ms;
  -webkit-transform: rotate(-300deg);
  -moz-transform: rotate(-300deg);
  -ms-transform: rotate(-300deg);
  -o-transform: rotate(-300deg);
  transform: rotate(-300deg);
}
/* line 36, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator > span.s-12 {
  -webkit-animation-delay: -550ms;
  -moz-animation-delay: -550ms;
  animation-delay: -550ms;
  -webkit-transform: rotate(-330deg);
  -moz-transform: rotate(-330deg);
  -ms-transform: rotate(-330deg);
  -o-transform: rotate(-330deg);
  transform: rotate(-330deg);
}
/* line 45, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator.small > span {
  height: 4px;
  border-width: 1px;
  margin-left: -1px;
}
/* line 51, ../../app/assets/stylesheets/site/_load_rotator.scss */
.loadRotator.big > span {
  height: 15px;
  border-width: 5px;
  margin-left: -5px;
}

/* line 58, ../../app/assets/stylesheets/site/_load_rotator.scss */
.overlay {
  position: absolute;
  height: 100%;
  z-index: 200;
  width: 100%;
  background: #ffffff;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  top: 0;
  left: 0;
}
/* line 67, ../../app/assets/stylesheets/site/_load_rotator.scss */
.overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
/* line 71, ../../app/assets/stylesheets/site/_load_rotator.scss */
.overlay.avatar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* line 75, ../../app/assets/stylesheets/site/_load_rotator.scss */
.overlay .loadRotator {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22.5px;
  margin-top: -22.5px;
  z-index: 10;
}

/* line 9, ../../app/assets/stylesheets/embed.css.scss */
body, html {
  background: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  overflow: hidden;
}

/* line 16, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
}
/* line 23, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .viewerBlock .playerContainer .mobileMark {
  background-image: url(../../assets/video-player/logo-7bf79b36e06d5fe7b0e3c8780240bdba.png);
  -webkit-background-size: 61px 13px;
  -moz-background-size: 61px 13px;
  -o-background-size: 61px 13px;
  background-size: 61px 13px;
  z-index: 2147483647;
  height: 13px;
  width: 60px;
  position: absolute;
  bottom: 8px;
  right: 10px;
}
/* line 31, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .viewerBlock .playerContainer.flat-markup .mobileMark {
  background: url(../../assets/video-player/flat_logo-2286ca90c47522ae428d0b2237ab246f.png) no-repeat;
  background-size: 100%;
  bottom: 0.165em;
  height: 0.235em;
  right: 0.175em;
  width: 1.19em;
}
/* line 42, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .viewerBlock .img {
  height: auto;
  margin: auto;
  z-index: -1;
}
/* line 48, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .viewerBlock .play {
  display: block;
}
/* line 49, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbed .viewerBlock .loadRotator {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
}

/* line 56, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbedMessage {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 60, ../../app/assets/stylesheets/embed.css.scss */
.coubEmbedMessage h1 {
  font-size: 25px;
  color: #FFF;
  text-align: center;
  font-family: 'Arial', 'Helvetica', 'sans-serif';
  position: absolute;
  top: 50%;
  width: 100%;
}

/* line 1, ../../app/assets/stylesheets/site/_viewer.scss */
.coub.smallCard .playerContainer .play {
  background-size: 80px !important;
  margin-left: -40px;
  margin-top: -40px;
}

/* line 6, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock {
  position: relative;
  /* iOS play button */
}
/* line 10, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.leftCorner, .viewerBlock img.rightCorner {
  position: absolute;
  z-index: 9;
  width: 8px;
  height: 7px;
}
/* line 14, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.leftCorner.top, .viewerBlock img.rightCorner.top {
  top: -1px;
}
/* line 18, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.leftCorner.bottom, .viewerBlock img.rightCorner.bottom {
  bottom: 0;
}
/* line 24, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.leftCorner.top, .viewerBlock img.leftCorner.bottom {
  left: -1px;
}
/* line 28, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.leftCorner.bottom {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* line 34, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.rightCorner.top, .viewerBlock img.rightCorner.bottom {
  right: -1px;
}
/* line 38, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock img.rightCorner.bottom {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 45, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .loadRotator {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -24px;
  margin-top: -24px;
  z-index: 10;
}
/* line 54, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .play {
  cursor: pointer;
  display: block;
  width: 100px;
  height: 100px;
  z-index: 2147483647;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -45px;
  margin-top: -45px;
  background: url(../../assets/video-player/play-81dcb35d4adf1a6c62f2ce50d04ac802.png) no-repeat;
  -webkit-background-size: 100px;
  -moz-background-size: 100px;
  -o-background-size: 100px;
  background-size: 100px;
}
/* line 63, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .play:hover, .viewerBlock .playerContainer .play:active {
  background: url(../../assets/video-player/play_hover-d59086826aabf4f873e12ba296ea0e6a.png) no-repeat;
  -webkit-background-size: 100px;
  -moz-background-size: 100px;
  -o-background-size: 100px;
  background-size: 100px;
}
/* line 68, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .play.disabled {
  opacity: 0.65;
  cursor: default;
}
/* line 72, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .play.disabled:hover, .viewerBlock .playerContainer .play.disabled:active {
  background-image: url(../../assets/video-player/play-81dcb35d4adf1a6c62f2ce50d04ac802.png);
}
/* line 77, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .play.disabled.hand:hover, .viewerBlock .playerContainer .play.disabled.hand:active {
  background-image: url(../../assets/video-player/hand-7f6d42a894089f0bd98a28cd832ed431.png);
}
/* line 83, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .play.hand {
  background: url(../../assets/video-player/hand-7f6d42a894089f0bd98a28cd832ed431.png) no-repeat;
  -webkit-background-size: 100px;
  -moz-background-size: 100px;
  -o-background-size: 100px;
  background-size: 100px;
}
/* line 86, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .play.hand:hover, .viewerBlock .playerContainer .play.hand:active {
  background: url(../../assets/video-player/hand_hover-f4f69fb1ae28e49fc5b70c8908488033.png) no-repeat;
  -webkit-background-size: 100px;
  -moz-background-size: 100px;
  -o-background-size: 100px;
  background-size: 100px;
}
/* line 93, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .loadingContainer {
  display: inline-block;
  position: absolute;
  height: 5px;
  width: 0%;
  bottom: 0px;
  left: 0px;
  background: blue;
  -webkit-transition: width 0.1s;
  -moz-transition: width 0.1s;
  -ms-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s;
}
/* line 103, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer .loadingContainer .images {
  display: none;
}
/* line 108, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup {
  font-size: 80px;
  line-height: 0;
}
/* line 112, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .play {
  background: rgba(0, 0, 0, 0.6) url(../../assets/video-player/play_flat-32e09cb311283744235a46538234ff24.png) no-repeat;
  background-size: 100% 100% !important;
  border-radius: 1em;
  margin: -1em 0 0 -1em;
  outline: 1px solid transparent;
  height: 2em;
  width: 2em;
}
/* line 121, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .play.hand {
  background-image: url(../../assets/video-player/hand-66eca69efe5a216ddca036399453108d.svg);
}
/* line 125, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .play:hover, .viewerBlock .playerContainer.flat-markup .play:active {
  background-color: #0030ff;
}
/* line 130, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .play.disabled:hover, .viewerBlock .playerContainer.flat-markup .play.disabled:active {
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url(../../assets/video-player/play_flat-32e09cb311283744235a46538234ff24.png);
}
/* line 136, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .play.disabled.hand:hover, .viewerBlock .playerContainer.flat-markup .play.disabled.hand:active {
  background-image: url(../../assets/video-player/hand-66eca69efe5a216ddca036399453108d.svg);
}
/* line 143, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .openCoubInApp {
  background: url(../../assets/video-player/flat_horn-7014503ccbc5380c6c80b3f98ba0215c.png) left 0 no-repeat;
  background-size: auto 100%;
  bottom: 0.12em;
  font-size: inherit;
  height: 0.39em;
  left: 0.175em;
  line-height: 0.39em;
  padding: 0 0 0 0.5em;
  top: auto;
}
/* line 154, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .openCoubInApp:before {
  display: none;
}
/* line 158, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .openCoubInApp img {
  display: none;
}
/* line 162, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .openCoubInApp span {
  display: block;
  font-size: 0.235em;
  text-shadow: rgba(0, 0, 0, 0.25) 1px 2px;
}
/* line 169, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .loadingContainer {
  background-color: #0030ff;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  height: 8px;
}
/* line 176, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .load-indicator {
  background-color: #0030ff;
  border-radius: 1em;
  display: none;
  left: 50%;
  line-height: 2em;
  margin: -1em 0 0 -1em;
  position: absolute;
  text-align: center;
  top: 50%;
  height: 2em;
  width: 2em;
}
/* line 189, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .load-indicator i {
  background-color: #fff;
  border-radius: 0.12em;
  display: inline-block;
  height: 0.24em;
  margin: -0.12em 0.06em 0;
  opacity: 0.5;
  vertical-align: middle;
  width: 0.24em;
}
/* line 199, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .load-indicator i.active {
  opacity: 1;
}
/* line 205, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .pause-layer {
  display: none;
  left: 0;
  margin-top: -0.875em;
  position: absolute;
  text-align: center;
  top: 50%;
  right: 0;
}
/* line 214, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .pause-layer .play-container {
  display: inline-block;
  font-size: 0.75em;
  position: static;
  vertical-align: middle;
  width: 2.25em;
}
/* line 221, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .pause-layer .play-container .play {
  margin: 0;
  position: static;
}
/* line 227, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .pause-layer .share {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
/* line 232, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .pause-layer .share .facebook, .viewerBlock .playerContainer.flat-markup .pause-layer .share .twitter {
  background: url(../../assets/video-player/flat_facebook-d50f748dec5336bf7b207117b4410f18.png) left 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 0.6em;
  width: 0.6em;
}
/* line 239, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .pause-layer .share .facebook.twitter, .viewerBlock .playerContainer.flat-markup .pause-layer .share .twitter.twitter {
  background-image: url(../../assets/video-player/flat_twitter-111ee5e537e377e83aebd4e724a39005.png);
  margin-left: 0.4em;
  vertical-align: top;
}
/* line 245, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .pause-layer .share .facebook:hover, .viewerBlock .playerContainer.flat-markup .pause-layer .share .twitter:hover {
  background-position: 0 -0.6em;
}
/* line 249, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .pause-layer .share .facebook:active, .viewerBlock .playerContainer.flat-markup .pause-layer .share .twitter:active {
  opacity: 0.9;
}
/* line 256, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .pause-layer.vertical .play-container {
  display: block;
  margin: 0 auto;
}
/* line 260, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .pause-layer.vertical .play-container .play {
  margin: 0 auto;
}
/* line 265, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup .pause-layer.vertical .share {
  display: block;
  margin: 0 auto;
  padding-top: 0.25em;
}
/* line 274, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup.pause .play {
  display: none !important;
}
/* line 278, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup.pause .pause-layer {
  display: block;
}
/* line 281, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer.flat-markup.pause .pause-layer .play {
  display: block !important;
}
/* line 289, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .loader, .viewerBlock .img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
}
/* line 294, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .loader {
  z-index: 2;
}
/* line 297, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .loader .loadRotator {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
}
/* line 303, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .bgLink {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 5;
}
/* line 308, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
}
/* line 312, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .left, .viewerBlock .coubShadow .right, .viewerBlock .coubShadow .bottom, .viewerBlock .coubShadow .top, .viewerBlock .coubShadow .leftPart, .viewerBlock .coubShadow .rightPart {
  position: absolute;
  background: transparent;
}
/* line 314, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .top {
  height: 8px;
  left: 0px;
  right: 1px;
  top: 2px;
  z-index: 7;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 324, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubShadow .top .leftPart, .viewerBlock .coubShadow .top .rightPart {
    background: url(../../assets/coub-shadow/top-2x-3c6ab02ddb0123092dbbb1e377637a1f.jpg) no-repeat;
    -webkit-background-size: 645px 10px;
    -moz-background-size: 645px 10px;
    -o-background-size: 645px 10px;
    background-size: 645px 10px;
  }
  /* line 328, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubShadow .top .rightPart {
    right: -1px !important;
  }
}
/* line 331, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .top .leftPart {
  left: 0;
  width: 50%;
  background-position: left 0;
}
/* line 332, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .top .rightPart {
  left: 50%;
  right: 0;
  background-position: right 0;
}
/* line 335, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .left {
  width: 3px;
  left: 0px;
  top: 10px;
  bottom: 12px;
  background: url(../../assets/coub-shadow/left-3667068158f93b6515198e9a3a62e36d.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 342, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubShadow .left {
    width: 3px;
    background: url(../../assets/coub-shadow/left-2x-86d1a5d2c1b51d026adc610d8ace8551.jpg);
    -webkit-background-size: 3px 1px;
    -moz-background-size: 3px 1px;
    -o-background-size: 3px 1px;
    background-size: 3px 1px;
  }
}
/* line 348, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .right {
  width: 2px;
  right: 1px;
  top: 10px;
  bottom: 12px;
  background: url(../../assets/coub-shadow/right-215ff91e9d9a2f248c467a01de440df1.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 355, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubShadow .right {
    width: 3px;
    background: url(../../assets/coub-shadow/right-2x-42bff929584892cb085bf9421cf639ad.jpg);
    -webkit-background-size: 3px 1px;
    -moz-background-size: 3px 1px;
    -o-background-size: 3px 1px;
    background-size: 3px 1px;
    right: 0px !important;
    z-index: 8;
  }
}
/* line 362, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .bottom {
  height: 15px;
  left: 0px;
  right: 1px;
  bottom: -3px;
  z-index: 7;
}
/* line 365, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .bottom .leftPart, .viewerBlock .coubShadow .bottom .rightPart {
  position: absolute;
  top: 0;
  bottom: 0;
  background: url(../../assets/coub-shadow/bottom-789a41c9a457c48f2b695bfcbb8f3d36.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 372, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubShadow .bottom .leftPart, .viewerBlock .coubShadow .bottom .rightPart {
    background: url(../../assets/coub-shadow/bottom-2x-39eb9bfc159d4ff15f2d91291e665d09.jpg) no-repeat;
    -webkit-background-size: 645px 15px;
    -moz-background-size: 645px 15px;
    -o-background-size: 645px 15px;
    background-size: 645px 15px;
  }
  /* line 376, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubShadow .bottom .rightPart {
    right: -1px !important;
  }
}
/* line 379, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .bottom .leftPart {
  left: 0;
  width: 50%;
  background-position: left 0;
}
/* line 380, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .bottom .rightPart {
  left: 50%;
  right: 0;
  background-position: right 0;
}
/* line 383, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubShadow .blueFrame {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0px;
  right: 0;
  display: none;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
}
/* line 392, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock.withLink:hover .blueFrame {
  display: block;
}
/* line 395, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playerContainer {
  position: relative;
  z-index: 6;
}
/* line 399, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge {
  position: absolute;
  height: 30px;
  left: 13px;
  top: 0;
  padding-left: 5px;
  z-index: 6;
  background: url(../../assets/coubs/coub-of-the-day-2852a31f587323ce9861f2ac22ca06d9.png) left top no-repeat;
  color: #FFF;
}
/* line 407, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge a, .viewerBlock .coubOfTheDayBadge a:hover {
  color: #FFF;
}
/* line 409, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .tail {
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
  right: -6px;
  height: 30px;
  background: url(../../assets/coubs/coub-of-the-day-2852a31f587323ce9861f2ac22ca06d9.png) right top no-repeat;
}
/* line 415, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap {
  min-width: 13px;
  position: relative;
  padding: 5px 0 0 2px;
  text-shadow: -1px -1px #0322ac;
  font-size: 12px;
  font-weight: bold;
}
/* line 421, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .icon, .viewerBlock .coubOfTheDayBadge .textWrap .desc {
  vertical-align: top;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .icon, .viewerBlock .coubOfTheDayBadge .textWrap .desc {
  *display: inline;
}
/* line 422, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .icon {
  position: absolute;
  width: 14px;
  height: 21px;
  left: 1px;
  top: 2px;
  background: url(../../assets/coubs/coub-of-the-day-icon-d8a4a5e8626747cdcb33da8fe160b214.png) left top no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 429, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubOfTheDayBadge .textWrap .icon {
    width: 14px;
    height: 21px;
    background: url(../../assets/coubs/coub-of-the-day-icon-2x-bc450da113064a1bf05d5bf1bf5ebee2.jpg) left top no-repeat;
    -webkit-background-size: 14px 21px;
    -moz-background-size: 14px 21px;
    -o-background-size: 14px 21px;
    background-size: 14px 21px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 438, ../../app/assets/stylesheets/site/_viewer.scss */
  .viewerBlock .coubOfTheDayBadge .textWrap .icon {
    width: 14px;
    height: 21px;
    background: url(../../assets/coubs/coub-of-the-day-icon-2x-bc450da113064a1bf05d5bf1bf5ebee2.jpg) left top no-repeat;
    -webkit-background-size: 14px 21px;
    -moz-background-size: 14px 21px;
    -o-background-size: 14px 21px;
    background-size: 14px 21px;
  }
}
/* line 445, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .desc {
  display: none;
  margin: 2px 0 0 16px;
}
/* line 447, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .desc .title, .viewerBlock .coubOfTheDayBadge .textWrap .desc .delimiter, .viewerBlock .coubOfTheDayBadge .textWrap .desc .date, .viewerBlock .coubOfTheDayBadge .textWrap .desc .dropdown {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .desc .title, .viewerBlock .coubOfTheDayBadge .textWrap .desc .delimiter, .viewerBlock .coubOfTheDayBadge .textWrap .desc .date, .viewerBlock .coubOfTheDayBadge .textWrap .desc .dropdown {
  *display: inline;
}
/* line 448, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .desc .delimiter {
  width: 1px;
  height: 11px;
  background: #cdd6fd;
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
  top: 1px;
  -webkit-box-shadow: -1px -1px 1px #0322ac;
  -moz-box-shadow: -1px -1px 1px #0322ac;
  box-shadow: -1px -1px 1px #0322ac;
}
/* line 455, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge .textWrap .desc .dropdown {
  width: 6px;
  position: relative;
  top: -2px;
}
/* line 462, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .coubOfTheDayBadge:hover .desc {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.viewerBlock .coubOfTheDayBadge:hover .desc {
  *display: inline;
}
/* line 466, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .promoWinnerBadge {
  width: 17px;
  height: 28px;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url(../../assets/promo/beeline4g/award-bf1d1994750ddbd6fa770714b6334391.png);
  z-index: 6;
}
/* line 473, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .noFlashMessage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../../assets/stubs/no-flash-bg-0e1606fcc533e2a73caacfd3b0030bb9.png);
  text-align: center;
  z-index: 6;
}
/* line 479, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .noFlashMessage .picAndText {
  height: 240px;
  width: 320px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -140px;
  margin-left: -160px;
}
/* line 484, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .noFlashMessage .picAndText .pic {
  margin-bottom: 13px;
  margin-top: 20px;
}
/* line 485, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .noFlashMessage .picAndText .text {
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  width: 315px;
  line-height: 22px;
  margin: 0 auto;
  margin-bottom: 12px;
}
/* line 494, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playButton {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
}
/* line 498, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock .playButton .icon {
  width: 87px;
  height: 87px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -43px;
  margin-top: -43px;
  cursor: pointer;
  background: url(../../assets/embed/buttons-9e96ca6155ad5f0a93a8170c7539b73a.png) left top no-repeat;
}
/* line 508, ../../app/assets/stylesheets/site/_viewer.scss */
.viewerBlock.promoSimpleViewerBlock .bannerLongShadow {
  -webkit-background-size: 640px 17px;
  -moz-background-size: 640px 17px;
  -o-background-size: 640px 17px;
  background-size: 640px 17px;
  left: 0;
  top: -17px;
}

/* line 516, ../../app/assets/stylesheets/site/_viewer.scss */
.exploreCoub .viewerBlock .coubOfTheDayBadge .desc {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  width: auto;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.exploreCoub .viewerBlock .coubOfTheDayBadge .desc {
  *display: inline;
}
/* line 519, ../../app/assets/stylesheets/site/_viewer.scss */
.exploreCoub .viewerBlock .coubOfTheDayBadge .desc .title {
  display: none;
}
/* line 520, ../../app/assets/stylesheets/site/_viewer.scss */
.exploreCoub .viewerBlock .coubOfTheDayBadge .desc .dropdown {
  display: none;
}

/** COMMON **/
/* line 2, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton {
  height: 24px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
  cursor: pointer;
  text-align: center;
  border: 0;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.niceButton {
  *display: inline;
}
/* line 9, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton .tail {
  height: 29px;
  position: absolute;
  top: 0;
  width: 10px;
  right: -10px;
}
/* line 14, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton .icon {
  display: none;
}
/* line 16, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton input, .niceButton label {
  font-family: Arial;
  height: 24px;
  line-height: 26px;
  vertical-align: middle;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

/* line 24, ../../app/assets/stylesheets/site/_buttons.scss */
a.niceButton:hover {
  text-decoration: none;
}

/* line 28, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.withGradient {
  background: #F7F7F7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
  background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -ms-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: linear-gradient(top, #ffffff, #f7f7f7);
}

/** ROUDED & SQUARED **/
/* line 36, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton input, .niceButton.squaredButton label, .niceButton.roundedButton input, .niceButton.roundedButton label {
  position: relative;
  border: 0;
}
/* line 38, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.disabled, .niceButton.roundedButton.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
  opacity: 0.45;
  cursor: default;
}
/* line 40, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.disabled input, .niceButton.squaredButton.disabled label, .niceButton.roundedButton.disabled input, .niceButton.roundedButton.disabled label {
  cursor: default;
}
/* line 42, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.disabled:hover, .niceButton.roundedButton.disabled:hover {
  -webkit-box-shadow: 0 0 0 1px #cccccc !important;
  -moz-box-shadow: 0 0 0 1px #cccccc !important;
  box-shadow: 0 0 0 1px #cccccc !important;
}

/* line 48, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton {
  padding: 0 10px;
  margin: 2px;
  -webkit-box-shadow: #cccccc 0 0 0 1px;
  -moz-box-shadow: #cccccc 0 0 0 1px;
  box-shadow: #cccccc 0 0 0 1px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
}
/* line 53, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton.toggleCotdButton {
  height: 25px;
}
/* line 55, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton input, .niceButton.roundedButton label {
  font-size: 12px;
}
/* line 57, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton .tail {
  display: none;
}
/* line 59, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton:hover {
  -webkit-box-shadow: #1e39f6 0 0 0 3px;
  -moz-box-shadow: #1e39f6 0 0 0 3px;
  box-shadow: #1e39f6 0 0 0 3px;
}
/* line 61, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton:active {
  -webkit-box-shadow: #1e39f6 0 0 0 3px, #999999 0 1px 2px 0 inset;
  -moz-box-shadow: #1e39f6 0 0 0 3px, #999999 0 1px 2px 0 inset;
  box-shadow: #1e39f6 0 0 0 3px, #999999 0 1px 2px 0 inset;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #e5e5e5, #ffffff);
  background: -moz-linear-gradient(top, #e5e5e5, #ffffff);
  background: -o-linear-gradient(top, #e5e5e5, #ffffff);
  background: -ms-linear-gradient(top, #e5e5e5, #ffffff);
  background: linear-gradient(top, #e5e5e5, #ffffff);
}
/* line 66, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton.getFlash {
  padding-left: 30px;
}
/* line 68, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton.getFlash .icon {
  display: block;
  background: url(../../assets/stubs/no-flash-small-icon-973d3503788331e92e7ba335e49f72af.png) left 6px no-repeat;
  border-right: 1px solid #CCC;
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  width: 20px;
}

/* line 79, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.roundedButton .followButton, .niceButton.roundedButton .followCheckbox {
  height: 25px;
}

/* line 82, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton {
  -webkit-box-shadow: 0 0 0 1px #cccccc;
  -moz-box-shadow: 0 0 0 1px #cccccc;
  box-shadow: 0 0 0 1px #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 0 17px;
}
/* line 87, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton input {
  font-size: 13px;
  font-weight: bold;
}
/* line 89, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton input:hover {
  text-decoration: none;
}
/* line 91, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton .tail {
  display: none;
}
/* line 93, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.smallSquaredButton {
  height: 23px;
}
/* line 96, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.smallSquaredButton input {
  font-size: 10px;
}
/* line 99, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.smallSquaredButtonDisabled {
  height: 23px;
}
/* line 102, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.smallSquaredButtonDisabled input {
  font-size: 10px;
  padding-top: 6px;
  color: #999999;
  cursor: default;
}
/* line 105, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.mousedown {
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25) !important;
  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25) !important;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25) !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5);
  background-image: -moz-linear-gradient(#ffffff, #f5f5f5);
  background-image: -o-linear-gradient(#ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(#ffffff, #f5f5f5);
  background-image: linear-gradient(#ffffff, #f5f5f5);
}

/* line 111, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton:hover {
  background: #f8f8f8;
}
/* line 113, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton:hover.smallSquaredButtonDisabled:hover {
  cursor: default;
  background: none;
}

/* line 117, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.sticky.withGradient.roundedButton:active, .niceButton.sticky.withGradient.roundedButton.mousedown {
  -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.38);
  box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.38);
  background: white;
  background-image: -webkit-gradient(linear, 0deg, 0deg, color-stop(0%, #e6e6e6), color-stop(93%, #ffffff)) !important;
  background-image: -webkit-linear-gradient(0deg, #e6e6e6 0%, #ffffff 93%) !important;
  background-image: -moz-linear-gradient(0deg, #e6e6e6 0%, #ffffff 93%) !important;
  background-image: -o-linear-gradient(0deg, #e6e6e6 0%, #ffffff 93%) !important;
  background-image: -ms-linear-gradient(0deg, #e6e6e6 0%, #ffffff 93%) !important;
  background-image: linear-gradient(0deg, #e6e6e6 0%, #ffffff 93%) !important;
}
/* line 124, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.sticky.withGradient.roundedButton:active:hover, .niceButton.sticky.withGradient.roundedButton.mousedown:hover {
  -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.38), #1e39f6 0 0 0 3px;
  -moz-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.38), #1e39f6 0 0 0 3px;
  box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.38), #1e39f6 0 0 0 3px;
}

/* line 131, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.noBlueFrame:hover {
  -webkit-box-shadow: #cccccc 0 0 0 1px;
  -moz-box-shadow: #cccccc 0 0 0 1px;
  box-shadow: #cccccc 0 0 0 1px;
}
/* line 132, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.noBlueFrame:active {
  -webkit-box-shadow: #cccccc 0 0 0 1px, #999999 0 1px 2px 0 inset;
  -moz-box-shadow: #cccccc 0 0 0 1px, #999999 0 1px 2px 0 inset;
  box-shadow: #cccccc 0 0 0 1px, #999999 0 1px 2px 0 inset;
}

/** LARGE **/
/* line 136, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.large {
  height: 34px;
  background: url(../../assets/buttons/large-button-ce3af4f9f917763805f1e6a6734d2efd.png) left top no-repeat;
  font-size: 15px;
  color: #000;
}
/* line 142, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.large input {
  position: relative;
  top: 3px;
  text-shadow: white 1px 1px 0;
}
/* line 146, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.large .tail {
  background: url(../../assets/buttons/large-button-ce3af4f9f917763805f1e6a6734d2efd.png) right top no-repeat;
  height: 34px;
}

/* line 149, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.large.mousedown {
  background-position: 0 -35px;
}
/* line 152, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.large.mousedown .tail {
  background-position: right -35px;
}

/** LARGE BLUE & LARGE BLUE ROUNDED **/
/* line 156, ../../app/assets/stylesheets/site/_buttons.scss */
.largeBlueButtonBorder {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  height: 40px;
  padding: 3px 4px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  background: #cdcdcd;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c1c1c1), color-stop(100%, #dadada));
  background: -webkit-linear-gradient(top, #c1c1c1, #dadada);
  background: -moz-linear-gradient(top, #c1c1c1, #dadada);
  background: -o-linear-gradient(top, #c1c1c1, #dadada);
  background: -ms-linear-gradient(top, #c1c1c1, #dadada);
  background: linear-gradient(top, #c1c1c1, #dadada);
  -webkit-box-shadow: #777777 0 1px 1px -1px inset;
  -moz-box-shadow: #777777 0 1px 1px -1px inset;
  box-shadow: #777777 0 1px 1px -1px inset;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.largeBlueButtonBorder {
  *display: inline;
}
/* line 165, ../../app/assets/stylesheets/site/_buttons.scss */
.largeBlueButtonBorder:hover {
  -webkit-box-shadow: #1e39f6 0 0 0 3px, #777777 0 1px 1px -1px inset;
  -moz-box-shadow: #1e39f6 0 0 0 3px, #777777 0 1px 1px -1px inset;
  box-shadow: #1e39f6 0 0 0 3px, #777777 0 1px 1px -1px inset;
}

/* line 173, ../../app/assets/stylesheets/site/_buttons.scss */
.largeBlueButton {
  height: 29px;
  padding: 10px 20px 1px 21px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  color: #FFF;
  font-weight: bold;
  font-size: 20px;
  text-shadow: #1c42b2 -1px -1px;
  background: #FFF;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0beff), color-stop(70%, #0648ff), color-stop(100%, #0648ff));
  background: -webkit-linear-gradient(top, #b0beff, #0648ff 70%, #0648ff);
  background: -moz-linear-gradient(top, #b0beff, #0648ff 70%, #0648ff);
  background: -o-linear-gradient(top, #b0beff, #0648ff 70%, #0648ff);
  background: -ms-linear-gradient(top, #b0beff, #0648ff 70%, #0648ff);
  background: linear-gradient(top, #b0beff, #0648ff 70%, #0648ff);
  -webkit-box-shadow: #879dff 1px 1px 0 0 inset, #26418a 0 -1px 0 0 inset, white 2px 2px 2px -1px inset, #5a5a5a 0 1px 1px 0;
  -moz-box-shadow: #879dff 1px 1px 0 0 inset, #26418a 0 -1px 0 0 inset, white 2px 2px 2px -1px inset, #5a5a5a 0 1px 1px 0;
  box-shadow: #879dff 1px 1px 0 0 inset, #26418a 0 -1px 0 0 inset, white 2px 2px 2px -1px inset, #5a5a5a 0 1px 1px 0;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.largeBlueButton {
  *display: inline;
}
/* line 180, ../../app/assets/stylesheets/site/_buttons.scss */
.largeBlueButton, .largeBlueButton:hover {
  text-decoration: none;
}
/* line 192, ../../app/assets/stylesheets/site/_buttons.scss */
.largeBlueButton:active {
  padding: 11px 20px 0px 21px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0648ff), color-stop(40%, #0648ff), color-stop(100%, #b0beff));
  background: -webkit-linear-gradient(top, #0648ff, #0648ff 40%, #b0beff);
  background: -moz-linear-gradient(top, #0648ff, #0648ff 40%, #b0beff);
  background: -o-linear-gradient(top, #0648ff, #0648ff 40%, #b0beff);
  background: -ms-linear-gradient(top, #0648ff, #0648ff 40%, #b0beff);
  background: linear-gradient(top, #0648ff, #0648ff 40%, #b0beff);
  -webkit-box-shadow: #021567 0 2px 7px 0 inset, #b5bbd8 0 -1px 0 0 inset;
  -moz-box-shadow: #021567 0 2px 7px 0 inset, #b5bbd8 0 -1px 0 0 inset;
  box-shadow: #021567 0 2px 7px 0 inset, #b5bbd8 0 -1px 0 0 inset;
}

/* line 203, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue {
  height: 34px;
  background: url(../../assets/buttons/largebluebutton-4a503c8d653dd2b0fdc44e8f43992505.png) left top no-repeat;
  font-size: 15px;
  padding-left: 11px;
  color: #000;
  text-shadow: #2d43a7 -1px -1px 0;
}
/* line 211, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue input {
  height: 34px;
  position: relative;
  color: #FFF;
  padding-left: 30px;
  padding-right: 30px;
  text-shadow: #413b92 -1px -1px 0;
  background: transparent;
}
/* line 218, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue .tail {
  background: url(../../assets/buttons/largebluebutton-4a503c8d653dd2b0fdc44e8f43992505.png) right top no-repeat;
  height: 34px;
}
/* line 220, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.loading {
  background-image: url(../../assets/buttons/preloadable-large-blue-loading-bg-265a33ba77c07d5159fb1bd7cad6f455.png) !important;
  background-position: left 3px;
  background-repeat: repeat-x;
  padding-right: 10px;
}
/* line 226, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.loading .overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 10px;
  background: url(../../assets/buttons/largebluebutton-4a503c8d653dd2b0fdc44e8f43992505.png) 0 -102px;
}
/* line 231, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.loading .tail {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-position: right -102px;
  z-index: 10;
  right: 0 !important;
}
/* line 236, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.loading:hover {
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}

/* line 242, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.mousedown {
  background-position: 0 -51px;
}
/* line 245, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.mousedown .tail {
  background-position: right -51px;
}
/* line 246, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.mousedown.disabled {
  background: url(../../assets/buttons/largebluebutton-4a503c8d653dd2b0fdc44e8f43992505.png) left top no-repeat;
}
/* line 248, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.mousedown.disabled input {
  padding-top: 5px;
}
/* line 249, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.mousedown.disabled .tail {
  background: url(../../assets/buttons/largebluebutton-4a503c8d653dd2b0fdc44e8f43992505.png) right top no-repeat;
}

/* line 253, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton {
  width: 109px;
  height: 34px;
  background: url(../../assets/buttons/large-blue-rounded-button-46b56ac8acac247f4e5511982b779780.png) left top no-repeat;
  padding-left: 7px;
  margin-right: 10px;
}
/* line 260, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton input {
  height: 34px;
  color: #FFF;
  font-family: "HelveticaNeue", Helvetica, sans-serif;
  font-size: 13px;
  margin-left: 10px;
  font-weight: lighter;
  letter-spacing: 1px;
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 0;
}
/* line 267, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton .tail {
  width: 16px;
  height: 34px;
  background: url(../../assets/buttons/large-blue-rounded-button-46b56ac8acac247f4e5511982b779780.png) right top no-repeat;
  right: -16px;
}
/* line 274, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton.mousedown {
  background: url(../../assets/buttons/large-blue-rounded-button-46b56ac8acac247f4e5511982b779780.png) left -38px no-repeat;
}
/* line 277, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton.mousedown .tail {
  background: url(../../assets/buttons/large-blue-rounded-button-46b56ac8acac247f4e5511982b779780.png) right -38px no-repeat;
}

/* line 284, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.disabled, .niceButton.largeBlueRoundedButton.disabled {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 286, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlue.disabled input, .niceButton.largeBlueRoundedButton.disabled input {
  cursor: default;
}

/* line 291, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton.blueFrame {
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px;
  padding: 0 7px;
}
/* line 294, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton.blueFrame input {
  margin-left: 0;
}
/* line 297, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.largeBlueRoundedButton.blueFrame .tail {
  right: 0px;
}

/** EDITOR **/
/* line 303, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton {
  border: 1px solid #b3b8b5;
  background: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* line 308, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton .tail {
  display: none;
}

/* line 312, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton:hover {
  background: #fdfdfd;
}

/* line 313, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.mousedown {
  background: #fdfdfd;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 3px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 3px inset;
  box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 3px inset;
}

/* line 318, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.leftPart {
  margin-right: 0;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

/* line 323, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.rightPart {
  -webkit-border-radius: 0px 5px 5px 0;
  -moz-border-radius: 0px 5px 5px 0;
  -ms-border-radius: 0px 5px 5px 0;
  -o-border-radius: 0px 5px 5px 0;
  border-radius: 0px 5px 5px 0;
}

/* line 327, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.rightPart.mousedown {
  background-position: right -30px;
}

/* line 328, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.soundOnOff {
  padding-left: 8px;
  padding-right: 8px;
}
/* line 330, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.soundOnOff input {
  margin-top: 7px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  width: 21px;
  height: 17px;
  background: url(../../assets/uploader/sound-toggle-icons-abc742feaeb0bd067daedf3650e7ceb0.png) left top no-repeat;
}
/* line 7, ../../../../../../../../usr/local/rvm/gems/ruby-2.1.2@coub/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.niceButton.editorButton.soundOnOff input {
  *display: inline;
}

/* line 339, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.editorButton.soundOnOff.mousedown input {
  background-position: 0 -21px;
  margin-top: 6px;
}

/* line 342, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.loopButton {
  padding-right: 5px;
  padding-left: 9px;
}
/* line 345, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.loopButton input {
  width: 30px;
  height: 24px;
  background: url(../../assets/buttons/loop-8492252fe0c29a83603bd3969e7ef182.png) left 5px no-repeat;
}

/* line 348, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.reverseButton {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
/* line 351, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.reverseButton input {
  width: 24px;
  height: 20px;
  background: url(../../assets/buttons/reverse-65e07f13c2a7ad539ecc1e07d9c37ef3.png) left 8px no-repeat;
}

/* line 354, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton {
  display: inline-block;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  border-radius: 19px;
  -webkit-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  -moz-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  background: #FFF;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -moz-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -o-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -ms-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: linear-gradient(bottom, #f2f2f2, #ffffff);
  cursor: pointer;
  position: relative;
}
/* line 368, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.onFocus .background {
  height: 38px;
  width: 38px;
  background: #FFF;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  border-radius: 19px;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -moz-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -o-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -ms-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: linear-gradient(bottom, #f2f2f2, #ffffff);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 201;
}
/* line 379, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.onFocus .blueBackground {
  height: 40px;
  width: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: #1e39f6;
  /* Подкладываем синий фон, чтобы избавиться от белой кромки сверху при ховере на кнопке mousedown */
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 200;
}
/* line 391, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.mousedown {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 392, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.mousedown .background {
  height: 38px;
  width: 38px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  border-radius: 19px;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fefefe), color-stop(100%, #d9d9d9));
  background-image: -webkit-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: -moz-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: -o-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: -ms-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: linear-gradient(bottom, #fefefe, #d9d9d9);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 201;
}
/* line 405, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.mousedown.onFocus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset, #1e39f6 0 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset, #1e39f6 0 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset, #1e39f6 0 0 0 3px;
}
/* line 414, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.disabled .background, .editorButton.disabled .blueBackground {
  display: none;
}
/* line 415, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.disabled img {
  opacity: 0.45;
}

/* line 422, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundButton {
  height: 38px;
  width: 38px;
}
/* line 426, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundButton.disabled {
  cursor: default;
  -webkit-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  -moz-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
}
/* line 434, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundButton.disabled.mousedown {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 441, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton {
  height: 38px;
  width: 38px;
}
/* line 444, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton.leftPart, .editorDoubleButton.rightPart {
  position: relative;
  z-index: 5;
}
/* line 447, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton.leftPart:hover, .editorDoubleButton.rightPart:hover {
  z-index: 10;
}
/* line 452, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton.leftPart {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 457, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton.rightPart {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -ms-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -2px !important;
}
/* line 463, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton.disabled {
  cursor: default;
  -webkit-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  -moz-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
}
/* line 471, ../../app/assets/stylesheets/site/_buttons.scss */
.editorDoubleButton.disabled.mousedown {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -moz-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -o-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -ms-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: linear-gradient(bottom, #f2f2f2, #ffffff);
  -webkit-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  -moz-box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
  box-shadow: #e6e6e6 0 -1px 0 0 inset, #b2b2b2 0 0 0 1px;
}

/* line 481, ../../app/assets/stylesheets/site/_buttons.scss */
.undoButton, .redoButton {
  vertical-align: top;
}
/* line 484, ../../app/assets/stylesheets/site/_buttons.scss */
.undoButton span, .redoButton span {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
/* line 489, ../../app/assets/stylesheets/site/_buttons.scss */
.undoButton.disabled, .redoButton.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* line 494, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton {
  cursor: pointer;
  overflow: hidden;
}
/* line 498, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton {
  padding: 11px 18px 7px 41px;
}
/* line 501, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton h4, .editorRoundedButton.uploadMusicButton .textSub {
  font-family: Helvetica, sans-serif;
  font-size: 15px;
  line-height: 14px;
  font-weight: bold;
  text-shadow: rgba(255, 255, 255, 0.5) 1px 1px;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
}
/* line 511, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.mousedown {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fefefe), color-stop(100%, #d9d9d9));
  background-image: -webkit-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: -moz-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: -o-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: -ms-linear-gradient(bottom, #fefefe, #d9d9d9);
  background-image: linear-gradient(bottom, #fefefe, #d9d9d9);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset;
}
/* line 516, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.mousedown.onFocus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset, #1e39f6 0 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset, #1e39f6 0 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px 0px inset, #1e39f6 0 0 0 3px;
}
/* line 524, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.disabled {
  cursor: default;
}
/* line 526, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.disabled.onFocus {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -moz-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -o-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -ms-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: linear-gradient(bottom, #f2f2f2, #ffffff);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, #e6e6e6 0 -1px 0 0 inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, #e6e6e6 0 -1px 0 0 inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, #e6e6e6 0 -1px 0 0 inset;
}
/* line 533, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.disabled h4, .editorRoundedButton.uploadMusicButton.disabled span {
  opacity: 0.45;
}
/* line 536, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton .uploadMusicBackground {
  width: 159px;
  height: 38px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  border-radius: 19px;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -moz-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -o-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: -ms-linear-gradient(bottom, #f2f2f2, #ffffff);
  background-image: linear-gradient(bottom, #f2f2f2, #ffffff);
  -webkit-box-shadow: white 0 -1px 0 0 inset;
  -moz-box-shadow: white 0 -1px 0 0 inset;
  box-shadow: white 0 -1px 0 0 inset;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
/* line 549, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.loading {
  background: url(../../assets/uploader/music-progress-bg-08b3d4515541cae3f0ea07a61f7fdd1f.png) left top no-repeat;
  -moz-border-radius-topright: 19px;
  -webkit-border-top-right-radius: 19px;
  -ms-border-top-right-radius: 19px;
  -o-border-top-right-radius: 19px;
  border-top-right-radius: 19px;
  -moz-border-radius-bottomright: 19px;
  -webkit-border-bottom-right-radius: 19px;
  -ms-border-bottom-right-radius: 19px;
  -o-border-bottom-right-radius: 19px;
  border-bottom-right-radius: 19px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset, rgba(255, 255, 255, 0.25) 0 1px 0 0 inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset, rgba(255, 255, 255, 0.25) 0 1px 0 0 inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset, rgba(255, 255, 255, 0.25) 0 1px 0 0 inset;
}
/* line 561, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.loading .musicIcon {
  width: 16px;
  height: 20px;
  background: url(../../assets/uploader/music-loading-3c7905c48b61d16eb1c760531ee4c479.png) left top no-repeat;
  position: absolute;
  top: 8px;
  left: 13px;
  z-index: 2;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 573, ../../app/assets/stylesheets/site/_buttons.scss */
  .editorRoundedButton.uploadMusicButton.loading .musicIcon {
    background: url(../../assets/uploader/music-loading-2x-11f29af20384d1999ba87de576957594.jpg) left top no-repeat;
    -webkit-background-size: 16px 20px;
    -moz-background-size: 16px 20px;
    -o-background-size: 16px 20px;
    background-size: 16px 20px;
  }
}
/* line 579, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton.loading .textSub {
  position: absolute;
  color: #FFF;
  font-size: 15px;
  left: 42px;
  top: 12px;
}
/* line 586, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton span.remove {
  z-index: 100;
  width: 13px;
  height: 13px;
  display: block;
  background: url(../../assets/close-cross-a20fbc13e166620e2e8e52a65019922e.png) left top no-repeat;
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 13px;
}
/* line 593, ../../app/assets/stylesheets/site/_buttons.scss */
.editorRoundedButton.uploadMusicButton span.remove:hover {
  background-position: -18px 0;
}

/* line 600, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.reverseButton span {
  width: 26px;
  height: 14px;
  position: absolute;
  top: 12px;
  right: 6px;
  z-index: 202;
}
/* line 607, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.reverseButton.disabled span {
  opacity: 0.45;
}
/* line 611, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.soundButton span {
  width: 23px;
  height: 21px;
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 202;
}
/* line 618, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.soundButton.mousedown span {
  top: 9px;
  left: 9px;
}
/* line 622, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.soundButton.disabled span {
  opacity: 0.45;
}
/* line 625, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.moveLeftArrow img {
  position: absolute;
  top: 10px;
  left: 9px;
  z-index: 202;
}
/* line 632, ../../app/assets/stylesheets/site/_buttons.scss */
.editorButton.editorRoundButton.moveRightArrow img {
  position: absolute;
  top: 10px;
  right: 9px;
  z-index: 202;
}

/** FOLLOW BUTTON **/
/* line 643, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton,
.niceButton.followCheckbox,
.niceButton.toggleCotdButton {
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
/* line 646, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton input, .niceButton.followButton label,
.niceButton.followCheckbox input,
.niceButton.followCheckbox label,
.niceButton.toggleCotdButton input,
.niceButton.toggleCotdButton label {
  font-size: 13px;
  text-align: left;
  margin: 0;
  padding-right: 8px;
  padding-left: 8px;
  position: relative;
}
/* line 649, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton .followIcon, .niceButton.followButton .unfollowIcon,
.niceButton.followCheckbox .followIcon,
.niceButton.followCheckbox .unfollowIcon,
.niceButton.toggleCotdButton .followIcon,
.niceButton.toggleCotdButton .unfollowIcon {
  display: block;
  position: absolute;
}
/* line 653, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton .unfollowIcon,
.niceButton.followCheckbox .unfollowIcon,
.niceButton.toggleCotdButton .unfollowIcon {
  height: 11px;
  width: 11px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -5427px;
  background-repeat: no-repeat;
  right: -33px;
  top: 7px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .niceButton.followButton .unfollowIcon,
  .niceButton.followCheckbox .unfollowIcon,
  .niceButton.toggleCotdButton .unfollowIcon {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -4969.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 654, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton .followIcon,
.niceButton.followCheckbox .followIcon,
.niceButton.toggleCotdButton .followIcon {
  height: 19px;
  width: 17px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -2836px;
  background-repeat: no-repeat;
  left: -30px;
  top: 6px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .niceButton.followButton .followIcon,
  .niceButton.followCheckbox .followIcon,
  .niceButton.toggleCotdButton .followIcon {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -2930.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 656, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton .unfollowIcon,
.niceButton.followCheckbox .unfollowIcon,
.niceButton.toggleCotdButton .unfollowIcon {
  -webkit-transition-property: right;
  -moz-transition-property: right;
  -ms-transition-property: right;
  -o-transition-property: right;
  transition-property: right;
}
/* line 657, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton .followIcon,
.niceButton.followCheckbox .followIcon,
.niceButton.toggleCotdButton .followIcon {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -ms-transition-property: left;
  -o-transition-property: left;
  transition-property: left;
}
/* line 659, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton input, .niceButton.followButton label,
.niceButton.followCheckbox input,
.niceButton.followCheckbox label,
.niceButton.toggleCotdButton input,
.niceButton.toggleCotdButton label {
  -webkit-transition-property: margin-left;
  -moz-transition-property: margin-left;
  -ms-transition-property: margin-left;
  -o-transition-property: margin-left;
  transition-property: margin-left;
}
/* line 661, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.following,
.niceButton.followCheckbox.following,
.niceButton.toggleCotdButton.following {
  width: 100px;
}
/* line 663, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.following input, .niceButton.followButton.following label,
.niceButton.followCheckbox.following input,
.niceButton.followCheckbox.following label,
.niceButton.toggleCotdButton.following input,
.niceButton.toggleCotdButton.following label {
  margin-left: 18px;
}
/* line 664, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.following .followIcon,
.niceButton.followCheckbox.following .followIcon,
.niceButton.toggleCotdButton.following .followIcon {
  left: 13px;
}
/* line 665, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.following .unfollowIcon, .niceButton.followButton.following .followIcon, .niceButton.followButton.following input, .niceButton.followButton.following label,
.niceButton.followCheckbox.following .unfollowIcon,
.niceButton.followCheckbox.following .followIcon,
.niceButton.followCheckbox.following input,
.niceButton.followCheckbox.following label,
.niceButton.toggleCotdButton.following .unfollowIcon,
.niceButton.toggleCotdButton.following .followIcon,
.niceButton.toggleCotdButton.following input,
.niceButton.toggleCotdButton.following label {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 668, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.unfollow .unfollowIcon,
.niceButton.followCheckbox.unfollow .unfollowIcon,
.niceButton.toggleCotdButton.unfollow .unfollowIcon {
  right: 10px;
}
/* line 669, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.unfollow .followIcon,
.niceButton.followCheckbox.unfollow .followIcon,
.niceButton.toggleCotdButton.unfollow .followIcon {
  left: -30px;
}
/* line 670, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.unfollow input, .niceButton.followButton.unfollow label,
.niceButton.followCheckbox.unfollow input,
.niceButton.followCheckbox.unfollow label,
.niceButton.toggleCotdButton.unfollow input,
.niceButton.toggleCotdButton.unfollow label {
  margin-left: 0px;
}
/* line 674, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton .unfollowIcon, .niceButton.followButton .followIcon, .niceButton.followButton input, .niceButton.followButton label, .niceButton.followButton.justSwitched .unfollowIcon, .niceButton.followButton.justSwitched .followIcon, .niceButton.followButton.justSwitched input, .niceButton.followButton.justSwitched label,
.niceButton.followCheckbox .unfollowIcon,
.niceButton.followCheckbox .followIcon,
.niceButton.followCheckbox input,
.niceButton.followCheckbox label,
.niceButton.followCheckbox.justSwitched .unfollowIcon,
.niceButton.followCheckbox.justSwitched .followIcon,
.niceButton.followCheckbox.justSwitched input,
.niceButton.followCheckbox.justSwitched label,
.niceButton.toggleCotdButton .unfollowIcon,
.niceButton.toggleCotdButton .followIcon,
.niceButton.toggleCotdButton input,
.niceButton.toggleCotdButton label,
.niceButton.toggleCotdButton.justSwitched .unfollowIcon,
.niceButton.toggleCotdButton.justSwitched .followIcon,
.niceButton.toggleCotdButton.justSwitched input,
.niceButton.toggleCotdButton.justSwitched label {
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -ms-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0;
}

/* line 679, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton,
.niceButton.followCheckbox {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
  background: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
  background: -moz-linear-gradient(top, #ffffff, #f7f7f7);
  background: -o-linear-gradient(top, #ffffff, #f7f7f7);
  background: -ms-linear-gradient(top, #ffffff, #f7f7f7);
  background: linear-gradient(top, #ffffff, #f7f7f7);
}
/* line 682, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton input, .niceButton.followButton label,
.niceButton.followCheckbox input,
.niceButton.followCheckbox label {
  padding-right: 8px;
  padding-left: 8px;
}

/* line 686, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followCheckbox label {
  cursor: pointer;
  display: block;
  font-size: 13px;
}
/* line 687, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followCheckbox input[type=checkbox] {
  display: none;
}

/* line 691, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.editorButton .icon {
  top: 7px;
}

/* line 695, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.followButton.editorButton.mousedown .icon {
  top: 8px;
}

/* line 698, ../../app/assets/stylesheets/site/_buttons.scss */
.unloggedFollowButton input {
  font-size: 13px;
}

/** BlUE BUTTON **/
/* line 703, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.blueButton .tail {
  display: none;
}

/* line 706, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton, .greyButton, .redButton {
  display: inline-block;
  background: #e8e8e8;
  padding: 3px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dadada), color-stop(100%, #ebebeb));
  background: -webkit-linear-gradient(top, #dadada, #ebebeb);
  background: -moz-linear-gradient(top, #dadada, #ebebeb);
  background: -o-linear-gradient(top, #dadada, #ebebeb);
  background: -ms-linear-gradient(top, #dadada, #ebebeb);
  background: linear-gradient(top, #dadada, #ebebeb);
  -webkit-box-shadow: #959595 1px 1px 1px -1px inset, #959595 -1px 1px 1px -1px inset;
  -moz-box-shadow: #959595 1px 1px 1px -1px inset, #959595 -1px 1px 1px -1px inset;
  box-shadow: #959595 1px 1px 1px -1px inset, #959595 -1px 1px 1px -1px inset;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
/* line 713, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton a, .blueButton input, .greyButton a, .greyButton input, .redButton a, .redButton input {
  font-family: 'HelveticaCoub';
  outline: none;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  margin: 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
/* line 720, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton:hover a, .blueButton:hover input, .greyButton:hover a, .greyButton:hover input, .redButton:hover a, .redButton:hover input {
  cursor: pointer;
  text-decoration: none;
}

/* line 725, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton a, .blueButton input {
  border: none;
  -webkit-appearance: none;
  color: #ffffff;
  background: url(../../assets/buttons/blue-button-gradient-029a96f6abe869ee77dcaa5064014ff3.png) repeat-x;
  -webkit-background-size: 1px 86px;
  -moz-background-size: 1px 86px;
  -o-background-size: 1px 86px;
  background-size: 1px 86px;
  text-shadow: 0 -1px 0 #0e2173;
  -webkit-box-shadow: #879dff 1px 1px 0 0 inset, white 2px 2px 2px -1px inset, rgba(0, 0, 0, 0.85) 1px 1px 2px, inset 0 -1px 0 #1d36a3;
  -moz-box-shadow: #879dff 1px 1px 0 0 inset, white 2px 2px 2px -1px inset, rgba(0, 0, 0, 0.85) 1px 1px 2px, inset 0 -1px 0 #1d36a3;
  box-shadow: #879dff 1px 1px 0 0 inset, white 2px 2px 2px -1px inset, rgba(0, 0, 0, 0.85) 1px 1px 2px, inset 0 -1px 0 #1d36a3;
}
/* line 738, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.mousedown a, .blueButton.mousedown input {
  text-decoration: none;
  background-position: left -39px;
  -webkit-box-shadow: #021567 1px 1px 3px 0 inset;
  -moz-box-shadow: #021567 1px 1px 3px 0 inset;
  box-shadow: #021567 1px 1px 3px 0 inset;
}
/* line 745, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.shortButton {
  padding: 3px;
  height: 32px;
}
/* line 748, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.shortButton a, .blueButton.shortButton input {
  font-family: Arial, sans-serif;
  font-size: 15px;
  height: 32px;
  padding: 0 45px;
  line-height: 34px;
  -webkit-background-size: 1px 69px;
  -moz-background-size: 1px 69px;
  -o-background-size: 1px 69px;
  background-size: 1px 69px;
}
/* line 754, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.shortButton.mousedown a, .blueButton.shortButton.mousedown input {
  background-position: left -36px;
}
/* line 758, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.submitButton a, .blueButton.submitButton input {
  height: 28px;
  padding: 0 23px;
  font-size: 13px;
  line-height: 28px;
  font-weight: bold;
}
/* line 767, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.longButton {
  padding: 4px 5px 5px;
}
/* line 769, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.longButton a {
  padding: 13px;
  width: 369px;
  font-size: 20px;
}
/* line 772, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.disabled {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 774, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.disabled input {
  cursor: default;
}
/* line 777, ../../app/assets/stylesheets/site/_buttons.scss */
.blueButton.disabled:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 782, ../../app/assets/stylesheets/site/_buttons.scss */
.greyButton a, .greyButton input {
  color: #000000;
  border: none;
  font-size: 13px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(100%, #959595));
  background-image: -webkit-linear-gradient(top, #efefef, #959595);
  background-image: -moz-linear-gradient(top, #efefef, #959595);
  background-image: -o-linear-gradient(top, #efefef, #959595);
  background-image: -ms-linear-gradient(top, #efefef, #959595);
  background-image: linear-gradient(top, #efefef, #959595);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: rgba(75, 78, 92, 0.67) 0 1px 1px 0, inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: rgba(75, 78, 92, 0.67) 0 1px 1px 0, inset 1px 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: rgba(75, 78, 92, 0.67) 0 1px 1px 0, inset 1px 1px 0 rgba(255, 255, 255, 0.5);
}
/* line 790, ../../app/assets/stylesheets/site/_buttons.scss */
.greyButton.mousedown a, .greyButton.mousedown input {
  -webkit-box-shadow: inset rgba(75, 78, 92, 0.67) 0 1px 1px 0;
  -moz-box-shadow: inset rgba(75, 78, 92, 0.67) 0 1px 1px 0;
  box-shadow: inset rgba(75, 78, 92, 0.67) 0 1px 1px 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #959595), color-stop(100%, #efefef));
  background-image: -webkit-linear-gradient(top, #959595, #efefef);
  background-image: -moz-linear-gradient(top, #959595, #efefef);
  background-image: -o-linear-gradient(top, #959595, #efefef);
  background-image: -ms-linear-gradient(top, #959595, #efefef);
  background-image: linear-gradient(top, #959595, #efefef);
}

/* line 798, ../../app/assets/stylesheets/site/_buttons.scss */
.redButton a, .redButton input {
  color: #ffffff;
  border: none;
  font-size: 13px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff7e9f), color-stop(100%, #ff0445));
  background-image: -webkit-linear-gradient(top, #ff7e9f, #ff0445);
  background-image: -moz-linear-gradient(top, #ff7e9f, #ff0445);
  background-image: -o-linear-gradient(top, #ff7e9f, #ff0445);
  background-image: -ms-linear-gradient(top, #ff7e9f, #ff0445);
  background-image: linear-gradient(top, #ff7e9f, #ff0445);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: #fc81a1 1px 1px 0 0 inset, white 2px 2px 2px -1px inset, rgba(0, 0, 0, 0.85) 1px 1px 2px, inset 0 -1px 0 #a31d40;
  -moz-box-shadow: #fc81a1 1px 1px 0 0 inset, white 2px 2px 2px -1px inset, rgba(0, 0, 0, 0.85) 1px 1px 2px, inset 0 -1px 0 #a31d40;
  box-shadow: #fc81a1 1px 1px 0 0 inset, white 2px 2px 2px -1px inset, rgba(0, 0, 0, 0.85) 1px 1px 2px, inset 0 -1px 0 #a31d40;
}
/* line 808, ../../app/assets/stylesheets/site/_buttons.scss */
.redButton.mousedown a, .redButton.mousedown input {
  -webkit-box-shadow: inset rgba(75, 78, 92, 0.67) 0 1px 1px 0;
  -moz-box-shadow: inset rgba(75, 78, 92, 0.67) 0 1px 1px 0;
  box-shadow: inset rgba(75, 78, 92, 0.67) 0 1px 1px 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0445), color-stop(100%, #ff7e9f));
  background-image: -webkit-linear-gradient(top, #ff0445, #ff7e9f);
  background-image: -moz-linear-gradient(top, #ff0445, #ff7e9f);
  background-image: -o-linear-gradient(top, #ff0445, #ff7e9f);
  background-image: -ms-linear-gradient(top, #ff0445, #ff7e9f);
  background-image: linear-gradient(top, #ff0445, #ff7e9f);
}

/** CUSTOM EDIT BUTTON **/
/* line 816, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.customEdit, .submitSection .visibilitySelectContainer .niceButton {
  -webkit-box-shadow: inset 1px 1px 0 #fcfcfc, 0 0 0 1px #cccccc;
  -moz-box-shadow: inset 1px 1px 0 #fcfcfc, 0 0 0 1px #cccccc;
  box-shadow: inset 1px 1px 0 #fcfcfc, 0 0 0 1px #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* line 820, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.customEdit, .niceButton.customEdit:hover, .submitSection .visibilitySelectContainer .niceButton, .submitSection .visibilitySelectContainer .niceButton:hover {
  background: #f7f7f7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(9%, #f7f7f7), color-stop(92%, #d9d9d9));
  background-image: -webkit-linear-gradient(top, #f7f7f7 9%, #d9d9d9 92%);
  background-image: -moz-linear-gradient(top, #f7f7f7 9%, #d9d9d9 92%);
  background-image: -o-linear-gradient(top, #f7f7f7 9%, #d9d9d9 92%);
  background-image: -ms-linear-gradient(top, #f7f7f7 9%, #d9d9d9 92%);
  background-image: linear-gradient(top, #f7f7f7 9%, #d9d9d9 92%);
}
/* line 825, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.customEdit:hover, .submitSection .visibilitySelectContainer .niceButton:hover {
  -webkit-box-shadow: 0 0 0 3px #1e39f6, inset 1px 1px 0 #fcfcfc;
  -moz-box-shadow: 0 0 0 3px #1e39f6, inset 1px 1px 0 #fcfcfc;
  box-shadow: 0 0 0 3px #1e39f6, inset 1px 1px 0 #fcfcfc;
}
/* line 829, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.customEdit.mousedown, .submitSection .visibilitySelectContainer .niceButton.mousedown {
  -webkit-box-shadow: 0 0 0 3px #1e39f6;
  -moz-box-shadow: 0 0 0 3px #1e39f6;
  box-shadow: 0 0 0 3px #1e39f6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(9%, #d9d9d9), color-stop(92%, #f7f7f7));
  background-image: -webkit-linear-gradient(top, #d9d9d9 9%, #f7f7f7 92%);
  background-image: -moz-linear-gradient(top, #d9d9d9 9%, #f7f7f7 92%);
  background-image: -o-linear-gradient(top, #d9d9d9 9%, #f7f7f7 92%);
  background-image: -ms-linear-gradient(top, #d9d9d9 9%, #f7f7f7 92%);
  background-image: linear-gradient(top, #d9d9d9 9%, #f7f7f7 92%);
}

/** CUTE ARROW **/
/* line 833, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow {
  width: 17px;
  height: 18px;
  padding: 5px;
  background: transparent;
}
/* line 837, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow input {
  width: 17px;
  height: 18px;
  background: url(../../assets/uploader/legend-nav-arrows-ea58e60c62ad190546aa307643616143.png) 0 -20px no-repeat;
  border: 0;
}
/* line 843, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow .tail {
  display: none;
}

/* line 846, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow.cutterArrowRight input {
  background-position: -28px -20px;
}

/* line 848, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow.cutterArrowLeft:hover input {
  background-position: 0 0;
}

/* line 850, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow.cutterArrowRight:hover input {
  background-position: -28px 0;
}

/* line 852, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow.cutterArrowLeft.mousedown input {
  background-position: 0px -39px;
}

/* line 854, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.cutterArrow.cutterArrowRight.mousedown input {
  background-position: -28px -39px;
}

/* line 856, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.toggleEditorSize {
  padding-left: 17px;
  background: #ffffff;
}
/* line 859, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.toggleEditorSize .icon {
  display: block;
  position: absolute;
  left: 10px;
  top: 5px;
  height: 13px;
  width: 9px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -2865px;
  background-repeat: no-repeat;
  width: 9px;
  height: 14px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .niceButton.toggleEditorSize .icon {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -2312px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 865, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.toggleEditorSize input {
  font-size: 14px;
  color: #404040;
  margin-top: 0px;
  height: 24px;
}

/* line 873, ../../app/assets/stylesheets/site/_buttons.scss */
.toggleFramesButton.less .niceButton.toggleEditorSize .icon {
  height: 13px;
  width: 9px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -3011px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .toggleFramesButton.less .niceButton.toggleEditorSize .icon {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -2208px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}

/* line 879, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.followButton {
  padding-right: 6px;
  padding-left: 6px;
}

/* line 884, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.followButton.mousedown {
  padding-left: 20px;
}

/* line 888, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.coubDeleteButton {
  padding-left: 23px;
  padding-right: 5px;
}
/* line 891, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.coubDeleteButton .icon {
  border-right: 1px solid #CCC;
  display: block;
  position: absolute;
  left: 3px;
  top: 2px;
  bottom: 0;
}

/** PROFILE FOLLOWERS HANDLERS **/
/* line 899, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton {
  height: 27px;
  background: rgba(0, 0, 0, 0.1);
  padding: 0 20px;
  margin: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.55)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.55) 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.55) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.55) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.55) 100%);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.55) 100%);
}
/* line 903, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton .count, .followersHandler.roundedButton .sub {
  font-family: 'helveticacoub';
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
/* line 908, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton .sub {
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
  line-height: 26px;
}
/* line 915, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton .count {
  font-weight: bold;
  font-size: 15px;
  line-height: 29px;
}
/* line 921, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton.full:hover {
  cursor: pointer;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #3951f3), color-stop(65%, #172fd1)) !important;
  background-image: -webkit-linear-gradient(top, #3951f3 1%, #172fd1 65%) !important;
  background-image: -moz-linear-gradient(top, #3951f3 1%, #172fd1 65%) !important;
  background-image: -o-linear-gradient(top, #3951f3 1%, #172fd1 65%) !important;
  background-image: -ms-linear-gradient(top, #3951f3 1%, #172fd1 65%) !important;
  background-image: linear-gradient(top, #3951f3 1%, #172fd1 65%) !important;
  z-index: 1;
}
/* line 926, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton.full:hover.mousedown {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #172fd1), color-stop(100%, #3951f3)) !important;
  background-image: -webkit-linear-gradient(top, #172fd1, #3951f3) !important;
  background-image: -moz-linear-gradient(top, #172fd1, #3951f3) !important;
  background-image: -o-linear-gradient(top, #172fd1, #3951f3) !important;
  background-image: -ms-linear-gradient(top, #172fd1, #3951f3) !important;
  background-image: linear-gradient(top, #172fd1, #3951f3) !important;
  -webkit-box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.4) !important;
  box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.4) !important;
}
/* line 932, ../../app/assets/stylesheets/site/_buttons.scss */
.followersHandler.roundedButton.no-content:hover {
  cursor: default;
}

/* line 937, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.blueButton input {
  font-size: 14px;
}

/** BROWSERS **/
/* line 942, ../../app/assets/stylesheets/site/_buttons.scss */
.ie {
  /*.niceButton.largeBlue.mousedown input { top: 5px; }*/
}
/* line 943, ../../app/assets/stylesheets/site/_buttons.scss */
.ie .niceButton.largeBlue input {
  top: 5px;
}
/* line 945, ../../app/assets/stylesheets/site/_buttons.scss */
.ie .shortButton {
  padding: 3px !important;
}

/* line 948, ../../app/assets/stylesheets/site/_buttons.scss */
.ie9 .smallLoginButton {
  background: #f0f0f0;
}

/* line 950, ../../app/assets/stylesheets/site/_buttons.scss */
.ie7 .niceButton {
  display: inline;
}

/* line 954, ../../app/assets/stylesheets/site/_buttons.scss */
.firefox .switchFrameButton input, .opera .switchFrameButton input {
  width: 14px;
  top: 4px;
}
/* line 959, ../../app/assets/stylesheets/site/_buttons.scss */
.firefox .uploadMusicButton, .opera .uploadMusicButton {
  padding-top: 13px;
  padding-bottom: 5px;
}
/* line 964, ../../app/assets/stylesheets/site/_buttons.scss */
.firefox .uploadMusicButton.loading .textSub, .opera .uploadMusicButton.loading .textSub {
  top: 14px;
}
/* line 968, ../../app/assets/stylesheets/site/_buttons.scss */
.firefox .shortButton, .opera .shortButton {
  padding: 3px !important;
}

/* line 973, ../../app/assets/stylesheets/site/_buttons.scss */
.firefox .coubDescription input {
  padding-top: 13px;
}

/* line 981, ../../app/assets/stylesheets/site/_buttons.scss */
.opera .toggleFramesButton .disabled {
  opacity: 1;
}
/* line 983, ../../app/assets/stylesheets/site/_buttons.scss */
.opera .toggleFramesButton .disabled input, .opera .toggleFramesButton .disabled .icon {
  opacity: 0.6;
}

/* line 989, ../../app/assets/stylesheets/site/_buttons.scss */
.safari .niceButton.followersHandler.roundedButton {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.01)), color-stop(100%, rgba(0, 0, 0, 0.55)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.55));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.55));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.55));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.55));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.55));
}

/* line 994, ../../app/assets/stylesheets/site/_buttons.scss */
.opera .back span.polygon {
  top: 2px !important;
}

/** ANOTHER SPECIALIZED **/
/* line 998, ../../app/assets/stylesheets/site/_buttons.scss */
.fbConnectLink {
  position: absolute;
  top: 7px;
  right: -13px;
}
/* line 1001, ../../app/assets/stylesheets/site/_buttons.scss */
.fbConnectLink .facebookButton {
  padding: 3px;
}
/* line 1004, ../../app/assets/stylesheets/site/_buttons.scss */
.fbConnectLink .facebookButton a {
  text-align: right;
  font-size: 14px;
  padding: 7px 16px 7px 46px;
}
/* line 1009, ../../app/assets/stylesheets/site/_buttons.scss */
.fbConnectLink .facebookButton span.icon {
  display: inline-block;
  width: 9px;
  height: 18px;
  background: url(../../assets/buttons/facebook-logo-a2fc5fbd6f9a0c81626fc4282c708c47.png);
  position: absolute;
  left: 26px;
  top: 13px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 1017, ../../app/assets/stylesheets/site/_buttons.scss */
  .fbConnectLink .facebookButton span.icon {
    background: url(../../assets/buttons/facebook-logo-2x-5eaa6561d78806fd83106d998010f0b9.jpg);
    -webkit-background-size: 9px 18px;
    -moz-background-size: 9px 18px;
    -o-background-size: 9px 18px;
    background-size: 9px 18px;
  }
}
/* line 1023, ../../app/assets/stylesheets/site/_buttons.scss */
.fbConnectLink .facebookButton span.border {
  position: absolute;
  left: 43px;
  top: 6px;
  display: inline-block;
  width: 2px;
  height: 27px;
  background: url(../../assets/buttons/border-pic-d8d67ff56b119d7e3493a8c78ba5f570.png);
}
/* line 1030, ../../app/assets/stylesheets/site/_buttons.scss */
.fbConnectLink .facebookButton.mousedown span.border {
  background: url(../../assets/buttons/border-pic_down-94569f345e8d8fa461b308b41ae1dadd.png);
}

/* line 1035, ../../app/assets/stylesheets/site/_buttons.scss */
.close {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 10px;
  width: 10px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -5119px;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* line 172, ../../app/assets/stylesheets/base/mixins.scss */
.close:hover {
  background-position: 0 -4741px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .close {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -5263px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
  /* line 207, ../../app/assets/stylesheets/base/mixins.scss */
  .close:hover {
    background-position: 0 -5120.5px;
  }
}

/* line 1042, ../../app/assets/stylesheets/site/_buttons.scss */
.close.white {
  height: 11px;
  width: 11px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -5448px;
  background-repeat: no-repeat;
}
/* line 172, ../../app/assets/stylesheets/base/mixins.scss */
.close.white:hover {
  background-position: 0 -4235px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .close.white {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -5586px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
  /* line 207, ../../app/assets/stylesheets/base/mixins.scss */
  .close.white:hover {
    background-position: 0 -4364.5px;
  }
}
/* line 1045, ../../app/assets/stylesheets/site/_buttons.scss */
.close.white:hover {
  cursor: pointer;
}

/* line 1051, ../../app/assets/stylesheets/site/_buttons.scss */
.cancelButton {
  color: #8d8d8d;
  text-decoration: underline;
}
/* line 1054, ../../app/assets/stylesheets/site/_buttons.scss */
.cancelButton:hover {
  color: #8d8d8d;
}

/* line 1059, ../../app/assets/stylesheets/site/_buttons.scss */
.closeButton {
  background: url(../../assets/dropdown/close-4d7dc06c503bfa1b91cb9077f214d86c.png) no-repeat top left;
  -webkit-background-size: 10px 20px;
  -moz-background-size: 10px 20px;
  -o-background-size: 10px 20px;
  background-size: 10px 20px;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
/* line 1064, ../../app/assets/stylesheets/site/_buttons.scss */
.closeButton:hover {
  background-position: bottom left;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* line 1069, ../../app/assets/stylesheets/site/_buttons.scss */
  .closeButton {
    background: url(../../assets/dropdown/close-2x-b9b72097236a861ba59197bbffc4964b.jpg) no-repeat top left;
    -webkit-background-size: 10px 20px;
    -moz-background-size: 10px 20px;
    -o-background-size: 10px 20px;
    background-size: 10px 20px;
  }
}
/** BUTTONS FOR MODERN PAGE **/
/* line 1078, ../../app/assets/stylesheets/site/_buttons.scss */
.abuseFlagButton .niceButton {
  height: 24px;
}
/* line 1080, ../../app/assets/stylesheets/site/_buttons.scss */
.abuseFlagButton.abuseSent, .abuseFlagButton.mousedown {
  display: inline-block;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0 inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0 inset;
}
/* line 1084, ../../app/assets/stylesheets/site/_buttons.scss */
.abuseFlagButton.abuseSent:hover, .abuseFlagButton.mousedown:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0 inset, #1e39f6 0 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0 inset, #1e39f6 0 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0 inset, #1e39f6 0 0 0 3px;
}
/* line 1093, ../../app/assets/stylesheets/site/_buttons.scss */
.abuseFlagButton.commentAbuseButton.abuseSent, .abuseFlagButton.commentAbuseButton.mousedown {
  background: #fa1515 !important;
}
/* line 1095, ../../app/assets/stylesheets/site/_buttons.scss */
.abuseFlagButton.commentAbuseButton.abuseSent .icon, .abuseFlagButton.commentAbuseButton.mousedown .icon {
  background: url(../../assets/buttons/flag-64631766b4cb607b4c20d21b2993675c.png) 0px 0px;
}
/* line 1099, ../../app/assets/stylesheets/site/_buttons.scss */
.abuseFlagButton .icon {
  display: block;
  position: absolute;
  top: 25%;
  left: 10px;
  height: 13px;
  width: 14px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -4911px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .abuseFlagButton .icon {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -4134.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}

/* line 1109, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.makeAnotherCoubButton .icon {
  display: block;
  position: absolute;
  top: 5px;
  left: 11px;
  height: 14px;
  width: 16px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -4473px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .niceButton.squaredButton.makeAnotherCoubButton .icon {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -4433.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 1116, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.makeAnotherCoubButton:hover {
  cursor: default;
}
/* line 1118, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.makeAnotherCoubButton.blueFramedisabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
  opacity: 0.45;
}
/* line 1121, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.makeAnotherCoubButton.blueFramedisabled:hover input {
  cursor: default;
}
/* line 1123, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.squaredButton.makeAnotherCoubButton.blueFramedisabled.mousedown {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/** **/
/* line 1128, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.replyButton {
  display: none;
  width: 71px;
  height: 25px;
}
/* line 1132, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.replyButton input {
  font-size: 13px;
  left: 5px;
}
/* line 1136, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.replyButton span.icon {
  display: block;
  position: absolute;
  /** refactor: использовать sprite; **/
  height: 10px;
  width: 13px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -4934px;
  background-repeat: no-repeat;
  left: 15px;
  top: 26%;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .niceButton.replyButton span.icon {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -5014.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 1144, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.replyButton.mousedown {
  display: inline-block;
}
/* line 1146, ../../app/assets/stylesheets/site/_buttons.scss */
.niceButton.replyButton.editor {
  display: inline-block !important;
}

/* line 1149, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteCoubButton, .deleteButton {
  display: inline-block;
  position: relative;
}
/* line 1153, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteCoubButton .niceButton, .deleteButton .niceButton {
  width: 17px;
  height: 24px;
  padding: 0 8px;
}
/* line 1158, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteCoubButton .icon, .deleteButton .icon {
  display: inline-block;
  height: 13px;
  width: 14px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -5845px;
  background-repeat: no-repeat;
  position: absolute;
  left: 9px;
  top: 4px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .deleteCoubButton .icon, .deleteButton .icon {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -5306px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 1164, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteCoubButton .mousedown, .deleteButton .mousedown {
  background: #fa1515 !important;
}
/* line 1166, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteCoubButton .mousedown .icon, .deleteButton .mousedown .icon {
  height: 13px;
  width: 14px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -5677px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .deleteCoubButton .mousedown .icon, .deleteButton .mousedown .icon {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -5160.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}

/* line 1171, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteButton.mousedown {
  background: #fa1515 !important;
}
/* line 1173, ../../app/assets/stylesheets/site/_buttons.scss */
.deleteButton.mousedown .icon {
  height: 13px;
  width: 14px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -5677px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .deleteButton.mousedown .icon {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -5160.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}

/* line 1177, ../../app/assets/stylesheets/site/_buttons.scss */
button.viewSelector {
  -webkit-appearance: none;
  border: none;
  background: none;
  padding: 9px 13px 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  margin: 0;
}
/* line 1186, ../../app/assets/stylesheets/site/_buttons.scss */
button.viewSelector.list .icon {
  display: inline-block;
  height: 10px;
  width: 10px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -5966px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  button.viewSelector.list .icon {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -5723.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 1186, ../../app/assets/stylesheets/site/_buttons.scss */
button.viewSelector.mosaic .icon {
  display: inline-block;
  height: 10px;
  width: 10px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -4810px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  button.viewSelector.mosaic .icon {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -4644px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}

/* line 1195, ../../app/assets/stylesheets/site/_buttons.scss */
.viewSelector:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 3px #1e39f6;
  -moz-box-shadow: 0 0 0 3px #1e39f6;
  box-shadow: 0 0 0 3px #1e39f6;
}
/* line 1197, ../../app/assets/stylesheets/site/_buttons.scss */
.viewSelector.active {
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #f0f0f0), color-stop(100%, #fcfcfc));
  background-image: -webkit-linear-gradient(to bottom, #f0f0f0, #fcfcfc);
  background-image: -moz-linear-gradient(to bottom, #f0f0f0, #fcfcfc);
  background-image: -o-linear-gradient(to bottom, #f0f0f0, #fcfcfc);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0, #fcfcfc);
  background-image: linear-gradient(to bottom, #f0f0f0, #fcfcfc);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.33);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.33);
  cursor: default;
}

/* line 1205, ../../app/assets/stylesheets/site/_buttons.scss */
.win.firefox .viewSelector {
  padding: 7px 11px 6px;
}
/* line 1207, ../../app/assets/stylesheets/site/_buttons.scss */
.win.firefox .viewSelector:hover {
  -webkit-box-shadow: inset 0 0 0 3px #1e39f6;
  -moz-box-shadow: inset 0 0 0 3px #1e39f6;
  box-shadow: inset 0 0 0 3px #1e39f6;
}
/* line 1210, ../../app/assets/stylesheets/site/_buttons.scss */
.win.firefox .viewSelector.active:hover {
  -webkit-box-shadow: inset 1px 1px 0.3em 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 1px 1px 0.3em 0px rgba(0, 0, 0, 0.33);
  box-shadow: inset 1px 1px 0.3em 0px rgba(0, 0, 0, 0.33);
}

/* line 1217, ../../app/assets/stylesheets/site/_buttons.scss */
.transButton {
  background: rgba(0, 0, 0, 0.4);
  border: none;
}
/* line 1218, ../../app/assets/stylesheets/site/_buttons.scss */
.transButton, .transButton input {
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: lighter;
}
/* line 1227, ../../app/assets/stylesheets/site/_buttons.scss */
.transButton:hover {
  -webkit-box-shadow: 0 0 0 3px #1e39f6;
  -moz-box-shadow: 0 0 0 3px #1e39f6;
  box-shadow: 0 0 0 3px #1e39f6;
  cursor: pointer;
}
/* line 1232, ../../app/assets/stylesheets/site/_buttons.scss */
.transButton:hover.mousedown {
  -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.7), 0 0 0 3px #1e39f6;
  -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.7), 0 0 0 3px #1e39f6;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.7), 0 0 0 3px #1e39f6;
}

/* line 1239, ../../app/assets/stylesheets/site/_buttons.scss */
.sb.create {
  height: 30px;
  padding: 0 20px 0 43px;
  font-size: 14px;
  line-height: 31px;
  font-weight: 100;
}
/* line 1247, ../../app/assets/stylesheets/site/_buttons.scss */
.sb.create i {
  left: 12px;
  top: 8px;
}
/* line 1251, ../../app/assets/stylesheets/site/_buttons.scss */
.sb.create.cutter-blue i {
  height: 14px;
  width: 21px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -4761px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .sb.create.cutter-blue i {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -4528px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 1255, ../../app/assets/stylesheets/site/_buttons.scss */
.sb.create.cutter-white i {
  height: 14px;
  width: 21px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -4427px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .sb.create.cutter-white i {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -4384.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 1259, ../../app/assets/stylesheets/site/_buttons.scss */
.sb.create.cutter i {
  left: 12px;
  top: 8px;
  height: 14px;
  width: 21px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -4427px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .sb.create.cutter i {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -4384.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}
/* line 1264, ../../app/assets/stylesheets/site/_buttons.scss */
.sb.create.flapper i {
  left: 13px;
  top: 7px;
  height: 15px;
  width: 15px;
  background-image: url(../../assets/sprites-s146cb6404c-baa97f569835c09aaf07ab6f4211e55b.png);
  background-position: 0 -5072px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  /* line 188, ../../app/assets/stylesheets/base/mixins.scss */
  .sb.create.flapper i {
    background-image: url(../../assets/sprites-retina-s3c7acf1971-c8e06cbe7990dd3e9ae47be17b5d6676.png);
    background-position: 0 -4989.5px;
    -webkit-background-size: 81px auto;
    -moz-background-size: 81px auto;
    -o-background-size: 81px auto;
    background-size: 81px auto;
  }
}

/* line 71, ../../app/assets/stylesheets/embed.css.scss */
.viewerBlock .coubShadow {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
/* line 74, ../../app/assets/stylesheets/embed.css.scss */
.viewerBlock .coubShadow .left, .viewerBlock .coubShadow .right, .viewerBlock .coubShadow .top, .viewerBlock .coubShadow .bottom {
  display: none;
}
/* line 77, ../../app/assets/stylesheets/embed.css.scss */
.viewerBlock .coubLink:hover {
  border: 3px solid #1e39f6;
}

/* line 83, ../../app/assets/stylesheets/embed.css.scss */
.noBlueFrame .coubLink:hover {
  border: 0;
}