@charset "UTF-8";
/** Like opacify
 * (http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html#opacify-instance_method)
 * but increases the opacity to exactly 1.0.
 */
/**
 * Emit a background-color property with a opaque color fallback for
 * browsers that don't support the colors with alpha
 * (http://caniuse.com/css3-colors).
 *
 * $solidColor is optional.  If not specified, we'll generate an opaque version
 * of $color.  Rule of thumb: Only specify $solidColor when the alpha component
 * of $color is < 0.8.
 */
/**
 * Emit a background property with a linear gradient and a solid color
 * fallback for browsers that don't support gradients
 * (http://caniuse.com/css-gradients).
 */
/*
 * Use this mixin to target specific browsers
 * $wrapperClass possible values are: ielt10, safari
 *
 * example usage:
 *  width: 210px;
 *  @include browser-class(ielt10) {
 *      // overriding styles for IE follow
 *      width: 200px;
 *  }
 */
/*
 * Bourbon's "clearfix" mixin creates 3 selectors for each use.  This accounts for
 * several 100s of selectors that count against the IE limit on selectors per stylesheet.
 * So, use Compass's clearfix implementations for now.
 */
/*
 * http://compass-style.org/reference/compass/utilities/general/clearfix/#mixin-clearfix
 */
/*
 * http://compass-style.org/reference/compass/utilities/general/clearfix/#mixin-pie-clearfix
 */
/*
 * hover-mask styles the image-overlay that lightens on hover and darkens on active.
 */
/* Default is for desktop. Mobile can specify pinWidth and fontSize */
/*
 * inner-shadow-container is a mixin that allows us to apply an inset shadow
 *      easily over an image.
 *
 */
.AppealForm {
  overflow: hidden; }
  .AppealForm h1 {
    color: #333;
    color: rgba(21, 21, 21, 0.8);
    font-size: 47px;
    font-weight: bold;
    line-height: 52px;
    margin-left: auto;
    margin-right: auto;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
    margin-bottom: 52px; }
  .AppealForm .formDescription {
    color: #555;
    font-weight: 500; }
  .AppealForm .standardForm {
    margin: 0 auto; }
    .AppealForm .standardForm ul {
      background: #fff;
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
      border-radius: 6px;
      margin-bottom: 14px; }
      .AppealForm .standardForm ul li {
        overflow: hidden; }
        .AppealForm .standardForm ul li.empty {
          padding: 0; }
        .AppealForm .standardForm ul li div {
          float: left;
          margin-left: 0;
          width: 515px; }
        .AppealForm .standardForm ul li h2 {
          float: left; }
        .AppealForm .standardForm ul li h3 {
          color: #555;
          font-size: 13px;
          padding: 0;
          width: 170px; }
        .AppealForm .standardForm ul li h4 {
          float: left;
          font-size: 12px;
          font-weight: normal;
          margin-left: 20px;
          padding: 6px;
          width: 170px; }

.Button.btn.addToMap {
  color: #666;
  padding-left: 12px;
  padding-right: 12px; }
.Button.bulkEditCheckbox {
  background: none;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 101; }
  .Button.bulkEditCheckbox em {
    width: 31px;
    height: 31px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -141px -141px no-repeat;
    opacity: .9; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.bulkEditCheckbox em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -65px -138px;
        background-size: 229px 211px; } }
  .Button.bulkEditCheckbox.selected em {
    width: 31px;
    height: 31px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -108px -141px no-repeat;
    opacity: 1; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.bulkEditCheckbox.selected em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -33px -138px;
        background-size: 229px 211px; } }
  .Button.bulkEditCheckbox.btn {
    border: none;
    border-radius: 6px;
    padding: 0; }
.Button.followerCount em {
  display: none; }
.Button.followerCount .buttonText {
  line-height: 14px; }
.Button.faded {
  background-color: #dfdede;
  background: -webkit-gradient(linear, left top, left bottom, from(#e5e4e3), to(#dad9d9));
  background: -webkit-linear-gradient(#e5e4e3, #dad9d9);
  background: linear-gradient(#e5e4e3, #dad9d9);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  border-color: #b7b7b7;
  color: #999; }
  .Button.faded:hover {
    background-color: #e6e6e5;
    background: -webkit-gradient(linear, left top, left bottom, from(#ececeb), to(#e2e1e1));
    background: -webkit-linear-gradient(#ececeb, #e2e1e1);
    background: linear-gradient(#ececeb, #e2e1e1);
    border-color: #b7b7b7; }
.Button.userSelect {
  text-align: center; }
.Button.addPinHeader {
  padding: 6px 10px; }
  .Button.addPinHeader em {
    width: 14px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -486px -188px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.addPinHeader em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -401px -296px;
        background-size: 418px 405px; } }
  .Button.addPinHeader:hover em, .Button.addPinHeader.active em {
    width: 14px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -425px -206px no-repeat;
    margin-top: -2px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.addPinHeader:hover em, .Button.addPinHeader.active em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -401px -136px;
        background-size: 418px 405px; } }
.Button.toastButton, .Button.toastButton:focus {
  background-color: #0f0f0f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0f0f0f), to(#000));
  background-image: -webkit-linear-gradient(#0f0f0f, #000);
  background-image: linear-gradient(#0f0f0f, #000);
  border-color: #000;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.13) inset;
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.13) inset;
  color: #fff;
  padding: 4px 6px; }
  .Button.toastButton:hover, .Button.toastButton:focus:hover {
    background-color: ligthen(#0f0f0f, 2%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#050505));
    background-image: -webkit-linear-gradient(#141414, #050505);
    background-image: linear-gradient(#141414, #050505);
    border-color: #000;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.2) inset; }
  .Button.toastButton:active, .Button.toastButton:focus:active {
    background-color: #0a0a0a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0a0a0a), to(#000));
    background-image: -webkit-linear-gradient(#0a0a0a, #000);
    background-image: linear-gradient(#0a0a0a, #000);
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.1) inset; }
  .Button.toastButton span, .Button.toastButton:focus span {
    font-size: 13px;
    text-shadow: none; }
.Button.conversationHeadClose em {
  width: 22px;
  height: 22px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -340px -388px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.conversationHeadClose em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -377px -48px;
      background-size: 418px 405px; } }
.Button.conversationClose em {
  width: 13px;
  height: 13px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -459px -257px no-repeat;
  height: 14px;
  width: 14px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.conversationClose em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -314px -162px;
      background-size: 418px 405px; } }
.Button.createConversationTab em {
  width: 18px;
  height: 18px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -488px -110px no-repeat;
  margin-right: 5px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.createConversationTab em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -247px -370px;
      background-size: 418px 405px; } }
.Button.createConversationTab:hover em {
  width: 18px;
  height: 18px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -465px -131px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.createConversationTab:hover em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -284px -370px;
      background-size: 418px 405px; } }
.Button.createConversationTab:active em, .Button.createConversationTab.active em {
  width: 18px;
  height: 18px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -485px -131px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.createConversationTab:active em, .Button.createConversationTab.active em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -209px -370px;
      background-size: 418px 405px; } }
.Button.reportMsgButton em {
  width: 10px;
  height: 11px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -483px -302px no-repeat;
  margin-right: 10px;
  display: none; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.reportMsgButton em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -83px -393px;
      background-size: 418px 405px; } }
.Button.boardAddCollaboratorsButton {
  width: 30px;
  height: 30px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -172px 0px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.boardAddCollaboratorsButton {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -167px 0px;
      background-size: 214px 199px; } }
.Button.footerIcon {
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22); }
  .Button.footerIcon.borderless {
    background-color: #fff;
    padding: 8px; }
  .Button.footerIcon.rounded {
    border-radius: 50%; }
  .Button.footerIcon:hover {
    background-color: #f5f5f5; }
  .Button.footerIcon:active, .Button.footerIcon.active {
    background-color: #E9E9E9; }
  .Button.footerIcon.moreFooter.triggerActive {
    background-color: #24CEFD; }
.Button.addPinFooter em {
  width: 16px;
  height: 16px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -176px -170px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.addPinFooter em {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -198px -34px;
      background-size: 214px 199px; } }
.Button.addPinFooter:hover em {
  width: 16px;
  height: 16px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -122px -170px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.addPinFooter:hover em {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -198px 0px;
      background-size: 214px 199px; } }
.Button.moreFooter em {
  width: 16px;
  height: 16px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -204px -54px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.moreFooter em {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -198px -51px;
      background-size: 214px 199px; } }
.Button.moreFooter:hover em {
  width: 16px;
  height: 16px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -204px 0px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.moreFooter:hover em {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -133px -167px;
      background-size: 214px 199px; } }
.Button.moreFooter.triggerActive em {
  width: 16px;
  height: 16px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -204px -36px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.moreFooter.triggerActive em {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -198px -17px;
      background-size: 214px 199px; } }
.Button.adminFooter em {
  width: 23px;
  height: 24px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -172px -110px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.adminFooter em {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -167px -106px;
      background-size: 214px 199px; } }
.Button.adminFooter.inAdmin em {
  width: 23px;
  height: 24px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -172px -32px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.adminFooter.inAdmin em {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -167px -31px;
      background-size: 214px 199px; } }
.Button.userProfileMenu {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
  padding: 7px 8px;
  position: absolute;
  right: 15px;
  top: 15px; }
  .Button.userProfileMenu.rounded {
    border-radius: 6px; }
  .Button.userProfileMenu em {
    width: 28px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -95px -144px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.userProfileMenu em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -91px -142px;
        background-size: 214px 199px; } }
  .Button.userProfileMenu.other em {
    width: 28px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -95px -144px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.userProfileMenu.other em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -91px -142px;
        background-size: 214px 199px; } }
  .Button.userProfileMenu:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
    background: -webkit-linear-gradient(#fff, #f0f0f0);
    background: linear-gradient(#fff, #f0f0f0);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-color: #acacac;
    border-radius: 6px; }
    .Button.userProfileMenu:hover em {
      width: 28px;
      height: 17px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -65px -144px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.userProfileMenu:hover em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -62px -142px;
          background-size: 214px 199px; } }
    .Button.userProfileMenu:hover.other em {
      width: 28px;
      height: 17px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -65px -144px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.userProfileMenu:hover.other em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -62px -142px;
          background-size: 214px 199px; } }
  .Button.userProfileMenu:active, .Button.userProfileMenu.active {
    background: #e9e9e9;
    border-color: #cfcfcf;
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .Button.userProfileMenu:active em, .Button.userProfileMenu.active em {
      width: 28px;
      height: 17px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -65px -144px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.userProfileMenu:active em, .Button.userProfileMenu.active em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -62px -142px;
          background-size: 214px 199px; } }
    .Button.userProfileMenu:active.other em, .Button.userProfileMenu.active.other em {
      width: 28px;
      height: 17px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -65px -144px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.userProfileMenu:active.other em, .Button.userProfileMenu.active.other em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -62px -142px;
          background-size: 214px 199px; } }
.Button.boardSettingsButton em {
  width: 19px;
  height: 5px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -172px -136px no-repeat;
  height: 6px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.boardSettingsButton em {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -25px -161px;
      background-size: 214px 199px; } }
.Button.conversationHeadClose em {
  width: 22px;
  height: 22px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -340px -388px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.conversationHeadClose em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -377px -48px;
      background-size: 418px 405px; } }
.Button.editPinDescription em {
  width: 14px;
  height: 14px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -493px -240px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.editPinDescription em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -401px -375px;
      background-size: 418px 405px; } }
.Button.editPinDescription:hover em {
  width: 14px;
  height: 14px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -425px -257px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.editPinDescription:hover em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -401px -360px;
      background-size: 418px 405px; } }
.Button.pinCreate3Close em {
  width: 12px;
  height: 12px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -115px -189px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.pinCreate3Close em {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -198px -138px;
      background-size: 214px 199px; } }
.Button.pinCreate3Close:hover em {
  width: 12px;
  height: 12px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -101px -189px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.pinCreate3Close:hover em {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -198px -151px;
      background-size: 214px 199px; } }
.Button.addPinDropdown {
  overflow: hidden;
  border-bottom: 1px solid #d8d8d8;
  display: block;
  padding: 15px;
  text-align: left;
  width: 100%; }
  .Button.addPinDropdown:hover {
    background: #f2f2f2; }
    .Button.addPinDropdown:hover span {
      color: #444; }
  .Button.addPinDropdown:active {
    background: #f0f0f0; }
    .Button.addPinDropdown:active span {
      color: #333; }
  .Button.addPinDropdown em {
    float: left;
    margin-right: 9px; }
  .Button.addPinDropdown span {
    color: #999;
    font-size: 14px;
    position: relative;
    top: 2px; }
  .Button.addPinDropdown.addPinterestButton em {
    width: 23px;
    height: 24px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -172px -58px no-repeat;
    float: left;
    margin-top: 4px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.addPinDropdown.addPinterestButton em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -167px -56px;
        background-size: 214px 199px; } }
  .Button.addPinDropdown.cancelBrowserInstall {
    right: 24px;
    top: 26px; }
  .Button.addPinDropdown.pinUpload em {
    width: 24px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -390px -388px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.addPinDropdown.pinUpload em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -25px -370px;
        background-size: 418px 405px; } }
  .Button.addPinDropdown.pinAddURL em {
    width: 24px;
    height: 22px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -364px -388px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.addPinDropdown.pinAddURL em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: 0px -370px;
        background-size: 418px 405px; } }
  .Button.addPinDropdown.createBoard em {
    width: 19px;
    height: 19px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -474px -89px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.addPinDropdown.createBoard em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -377px -323px;
        background-size: 418px 405px; } }
  .Button.addPinDropdown.reportBug em {
    width: 22px;
    height: 19px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -450px -89px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.addPinDropdown.reportBug em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -377px -283px;
        background-size: 418px 405px; } }
  .Button.addPinDropdown:last-child {
    border-bottom: none; }
.Button.pinMarker {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .Button.pinMarker em {
    width: 23px;
    height: 30px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -269px -347px no-repeat;
    display: inline-block; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.pinMarker em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -124px -339px;
        background-size: 418px 405px; } }
  .Button.pinMarker:hover em, .Button.pinMarker:active em, .Button.pinMarker.highlighted em {
    width: 23px;
    height: 30px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') 0px -388px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.pinMarker:hover em, .Button.pinMarker:active em, .Button.pinMarker.highlighted em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -148px -339px;
        background-size: 418px 405px; } }
.Button .buttonBadge {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
  font-weight: 700;
  min-width: 8px;
  -webkit-transition: opacity 0.3s linear, margin-right 0.3s ease-out;
  transition: opacity 0.3s linear, margin-right 0.3s ease-out; }
  .Button .buttonBadge.leftBadge {
    background-color: #bd081c;
    border-radius: 50px;
    color: white;
    display: inline-block;
    height: 14px;
    margin-left: 0;
    margin-right: 5px;
    opacity: 0;
    padding: 0 3px 0 3px;
    text-align: center;
    top: -1px; }
.Button.badged .buttonBadge {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation: popBadge .5s ease-out;
  animation: popBadge .5s ease-out;
  margin-right: 0;
  opacity: 1; }
.Button.createGroup em {
  width: 20px;
  height: 17px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -444px -151px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.createGroup em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -341px -370px;
      background-size: 418px 405px; } }
.Button.createGroup.selected em {
  width: 20px;
  height: 17px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -466px -151px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.createGroup.selected em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -362px -370px;
      background-size: 418px 405px; } }
.Button.notifSettingsButton em {
  width: 17px;
  height: 18px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -495px -89px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.notifSettingsButton em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -266px -370px;
      background-size: 418px 405px; } }
.Button.createConversation {
  height: 19px;
  margin-bottom: 5px; }
  .Button.createConversation .Spinner {
    display: none; }
  .Button.createConversation.loading .Spinner {
    display: block;
    left: -9px;
    top: -4px; }
  .Button.createConversation.loading em {
    display: none; }
  .Button.createConversation em {
    width: 18px;
    height: 19px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -481px -67px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.createConversation em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -377px -303px;
        background-size: 418px 405px; } }
.Button.createGroupClose em {
  width: 13px;
  height: 13px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -459px -257px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.createGroupClose em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -314px -162px;
      background-size: 418px 405px; } }
.Button.createConversation {
  height: 19px;
  margin-bottom: 5px; }
  .Button.createConversation .Spinner {
    display: none; }
  .Button.createConversation.loading .Spinner {
    display: block;
    left: -9px;
    top: -4px; }
  .Button.createConversation.loading em {
    display: none; }
  .Button.createConversation em {
    width: 18px;
    height: 19px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -481px -67px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.createConversation em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -377px -303px;
        background-size: 418px 405px; } }
.Button.userSelectMessage {
  padding-left: 11px;
  padding-right: 11px; }
  .Button.userSelectMessage em {
    width: 14px;
    height: 13px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -425px -273px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.userSelectMessage em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -282px -162px;
        background-size: 418px 405px; } }
  .Button.userSelectMessage:hover em {
    width: 14px;
    height: 13px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -489px -257px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.userSelectMessage:hover em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -267px -162px;
        background-size: 418px 405px; } }
.Button.addPlace em {
  width: 15px;
  height: 15px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -441px -206px no-repeat;
  margin-right: 5px;
  margin-top: -6px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.addPlace em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -401px -152px;
      background-size: 418px 405px; } }
.Button.addPlace span {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  color: #999;
  font-size: 13px;
  max-width: 525px;
  position: relative; }
.Button.addAPlace, .Button.addPinToMapClose, .Button.toggleView {
  background: rgba(255, 255, 255, 0.95);
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(0, 0, 0, 0.18); }
  .Button.addAPlace:hover, .Button.addPinToMapClose:hover, .Button.toggleView:hover {
    background-color: #f1f1f0;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f1), to(#f1f1f0));
    background: -webkit-linear-gradient(#f2f2f1, #f1f1f0);
    background: linear-gradient(#f2f2f1, #f1f1f0); }
  .Button.addAPlace:active, .Button.addPinToMapClose:active, .Button.toggleView:active {
    background-color: #efefef;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#f1f1f0));
    background: -webkit-linear-gradient(#eee, #f1f1f0);
    background: linear-gradient(#eee, #f1f1f0); }
.Button.addAPlace span, .Button.addPinToMapClose span {
  color: #777;
  font-size: 13px;
  position: relative;
  top: 1px; }
.Button.addAPlace:hover span, .Button.addAPlace:active span, .Button.addPinToMapClose:hover span, .Button.addPinToMapClose:active span {
  color: #333; }
.Button.addAPlace {
  padding: 8px 14px 7px; }
  .Button.addAPlace em {
    width: 15px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -442px -67px no-repeat;
    margin-right: 4px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.addAPlace em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -377px -94px;
        background-size: 418px 405px; } }
  .Button.addAPlace:hover em {
    width: 15px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -425px -67px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.addAPlace:hover em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -377px -136px;
        background-size: 418px 405px; } }
.Button.addPinToMapClose {
  padding: 9px 11px 10px; }
  .Button.addPinToMapClose span {
    top: 0;
    margin-right: 5px; }
  .Button.addPinToMapClose em {
    margin: 0 6px 2px 4px;
    width: 11px;
    height: 11px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -444px -302px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.addPinToMapClose em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -71px -393px;
        background-size: 418px 405px; } }
.Button.toggleView {
  padding: 8px 10px; }
  .Button.toggleView em {
    width: 15px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -489px -206px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.toggleView em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -401px -344px;
        background-size: 418px 405px; } }
  .Button.toggleView:hover em {
    width: 15px;
    height: 15px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -425px -223px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.toggleView:hover em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -401px -328px;
        background-size: 418px 405px; } }
.Button.userSelectConnect {
  background: #fff;
  padding: 10px 14px;
  width: 100%; }
  .Button.userSelectConnect:hover {
    background: #e5e5e5; }
  .Button.userSelectConnect:active {
    background: #ddd; }
  .Button.userSelectConnect em {
    height: 38px;
    float: left;
    margin-right: 12px;
    width: 38px; }
  .Button.userSelectConnect span {
    float: left;
    font-size: 13px;
    font-weight: 500;
    margin-top: 11px; }
.Button.userSelectEmailConnect em {
  width: 38px;
  height: 38px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -345px -179px no-repeat;
  overflow: hidden;
  border-radius: 2px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.userSelectEmailConnect em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -147px -299px;
      background-size: 418px 405px; } }
.Button.userSelectFacebookConnect em {
  width: 40px;
  height: 40px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -345px -137px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.userSelectFacebookConnect em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -299px -177px;
      background-size: 418px 405px; } }
.Button.userSelectGmailConnect em {
  width: 38px;
  height: 38px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -345px -219px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.userSelectGmailConnect em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -264px -299px;
      background-size: 418px 405px; } }
.Button.userSelectYahooConnect em {
  width: 38px;
  height: 38px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -315px -303px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.userSelectYahooConnect em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -303px -299px;
      background-size: 418px 405px; } }
.Button.userSelectGplusConnect em {
  width: 38px;
  height: 38px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -345px -259px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.userSelectGplusConnect em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -186px -299px;
      background-size: 418px 405px; } }
.Button.categories {
  height: 30px;
  width: 36px;
  padding: 3px 0 0; }
  .Button.categories em {
    width: 16px;
    height: 16px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -459px -170px no-repeat;
    top: 2px;
    left: 9px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.categories em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -401px -85px;
        background-size: 418px 405px; } }
  .Button.categories:hover em, .Button.categories.active em, .Button.categories.primary em {
    width: 16px;
    height: 16px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -425px -188px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.categories:hover em, .Button.categories.active em, .Button.categories.primary em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -401px -68px;
        background-size: 418px 405px; } }
.Button.btn.notifs {
  background-color: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  background: -webkit-linear-gradient(#fff, #f5f5f5);
  background: linear-gradient(#fff, #f5f5f5);
  border-color: #d4d4d4;
  border-radius: 0 6px 6px 0;
  height: 34px;
  padding: 2px 0 0;
  position: relative;
  width: 42px;
  z-index: 104; }
  .Button.btn.notifs em {
    width: 22px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -148px -66px no-repeat;
    height: 22px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.btn.notifs em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -144px -64px;
        background-size: 214px 199px; } }
  .Button.btn.notifs .buttonBadge {
    top: 7px; }
  .Button.btn.notifs:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -webkit-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee);
    border-color: #c0c0c0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
    z-index: 105; }
    .Button.btn.notifs:hover em {
      width: 22px;
      height: 21px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -148px -89px no-repeat;
      height: 22px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.btn.notifs:hover em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -144px -86px;
          background-size: 214px 199px; } }
  .Button.btn.notifs:active, .Button.btn.notifs.active {
    background: #e9e9e9;
    border-color: #cfcfcf;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .Button.btn.notifs:active em, .Button.btn.notifs.active em {
      width: 22px;
      height: 21px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -148px -89px no-repeat;
      height: 22px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .Button.btn.notifs:active em, .Button.btn.notifs.active em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -144px -86px;
          background-size: 214px 199px; } }
  .Button.btn.notifs.badged .buttonBadge {
    color: #fff; }
  .Button.btn.notifs.badged em {
    width: 22px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -148px -112px no-repeat;
    height: 22px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.btn.notifs.badged em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -144px -108px;
        background-size: 214px 199px; } }
  .Button.btn.notifs.badged:hover .buttonBadge {
    visibility: visible; }
  .Button.btn.notifs.badged:hover em {
    width: 22px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -57px -120px no-repeat;
    height: 22px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.btn.notifs.badged:hover em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -56px -118px;
        background-size: 214px 199px; } }
.Button.showMoreCategories em {
  width: 7px;
  height: 6px;
  background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -96px no-repeat; }
.expand .Button.showLessCategories em {
  width: 7px;
  height: 6px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -505px -131px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .expand .Button.showLessCategories em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -393px -94px;
      background-size: 418px 405px; } }
.Button.unauthHomePageDismissButton {
  display: none; }
  .inModal .Button.unauthHomePageDismissButton {
    display: inline;
    position: absolute;
    z-index: 683;
    right: 0;
    margin: 20px;
    margin-right: 25px;
    font-weight: bold;
    border-bottom: 1px dotted #333;
    color: #333; }
    .inModal .Button.unauthHomePageDismissButton:hover {
      border-bottom: none; }
.Button.interest {
  padding: 4px 0 4px 6px; }
  .Button.interest em {
    width: 20px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -447px -45px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.interest em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -377px -220px;
        background-size: 418px 405px; } }
  .Button.interest:hover em, .Button.interest.active em {
    width: 20px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -491px -23px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.interest:hover em, .Button.interest.active em {
        background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
        background-position: -377px -115px;
        background-size: 418px 405px; } }
.Button.interestFollow.btn {
  margin: 11px 0 18px;
  padding: 8px 18px 7px; }
.Button.removePlaceButton {
  color: #999; }
  .Button.removePlaceButton:hover {
    color: #bd081c; }
.Button.page {
  font-size: 12px;
  margin-right: -1px;
  padding: 7px 0;
  width: 35px; }
  .Button.page.current {
    background-color: #6c6c6c;
    background: -webkit-gradient(linear, left top, left bottom, from(#7f7f7f), to(#5a5a5a));
    background: -webkit-linear-gradient(#7f7f7f, #5a5a5a);
    background: linear-gradient(#7f7f7f, #5a5a5a);
    border-color: #404040;
    color: #fff;
    position: relative;
    text-shadow: none;
    z-index: 1; }
  .Button.page:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px; }
  .Button.page:last-child {
    /** Last child doesn't work for ie8 and less, but
                neither is border radius. */
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }
  .Button.page.prev em, .Button.page.next em {
    margin-top: -1px; }
  .Button.page.prev em {
    width: 6px;
    height: 8px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -56px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.page.prev em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -222px -165px;
        background-size: 229px 211px; } }
  .Button.page.next em {
    width: 6px;
    height: 8px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -281px -46px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Button.page.next em {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -222px -138px;
        background-size: 229px 211px; } }
.Button.nagActionButton {
  font-size: 12px;
  position: absolute;
  right: 8px;
  top: 8px; }
.Button.appUpsellButton em {
  width: 14px;
  height: 24px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -250px -388px no-repeat;
  position: relative;
  margin-right: 14px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Button.appUpsellButton em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -361px -167px;
      background-size: 418px 405px; } }

.Modal.jumpstartModal .modalMask {
  background-color: white;
  background-size: cover;
  background-image: url('/webapp/style/app/common/images/inspired-desktop/bg_jp_jumpstart_grid.8f110f05.jpg');
  background-position: center center;
  opacity: 1;
  -webkit-transform: translatey(-330px);
  -ms-transform: translatey(-330px);
  transform: translatey(-330px); }
.Modal.jumpstartModal .modalScroller {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(56%, #ffffff), color-stop(84%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(bottom, #ffffff, #ffffff 56%, rgba(255, 255, 255, 0.5) 84%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to top, #ffffff, #ffffff 56%, rgba(255, 255, 255, 0.5) 84%, rgba(255, 255, 255, 0) 100%); }
.Modal.jumpstartModal.male .modalMask {
  background-image: url('/webapp/style/app/common/images/jumpstart/inspired_wall_male.b3f7c201.png'); }

.NavigateButton.borderless.homeUnauthTertiary, .NavigateButton.borderless.homeUnauthTertiaryHorizontal {
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.4);
  bottom: 15px;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 6px;
  max-width: 135px;
  padding: 4px 7px;
  text-align: center; }
  .NavigateButton.borderless.homeUnauthTertiary span, .NavigateButton.borderless.homeUnauthTertiaryHorizontal span {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block; }
  .NavigateButton.borderless.homeUnauthTertiary:hover, .NavigateButton.borderless.homeUnauthTertiaryHorizontal:hover {
    background: rgba(0, 0, 0, 0.6); }
.UnauthHomePage.inModal .NavigateButton.borderless.homeUnauthTertiary {
  color: #333;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 0;
  margin-bottom: 0;
  bottom: 0;
  background: transparent;
  max-width: 100%;
  display: inline; }
  .UnauthHomePage.inModal .NavigateButton.borderless.homeUnauthTertiary span {
    display: inline; }
  .UnauthHomePage.inModal .NavigateButton.borderless.homeUnauthTertiary:hover {
    text-decoration: underline; }
.NavigateButton.borderless.homeUnauthTertiaryHorizontal {
  display: inline;
  background: none; }
  .NavigateButton.borderless.homeUnauthTertiaryHorizontal a, .NavigateButton.borderless.homeUnauthTertiaryHorizontal span {
    display: inline; }
  .NavigateButton.borderless.homeUnauthTertiaryHorizontal:hover {
    background: none; }

.SearchForm {
  position: relative;
  text-align: left;
  width: 194px; }
  .SearchForm.guided {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    height: 34px;
    margin-left: 42px;
    width: auto; }
    .SearchForm.guided.buttonOnRight {
      margin-right: 46px; }
      .SearchForm.guided.buttonOnRight.tutorialHighlight {
        border-left: 1px solid #d4d4d4;
        border-right: 1px solid #d4d4d4;
        border-radius: 0;
        height: 34px !important;
        margin: 0 !important; }
  .SearchForm.fit .TypeaheadField {
    width: 100%; }
  .SearchForm.gigantic {
    width: 100%; }
    .SearchForm.gigantic .TypeaheadField {
      width: 92%; }
    .SearchForm.gigantic .submit {
      width: 30px;
      height: 30px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -393px -320px no-repeat;
      display: inline-block;
      font: 0 / 0 serif;
      text-shadow: none;
      color: transparent;
      right: 10px;
      top: 12px;
      z-index: 667; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .SearchForm.gigantic .submit {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
          background-position: -343px -230px;
          background-size: 418px 405px; } }
      .SearchForm.gigantic .submit:hover {
        width: 30px;
        height: 30px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -393px -192px no-repeat;
        display: inline-block;
        font: 0 / 0 serif;
        text-shadow: none;
        color: transparent; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .SearchForm.gigantic .submit:hover {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
            background-position: -93px -339px;
            background-size: 418px 405px; } }
  .SearchForm.gigantic.ignition {
    color: #151515;
    font-size: 21px;
    margin: 0 auto;
    width: 736px; }
    .SearchForm.gigantic.ignition .TypeaheadField {
      width: 100%; }
    .SearchForm.gigantic.ignition input {
      padding-left: 50px; }
    .SearchForm.gigantic.ignition .submit {
      width: 27px;
      height: 26px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -115px -388px no-repeat;
      display: inline-block;
      font: 0 / 0 serif;
      text-shadow: none;
      color: transparent;
      left: 12px;
      top: 15px;
      z-index: 667; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .SearchForm.gigantic.ignition .submit {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
          background-position: -333px -339px;
          background-size: 418px 405px; } }
  .SearchForm .TypeaheadField {
    float: left;
    width: 194px; }
    .SearchForm .TypeaheadField.guided {
      display: block;
      float: none;
      width: 100%; }
  .SearchForm .submit {
    width: 16px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -71px -237px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    border: none;
    background-color: transparent;
    position: absolute;
    right: 9px;
    top: 7px;
    z-index: 671; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .SearchForm .submit {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -32px -194px;
        background-size: 229px 211px; } }
    .SearchForm .submit.newSearchForm {
      display: none; }
    .SearchForm .submit:hover {
      width: 16px;
      height: 17px;
      background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -171px -237px no-repeat;
      display: inline-block;
      font: 0 / 0 serif;
      text-shadow: none;
      color: transparent; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .SearchForm .submit:hover {
          background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
          background-position: -67px -194px;
          background-size: 229px 211px; } }

.SegmentedController {
  height: 100%;
  width: 331px; }
  .SegmentedController .content {
    background: #fff;
    border-top: 1px solid #d1d1d1 !important;
    height: 402px !important;
    margin-top: 0 !important; }
  .SegmentedController .segmentedControllerButtonNetwork {
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
    background-image: -webkit-linear-gradient(#fff, #f0f0f0);
    background-image: linear-gradient(#fff, #f0f0f0);
    border-left: 1px solid #cecece;
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 5px;
    padding-top: 6px;
    width: 100%; }
    .SegmentedController .segmentedControllerButtonNetwork.activeSegment {
      background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, 0.06)));
      background-image: -webkit-linear-gradient(bottom, transparent 0%, rgba(0, 0, 0, 0.06) 100%);
      background-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.06) 100%);
      -webkit-box-shadow: none;
      box-shadow: none;
      text-shadow: none; }
      .SegmentedController .segmentedControllerButtonNetwork.activeSegment:hover {
        background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, 0.06)));
        background-image: -webkit-linear-gradient(bottom, transparent 0%, rgba(0, 0, 0, 0.06) 100%);
        background-image: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.06) 100%); }
    .SegmentedController .segmentedControllerButtonNetwork.badged .buttonBadge {
      -webkit-animation: none;
      animation: none;
      opacity: 1;
      text-shadow: none;
      -webkit-transition: none;
      transition: none; }
    .SegmentedController .segmentedControllerButtonNetwork.first {
      border-left: none !important; }
    .SegmentedController .segmentedControllerButtonNetwork.navBtn .buttonBadge {
      width: 5px;
      height: 5px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -505px -139px no-repeat;
      font-size: 0;
      margin-left: -7px !important;
      margin-right: -4px !important;
      min-width: 5px;
      padding: 0; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .SegmentedController .segmentedControllerButtonNetwork.navBtn .buttonBadge {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
          background-position: -393px -101px;
          background-size: 418px 405px; } }
    .SegmentedController .segmentedControllerButtonNetwork.navBtn .buttonText {
      margin-left: 7px; }
    .SegmentedController .segmentedControllerButtonNetwork:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.02)));
      background-image: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.02) 100%);
      background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.02) 100%); }
  .SegmentedController .titleNetworkContainer {
    border: 1px solid #cecece;
    border-radius: 6px;
    overflow: hidden;
    width: 309px; }
    .SegmentedController .titleNetworkContainer li {
      width: 103px; }
  .SegmentedController .titlesNetwork {
    padding: 10px; }
    .SegmentedController .titlesNetwork ul {
      background: #fff; }
    .SegmentedController .titlesNetwork li {
      float: left; }

.TypeaheadField {
  display: inline-block;
  position: relative; }
  .TypeaheadField.guided .tokenizedInputWrapper {
    background-color: #e9e9e9;
    border: 1px solid #d4d4d4;
    border-left: 0;
    border-radius: 0 6px 6px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
    position: relative;
    z-index: 670; }
  .TypeaheadField.guided.buttonOnRight .tokenizedInputWrapper {
    border-radius: 0;
    border-right: 0; }
  .TypeaheadField.search .field {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #faf9f7;
    border: 1px solid #ccc;
    color: #717171;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 6px 30px 6px 9px;
    position: relative;
    width: 100%;
    z-index: 670; }
    .TypeaheadField.search .field:active {
      border-color: #bcbcbc; }
    .TypeaheadField.search .field:focus {
      background-color: #fafafa;
      border-color: #aaa;
      color: #333; }
  .TypeaheadField .typeaheadCaret {
    width: 20px;
    height: 11px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -224px no-repeat;
    display: none;
    position: absolute; }
    .TypeaheadField .typeaheadCaret.visible {
      display: block; }
  .TypeaheadField.gigantic .field {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07), 0 1px 1px #eee;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07), 0 1px 1px #eee;
    font-size: 20px;
    font-weight: normal;
    padding: 15px 30px 15px 15px;
    z-index: 667; }
  .TypeaheadField.gigantic .Typeahead {
    top: auto;
    position: absolute;
    z-index: 669; }
  .TypeaheadField.userSelect {
    width: 100%; }
    .TypeaheadField.userSelect input {
      background: #fff;
      border: 1px solid #dadada;
      position: relative;
      width: 308px;
      z-index: 3; }
  .TypeaheadField.boardPickerTypeahead .field {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 6px;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #717171;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    position: relative;
    width: 100%; }
  .TypeaheadField.addPinToMapField .field {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    border: 1px solid #c6c6c5;
    font-size: 13px;
    padding: 14px; }

.App .headerBackground, .App .headerContainer {
  left: 0;
  position: fixed;
  top: 0;
  right: 0; }
.App.showingPlaceBoard .ScrollToTop {
  left: 531px;
  width: 45px; }
.App.showingPlaceBoard .footerButtonsWrapper, .App.showingPlaceBoard .footerIcon {
  display: none; }
.App .ActiveConversations {
  bottom: 50px;
  left: 10px;
  position: fixed;
  z-index: 700; }
.App .draggable-dragging {
  opacity: 0.6;
  position: absolute;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  z-index: 999999999 !important; }
.App .appContent > .Module.loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
.App .appContent > .Module.error {
  border: none;
  display: block;
  width: 300px;
  margin: 100px auto; }
.App.full .appContent {
  padding-top: 55px; }
  .App.full .appContent.hasKLPBar {
    margin-top: 44px; }
  .App.full .appContent.hasCategoriesBar {
    margin-top: 55px; }
.newUserTutorial .App .Nags, .newUserPinIntroTutorial .App .Nags {
  display: none; }
.App .footerButtonsWrapper {
  bottom: 14px;
  position: fixed;
  right: 14px;
  z-index: 680;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.Header {
  position: relative;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  z-index: 671; }
  .Header .headerBackground {
    -webkit-transform: translateZ(0);
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    height: 54px;
    position: fixed;
    z-index: 670; }
  .Header.jumpstart .headerBackground {
    border-bottom: 1px solid #d4d4d4;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .Header .TypeaheadField .Typeahead {
    margin: 0 1px;
    padding-top: 30px;
    position: relative;
    top: -30px;
    z-index: 669; }
  .Header .headerContainer {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    display: block;
    height: 29px;
    overflow: visible;
    padding: 7px 0 0;
    position: fixed;
    z-index: 680;
    padding-top: 10px; }
    .Header .headerContainer .leftHeaderContent {
      float: none;
      margin-left: 7px;
      margin-right: 243px;
      padding-right: 14px;
      width: auto; }
      .Header .headerContainer .leftHeaderContent .downloadTagline {
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        margin-top: 6px; }
        .Header .headerContainer .leftHeaderContent .downloadTagline .logoIcon {
          width: 23px;
          height: 24px;
          background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -172px -58px no-repeat;
          display: block;
          float: left;
          margin-right: 4px; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .Header .headerContainer .leftHeaderContent .downloadTagline .logoIcon {
              background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
              background-position: -167px -56px;
              background-size: 214px 199px; } }
        .Header .headerContainer .leftHeaderContent .downloadTagline .conditionalBreak {
          display: none; }
        .Header .headerContainer .leftHeaderContent .downloadTagline .downloadApp {
          color: #bd081c;
          cursor: pointer; }
        .columns-3 .Header .headerContainer .leftHeaderContent .downloadTagline, .columns-4 .Header .headerContainer .leftHeaderContent .downloadTagline {
          font-size: 14px;
          line-height: 18px;
          margin-top: 0; }
          .columns-3 .Header .headerContainer .leftHeaderContent .downloadTagline .logoIcon, .columns-4 .Header .headerContainer .leftHeaderContent .downloadTagline .logoIcon {
            display: none; }
          .columns-3 .Header .headerContainer .leftHeaderContent .downloadTagline .conditionalBreak, .columns-4 .Header .headerContainer .leftHeaderContent .downloadTagline .conditionalBreak {
            display: inline; }
    .Header .headerContainer .rightHeaderContent {
      float: right;
      margin-right: 7px;
      width: 236px; }
  .Header.alt .SearchForm {
    display: none; }
  .Header .interest, .Header .categories {
    float: left;
    margin-right: 6px; }
  .Header .UserMenu .profileName {
    padding-right: 9px; }
  .Header .rightHeaderContent .RightHeader {
    background-color: #fff;
    float: right; }
  .Header .rightHeaderContent .addPinHeader {
    float: left;
    margin-right: 7px; }
  .Header .rightHeaderContent .NotificationsConversationsButton {
    float: right; }
  .Header .rightHeaderContent .userMenuWrapper {
    overflow: hidden; }
  .Header .logo {
    left: 50%;
    margin-left: -52px;
    margin-top: 16px;
    position: absolute;
    top: -7px; }
  .Header .userDropdown .Button {
    border-radius: 0 6px 6px 0;
    border-color: #c1c1c1;
    border-left: none;
    height: 30px;
    width: 36px; }
  .Header .unauthActions {
    float: right; }
    .Header .unauthActions .LanguageMenu {
      float: left; }
    .es .Header .unauthActions .LanguageMenu .languageButton, .ms .Header .unauthActions .LanguageMenu .languageButton, .pt .Header .unauthActions .LanguageMenu .languageButton {
      font-size: 10px;
      padding-right: 20px; }
    .Header .unauthActions .LoginButton {
      float: left;
      font-size: 12px;
      margin: 1px 0 0 8px; }
      .es .Header .unauthActions .LoginButton, .ms .Header .unauthActions .LoginButton, .pt .Header .unauthActions .LoginButton {
        font-size: 10px; }
  .Header .newUserExperiment .leftHeaderContent, .Header .newUserExperiment .rightHeaderContent {
    display: none; }
  .Header .categoriesMenuContainer {
    display: none; }
  .Header.invisible {
    opacity: 0; }

.User.thumbUserInfo.small .fullname {
  color: #333;
  font-size: 13px;
  line-height: 30px;
  max-width: 150px; }

.AboutLinks {
  padding: 11px 15px; }
  .AboutLinks li {
    display: inline;
    float: left;
    padding: 0 4px; }
    .AboutLinks li:last-child a:after {
      content: ""; }
    .AboutLinks li a {
      font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
      display: inline-block;
      color: #999;
      padding: 0 !important; }
      .AboutLinks li a.smallFont, .AboutLinks li a.normalFont {
        color: #949494;
        font-weight: normal;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); }
      .AboutLinks li a.smallFont {
        font-size: 11px; }
      .AboutLinks li a.normalFont {
        font-size: 12px; }
      .AboutLinks li a:hover {
        color: #333; }
      .AboutLinks li a:after {
        content: ".";
        position: relative;
        right: -4px;
        top: -3px; }

.CategoriesMenu {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  border-radius: 6px;
  text-align: left;
  width: 496px;
  border-radius: 6px;
  height: 100%; }
  .CategoriesMenu .categoriesWrapper {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    height: auto;
    padding: 24px;
    padding-bottom: 10px;
    margin: 0; }
    .CategoriesMenu .categoriesWrapper.iPad {
      position: static; }
  .CategoriesMenu ul {
    margin: 0;
    padding: 0;
    width: 201px; }
    .ielt10 .CategoriesMenu ul {
      width: 195px; }
  .CategoriesMenu li {
    margin-bottom: 3px; }
  .CategoriesMenu .column0, .CategoriesMenu .column1 {
    padding-bottom: 6px;
    padding-top: 6px; }
  .CategoriesMenu .column0 {
    float: left;
    padding-left: 10px; }
  .CategoriesMenu .column1 {
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .CategoriesMenu .item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 6px;
    color: #838383;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 16px;
    padding: 0;
    position: relative; }
    .CategoriesMenu .item:active, .CategoriesMenu .item.selected {
      color: #000; }
    .CategoriesMenu .item.highlight span {
      color: #bd081c; }
    .CategoriesMenu .item:hover {
      background-color: #ececec;
      background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8));
      background: -webkit-linear-gradient(#f1f1f1, #e8e8e8);
      background: linear-gradient(#f1f1f1, #e8e8e8);
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.035) inset, 1px 0 0 rgba(0, 0, 0, 0.038) inset, -1px 0 0 rgba(0, 0, 0, 0.02) inset;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.035) inset, 1px 0 0 rgba(0, 0, 0, 0.038) inset, -1px 0 0 rgba(0, 0, 0, 0.02) inset; }
    .CategoriesMenu .item:hover {
      background: none;
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #cb2027; }
  .CategoriesMenu .AboutLinks {
    border-top: 1px solid #ebebeb;
    clear: both; }
    .CategoriesMenu .AboutLinks ul {
      width: 100%; }
  .CategoriesMenu.jumpstart {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
    left: 0;
    margin: auto;
    overflow: hidden;
    position: fixed;
    right: 0;
    text-align: left;
    top: 54px;
    z-index: 669;
    border-top: 1px solid #d4d4d4;
    font-weight: bold;
    height: auto;
    top: 109px;
    width: 100%; }
    .CategoriesMenu.jumpstart p {
      margin: 0; }
    .CategoriesMenu.jumpstart .heading {
      color: #a7a7a7;
      margin: 15px 0 0 7px; }
    .CategoriesMenu.jumpstart .categoriesWrapper {
      padding: 10px 0; }
      .CategoriesMenu.jumpstart .categoriesWrapper .column {
        float: left;
        margin: 0 7px;
        padding: 0;
        width: 236px; }
        .CategoriesMenu.jumpstart .categoriesWrapper .column .item {
          color: #818181;
          font-size: 12px; }
          .CategoriesMenu.jumpstart .categoriesWrapper .column .item:hover, .CategoriesMenu.jumpstart .categoriesWrapper .column .item:focus, .CategoriesMenu.jumpstart .categoriesWrapper .column .item:active {
            color: #bd081c; }
          .CategoriesMenu.jumpstart .categoriesWrapper .column .item.selected {
            color: #000; }
      .CategoriesMenu.jumpstart .categoriesWrapper .column:first-child {
        margin-left: 7px; }
      .CategoriesMenu.jumpstart .categoriesWrapper .appPromo {
        cursor: pointer;
        margin-top: 15px; }
        .CategoriesMenu.jumpstart .categoriesWrapper .appPromo .qrCode {
          border: solid 1px #a7a7a7;
          border-radius: 6px;
          height: 80px;
          padding: 10px;
          position: relative;
          width: 80px;
          float: left; }
          .CategoriesMenu.jumpstart .categoriesWrapper .appPromo .qrCode .centeredLogo {
            background: url('/webapp/style/app/common/images/jumpstart/qr_code_logo.4bdc305f.png');
            height: 26px;
            left: 37px;
            position: absolute;
            width: 26px;
            top: 37px; }
          .CategoriesMenu.jumpstart .categoriesWrapper .appPromo .qrCode:hover, .CategoriesMenu.jumpstart .categoriesWrapper .appPromo .qrCode:focus, .CategoriesMenu.jumpstart .categoriesWrapper .appPromo .qrCode:active {
            border-color: #bd081c; }
        .CategoriesMenu.jumpstart .categoriesWrapper .appPromo .text {
          color: #a7a7a7;
          float: left;
          margin-left: 10px;
          width: 124px; }
          .CategoriesMenu.jumpstart .categoriesWrapper .appPromo .text .download:hover, .CategoriesMenu.jumpstart .categoriesWrapper .appPromo .text .download:focus, .CategoriesMenu.jumpstart .categoriesWrapper .appPromo .text .download:active {
            color: #bd081c; }
        .CategoriesMenu.jumpstart .categoriesWrapper .appPromo.active .qrCode, .CategoriesMenu.jumpstart .categoriesWrapper .appPromo.active .qrCode:hover, .CategoriesMenu.jumpstart .categoriesWrapper .appPromo.active .qrCode:focus, .CategoriesMenu.jumpstart .categoriesWrapper .appPromo.active .qrCode:active {
          border-color: #bd081c; }
        .CategoriesMenu.jumpstart .categoriesWrapper .appPromo.active .download, .CategoriesMenu.jumpstart .categoriesWrapper .appPromo.active .download:hover, .CategoriesMenu.jumpstart .categoriesWrapper .appPromo.active .download:focus, .CategoriesMenu.jumpstart .categoriesWrapper .appPromo.active .download:active {
          color: #bd081c; }
    .CategoriesMenu.jumpstart .AboutLinks {
      color: #a7a7a7;
      padding: 10px 0 28px 0; }

.CategoriesPage .categoriesSep {
  text-align: center;
  border-bottom: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 0 #eee;
  box-shadow: 0 1px 0 #eee;
  margin: 50px 0 40px; }
  .CategoriesPage .categoriesSep h2 {
    background-color: #e9e9e9;
    font-size: 14px;
    color: #8D8D8D;
    width: 220px;
    margin: 0 auto -8px;
    text-shadow: 0 1px 0 #eee; }

.DomainFeedPage .feedName {
  color: #333;
  color: rgba(21, 21, 21, 0.8);
  font-size: 47px;
  font-weight: bold;
  line-height: 52px;
  margin-left: auto;
  margin-right: auto;
  max-width: 736px;
  text-align: center;
  word-wrap: break-word;
  margin-bottom: 21px;
  margin-top: 33px; }
.DomainFeedPage .pinsFrom {
  color: #999;
  font-size: 13px;
  font-weight: normal;
  padding-bottom: 7px;
  padding-top: 25px;
  text-align: center; }
.DomainFeedPage .noData {
  color: #333;
  text-align: center;
  display: none;
  margin-top: 100px; }
  .DomainFeedPage .noData p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    margin: 0 0 1em; }
  .DomainFeedPage .noData .emptyIcon {
    width: 100px;
    height: 166px;
    background: url('/webapp/style/app/common/images/empty_user_pins-1x.0a4a4c27.png') 0px 0px no-repeat;
    display: inline-block;
    margin-bottom: 16px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .DomainFeedPage .noData .emptyIcon {
        background-image: url('/webapp/style/app/common/images/empty_user_pins-2x.edd2a9dd.png');
        background-position: 0px 0px;
        background-size: 100px 166px; } }

.Interest .interestWrapper {
  cursor: pointer; }
  .Interest .interestWrapper:hover > .interestImage {
    overflow: hidden;
    opacity: 1.0; }
.Interest.large {
  height: 285px;
  width: 285px; }
.Interest.interestMenuGridItem {
  height: 90px;
  width: 90px; }

.GenericPinInfo {
  border-radius: 6px;
  overflow: hidden;
  max-width: 227px; }
  .GenericPinInfo .title {
    padding-left: 14px;
    padding-top: 14px; }
  .GenericPinInfo .description {
    color: #999;
    font-size: 13px;
    line-height: 17px;
    padding: 16px 14px; }
  .GenericPinInfo .divider {
    border-top: 1px solid #ebebeb; }
  .GenericPinInfo .action {
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: normal;
    padding: 14px; }
    .GenericPinInfo .action a, .GenericPinInfo .action strong {
      color: #333;
      font-weight: bold; }
  .GenericPinInfo .action:hover {
    background-color: #f2f2f2;
    color: #444; }
  .GenericPinInfo .hideAllPinsIcon {
    width: 26px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -196px -212px no-repeat;
    margin-right: 10px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .GenericPinInfo .hideAllPinsIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -81px -171px;
        background-size: 229px 211px; } }
  .GenericPinInfo .hidePinIcon {
    width: 21px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -69px no-repeat;
    margin-right: 15px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .GenericPinInfo .hidePinIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -59px -171px;
        background-size: 229px 211px; } }
  .GenericPinInfo .hideAllPinsIcon, .GenericPinInfo .hidePinIcon, .GenericPinInfo .learnMoreIcon {
    margin-top: -2px;
    float: left; }
  .GenericPinInfo .learnMoreIcon {
    width: 20px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -180px no-repeat;
    margin-right: 15px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .GenericPinInfo .learnMoreIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px 0px;
        background-size: 229px 211px; } }
  .GenericPinInfo .title {
    display: none; }
  .GenericPinInfo .description {
    width: 185px; }

.PinFeedbackDialog {
  color: #333;
  font-size: 14px;
  width: 558px; }
  .PinFeedbackDialog .radioOption {
    border-bottom: solid 1px #ddd;
    cursor: pointer;
    padding: 25px; }
    .PinFeedbackDialog .radioOption input {
      margin-right: 25px; }
    .PinFeedbackDialog .radioOption.selected, .PinFeedbackDialog .radioOption:hover {
      background-color: #f4f4f4; }
  .PinFeedbackDialog .learnPolicies {
    float: left;
    font-size: 12px;
    margin-top: 7px; }
    .PinFeedbackDialog .learnPolicies a {
      color: #bd081c; }

.PromotedPinInfo {
  border-radius: 6px;
  overflow: hidden;
  max-width: 227px; }
  .PromotedPinInfo .title {
    padding-left: 14px;
    padding-top: 14px; }
  .PromotedPinInfo .description {
    color: #999;
    font-size: 13px;
    line-height: 17px;
    padding: 16px 14px; }
  .PromotedPinInfo .divider {
    border-top: 1px solid #ebebeb; }
  .PromotedPinInfo .action {
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: normal;
    padding: 14px; }
    .PromotedPinInfo .action a, .PromotedPinInfo .action strong {
      color: #333;
      font-weight: bold; }
  .PromotedPinInfo .action:hover {
    background-color: #f2f2f2;
    color: #444; }
  .PromotedPinInfo .hideAllPinsIcon {
    width: 26px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -196px -212px no-repeat;
    margin-right: 10px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PromotedPinInfo .hideAllPinsIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -81px -171px;
        background-size: 229px 211px; } }
  .PromotedPinInfo .hidePinIcon {
    width: 21px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -69px no-repeat;
    margin-right: 15px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PromotedPinInfo .hidePinIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -59px -171px;
        background-size: 229px 211px; } }
  .PromotedPinInfo .hideAllPinsIcon, .PromotedPinInfo .hidePinIcon, .PromotedPinInfo .learnMoreIcon {
    margin-top: -2px;
    float: left; }
  .PromotedPinInfo .learnMoreIcon {
    width: 20px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -180px no-repeat;
    margin-right: 15px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PromotedPinInfo .learnMoreIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px 0px;
        background-size: 229px 211px; } }
  .PromotedPinInfo .title {
    display: none; }
  .PromotedPinInfo .description {
    width: 185px; }

.RelatedPinInfo {
  border-radius: 6px;
  overflow: hidden;
  max-width: 227px; }
  .RelatedPinInfo .title {
    padding-left: 14px;
    padding-top: 14px; }
  .RelatedPinInfo .description {
    color: #999;
    font-size: 13px;
    line-height: 17px;
    padding: 16px 14px; }
  .RelatedPinInfo .divider {
    border-top: 1px solid #ebebeb; }
  .RelatedPinInfo .action {
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: normal;
    padding: 14px; }
    .RelatedPinInfo .action a, .RelatedPinInfo .action strong {
      color: #333;
      font-weight: bold; }
  .RelatedPinInfo .action:hover {
    background-color: #f2f2f2;
    color: #444; }
  .RelatedPinInfo .hideAllPinsIcon {
    width: 26px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -196px -212px no-repeat;
    margin-right: 10px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .RelatedPinInfo .hideAllPinsIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -81px -171px;
        background-size: 229px 211px; } }
  .RelatedPinInfo .hidePinIcon {
    width: 21px;
    height: 21px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -69px no-repeat;
    margin-right: 15px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .RelatedPinInfo .hidePinIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -59px -171px;
        background-size: 229px 211px; } }
  .RelatedPinInfo .hideAllPinsIcon, .RelatedPinInfo .hidePinIcon, .RelatedPinInfo .learnMoreIcon {
    margin-top: -2px;
    float: left; }
  .RelatedPinInfo .learnMoreIcon {
    width: 20px;
    height: 20px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -258px -180px no-repeat;
    margin-right: 15px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .RelatedPinInfo .learnMoreIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -209px 0px;
        background-size: 229px 211px; } }
  .RelatedPinInfo .title {
    display: none; }
  .RelatedPinInfo .actionText {
    float: right;
    width: 150px; }
  .RelatedPinInfo .stopShowing {
    overflow: hidden; }
  .RelatedPinInfo .action {
    padding: 17px 14px; }

.RemovePinDialog {
  background-color: #ddd;
  border: solid 1px #d1d1d1;
  border-radius: 6px;
  color: #585858;
  font-size: 12px;
  padding: 10px;
  width: 216px;
  height: 40px; }
  .RemovePinDialog .askForFeedback {
    padding: 4px; }
    .RemovePinDialog .askForFeedback .openPinFeedback {
      cursor: pointer; }
  .RemovePinDialog .feedbackGiven {
    display: none; }
  .RemovePinDialog.submitted .askForFeedback {
    display: none; }
  .RemovePinDialog.submitted .feedbackGiven {
    padding: 4px;
    display: block; }
  .RemovePinDialog .askForFeedback {
    margin-top: 2px; }
  .RemovePinDialog .feedbackGiven {
    margin-top: 9px; }

.SearchScopeBar .navScopeBtn {
  display: inline-block; }

.CloseupAboutPinCard {
  margin-left: 12px; }
  .CloseupAboutPinCard .sectionTitle {
    color: #777;
    font-size: 18px;
    margin: 18px 0 14px 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
  .CloseupAboutPinCard .cardWrapper {
    background: white;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
    font: 11px;
    margin-bottom: 14px;
    overflow: hidden;
    position: relative; }
    .CloseupAboutPinCard .cardWrapper .closeupBottomView.Board, .CloseupAboutPinCard .cardWrapper .User.pinner.thumb {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      overflow: hidden;
      padding: 12px;
      width: 100%; }
      .CloseupAboutPinCard .cardWrapper .closeupBottomView.Board .followButtonWrapper, .CloseupAboutPinCard .cardWrapper .User.pinner.thumb .followButtonWrapper {
        float: right; }
        .CloseupAboutPinCard .cardWrapper .closeupBottomView.Board .followButtonWrapper .Button, .CloseupAboutPinCard .cardWrapper .User.pinner.thumb .followButtonWrapper .Button {
          margin-top: 10px; }
      .CloseupAboutPinCard .cardWrapper .closeupBottomView.Board .thumbImageWrapper, .CloseupAboutPinCard .cardWrapper .User.pinner.thumb .thumbImageWrapper {
        margin-right: 8px; }
    .CloseupAboutPinCard .cardWrapper .User.pinner.thumb {
      border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.UserOrdersPage .orderDataContainer {
  display: inline-block;
  vertical-align: top;
  width: 320px; }

.ActiveConversations {
  width: 59px; }
  .ActiveConversations .ConversationHead .headWrapper {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }
  .ActiveConversations .Conversation {
    margin-top: 10px; }

.Conversation {
  display: inline-block; }

.CloseupRichPinContent .richPinInformation {
  border-top: 1px solid #e3e3e3;
  padding-top: 18px; }
.CloseupRichPinContent .richPinRecipeIngredientHeading {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px; }
.CloseupRichPinContent .richPinTitleWrapper, .CloseupRichPinContent .richPinSourceWrapper, .CloseupRichPinContent .richPinMeta, .CloseupRichPinContent .richPinName, .CloseupRichPinContent .richFooter {
  padding-left: 20px;
  padding-right: 20px; }
.CloseupRichPinContent .richPinMeta.hasPlace {
  padding-top: 14px;
  text-shadow: 1px 1px white; }
  .CloseupRichPinContent .richPinMeta.hasPlace .richPinArticleSummary {
    padding-top: 0; }
.CloseupRichPinContent .richPinMeta.noPlaceMetadata {
  display: none; }
.CloseupRichPinContent .richPinAttributionTitle {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 334px;
  vertical-align: top; }
.CloseupRichPinContent .footerTitle, .CloseupRichPinContent .footerChevron {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  top: -1px; }
.CloseupRichPinContent .footerChevron {
  width: 9px;
  height: 13px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -204px -157px no-repeat;
  float: right;
  margin: 4px 0 0; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .CloseupRichPinContent .footerChevron {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -198px -84px;
      background-size: 214px 199px; } }
.CloseupRichPinContent .footerTitle {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  float: left;
  max-width: 682px; }
.CloseupRichPinContent .richPinIngredientTable {
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: 36px;
  width: 100%; }
  .CloseupRichPinContent .richPinIngredientTable:last-child {
    margin-bottom: 0; }
  .CloseupRichPinContent .richPinIngredientTable .richPinRecipeIngredientAmount {
    width: 140px; }
  .CloseupRichPinContent .richPinIngredientTable .underline {
    border-bottom: 1px solid #dfdfdf; }
    .CloseupRichPinContent .richPinIngredientTable .underline:last-child {
      border-bottom: none; }
    .CloseupRichPinContent .richPinIngredientTable .underline td {
      padding-bottom: 8px;
      padding-top: 8px; }
.CloseupRichPinContent .richPinSourceWrapper {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #333;
  font-size: 14px;
  max-width: 687px;
  padding-bottom: 14px; }
.CloseupRichPinContent .richPinTitleWrapper {
  color: #999;
  font-size: 16px;
  padding-bottom: 14px; }
  .CloseupRichPinContent .richPinTitleWrapper.onlyAttribution {
    border-radius: 0 0 6px 6px;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    padding-bottom: 14px;
    padding-top: 13px; }
.CloseupRichPinContent .richPinAttributionIcon {
  float: left;
  height: 16px;
  margin-right: 7px;
  width: 16px;
  margin-top: 2px; }
.CloseupRichPinContent .priceDrop {
  color: #bd081c;
  font-weight: 600; }
.CloseupRichPinContent .movieRating {
  border-bottom: 1px solid #d6d6d6;
  font-size: 16px;
  padding: 18px 0; }
.CloseupRichPinContent .directorActors {
  overflow: hidden; }
.CloseupRichPinContent .richPinMeta {
  overflow: hidden;
  background: #f0f0f0;
  border-top: 1px solid #d6d6d6;
  color: #777;
  font-size: 14px;
  padding-bottom: 14px; }
.CloseupRichPinContent .ratingValue {
  font-weight: bold; }
.CloseupRichPinContent .richMovieTitle {
  float: left;
  font-size: 13px;
  width: 100px; }
.CloseupRichPinContent .richPinTableColumn {
  margin-top: 18px;
  width: 347px; }
.CloseupRichPinContent .richPinTableColumnLeft {
  float: left; }
.CloseupRichPinContent .richPinTableColumnRight {
  float: right; }
.CloseupRichPinContent .richMovieValues {
  float: left;
  line-height: 19px;
  margin: 0;
  width: 236px; }
.CloseupRichPinContent .richPinName {
  color: #333;
  font-size: 21px;
  margin-bottom: 10px; }
.CloseupRichPinContent .richFooter {
  overflow: hidden;
  border-top: 1px solid #d6d6d6;
  display: block;
  padding-bottom: 14px;
  padding-top: 14px; }
  .CloseupRichPinContent .richFooter:hover {
    background: #f0f0f0; }
  .CloseupRichPinContent .richFooter:active {
    background: #e9e9e9; }
.CloseupRichPinContent .richPinSourceFavicon {
  float: left;
  height: 16px;
  margin-right: 7px;
  width: 16px;
  border-radius: 2px; }
.CloseupRichPinContent .richPinArticleSummary {
  color: #777;
  line-height: 22px;
  padding-top: 14px;
  padding-right: 30px; }

.AnimationPlaces {
  overflow: hidden;
  position: absolute;
  width: 100%; }
  .AnimationPlaces .parallaxContainer {
    height: 240px;
    overflow: hidden; }
  .AnimationPlaces .animationLayer {
    -webkit-animation: heroParallax 360s ease-out 0s infinite alternate;
    animation: heroParallax 360s ease-out 0s infinite alternate;
    position: absolute;
    top: 0;
    left: 0;
    width: 7838px;
    height: 100%;
    background-position: top left;
    background-repeat: repeat-x;
    pointer-events: none; }
  .AnimationPlaces .layer7 {
    background-image: url('/webapp/style/app/common/images/hero_places_layer_7.2682c08f.jpg');
    width: 5000px; }
  .AnimationPlaces .layer6 {
    background-image: url('/webapp/style/app/common/images/hero_places_layer_6.0de128a2.png');
    width: 8000px; }
  .AnimationPlaces .layer5 {
    background-image: url('/webapp/style/app/common/images/hero_places_layer_5.dbb5e1c7.png');
    width: 10000px; }
  .AnimationPlaces .layer3 {
    background-image: url('/webapp/style/app/common/images/hero_places_layer_3.6bb4d8b5.png');
    width: 12000px; }
  .AnimationPlaces .layer2 {
    -webkit-animation: none;
    animation: none;
    background-image: url('/webapp/style/app/common/images/hero_places_layer_2.c2dd60e0.png'); }
  .AnimationPlaces .layer1 {
    background-image: url('/webapp/style/app/common/images/hero_places_layer_1.ae3b5b2b.png');
    width: 18000px; }
  .AnimationPlaces .balloonLayer {
    -webkit-animation: heroBalloon 4s ease-in-out 0s infinite alternate;
    animation: heroBalloon 4s ease-in-out 0s infinite alternate;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    position: relative;
    top: 32px;
    left: 50%;
    width: 56px;
    height: 72px;
    margin-left: -400px; }
    .AnimationPlaces .balloonLayer > div {
      position: absolute;
      top: 0;
      left: 0;
      width: inherit;
      height: inherit; }
    .AnimationPlaces .balloonLayer:hover {
      top: 5px; }
  .AnimationPlaces .balloon {
    background-image: url('/webapp/style/app/common/images/hero_places_layer_4a.1fb3083c.png'); }
  .AnimationPlaces .balloonActive {
    background-image: url('/webapp/style/app/common/images/hero_places_layer_4b.6785ae15.png'); }

.OAuthPage {
  width: 670px; }
  .OAuthPage .header {
    background-color: #fff;
    height: 34px;
    padding: 10px; }
    .OAuthPage .header .pinterestLogo {
      width: 104px;
      height: 26px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -144px -388px no-repeat;
      display: block;
      float: left;
      margin-left: 20px;
      margin-top: 8px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .OAuthPage .header .pinterestLogo {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
          background-position: -201px -339px;
          background-size: 418px 405px; } }
    .OAuthPage .header .joinButton {
      float: right;
      margin-right: 20px; }
  .OAuthPage h2 {
    padding: 20px 20px 10px 20px; }
  .OAuthPage .mainContent {
    height: 300px;
    margin: 0 20px;
    position: relative;
    width: 630px; }
    .OAuthPage .mainContent .authUserInfo {
      text-align: center; }
      .OAuthPage .mainContent .authUserInfo img {
        margin: 20px 102.5px 10px; }
    .OAuthPage .mainContent .userInfo {
      border-right: 1px solid #ccc;
      float: left;
      height: 260px;
      width: 345px; }
      .OAuthPage .mainContent .userInfo .standardForm {
        margin: 0;
        width: 345px; }
      .OAuthPage .mainContent .userInfo .loginError {
        margin: 0 0 0 20px; }
      .OAuthPage .mainContent .userInfo .authorize {
        border-bottom-left-radius: 6px;
        border-right: 1px solid #ccc;
        bottom: 0;
        height: 30px;
        padding: 20px;
        position: absolute;
        text-align: left;
        width: 305px; }
        .OAuthPage .mainContent .userInfo .authorize span {
          float: left; }
        .OAuthPage .mainContent .userInfo .authorize .authorizeApp {
          float: right; }
    .OAuthPage .mainContent .consumerScopes {
      float: right;
      height: 290px;
      width: 284px; }
      .OAuthPage .mainContent .consumerScopes .consumerScopesWrapper {
        margin: 20px; }
        .OAuthPage .mainContent .consumerScopes .consumerScopesWrapper .scopeHeading, .OAuthPage .mainContent .consumerScopes .consumerScopesWrapper .facebookScopes {
          margin-top: 10px; }
        .OAuthPage .mainContent .consumerScopes .consumerScopesWrapper li {
          margin-bottom: 10px; }
        .OAuthPage .mainContent .consumerScopes .consumerScopesWrapper .websiteInfo {
          height: 14px;
          width: 14px; }

.MobileLandingPage {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .MobileLandingPage .topBackground {
    height: 450px; }
    .MobileLandingPage .topBackground .topContainer {
      margin: 0 auto;
      padding: 95px 0 40px;
      position: relative;
      width: 950px; }
      .MobileLandingPage .topBackground .topContainer .title {
        line-height: 65px;
        margin-top: 10px;
        font-size: 60px;
        width: 450px; }
      .MobileLandingPage .topBackground .topContainer .subtitle {
        margin-top: 33px;
        font-size: 18px; }
      .MobileLandingPage .topBackground .topContainer .buttons {
        margin-top: 17px; }
        .MobileLandingPage .topBackground .topContainer .buttons .appStoreButton {
          margin-right: 15px; }
      .MobileLandingPage .topBackground .topContainer .shortUrlText {
        font-size: 14px;
        margin: 15px 0 40px; }
        .MobileLandingPage .topBackground .topContainer .shortUrlText a {
          color: #fff;
          text-decoration: underline; }
      .MobileLandingPage .topBackground .topContainer .topImage {
        position: absolute;
        top: 35px; }
        .MobileLandingPage .topBackground .topContainer .topImage.iOS {
          width: 382px;
          height: 468px;
          background: url('/webapp/style/app/common/images/mobile_landing_page/ios-1x.a0fd9cbf.png') 0px 0px no-repeat;
          left: 520px; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .MobileLandingPage .topBackground .topContainer .topImage.iOS {
              background-image: url('/webapp/style/app/common/images/mobile_landing_page/ios-2x.6e1a04ea.png');
              background-position: 0px 0px;
              background-size: 382px 468px; } }
        .MobileLandingPage .topBackground .topContainer .topImage.android {
          width: 306px;
          height: 469px;
          background: url('/webapp/style/app/common/images/mobile_landing_page/android-1x.ece8e0e7.png') 0px 0px no-repeat;
          left: 550px; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .MobileLandingPage .topBackground .topContainer .topImage.android {
              background-image: url('/webapp/style/app/common/images/mobile_landing_page/android-2x.eed2b47e.png');
              background-position: 0px 0px;
              background-size: 306px 469px; } }
        .MobileLandingPage .topBackground .topContainer .topImage.multi {
          width: 423px;
          height: 464px;
          background: url('/webapp/style/app/common/images/mobile_landing_page/multi-1x.2fee4c25.png') 0px 0px no-repeat;
          left: 500px; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .MobileLandingPage .topBackground .topContainer .topImage.multi {
              background-image: url('/webapp/style/app/common/images/mobile_landing_page/multi-2x.f03b7f17.png');
              background-position: 0px 0px;
              background-size: 423px 464px; } }
  .MobileLandingPage .bottom {
    margin: 0 auto;
    padding-top: 50px;
    overflow: hidden;
    width: 950px; }
    .MobileLandingPage .bottom .textSection {
      float: left;
      height: 100px;
      width: 475px; }
      .MobileLandingPage .bottom .textSection .sectionContent {
        width: 360px; }
  .MobileLandingPage .bottomNav {
    background-color: #fff;
    line-height: 50px;
    margin: 20px auto 0;
    width: 950px; }
    .MobileLandingPage .bottomNav .bottomLink {
      display: inline-block;
      margin-right: 40px; }
    .MobileLandingPage .bottomNav .bottomLink:first-child {
      margin-right: 330px; }

.ContactsList li {
  border-top: 1px solid #eaeaea;
  cursor: pointer;
  padding: 10px; }
  .ContactsList li:first-of-type {
    border-top: none; }
.ContactsList .userContact .imageBlockContentBody {
  color: #999; }
.ContactsList .socialConnect-facebook .imageBlockContentTitle, .ContactsList .socialConnect-twitter .imageBlockContentTitle, .ContactsList .socialConnect-gplus .imageBlockContentTitle, .ContactsList .socialConnect-yahoo .imageBlockContentTitle {
  line-height: 32px; }
.ContactsList .socialConnect-facebook .imageBlockContentBody, .ContactsList .socialConnect-twitter .imageBlockContentBody, .ContactsList .socialConnect-gplus .imageBlockContentBody, .ContactsList .socialConnect-yahoo .imageBlockContentBody {
  display: none; }
.ContactsList .socialConnect-facebook .left em, .ContactsList .socialConnect-twitter .left em, .ContactsList .socialConnect-gplus .left em, .ContactsList .socialConnect-yahoo .left em {
  display: block; }
.ContactsList .socialConnect-facebook em {
  width: 32px;
  height: 32px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -216px -347px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .ContactsList .socialConnect-facebook em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -343px -134px;
      background-size: 418px 405px; } }
.ContactsList .socialConnect-gplus em {
  width: 33px;
  height: 33px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -355px -303px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .ContactsList .socialConnect-gplus em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -343px -34px;
      background-size: 418px 405px; } }
.ContactsList .socialConnect-twitter em {
  width: 32px;
  height: 32px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -148px -347px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .ContactsList .socialConnect-twitter em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -343px -68px;
      background-size: 418px 405px; } }
.ContactsList .socialConnect-yahoo em {
  width: 32px;
  height: 32px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -182px -347px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .ContactsList .socialConnect-yahoo em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -343px -101px;
      background-size: 418px 405px; } }

.FriendCenter {
  margin: 0 auto;
  width: 1097px; }
  .FriendCenter .left {
    float: left;
    width: 625px; }
  .FriendCenter .right {
    float: right;
    width: 450px; }
  .FriendCenter.pinvitational .left {
    float: none;
    margin: 0 auto; }
  .FriendCenter.pinvitational .right {
    display: none; }

.InviteModal .avatar {
  padding-top: 30px; }
.InviteModal .text {
  font-size: 30px;
  margin: 20px 30px; }

.Login .formFooter a {
  display: inline-block;
  margin-bottom: 11px; }
  .Login .formFooter a.alreadyAPinner {
    margin-top: 0; }
.Login .loginUsername {
  padding-bottom: 5px; }
.Login .pinterestLogo {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px 0;
  text-align: center; }
  .Login .pinterestLogo h1 {
    width: 169px;
    height: 42px;
    background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') 0px -303px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent; }
.Login.register .formFooter {
  text-align: center; }
.Login .businessHint {
  padding-left: 40px; }
.Login .standardForm {
  max-width: auto; }
.Login .unAuthemailSignup {
  width: 100%; }

.PinPicksDetail .featuredPinnerText {
  max-width: 472px; }
.PinPicksDetail .featuredPinnerBoard {
  float: left;
  margin-top: -40px;
  margin-right: 30px; }
.PinPicksDetail .featuredPinnerContainer {
  margin: auto;
  width: 944px; }
  .PinPicksDetail .featuredPinnerContainer:after {
    content: "";
    display: table;
    clear: both; }
.PinPicksDetail .featuredPinnerText {
  overflow: hidden; }

.PinvitationalRedemptionFlow .whiteGradient {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(56%, #ffffff), color-stop(84%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(bottom, #ffffff, #ffffff 56%, rgba(255, 255, 255, 0.5) 84%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to top, #ffffff, #ffffff 56%, rgba(255, 255, 255, 0.5) 84%, rgba(255, 255, 255, 0) 100%);
  position: absolute; }
.PinvitationalRedemptionFlow .redeemContentWrapper {
  width: 700px; }
  .PinvitationalRedemptionFlow .redeemContentWrapper .logo {
    width: 144px;
    height: 144px;
    background: url('/webapp/style/app/common/images/pinvitational/big-logo-web-1x.2db7f6c7.png') 0px 0px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    bottom: 56%;
    -webkit-transform: translate(-72px, -10px);
    -ms-transform: translate(-72px, -10px);
    transform: translate(-72px, -10px); }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PinvitationalRedemptionFlow .redeemContentWrapper .logo {
        background-image: url('/webapp/style/app/common/images/pinvitational/big-logo-web-2x.43fb8764.png');
        background-position: 0px 0px;
        background-size: 144px 144px; } }
  .PinvitationalRedemptionFlow .redeemContentWrapper .signupStep {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 44%;
    width: 700px; }
    .PinvitationalRedemptionFlow .redeemContentWrapper .signupStep .SignupForm {
      margin-top: 15px; }
    .PinvitationalRedemptionFlow .redeemContentWrapper .signupStep .mainTitle {
      font-size: 44px;
      font-weight: bold; }
    .PinvitationalRedemptionFlow .redeemContentWrapper .signupStep .outerTermsOfServiceFooter {
      color: #A2A2A2;
      margin-top: 5px;
      text-shadow: none; }
  .PinvitationalRedemptionFlow .redeemContentWrapper .loginLineBottom {
    background-color: #FFF;
    bottom: 50px;
    color: #444;
    position: absolute;
    text-align: center;
    width: 700px; }
    .PinvitationalRedemptionFlow .redeemContentWrapper .loginLineBottom .splitSeparator:before, .PinvitationalRedemptionFlow .redeemContentWrapper .loginLineBottom .splitSeparator:after {
      background: rgba(0, 0, 0, 0.2);
      content: "";
      display: inline-block;
      height: 1px;
      position: relative;
      vertical-align: middle;
      width: 47px; }
    .PinvitationalRedemptionFlow .redeemContentWrapper .loginLineBottom .splitSeparator:before {
      margin-right: 10px; }
    .PinvitationalRedemptionFlow .redeemContentWrapper .loginLineBottom .splitSeparator:after {
      margin-left: 10px; }
    .PinvitationalRedemptionFlow .redeemContentWrapper .loginLineBottom .separator {
      display: none; }
.PinvitationalRedemptionFlow .interestsWrapper {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .PinvitationalRedemptionFlow .interestsWrapper span, .PinvitationalRedemptionFlow .interestsWrapper a {
    color: #A2A2A2 !important; }
  .PinvitationalRedemptionFlow .interestsWrapper .gradient {
    display: none; }

.PinvitationalRequestFlow .whiteGradient {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(56%, #ffffff), color-stop(84%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(bottom, #ffffff, #ffffff 56%, rgba(255, 255, 255, 0.5) 84%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to top, #ffffff, #ffffff 56%, rgba(255, 255, 255, 0.5) 84%, rgba(255, 255, 255, 0) 100%);
  position: absolute; }
.PinvitationalRequestFlow .waitlistContentWrapper {
  width: 700px; }
  .PinvitationalRequestFlow .waitlistContentWrapper .logo {
    width: 144px;
    height: 144px;
    background: url('/webapp/style/app/common/images/pinvitational/big-logo-web-1x.2db7f6c7.png') 0px 0px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    bottom: 56%;
    -webkit-transform: translate(-72px, -10px);
    -ms-transform: translate(-72px, -10px);
    transform: translate(-72px, -10px); }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .PinvitationalRequestFlow .waitlistContentWrapper .logo {
        background-image: url('/webapp/style/app/common/images/pinvitational/big-logo-web-2x.43fb8764.png');
        background-position: 0px 0px;
        background-size: 144px 144px; } }
  .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .emailInputGroup {
    margin: 25px auto 0;
    width: 260px; }
    .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .emailInputGroup input {
      -webkit-box-shadow: none;
      box-shadow: none;
      height: 33px;
      padding-right: 6px;
      width: 260px; }
    .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .emailInputGroup input[placeholder] {
      padding-right: 12px; }
  .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .submitEmailButton {
    height: 33px;
    margin-top: 5px;
    padding: 0 6px 2px 0;
    width: 260px; }
  .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .helpCenter {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 15px; }
    .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .helpCenter a {
      color: #A2A2A2;
      font-size: 12px; }
  .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .loginLine {
    display: none; }
  .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .errorTooltip {
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.38), 0 1px 3px rgba(0, 0, 0, 0.32);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.38), 0 1px 3px rgba(0, 0, 0, 0.32);
    color: #000;
    display: none;
    font-weight: normal;
    left: 495px;
    top: 110px;
    line-height: 150%;
    padding: 8px 14px;
    position: absolute;
    text-align: left;
    width: 215px; }
  .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .errorTooltip:before, .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .errorTooltip:after {
    border-style: solid;
    content: '';
    display: block;
    right: 100%;
    margin-top: -8px;
    position: absolute;
    top: 17px;
    width: 0; }
  .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .errorTooltip:before {
    border-color: transparent rgba(0, 0, 0, 0.48);
    border-width: 8px 10px 8px 0;
    z-index: 0; }
  .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .errorTooltip:after {
    border-color: transparent #fff;
    border-width: 8px 10px 8px 0;
    margin-right: -1px;
    z-index: 1; }
  .PinvitationalRequestFlow .waitlistContentWrapper .confirmStep .subtitle {
    margin-top: 6px; }
  .PinvitationalRequestFlow .waitlistContentWrapper .requestStep, .PinvitationalRequestFlow .waitlistContentWrapper .confirmStep {
    top: 44%;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    width: 700px; }
    .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .subtitle, .PinvitationalRequestFlow .waitlistContentWrapper .confirmStep .subtitle {
      font-size: 26px; }
    .PinvitationalRequestFlow .waitlistContentWrapper .requestStep .title, .PinvitationalRequestFlow .waitlistContentWrapper .confirmStep .title {
      font-size: 44px; }
  .PinvitationalRequestFlow .waitlistContentWrapper .loginLineBottom {
    background-color: #FFF;
    bottom: 50px;
    color: #444;
    position: absolute;
    text-align: center;
    width: 700px; }
    .PinvitationalRequestFlow .waitlistContentWrapper .loginLineBottom .splitSeparator:before, .PinvitationalRequestFlow .waitlistContentWrapper .loginLineBottom .splitSeparator:after {
      background: rgba(0, 0, 0, 0.2);
      content: "";
      display: inline-block;
      height: 1px;
      position: relative;
      vertical-align: middle;
      width: 47px; }
    .PinvitationalRequestFlow .waitlistContentWrapper .loginLineBottom .splitSeparator:before {
      margin-right: 10px; }
    .PinvitationalRequestFlow .waitlistContentWrapper .loginLineBottom .splitSeparator:after {
      margin-left: 10px; }
    .PinvitationalRequestFlow .waitlistContentWrapper .loginLineBottom .separator {
      display: none; }
.PinvitationalRequestFlow .interestsWrapper {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .PinvitationalRequestFlow .interestsWrapper span, .PinvitationalRequestFlow .interestsWrapper a {
    color: #A2A2A2 !important; }
  .PinvitationalRequestFlow .interestsWrapper .gradient {
    display: none; }

.UnauthBanner {
  font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
  font-weight: bold;
  height: auto;
  left: 0;
  padding: 45px 0 15px; }
  .columns-3 .showingCloseup .UnauthBanner .centeredWithinWrapper.gridWidth {
    width: 750px; }
  .showingCloseup .UnauthBanner .centeredWithinWrapper.gridWidth {
    width: 1000px; }
  .showingPlaceBoard .UnauthBanner .centeredWithinWrapper.gridWidth {
    padding: 0 14px;
    width: auto; }
  .UnauthBanner .centeredWithinWrapper.gridWidth {
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: center; }
    .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons {
      margin: 0 auto; }
      .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .caption {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: none;
        margin-top: -5px;
        width: auto; }
        .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .caption .title {
          font-size: 35px;
          line-height: 35px; }
        .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .caption .subtitle {
          font-size: 16px;
          line-height: 24px;
          margin: 5px auto 0;
          width: 500px; }
      .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .registerButtons {
        float: none;
        margin: 0 auto;
        padding-top: 12px;
        width: 236px; }
        .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .registerButtons .unauthNagButton {
          -webkit-box-shadow: none;
          box-shadow: none;
          display: block;
          margin: 10px auto 0;
          width: 100%; }
        .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .registerButtons .bannerOpenInApp {
          height: 32px;
          padding: 0;
          width: 236px; }
        .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .registerButtons .pinvLogin {
          margin: 20px auto 0; }
        .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .registerButtons .Login.compact .socialLogin .btn {
          border-radius: 6px;
          border-width: 1px;
          -webkit-box-shadow: none;
          box-shadow: none;
          font-size: 12px;
          width: 236px; }
          .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .registerButtons .Login.compact .socialLogin .btn span {
            font-size: 12px; }
          .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .registerButtons .Login.compact .socialLogin .btn.intButton.unAuthFacebookConnect, .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .registerButtons .Login.compact .socialLogin .btn.intButton.unAuthRakutenConnect {
            margin-right: 8px;
            width: 114px; }
        .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .registerButtons .Login.compact .formFooter {
          margin-top: 5px; }
          .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .registerButtons .Login.compact .formFooter .compactViewLogin {
            color: #fff;
            text-align: center;
            text-shadow: none;
            font-size: 12px;
            font-weight: normal; }
            .UnauthBanner .centeredWithinWrapper.gridWidth .textAndButtons .registerButtons .Login.compact .formFooter .compactViewLogin a {
              color: #fff;
              text-shadow: none; }

.UnauthHomePage {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  min-width: 750px;
  padding-bottom: 10px;
  position: fixed;
  z-index: 681; }
  .UnauthHomePage .homeUnauthNumbers {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    top: 450px;
    width: 100%;
    z-index: -1; }
    .UnauthHomePage .homeUnauthNumbers .left, .UnauthHomePage .homeUnauthNumbers .right {
      display: inline-block;
      float: none;
      text-align: center; }
    .UnauthHomePage .homeUnauthNumbers .left {
      border-right: 2px solid #fff;
      padding-left: 15px;
      padding-right: 20px; }
      .UnauthHomePage .homeUnauthNumbers .left .numbersWrapper {
        text-align: right; }
    .UnauthHomePage .homeUnauthNumbers .right {
      padding-left: 20px;
      padding-right: 15px; }
      .UnauthHomePage .homeUnauthNumbers .right .numbersWrapper {
        text-align: left; }
    .UnauthHomePage .homeUnauthNumbers .numbersTitle {
      font-family: Helvetica;
      font-size: 35px;
      font-weight: bold;
      display: inline-block; }
    .UnauthHomePage .homeUnauthNumbers .numbersSubtitle {
      display: inline-block;
      font-size: 12px;
      font-weight: bold;
      line-height: 120%;
      padding-left: 4px;
      padding-top: 3px;
      text-align: left; }
  .UnauthHomePage .inspiredLogo {
    width: 55px;
    height: 55px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') 0px -87px no-repeat;
    border-radius: 100%;
    height: 56px;
    margin: -30px auto;
    width: 56px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .UnauthHomePage .inspiredLogo {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: 0px -86px;
        background-size: 214px 199px; } }
  .UnauthHomePage .hidden {
    display: none; }
  .UnauthHomePage .homeSignupForm {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out; }
    .UnauthHomePage .homeSignupForm.login {
      -webkit-transform: translateY(-85px);
      -ms-transform: translateY(-85px);
      transform: translateY(-85px); }
  .UnauthHomePage .inspiredWallLogin {
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out; }
  .UnauthHomePage .invisible {
    opacity: 0;
    pointer-events: none; }
  .UnauthHomePage .fbText {
    left: 0;
    position: absolute;
    right: 0;
    top: 210px; }
    .UnauthHomePage .fbText .lockIcon {
      width: 8px;
      height: 10px;
      background: url('/webapp/style/app/common/images/lock_small-1x.a941374a.png') 0px 0px no-repeat;
      display: inline-block;
      margin-right: 5px; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .UnauthHomePage .fbText .lockIcon {
          background-image: url('/webapp/style/app/common/images/lock_small-2x.f55c10cc.png');
          background-position: 0px 0px;
          background-size: 8px 10px; } }
  .UnauthHomePage .spacer {
    height: 20px; }
  .UnauthHomePage .inspiredSearchBackgroundContainer {
    background-color: #e6e8e3;
    height: 100%;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 1s;
    transition: all 1s;
    visibility: hidden;
    width: 100%;
    z-index: 0; }
    .UnauthHomePage .inspiredSearchBackgroundContainer .background {
      padding-bottom: 300px; }
    .UnauthHomePage .inspiredSearchBackgroundContainer.active {
      opacity: 1;
      visibility: visible; }
    .UnauthHomePage .inspiredSearchBackgroundContainer.animate_background .background {
      -webkit-animation: scrollBgGridLinks 35s linear;
      animation: scrollBgGridLinks 35s linear;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
    .UnauthHomePage .inspiredSearchBackgroundContainer.lightWall .background {
      background-position: center center; }
  .UnauthHomePage .inspiredSearchAboutTermsWrapper {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: scrollFooterWithBgGrid 35s linear;
    animation: scrollFooterWithBgGrid 35s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%; }
  .UnauthHomePage .inspiredSearchDialog {
    min-height: 375px; }
    .UnauthHomePage .inspiredSearchDialog.rakutenLanding {
      padding-top: 80px; }
    .UnauthHomePage .inspiredSearchDialog .step2 .gender {
      color: #fff !important; }
    .UnauthHomePage .inspiredSearchDialog .step2 .personalizeField {
      color: #fff !important; }
    .UnauthHomePage .inspiredSearchDialog .step2 .learnMore {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #fff !important; }
  .UnauthHomePage .inspiredSearchContentWrapper {
    background-color: #B6ABA9;
    background-size: cover;
    border-radius: 6px;
    -webkit-box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.3);
    top: 58%;
    left: 50%;
    max-height: 420px;
    min-height: 420px;
    margin-left: -358px;
    margin-top: -292px;
    padding-bottom: 10px;
    position: absolute;
    width: 716px;
    z-index: 1; }
    .UnauthHomePage .inspiredSearchContentWrapper .outerTermsOfServiceFooter {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: rgba(255, 255, 255, 0.9);
      display: block;
      font-size: 11px;
      line-height: 150%;
      margin: 10px auto;
      text-align: center;
      text-shadow: 0 1px rgba(0, 0, 0, 0.18);
      width: 272px; }
  .UnauthHomePage .inspiredSearchPinCaption {
    font-family: 'Helvetica Neue', 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    margin-top: 55px;
    text-align: center;
    width: auto; }
    .UnauthHomePage .inspiredSearchPinCaption .title {
      font-size: 27px;
      font-weight: bold;
      letter-spacing: -1px;
      margin-top: 50px;
      text-shadow: 0 2px 6px rgba(0, 0, 0, 0.58); }
    .UnauthHomePage .inspiredSearchPinCaption .subtitle {
      font-size: 16px;
      font-weight: 500;
      text-shadow: 0 2px 6px rgba(0, 0, 0, 0.58); }
  .UnauthHomePage .inspiredSearchRegistrationContainer {
    margin-top: 30px;
    text-align: center;
    width: auto; }
  .UnauthHomePage .emailLogin {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fcfcfc;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
    background: -webkit-linear-gradient(#fff, #fafafa);
    background: linear-gradient(#fff, #fafafa);
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.48), 0 1px 3px rgba(0, 0, 0, 0.18);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.48), 0 1px 3px rgba(0, 0, 0, 0.18);
    color: #5f5f5f;
    font-size: 13px;
    padding: 9px 15px;
    position: absolute;
    right: 11px;
    top: 11px; }
  .UnauthHomePage .emailLogin:hover {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.48), 0 1px 3px rgba(0, 0, 0, 0.18);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.48), 0 1px 3px rgba(0, 0, 0, 0.18); }
  .UnauthHomePage .termOfServiceWrapper {
    color: rgba(255, 255, 255, 0.9);
    line-height: 150%;
    margin: 10px auto;
    min-height: 40px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, 0.18);
    width: 272px; }
    .UnauthHomePage .termOfServiceWrapper .signupFooter {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block;
      position: absolute;
      -webkit-transition: opacity .2s linear;
      transition: opacity .2s linear; }
      .UnauthHomePage .termOfServiceWrapper .signupFooter a {
        color: rgba(255, 255, 255, 0.9);
        font-weight: bold; }
  .UnauthHomePage .pinitLanding {
    min-height: 445px; }
  .UnauthHomePage .register .outerTermsOfServiceFooter {
    color: #bbb; }
    .UnauthHomePage .register .outerTermsOfServiceFooter a {
      color: #bbb;
      font-weight: bold; }
  .UnauthHomePage.lite .inspiredSearchDialog .step2 .gender {
    color: #000 !important; }
  .UnauthHomePage.lite .inspiredSearchContentWrapper {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .UnauthHomePage.lite .inspiredSearchPinCaption {
    color: #000;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2); }
    .UnauthHomePage.lite .inspiredSearchPinCaption .title {
      text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2); }
    .UnauthHomePage.lite .inspiredSearchPinCaption .subtitle {
      text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2); }
  .UnauthHomePage .interestsWrapper {
    -webkit-animation: scrollFooterWithBgGrid 35s linear;
    animation: scrollFooterWithBgGrid 35s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background-color: white;
    bottom: -30px;
    height: 30px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%; }
    .UnauthHomePage .interestsWrapper .gradient {
      background-color: #cccccc;
      background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#fff));
      background: -webkit-linear-gradient(#999, #fff);
      background: linear-gradient(#999, #fff);
      height: 8px; }
    .UnauthHomePage .interestsWrapper span, .UnauthHomePage .interestsWrapper a {
      font-size: 10px;
      font-weight: bold;
      padding: 0 3px;
      position: relative; }
    .UnauthHomePage .interestsWrapper span {
      color: #999; }
    .UnauthHomePage .interestsWrapper a {
      color: #333; }
  .UnauthHomePage.pinitPopup .inspiredSearchBackgroundContainer.animate_background .background {
    -webkit-animation-name: scrollBgGrid !important;
    animation-name: scrollBgGrid !important; }
  .UnauthHomePage.pinitPopup .inspiredSearchAboutTermsWrapper, .UnauthHomePage.pinitPopup .interestsWrapper {
    display: none; }
  .UnauthHomePage.register .inspiredSearchContentWrapper {
    background-color: #fff;
    margin: -280px 0 0 -300px;
    min-height: 410px;
    width: 600px; }
  .UnauthHomePage.register .inspiredSearchPinCaption {
    margin: 5px 0 -5px; }
    .UnauthHomePage.register .inspiredSearchPinCaption .title {
      font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
      font-weight: bold;
      font-size: 28px; }
    .UnauthHomePage.register .inspiredSearchPinCaption .fbText {
      top: 200px; }
  .UnauthHomePage.register .inspiredSearchContentWrapper .homeUnauthNumbers {
    color: #999; }
    .UnauthHomePage.register .inspiredSearchContentWrapper .homeUnauthNumbers .left {
      border-color: #999; }

.NewUserInterestPicker {
  background-color: #fff;
  padding-bottom: 69px; }
  .NewUserInterestPicker .padItems {
    width: 600px; }
  .NewUserInterestPicker .GridItems.padItems > .item {
    width: 136px; }
  .NewUserInterestPicker.threeColumns .padItems {
    width: 450px; }

.NuxModalCompassStep {
  color: #FFF;
  text-align: center; }
  .NuxModalCompassStep .homefeedSetupContent {
    padding: 96px 0 0 0; }
    .NuxModalCompassStep .homefeedSetupContent h1 {
      font-size: 32px;
      margin: 0 90px; }
    .NuxModalCompassStep .homefeedSetupContent p {
      font-size: 18px;
      line-height: 25px;
      margin: 18px 90px; }
    .NuxModalCompassStep .homefeedSetupContent button {
      margin-top: 10px;
      width: 200px; }
  .NuxModalCompassStep .BackgroundImage {
    border-radius: 6px;
    z-index: -1; }
  .NuxModalCompassStep .buttonWrapper {
    margin-bottom: 20px; }
  .NuxModalCompassStep .homefeedSetupCompass {
    width: 200px;
    height: 244px;
    background: url('/webapp/style/app/common/images/compass-animated-1x.4717717e.gif') 0px 0px no-repeat;
    display: inline-block; }
  .NuxModalCompassStep ul {
    height: 220px;
    margin: auto;
    overflow: hidden;
    text-align: center; }
  .NuxModalCompassStep li {
    display: inline-block;
    margin: 4px; }

.NuxModalInstallExtension .contentWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }
.NuxModalInstallExtension .headerContent {
  background-color: #f2f2f2;
  padding: 30px 0;
  text-align: center; }
.NuxModalInstallExtension .headerTitle {
  font-size: 28px;
  padding: 0 6px 0 20px; }
.NuxModalInstallExtension .headerSubTitle {
  font-size: 18px;
  font-weight: normal;
  padding: 4px 6px 0 20px; }
.NuxModalInstallExtension .bodyContent {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 10px 0; }
.NuxModalInstallExtension .extensionUpsellWrapper {
  margin: 60px auto 0;
  width: 428px; }
.NuxModalInstallExtension .extensionUpsellImage {
  width: 428px;
  height: 285px;
  background: url('/webapp/style/app/common/images/upsell/chrome-noimages-1x.9eb76b6e.png') 0px 0px no-repeat;
  margin-left: 5px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .NuxModalInstallExtension .extensionUpsellImage {
      background-image: url('/webapp/style/app/common/images/upsell/chrome-noimages-2x.c35844ce.png');
      background-position: 0px 0px;
      background-size: 428px 285px; } }
.NuxModalInstallExtension .installExtensionButton {
  margin: 10px 0; }
.NuxModalInstallExtension .optionalSkip {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #A9A9A9;
  font-size: 14px;
  margin: 10px 0;
  text-decoration: underline; }
  .NuxModalInstallExtension .optionalSkip:hover {
    color: #666;
    cursor: pointer; }
.NuxModalInstallExtension .footer {
  background-color: #333;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0 0 6px 6px;
  bottom: 0;
  display: block;
  height: 100px;
  position: absolute;
  text-align: center;
  width: 100%; }
  .NuxModalInstallExtension .footer .buttonWrapper {
    margin-top: 16px; }

.NuxModalInterestPicker .GridItems.padItems > .item {
  width: 136px; }
.NuxModalInterestPicker .contentWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }
.NuxModalInterestPicker .headerContent {
  background-color: #f2f2f2;
  padding: 30px 0;
  text-align: center; }
.NuxModalInterestPicker .headerTitle {
  font-size: 28px;
  padding: 0 6px 0 20px; }
.NuxModalInterestPicker .headerSubTitle {
  font-size: 18px;
  font-weight: normal;
  padding: 4px 6px 0 20px; }
.NuxModalInterestPicker .gridWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: scroll; }
  .NuxModalInterestPicker .gridWrapper .GridItems {
    width: 600px; }
    .NuxModalInterestPicker .gridWrapper .GridItems .item {
      margin-bottom: 14px;
      margin-top: 0; }
  .NuxModalInterestPicker .gridWrapper .Grid {
    padding-bottom: 101px; }
.NuxModalInterestPicker .noResults {
  background-color: white;
  color: #aaa;
  font-size: 14px;
  margin: 0 35px 20px;
  position: relative; }
  .NuxModalInterestPicker .noResults b {
    color: #3d3d3d; }
.NuxModalInterestPicker .searchWrapper {
  background-color: white;
  border-radius: 6px;
  margin: 20px 35px;
  position: relative;
  width: 586px; }
  .NuxModalInterestPicker .searchWrapper .searchIcon {
    width: 16px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-main-1x.24717340.png') -71px -237px no-repeat;
    display: inline-block;
    left: 10px;
    position: absolute;
    top: 17px;
    vertical-align: middle;
    z-index: 101; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NuxModalInterestPicker .searchWrapper .searchIcon {
        background-image: url('/webapp/style/sprites/webapp-common-main-2x.be30421d.png');
        background-position: -32px -194px;
        background-size: 229px 211px; } }
  .NuxModalInterestPicker .searchWrapper .search {
    background-color: #f2f2f2;
    border: 0;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    height: 48px;
    padding: 10px 0 8px 33px;
    width: 586px; }
    .NuxModalInterestPicker .searchWrapper .search:active {
      border-color: #bcbcbc;
      border-radius: 6px; }
    .NuxModalInterestPicker .searchWrapper .search:focus {
      background-color: #fafafa;
      border-color: #aaa;
      border-radius: 6px;
      color: #333; }
.NuxModalInterestPicker .footer {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0 0 6px 6px;
  bottom: 0;
  display: block;
  height: 101px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 102; }
  .NuxModalInterestPicker .footer .buttonWrapper {
    margin-top: 35px; }
    .NuxModalInterestPicker .footer .buttonWrapper .btn {
      -webkit-box-shadow: none;
      box-shadow: none; }
.NuxModalInterestPicker .clearSearch {
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  display: none;
  padding: 19px 20px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: display 1s linear;
  transition: display 1s linear; }
  .NuxModalInterestPicker .clearSearch em {
    width: 12px;
    height: 12px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -73px -189px no-repeat;
    float: left; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NuxModalInterestPicker .clearSearch em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -198px -164px;
        background-size: 214px 199px; } }
  .NuxModalInterestPicker .clearSearch:hover em {
    width: 12px;
    height: 12px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -87px -189px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NuxModalInterestPicker .clearSearch:hover em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -198px -125px;
        background-size: 214px 199px; } }
  .NuxModalInterestPicker .clearSearch:active em, .NuxModalInterestPicker .clearSearch.active em {
    width: 12px;
    height: 12px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -204px -172px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NuxModalInterestPicker .clearSearch:active em, .NuxModalInterestPicker .clearSearch.active em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -198px -112px;
        background-size: 214px 199px; } }

.NuxModalStepBase {
  height: 700px;
  max-height: 100vh;
  width: 656px;
  border-radius: 6px;
  overflow: hidden; }

.AppDownloadQRCode {
  height: 450px;
  padding-bottom: 10px;
  width: 580px; }
  .AppDownloadQRCode .heading {
    border-bottom: 1px solid #d4d4d4;
    color: #818181;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 20px; }
  .AppDownloadQRCode .qrCode, .AppDownloadQRCode .appButtons {
    margin: 0 auto;
    text-align: center; }
  .AppDownloadQRCode .qrCode {
    border: solid 4px #bd081c;
    border-radius: 10px;
    height: 235px;
    padding: 20px;
    position: relative;
    width: 235px;
    margin-top: 15px; }
    .AppDownloadQRCode .qrCode .centeredLogo {
      background: url('/webapp/style/app/common/images/pinvitational/logo-circle-on-white-1x.6d9c538b.png');
      height: 88px;
      left: 93px;
      position: absolute;
      width: 88px;
      top: 93px; }
  .AppDownloadQRCode .appButtons {
    margin-top: 20px; }
    .AppDownloadQRCode .appButtons .ios {
      background-image: url('/webapp/style/app/common/images/jumpstart/ios_app_button.0267afc9.png');
      display: inline-block;
      height: 48px;
      margin-right: 15px;
      width: 133px; }
    .AppDownloadQRCode .appButtons .android {
      background-image: url('/webapp/style/app/common/images/jumpstart/android_app_button.493a72be.png');
      display: inline-block;
      height: 48px;
      width: 133px; }

.JumpStartCategoriesBar {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
  left: 0;
  margin: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  text-align: left;
  top: 54px;
  z-index: 669;
  color: #a7a7a7;
  font-size: 12px;
  height: 55px;
  width: 100%; }
  .columns-3 .JumpStartCategoriesBar .categories {
    max-width: 598px; }
  .columns-4 .JumpStartCategoriesBar .categories {
    max-width: 848px; }
  .JumpStartCategoriesBar .categories .category {
    color: #a7a7a7;
    display: inline-block;
    height: 52px;
    line-height: 52px;
    margin-right: 20px; }
    .JumpStartCategoriesBar .categories .category.active, .JumpStartCategoriesBar .categories .category.active:hover, .JumpStartCategoriesBar .categories .category.active:focus, .JumpStartCategoriesBar .categories .category.active:active {
      border-bottom: solid 3px #bd081c;
      color: #bd081c; }
    .JumpStartCategoriesBar .categories .category:hover, .JumpStartCategoriesBar .categories .category:focus, .JumpStartCategoriesBar .categories .category:active {
      border-bottom: solid 3px #a7a7a7;
      color: #818181; }
    .JumpStartCategoriesBar .categories .category h2 {
      display: inline-block;
      font-size: 12px;
      line-height: 12px;
      vertical-align: middle; }
  .JumpStartCategoriesBar .categories .category:first-child {
    margin-left: 7px; }

.NuxModalJumpStartBoardStep .boardImage {
  background-image: url('/webapp/style/app/common/images/jumpstart/board_example.bf034f2f.png');
  height: 320px;
  margin: 35px auto 0;
  width: 312px; }
.NuxModalJumpStartBoardStep.maleUser .boardImage {
  background-image: url('/webapp/style/app/common/images/jumpstart/board_example_male.8d82d3fe.png'); }

.NuxModalJumpStartExtensionStep .step {
  padding: 0 !important; }
.NuxModalJumpStartExtensionStep .imageText {
  margin-top: 35px; }
  .NuxModalJumpStartExtensionStep .imageText .pinItImage {
    background-image: url('/webapp/style/app/common/images/jumpstart/install_pin_it.ad018c71.png');
    float: left;
    height: 348px;
    margin-top: 5px;
    width: 358px; }
  .NuxModalJumpStartExtensionStep .imageText .textAndButton {
    color: #1783fb;
    float: left;
    font-size: 18px;
    line-height: 21px;
    padding: 0 75px 0 40px;
    text-align: left;
    width: 35%; }
    .NuxModalJumpStartExtensionStep .imageText .textAndButton .heading {
      font-weight: bold;
      margin: 80px 0 0; }
    .NuxModalJumpStartExtensionStep .imageText .textAndButton .details {
      margin: 0 0 30px; }
    .NuxModalJumpStartExtensionStep .imageText .textAndButton .installNow {
      background: #1783fb;
      border: none;
      border-radius: 6px;
      color: white;
      padding: 12px;
      text-shadow: none; }

@-webkit-keyframes fadeOutPin {
  from {
    opacity: 1; }

  to {
    opacity: 0.6; } }

@keyframes fadeOutPin {
  from {
    opacity: 1; }

  to {
    opacity: 0.6; } }

.NuxModalJumpStartPinStep .title {
  margin: 0 10px !important; }
.NuxModalJumpStartPinStep .pinContainer {
  height: 330px;
  margin: 35px auto 0;
  padding: 20px 20px 0;
  position: relative;
  width: 282px; }
  .NuxModalJumpStartPinStep .pinContainer .pinImage {
    -webkit-animation: fadeOutPin 0.5s ease-out 1s 1 normal forwards;
    animation: fadeOutPin 0.5s ease-out 1s 1 normal forwards;
    background-image: url('/webapp/style/app/common/images/jumpstart/pin_example.0b0a9bb9.png');
    height: 310px;
    margin: 0 auto;
    position: relative;
    width: 242px; }
  .NuxModalJumpStartPinStep .pinContainer .repinButton {
    background-image: url('/webapp/style/app/common/images/jumpstart/pin_example_repin.e6b587b5.png');
    height: 43px;
    left: 50px;
    position: absolute;
    top: 30px;
    width: 82px;
    z-index: 1; }
  .NuxModalJumpStartPinStep .pinContainer .spotlight {
    -webkit-animation: fadeInSpotlight 0.5s ease-out 1s 1 normal forwards;
    animation: fadeInSpotlight 0.5s ease-out 1s 1 normal forwards;
    background-image: url('/webapp/style/app/common/images/jumpstart/pin_spotlight.ecdc7912.png');
    height: 152px;
    left: -17px;
    position: absolute;
    top: -25px;
    width: 158px;
    z-index: 3; }
  .NuxModalJumpStartPinStep .pinContainer .tip {
    -webkit-animation: fadeIn 0.5s ease-in 1s normal forwards;
    animation: fadeIn 0.5s ease-in 1s normal forwards;
    left: 50px;
    padding: 20px;
    margin-left: 10px;
    position: absolute;
    top: 0;
    width: 220px;
    z-index: 2; }
    .NuxModalJumpStartPinStep .pinContainer .tip p {
      margin: 0 0 0 60px; }
.NuxModalJumpStartPinStep.maleUser .pinImage {
  background-image: url('/webapp/style/app/common/images/jumpstart/pin_example_male.4360d506.png'); }
.NuxModalJumpStartPinStep.maleUser .spotlight {
  background-image: url('/webapp/style/app/common/images/jumpstart/pin_spotlight_male.ca096fc9.png'); }

@-webkit-keyframes scrollBrowserContent {
  from {
    -webkit-transform: translateY(311px) translateZ(-1px) scale(2);
    transform: translateY(311px) translateZ(-1px) scale(2); }

  to {
    -webkit-transform: translateY(-699px) translateZ(-1px) scale(2);
    transform: translateY(-699px) translateZ(-1px) scale(2); } }

@keyframes scrollBrowserContent {
  from {
    -webkit-transform: translateY(311px) translateZ(-1px) scale(2);
    transform: translateY(311px) translateZ(-1px) scale(2); }

  to {
    -webkit-transform: translateY(-699px) translateZ(-1px) scale(2);
    transform: translateY(-699px) translateZ(-1px) scale(2); } }

@-webkit-keyframes fadeInSpotlightBackground {
  from {
    opacity: 0; }

  to {
    opacity: 0.7; } }

@keyframes fadeInSpotlightBackground {
  from {
    opacity: 0; }

  to {
    opacity: 0.7; } }

.NuxModalJumpStartSaveStep .browserContainer {
  padding: 30px 45px 0;
  position: relative; }
  .NuxModalJumpStartSaveStep .browserContainer .browserParallax {
    height: 358px;
    overflow: hidden;
    -webkit-perspective: 1px;
    perspective: 1px;
    width: 547px; }
    .NuxModalJumpStartSaveStep .browserContainer .browserParallax .browserImage, .NuxModalJumpStartSaveStep .browserContainer .browserParallax .browserContent, .NuxModalJumpStartSaveStep .browserContainer .browserParallax .spotlightBackground {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0; }
    .NuxModalJumpStartSaveStep .browserContainer .browserParallax .browserImage {
      background: url('/webapp/style/app/common/images/jumpstart/browser.d57668a7.png') no-repeat center;
      -webkit-transform: translateZ(0);
      transform: translateZ(0); }
    .NuxModalJumpStartSaveStep .browserContainer .browserParallax .browserContent {
      -webkit-animation: scrollBrowserContent 3s ease 2s 1 normal forwards;
      animation: scrollBrowserContent 3s ease 2s 1 normal forwards;
      background: url('/webapp/style/app/common/images/jumpstart/web_entrails.09d37cfa.png') no-repeat center;
      height: 824px;
      -webkit-transform: translateY(311px) translateZ(-1px) scale(2);
      transform: translateY(311px) translateZ(-1px) scale(2);
      z-index: -3; }
    .NuxModalJumpStartSaveStep .browserContainer .browserParallax .spotlightBackground {
      -webkit-animation: fadeInSpotlightBackground 0.5s ease-out 5s 1 normal forwards;
      animation: fadeInSpotlightBackground 0.5s ease-out 5s 1 normal forwards;
      background-color: white;
      z-index: -2; }
    .NuxModalJumpStartSaveStep .browserContainer .browserParallax .spotlight {
      -webkit-animation: fadeInSpotlight 0.5s ease-out 5s 1 normal forwards;
      animation: fadeInSpotlight 0.5s ease-out 5s 1 normal forwards;
      background: url('/webapp/style/app/common/images/jumpstart/pin_it_spotlight.f41b16ff.png') no-repeat center;
      height: 164px;
      left: 78px;
      position: absolute;
      top: 115px;
      width: 167px;
      z-index: 2; }
    .NuxModalJumpStartSaveStep .browserContainer .browserParallax .tip {
      -webkit-animation: fadeInSpotlight 0.5s ease-in 5s 1 normal forwards;
      animation: fadeInSpotlight 0.5s ease-in 5s 1 normal forwards;
      left: 213px;
      max-height: 90px;
      padding: 20px 20px 20px 30px;
      top: 156px;
      width: 256px;
      z-index: 1; }
.NuxModalJumpStartSaveStep.maleUser .browserContainer .browserParallax .browserContent {
  background-image: url('/webapp/style/app/common/images/jumpstart/web_entrails_male.8e92fefb.png'); }
.NuxModalJumpStartSaveStep.maleUser .browserContainer .browserParallax .spotlight {
  background-image: url('/webapp/style/app/common/images/jumpstart/pin_it_spotlight_male.018fdfc4.png'); }

.NuxModalJumpStartStep {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
  background: -webkit-linear-gradient(#fff, #efefef);
  background: linear-gradient(#fff, #efefef);
  border-radius: 6px;
  height: 620px;
  overflow: visible;
  position: relative;
  width: 736px; }
  .NuxModalJumpStartStep .logo {
    width: 88px;
    height: 88px;
    background: url('/webapp/style/app/common/images/pinvitational/logo-circle-on-white-1x.6d9c538b.png') 0px 0px no-repeat;
    display: inline-block;
    font: 0 / 0 serif;
    text-shadow: none;
    color: transparent;
    display: block;
    margin-bottom: -54px;
    margin: auto;
    position: relative;
    top: -33px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .NuxModalJumpStartStep .logo {
        background-image: url('/webapp/style/app/common/images/pinvitational/logo-circle-on-white-2x.d4cd8e0c.png');
        background-position: 0px 0px;
        background-size: 88px 88px; } }
  .NuxModalJumpStartStep .fade {
    opacity: 0; }
  .NuxModalJumpStartStep .step {
    height: 548px;
    padding: 0 50px;
    text-align: center; }
    .NuxModalJumpStartStep .step .title {
      font-size: 36px;
      font-weight: bold;
      height: 72px;
      line-height: 36px;
      margin: 0 50px; }
    .NuxModalJumpStartStep .step.active {
      display: block; }
    .NuxModalJumpStartStep .step em {
      color: #bd081c;
      font-style: normal; }
    .NuxModalJumpStartStep .step .tip {
      background-color: white;
      border: solid 1px #eee;
      border-radius: 6px;
      -webkit-box-shadow: 0 1px 1px 0 #eee;
      box-shadow: 0 1px 1px 0 #eee;
      color: #bd081c;
      font-size: 16px;
      letter-spacing: -1px;
      line-height: 20px;
      position: absolute;
      text-align: left; }
      .NuxModalJumpStartStep .step .tip em {
        font-style: normal;
        font-weight: bold; }
  .NuxModalJumpStartStep .progressBar {
    background: #bd081c;
    border-radius: 0 0 6px 6px;
    bottom: 0;
    color: white;
    cursor: pointer;
    display: none;
    height: 72px;
    position: absolute;
    text-align: center;
    width: 736px; }
    .NuxModalJumpStartStep .progressBar .next {
      background: #bd081c;
      border: none;
      color: white;
      font-size: 20px;
      line-height: 20px;
      margin: auto;
      padding: 24px 0;
      text-shadow: none; }
      .NuxModalJumpStartStep .progressBar .next[disabled], .NuxModalJumpStartStep .progressBar .next.disabled, .NuxModalJumpStartStep .progressBar .next.disabled:hover, .NuxModalJumpStartStep .progressBar .next.disabled:focus, .NuxModalJumpStartStep .progressBar .next.disabled:active {
        background: #bd081c !important;
        border: none !important;
        color: white !important; }
    .NuxModalJumpStartStep .progressBar .nuxStepsProgress {
      bottom: 30px;
      position: absolute;
      right: 20px; }
      .NuxModalJumpStartStep .progressBar .nuxStepsProgress li {
        background: none;
        border: solid white 2px;
        border-radius: 50%;
        display: inline-block;
        height: 7px;
        margin-right: 6px;
        width: 7px; }
        .NuxModalJumpStartStep .progressBar .nuxStepsProgress li.active {
          background-color: white; }

.NuxModalJumpStartWelcomeStep {
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));
  background: -webkit-linear-gradient(#f5f5f5, #fff);
  background: linear-gradient(#f5f5f5, #fff);
  border-radius: 6px;
  height: 620px;
  position: relative;
  width: 736px; }
  .NuxModalJumpStartWelcomeStep .title {
    line-height: 38px !important;
    margin: 0 10px !important;
    padding-top: 180px !important; }

.Editorial .header {
  font-size: 20px;
  line-height: 24px; }
.Editorial .banner {
  background-position: right;
  min-height: 276px;
  padding-bottom: 20px;
  position: relative; }
  .Editorial .banner .subTitle {
    font-size: 24px;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 5px; }
  .Editorial .banner .title {
    font-size: 61px;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 71px; }
.Editorial .bodyWrapper .bodyTitle {
  padding-left: 10px;
  padding-top: 20px; }
.Editorial .bodyWrapper .relatedEditorials {
  bottom: 250px;
  position: relative; }

.BoardEditBase .standardForm h1 {
  padding-right: 42px; }

.BoardEdit .boardCollaboratorsWrapper .fieldWrapper {
  float: left;
  margin-left: 0; }

.BoardInfoBar {
  position: absolute; }
  .BoardInfoBar .BoardCollaborators {
    float: left; }
  .BoardInfoBar .collaborators {
    margin-top: 16px; }
  .BoardInfoBar.placeBoard {
    border-radius: 0 0 6px 6px; }
    .BoardInfoBar.placeBoard .boardButtons {
      margin-right: 14px; }
    .BoardInfoBar.placeBoard .collaborators {
      margin-left: 14px; }
    .BoardInfoBar.placeBoard.collapsed {
      border-radius: 0;
      visibility: visible; }
      .BoardInfoBar.placeBoard.collapsed .boardButtons {
        margin-right: 0; }
      .BoardInfoBar.placeBoard.collapsed .collaborators {
        margin-left: 0; }

.BoardPage {
  position: relative;
  z-index: 0; }
  .BoardPage .boardNoContent {
    color: #333;
    text-align: center;
    margin-top: 99px; }
    .BoardPage .boardNoContent p {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 17px;
      margin: 0 0 1em; }
  .BoardPage .relatedBoardsContainerTitle {
    font-size: 18px;
    margin-top: 28px;
    margin-left: 28px; }
  .BoardPage .headerSizer {
    max-width: 1236px; }
  .BoardPage.placeBoard .Map {
    border-bottom: 1px solid rgba(153, 153, 153, 0.1);
    height: 300px;
    min-height: 300px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 0; }
  .BoardPage.placeBoard .mapbox {
    height: 100%;
    width: 100%;
    cursor: pointer;
    position: relative;
    z-index: 0; }
  .BoardPage.placeBoard .addPlace, .BoardPage.placeBoard .addPinToMapClose {
    position: absolute; }
  .BoardPage.placeBoard .addPinToMapClose {
    display: none; }
    .BoardPage.placeBoard .addPinToMapClose.visible {
      display: block; }
  .BoardPage.placeBoard .addPinAnchor {
    -webkit-transform: translateZ(0);
    height: 1px;
    left: 0;
    position: fixed;
    top: 41px;
    visibility: hidden;
    width: 1px;
    z-index: -1; }
  .BoardPage.placeBoard .leaflet-popup-tip {
    height: 11px;
    width: 11px; }
  .BoardPage.placeBoard .leaflet-popup-content-wrapper {
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
    padding: 0; }
  .BoardPage.placeBoard .leaflet-control-zoom-in, .BoardPage.placeBoard .leaflet-control-zoom-out {
    background: rgba(255, 255, 255, 0.95);
    color: rgba(0, 0, 0, 0.58);
    padding: 4px 0 5px;
    text-align: center;
    width: 37px; }
    .BoardPage.placeBoard .leaflet-control-zoom-in a, .BoardPage.placeBoard .leaflet-control-zoom-out a {
      color: rgba(0, 0, 0, 0.63); }
    .BoardPage.placeBoard .leaflet-control-zoom-in:hover, .BoardPage.placeBoard .leaflet-control-zoom-out:hover {
      background-color: #f1f1f0;
      background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f1), to(#f1f1f0));
      background: -webkit-linear-gradient(#f2f2f1, #f1f1f0);
      background: linear-gradient(#f2f2f1, #f1f1f0); }
      .BoardPage.placeBoard .leaflet-control-zoom-in:hover a, .BoardPage.placeBoard .leaflet-control-zoom-out:hover a {
        color: rgba(0, 0, 0, 0.73); }
    .BoardPage.placeBoard .leaflet-control-zoom-in:active, .BoardPage.placeBoard .leaflet-control-zoom-out:active {
      background-color: #efefef;
      background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#f1f1f0));
      background: -webkit-linear-gradient(#eee, #f1f1f0);
      background: linear-gradient(#eee, #f1f1f0); }
    .BoardPage.placeBoard .leaflet-control-zoom-in.leaflet-disabled, .BoardPage.placeBoard .leaflet-control-zoom-in.leaflet-disabled:hover, .BoardPage.placeBoard .leaflet-control-zoom-out.leaflet-disabled, .BoardPage.placeBoard .leaflet-control-zoom-out.leaflet-disabled:hover {
      background: rgba(243, 243, 243, 0.95);
      color: rgba(0, 0, 0, 0.2); }
  .BoardPage.placeBoard .leaflet-control-zoom.leaflet-bar.leaflet-control {
    border: 1px solid rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    top: 0; }
  .BoardPage.placeBoard .mapControlButtons {
    display: block;
    position: absolute;
    right: 0;
    left: 0; }
    .BoardPage.placeBoard .mapControlButtons .addAPlace {
      -webkit-transition-property: opacity, top;
      transition-property: opacity, top;
      -webkit-transition-duration: 0.4s, 0.4s;
      transition-duration: 0.4s, 0.4s;
      display: none;
      left: 10px;
      opacity: 0;
      position: absolute;
      top: 10px;
      z-index: 2; }
    .BoardPage.placeBoard .mapControlButtons .toggleView {
      -webkit-transition-property: top;
      transition-property: top;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      display: none;
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 2; }
  .BoardPage.placeBoard .attribution {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    left: 10px;
    opacity: 0;
    position: absolute; }
  .BoardPage.placeBoard .transformWrapper {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    opacity: 1;
    position: relative;
    pointer-events: none;
    top: -100px; }
    .BoardPage.placeBoard .transformWrapper.fade {
      opacity: 0; }
    .BoardPage.placeBoard .transformWrapper > div {
      pointer-events: auto; }
    .BoardPage.placeBoard .transformWrapper .Grid {
      background: #e9e9e9;
      margin-bottom: 64px;
      top: -64px; }
      .BoardPage.placeBoard .transformWrapper .Grid .gridContainer {
        position: relative;
        top: 64px; }
        .BoardPage.placeBoard .transformWrapper .Grid .gridContainer .AddPinRepWithPlace {
          pointer-events: none; }
      .BoardPage.placeBoard .transformWrapper .Grid .GridFooter {
        margin-top: 95px; }
        .BoardPage.placeBoard .transformWrapper .Grid .GridFooter .gridLoadingWrapper {
          z-index: 0; }
  .BoardPage.placeBoard.mapView .mapbox {
    cursor: -webkit-grab;
    cursor: grab; }
  .BoardPage.placeBoard.mapView .attribution {
    opacity: 1; }
  .BoardPage.placeBoard.mapView .mapControlButtons .addAPlace {
    opacity: 1;
    top: 76px; }
  .BoardPage.placeBoard.mapView .mapControlButtons .toggleView {
    height: 37px;
    top: 76px;
    width: 39px; }
    .BoardPage.placeBoard.mapView .mapControlButtons .toggleView em {
      width: 15px;
      height: 15px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -442px -223px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BoardPage.placeBoard.mapView .mapControlButtons .toggleView em {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
          background-position: -401px -312px;
          background-size: 418px 405px; } }
    .BoardPage.placeBoard.mapView .mapControlButtons .toggleView:hover em {
      width: 15px;
      height: 15px;
      background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -459px -223px no-repeat; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .BoardPage.placeBoard.mapView .mapControlButtons .toggleView:hover em {
          background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
          background-position: -401px -264px;
          background-size: 418px 405px; } }
  .BoardPage.placeBoard.mapView .transformWrapper {
    top: 0;
    visibility: visible; }
    .BoardPage.placeBoard.mapView .transformWrapper .BoardHeader {
      padding: 0; }
      .BoardPage.placeBoard.mapView .transformWrapper .BoardHeader .boardHeaderWrapper {
        display: none; }
    .BoardPage.placeBoard.mapView .transformWrapper .Grid {
      top: 0;
      margin-bottom: 0;
      padding: 0 50px; }
      .BoardPage.placeBoard.mapView .transformWrapper .Grid .gridContainer {
        top: 0; }
        .BoardPage.placeBoard.mapView .transformWrapper .Grid .gridContainer .GridItems {
          min-height: 205px; }
        .BoardPage.placeBoard.mapView .transformWrapper .Grid .gridContainer .AddPinRepWithPlace {
          display: none; }
      .BoardPage.placeBoard.mapView .transformWrapper .Grid .navigator.left {
        margin-left: 50px; }
      .BoardPage.placeBoard.mapView .transformWrapper .Grid .navigator.right {
        margin-right: 50px; }
      .BoardPage.placeBoard.mapView .transformWrapper .Grid .GridFooter {
        display: none !important; }
  .BoardPage.placeBoard.positionAddPinRep .AddPinRepWithPlace {
    display: block !important; }

.BoardInvite {
  position: relative;
  z-index: 2; }
  .placeBoard .BoardInvite {
    border-radius: 0 0 6px 6px;
    top: -1px; }
  .placeBoardV2 .BoardInvite {
    display: none; }
  .BoardInvite.boardDetail {
    margin-top: 14px; }
  .BoardInvite.boardDetail .pending .boardInviteContent {
    float: left; }
  .BoardInvite .invitee {
    height: 30px;
    line-height: 30px;
    padding: 4px 0; }
    .BoardInvite .invitee .thumbImageWrapper {
      position: relative;
      float: left;
      height: 30px;
      margin-right: 7px;
      width: 30px; }
      .BoardInvite .invitee .thumbImageWrapper:after {
        border-radius: 3px;
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
        content: " ";
        height: 30px;
        left: 0;
        position: absolute;
        top: 0;
        width: 30px; }
      .BoardInvite .invitee .thumbImageWrapper emailIcon {
        border-radius: 3px;
        height: 30px;
        width: 30px; }
      .BoardInvite .invitee .thumbImageWrapper .inviteeIcon {
        width: 30px;
        height: 30px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -393px -352px no-repeat;
        border-radius: 6px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .BoardInvite .invitee .thumbImageWrapper .inviteeIcon {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
            background-position: -343px -199px;
            background-size: 418px 405px; } }
      .BoardInvite .invitee .thumbImageWrapper img {
        border-radius: 3px;
        height: 30px;
        width: 30px; }
    .BoardInvite .invitee .inviteeName {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      color: #333;
      display: block;
      font-size: 11px;
      line-height: 17px; }
  .BoardInvite .inviteTypeWrapper {
    font-size: 11px;
    line-height: 11px;
    margin-top: 1px; }
    .BoardInvite .inviteTypeWrapper .inviteTypeIcon {
      display: inline-block;
      vertical-align: middle;
      margin-right: 2px; }
      .BoardInvite .inviteTypeWrapper .inviteTypeIcon.isPinner {
        width: 11px;
        height: 11px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -457px -302px no-repeat;
        margin-bottom: 2px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .BoardInvite .inviteTypeWrapper .inviteTypeIcon.isPinner {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
            background-position: -106px -393px;
            background-size: 418px 405px; } }
      .BoardInvite .inviteTypeWrapper .inviteTypeIcon.isEmail {
        width: 11px;
        height: 11px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -470px -302px no-repeat;
        margin-bottom: 2px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .BoardInvite .inviteTypeWrapper .inviteTypeIcon.isEmail {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
            background-position: -94px -393px;
            background-size: 418px 405px; } }
      .BoardInvite .inviteTypeWrapper .inviteTypeIcon.isFacebook {
        width: 10px;
        height: 10px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -425px -316px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .BoardInvite .inviteTypeWrapper .inviteTypeIcon.isFacebook {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
            background-position: -194px -393px;
            background-size: 418px 405px; } }
      .BoardInvite .inviteTypeWrapper .inviteTypeIcon.isGplus {
        width: 10px;
        height: 10px;
        background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -437px -316px no-repeat; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .BoardInvite .inviteTypeWrapper .inviteTypeIcon.isGplus {
            background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
            background-position: -147px -393px;
            background-size: 418px 405px; } }
    .BoardInvite .inviteTypeWrapper .inviteTypeName {
      font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
      display: inline-block;
      vertical-align: middle;
      color: #666;
      font-weight: normal; }

.PinBookmarklet {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 14px auto;
  padding: 0 14px;
  width: 750px; }
  .PinBookmarklet .errorMessage {
    padding-top: 20px; }
  .PinBookmarklet .PinCreate .PinCreateSuccessBoardEdit {
    background: #fff; }
  .PinBookmarklet .pinningBG {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: #1a1e23;
    position: fixed; }
  .PinBookmarklet .PinCreate3 {
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto; }
    .PinBookmarklet .PinCreate3 .Pin.summary.cloned {
      position: static; }
    .PinBookmarklet .PinCreate3 .PinCreateSuccess {
      margin: 0 auto; }
  .PinBookmarklet .PinCreateSuccess {
    width: 100%; }

.ExtensionInstallToast {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.74)), to(#fff)) !important;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.74), #fff) !important;
  background-image: linear-gradient(rgba(255, 255, 255, 0.74), #fff) !important; }
  .ExtensionInstallToast:hover {
    background-color: #fff; }
  .ExtensionInstallToast .titleText, .ExtensionInstallToast .subtitleText {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #0a0e13 !important;
    max-width: 250px; }
  .ExtensionInstallToast .pinItIcon {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px; }
    .ExtensionInstallToast .pinItIcon em {
      width: 23px;
      height: 24px;
      background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -172px -58px no-repeat;
      display: block;
      margin: 8px auto 0 auto; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        .ExtensionInstallToast .pinItIcon em {
          background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
          background-position: -167px -56px;
          background-size: 214px 199px; } }

.PinCreate {
  width: 675px; }
  .PinCreate.fluid {
    position: relative;
    width: auto; }

.PinCreateSuccess {
  width: 500px; }

.ToastBase {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 14, 19, 0.85)), to(#0a0e13));
  background-image: -webkit-linear-gradient(rgba(10, 14, 19, 0.85), #0a0e13);
  background-image: linear-gradient(rgba(10, 14, 19, 0.85), #0a0e13);
  border-radius: 8px;
  -webkit-box-shadow: #000 0 0 20px 0;
  box-shadow: #000 0 0 20px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 20px 0;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 20px 0;
  color: #fff;
  margin-top: 10px;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  visibility: hidden;
  width: 430px; }
  .ToastBase:hover {
    background-color: #000;
    opacity: 1 !important; }
  .ToastBase.visible {
    visibility: visible; }
  .ToastBase.isRecommendation {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.74)), to(#fff)) !important;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.74), #fff) !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.74), #fff) !important; }
    .ToastBase.isRecommendation:hover {
      background-color: #fff; }
    .ToastBase.isRecommendation .titleText, .ToastBase.isRecommendation .subtitleText {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      color: #0a0e13;
      max-width: 250px; }
    .ToastBase.isRecommendation .imageWrapper {
      background: #eee; }
  .ToastBase .BoardFollowButton {
    float: right;
    margin-top: 5px; }
  .ToastBase .imageWrapper {
    background: #333;
    border-radius: 4px;
    float: left;
    height: 40px;
    margin-right: 10px;
    overflow: hidden;
    width: 40px; }
    .ToastBase .imageWrapper img {
      width: 100%;
      height: 100%; }
  .ToastBase .toastWrapper {
    display: block;
    overflow: hidden;
    padding: 10px;
    width: 410px; }
  .ToastBase .titleSubtitleWrapper {
    float: left;
    margin-top: 4px; }
  .ToastBase .titleText, .ToastBase .subtitleText {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    margin: 0; }
  .ToastBase .subtitleText {
    font-weight: bold; }

.Toasts {
  bottom: 14px;
  left: 50%;
  margin-left: -215px;
  position: fixed;
  z-index: 752; }

.ImagesFeedPage .sectionTitle {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
  width: 600px; }

.Pin .pinCreditWrapper.creditHover em {
  width: 17px;
  height: 17px;
  background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -185px -144px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .Pin .pinCreditWrapper.creditHover em {
      background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
      background-position: -44px -142px;
      background-size: 214px 199px; } }
.Pin .creditItem .hidePinTopic {
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 16px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  .Pin .creditItem .hidePinTopic em {
    width: 17px;
    height: 17px;
    background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -185px -144px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .Pin .creditItem .hidePinTopic em {
        background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
        background-position: -44px -142px;
        background-size: 214px 199px; } }
.Pin .creditItem:hover .hidePinTopic {
  opacity: 1; }
.Pin .pinCreditWrapper .hidePinInfo, .Pin .promotedPinCreditDetailed .hidePinInfo {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
.Pin .pinCreditWrapper:hover .hidePinInfo, .Pin .pinCreditWrapper.creditHover .hidePinInfo, .Pin .promotedPinCreditDetailed:hover .hidePinInfo, .Pin .promotedPinCreditDetailed.creditHover .hidePinInfo {
  opacity: 1; }
.Pin .promotedPinCreditDetailed {
  padding: 15px; }
  .Pin .promotedPinCreditDetailed h2 {
    float: left; }
  .Pin .promotedPinCreditDetailed .hidePinInfo {
    float: right; }

.PinEdit .PinForm .standardForm > ul {
  margin-right: 170px; }

.PinForm .standardForm > ul {
  width: 500px; }

.PinLikeButton.like:hover em {
  width: 15px;
  height: 13px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -476px -273px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .PinLikeButton.like:hover em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -264px -228px;
      background-size: 418px 405px; } }
.PinLikeButton.like:active em {
  width: 15px;
  height: 13px;
  background: url('/webapp/style/sprites/webapp-common-desktop-1x.0c801699.png') -459px -273px no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .PinLikeButton.like:active em {
      background-image: url('/webapp/style/sprites/webapp-common-desktop-2x.091a10d0.png');
      background-position: -248px -228px;
      background-size: 418px 405px; } }
.PinLikeButton.unlike em {
  display: none; }

.UserInfoBar {
  background-color: #ececec;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e5e5e5));
  background: -webkit-linear-gradient(#f3f3f3, #e5e5e5);
  background: linear-gradient(#f3f3f3, #e5e5e5);
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  clear: both;
  color: #333;
  height: 44px;
  line-height: 44px;
  margin-bottom: 2px;
  max-width: 10000px;
  position: relative;
  border-left: 1px solid #d4d4d4;
  border-left: 1px solid rgba(0, 0, 0, 0.17);
  border-radius: 6px; }
  .UserInfoBar .headerText {
    color: #555;
    font-size: 16px;
    font-weight: normal;
    padding: 0 26px 0 13px; }
  .UserInfoBar.loading {
    min-height: 5px; }
  .UserInfoBar li:first-child a.active {
    -webkit-box-shadow: -1px 0 3px rgba(0, 0, 0, 0.05) inset;
    box-shadow: -1px 0 3px rgba(0, 0, 0, 0.05) inset; }
  .UserInfoBar li:last-child a.active {
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05) inset; }
  .UserInfoBar li a {
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9) inset;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #777;
    display: block;
    font-weight: bold;
    padding: 1px 20px 0; }
    .UserInfoBar li a:hover, .UserInfoBar li a.active {
      background-color: #f9f9f9;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4));
      background: -webkit-linear-gradient(#fff, #f4f4f4);
      background: linear-gradient(#fff, #f4f4f4);
      color: #333; }
    .UserInfoBar li a:active {
      background: url('/webapp/style/app/common/images/infoBarActiveShadowLeftSide.9195d28e.png') repeat-y left top, url('/webapp/style/app/common/images/infoBarActiveShadowRightSide.f4401102.png') repeat-y right top, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4));
      background: url('/webapp/style/app/common/images/infoBarActiveShadowLeftSide.9195d28e.png') repeat-y left top, url('/webapp/style/app/common/images/infoBarActiveShadowRightSide.f4401102.png') repeat-y right top, -webkit-linear-gradient(#fff, #f4f4f4);
      background: url('/webapp/style/app/common/images/infoBarActiveShadowLeftSide.9195d28e.png') repeat-y left top, url('/webapp/style/app/common/images/infoBarActiveShadowRightSide.f4401102.png') repeat-y right top, linear-gradient(#fff, #f4f4f4);
      color: #000; }
  .UserInfoBar.infoBar {
    background: none;
    background-color: #fff;
    height: 61px; }
    .UserInfoBar.infoBar li:first-child a.active, .UserInfoBar.infoBar li:last-child a.active {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .UserInfoBar.infoBar li a:hover, .UserInfoBar.infoBar li a.active {
      background: none; }
    .UserInfoBar.infoBar.centeredWithinWrapper.gridWidth:not(.divider) {
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1); }
      .columns-3 .UserInfoBar.infoBar.centeredWithinWrapper.gridWidth:not(.divider) {
        min-width: 764px;
        padding: 0; }
    .UserInfoBar.infoBar.headerSizer {
      max-width: none; }
    .UserInfoBar.infoBar .tabs {
      bottom: 0;
      position: absolute; }
      .UserInfoBar.infoBar .tabs li a {
        display: block;
        width: 120px; }

.UserProfileContent {
  position: relative; }
  .UserProfileContent .userNoBoards, .UserProfileContent .userNoPins, .UserProfileContent .userNoLikes, .UserProfileContent .userNoFollowers, .UserProfileContent .userNoFollowing {
    color: #333;
    text-align: center;
    margin-top: 129px; }
    .UserProfileContent .userNoBoards p, .UserProfileContent .userNoPins p, .UserProfileContent .userNoLikes p, .UserProfileContent .userNoFollowers p, .UserProfileContent .userNoFollowing p {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 17px;
      margin: 0 0 1em; }
    .UserProfileContent .userNoBoards .emptyIcon, .UserProfileContent .userNoPins .emptyIcon, .UserProfileContent .userNoLikes .emptyIcon, .UserProfileContent .userNoFollowers .emptyIcon, .UserProfileContent .userNoFollowing .emptyIcon {
      display: inline-block;
      margin-bottom: 18px; }
  .UserProfileContent .userNoBoards .emptyIcon {
    width: 124px;
    height: 136px;
    background: url('/webapp/style/app/common/images/empty_user_boards-1x.028e60ea.png') 0px 0px no-repeat; }
  .UserProfileContent .userNoPins .emptyIcon {
    width: 100px;
    height: 166px;
    background: url('/webapp/style/app/common/images/empty_user_pins-1x.0a4a4c27.png') 0px 0px no-repeat; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      .UserProfileContent .userNoPins .emptyIcon {
        background-image: url('/webapp/style/app/common/images/empty_user_pins-2x.edd2a9dd.png');
        background-position: 0px 0px;
        background-size: 100px 166px; } }
  .UserProfileContent .userNoLikes .emptyIcon {
    width: 153px;
    height: 132px;
    background: url('/webapp/style/app/common/images/empty_user_likes-1x.f7469980.png') 0px 0px no-repeat; }
  .UserProfileContent .userNoFollowers .emptyIcon {
    width: 124px;
    height: 142px;
    background: url('/webapp/style/app/common/images/empty_followers-1x.de6dd7d1.png') 0px 0px no-repeat; }
  .UserProfileContent .userNoFollowing .emptyIcon {
    width: 124px;
    height: 142px;
    background: url('/webapp/style/app/common/images/empty_following-1x.6ada63b4.png') 0px 0px no-repeat; }
  .UserProfileContent.loading > div {
    display: none; }
  .UserProfileContent.loading > .Spinner {
    margin-top: 100px;
    display: block; }
  .UserProfileContent .userNoPins {
    margin-top: 100px; }

.UserProfileHeader:after {
  content: "";
  display: table;
  clear: both; }
.UserProfileHeader.profileHeader {
  margin: 0; }
  .UserProfileHeader.profileHeader .headerSizer {
    max-width: none;
    width: auto; }
    .columns-3 .UserProfileHeader.profileHeader .headerSizer {
      min-width: 764px; }
  .UserProfileHeader.profileHeader .header {
    background: #fff;
    color: #333; }
  .UserProfileHeader.profileHeader .profileImage {
    margin: 0 auto -87px;
    padding-top: 18px;
    position: relative;
    width: 60px;
    z-index: 104; }
    .UserProfileHeader.profileHeader .profileImage img {
      border-radius: 100%;
      -webkit-box-shadow: inset 0 0 0 -2px rgba(255, 255, 255, 0.48), 0 0 0 1px rgba(0, 0, 0, 0.14), 0 0 0 8px white;
      box-shadow: inset 0 0 0 -2px rgba(255, 255, 255, 0.48), 0 0 0 1px rgba(0, 0, 0, 0.14), 0 0 0 8px white;
      height: 60px;
      width: 60px; }
    .UserProfileHeader.profileHeader .profileImage .Button {
      border-radius: 2px;
      display: none;
      margin: 0 auto;
      z-index: 3; }
    .UserProfileHeader.profileHeader .profileImage:hover .Button {
      display: block; }
  .UserProfileHeader.profileHeader .fixedHeaderNameAndImage {
    -webkit-backface-visibility: hidden;
    top: -52px;
    position: absolute; }
    .UserProfileHeader.profileHeader .fixedHeaderNameAndImage .fixedHeaderImage {
      display: inline;
      width: 32px; }
      .UserProfileHeader.profileHeader .fixedHeaderNameAndImage .fixedHeaderImage img {
        border: 1px solid rgba(0, 0, 0, 0.14);
        border-radius: 100%;
        height: 32px;
        width: 32px; }
    .UserProfileHeader.profileHeader .fixedHeaderNameAndImage .fixedHeaderName {
      color: #333;
      display: inline;
      font-size: 21px;
      font-weight: bold;
      padding-left: 7px;
      vertical-align: middle; }
  .UserProfileHeader.profileHeader .editButtonWrapper {
    bottom: 20px;
    height: 20px;
    position: absolute;
    width: 60px; }
  .UserProfileHeader.profileHeader .fixedHeader {
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.22);
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.22);
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 54px;
    z-index: 103; }
    @media (max-width: 764px) {
      .UserProfileHeader.profileHeader .fixedHeader {
        width: 764px; } }
    .UserProfileHeader.profileHeader .fixedHeader.shadow {
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22); }
      .UserProfileHeader.profileHeader .fixedHeader.shadow .divider {
        width: 100%; }
    .hasCategoriesBar .UserProfileHeader.profileHeader .fixedHeader {
      top: 109px; }
  .UserProfileHeader.profileHeader .profileInfo {
    padding: 14px; }
  .UserProfileHeader.profileHeader .titleBar {
    height: 32px;
    margin: 18px auto;
    position: relative; }
  .UserProfileHeader.profileHeader .name {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333;
    font-size: 33px;
    font-weight: bold;
    height: 40px;
    margin: 4px auto 0;
    max-width: 520px;
    text-align: center; }
    .columns-4 .UserProfileHeader.profileHeader .name {
      max-width: 500px; }
    .columns-3 .UserProfileHeader.profileHeader .name {
      max-width: 320px; }
  .UserProfileHeader.profileHeader .buttons {
    float: right;
    position: relative; }
  .UserProfileHeader.profileHeader .movePinsButton {
    position: relative;
    margin-right: 4px;
    top: -68px; }
  .UserProfileHeader.profileHeader .UserFollowButton {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 32px;
    margin-right: 4px;
    max-width: 175px; }
  .UserProfileHeader.profileHeader .anchorButton {
    display: inline-block;
    height: 32px;
    margin-right: 3px;
    top: 1px; }
  .UserProfileHeader.profileHeader .editProfile {
    height: 32px;
    margin-right: 4px; }
    .UserProfileHeader.profileHeader .editProfile:hover {
      border-color: #b8b8b8; }
  .UserProfileHeader.profileHeader .userProfileMenu {
    border-radius: 3px;
    height: 32px;
    position: relative;
    padding-top: 6px;
    right: 0;
    top: 0; }
  .UserProfileHeader.profileHeader .aboutBar {
    overflow: hidden;
    width: 100%;
    margin-top: 80px;
    text-align: center; }
  .UserProfileHeader.profileHeader .about {
    color: #333;
    position: relative;
    width: 620px;
    margin: 6px auto 10px; }
    .columns-4 .UserProfileHeader.profileHeader .about {
      width: 505px; }
    .columns-3 .UserProfileHeader.profileHeader .about {
      width: 420px; }
    .UserProfileHeader.profileHeader .about .aboutText {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 14px;
      line-height: 19px;
      margin: 0;
      margin-bottom: 10px;
      overflow: hidden;
      padding: 0; }
    .UserProfileHeader.profileHeader .about .iconsLinksEtc {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #9a9a9a;
      font-size: 12px;
      font-weight: 500;
      line-height: 20px;
      max-height: 40px;
      display: inline-block;
      margin: 12px 0; }
      .UserProfileHeader.profileHeader .about .iconsLinksEtc .locationWrapper, .UserProfileHeader.profileHeader .about .iconsLinksEtc .websiteWrapper {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 200px; }
      .UserProfileHeader.profileHeader .about .iconsLinksEtc .location {
        width: 11px;
        height: 11px;
        background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -143px -189px no-repeat;
        display: inline-block;
        font: 0 / 0 serif;
        text-shadow: none;
        color: transparent; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .UserProfileHeader.profileHeader .about .iconsLinksEtc .location {
            background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
            background-position: -185px -167px;
            background-size: 214px 199px; } }
      .UserProfileHeader.profileHeader .about .iconsLinksEtc .verifiedDomain {
        width: 11px;
        height: 11px;
        background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -186px -189px no-repeat;
        display: inline-block;
        font: 0 / 0 serif;
        text-shadow: none;
        color: transparent; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .UserProfileHeader.profileHeader .about .iconsLinksEtc .verifiedDomain {
            background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
            background-position: -132px -86px;
            background-size: 214px 199px; } }
      .UserProfileHeader.profileHeader .about .iconsLinksEtc .website {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        color: #9a9a9a;
        font-weight: 500;
        max-width: 200px; }
        .UserProfileHeader.profileHeader .about .iconsLinksEtc .website:hover {
          color: #cb2027; }
      .UserProfileHeader.profileHeader .about .iconsLinksEtc .twitter {
        width: 13px;
        height: 11px;
        background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -156px -189px no-repeat;
        display: inline-block;
        font: 0 / 0 serif;
        text-shadow: none;
        color: transparent; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .UserProfileHeader.profileHeader .about .iconsLinksEtc .twitter {
            background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
            background-position: -144px -130px;
            background-size: 214px 199px; } }
        .UserProfileHeader.profileHeader .about .iconsLinksEtc .twitter:hover {
          width: 13px;
          height: 11px;
          background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -171px -189px no-repeat;
          display: inline-block;
          font: 0 / 0 serif;
          text-shadow: none;
          color: transparent; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .UserProfileHeader.profileHeader .about .iconsLinksEtc .twitter:hover {
              background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
              background-position: -70px -185px;
              background-size: 214px 199px; } }
      .UserProfileHeader.profileHeader .about .iconsLinksEtc .facebook {
        width: 11px;
        height: 11px;
        background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') -199px -189px no-repeat;
        display: inline-block;
        font: 0 / 0 serif;
        text-shadow: none;
        color: transparent; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
          .UserProfileHeader.profileHeader .about .iconsLinksEtc .facebook {
            background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
            background-position: -132px -98px;
            background-size: 214px 199px; } }
        .UserProfileHeader.profileHeader .about .iconsLinksEtc .facebook:hover {
          width: 11px;
          height: 11px;
          background: url('/webapp/style/sprites/webapp-common-above_the_fold-1x.20428f0e.png') 0px -205px no-repeat;
          display: inline-block;
          font: 0 / 0 serif;
          text-shadow: none;
          color: transparent; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
            .UserProfileHeader.profileHeader .about .iconsLinksEtc .facebook:hover {
              background-image: url('/webapp/style/sprites/webapp-common-above_the_fold-2x.9215c909.png');
              background-position: -118px -185px;
              background-size: 214px 199px; } }
      .UserProfileHeader.profileHeader .about .iconsLinksEtc .middot {
        color: #ccc;
        margin-left: 1px;
        margin-right: 1px; }
    .UserProfileHeader.profileHeader .about .flagUser {
      bottom: 0;
      padding-bottom: 5px;
      position: absolute;
      right: 0; }
    .UserProfileHeader.profileHeader .about li {
      float: left;
      padding: 0 2px; }
    .UserProfileHeader.profileHeader .about textarea {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background: url('/webapp/style/app/common/images/icon_edit-1x.a5dce2e2.png') no-repeat 10px 13px;
      border-color: #cacaca;
      border-radius: 4px;
      border-width: 1px;
      color: #9a9a9a;
      display: block;
      font-size: 16px;
      margin-top: 7px;
      padding-top: 10px;
      padding-left: 25px;
      width: 495px;
      height: 64px; }
    .UserProfileHeader.profileHeader .about .saveButton {
      float: left;
      margin-top: 8px; }
  .UserProfileHeader.profileHeader .userProfileHeaderTopSources {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    width: 175px; }
    .UserProfileHeader.profileHeader .userProfileHeaderTopSources img {
      border-radius: 100%;
      height: 30px;
      margin-right: 4px;
      width: 30px; }
    .UserProfileHeader.profileHeader .userProfileHeaderTopSources li {
      margin-bottom: 7px; }
    .UserProfileHeader.profileHeader .userProfileHeaderTopSources a {
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      font-family: 'Helvetica', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
      font-weight: bold;
      color: #777;
      display: block; }
      .UserProfileHeader.profileHeader .userProfileHeaderTopSources a:hover {
        color: #444; }
    .UserProfileHeader.profileHeader .userProfileHeaderTopSources span {
      background: #fff;
      color: #ccc;
      font-size: 10px;
      font-weight: bold;
      position: relative; }
    .columns-3 .UserProfileHeader.profileHeader .userProfileHeaderTopSources {
      display: none; }
  .UserProfileHeader.profileHeader .emptyProfile .profileInfo {
    padding-bottom: 0; }
  .UserProfileHeader.profileHeader .emptyProfile .iconsLinksEtc {
    margin-top: 4px; }

.Nags {
  padding: 0 150px; }

.UserSecuritySettings {
  color: #555; }
  .UserSecuritySettings .revokeShowRecentSessions {
    margin-top: 12px; }
  .UserSecuritySettings .headlessSection {
    padding-top: 0; }
    .UserSecuritySettings .headlessSection .sessionList {
      overflow: hidden; }
      .UserSecuritySettings .headlessSection .sessionList .session {
        overflow: hidden;
        margin-top: 12px; }
        .UserSecuritySettings .headlessSection .sessionList .session .sessionInfo {
          float: left; }
        .UserSecuritySettings .headlessSection .sessionList .session .endActivity {
          float: right;
          margin-top: 8px; }
          .UserSecuritySettings .headlessSection .sessionList .session .endActivity .currentText {
            margin-top: 6px; }

.UserSettingsPage .standardForm {
  margin: 50px 0 0 256px;
  padding-bottom: 53px; }
.UserSettingsPage input[type="text"].customGender {
  width: 460px; }
.UserSettingsPage .toc {
  background: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  border-radius: 6px;
  position: fixed;
  width: 236px; }
  .columns-3 .UserSettingsPage .toc {
    display: none; }
.UserSettingsPage .tocAndFormWrapper {
  max-width: 990px;
  margin: 0 auto; }

.AddressForm .standardForm li {
  overflow: hidden; }
.AddressForm .standardForm .top {
  margin-bottom: 8px; }
.AddressForm .standardForm .subheader {
  float: left;
  font-style: italic;
  padding: 6px; }
.AddressForm .standardForm .sameInfoButton {
  float: right; }
.AddressForm .standardForm .addressFieldLeft {
  float: left;
  width: 50%; }
.AddressForm .standardForm .addressFieldRight {
  float: right;
  width: 48%; }

.ReportedContent .fake-link {
  color: blue;
  text-decoration: underline;
  cursor: pointer; }
.ReportedContent .disclaimer {
  display: none;
  float: none; }
.ReportedContent .left {
  float: left; }
.ReportedContent .right {
  float: right; }
.ReportedContent .contextNotesExplanation {
  margin-top: -68px; }
.ReportedContent h3 {
  float: left;
  width: 100%; }

.TakedownForm {
  overflow: hidden; }
  .TakedownForm h1 {
    color: #333;
    color: rgba(21, 21, 21, 0.8);
    font-size: 47px;
    font-weight: bold;
    line-height: 52px;
    margin-left: auto;
    margin-right: auto;
    max-width: 736px;
    text-align: center;
    word-wrap: break-word;
    margin-bottom: 52px; }
  .TakedownForm .addAnotherButton, .TakedownForm .acceptTerms, .TakedownForm .removeItemButton {
    float: right; }
  .TakedownForm .removeItemButton {
    margin-left: 10px; }
  .TakedownForm .formDescription {
    color: #555;
    font-weight: 500; }
  .TakedownForm .explanationText {
    float: left;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    width: 170px; }
  .TakedownForm .standardForm {
    margin: 0 auto; }
    .TakedownForm .standardForm ul {
      background: #fff;
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
      border-radius: 6px;
      margin-bottom: 14px; }
      .TakedownForm .standardForm ul .listWrapper li {
        border-top: 1px solid #dfdfdf;
        padding: 15px 21px 15px 27px; }
      .TakedownForm .standardForm ul li {
        overflow: hidden; }
        .TakedownForm .standardForm ul li.empty {
          padding: 0; }
        .TakedownForm .standardForm ul li div {
          float: left;
          margin-left: 0;
          width: 515px; }
        .TakedownForm .standardForm ul li h2 {
          float: left; }
        .TakedownForm .standardForm ul li h3 {
          color: #555;
          font-size: 13px;
          padding: 0;
          width: 170px; }
        .TakedownForm .standardForm ul li h4 {
          float: left;
          font-size: 12px;
          font-weight: normal;
          margin-left: 20px;
          padding: 6px;
          width: 170px; }