@charset "UTF-8";
.postcard-cell-image {
  max-width: none; }

.postcard-moving {
  z-index: 1000; }

.postcard-image-droppable {
  opacity: 0.7 !important; }

.postcard-moving-frame {
  z-index: 1001;
  position: absolute;
  border: 1px solid white; }

.imagecells {
  position: relative;
  float: left; }

.postcard {
  position: relative; }
  .postcard * {
    box-sizing: content-box; }
  .postcard.clickable-images .cell, .postcard.clickable-images .metric-flipper .back {
    cursor: pointer; }
  .postcard.edit-enabled .cell img {
    cursor: move; }
  .postcard .notransition {
    transition: none !important; }
  .postcard .image-scaler {
    position: relative;
    left: 8px; }
    .postcard .image-scaler .slider-bar {
      width: 100%;
      background: #aaa;
      border: 1px solid #e7e7e7;
      height: 5px;
      cursor: col-resize; }
    .postcard .image-scaler .slider-knob {
      height: 14px;
      width: 6px;
      background: #333;
      border: 1px solid #fff;
      position: relative;
      top: -6px;
      cursor: col-resize; }
  .postcard .inner {
    float: left; }
  .postcard .cell, .postcard .metric-flipper .back, .postcard .supercell {
    position: relative;
    overflow: hidden; }
    .postcard .cell img, .postcard .metric-flipper .back img, .postcard .supercell img {
      position: absolute;
      max-width: none; }
  .postcard .supercell {
    z-index: 100; }
  .postcard .closesupercell {
    z-index: 101; }
  .postcard .user {
    display: block;
    text-align: right;
    position: absolute;
    top: 75px;
    width: 189px; }
    .postcard .user:before {
      content: "— "; }
    .postcard .user a {
      color: #999;
      line-height: normal;
      font-size: 12px; }
  .postcard .w1 {
    width: 100px;
    float: left; }
  .postcard .w2 {
    width: 200px;
    float: left; }
  .postcard .w3 {
    width: 300px;
    float: left; }
  .postcard .w4 {
    width: 400px;
    float: left; }
  .postcard .h1 {
    font-size: medium;
    margin: 0;
    height: 100px;
    float: left; }
  .postcard .h2 {
    margin: 0;
    height: 200px;
    float: left; }
  .postcard .h3 {
    margin: 0;
    height: 300px;
    float: left; }
  .postcard .cell.w1, .postcard .metric.w1, .postcard .title.w1, .postcard .map.w1, .postcard .back.w1 {
    width: 99px; }
  .postcard .cell.w2, .postcard .metric.w2, .postcard .title.w2, .postcard .map.w2, .postcard .back.w2 {
    width: 199px; }
  .postcard .cell.w3, .postcard .metric.w3, .postcard .title.w3, .postcard .map.w3, .postcard .back.w3 {
    width: 299px; }
  .postcard .cell.w4, .postcard .metric.w4, .postcard .title.w4, .postcard .map.w4, .postcard .back.w4 {
    width: 399px; }
  .postcard .cell.h1, .postcard .metric.h1, .postcard .title.h1, .postcard .map.h1, .postcard .back.h1 {
    height: 99px; }
  .postcard .cell.h2, .postcard .metric.h2, .postcard .title.h2, .postcard .map.h2, .postcard .back.h2 {
    height: 199px; }
  .postcard .cell.h3, .postcard .metric.h3, .postcard .title.h3, .postcard .map.h3, .postcard .back.h3 {
    height: 299px; }
  .postcard .map {
    position: relative; }
    .postcard .map img {
      max-width: 100%;
      height: auto; }
    .postcard .map .location {
      z-index: 2;
      background: #333;
      color: #efefef;
      opacity: 0.6;
      font-size: 12px;
      position: absolute;
      height: 19px;
      width: 199px;
      top: 180px;
      text-align: center;
      overflow: hidden; }
  .postcard .front {
    z-index: 2; }
  .postcard .metricscells {
    overflow: hidden; }
  .postcard .metric-flipper {
    position: absolute;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.63, -0.22, 0.35, 1);
    -moz-transition-timing-function: cubic-bezier(0.63, -0.22, 0.35, 1);
    transition-timing-function: cubic-bezier(0.63, -0.22, 0.35, 1); }
  .postcard .supercell img, .postcard .cell img {
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s; }
  .postcard .flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000; }
  .postcard.clickable-images .flip-container:hover .front.cell {
    -webkit-transform: scale(1.02, 1.02);
    -moz-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02); }
  .postcard .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .postcard .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  .postcard .flipper {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative; }
  .postcard .front, .postcard .back {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s; }
  .postcard .flipper, .postcard .front, .postcard .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }
  .postcard .back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background-color: #333;
    left: 1px; }
  .postcard .title {
    background: #edefef;
    position: relative; }
    .postcard .title .inner {
      padding-top: 17px;
      padding-left: 15px;
      font-size: 18px;
      color: #ff7700;
      overflow: hidden; }
  .postcard .metric {
    background: #333; }
    .postcard .metric .inner {
      padding-top: 29px;
      padding-left: 15px;
      font-size: 20px;
      color: #efefef; }

/*# sourceMappingURL=postcard.css.map */