.cuteornot-sidebar__recent__share:before,
.cuteornot__container:before,
.cuteornot-sidebar__recent__share:after, .cuteornot__container:after {
  content: " ";
  display: table; }

.cuteornot-sidebar__recent__share:after, .cuteornot__container:after {
  clear: both; }

.cuteornot-sidebar__main__desc__name,
.cuteornot-sidebar__main__desc__blurb, .cuteornot__main__desc__name, .cuteornot__main__desc__blurb, .cuteornot__recent__desc__name, .cuteornot__item__desc__name, .cuteornot__item__desc__blurb {
  word-wrap: break-word; }

.cuteornot-sidebar__main__img__wrapper, .cuteornot__main__img__wrapper, .cuteornot__recent__img__wrapper, .cuteornot__item__img__wrapper {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  overflow: hidden; }

.cuteornot__main__img, .cuteornot__recent__img, .cuteornot-sidebar__main__img, .cuteornot__item__img {
  vertical-align: top; }

.cuteornot__main__img, .cuteornot__recent__img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto; }

.cuteornot__list__header, .cuteornot__submit #minisuper #minisuper-start .headline-1 {
  margin: 0 0 0.5ex;
  line-height: 1.4;
  font-weight: 700; }
  .cuteornot__container--cute .cuteornot__list__header, .cuteornot__container--cute .cuteornot__submit #minisuper #minisuper-start .headline-1, .cuteornot__submit #minisuper #minisuper-start .cuteornot__container--cute .headline-1 {
    font-size: 24px; }
  .cuteornot__container--nom .cuteornot__list__header, .cuteornot__container--nom .cuteornot__submit #minisuper #minisuper-start .headline-1, .cuteornot__submit #minisuper #minisuper-start .cuteornot__container--nom .headline-1 {
    font-size: 22px; }

.cuteornot-sidebar__block {
  display: inline-block;
  width: 100%; }

.cuteornot-sidebar__main {
  position: relative; }

.cuteornot-sidebar__main__title {
  position: relative;
  z-index: 1;
  display: block;
  height: 40px;
  text-align: center;
  font-size: 24px;
  line-height: 40px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #fff; }
  .cuteornot-sidebar__main__title:hover {
    color: #fff; }
  .cuteornot-sidebar__block--cute .cuteornot-sidebar__main__title {
    background: #36d0f9; }
  .cuteornot-sidebar__block--nom .cuteornot-sidebar__main__title {
    background: #000; }
  .cuteornot-sidebar__main__title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    width: 50px;
    height: 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("/static/images/../badge_images/collection.png?v=1460153433"); }

.cuteornot-sidebar__main__img {
  width: 100%; }

.cuteornot-sidebar__main__desc {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  text-transform: capitalize;
  color: #fff; }

.cuteornot-sidebar__main__desc__name,
.cuteornot-sidebar__main__desc__blurb {
  margin: 0; }

.cuteornot-sidebar__block--cute .cuteornot-sidebar__main__desc__blurb {
  display: none; }

.cuteornot-sidebar__main__controls {
  margin: 10px 0 0;
  text-align: center; }

.cuteornot-sidebar__main__vote-button {
  padding: 0 1.5ex;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #ccc;
  background: #fe0;
  font-weight: 700;
  color: #000;
  cursor: default;
  height: 40px;
  margin: 0 15px;
  font-size: 18px;
  line-height: 40px; }
  .cuteornot-sidebar__main:not(.disabled) .cuteornot-sidebar__main__vote-button:hover {
    background: #07e;
    color: #fff;
    cursor: pointer; }

.cuteornot-sidebar__main__off {
  background-size: cover;
  height: 382px; }
  .cuteornot-sidebar__block--cute .cuteornot-sidebar__main__off {
    background-image: url("/static/images/public/like-or-dislike/outofcute.png?v=1460153433"); }
  .cuteornot-sidebar__block--nom .cuteornot-sidebar__main__off {
    background-image: url("/static/images/public/like-or-dislike/outofnom.png?v=1460153433"); }

.cuteornot-sidebar__recent {
  margin: 10px 0 0;
  padding: 12px;
  background: #eee; }

.cuteornot-sidebar__recent__img__wrapper {
  float: left;
  width: 75px;
  margin: 0 10px 0 0; }

.cuteornot-sidebar__recent__img {
  width: 100%; }

.cuteornot-sidebar__recent__result {
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize; }

.cuteornot-sidebar__recent.dislike .cuteornot-sidebar__recent__result__num,
.cuteornot-sidebar__recent.initial .cuteornot-sidebar__recent__result__num {
  display: none; }

.cuteornot-sidebar__recent:not(.initial).like .cuteornot-sidebar__recent__result__thanks {
  display: none; }

.cuteornot-sidebar__recent__share {
  margin: 5px 0 0; }
  .cuteornot-sidebar__recent__share .tweet-btn {
    float: left;
    margin: 0 0 0 10px; }

.cuteornot-sidebar__recent__link {
  margin: 5px 0 0;
  font-size: 14px;
  font-weight: 700;
  color: #000; }

.cuteornot__recent,
.cuteornot__main {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  background: #444;
  color: #fff; }

.cuteornot__main {
  width: 715px;
  border-left: 20px solid transparent;
  background-clip: content-box; }

.cuteornot__main__content {
  height: 100%; }

.cuteornot__main__img__wrapper,
.cuteornot__main__actions {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 100%; }

.cuteornot__main__img__wrapper {
  width: 420px; }

.cuteornot__main__actions {
  width: 275px;
  padding: 20px; }

.cuteornot__main__desc {
  max-height: 160px;
  overflow: hidden; }

.cuteornot__main__desc__name {
  margin: 0;
  font-size: 24px;
  font-weight: 700; }

.cuteornot__main__desc__blurb {
  margin: 1.5ex 0;
  font-size: 12px; }

.cuteornot__main__controls__wrapper {
  position: absolute;
  bottom: 120px;
  right: 0;
  box-sizing: content-box;
  width: 100%;
  height: 109px;
  padding: 0 0 0 25px;
  background: url("/static/images/public/like-or-dislike/ornot_arrow.png?v=1460153433") 0 50% no-repeat; }

.cuteornot__main__controls {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center; }

.cuteornot__main__vote-button {
  padding: 0 1.5ex;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #ccc;
  background: #fe0;
  font-weight: 700;
  color: #000;
  cursor: default;
  height: 30px;
  line-height: 30px; }
  .cuteornot__main:not(.disabled) .cuteornot__main__vote-button:hover {
    background: #07e;
    color: #fff;
    cursor: pointer; }
  .cuteornot__container--cute .cuteornot__main__vote-button {
    font-size: 16px; }
  .cuteornot__container--nom .cuteornot__main__vote-button {
    font-size: 14px; }

.cuteornot__main__controls__text {
  display: inline-block;
  margin: 0 0.5ex;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase; }

.cuteornot__main__share {
  position: absolute;
  bottom: 20px; }
  .cuteornot__main__share .tweet-btn {
    display: inline-block;
    margin: 0 0 0 10px; }
  .cuteornot__main__share__header {
    margin: 0;
    font-size: 18px;
    font-weight: 700; }

.cuteornot__main__off {
  background-size: cover;
  height: 100%; }
  .cuteornot__container--cute .cuteornot__main__off {
    background-image: url("/static/images/public/like-or-dislike/outofcute_main.png?v=1460153433"); }
  .cuteornot__container--nom .cuteornot__main__off {
    background-image: url("/static/images/public/like-or-dislike/outofnom_main.png?v=1460153433"); }

.cuteornot__recent {
  width: 275px; }

.cuteornot__recent__placeholder {
  height: 100%; }
  .cuteornot__container--cute .cuteornot__recent__placeholder {
    background: url("/static/images/public/like-or-dislike/cute_cta.png?v=1460153433"); }
  .cuteornot__container--nom .cuteornot__recent__placeholder {
    background: url("/static/images/public/like-or-dislike/nom_cta.png?v=1460153433"); }
  .cuteornot__recent__content:not(.hidden) + .cuteornot__recent__placeholder {
    display: none; }

.cuteornot__recent__content {
  height: 100%;
  padding: 20px; }

.cuteornot__recent__img__wrapper {
  height: 195px; }

.cuteornot__recent__img {
  left: 0; }

.cuteornot__recent__desc {
  margin: 10px 0 0;
  font-weight: 700; }

.cuteornot__recent__desc__name {
  margin: 0;
  font-size: 14px; }

.cuteornot__recent__result {
  margin: 10px 0 0;
  font-size: 18px; }

.cuteornot__recent.dislike .cuteornot__recent__result__num,
.cuteornot__recent.initial .cuteornot__recent__result__num {
  display: none; }

.cuteornot__recent:not(.initial).like .cuteornot__recent__result__thanks {
  display: none; }

.cuteornot__recent__share {
  position: absolute;
  bottom: 20px; }
  .cuteornot__recent__share .tweet-btn {
    display: inline-block;
    margin: 0 0 0 10px; }
  .cuteornot__recent__share__header {
    margin: 0;
    font-size: 18px;
    font-weight: 700; }

.cuteornot__top-block {
  height: 420px;
  margin: 20px 0; }

.cuteornot__item {
  margin: 5px 0; }
  .cuteornot__item:first-child {
    margin-top: 0; }

.cuteornot__item__poster {
  position: relative;
  background: #444; }

.cuteornot__item__img__wrapper {
  height: 326px; }

.cuteornot__item__counter {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0 1ex;
  background: #e32;
  font-size: 18px;
  font-weight: 700;
  color: #fff; }
  .cuteornot__list--recent .cuteornot__item__counter {
    display: none; }

.cuteornot__item__controls {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 2px;
  background: rgba(0, 0, 0, 0.5); }

.cuteornot__item__vote-button {
  padding: 0 1.5ex;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #ccc;
  background: #fe0;
  font-weight: 700;
  color: #000;
  cursor: default;
  height: 26px;
  margin: 0 2px;
  font-size: 13px;
  line-height: 26px; }
  .cuteornot__item:not(.disabled) .cuteornot__item__vote-button:hover {
    background: #07e;
    color: #fff;
    cursor: pointer; }

.cuteornot__item__share {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px 2px; }

.cuteornot__item__share__item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  fill: #fff;
  width: 26px;
  height: 26px;
  margin: 0 2px;
  padding: 4px;
  border-radius: 3px; }
  .cuteornot__item__share__item.cuteornot__item__share__item--facebook {
    background: #3c5898; }
    .cuteornot__item__share__item.cuteornot__item__share__item--facebook:hover {
      background: #4e6fb9; }
  .cuteornot__item__share__item.cuteornot__item__share__item--twitter {
    background: #6aadd1; }
    .cuteornot__item__share__item.cuteornot__item__share__item--twitter:hover {
      background: #91c2dd; }
  .cuteornot__item__share__item.cuteornot__item__share__item--pinterest {
    background: #de010d; }
    .cuteornot__item__share__item.cuteornot__item__share__item--pinterest:hover {
      background: #fe1421; }

.cuteornot__item__share__icon {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .cuteornot__item__share__item--facebook .cuteornot__item__share__icon {
    left: 10%; }

.cuteornot__item__desc {
  min-height: 70px;
  margin: 5px 0 0; }

.cuteornot__item__desc__name {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  text-transform: capitalize; }

.cuteornot__item__desc__blurb {
  margin: 2px 0 0;
  font-size: 11px;
  color: #555; }

.cuteornot__item__voted-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7); }

.cuteornot__item__result {
  margin: 100px 0 0;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #008000; }

.cuteornot__lists {
  float: left;
  width: 700px;
  margin: 10px 0 0 -12px; }

.cuteornot__list {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 0 12px; }
  .cuteornot__list::before {
    content: "";
    display: block;
    margin: 0 0 10px;
    border-top: 5px solid #000; }

.cuteornot__banner {
  display: block;
  height: 150px;
  margin: 10px 0 0;
  background-size: contain; }
  .cuteornot__container--cute .cuteornot__banner {
    background: url("/static/images/public/like-or-dislike/cuteornot_banner.png?v=1460153433") 0 50% no-repeat; }
  .cuteornot__container--nom .cuteornot__banner {
    background: url("/static/images/public/like-or-dislike/nomornot_header.png?v=1460153433") 0 50% no-repeat;
    cursor: default; }

.cuteornot__submit {
  float: right;
  width: 280px; }
  .cuteornot__submit #minisuper #minisuper-start {
    width: auto;
    border-color: #000; }
    .cuteornot__submit #minisuper #minisuper-start .button2 {
      padding: 5px 13px; }
    .cuteornot__submit #minisuper #minisuper-start .qq-upload-drop-area {
      padding: 10px 13px; }

.cuteornot__submit__desc {
  margin: 15px 0 0; }

.cuteornot__submit__text {
  margin: 1.5ex 0;
  font-size: 14px;
  line-height: 1.4; }
  .cuteornot__submit__text.cuteornot__submit__text--small {
    font-size: 11px; }

.cuteornot__submit__header {
  margin: 1ex 0 0;
  font-size: 24px;
  font-weight: 700; }

.cuteornot__submit__list {
  margin: 0;
  padding: 0;
  list-style-type: decimal;
  list-style-position: inside; }