@-webkit-keyframes fabordrab-sidebar__emoji-mouseenter { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.0822); -ms-transform: scale(1.0822); transform: scale(1.0822); }
  28% { -webkit-transform: scale(1.0504); -ms-transform: scale(1.0504); transform: scale(1.0504); }
  46% { -webkit-transform: scale(1.0624); -ms-transform: scale(1.0624); transform: scale(1.0624); }
  58% { -webkit-transform: scale(1.05902); -ms-transform: scale(1.05902); transform: scale(1.05902); }
  74% { -webkit-transform: scale(1.06035); -ms-transform: scale(1.06035); transform: scale(1.06035); }
  89% { -webkit-transform: scale(1.05988); -ms-transform: scale(1.05988); transform: scale(1.05988); }
  100% { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } }
@-webkit-keyframes fabordrab-sidebar__emoji-mouseleave { 0% { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); }
  14% { -webkit-transform: scale(0.9778); -ms-transform: scale(0.9778); transform: scale(0.9778); }
  28% { -webkit-transform: scale(1.0096); -ms-transform: scale(1.0096); transform: scale(1.0096); }
  46% { -webkit-transform: scale(0.9976); -ms-transform: scale(0.9976); transform: scale(0.9976); }
  58% { -webkit-transform: scale(1.00098); -ms-transform: scale(1.00098); transform: scale(1.00098); }
  74% { -webkit-transform: scale(0.99965); -ms-transform: scale(0.99965); transform: scale(0.99965); }
  89% { -webkit-transform: scale(1.00012); -ms-transform: scale(1.00012); transform: scale(1.00012); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
@keyframes fabordrab-sidebar__emoji-mouseenter { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.0822); -ms-transform: scale(1.0822); transform: scale(1.0822); }
  28% { -webkit-transform: scale(1.0504); -ms-transform: scale(1.0504); transform: scale(1.0504); }
  46% { -webkit-transform: scale(1.0624); -ms-transform: scale(1.0624); transform: scale(1.0624); }
  58% { -webkit-transform: scale(1.05902); -ms-transform: scale(1.05902); transform: scale(1.05902); }
  74% { -webkit-transform: scale(1.06035); -ms-transform: scale(1.06035); transform: scale(1.06035); }
  89% { -webkit-transform: scale(1.05988); -ms-transform: scale(1.05988); transform: scale(1.05988); }
  100% { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } }
@keyframes fabordrab-sidebar__emoji-mouseleave { 0% { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); }
  14% { -webkit-transform: scale(0.9778); -ms-transform: scale(0.9778); transform: scale(0.9778); }
  28% { -webkit-transform: scale(1.0096); -ms-transform: scale(1.0096); transform: scale(1.0096); }
  46% { -webkit-transform: scale(0.9976); -ms-transform: scale(0.9976); transform: scale(0.9976); }
  58% { -webkit-transform: scale(1.00098); -ms-transform: scale(1.00098); transform: scale(1.00098); }
  74% { -webkit-transform: scale(0.99965); -ms-transform: scale(0.99965); transform: scale(0.99965); }
  89% { -webkit-transform: scale(1.00012); -ms-transform: scale(1.00012); transform: scale(1.00012); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.fabordrab-sidebar { display: inline-block; padding: 16px 0 45px; }

.fabordrab-sidebar__container { position: relative; }

.fabordrab-sidebar__spinner:not(:empty) { position: absolute; top: 0; z-index: 1; box-sizing: border-box; width: 100%; height: 100%; padding: 150px 0 0; }

.fabordrab-sidebar__title { display: block; margin: 0 0 12px; }
.fabordrab-sidebar__title h2 { height: 39px; padding: 0; background: url("/static/images/public/cute_or_not/fab-or-drab_title.png?v=201504241415") 50% 50% no-repeat; background-size: contain; }

.fabordrab-sidebar__img__wrapper { position: relative; display: block; width: 336px; height: 515px; overflow: hidden; background: #ddd; }

.fabordrab-sidebar__img { position: absolute; left: 50%; top: 0; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.fabordrab-sidebar__actions { position: absolute; bottom: 0; z-index: 1; width: 100%; }

.fabordrab-sidebar__share { visibility: hidden; width: 160px; margin: -55px auto 20px; text-align: center; }
.fabordrab-sidebar__container:hover .fabordrab-sidebar__share { visibility: visible; }

.fabordrab-sidebar__share__item { position: relative; display: inline-block; vertical-align: middle; width: 35px; height: 35px; overflow: hidden; margin: 0 8px; border-radius: 50%; text-align: center; cursor: pointer; }
.fabordrab-sidebar__share__item:hover { top: -1px; }
.fabordrab-sidebar__share__item.facebook-share-item { background: #3c5898; fill: #fff; }
.fabordrab-sidebar__share__item.twitter-share-item { background: #6aadd1; fill: #fff; }
.fabordrab-sidebar__share__item.pinterest-share-item { background: #de010d; fill: #de010d; }
.fabordrab-sidebar__share__item.pinterest-share-item::before { content: ""; position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; background: #fff; }

.fabordrab-sidebar__share__item--small { width: 26px; height: 26px; margin: 0 5px; }
.fabordrab-sidebar__share__item--small.pinterest-share-item::before { width: 18px; height: 18px; }

.fabordrab-sidebar__share__icon { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.fabordrab-sidebar__share__item.facebook-share-item .fabordrab-sidebar__share__icon, .fabordrab-sidebar__share__item.twitter-share-item .fabordrab-sidebar__share__icon { width: 18px; }
.fabordrab-sidebar__share__item.pinterest-share-item .fabordrab-sidebar__share__icon { width: 25px; }
.fabordrab-sidebar__share__item.small.facebook-share-item .fabordrab-sidebar__share__icon, .fabordrab-sidebar__share__item.small.twitter-share-item .fabordrab-sidebar__share__icon { width: 15px; }
.fabordrab-sidebar__share__item.small.pinterest-share-item .fabordrab-sidebar__share__icon { width: 20px; }

.fabordrab-sidebar__desc { padding: 12px; background: rgba(255, 255, 255, 0.75); color: #000; }

.fabordrab-sidebar__desc__person, .fabordrab-sidebar__desc__source { display: block; }

.fabordrab-sidebar__desc__person { font-size: 13px; font-weight: 700; }

.fabordrab-sidebar__desc__source { margin: 1ex 0 0; font-size: 11px; font-weight: 400; font-style: italic; }

.fabordrab-sidebar__controls { position: absolute; z-index: 0; top: 0; width: 100%; height: 100%; }

.fabordrab-sidebar__vote-button { position: relative; display: inline-block; width: 50%; height: 100%; cursor: pointer; }

.fabordrab-sidebar__vote-button__emoji-wrapper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.fabordrab-sidebar__vote-button__emoji-wrapper.super { right: -15px; }
.fabordrab-sidebar__vote-button__emoji-wrapper.notsuper { left: -15px; }

.fabordrab-sidebar__vote-button__emoji { width: 80px; height: 80px; border-radius: 50%; }
.fabordrab-sidebar__vote-button__emoji::before { content: ""; position: relative; top: 10px; display: inline-block; width: 60px; height: 60px; background-image: url("/static/images/public/cute_or_not/fab-or-drab_emoji.png?v=201504241415"); }
.fabordrab-sidebar__vote-button.mouseenter .fabordrab-sidebar__vote-button__emoji::before { -webkit-animation-name: fabordrab-sidebar__emoji-mouseenter; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-name: fabordrab-sidebar__emoji-mouseenter; animation-duration: 1s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.fabordrab-sidebar__vote-button.mouseleave .fabordrab-sidebar__vote-button__emoji::before { -webkit-animation-name: fabordrab-sidebar__emoji-mouseleave; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-name: fabordrab-sidebar__emoji-mouseleave; animation-duration: 1s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.fabordrab-sidebar__vote-button__emoji-wrapper.super .fabordrab-sidebar__vote-button__emoji { background-color: #ff1d25; }
.fabordrab-sidebar[data-emoji-super="0"] .fabordrab-sidebar__vote-button__emoji-wrapper.super .fabordrab-sidebar__vote-button__emoji::before { background-position: 0px 0px; }
.fabordrab-sidebar[data-emoji-super="1"] .fabordrab-sidebar__vote-button__emoji-wrapper.super .fabordrab-sidebar__vote-button__emoji::before { background-position: -61px 0px; }
.fabordrab-sidebar[data-emoji-super="2"] .fabordrab-sidebar__vote-button__emoji-wrapper.super .fabordrab-sidebar__vote-button__emoji::before { background-position: -122px 0px; }
.fabordrab-sidebar[data-emoji-super="3"] .fabordrab-sidebar__vote-button__emoji-wrapper.super .fabordrab-sidebar__vote-button__emoji::before { background-position: -183px 0px; }
.fabordrab-sidebar[data-emoji-super="4"] .fabordrab-sidebar__vote-button__emoji-wrapper.super .fabordrab-sidebar__vote-button__emoji::before { background-position: -244px 0px; }
.fabordrab-sidebar__vote-button__emoji-wrapper.notsuper .fabordrab-sidebar__vote-button__emoji { background-color: #3688f0; }
.fabordrab-sidebar[data-emoji-notsuper="0"] .fabordrab-sidebar__vote-button__emoji-wrapper.notsuper .fabordrab-sidebar__vote-button__emoji::before { background-position: 0px -61px; }
.fabordrab-sidebar[data-emoji-notsuper="1"] .fabordrab-sidebar__vote-button__emoji-wrapper.notsuper .fabordrab-sidebar__vote-button__emoji::before { background-position: -61px -61px; }
.fabordrab-sidebar[data-emoji-notsuper="2"] .fabordrab-sidebar__vote-button__emoji-wrapper.notsuper .fabordrab-sidebar__vote-button__emoji::before { background-position: -122px -61px; }
.fabordrab-sidebar[data-emoji-notsuper="3"] .fabordrab-sidebar__vote-button__emoji-wrapper.notsuper .fabordrab-sidebar__vote-button__emoji::before { background-position: -183px -61px; }
.fabordrab-sidebar[data-emoji-notsuper="4"] .fabordrab-sidebar__vote-button__emoji-wrapper.notsuper .fabordrab-sidebar__vote-button__emoji::before { background-position: -244px -61px; }

.fabordrab-sidebar__vote-button__emoji-bubble { position: absolute; top: -64px; width: 80px; height: 74px; opacity: 0; background-image: url("/static/images/public/cute_or_not/fab-or-drab_chat.png?v=201504241415"); transition: opacity .2s ease; }
.fabordrab-sidebar.initial .fabordrab-sidebar__vote-button:hover .fabordrab-sidebar__vote-button__emoji-bubble, .fabordrab-sidebar__vote-button__emoji:hover + .fabordrab-sidebar__vote-button__emoji-bubble { opacity: 1; }
.fabordrab-sidebar__vote-button__emoji-wrapper.super .fabordrab-sidebar__vote-button__emoji-bubble { left: -70px; background-position: 100% 0; }
.fabordrab-sidebar__vote-button__emoji-wrapper.notsuper .fabordrab-sidebar__vote-button__emoji-bubble { right: -70px; background-position: 0 0; }

.fabordrab-sidebar__recent { display: none; padding: 15px 0 0; background-color: transparent; font-weight: 700; text-transform: uppercase; }

.fabordrab-sidebar__recent__img__wrapper-outer, .fabordrab-sidebar__recent__desc { display: inline-block; vertical-align: top; }

.fabordrab-sidebar__recent__img__wrapper-outer { position: relative; width: 77px; height: 77px; margin: 0 30px 0 0; }
.fabordrab-sidebar__recent__img__wrapper-outer::after { content: ""; position: absolute; top: -20px; right: -20px; width: 60px; height: 60px; -webkit-transform: scale(0.7) rotate(-20deg); -ms-transform: scale(0.7) rotate(-20deg); transform: scale(0.7) rotate(-20deg); background-image: url("/static/images/public/cute_or_not/fab-or-drab_emoji.png?v=201504241415"); }
.fabordrab-sidebar[data-emoji-super="0"] .fabordrab-sidebar__recent.super .fabordrab-sidebar__recent__img__wrapper-outer::after { background-position: 0px 0px; }
.fabordrab-sidebar[data-emoji-notsuper="0"] .fabordrab-sidebar__recent.notsuper .fabordrab-sidebar__recent__img__wrapper-outer::after { background-position: 0px -61px; }
.fabordrab-sidebar[data-emoji-super="1"] .fabordrab-sidebar__recent.super .fabordrab-sidebar__recent__img__wrapper-outer::after { background-position: -61px 0px; }
.fabordrab-sidebar[data-emoji-notsuper="1"] .fabordrab-sidebar__recent.notsuper .fabordrab-sidebar__recent__img__wrapper-outer::after { background-position: -61px -61px; }
.fabordrab-sidebar[data-emoji-super="2"] .fabordrab-sidebar__recent.super .fabordrab-sidebar__recent__img__wrapper-outer::after { background-position: -122px 0px; }
.fabordrab-sidebar[data-emoji-notsuper="2"] .fabordrab-sidebar__recent.notsuper .fabordrab-sidebar__recent__img__wrapper-outer::after { background-position: -122px -61px; }
.fabordrab-sidebar[data-emoji-super="3"] .fabordrab-sidebar__recent.super .fabordrab-sidebar__recent__img__wrapper-outer::after { background-position: -183px 0px; }
.fabordrab-sidebar[data-emoji-notsuper="3"] .fabordrab-sidebar__recent.notsuper .fabordrab-sidebar__recent__img__wrapper-outer::after { background-position: -183px -61px; }
.fabordrab-sidebar[data-emoji-super="4"] .fabordrab-sidebar__recent.super .fabordrab-sidebar__recent__img__wrapper-outer::after { background-position: -244px 0px; }
.fabordrab-sidebar[data-emoji-notsuper="4"] .fabordrab-sidebar__recent.notsuper .fabordrab-sidebar__recent__img__wrapper-outer::after { background-position: -244px -61px; }

.fabordrab-sidebar__recent__img__wrapper { height: 100%; overflow: hidden; }

.fabordrab-sidebar__recent__img { width: 100%; }

.fabordrab-sidebar__recent__desc__header { margin: 0; font-size: 14px; line-height: 1; }

.fabordrab-sidebar__recent__desc__result { display: block; margin-bottom: 10px; font-family: inherit; font-size: 24px; font-weight: 800; }
.fabordrab-sidebar__recent.super .fabordrab-sidebar__recent__desc__result { color: #ff1d25; }
.fabordrab-sidebar__recent.notsuper .fabordrab-sidebar__recent__desc__result { color: #3688f0; }

.fabordrab-sidebar__recent__share { margin: 0 -5px; }